/*
Theme Name:  SMART HOTEL
Theme URI: http://www.jadexdesign.jp/
Template: bb7_core
Description: スマートホテル向けテーマ
Version: 0.1
Author: Takashi Hayama
Author URI: http://www.jadexdesign.jp/
*/
/****************************************
		1. Layout 
*****************************************/
#wrap,#headCont,#footCont,#description p,
#head ul#drop,
#head #bread ul,
#kv,#slick_kv,
#footCont .sns_navi{
max-width: 1160px;
}

#wrap{
padding: 30px;
background: #fff;
margin-top: 30px;
}
.home #wrap{
margin-top:0;
}
#main{
	width:100%;
	float:left;
	margin-right:-330px;
}
#mainCol{
	margin-right:330px;
}
#sideCol{
	width: 300px;
	float: right;
}
#content{
}
.home #main{
margin: 0;
float:none;
}
.home #mainCol{
	margin-right:0;
	float: none;
}
.home #sideCol{
	width: 100%;
	margin: 0;
	float: none;
}

.post-type-archive-room #main,
.single-room #main{
margin: 0;
float:none;
}
.post-type-archive-room #mainCol,
.single-room #mainCol{
	margin-right:0;
	float: none;
}

@media screen and (max-width: 767px) {
	#wrap{
	padding: 30px 0;
	}
	#mainCol{
	width: 100%;
	margin: 0;
	float: none;
	}
	#main{
	margin: 0;
	float: none;
	}
	#sideCol{
	width: 100%;
	margin: 0;
	float: none;
	}

}

.category_bar{
background: #333;
color: #fff;
}

/****************************************
		2. Color 
*****************************************/
body{background: #f4f4f1;}
#head{background: #fff;}
#description p{color: #333;}
#footer{background: #111;}


.linkCont a,
#content .newEntry .cont .linkCont a,
.block_col3 .cont .linkCont a,
.r_wrap .cont .linkCont a{
background: #333;
color: #fff;
}
.linkCont a:hover,
#content .newEntry .cont .linkCont a:hover,
.block_col3 .cont .linkCont a:hover,
.r_wrap .cont .linkCont a:hover{
		background: #666;
}
p.btn {
margin-top: 20px;
margin-bottom: 2rem;
}
p.btn a{
background: #333;
border: none;
border-radius: 0;
color: #fff;
padding: 10px 20px;
}
p.btn a:hover{
text-decoration: none;
background: #666;
}

/****************************************
		3. Header
*****************************************/
#headCont{
align-items: stretch;
height: 120px;
overflow: visible;
}
#headCont #logo{
width: 30%;
height: 120px;
background: #e1200f;
text-align: center;
}
    #headCont #logo .blog_title{
    text-align: center;
    color: #fff;
    padding: 40px 0 0 0;
    }
#head #gNavi{
width: 70%;
border: none;
}
#head ul#drop{
border: none;
border-left: 1px solid #ddd;
}
#head ul#drop li{
border-right:1px solid #ddd;
}
#head ul#drop li:first-child{
width: auto;
}
#head ul#drop li a{
background: #fff;
padding: 45px 0;
}
#head #gNavi,
#head ul#drop li a{
background: #fff;
color: #333;
position: relative;
}

#head ul#drop li.current-menu-item a,
#head ul#drop li:hover a{
background: #fff;
border-bottom: 3px solid #e1200f;
	}
#head ul#drop li.current-menu-item a:before,
#head ul#drop li:hover a:before{
position: absolute;
left: 50%;
bottom: 5px;
content: '';
width: 0;
height: 0;
margin-left: -3px;
border-top: 6px solid #e1200f;
border-right: 6px solid transparent;
border-left: 6px solid transparent;
}    
	#head ul#drop li ul{
	background: #fff;
	color: #333;
	}
#head ul#drop li ul li{ 
border-bottom: 1px solid #fff;
}
#head ul#drop li ul li a:before{
display: none;
}
#head ul#drop li ul li a{
border-bottom: 1px solid #ddd;
border-top: 1px solid #fff;
}
		#head ul#drop li ul li a:hover{
		background: #eee;
		}
@media screen and (max-width: 767px) {
#toggleBtn{
background: #333;
}
#toggleBtn p{
color: #fff;
}
#toggleBtn p:before{
	color: #fff;
}
#headCont{
overflow: visible;
height: 80px;
}
#headCont #logo{
width: 100%;
height: 80px;
}
#head #gNavi{
background: #000;
width: 100%;
position:absolute;
border: none;
}
	#head ul#drop li:first-child{
    display: block;
    }
