/*
Theme Name: baan-hatah
Theme URI: http://wordpress.org/themes/twentythirteen
Author: the WordPress team
Author URI: http://wordpress.org/
Description: The 2013 theme for WordPress takes us back to the blog, featuring a full range of post formats, each displayed beautifully in their own unique way. Design details abound, starting with a vibrant color scheme and matching header images, beautiful typography and icons, and a flexible layout that looks great on any device, big or small.
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, flexible-width, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready
Text Domain: twentythirteen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/*	PCのスタイル	*/
/*	Size:
		Smartphone:	320px - 643px
		Tablet:		480px - 1100px ※サイズに注意！
		PC:			1100px以上 ※サイズに注意！
*/

/*	共通の設定
----------------------------------------------------------*/
*{
	margin:0;
	padding:0;
}
body{
	width:100%;
	font: 13px "メイリオ","Meiryo","Lucida Sans Unicode", "Lucida Grande","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	color:#323232;
}
#Bg_l, #Bg_r { width:100%; }


a{ text-decoration:none; color:#505050;}
a:hover{color:#020202}
a img{ border:none; }
img{
	max-width:100%;
	margin:0;
	border:none;
	vertical-align: bottom;
	height:auto;
}
li{ list-style:none; }
.entry-title{ display:none; }
.clear{
	clear:both;
	overflow:hidden;
}
#Leftdir{
	float:left;
 }
#Centerdir {
	float:left;
 }
#Rightdir{ float:right; }
.br-sp, .br-tb{
	display: none;
}

/* Tablet. */
@media (max-width: 900px) {
	.br-tb{
		display: block;
	}
}

/* Smartphone */
@media (max-width: 643px) {
	.br-tb{
		display: none;
	}
	.br-sp{
		display: block;
	}
}


/*	大枠の設定
----------------------------------------------------------*/
#header,#Globalnavi,#Mainvidualarea,#Pageindexarea,#Contentbody,#footer,#Copyright{
	width:100%;
	clear:both;
	overflow:hidden;
}
.Mainwrap{
	width:970px;
	margin:0 auto;
	overflow:hidden;
}
#Contentbody{ overflow:hidden; padding:50px 0 10px;}
#Maincolumn { padding:0 10px;}
#Sidecolumn { display:none; }


/* Tablet. */
@media (max-width: 900px) {
	.Mainwrap{
		clear:both;
		overflow:hidden;
		width:98%;
		margin:0 1%;
	}
	#Contentbody{
	padding:30px 0 0;
}
}
/* Smartphone */
@media (max-width: 643px) {
	#Maincolumn,
	#Sidecolumn {
		clear:both;
		overflow:hidden;
		width:96%;
		margin:0 2%;
	}
	#Maincolumn{ padding:0 0 25px;}
	#Contentbody{ padding:15px 0 0; }
	#Sidecolumn{ display:block; }
}

/* header Block
----------------------------------------------------------*/
#header{padding:20px 0 50px 0;}
	#Headdir{
		display: none;
	}
	#sociallink{
		margin-bottom:17px;
	 }
	#sociallink ul{
		padding-left:90%;
		margin:15px 0;
	 }
	#sociallink li{
		display:inline;
		margin:0 5px;
	 }
	#header #Logo_tablet{
		display: none;
	}
	#header #Leftdir{
		padding:40px 0 0;
		line-height:1.3em;
	}
	#header #Leftdir p{
		display:inline;
		font-size:11px;
	}
	#header #Centerdir{
		margin-top:35px;
		margin-left:120px;
	}
	#Logo a {
		display:block;
		width:134px;
		height:63px;
		text-indent:-9999px;
		background:url(images/common/Logo.png) 0 0 no-repeat;
		background-size:100%;
	}
	#Logo a:hover,#sociallink a:hover{ opacity:0.7; }
	#Sitemaplink{ display:none; }
	#header #Tel{}
	#header #Tel a{
			display:block;
			background:url(images/common/Tel.png) no-repeat 0 0;
			background-size:100%;
			width:236px;
			height:26px;
			text-indent:-9999px;
			margin-bottom:5px;
		}
	#header #Tel a:hover{ opacity:0.7; }
	#Address{
		font-size:85%;
	}

