/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

   html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}
body{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * Vendor-prefixed and regular ::selection selectors cannot be combined:
 * https://stackoverflow.com/a/16982510/7133471
 *
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #d95079;
    text-shadow: none;
}

::selection {
    background: #d95079;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}
/* ==========================================================================
   Passage pj used fonts
   ========================================================================== */
@font-face {
    font-family: 'hiragino_mincho_prow6';
    src: url('../fonts/hiraminpro-w6-opentype-webfont.woff2') format('woff2'),
         url('../fonts/hiraminpro-w6-opentype-webfont.woff') format('woff'),
         url('../fonts/hiraminpro-w6-opentype.otf') format('otf'),
         url(../fonts/hiraminpro-w6-opentype.svg) format('svg');
    font-weight: normal;
    font-style: normal;

}

 /* ==========================================================================
   Samepage's custom styles
   ========================================================================== */
.site-wrapper{
	margin:0;
	padding:0;
	width:100%;
	float:left;
}
.container{
	width:1002px;
	height:auto;
	margin:0px auto;
}
header{
	background:#d95079;
	color:#ffffff;
    width: 100%;
	height:75px;
    float: left;
	z-index:99;
	position:relative;
}
header .container-fluid.inner {
	margin-top: 5px;
}
.logo{
	float:left;
	width: 600px;
}
.logo-img{
	float:left;
	margin:14px 17px 14px 0px;
}
.logo-img img {
	max-width: 283px;
	height: auto;
}
.logo p{
	font-size:11px;
	float:left;
	margin:0;
}
.time-info{
	float:right;
	text-align:right;
}
.time-info ul{
	display:inline-block;
	text-align:right;
	margin:5px 0px 0px 0px;
}
.time-info ul li{
    list-style-type: none;
    position: relative;
	float:left;
	margin-left:13px;
}
.time-info ul li::before {
    content: '\2022';      /* Unicode for ? character */
    position: absolute;
    left: -10px;          /* Adjust this value so that it appears where you want. */
    font-size: 11px;
	top:4px;
}
.time-info ul li:first-child::before {
	content: '';
}
.time-info ul li:first-child{
	list-style:none;
}
.time-info ul li a{
	color:#ffffff;
	font-size:12px;
	text-decoration:none;
}
.time-info ul li a:hover{
	text-decoration:underline;
}
.open_time{
}
.open_time p{
	font-size: 12px;
	margin:0px;
	padding:0px;
	line-height:1;
}
.open_time p span{
}
.open_time p span.tel{
	font-size:25px;
	padding-left:10px;
}
.open_time p.reserve{
	font-size:11px;
}
nav{
	background:#f5f5ea;
	text-align:center;
    width: 100%;
    float: left;
}
nav ul{
	margin:0px;
	padding:0px;
}
nav ul li{
	display:inline;
	border-left:1px solid #262626;
}
nav ul li:first-child{
	border:none;
}
nav ul li a{
	font-size:16px;
	color:#262626;
	text-decoration:none;
	padding:14px 18px;
	display:inline-block;
	letter-spacing:1px;
}
.nav{
	display:none;
}
.overlay{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 25;
  background-color: rgba(0,0,0,0.5); /*dim the background*/
}
#fixed-contact{
	display:none;
}
.banner{
	width:100%;
	height:auto;
	float:left;
/*
	background:url(../../img/kobe-himeya/banner-bg.png) no-repeat center;
	background-size:cover;
*/
}
.banner-wrapper{
	width:100%;
	height:auto;
	float:left;
/*
	background:url(../../img/kobe-himeya/banner-border.png) repeat-x bottom left;
*/
	padding-bottom:10px;
}
.banner .container {
	width: 100%;
	padding-right: 0px;
	padding-left: 0px;
}
.banner .container .bx-viewport img {
	width: 100%;
	height: auto;
}
.news{
	width:100%;
	height:auto;
	float:left;
	background:#fbecf0 url(../../img/kobe-himeya/news-bg.jpg) no-repeat;
	background-size:cover;
	background-attachment:fixed;
}
.news_wrapper{
	width:100%;
	height:auto;
	float:left;
	padding: 40px 0px 20px 0px;
	background:url(../../img/kobe-himeya/news-border.png) repeat-x top left;
}
.news h1{
	font-size:21px;
	font-weight:bold;
	margin:0px 0px 3px 0px;
}
.news h1 span{
	font-size:11px;
}
.news-slogan{
	float:left;
	width:227px;
}
.news-slogan img{
	width:100%;
}
.news a{
	color:#0092c4;
	text-decoration:none;
	font-size: 14px;
}
.news a:hover{
	text-decoration:underline;
}
.news a.inactive{
	display:none;
}
.more_news{
	display:none;
}
.more_news.active{
	display:block;
}
/*	ACCORDION */
.ac-container{
	text-align: left;
	float:left;
	background:#f7f7f7;
	width: 706px;
	padding:15px;
	margin-right:37px;
}
.ac-container label{
	padding: 6px 20px;
	position: relative;
	z-index: 20;
	display: block;
	height: 30px;
	cursor: pointer;
	color: #525263;
	line-height: 33px;
	font-size: 14px;
	border-top:1px dotted #cccccc;
}
.ac-container div:first-of-type label{border: none;}
.ac-container .more_news div:last-of-type label {
	border:none;
}
.ac-container label:hover{
	background: #fff;
}
.ac-container input:checked + label,
.ac-container input:checked + label:hover{
	background: #c6e1ec;
	color: #3d7489;
	text-shadow: 0px 1px 1px rgba(255,255,255, 0.6);
	box-shadow: 
		0px 0px 0px 1px rgba(155,155,155,0.3), 
		0px 2px 2px rgba(0,0,0,0.1);
}
.ac-container label:after,
.ac-container input:checked + label:hover:after{
	content: '';
	position: absolute;
	width: 25px;
	height: 25px;
	right: 13px;
	top: 7px;
	background: transparent url(../../img/kobe-himeya/arrow_down.png) no-repeat center center;	
}
.ac-container input:checked + label:hover:after{
	background-image: url(../../img/kobe-himeya/arrow_up.png);
}
.ac-container input{
	display: none;
}
.ac-container article{
	background: rgba(255, 255, 255, 0.5);
	margin-top: -1px;
	overflow: hidden;
	height: 0px;
	position: relative;
	z-index: 10;
	-webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
}
.ac-container article p{
	font-style: italic;
	color: #777;
	line-height: 23px;
	font-size: 14px;
	padding: 20px;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
}
.ac-container input:checked ~ article{
	-webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3);
}
.ac-container input:checked ~ article.ac-small{
	height: 90px;
}
.ac-container input:checked ~ article.ac-medium{
	height: 180px;
}
.ac-container input:checked ~ article.ac-large{
	height: 230px;
}
.newslist dt .cb {
    top: 2px;
    left: 2px;
}
.newslist dt.active .cb{
	top: 0;
}
.wear_form, .kimono_type, .scene, .wear_table, .popular, .advertise, footer{
	width:100%;
	height:auto;
	float:left;
	margin-top:24px;
}
/*start of heading style*/
.wear_form h1, .kimono_type h1, .scene h1, .wear_table h1{
	background:url(../../img/kobe-himeya/title-bullet.png) no-repeat center left;
    font-family: 'ヒラギノ明朝 ProN W6', 'HiraMinProN-W6',' ＭＳ 明朝','MS Mincho';
	font-size:32px;
	color:#000000;
	line-height:32px;
	padding-left:43px;
	margin-bottom:17px;
	font-weight:bold;
}
.wear_form h1 span, .kimono_type h1 span, .scene h1 span, .wear_table h1 span {
	font-size:26px;
}
.kimono_type p, .scene p{
	color:#e60012;
	font-size:17px;
	margin:0px 0px 9px 0px;
}
.kimono_type p:last-of-type, .scene p:last-of-type{
	margin:0px;
}
.kimono_type p span{
	font-size:14px;
	color:#ffffff;
	background:#d95079;
    padding: 2px 15px;
    margin-right: 7px;
}