#head ul#drop li.current-menu-item a,
    #head ul#drop li a{
	color: #fff;
	background:#111;
    border-bottom: 1px solid #666;
    padding-left: 2em;
	}
	#head ul#drop li:hover a{
	background: #222;
	color: #fff;
    border-bottom: 1px solid #666;
	}
#head ul#drop li ul{
background: #333;
color: #fff;
}
		#head ul#drop li ul li a:hover{
		background: #111;
		}

}/*responsive*/

/****************************************
		4. Side
*****************************************/
#searchform input[type="text"]{
background: #fff;
}
#searchform input[type="submit"]{
color: #fff;
background: #333;
}
/****************************************
		5. Footer
*****************************************/
#footer div,#footer p,#footer address,#footer p a,#footer li,#footer li a,#footer dt a,
#footer ul,#footer dd a,#footer dd,#footer dt,#footer address{
color:#333;
}
#footer{
border-top: 5px solid #e1200f;
background: #fff;
}
#footer .footer_text{
background: #eee;
}
#footer address{
background: #eee;
}
#footCont .sns_navi li a{
background: #e1200f;
}
    #footCont .sns_navi li a .ic_br:before{
    color: #fff;
    }
    #footCont .sns_navi li a:hover{
    background: #BB2012;
    }
#footWrap #footCTA .f_cta{
background: #ddd;
}
#footer #footWrap #footCTA .f_cta p a{
color: #222;
}
#footWrap #footCTA ul#fNavi li{
border-top: 1px solid #ddd;
border-bottom: 1px solid #ccc;
}
#footWrap #footCTA ul#fNavi li a:hover{
background: #555;
}
#footWrap #footCTA ul#fNavi li a:before{
color: #333;
}
#footCTA .footContact p.btn a{
background: #e1200f;
color: #fff;
}
    #footCTA .footContact p.btn a:hover{
    background: #BB2012;
    }
#footWidget .widget-area .widget-container h3{
background: #222;
color: #fff;
border-bottom: 1px solid #333;
}
#footWidget .widget-area .widget-container .tagcloud a{
background: #222;
}
#footWidget .widget-area .widget-container .tagcloud a:before{
color: #ccc;
}
#footWidget .widget-area .widget-container .tagcloud a:hover{
background: #333;
}
#footWidget .widget-area .widget-container .wpt_widget_content{
border: 1px solid #333;
}
#footWidget .widget-area .widget-container .wpt_widget_content .tab_title a{
background: #333;
color: #999;
border-bottom: 1px solid #333;
border-left: 1px solid #333;
}
#footWidget .widget-area .widget-container .wpt_widget_content .tab_title.selected a{
background: #222;
color: #ccc;
border-bottom: 1px solid #333;
}
#footWidget .widget-area .widget-container .wpt_widget_content .inside{
background: #222;
}
#footWidget .widget-area .widget-container .wpt_widget_content .tab-content li{
border-bottom: 1px solid #333;
}


/****************************************
		6. Heading
*****************************************/
.page-title{
color: #333;
padding: 10px;
text-align: center;
border: none;
position: relative;
border-bottom: 3px solid #e1200f;
}
.page-title:before{
content: '';
width: 100%;
height: 5px;
position: absolute;
left: 0;
bottom: -8px;
background-image: linear-gradient(
	-45deg,
	#ddd 25%,
	#fff 25%,
	#fff 50%,
	#ddd 50%,
	#ddd 75%,
	#fff 75%,
	#fff
);
background-size: 5px 10px;
background-repeat: repeat-x;
}
.page-title:after{
position: absolute;
left: 50%;
bottom: -10px;
content: '';
width: 0;
height: 0;
margin-left: -10px;
border-top: 10px solid #e1200f;
border-right: 10px solid transparent;
border-left: 10px solid transparent;
}
.sub-title{
text-align: center;
margin-top: -20px;
color: #e1200f;
}
/****************************************
		7. Content
*****************************************/
#content .title{
padding: 20px 0;
text-align: center;
border-bottom: 2px solid #e1200f;
position: relative;
overflow: hidden;
}
#content .title h1,
#content .title h2{
  color: #333;
}

.post h1{
	background: #666;
	color: #fff;
	border-left: 5px solid #333;
	padding: 20px;
}


.post h2{
	background: #e1200f;
	color: #fff;
	padding: 15px;
    position: relative;
}
.post h2:after{
position: absolute;
left: 20px;
bottom: -9px;
content: '';
width: 0;
height: 0;
border-top: 10px solid #e1200f;
border-right: 10px solid transparent;
border-left: 10px solid transparent;
}