/* Tablet. */
@media (max-width: 900px) {
	#Floatbox{
		overflow: hidden;
		clear:left;
	}
	#header #Logo_tablet{
		display: block;
		float:left;
		position:relative;
		left:50%;
		margin: 0;
	}
	#Logo_tablet #Logo{
		position:relative;
		left:-50%;
	}
	#header #Leftdir{
		padding:40px 0 0 20px;
	}
	#header #Rightdir{ margin-right:25px; }
	#header #Centerdir #Logo{
		display: none;
	}
}
/* Smartphone */
@media (max-width: 643px) {
	#header{padding:20px 0 ;}
	#Headdir,#Detail,#Leftdir { display:none; }
	#header #Logo_tablet{
		display: none;
	}
	#header #Centerdir{
		margin-top:0px;
		margin-left:40px;
	}
	#header #Centerdir #Logo{
		display: block;
		margin: 0;
	}
	#Logo a {
		width:120px;
		height:60px;
		background-size:contain;
	}
	#Sitemaplink{
		display:block;
		float:right;
		padding:8px;
		background: #323232;
		margin-top: 10px;
	}
	#Sitemaplink a{
		padding:10px 8px;
		font-weight:bold;
		color:#fff;
	}
}

/* Globalnavi Block
----------------------------------------------------------*/
#Globalnavi{
	margin-bottom:30px;
	border-top:#323232 solid 1px;
	border-bottom:#323232 solid 1px;
}
	#Globalnavi .Mainwrap{}
	#Globalnavi ul {
		clear:both;
		overflow:hidden;
		width:100%;
		margin: 0 auto;
	}
	#Globalnavi ul li { float:left; }
	#Globalnavi ul li a{
		display:block;
		height:58px;
		text-indent:-9999px;
	}
	#Globalnavi ul #GN01 {
		width:10.82%;
		background:url(images/common/Gn-1.png) no-repeat 50% 50%;
	}
	#Globalnavi ul #GN02{
		width:11.86%;
		background:url(images/common/Gn-2.png) no-repeat 50% 50%;
	}
	#Globalnavi ul #GN03{
		width:15.46%;
		background:url(images/common/Gn-3.png) no-repeat 50% 50%;
	}
	#Globalnavi ul #GN04{
		width:14.43%;
		background:url(images/common/Gn-4.png) no-repeat 50% 50%;
	}
	#Globalnavi ul #GN05{
		width:14.43%;
		background:url(images/common/Gn-5.png) no-repeat 50% 50%;
	}
	#Globalnavi ul #GN06{
		width:10.82%;
		background:url(images/common/Gn-6.png) no-repeat 50% 50%;
	}
	#Globalnavi ul #GN07{
		width:9.28%;
		background:url(images/common/Gn-7.png) no-repeat 50% 50%;
	}
	#Globalnavi ul #GN08{
		width:12.88%;
		background:url(images/common/Gn-8.png) no-repeat 50% 50%;
	}

	#Globalnavi ul #GN01 a:hover,
	#Globalnavi ul #GN01.selected a{ background:rgba(252,260,106,80) url(images/common/Gn-1.png) no-repeat 50% 50%; }
	#Globalnavi ul #GN02 a:hover,
	#Globalnavi ul #GN02.selected a{ background:rgba(252,260,106,40) url(images/common/Gn-2.png) no-repeat 50% 50%; }
	#Globalnavi ul #GN03 a:hover,
	#Globalnavi ul #GN03.selected a{ background:rgba(252,260,106,95) url(images/common/Gn-3.png) no-repeat 50% 50%; }
	#Globalnavi ul #GN04 a:hover,
	#Globalnavi ul #GN04.selected a{ background:rgba(252,260,106,20) url(images/common/Gn-4.png) no-repeat 50% 50%; }
	#Globalnavi ul #GN05 a:hover,
	#Globalnavi ul #GN05.selected a{ background:rgba(252,260,106,20) url(images/common/Gn-5.png) no-repeat 50% 50% }
	#Globalnavi ul #GN06 a:hover,
	#Globalnavi ul #GN06.selected a{ background:rgba(252,260,106,20) url(images/common/Gn-6.png) no-repeat 50% 50%; }
	#Globalnavi ul #GN07 a:hover,
	#Globalnavi ul #GN07.selected a{ background:rgba(252,260,106,20) url(images/common/Gn-7.png) no-repeat 50% 50%; }
	#Globalnavi ul #GN08 a:hover,
	#Globalnavi ul #GN08.selected a{ background:rgba(252,260,106,20) url(images/common/Gn-8.png) no-repeat 50% 50%; }