/*end of heading style*/
.wear_form .wear_form_wrapper{
	background: #fbecf0 url('../../img/kobe-himeya/form-bg.png') repeat-x bottom left;
	border-radius:6px;
	width:100%;
	height:auto;
	float:left;
}
.wear_form form{
	padding:48px 44px 44px 63px;
	display:inline-block;
}
.wear_form .form-group{
	float:left;
	color:#000000;
	padding-right:16px;
}
.wear_form .form-group:last-of-type{
	padding-right:0px;
}
.wear_form .form-group:nth-of-type(4){
	padding-right:0px;
}
.wear_form .form-group label{
	font-size:15px;
	display:block;
    margin-bottom: 2px;
    font-weight: bold;
}
.wear_form .form-group select{
	border:1px solid #9e9e9e;
	border-radius:5px;
	font-size:14px;
	min-width:185px;
}
.wear_form .form-group input[type="submit"]{
    width: 214px;
    height: 46px;
	margin-left:5px;
	cursor:pointer;
	color:#ffffff;
	background:#d95079;
	font-size:18px;
	text-align:center;
	-webkit-appearance: none;
	border:none;
	border-radius:5px;
}
.kimono_type .section, .scene .section, .popular .section, .advertise .section{
	clear:both;
	padding:0;
	margin:0;
}
.kimono_type .section img, .scene .section img, .popular .section img, .advertise .section img{
	width:100%;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	border:1px solid #ededed;
}
.kimono_type .section img:hover, .scene .section img:hover, .popular .section img:hover, .advertise .section img:hover{
	opacity: 0.7;
  	filter: alpha(opacity=50); /* For IE8 and earlier */
}
.kimono_type h1{
	margin-bottom:13px;
}
.wear_table table{
	border-spacing:0px;
    border-collapse: collapse;
    width: 100%;
}
.wear_table table thead tr th{
	background:#d95079;
	color:#ffffff;
	border-right:1px dashed #4d4d4d;
	border-bottom:1px dashed #4d4d4d;
	font-size:13px;
	font-weight:400;
	width:81px;
	text-align:center;
}
.wear_table table thead th p{
	padding:5px 5px;
}
.wear_table table thead th:first-child{
	background:#ffffff;
	width:109px;
	border:none;
}


.wear_table table thead th:last-child{
	border-right:none;
}
/*
.wear_table table thead th:nth-child(11n){
	border-right:none;
}
*/