.post h3{
	border-top:1px solid #333;
	border-bottom:1px solid #333;	
	padding: 15px 0;
}

.post h4{
	border-left:3px solid #333;
	padding: 0 0 0 10px;
}

.post h5{
	border-left:3px solid #333;
	padding: 0 0 0 10px;
}

.post h6{
	border-left:3px solid #333;
	padding: 0 0 0 10px;
}
.post blockquote{
background: #f1f1f1;
}
/*----
table
----*/

table.company_table,
.post table{
border: 1px solid #ccc;
}

table.company_table th,
.post table th,
table.company_table td,
.post table td{
border: 1px solid #ccc;
}

table.company_table th,
.post table th{
background: #f1f1f1;
}
table.company_table th a,
.post table th a{
font-size: 100%;
}
table.company_table tr.odd td,
.post table tr.odd td{
background: #f1f1f1;
}
@media screen and (max-width: 767px) {
.post table th,.post table td{
border: 1px solid #ccc;
}
}
/*----
list
----*/
.post dl dt{
background: #666;
color: #fff;
display: inline-block;
position: relative;
}
.post dl dt:before{
content: "";
height: 1px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
display: block;
border-bottom: 1px solid #666;
}
.post ol li:before,
.post ul li:before{
content: "";
height: 3px;
width: 3px;
margin-top: -5px;
vertical-align: middle;
background: #333;
display: inline-block;
margin-right: 0.5em;
}
/*----
share
----*/
#content .snsShareArea a.btn--twitter{  background: #55acee;}
#content .snsShareArea a.btn--twitter:hover{  background: #77bdf1;}
#content .snsShareArea a.btn--facebook{  background: #3b5998;}
#content .snsShareArea a.btn--facebook:hover{  background: #627aad;}
#content .snsShareArea a.btn--google{  background: #dd4b39;}
#content .snsShareArea a.btn--google:hover{  background: #e46f61;}
#content .snsShareArea a.btn--line{  background: #54bc4d;}
#content .snsShareArea a.btn--line:hover{  background: #76c971;}
#content .snsShareArea a.btn--hatena{  background: #008FDE;}
#content .snsShareArea a.btn--hatena:hover{  background: #33a5e5;}
#content .snsShareArea a.btn--pocket{  background: #ee4056;}
#content .snsShareArea a.btn--pocket:hover{  background: #f16678;}


dl.tableLike{
background: #f1f1f1;
border: 1px solid #ccc;
}
dl.tableLike dt {
  background: #f1f1f1;
  min-height: 4em;
  border-top: 1px solid #ccc;
  color: #333;
}
dl.tableLike dd {
border-top: 1px solid #ccc;
background: #fff;
min-height: 4em;  
border-left: 1px solid #ccc;
}
dl.tableLike dd p.caution{
color: #CA2E31;
}
/*----
submit
----*/
p.ctr input[type="submit"]:hover{
background: #ccc;
}
p.ctr input[type="submit"].submit_btn{
background: #e1200f;
color: #fff;
}
p.ctr input[type="submit"].submit_btn:hover{
background: #BF2E30;
}

/****************************************
		9. Widget
*****************************************/
#sideCol h3.sideTitle,
.widget-area .part h3{
background: #fff;
text-align: center;
color:#333;
border-bottom: 3px solid #e1200f;
}
.widget-area .part ul{
background: #fff;
border: 1px solid #ddd;
}
.widget-area .part ul li{
border-bottom: 1px solid #ddd;
}
.widget-area .part ul li a{
background: #fff;
display: block;
padding: 10px 25px 10px 10px;
text-decoration: none;
}
.widget-area .part ul li a:after{
border-top:1px solid #999;
border-right:1px solid #999;
}
.widget-area .part ul li a:hover{
background: #f1f1f1;
}
#sideCol .newEntry .cont .imgCont .category{
}
@media screen and (max-width: 767px) {
#sideCol .newEntry .cont{
border-bottom: 1px solid #ddd;
}
}
/****************************************
		10. Post
*****************************************/
.post .localpagenation li{
border: 1px solid #ddd;
background: #333;
color: #fff;
}
.post .localpagenation li a{
background: #fff;
color: #333;
}
.post .localpagenation li a:hover{
background: #333;
color: #fff;
}
.pagination a {
border: 1px solid #ddd;
color: #333;
}
.pagination li:not([class*="current"]) a:hover {
 background-color: #444;
 color: #fff;
}
.pagination li.current a {
 background-color: #333;
 color: #fff;
}
.next_prev ul{
border-top:2px solid #ddd;
}
.next_prev ul li a{
background: #f3f3f3;
background: #fff;
}
.next_prev ul li a:hover{
background: #ddd;
}
.next_prev ul li.menu01{
border-right: 1px solid #ddd;
border-left: 1px solid #ddd;
}
.next_prev ul li.menu02{
border-left:1px solid #fff;
border-right: 1px solid #ddd;
}
.next_prev ul li.menu01:after{
	border-bottom:1px solid #999;
	border-left:1px solid #999;
}
.next_prev ul li.menu02:after{
	border-top:1px solid #999;
	border-right:1px solid #999;
}
.next_prev ul li.menu01,
.next_prev ul li.menu02{
border-bottom: 1px solid #ddd;
}
.next_prev ul li.menu03{
border-top: 1px solid #fff;
border-bottom: 1px solid #ddd;
}
.post-author {
  background: #f1f1f1;
  border-top: 1px #ddd solid;
  border-bottom: 1px #ddd solid;
  color: #383838;
}
.post-author a {
  color: #2581c4;
}
/* comment
---------------------------------------- */
#comments {
  background: #fff;
  border: 1px solid #ddd;
}
.comment-list > .comment {
  border-bottom: 5px #999 solid;
}
.comment-list .children .comment-body {
  background: #f7f7f7;
}
.comments-title {
background: #333;
color:#fff;
}