/* Tablet. */
@media (max-width: 900px) {
	#Globalnavi ul #GN01,
	#Globalnavi ul #GN02,
	#Globalnavi ul #GN03,
	#Globalnavi ul #GN04,
	#Globalnavi ul #GN05,
	#Globalnavi ul #GN06,
	#Globalnavi ul #GN07,
	#Globalnavi ul #GN01 a:hover,
	#Globalnavi ul #GN01.selected a,
	#Globalnavi ul #GN02 a:hover,
	#Globalnavi ul #GN02.selected a,
	#Globalnavi ul #GN03 a:hover,
	#Globalnavi ul #GN03.selected a,
	#Globalnavi ul #GN04 a:hover,
	#Globalnavi ul #GN04.selected a,
	#Globalnavi ul #GN05 a:hover,
	#Globalnavi ul #GN05.selected a,
	#Globalnavi ul #GN06 a:hover,
	#Globalnavi ul #GN06.selected a,
	#Globalnavi ul #GN07 a:hover,
	#Globalnavi ul #GN07.selected a
	#Globalnavi ul #GN08 a:hover,
	#Globalnavi ul #GN08.selected a{
		background-size:auto;
	}
}

/* Smartphone */
@media (max-width: 643px) {
	#Globalnavi{ display:none;}
}

/* Container_bg Block
----------------------------------------------------------*/
#Container_bg{}

/* Mainvidualarea Block
----------------------------------------------------------*/
#Mainvidualarea, #Pageindexarea{
	background:#000;
}
#Pageindexarea{ }
#Mainvidualarea img,
#Pageindexarea img{
	width:100%;
}
/* Tablet. */
@media (max-width: 900px) {
	#Mainvidualarea .Mainwrap,
	#Pageindexarea .Mainwrap{
		clear:both;
		overflow:hidden;
		width:98%;
		margin:0 1%;
	}
	#Mainvidualarea .Mainwrap{ height:200px; }
}
/* Smartphone */
@media (max-width: 643px) {
	#Mainvidualarea{ height:85px;}
	#Pageindexarea{ margin-bottom:0; }
}

/*Grtbox Block
----------------------------------------------------------*/
#Grtbox{
	font-size:12px;
	color:#323232;
	line-height:2em;
	text-align:center;
}
#Grtbox .Mainwrap h3{
	padding:0 0 10px;
	margin:0 0 15px;
	border-bottom:none;
	font-size:20px;
	font-weight:bold;
	}
#Grtbox .Mainwrap p{
	margin-top: 35px;
}

/* Smartphone */
@media (max-width: 643px) {
	#Grtbox .Mainwrap h3{
		font-size:18px;
	}
}