.wear_table table tr th{
	text-align:right;
	background:#c2599c;
	color:#ffffff;
	font-weight:400;
	font-size:13px;
	padding-right:5px;
	border-bottom:1px dashed #4d4d4d;
}
.wear_table table tbody tr:first-of-type th{
	border-top:1px dotted #4d4d4d;
}
.wear_table table tbody th:last-child{
	border-bottom:0px;
}
.wear_table table tr td{
	border-right:1px dashed #4d4d4d;
	border-bottom:1px dashed #4d4d4d;
	vertical-align:middle;
	text-align:center;
	font-size:11px;
	color:#d95079;
}
.wear_table table tr.pink td{
	background:#fff5ff;
}
.wear_table table tr td:last-child{
	border-right:none;
}
.wear_table table tr td:nth-child(11n){
/*	border-right:none;*/
	height:42px;
}
.wear_table table tr td img {
    display: block;
    margin: 0 auto;
}
.popular_wrapper{
	border-bottom:1px solid #b3b3b3;
	padding-bottom:31px;
}
.popular h1{
    font-family: 'ヒラギノ明朝 ProN W6', 'HiraMinProN-W6',' ＭＳ 明朝','MS Mincho';
	font-size:25px;
	border-bottom:1px solid #b3b3b3;
	text-align:center;
	font-weight:bold;
	margin-top:28px;
	padding-bottom:7px;
    margin-bottom: 38px;
}
.advertise{
	margin-top:31px;
	padding-top:30px;/*73px;*/
	padding-bottom:30px;/*73px;*/
/*	border-top:1px solid #b3b3b3;*/
}
.advertise .col{
	margin-bottom:1%;
}
footer{
	background:#fae7e3 url(../../img/kobe-himeya/footer-bg.png) repeat top left;
	margin-top:0px;
	padding-top:49px;
}
.logo_footer{
	margin-bottom: 16px;
}
footer ul{
	float:left;
	padding:0px 23px 0px 20px;
	margin:0px 0px 3px 0px;
}
footer ul.link{
	border-right:1px dotted #000000;
	border-left:1px dotted #000000;
	padding-right:28px;
}
footer ul li{
	list-style:none;
	line-height:21px;
}
footer ul li a{
	font-size:12px;
	text-decoration:none;
	color:#000000;
}
footer ul li a:hover{
	text-decoration:underline;
}
footer ul li a.bold{
	font-weight: bold;
}
footer p{
	font-size:12px;
	margin: 0px;
}
footer p.tel{
	font-size:25px;
	margin:4px 0px 16px 0px;
}
.copyright{
	background:#e17294;
	text-align:center;
	font-size:12px;
	color:#ffffff;
	padding:7px 0px;
}
/*=== category page ===*/
.breadcrumb, .cat_banner, .content_wrapper, .faq, .about{
	width:100%;
	height:auto;
	float:left;
}
.breadcrumb{
	z-index:9;
	position:relative;
}
.breadcrumb ul{
	margin:0;
	padding:0;
}
.breadcrumb ul li{
	list-style:none;
	float: left;
	padding-right:5px;
	line-height:50px;
}
.breadcrumb ul li a{
	font-size:12px;
	text-decoration:none;
	color:#000000;
}
.cat_banner{
}
.cat_banner img{
	width:100%;
	border:1px solid #d6d6d6;
}
.content_wrapper{
	margin:35px 0px;
}
.sidebar{
	width:255px;
	float:left;
	height:auto;
	margin-right:30px;
}
.sidebar-wrapper{
}
.ad-1{
/*
	float:left;
*/
	margin-bottom: 20px;
}
.ad-1 img{
	width:100%;
}
.ad-2{
	margin:20px 0px;
	display:inline-block;
}
.ad-2 img{
	width: 100%;
}
.filter-wrapper{
	padding: 15px 30px 30px 30px;
	background:#F3F3E9;
}
.filter-wrapper .form-group{
}
.filter-wrapper .form-group label{
	background:url(../../img/kobe-himeya/arrow-search.png) no-repeat left center;
	padding-left:22px;
}
.filter-wrapper .form-group input[type="text"]{
	border:1px solid #9E9E9E;
	border-radius:5px;
	font-weight:normal;
	line-height:21px;
	width: 100%;
	width: calc(100% - 5px);
	padding-left:5px;
	margin:10px 0px 20px 0px;
}
.filter-wrapper .form-group input[type="date"]{
	border:1px solid #9E9E9E;
	border-radius:5px;
	font-weight:normal;
	line-height:21px;
	width: 100%;
	width: calc(100% - 5px);
	padding-left:5px;
	margin:10px 0px 20px 0px;
}

#rentaldatesearch_date {
	border:1px solid #9E9E9E;
	border-radius:5px;
	font-weight:normal;
	line-height:21px;
	width: calc(100% - 5px);
	padding-left:5px;
	margin:0px 0px 20px 0px;
}

.filter-cat{
	font-family:"小塚ゴシック Pr6N", "KozGoProN-Regular";
}
.filter-cat h1{
	font-size:14px;
	margin:56px 0px 10px 0px;
}
.filter-cat h1.no-margin{
	margin-top:20px;
}
.filter-cat ul{
	margin:0;
	padding:0;
}
.filter-cat ul li{
	list-style:none;
	border-top:1px dotted #000000;
	font-size:13px;
	line-height:40px;
}
.filter-cat ul li:last-child{
	border-bottom:1px dotted #000000;
}
.filter-cat ul li label{
	margin-left:7px;
}
.category{
	width:717px;
	float:left;
}
.cat_type{
}
.cat_type img{
	width:100%;
}
.cat_type form{
	border-bottom:1px solid #999999;
	margin-bottom:32px;
	width:100%;
	display:inline-block;
	font-size:13px;
}
.cat_type .form-group{
	float:right;
	margin:0px 0px 15px 20px;
}
.cat_type label{
}
.cat_type select{
}
/*=== end of category page ===*/