/****************************************
		12. Index
*****************************************/
/*
Carousel Content
*/
.c_wrap .cont{
background: #fff;
}
.c_wrap .cont:hover{
background: #f1f1f1;
}
.c_wrap .cont .imgCont .category{
}
.c_prev,
.c_next{
background: #fff;
}
.c_prev:hover,
.c_next:hover{
background: #333;
color: #fff;
}/*
Ranking Content
*/
.r_wrap .cont .imgCont .category{
}
.r_wrap .cont .imgCont .rank
color: #fff;
}
.r_wrap .cont .imgCont .rank#rank1{background: #A78209;}
.r_wrap .cont .imgCont .rank#rank2{background: #999;}
.r_wrap .cont .imgCont .rank#rank3{background: #91570C;} 
.r_wrap .cont .linkCont a{
}
.r_wrap .cont .linkCont a:hover{
}
		
/****************************************
		13. Archive
*****************************************/
#content .newEntry dl{
border-bottom: 1px solid #ccc;
}
#content .newEntry dl dt,
#content .newEntry dl dd{
  border-top: 1px solid #ccc;
}
#content .newEntry dl dt span.category{
}
#content .newEntry .cont .imgCont .category{
}
#content .newEntry .cont h3{

}
#content .newEntry .cont .linkCont a{
}
#content .newEntry .cont .linkCont a:hover{
}
/****************************************
		14. Block
*****************************************/

#kv,#slick_kv{
background: #f4f4f1;
max-width: 100%;
}
.kv_inner{
max-width: 100%;
margin: 0 auto;
}
.block_icon_content .box_wrap{
border: none;
background:none;
}
.block_icon_content .box_wrap .box{
width: 20%;
border: none;
padding: 10px;
background: #f6f6f6;
}
#content .block_icon_content .box_wrap .box:nth-child(2),
#content .block_icon_content .box_wrap .box:nth-child(4){
background: none;
}


@media screen and (max-width: 767px) {

.block_wrap{
padding: 0 15px;
}

}

#content .block_image_text dl.tableLike dt,
#content .block_image_text dl.tableLike dd{
min-height: 2em;
padding: 10px;
}

.kv_inner{
position: relative;
}
.kv_inner .kv_title{
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: rgba(0,0,0,0.5);
}
.kv_inner .kv_title h1{
background: rgba(255,255,255,0.8);
font-size: 200%;
width: 1160px;
text-align: center;
padding: 20px;
position: absolute;
bottom:0;
left: 50%;
margin-left: -580px;
border-top: 5px solid #e1200f;
}
#content .archive_data .section{
padding: 0;
}
#sideCol #sidetel .post p{
text-align: center;
font-size: 150%;
}
#sideCol #sidetel .post p a:before{
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
    content: '\f095';
    margin-right: 5px;

}

/****************************************
		1. Layout 
*****************************************/

.fac_icons li{
display: inline-block;
width: 10em;
background: #2AA6B0;
border-radius: 50px;
padding: 5px 0;
text-align: center;
margin-right: 30px;
font-size: 1em;
line-height: 1;
color: #fff;
margin-bottom: 20px;
}

#language .box a{
border: 2px solid #333;
text-align: center;
padding: 10px 0;
display: block;
text-decoration: none;
}
	#language .box a:hover{
	background: #f4f4f4;
	}