/* breadcrumb Block
----------------------------------------------------------*/
#breadcrumb { margin-bottom:50px;}
#breadcrumb ul { overflow:hidden; }
#breadcrumb ul li {
	float:left;
	padding:5px 0;
	margin:0 5px 0 10px;
	font-size: 110%;
}
#breadcrumb ul li a { text-decoration:underline; }
#breadcrumb ul li a:hover{ ; }

/* Tablet. */
@media (max-width: 900px) {
	#breadcrumb { margin-bottom:25px;}
}

/* Contentbody Block
----------------------------------------------------------*/
#Contentbody .section{
	background:#FFF;
	border:solid 1px #d6d6d6;
	margin-bottom:50px;
}
#Contentbody .section.none{
	background:none;
	border:none;
	margin-bottom:50px;
}
#Contentbody .article{
	clear:both;
	overflow:hidden;
	padding:20px;
}
#Contentbody h3 {
	clear:both;
	overflow:hidden;
	padding: 8px 0px;
	font-size:16px;
	font-weight:bold;
	color:#323232;
	border-bottom:solid 1px #d6d6d6;
}
#Contentbody h3 .Title{
	float:left;
	background:url(https://baan-hatah.com/wp-content/themes/promotionblog/images/common/h3_icon.png) no-repeat 0 50%;
}
#Contentbody h3 .List{
	float:right;
	font-weight:normal;
	font-size:70%;
	margin-top: 4px;
}
#Contentbody h3 .List a{
	color:#323232;
	background:#fcff6a url(images/common/Arrow.png) no-repeat 70% 48%;
	padding:1px 32px 1px 22px;
}
#Contentbody h3 .List a:hover{
	text-decoration: underline;
}
#Contentbody h4 {
	clear:both;
	overflow:hidden;
	font-size:120%;
	font-style: oblique;
	font-weight:bold;
	color:#323232;
	padding:5px 0 5px 5px;
	margin-bottom:15px;
	border-bottom:double 3px #323232;
}
#Contentbody h4 .Title{}
#Contentbody .divide2,
#Contentbody .divide3,
#Contentbody .divide4{
	clear:both;
	overflow:hidden;
}
#Contentbody .divide2 li{
	width:47%;
	float:left;
}
#Contentbody .divide2 li:nth-child(2n){ float:right; }
#Contentbody .divide3 li{
	width:32.6%;
	float:left;
	margin-right:1%;
}
#Contentbody .divide3 li:nth-child(3n){ float:right; margin-right:0; }
#Contentbody .divide4 li{
	width:24.25%;
	float:left;
	margin-right:1%;
}
#Contentbody .divide4 li:nth-child(4n){ float:right; margin-right:0; }


/* Tablet. */
@media (max-width: 900px) {}

/* Smartphone */
@media (max-width: 643px) {
	#Contentbody .section,
	#Contentbody .section.none{
		margin-bottom:20px;
	}
}


/* Maincolumn Block
----------------------------------------------------------*/
#Maincolumn .withimg{ clear:both; overflow:hidden; }
#Maincolumn .withimg img{
	float:left;
	margin:0 25px 10px 0;
}
#Maincolumn .withimg.right img{
	float:right;
	margin:0 0 10px 25px;
}
/* Sidecolumn Block
----------------------------------------------------------*/
/* Smartphone */
@media (max-width: 643px) {
	#Sidecolumn #Sidemenubox h3 .Title{
		display:block;
		width:100%;
		margin-bottom:0;
	}
	#Sidecolumn .article{ padding:15px 10px 0; }
	#Sidemenu{
		overflow:hidden;
		width:100%;
	}
	#Sidemenu li{
		width:49%;
		float:left;
		margin-bottom:5px;
	}
	#Sidemenu li:nth-child(2n){ float:right; }
	#Sidemenu li a{
		display:block;
		padding:10px 0;
		text-align:center;
		color:#fff;
		font-weight:bold;
		background:#323232;
	}
	#Sidemenu li a:hover{ background:#FCDB51; }
}