/*=== user guide page ===*/
.page-title{
}
.page-title h1{
    font-family: 'ヒラギノ明朝 ProN W6', 'HiraMinProN-W6',' ＭＳ 明朝','MS Mincho';
	font-size:32px;
	color:#000000;
	text-align:center;
}
.page-title h1:before{
	content:url(../../img/kobe-himeya/title-bullet.png);
	margin-right:8px;
	top:4px;
	position:relative;
}
.page-title h1:after{
	content:url(../../img/kobe-himeya/title-bullet.png);
	margin-left:10px;
	top:4px;
	position:relative;
}
.guide{
}
.guide_content{
	border: 5px solid #ECA7BC;
	background: #f5f5ec url(../../img/kobe-himeya/guide-bg.jpg) repeat top left;
	padding:25px 30px;
	min-height:211px;
}
.guide_content h2{
    font-family: 'ヒラギノ明朝 ProN W6', 'HiraMinProN-W6',' ＭＳ 明朝','MS Mincho';
	font-size: 18px;
	margin:0px;
}
.guide_content h2:before{
	content:url(../../img/kobe-himeya/bullet1.png);
	margin-right:10px;
	top:4px;
	position:relative;
}
.guide_content p{
    font-family: 'ヒラギノ明朝 ProN W3', 'HiraMinProN-W3',' ＭＳ 明朝','MS Mincho';
	font-size:15px;
	line-height:24px;
}
.read_more{
}
.read_more a{
    font-family: 'ヒラギノ明朝 ProN W3', 'HiraMinProN-W3',' ＭＳ 明朝','MS Mincho';
	font-size:12px;
	color:#000000;
	text-align:right;
	display:block;
}
.read_more a:hover{
	text-decoration:none;
}
.read_more a:after{
	content:url(../../img/kobe-himeya/link-arrow.png);
	margin-left:5px;
	top:2px;
	position:relative;
}
.rental_flow{
	padding:20px 0px 40px 0px;
}
.rental_flow h1{
    font-family: 'ヒラギノ明朝 ProN W6', 'HiraMinProN-W6',' ＭＳ 明朝','MS Mincho';
	font-size:32px;
	color:#000000;
	text-align:center;
}
.rental_flow h1:before{
	content:url(../../img/kobe-himeya/title-bullet.png);
	margin-right:8px;
	top:4px;
	position:relative;
}
.rental_flow h1:after{
	content:url(../../img/kobe-himeya/title-bullet.png);
	margin-left:10px;
	top:4px;
	position:relative;
}
.rental_flow .box{
	background:url(../../img/kobe-himeya/flow-bg.jpg) repeat center;
	padding:20px 10px;
}
.rental_flow .box1 .box{
    min-height: 198px;
}
.rental_flow .box2 .box{
    min-height: 308px;
}
.rental_flow .box3 .box{
    min-height: 396px;
}
.box h2{
    font-family: 'ヒラギノ明朝 ProN W6', 'HiraMinProN-W6',' ＭＳ 明朝','MS Mincho';
	font-size:24px;
	margin:0px 0px 20px 0px;
	line-height:50px;
}
.box h2 span{
	font-size:25px;
	background:#ffffff;
	border-radius:50%;
	width:50px;
	height:50px;
    float: left;
    text-align: center;
    line-height: 50px;
	margin-right:15px;
}
.box p{
    font-family: 'ヒラギノ明朝 ProN W3', 'HiraMinProN-W3',' ＭＳ 明朝','MS Mincho';
	font-size:16px;
	margin-bottom:0px;
}
.box p span{
	color:#FF00FF;
}
/*=== end of user guide page ===*/

/*=== faq page ===*/
.faq{
	margin-top:40px;
}
.faq_content{
	background: #f5f5ec url(../../img/kobe-himeya/faq-bg.jpg) repeat top right;
	padding:25px 30px;
	min-height:222px;
}
.faq_content .ques{
	font-size:18px;
    font-family: 'ヒラギノ明朝 ProN W6', 'HiraMinProN-W6', 'ＭＳ 明朝','MS Mincho';
	font-weight:600;
	display:inline-block;
}
.faq_content .ques span, .faq_content .ans span{
    font-family: 'ヒラギノ明朝 ProN W3', 'HiraMinProN-W3',' ＭＳ 明朝','MS Mincho';
	font-size:30px;
	width:50px;
	height:50px;
	line-height:50px;
	background:#D95079;
	color:#ffffff;
	float:left;
	border-radius:50%;
	text-align:center;
	margin-right:15px;
}
.faq_content p{
    font-family: 'ヒラギノ明朝 ProN W3', 'HiraMinProN-W3',' ＭＳ 明朝','MS Mincho';
	font-size:16px;
	line-height:28px;
	margin-top:25px;
	display:table;
}
/*=== end of faq page ===*/

/*===start of scene page====*/
.scene-details{

}
.scene-details h1{
    font-family: 'ヒラギノ明朝 ProN W6', 'HiraMinProN-W6',' ＭＳ 明朝','MS Mincho';
    font-size:32px;
    background: url(../../img/kobe-himeya/title-bullet.png) no-repeat left center;
    padding-left: 40px;
    margin-top: 0px;
}
.scene-details h2{
    font-family: 'ヒラギノ明朝 ProN W6', 'HiraMinProN-W6',' ＭＳ 明朝','MS Mincho';
    font-size: 18px;
    background: url(../../img/kobe-himeya/scene-bullet.png) no-repeat left top 1px;
    padding-left: 28px;
    border-bottom: 1px dotted #333333;
    color: #333333;
    /*letter-spacing: -6px;*/
    margin: 0;
    padding-bottom: 15px;
}
.scene-desc{
	background: #f2efe6 url(../../img/kobe-himeya/scene-dt-bg.png) repeat top center;
    font-size: 22px !important;
    border: 5px solid #F7DCE4;
    padding: 10px 8px;
}
.scene-desc ul li a {
	font-size: 22px;
}
.scene-details .col{
	margin:0% 0 2.1% 2.1%;
}
.scene-details .col:nth-child(2n+1){
	margin-left: 0px;
}
.scene-details ul{
    font-family: 'ヒラギノ明朝 ProN W3', 'HiraMinProN-W3',' ＭＳ 明朝','MS Mincho';
	display: inline-block;
    padding:0px;
    margin: 15px 0px 5px 0px;
}
.scene-details ul li {
    list-style-type: none;
    position: relative;
    float: left;
    margin-right: 22px;
}
.scene-details ul li::before {
    content: url('../../img/kobe-himeya/scene-list.png');      
    position: absolute;
    right: -14px;          
    font-size: 8px;
    top: 7px;
}
.scene-details ul li:last-child::before {
	content: '';
}
.scene-details ul li:last-child{
	list-style:none;
}
.scene-details ul li a{
	color: #000000;
}
.scene_form_wrapper{
	width:100%;
	height:auto;
	float:left;
}
.scene_form_wrapper h1{
	margin: 35px 0px 20px 0px;
}
.scene_form_wrapper h1 span{
	font-size: 26px;
}
.scene-details form{
	background: #fbecf0 url('../../img/kobe-himeya/scene-form.jpg') repeat-x top left;
	padding:48px 59px 33px 59px;
	display:inline-block;
	border-radius:6px;
}
.scene-details .form-group{
	float:left;
	color:#000000;
	padding-right:20px;
}
.scene-details .form-submit{
	float:left;
	width: 100%;
	height: auto;
	text-align: center;
	margin-top: 33px;
}
.scene-details .form-group:nth-of-type(3){
	padding-right:0px;
}
.scene-details .form-group label{
	font-size:15px;
	display:block;
    margin-bottom: 2px;
    font-weight: bold;
}
.scene-details .form-group select{
	border:1px solid #9E9E9E;
	border-radius:5px;
	font-size:14px;
	min-width:185px;
}
.scene-details .form-submit input[type="submit"]{
    width: 214px;
    height: 46px;
	cursor:pointer;
	color:#ffffff;
	background:#d95079;
	font-size:18px;
	text-align:center;
	-webkit-appearance: none;
	border:none;
	border-radius:5px;
}
.scene-details form + h1{
	margin-top: 20px;
}
/*=== end of scene page ===*/

/*=== start of common page ===*/
.common-page{
	height: auto;
	min-height: 100px;
	float: left;
}
.common-page p{
	font-family:"小塚ゴシック Pr6N", "KozGoProN-Regular";
	font-size: 14px;
	line-height: 24px;
}
ul.ordered_list li{
	font-family:"小塚ゴシック Pr6N", "KozGoProN-Regular";
	list-style: decimal;
	line-height: 28px;
}
ul.ordered_list li ul li{
	list-style: upper-roman;
}
ul.ordered_list li ul li ul li{
	list-style: lower-roman;
}
/*=== end of common page ===*/
/*=== start of product detail page ===*/
.product-breadcrumb{
	border-bottom: 1px solid #cccccc;
	float: left;
	width: 100%;
}
.social{
	float:right;
}
.social img{
	width:24px;
}
.breadcrumb ul.social li:last-child{
	padding-right:0px;
}
.product_details{
	width:100%;
	float:left;
	font-size:13px;
}
.product_details h1{
    font-family: 'ヒラギノ明朝 ProN W3', 'HiraMinProN-W3',' ＭＳ 明朝','MS Mincho';
	margin:0;
}
.product_details h1 span{
    font-family: 'ヒラギノ明朝 ProN W6', 'HiraMinProN-W6',' ＭＳ 明朝','MS Mincho';
}
.slider2{
	width:100%;
	float:left;
}
.prod_left_img{
	width:100%;
	float:left;
    margin-top: 100px;
}
.prod_left_img img{
	width:100%;
}
.price .discount{
	color:#DE5D50;
}
.price .discount span{
	font-size:24px;
}
.price .discount sup{
	top:-1.5em;
}
.prod-code{
	border-top:1px dotted #cccccc;
}
.prod-code a{
	text-decoration:none;
	color:#0092C4;
}
.prod-code p{
	padding:3px 0px;
	line-height:24px;
}
.rental_calendar{
	position:relative;
	margin:0 0 10px 0;
	min-width: 513px;
}

.rental_calendar table,
.rental_calendar caption,
.rental_calendar th,
.rental_calendar td{
	border-color:#ffffff;
	text-align:center;
	padding:0px;
	box-sizing:border-box;
}
.rental_calendar caption{
	background:#B5A78D;
	color:#ffffff;
	padding:3px
}

.rental_calendar thead th{
	background:#ffffff;
	color:#DC915B;
}

.rental_calendar td{
	background:#ffffff;
	color:#ffffff;
}

.rental_calendar td.disabled{
	background:#E6DDD0;
}
.rental_calendar td.active{
	background:#F3CC98;
	cursor:pointer;
}
.rental_calendar td.reserved{
	background:#9CC3B1;
}
.rental_calendar td.preparation{
	background:#9CC3B1;
}
.rental_calendar td.mainte{
	background:#9CC3B1;
}
.rental_calendar td.selected span{
	background:rgba(224,103,82,0.8);
	font-weight:bold;
}
.rental_calendar td span{
	padding:5px;
	text-align:center;
	display:block;
	background:none;
}
.rental_calendar td.active:hover span{
	background:rgba(255,0,0,0.5);
}
.rental_calendar ul.multipleCalendar{
	width:100%;
	position:relative;
	margin:0;
	padding:0;
	font-size:12px;
	height:230px;
}
.rental_calendar ul.multipleCalendar:after{
	content:"";
	display:block;
	width:0;
	height:0;
	clear:both;
}
.rental_calendar ul.multipleCalendar>li{
	width:49%;
	float:left;
	margin:0 2% 20px 0;
	list-style:none;
}
.rental_calendar ul.multipleCalendar>li:nth-child(2n){
	margin-right:0;
}