/* footer Block
----------------------------------------------------------*/
#footer{ }
#nendebcopy{ display:none; }
#footerupper{
	padding:12px 0 ;
	border-top:solid 1px #353535;
	border-bottom:solid 1px #353535;
}
#Footermenu {
	position: relative;
}
#Footermenu ul{
	position: relative;
	left:50%;
	float:left;
}
#Footermenu ul li {
	position: relative;
	left:-50%;
	float:left;
	border-right:solid 1px #999;
	padding:0 15px;
}
#Footermenu ul li:last-child {
	border-right:none ;
}
#Footermenu ul li a:hover{
	text-decoration:underline;
}
#footerlower{
	padding:25px 0;
	margin:0 auto;
}
.footerContainer{
	position:relative;
	overflow: hidden;
	margin-bottom: 30px;
}
.footerContainer ul{
	position: relative;
	left:50%;
	float: left;
}
.footerContainer ul li{
	position: relative;
	left:-50%;
	float: left;
}
#footer #Logo a {
	width:140px;
	height:65px;
	background:url(images/common/Logo_sub.png) no-repeat 0 0;
	background-size:100%;
	margin-right:65px;
}
#footer #Logo a:hover{ opacity:0.8;}
#footer #sociallink{
	margin: 10px 0 0 0;
}
#footer #Footer_time{
	text-align: center;
}
#Copyright{
	text-align:center;
	background:#323232;
	color:#fff;
	padding:8px 0;
	clear:both;
	overflow:hidden;
}

/* Tablet. */
@media (max-width: 900px) {
	.footerContainer{
		font-size: 90%;
	}
	#footer #Logo a {
		margin-right:40px;
	}
	#footer #sociallink{
		margin: 10px 0 0 20px;
	}
}

/* Smartphone */
@media (max-width: 643px) {
	#footerupper{
		display: none;
	}
	#footerlower{
		padding:20px 0 30px;
	}
	.footerContainer{
		margin-bottom: 20px;
	}
	.footerContainer ul{
		position: inherit;
		left:0%;
		float: none;
	}
	.footerContainer ul li{
		position: inherit;
		left:0;
		float: none;
		text-align: center;
	}
	#footer #Logo a {
		margin:0 auto 25px;
}
	#footer #sociallink{
		text-align:center;
		margin:20px 0 0;
	 }
	#Copyright{ font-size:85%; }
}

/* Indexpage page
----------------------------------------------------------*/
#Indexpage { overflow:hidden; }
#Contentbody .article{
	padding:20px 0;
}
#Indexpage .Leftbox{ float:left; width:440px;}
#Indexpage .Rightbox{ float:right;  width:460px;}
#Indexpage .Newslist{ overflow:hidden; }
#Indexpage .Newslist li{
	overflow:hidden;
	clear:both;
	font-size:85%;
	padding: 0 ;
}
#Indexpage .Newslist li a:hover{
	font-weight:bold;
	color:#333;
}
#Indexpage .Newslist li .img{
	float:left;
	width:28%;
	margin: 0 10px 10px 0;
}

/* Tablet. */
@media (max-width: 900px) {
	#Indexpage .Leftbox{ width:46.3%;}
	#Indexpage .Rightbox{ width:48.4%;}

	#Indexpage .divide2 li{
		width:47.5%;
	}
	#Indexpage .section.none .divide2 li .section.none .Newslist li{
		width:auto;
	}
	#Indexpage .index_sns .divide2 li{
		width:47%;
	}
}
/* Smartphone */
@media (max-width: 643px) {
	#Indexpage .Leftbox{
		float:none;
		width:100%;
		margin-bottom:20px;
	}
	#Indexpage .Rightbox{ float:none;  width:100%;}
	#Indexpage .divide3 li{
		float: none;
		width:80%;
		margin: 0 auto 10px;
	}
	#Indexpage .divide3 li:nth-child(3n){
		float: none;
		margin: 0 auto;
	}
}