.rental_calendar ul.multipleCalendar>li table{
	margin:0;
	width:100%;
}
.rental_calendar ul.multipleCalendar>li>table td {
    border: solid 1px white;
	width:12%;
}
.rental_calendar .navi{
	width:25%;
	display:block;
	clear:both;
	overflow:hidden;
	bottom:16px;
	margin-left: auto;
    margin-right: 0;
}
.rental_calendar .navi li{
	padding:5px;
	cursor:pointer;
	color:#ffffff;
	background:#cccccc;
    margin-left: 10px;
    margin-right: 0;
    float: right;
}
.color_desc{
	border:1px dotted #cccccc;
	padding:10px;
	margin-bottom: 15px;
}
.color_desc p{
	line-height:20px;
}
.color_desc p span{
    width: 20px;
    height: 20px;
    float: left;
    margin-right: 10px;
}
.color_desc p span.gray{
	background:#E6DDD0;
}
.color_desc p span.green{
	background:#9CC3B1;
}
.color_desc p span.light_brown{
	background:#F3CC98;
}
.color_desc p span.orange{
	background:rgba(255,0,0,0.5);
}
.color_desc p span.brown{
	background:rgba(224,103,82,0.8);
}
.color_desc h2{
	text-align:center;
    font-size: 18px;
    background: #fbe9ea;
    margin: 0;
    padding: 10px 0px;
}
.prod_note{
	margin:20px 0px;
	border:1px dotted #cccccc;
	padding:15px;
}
.product_form{
	padding:20px 0px;
}
.product_form .form-group{
	margin-bottom:10px;
}
.product_form label{
	display:block;
	padding-bottom:5px;
}
.product_form label span{
	color:#d95079;
	padding:0px 10px;
}
.product_form select{
	width:100%;
	border-radius:5px;
	border:1px solid #C4CCCE;
	height:40px;
	line-height:40px;
}
.product_form input[type="submit"]{    
	width: 100%;
    height: 46px;
    cursor: pointer;
    color: #ffffff;
    font-size: 14px;
    text-align: center;
    -webkit-appearance: none;
    border: none;
    border-radius: 5px;
}
.product_form .cart_btn{
    background: #DE5D50;
}
.product_form .fav_btn{
    background: #525263;
}
.prod_details{
}
.prod_details table{
	width:100%;
}
.prod_details tr{
}
.prod_details table th{
	background:#dddddd;
	min-width:100px;
	color:#525263;
	padding:10px 0px;
	border:1px dotted #dddddd;
}
.prod_details table td{
	padding:10px;
	border:1px dotted #dddddd;
}
.option_description {
  -moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  display: none;
  min-width: 50%;
  max-width: 80%;
  max-height: 80%;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  overflow:auto;
}
.option_description .modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}
.option_description .modal-header .plainmodal-close {
  margin-top: -2px;
  float: right;
  font-size: 2.1rem;
  font-weight: 700;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.2;
}
.option_description .modal-header .plainmodal-close:hover {
  opacity: 0.5;
}
.option_description .modal-header > p {
  margin: 1% 0 0 0;
  font-size: 1.4rem;
  line-height: 1.42857143;
}

.option_description .modal-title {
  color: #333333;
  font-size: 1.8rem;
  font-weight: 500;
  font-family: inherit;
  margin: 0;
}
.option_description .modal-body {
  padding: 3%;
  font-size: 1.4rem;
  line-height: 1.42857143;
  color: #333;
}
.option_description .modal-body > p {
    margin: 0 0 3%;
}
.option_description .modal-body > div {
    margin-bottom: 2%;
    overflow: hidden;
    padding-bottom: 2%;
}
.option_description .modal-body > div > p {
    margin: 2% 0 0;
}
.option_description img {
    float: none;
    margin: 1% auto 0;
    width: 40%;
    height: auto;
    display: block;
}
.option_description h3 {
    margin: 0;
    background: #efefef;
    padding: 1%;
}
.option_description .minus {
    color: #2980b9;
}
.option_description span.small {
    font-size: 1.2rem;
}

.option_description .btn-info {
    width: 74px;
    float: none;
    margin: 15px auto 10px;
    border: 0;
    padding: 4px 0;
    display: block;
}
.product_details .popular_wrapper{
	border-bottom:none;
}
.product_details .popular_wrapper h1{
	margin-bottom:30px;
	border-bottom:1px solid #ededed;
}
#relative_category_box + ul {
    margin-top: 10px;
}
#option_price_box{
	display: none;
}

/*=== end of product details page ===*/
/*===start of about====*/
.about{
	background:url(../../img/kobe-himeya/about-bg.jpg) no-repeat;
	background-size:cover;
	padding: 100px 0px;
    margin-top: -86px;
    position: relative;
    z-index: 2;
}
.about p{
	text-align:center;
    font-family: 'ヒラギノ明朝 ProN W3', 'HiraMinProN-W3',' ＭＳ 明朝','MS Mincho';
	font-size:18px;
	line-height:36px;
}
.about-list{
	width:100%;
	height:auto;
	float:left;
	background:#f6f6f6 url(../../img/kobe-himeya/about-bg2.jpg) repeat;
	padding:60px 0px;
}
.about-list h1, .company_info h1{
    font-family: 'ヒラギノ明朝 ProN W6', 'HiraMinProN-W6',' ＭＳ 明朝','MS Mincho';
	font-size:32px;
	color:#000000;
	text-align:center;
}
.about-list h1:before, .company_info h1:before{
	content:url(../../img/kobe-himeya/title-bullet.png);
	margin-right:8px;
	top:4px;
	position:relative;
}
.about-list h1:after, .company_info h1:after{
	content:url(../../img/kobe-himeya/title-bullet.png);
	margin-left:10px;
	top:4px;
	position:relative;
}
.about_list_wrapper{
    margin: 0 auto;
    max-width: 520px;
}
.about_list_wrapper ul li{
    font-family: 'ヒラギノ明朝 ProN W3', 'HiraMinProN-W3',' ＭＳ 明朝','MS Mincho';
	font-size:16px;
	line-height:36px;
}
.company_info{
	width:100%;
	height:auto;
	float:left;
	padding:60px 0px 40px 0px;
}
.info{
	float:left;
    font-family: 'ヒラギノ明朝 ProN W3', 'HiraMinProN-W3',' ＭＳ 明朝','MS Mincho';
}
.info h2{
	font-size:22px;
}
.info p{
	font-size:16px;
}
.info p span{
	min-width:70px;
	display:inline-block;
}
.comp_img img{
	float:right;
}
/*about page kobe himeya edit*/
#page_help_about .inner{
	max-width: 100%;
}
#page_help_about .container-fluid{
	padding-left: 0px !important;
	padding-right: 0px !important;
}
/*=== end of about page ===*/
/*=== start of registration page (entry) ===*/
.registration_page .dl_table dt label{
	vertical-align: middle;
    background: url(../../img/kobe-himeya/bullet1.png) no-repeat left center;
    padding-left: 25px;
}
#form1 label{
	vertical-align: middle;
    background: url(../../img/kobe-himeya/bullet1.png) no-repeat left center;
    padding-left: 25px;
    padding-top: 2px;
    padding-bottom: 2px;
}
/*=== end of registration page (entry) ===*/
/*===start of column====*/
.col {
	display: block;
	float:left;
	margin: 0% 0 1.6% 1.28%;
}
.popular_col{
	display: block;
	float:left;
	margin: 0% 0 2% 2.5%;
}
.col:first-child { margin-left: 0; }
.popular_col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }
/*  GRID OF FOUR  */
.span_4_of_4 {
	width: 100%;
}
.span_3_of_4 {
	width: 74.6%;
}
.span_2_of_4 {
	width: 48.6%;
}
.span_1_of_4 {
	width: 24.04%;
}
.span_1_of_3 {
	width: 32.65%;
}
.column_1_of_4 {
	width: 23%;
}
.cat_type .col{
	margin:0% 0% 1% 1%;
}
.cat_type .col:last-child{
	float:right;
}
.cat_type .col:nth-child(3n+1){
	margin-left:0px;
}
.guide .col {
	margin: 0% 0 2.0% 2.0%;
}
.guide .col:first-child{
	margin-left:0;
}
.rental_flow .span_1_of_3 {
    width: 32.45%;
}
.rental_flow .col{
	margin-bottom:2%;
}
.faq .col{
	margin: 0% 0 3.50% 3.50%;
}
.faq .span_2_of_4 {
    width: 46.5%;
}
/*====end of column====*/





/*=== start of sitemap page ===*/
.sitemap-col1{
	float:left;
	margin-right:35px;
	width:194px;
}
.sitemap-col2{
	float:left;
	margin-right:35px;
	width:427px;
}
.sitemap-col3{
	float:left;
	width:194px;
}
.sitemap-col1 h2, .sitemap-col2 h2, .sitemap-col3 h2{
	font-size:15px;
	font-weight:bold;
	background:url(../../img/kobe-himeya/bullet1.png) no-repeat left top 3px;
	padding-left:25px;
	padding-bottom:8px;
	border-bottom:1px solid #D95079;
	margin-top:20px;
}
.sitemap-col1 ul, .sitemap-col2 ul, .sitemap-col3 ul{
	list-style:none;
	float:left;
	margin:0px;
	padding:0px;
}
.sitemap-col1 ul li, .sitemap-col2 ul li, .sitemap-col3 ul li{
	font-size:12px;
	line-height:24px;
}
.sitemap-col2 ul{
	margin-right:55px;
}
.sitemap-col2 ul li span{
	font-weight:bold;
	font-size:14px;
}
.sitemap-col1 ul li a, .sitemap-col2 ul li a, .sitemap-col3 ul li a{
	text-decoration:none;
	color:#000000;
}
/*=== end of sitemap page ===*/

/*
.theme_main_only #main{display: inline-block;}
*/

.page-heading{font-size: 14px; width: 100%; display: inline-block;}
.flowline.step4 ul li{font-size: 14px;}
.flowline ul li{font-size: 14px;}
.complete_message .heading01{font-size: 24px;}
.btn{font-size: 16px;}
.mypage .message{display: inline-block; width: 100%;}
.unsubscribe_box h3{font-size: 24px;}
.side{display: block;}
.flowline li .flow_number{font-size: 19px;}
#shopping_confirm .total_box dl dt{font-size: 14px;}
#shopping_confirm .total_box .total_amount p.total_price{font-size: 14px;}
#shopping_confirm .total_box .total_amount p.total_price strong{font-size: 22px;}
#shopping_confirm .total_box .total_amount p.total_price strong .small{font-size: 12px;}
#shopping_confirm .heading02{font-size: 19px;}
.table_object th.title{min-width: 60px;}