/* Slick */
.slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: none; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0);  -ms-transform: translate3d(0, 0, 0);   -o-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0); }}
.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { float: left; height: 100%; min-height: 1px; display: none;margin-right:10px;}
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
/* Slick ココマデ*/

/* Dots */
#disqus_thread { margin-top: 20px }
.center .slick-center h3 {
    -moz-transform: scale(1.08);
    -ms-transform: scale(1.08);
    -o-transform: scale(1.08);
    -webkit-transform: scale(1.08);
    color: #e67e22;
    opacity: 1;
    transform: scale(1.08);
}


.content:after,
.buttons::after {
    clear: both;
    content: "";
    display: table;
}
.destroy {
    font-weight: 400;
    margin-top: 40px;
}
.features {
    display: block;
    list-style-type: none;
    text-align: center;
	margin:0 auto;
	width:970px;

}

.filter .button {
    background: #FFF;
    color: #3498db;
    margin-bottom: 40px;
}
.slick-slide .image { padding: 10px }
.slick-slide img {
    display: block;
    width: 100%;
}
.slick-slide img.slick-loading { border: 0 }

.center .slick-center h3 {
    -moz-transform: scale(1.08);
    -ms-transform: scale(1.08);
    -o-transform: scale(1.08);
    -webkit-transform: scale(1.08);
    color: #e67e22;
    opacity: 1;
    transform: scale(1.08);
}
.center h3 {
    opacity: 0.8;
    transition: all 300ms ease;
}
.content {
    width: 100%;
     background:url(images/common/Catch.png) 0 50% no-repeat;
}
.SlickRevolver {
    width: 600px;
    margin-right: 20px;
	float:right;
}
.content:after,
.buttons::after {
    clear: both;
    content: "";
    display: table;
}
.destroy {
    font-weight: 400;
    margin-top: 40px;
}
.features {
    display: block;
    list-style-type: none;
    text-align: center;
}
.features li { margin: 20px 0 }
.filter .button {
    background: #FFF;
    color: #3498db;
    margin-bottom: 40px;
}
.slick-slide .image { padding: 10px }
.slick-slide img {
    display: block;
    width: 100%;
}
.slick-slide img.slick-loading { border: 0 }
.slick-slider { margin: 10px auto 10px }


/* Tablet. */
@media (max-width: 900px) {
	.content {
		background:url(images/common/Catch.png) 5% 50% no-repeat;
	}
	.SlickRevolver {
		width: 50%;
	}
}

/* Smartphone */
@media (max-width: 643px) {
	.content {
		background:url(images/common/Catch.png) 5% 50% no-repeat;
		background-size:40%;
	}
}


/* Dots ココマデ*/


iframe.twitter-share-button {
width: 85px!important;
}

div#___plusone_0 {
	/*（例）幅を 105px とした場合 */
	width: 45px!important;
	background: none;
	-webkit-background-clip: padding-box;
	border:none;
	-webkit-border-radius: none;
	-webkit-box-shadow: none;
}
/* footer修正 */
@media print, screen and (max-width: 767.9px) {
	.f-wrap__add{
		text-align: center;
		margin-top: 20px;
	}
}
@media print, screen and (min-width: 768px) {
	#footer #Footer_time {
		text-align: left;
		max-width: 525px;
		margin: auto;
	}
}
@media print,
screen and (min-width: 768px) {
	.f-wrap {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 680px;
		margin: auto;
	}

	.f-wrap__logo {
		width: 280px;
	}

	.f-wrap__add {
		width: -webkit-calc(100% - 280px);
		width: calc(100% - 280px);
	}
}

#sociallink {
	text-align: center;
}

#footer #Logo a {
	margin: auto;
}

.f-wrap__add p:not(:last-of-type) {
	margin-bottom: 1em;
}