.cart_item .icon_edit a .cb{font-size: 20px;}
.total_box dl.total_price dd{font-size: 24px;}
#topicpath li{font-size: 12px;}
.cart .item_box .cb{font-size: 20px;}
.cart .item_box .item_name{font-size: 16px;}
.cart .item_box .item_pattern{font-size: 14px;}
.cart .item_box .item_price{font-size: 16px;}
.cart .item_box .item_price .small{font-size: 12px;}
.cart .item_box .item_quantity{font-size: 14px;}
.cart .item_box .item_quantity input{font-size: 16px;}
.cart .cart_price{font-size: 14px;}
.cart .cart_price .price{font-size: 16px;}
.cart .btn_area .btn-sm{font-size: 14px;}
#header .copy{font-size: 9px;}
.header_logo_area .header_logo{font-size: 20px;}
.category-nav a{font-size: 16px;}
.footer_logo_area .logo{font-size: 16px;}
.footer_logo_area .copyright{font-size: 10px;}
.pagetop a .cb-angle-down{font-size: 25px;}
.bt_search .cb-search{font-size: 25px;}
.search select{font-size: 16px;}
.search input[type="search"] {font-size: 16px;}
.member_link a{font-size: 14px;}
.member_link a .cb{font-size: 30px;}
.btn_area .btn_icon .cb{font-size: 30px;}
#item_detail_area .small{font-size: 10px;}
#item_detail_area .item_name{font-size: 20px;}
#item_detail_area .item_detail .sale_price{font-size: 18px;}
#recommend_area .slick-next {font-size: 18px;}
#recommend_area .slick-prev,
#recommend_area .slick-next{font-size: 18px;}
#recommend_area .slick-prev .cb,
#recommend_area .slick-next .cb{font-size: 25px;}
.historylist_column .order_date{font-size: 16px;}
.address_table .icon_edit a .cb{font-size: 20px;}
.unsubscribe_box .icon{font-size: 100px;}
.message_box .icon{font-size: 100px;}
.message_box h1{font-size: 16px;}
.modal-header .close{font-size: 20px;}
.modal-body .quantity{font-size: 16px;}
.modal-body .item_price{font-size: 16px;}
.modal-body .item_price .small {font-size: 12px;}
.modal-footer .btn_area button{font-size: 16px;}
.modal-footer .btn_area .btn_icon .cb{font-size: 24px;}
 #topicpath li {font-size: 16px;}
/*===start of column====*/
.col {
	display: block;
	float:left;
	margin: 0% 0 1.6% 1.28%;
}
.popular_col{
	display: block;
	float:left;
	margin: 0% 0 2% 2.5%;
}
.col:first-child { margin-left: 0; }
.popular_col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }
/*  GRID OF FOUR  */
.span_4_of_4 {
	width: 100%;
}
.span_3_of_4 {
	width: 74.6%;
}
.span_2_of_4 {
	width: 48.6%;
}
.span_1_of_4 {
	width: 24.04%;
}
.span_1_of_3 {
	width: 32.65%;
}
.column_1_of_4 {
	width: 23%;
}
.cat_type .col{
	margin:0% 0% 1% 1%;
}
.cat_type .col:last-child{
	float:right;
}
.cat_type .col:nth-child(3n+1){
	margin-left:0px;
}
.guide .col {
	margin: 0% 0 2.0% 2.0%;
}
.guide .col:first-child{
	margin-left:0;
}
.rental_flow .span_1_of_3 {
    width: 32.45%;
}
.rental_flow .col{
	margin-bottom:2%;
}
.faq .col{
	margin: 0% 0 3.50% 3.50%;
}
.faq .span_2_of_4 {
    width: 46.5%;
}
/*====end of column====*/
 /*IE10+*/
 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
 .filter-wrapper input[type="submit"]{ height: 30px; line-height: 35px; }
 }

 /*IE6,7*/
 @media screen\9 {
 .filter-wrapper input[type="submit"]{ height: 30px; line-height: 35px; }
 }

 /*IE8*/
 @media \0screen {
.filter-wrapper input[type="submit"]{ height: 30px; line-height: 35px; }
 }

 /*IE6,7,8*/
 @media \0screen\,screen\9 {
 .filter-wrapper input[type="submit"]{ height: 30px; line-height: 35px; }
 }

 /*IE9,10*/
 @media screen and (min-width:0\0){
  .filter-wrapper input[type="submit"]{ height: 30px; line-height: 35px; }
 }

@media only screen and (max-width: 768px){
	#header{height: 45px; position: fixed;}

#header .inner{padding-left: 0px; padding-right: 0px;}
.txt_bnr {
    margin-top:12px;
}
ul.dropdown{
	min-height: 100vh !important;
	height: 100vh !important;
	overflow: auto;
	padding-bottom: 100px !important;
}
#contents {
    padding-top: 45px;
}
#topicpath{
	margin-top: 0px;
}
.ac-container {
    width: 100% !important;
    margin-right: 0;
}
.newslist dt .angle-circle{
	right: 0px;
	top: 16px;
}
.newslist dt .cb {
    top: 0px;
    left: 5px;
}
.item_photo {
    height: 100% !important;
}
.cart_item{border-top: 0;}
.cart_item .icon_edit a .cb{font-size: 11px;}
#form_cart > .message:first-child{border-bottom: 1px dotted #cccccc;}
#form_cart div.table .tbody .tr > .td{padding: 10px 6px;}
.total_box dl{margin-left: 15%;}
}

@media only screen and (min-width: 768px){
	#rentaldatesearch_date{
		max-width: 160px;
	}
}




 /* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers
 */

 .hidden {
  display: none !important;
}

/*
* Hide only visually, but have it available for screen readers:
* https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
*
* 1. For long content, line feeds are not interpreted as spaces and small width
*    causes content to wrap 1 word per line:
*    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
*/

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap; /* 1 */
}

/*
* Extends the .visuallyhidden class to allow the element
* to be focusable when navigated to via the keyboard:
* https://www.drupal.org/node/897638
*/

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
  white-space: inherit;
}

/*
* Hide visually and from screen readers, but maintain layout
*/

.invisible {
  visibility: hidden;
}

/*
* Clearfix: contain floats
*
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
*    `contenteditable` attribute is included anywhere else in the document.
*    Otherwise it causes space to appear at the top and bottom of elements
*    that receive the `clearfix` class.
* 2. The use of `table` rather than `block` is only necessary if using
*    `:before` to contain the top-margins of child elements.
*/

.clearfix:before,
.clearfix:after {
  content: " "; /* 1 */
  display: table; /* 2 */
}

.clearfix:after {
  clear: both;
}

 
/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

   @media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 1.25dppx),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

 
/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   https://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

   @media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important; /* Black prints faster */
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre {
        white-space: pre-wrap !important;
    }
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}