/*
Template:proficient
Theme Name:proficient_child
Theme URI:
Description:proficient の子テーマです
Version:1.0
*/
@font-face {
font-family: "BrandonBold";
src: url('font/BrandonBold.woff'),
url('font/BrandonBold.woff');
}
/*========================================
	全体
=========================================*/
/*フォント*/
a,p,li,span,div,th,td,dd,dt,small{	
	font-family: "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
	color: #333333;
}
h1,h2,h3,h4,h5,h6{
	font-family: "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif !important;
}
.en{font-family: "BrandonBold","游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;}
.min{font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, serif !important;}


/*背景黄色*/
.page-wrapper{
	margin-top: 60px;
	background: #FBF8F1;
}
.bg_w{
	background: #FFFFFF;
}
.bg_y{
	background: #FBF8F1;
}
/*背景白*/
.page-id-2 .page-wrapper,
.page-id-7 .page-wrapper,
.page-id-9 .page-wrapper,
.page-id-11 .page-wrapper,
.page-id-13 .page-wrapper,
.page-id-15 .page-wrapper,
.page-id-106 .page-wrapper,
.page-id-109 .page-wrapper{
	background: #FFFFFF;
}

.row {
    margin-right: 0;
    margin-left: 0;
}
.col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{
    padding-right: 0;
    padding-left: 0;
}
/*非表示*/
.error404 h1{
	display: none;
}

/*=====================
　共通　
=====================*/
a {
    outline: none !important;
}
a:hover, a:focus{
	color: #97110B;
}

p{
	text-align: justify;
	text-justify: inter-ideograph;
}
.post_content p{
	line-height: 2em;

}

/*テーブル*/
table{
	table-layout:auto;
	border: none;
	background: transparent;
	}
tr+tr{
	border-top:1px solid #dddddd;
}

th,td{
	border-collapse:collapse;
	padding:10px 20px !important;
	border: none !important;
//	background: #FBF8F1;
//	background: #FFFFFF;
	background: transparent;
	}

th{
	width: 50%;
	vertical-align:top;
	text-align: right;
	color:#898202 !important;
	}
th:after{
	content: "|";
	margin-left: 40px;
}
td h3{
	padding: 8px 15px;
	background: #FFFFFF;
	font-size: 130%;
}
td h4{
	margin: 20px 0 10px;
	font-size: 110%;
}

td li:before{
	margin-right:5px;
	content: "\f105";
	font-family: FontAwesome;
	color:#49C2CF;
}


/*リスト*/
ul{
	list-style: none !important;
	}

#main li+li{
	margin-top: 1%;
}

ul.head_circle{
	margin: 30px 0 50px;
}
ul.head_circle li{
	padding: 0;
	font-weight: bold;
	color: #333333;
}
ul.head_circle li:before{
	margin-right:10px;
	content: "\f192";
	font-family: FontAwesome;
	color: #97110B;
}
ul.head_arrow li{
	padding: 0;
}
ul.head_arrow.inb li{
	display: inline-block;
	margin-right: 20px;
}
ul.head_arrow li:before{
	margin-right:5px;
	content: "\f105";
	font-family: FontAwesome;
	color:#97110B;
}
ul.head_site li:before{
	margin-right:5px;
	content: "\f061";
	font-family: FontAwesome;
	color:#97110B;
}
ul.head_square li{
	padding: 0;
	font-weight: bold;
	color: #333333;
}
ul.head_square li:before{
	margin-right:5px;
	content: "\f0c8";
	font-family: FontAwesome;
}


/*ボックス*/
[class^="box"] {
	display:table;
	width:100%;
	margin:0 auto;
	}
[class^="box"] > div{
	display: table-cell;
	vertical-align:top;
}
[class^="box"] a:hover{
	text-decoration:none;
	}
[class^="box"] p{
	display:inline-block;
}
[class^="box"] img{
	display:block;
	width: 100%;
	margin: 0 auto;
}
.box_right{
	float:right;
	padding:5px 15px;
	width:75%;
	text-align:right;
	}

/*中身左右寄せボックス*/
.left{text-align:left;}
.right{text-align:right;}
.center{text-align:center;}

/*フロート*/
.fl{
	float: left;
}
.fr{
	float: right;
}


/*ボタン*/
a.btn{
	width: 100%;
	display: inline-block;
	margin: 20px 0;
	padding: 10px;
	background: #FFF;
	border-radius: 3px;
	text-align: center;
	font-weight: bold;
	color: #49C2CF;
}
a.btn:hover{
	background: #49C2CF;
	color: #FFF;
}
/*ボタングリーン*/
a.btn_gr{
	width: 250px;
	display: inline-block;
	padding: 10px;
	background: #49C2CF;
	border-radius: 3px;
	border: 1px solid #FFFFFF;
	text-align: center;
	color: #FFFFFF !important;
}
a.btn_gr:hover{
	background: #FFFFFF;
	border: 1px solid #49C2CF;
	color: #49C2CF !important;
}


/*画像位置*/
.leftimg{
	display: inline-block;
	float:left;
	margin-right:20px !important;
	}
.rightimg{
	display: inline-block;
	float:right;
	margin-left:10px;
	margin-bottom:10px;
	}

.centerimg{
	display:block !important;
	margin:0 auto !important;
	}


/* 文字スタイル */
.big{font-size:110%;}
.big-s{font-size:130%;}
.big-ss{font-size:200%;}
.big-sss{font-size:300%;}
.bold{font-weight:bold;	font-family: "Shin Go Medium";}
.through{text-decoration:line-through;}
.red{color:#D50000;}
.blue{color:#49C2CF;}
.orange{color:#FF8000;}
.gold{color:#898202;}

/*共通マージンスタイル*/
.mt10{margin-top: 10px !important;}
.mt20{margin-top: 20px !important;}
.mt30{margin-top: 30px !important;}
.mt40{margin-top: 40px !important;}
.mt50{margin-top: 50px !important;}
.mt60{margin-top: 60px !important;}
.mt70{margin-top: 70px !important;}
.mt80{margin-top: 80px !important;}
.mt90{margin-top: 90px !important;}
.mt100{margin-top: 100px !important;}

.mb5{margin-bottom: 5px !important;}
.mb10{margin-bottom: 10px !important;}
.mb20{margin-bottom: 20px !important;}
.mb30{margin-bottom: 30px !important;}
.mb40{margin-bottom: 40px !important;}
.mb50{margin-bottom: 50px !important;}
.mb60{margin-bottom: 60px !important;}
.mb70{margin-bottom: 70px !important;}
.mb80{margin-bottom: 90px !important;}
.mb90{margin-bottom: 90px !important;}
.mb100{margin-bottom: 100px !important;}

/*共通幅スタイル*/
.w100{width: 100%;}
.w90{width: 90%; margin: 0 auto ;}
.w80{width: 80%; margin: 0 auto;}
.w70{width: 70%; margin: 0 auto;}
.w60{width: 60%; margin: 0 auto;}
.w50{width: 50%; margin: 0 auto;}
.w40{width: 40%; margin: 0 auto;}
.w33{width: 33%; margin: 0 auto;}
.w30{width: 30%; margin: 0 auto;}
.w20{width: 20%; margin: 0 auto;}

.p50{padding: 50px;}
.p40{padding: 40px;}
.p30{padding: 30px;}
.p20{padding: 20px;}
.p10{padding: 10px;}

.object_inline{display: inline-block;}
.object_block{display: block;}

/*画像をホバー時ゆっくり薄くする*/
a img{
	transition: opacity 0.3s ease-out;
	background:none!important;
 	}
a:hover img{
	opacity:0.8;
	background:none!important;
}

/*水平線(透明)*/
hr{
	color:transparent;
	background-color:transparent;
	border: 1px solid transparent;
	clear:both;
	margin:0 !important;
	}

/*foobox*/
.fbx-btn-transition:before,.fbx-loader div:before{ font-family: FontAwesome !important;}
.fbx-next:before{content: "\f105" !important;}
.fbx-prev:before{content: "\f104" !important;}
.fbx-loader div:before{content: "\f110" !important;}
.fbx-close:before{content: "\f00d" !important;}

/*インプットボタンのズレ対応（iPhone用）*/
.mwform-tel-field input{
	width: 29% !important;
}
,
input,textarea{
	outline: none !important;
	}


input[type="submit"] {
	width: 150px;
	letter-spacing: 1px;
	border: 1px solid #5EC1CF;
	border-radius: 3px;
	-webkit-appearance: none;
	background: #FFF !important;
	color: #5EC1CF;
}
input:hover,
input:active{
//	color: #FFFFFF !important;
	outline: none !important;
	background: #F8F8F8 !important;
//	border: 1px solid #49C2CF !important;
}


/*========================================
	タイトル
=========================================*/
/*ページタイトル*/
.breadcrumb h2{
	font-family: "BrandonBold","游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif !important;
	font-weight: normal !important;
	font-size: 4rem !important;
	color: #222222 !important;
}
.breadcrumb h2 span{
	display: block;
	letter-spacing: 0.2em;
	font-size: 2rem !important;
	font-weight: bold;
	color: #666666;
}

h1,h2,h3,h4,h5,h6{
	line-height: 1.2em;
}
h1{
}
h2.entry-title{
	margin-bottom: 0 !important;
	padding: 20px 10px;
	font-size: 22px !important;
}
h2.entry-title span{
	display: block;
}
h3{
	padding: 5px 10px;
	border-bottom: 1px solid #ADAC98;
	font-size: 20px;
//    line-height: 0.7em;
}

h4{
	font-size: 18px;
	}
.clear{
	clear: both;
	padding: 15px;
	background: #333333;
	text-align: center;
	color: #FFFFFF;
	}
/*========================================
	グローバルメニュー
=========================================*/
/*上のSNS*/
.header-top-info-1{
//	border: 1px solid pink;
//	height: 50px;
	background: #FFF;
	border: none;
}

/*メニュー*/
.top_menu{
	margin: 0;
	padding-left: 0;
	text-align: right;
	
}
.top_menu li{
	display: inline-block;
}
.top_menu li a{
	display: block;
	padding: 0 10px;
}
.top_menu li a:hover{
	background: #F8F8F8;
}

/*グローバルメニュー*/
.nav-center{
	background: #FFFFFF !important;
}
.nav-center .navbar-nav li a{
	margin-bottom: 15px;
	padding: 15px 15px 5px !important;
	border-bottom: 2px solid #FFFFFF;
	font-family: "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
	font-weight: bold;
	color: #333333 !important;
}
.navbar-default .navbar-nav>.active > a, .navbar-default .navbar-nav>.active>a:hover, .dropdown-menu > .active > a,
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{
	background-color: #FFFFFF !important;
	border-bottom: 2px solid #898202;
	color: #333333 !important;
}
.nav-center .navbar-nav li a:hover{
	color: #333333 !important;
	
}

/*========================================
	フッター
=========================================*/
/*メニュー*/
.foot_menu{
	margin: 0;
	padding-left: 0;
	text-align: center;
	border-top: 1px solid #808080;
//	border-bottom: 1px solid #808080;
	
}
.foot_menu li{
	display: inline-block;
}
.foot_menu li a{
	display: block;
	padding: 10px 30px;
}
.foot_menu li a:hover{
	background: #F8F8F8;
}
/*上に戻る*/
.top-scroll{
	display: none !important;
}

.footer-sidebar .background-overlay{
	background: #000000 !important;
}


/*無理やりです*/
.footer-sidebar .row > div{
	width: 33%;
}
.footer-sidebar .row > div p{
	text-align: center !important;
	font-size: 80%;
	color: #CCCCCC;
}
.footer-sidebar .row > div img{
	margin: 0 auto;
}

/*コピーライト*/
.footer-copyright, .footer-copyright p, .footer-copyright p a{
	background: #1A1A1A;
}
/*========================================
	TOPページ
=========================================*/
/*スライダー*/
.swiper-container{
	height: 25vw;
}

.swiper-wrapper .swiper-slide{
	text-align: center;
}
.swiper-wrapper .swiper-slide img{
	display: inline-block;
	margin: 0 auto;
}
.swiper-button-prev{
	margin-left: 19.2vw;
	background:  url(images/slide_prev.png) !important;
	z-index: 1000;
}
.swiper-button-next{
	margin-right: 18.5vw;
	background:  url(images/slide_next.png) !important;
	z-index: 1000;
}
.opacity_left{
	position: relative;
	top: -25vw;
	height: 25vw;
	width: 22.1vw;
	background-color: rgb(0, 0, 0,0.5);
	z-index: 10;
}
.opacity_right{
	float: right;
	position: relative;
	top: -50vw;
	height: 25vw;
	width: 22vw;
	background-color: rgb(0, 0, 0,0.5);
	z-index: 10;
}

/*イベント情報*/
.feed{
	padding-left: 0;
	font-size: 0;
}
.feed > li{
	display: inline-block;
	width: 22.5%;
	margin: 1%;
	text-align: left;
	font-size: 15px;
}
.feed li.bg_w{
	min-height: 380px;
}

.feed > li a{
	display: block;
}
.feed > li a img{
	display: block;
	margin: 0 auto;
}
.feed > li .day{
	display: none;
}
/*TOPのイベント情報だけととのえる*/
.home .feed > li a{
	display: block;
	width: 256px;
//	height: 256px;
	text-align: center;
	vertical-align: middle;
	overflow: hidden;
//	background: #EEEEEE;
}
.home .feed > li a img{
	display: inline-block;
	margin: 0 auto;
}
.home .feed li .day{
	display: none;
}
.home .feed li ul.post-categories{
	display: inline-block;
	width: 100%;
}
.home .feed li ul.post-categories li a{
	display: inline-block;
	height: 20px !important;
	background: transparent;
	
}

/*新着情報情報*/
.background-y{
	background: #FBF8F1;
}

.feed2{
	padding-left: 0;
	font-size: 0;
}
.feed2 li{
	display: inline-block;
	width: 47.9%;
	margin: 1%;
	padding: 2%;
	background: #FFFFFF;
	font-size: 15px;
}
.feed2 li img{
	float: left;
	width: 20%;
	margin-right: 20px;
}

/*BOOK&CAFE の下の方*/
.feed3{
	width: 80%;
	margin: 0 auto;
}

.feed3 li{
	width: 31% !important;
}
/*カテゴリ*/
.cat{
	display: inline-block;
	margin:  10px 0 0;
}

.cat ul{
	margin: 0;
	padding: 0;
}
.cat ul li{
	width: 100%;
	padding: 0;
	font-size: 70%;
	
}
.cat ul li a{
	padding: 0 10px;
	color: #FFFFFF;
	font-family: "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
	font-weight: bold;
}
/*背景色*/
.cat.category-floor_all ul li{background: #97110b;}
.cat.category-floor_3f ul li,.cat.category-floor_3f_event ul li,.slug.slug-3f a{background: #97110b !important;}
.cat.category-floor_2f ul li,.cat.category-floor_2f_event ul li,.cat.category-floor_2f_polkadot ul li,.slug.slug-2f a,.slug.slug-2f_walet a,.slug.slug-2f_atcosme a,.slug.slug-2f_atcosmeflont a{background: #4c5a0f !important;}
.cat.category-floor_1f ul li,.cat.category-floor_1f_event ul li,.slug.slug-1f a,.slug.slug-1f_radio a,.slug.slug-1f-mterrace a,.slug.slug-1f-hinomaru a,.slug.slug-1f-sannen a{background: #0b9797 !important;}
.cat.category-floor_b1f ul li,.cat.category-floor_b1f_event ul li,.slug.slug-b1f a{background: #34364d !important;}

/*スラッグ*/
.slug{
	display: inline-block;
	margin:  10px 0 0;
}

.slug a{
	display: block;
	padding: 0 15px;
//	background: #4c5a0f;
	font-size: 70%;
	font-family: "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
	font-weight: bold;
	color: #FFFFFF;
}


/*日付*/
.day{
	float: right;
	display: inline-block;
	margin: 10px 0 0 ;
	font-size: 70%;
}
.day:before{
	margin-right:5px;
	content: "\f017";
	font-family: FontAwesome;
}
/*タイトル*/
.a_title{
	display: block;
	margin: 10px 0;
	font-family: "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
	color: #333333;
}
.a_title span{
	display: block;
}
/*開催期間*/
.period{
	font-size: 70%;
	font-weight: bold;
	
}
/*ニューアイコン*/
/* ラベル部分 右上に表示 */
.feed li .new_iconBox .new_icon{
	position: relative;
	left:100%;
}
.feed li .new_iconBox .new_icon:before,
.feed2 li .new_iconBox .new_icon:before{
    content: "";
    top: 0;
    right: 0;
    border-bottom: 3em solid transparent;
    border-right: 3em solid #97110b;
    position: absolute !important;
    z-index: 100;
}
.feed li .new_iconBox .new_icon:after,
.feed2 li .new_iconBox .new_icon:after{
    content: "NEW";
    display: block;
    top: 5px;
    transform: rotate(45deg);
	font-size: 13px;
	font-weight: normal !important;
    color: #fff;
    right: 0;
    position: absolute !important;
    z-index: 101;	
}
/*moreボタン*/
.more{
	display: block;
	width: 200px;
	margin: 0 auto;
	padding: 5px;
	background: #FFFFFF url(images/bg_more.png) no-repeat center right;
	border: 2px solid #333333;
	border-radius: 5px;
	font-family: "BrandonBold","游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
	text-align: center;
	color: #333333;
}
.more:hover{
	background: #333333 url(images/bg_more_h.png) no-repeat center right;
	border: 2px solid #333333;
	border-radius: 5px;
	text-align: center;
	color: #FFFFFF;
}

/*========================================
	固定ページ
=========================================*/
/*=================
タブのスタイル
=================*/
.tabs {
	margin:  0 auto;
	text-align: center;
}
.tabs .tab_item {
	width: calc(100%/4);
	display: inline-block;
	background-repeat: no-repeat;
	background-position: center center;
	border-bottom: 3px solid #FFFFFF;
	transition: all 0.2s ease;
}

.tab_item:hover {
opacity: 0.75;
}
/*ラジオボタンを全て消す*/
input[name="tab_item"] {
display: none;
}
/*タブ切り替えの中身のスタイル*/
.tab_content {
	display: none;
	padding: 20px 0 ;
	clear: both;
	overflow: hidden;
	background: #FBF8F1;
}
/*=================
	ショップタブ
=================*/

#shoptab.tabs .tab_item:hover,
#shoptab.tabs input:checked + .tab_item{
	border-bottom: 3px solid #898202;
}
#shoptab.tabs .tab_item {
	width: 100px;
	height: 100px;
	margin: 10px;
}
#shoptab .tab_item.tab1 {background: url(images/shop_icon01.gif)}
#shoptab .tab_item.tab2 {background: url(images/shop_icon02.gif)}
#shoptab .tab_item.tab3 {background: url(images/shop_icon03.gif)}
#shoptab .tab_item.tab4 {background: url(images/shop_icon04.gif)}

#shoptab .tab_item.tab1:hover,
#shoptab.tabs input:checked + .tab_item.tab1 {background: url(images/shop_icon01_h.gif)}
#shoptab .tab_item.tab2:hover,
#shoptab.tabs input:checked + .tab_item.tab2 {background: url(images/shop_icon02_h.gif)}
#shoptab .tab_item.tab3:hover,
#shoptab.tabs input:checked + .tab_item.tab3 {background: url(images/shop_icon03_h.gif)}
#shoptab .tab_item.tab4:hover,
#shoptab.tabs input:checked + .tab_item.tab4 {background: url(images/shop_icon04_h.gif)}

/*選択されているタブのコンテンツのみを表示*/
#all:checked ~ #all_content,
#fashion:checked ~ #fashion_content,
#food:checked ~ #food_content,
#life:checked ~ #life_content{
	display: block;
}

/*=================
	マップタブ
=================*/
#maptab{
	background: url(images/map_icom_bg.png) no-repeat top center;
	
}

#maptab.tabs .tab_item {
	width: 60px;
	height: 60px;
	margin: 13px 45px 30px;
}

#maptab .tab_item{
	background-repeat: no-repeat !important;
	background-position: center center !important;
}

#maptab .tab_item.tab1 {background: url(images/map_icom01.png)}
#maptab .tab_item.tab2 {background: url(images/map_icom02.png)}
#maptab .tab_item.tab3 {background: url(images/map_icom03.png)}
#maptab .tab_item.tab4 {background: url(images/map_icom04.png)}

#maptab .tab_item.tab1:hover,
#maptab.tabs input:checked + .tab_item.tab1 {background: url(images/map_icom01_h.png)}
#maptab .tab_item.tab2:hover,
#maptab.tabs input:checked + .tab_item.tab2 {background: url(images/map_icom02_h.png)}
#maptab .tab_item.tab3:hover,
#maptab.tabs input:checked + .tab_item.tab3 {background: url(images/map_icom03_h.png)}
#maptab .tab_item.tab4:hover,
#maptab.tabs input:checked + .tab_item.tab4 {background: url(images/map_icom04_h.png)}

/*選択されているタブのコンテンツのみを表示*/
#mapb1f:checked ~ #mapb1f_content,
#map1f:checked ~ #map1f_content,
#map2f:checked ~ #map2f_content,
#map3f:checked ~ #map3f_content{
	display: block;
}

/*=================
	ニュース＆イベントタブ
=================*/

#newstab.tabs .tab_item {
	width: 100px;
	height: 100px;
	margin: 10px;
}


#newstab.tabs .tab_item:hover,
#newstab.tabs input:checked + .tab_item{
	border-bottom: 3px solid #898202;
}
#newstab .tab_item.tab1 {background: url(images/news_icon01.gif)}
#newstab .tab_item.tab2 {background: url(images/news_icon02.gif)}
#newstab .tab_item.tab3 {background: url(images/news_icon03.gif)}

#newstab .tab_item.tab1:hover,
#newstab.tabs input:checked + .tab_item.tab1 {background: url(images/news_icon01_h.gif)}
#newstab .tab_item.tab2:hover,
#newstab.tabs input:checked + .tab_item.tab2 {background: url(images/news_icon02_h.gif)}
#newstab .tab_item.tab3:hover,
#newstab.tabs input:checked + .tab_item.tab3 {background: url(images/news_icon03_h.gif)}

/*選択されているタブのコンテンツのみを表示*/
#tribe_events:checked ~ #tribe_events_content,
#floor-news:checked ~ #floor-news_content,
#news:checked ~ #news_content{
	display: block;
}

/*中身のリスト（ショップ検索）*/
.shop_li{
	background: #FBF8F1;
}
.shop_li li{
	display: inline-block;
	width: 25%;
}
.shop_li li img{
	margin: 0 auto;
}
/*=================
	蔦屋書店熊本三年坂について
=================*/
.aboutarea{
}
.aboutarea > div{
	height: 450px !important;
}
.aboutarea .txt,
.aboutarea .txt2{
	padding: 80px 10vw 0;
}

.aboutarea .txt2{
	float: left;
}
.aboutarea .txt h3{
	text-align: right;
}
.aboutarea .txt p{
	line-height: 2em !important;
}
/*エリアの背景*/
.aboutarea .bg1{
	background: url(images/bg_about01.jpg);
	background-size: cover;
}
.aboutarea .bg2{
	float: right;
	background: url(images/bg_about02.jpg);
	background-size: cover;
}
.aboutarea .bg3{
	background: url(images/bg_about03.jpg);
	background-size: cover;
}
element.style {
    background-color: white !important;
}
/*=================
	ブックアンドカフェ
=================*/
.page-id-13 h3{
	line-height: 0.8em;
}

.list_3column li{
	display: inline-block;
	width: 33%;
	text-align: center;
}
.list_3column li img{
	display: block;
	margin: 0 auto;
}
/*BOOK&CAFEの3ボックス*/
.box3.book h4{
	padding: 5px 10px;
	border-bottom: 1px solid #898202;
	font-size: 20px;
}

/*=================
	イベントカレンダー
=================*/
.events-archive #content{
	padding-top: 80px;
}
.events-archive #content h1.tribe-events-page-title{
	padding-bottom: 60px;
}
.post-type-archive-tribe_events a.url{
//	display: none;
}
.post-type-archive-tribe_events a.url span{
//	display: inline-block;
	display: none;
}
/*イベントINの日付*/
.datepicker{
z-index: 1000 !important;
}

/*カレンダー本体*/
.tribe-events-calendar th,.tribe-events-calendar td{
	padding: 0 1px !important;
}
.tribe-events-calendar th{
	padding: 10px !important;
	background: #83802B !important;
	color: #FFFFFF !important;
}
.tribe-events-calendar th::after{
	display: none;
}
.tribe-events-category-live{
	margin: 0 !important;
}
.tribe-events-calendar div[id*=tribe-events-daynum-] h3,
.tribe-events-calendar div[id*=tribe-events-event-] h3{
    padding: 8px 0 !important;
	background: #EEEEEEE !important;
	border-bottom: none !important;
	
}
/*注目のイベント*/
#tribe-events-content table.tribe-events-calendar .type-tribe_events.tribe-event-featured,
#tribe-events-content table.tribe-events-calendar .type-tribe_events.tribe-event-featured h3{
	background-color: #FFFFFF !important;
}
#tribe-events-content table.tribe-events-calendar .type-tribe_events.tribe-event-featured h3 a{
	color: #333333 !important;
	font-weight: bold !important;

}


/*カレンダーホバーのポップアップ等*/
.recurring-info-tooltip, .tribe-events-calendar .tribe-events-right .tribe-events-tooltip, .tribe-events-shortcode.view-week .tribe-events-right .tribe-events-tooltip, .tribe-events-week .tribe-events-right .tribe-events-tooltip{
	padding: 10px 15px;
}
#tribe-events .tribe-events-button, #tribe-events .tribe-events-button:hover, #tribe_events_filters_wrapper input[type=submit], .tribe-events-button, .tribe-events-button.tribe-active:hover, .tribe-events-button.tribe-inactive, .tribe-events-button:hover, .tribe-events-calendar td.tribe-events-present div[id*=tribe-events-daynum-], .tribe-events-calendar td.tribe-events-present div[id*=tribe-events-daynum-]>a{
	background-color: #97110B;
}

/*「日」で表示したときのカレンダ*/
.tribe-events-day-time-slot-heading{
	display: none;
}
.tribe-events-list .type-tribe_events{
	margin-bottom: 6rem;
	
}
.tribe-events-venue-details{
	font-style: normal !important;
	font-weight: bold !important;
}
.tribe-updated,.tribe-events-venue-details{
	display: inline-block!important;
	margin: 0 5px !important;
}

/*=================
	イベントカレンダー　日別アーカイブ
=================*/
/*Favoriteのイベント*/
.tribe-events-list .tribe-events-loop .tribe-event-featured,
.tribe-events-list #tribe-events-day.tribe-events-loop .tribe-event-featured,
.type-tribe_events.tribe-events-photo-event.tribe-event-featured .tribe-events-photo-event-wrap,
.type-tribe_events.tribe-events-photo-event.tribe-event-featured .tribe-events-photo-event-wrap:hover{
	background: #FFFFFF;
	margin-bottom: 5rem;
}

.tribe-events-list .tribe-events-loop .tribe-event-featured .tribe-events-event-image{
	float: left;
	display: inline-block !important;
	width: 31%;
	margin-left: 0;
	margin-right: 20px;
}
.tribe-events-list #tribe-events-day.tribe-events-loop .tribe-event-featured h3{
	display: inline-block !important;
}

.tribe-events-list #tribe-events-day.tribe-events-loop .tribe-event-featured h3 a,
#tribe-events-content a, .tribe-events-adv-list-widget .tribe-events-widget-link a{
	color: #333333;
}
.tribe-events-list .tribe-events-loop .tribe-event-featured{
	padding: 0;
}

.tribe-events-list .tribe-events-loop .tribe-event-featured .tribe-events-event-meta{
	font-weight: bold;
}
/*Favoriteナシのイベント*/
/*=================
	イベントカレンダー　シングル
=================*/

#tribe-events-content-wrapper{
	margin-bottom: 50px;
}

.tribe-events-back{
	margin-top:30px;
}
.tribe-events-event-image img{
	float: left;
    margin-right: 30px;
    margin-bottom: 50px;
}
#tribe-events-pg-template .tribe-events-content ol li, 
#tribe-events-pg-template .tribe-events-content ul li,
.tribe-events-after-html ol li,
.tribe-events-after-html ul li,
.tribe-events-before-html ol li,
.tribe-events-before-html ul li{
	margin-bottom: 0;
}
h1.tribe-events-single-event-title{
	padding: 20px 0 80px !important;
	text-align: center;
	font-family: "BrandonBold","游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif !important;
	font-weight: normal !important;
	font-size: 4rem !important;
	color: #515151 !important;
}
h1.tribe-events-single-event-title span{
	display: block;
	margin-top: 20px;
	letter-spacing: 0.2em;
	font-size: 2rem !important;
	font-weight: bold;
	color: #868686;
}
.tribe-events-schedule{
	display: none;
	border: 1px solid #EEEEEE;
}

.single-tribe_events .tribe-events-cal-links{
		text-align: right;
	}
/*190213以降追加*/
.tribe_events-template-default .breadcrumb,
.post-type-archive-tribe_events .breadcrumb{
	display: none;
}
.eventphoto{
	text-align: center;
}
.eventphoto img{
	display: inline-block;
	height: 300px;
	width: auto;
	margin-bottom: 10px;
	box-shadow:0px 0px 6px 3px #f7f7f7;
}
/*最下部メタ*/
.tribe-events-event-meta .column, .tribe-events-event-meta .tribe-events-meta-group{
	width: 50%;
}
/*ファンシーLightbox*/
#fancybox-title-over{
	color: #EEEEEE;
}
/*ページ下部　詳細、会場、主催者*/
.tribe-events-meta-group{
	padding: 0 5px !important;
}
.tribe-events-meta-group h2{
	margin-top: 10px !important;
	padding: 10px 20px;
}
.tribe-events-meta-group dl{
	padding: 10px 20px;
}
.tribe-events-meta-group dt{
	float: left;
	display: inline-block;
	margin-right: 10px;
}
.tribe-events-meta-group dd{
	position: relative;
	top:-3px;
}
abbr, tla, acronym{
	text-decoration: none;
}
/*ナビゲーション*/
.tribe-events-sub-nav a span{
	display: none;
	border: 1px solid pink;
}
.tribe-events-sub-nav .tribe-events-nav-previous a:before{
	margin-right:5px;
	content: "\f100";
	font-family: FontAwesome;
}
.tribe-events-sub-nav .tribe-events-nav-next a:after{
	margin-left:5px;
	content: "\f101";
	font-family: FontAwesome;
}
/*=================
	問い合わせ
=================*/
/*テーブル*/
.page-id-111 table{
	width: 80%;
	margin: 0 auto;
}
.page-id-111 table th{
	width: 30%;
}
.page-id-111 table th:after{
	display: none;
}
/*フォーム*/
.mwbtn{
	text-align: center;
}
input[type="submit"]{
	background: #FFFFFF !important;
	border: 1px solid #97110B;
	color: #97110B !important;
}
input[type="submit"]:hover{
	background: #97110B !important;
	border: 1px solid #97110B;
	color: #FFFFFF !important;
}
/*戻るボタン*/
.mwbtn input[name="submitBack"]{
	background: #bbbbbb !important;
	border: 1px solid #999999;
	color: #FFFFFF !important;
}
.mwbtn input[name="submitBack"]:hover{
	background: #dddddd !important;
	border: 1px solid #aaaaaa;
}
/*========================================
	投稿アーカイブ
=========================================*/

h2.title_taxonomy{
	font-weight: bold !important;
	letter-spacing: 0.05em;
}

.archive .entry-header{
	padding: 0;
}


.entry-content .more-link{
	float: right;
	display: block;
	border: 1px solid #97110B;
	background: #97110B;
	color: #FFFFFF;
}
.entry-content .more-link:hover{
	float: right;
	display: block;
	border: 1px solid #97110B;
	background: #FFFFFF;
	color: #97110B;
}
.page-wrapper article{
	clear: both;
	overflow: hidden;
	margin-bottom: 80px;
}

/*ページネーション*/
.paginations a:hover, .paginations a:focus, .paginations a.active, span.page-numbers.current{
	background: #747474;
}

/*========================================
	投稿ページ
=========================================*/
#comments,
.byline,
.entry-footer{
	display: none;
}

.post-thumbnail{
	float: left;
	margin-right: 30px;
}
.page-wrapper article{
	border: none;
}
/*写真の上の日付*/
.post_date .date{
	color: #FFFFFF;
}
/*カテゴリーリンク*/
.cat-links{
	padding: 5px 10px;
	background: #97110B;
	font-weight: bold;
}

footer.entry-footer a{
//	color: #333333 !important;
}
/*========================================
	ショップ個別ページ
=========================================*/
.single-shop-info .breadcrumb{
	display: none;
}
.single-shop-info .page-wrapper{
	margin-top: 0;
}
.single-shop-info article{
	background: #FFF;
}

.post-thumbnail{
	margin-bottom: 50px;
}
.post_date{
	display: none;
}
.single-shop-info footer.entry-footer{
	display: none;
}

.page-wrapper article.shop-info{
	margin-bottom: 0;
	padding-bottom: 0;
	text-align: center;
	overflow: hidden;
}
.page-wrapper article.shop-info .entry-content{
	padding: 0;
	background: #FFFFFF;
}

.page-wrapper article.shop-info .post-thumbnail{
	float: none;
}

.page-wrapper article.shop-info img{
	display: block;
	margin: 0 auto !important;
}

.page-wrapper article.shop-info .entry-header{
	display: none;
}
/*左右に分かれるボックス*/
.box_shop .txt{
	padding: 50px;
}
/*FooBox　ライトボックス*/
.fg-caption-title{
	color: #FFFFFF;
}
/*========================================
	お知らせ個別ページ
=========================================*/
.single-floor-news .entry-footer,
.single-information .entry-footer,
.single-floor-news .breadcrumb,
.single-information .breadcrumb{
	display: none;
}
.single-floor-news .page-wrapper,
.single-information .page-wrapper{
	margin-top: 0;
}

/*================================================================================
	ミニPCここから
=================================================================================*/
@media screen and (max-width: 1500px){
/*========================================
	TOPページ
=========================================*/
.swiper-container{
	height: 30vw;
	}
.swiper-button-prev{
	margin-left: 13vw;
}
.swiper-button-next{
	margin-right: 12vw;
}
.opacity_left{
	height: 30vw;
	width: 16.5vw;
//	float: right;
    position: relative;
    top: -30vw;
    z-index: 10;
	}
.opacity_right{
	height: 30vw;
	width: 15.5vw;
	float: right;
    position: relative;
    top: -60vw;
    z-index: 10;
	}
/*=================
	蔦屋書店熊本三年坂について
=================*/
.aboutarea .txt,
.aboutarea .txt2{
	padding: 80px 8vw 0;
}
/*消去注意*/}/*消去注意*/
@media screen and (max-width: 1360px){

/*=================
	蔦屋書店熊本三年坂について
=================*/
.aboutarea .txt,
.aboutarea .txt2{
	padding: 80px 5vw 0;
}
/*=================
	イベントカレンダー
=================*/
.tribe-events-style-full .site-content{
	padding: 0 30px;
}
/*消去注意*/}/*消去注意*/

@media screen and (max-width: 1200px){
/*グローバルメニュー*/
	.nav-center .container,
	.navbar-collapse{
		padding: 0;
	}
	
	
.nav-center .navbar-nav li a{
	padding: 15px 10px 5px !important;
}
/*========================================
	TOPページ
=========================================*/
.swiper-button-prev{
	margin-left: 11.8vw;
}
.swiper-button-next{
	margin-right: 11vw;
}
/*イベント情報*/
.feed .cat{
		display: block;
	}
.feed li{
	width: 31.3%;
}
.feed > li a{
	width: 100% !important;
	height: auto !important;
	}
/*=================
	固定ページ
=================*/
/*BOOK&CAFE の下の方*/
.feed3 li{
	width: 47.5% !important;
}

/*消去注意*/}/*消去注意*/
@media screen and (max-width: 992px){
/*グローバルメニュー*/
.nav-center .navbar-nav li{
}
.nav-center .navbar-nav li a{
	padding: 15px 30px 5px !important;
}
/*左右に分かれるボックス*/
.box_shop .txt{
	padding: 10px 30px;
}
/*BOOK&CAFEの3ボックス*/
.box3.book.w80{
	width: 100%;
}
/*イベント情報*/
.feed li{
	width: 47.7%;
}
/*新着情報情報*/
.feed2 li{
	display: block;
	width: 100%;
	overflow: hidden;
}
/*=================
	蔦屋書店熊本三年坂について
=================*/
.aboutarea .txt,
.aboutarea .txt2{
	padding: 60px 4vw 0;
}
/*消去注意*/}/*消去注意*/


/*================================================================================
	タブレットここから
=================================================================================*/
@media screen and (max-width:770px){
.page-id-19 tr{
	border: none !important;
}
.page-id-19 tr+tr {
    border-top: 1px solid #dddddd !important;
}	
/*アクセス*/
	.page-id-19 th,.page-id-19 td{
		padding: 10px !important;
	}
	
	
/*左右に分かれるボックス*/
.box_shop .txt{
	padding: 0 15px;
}

/*========================================
	TOPページ
=========================================*/
/*スライダー*/
.swiper-container{
	height: auto;
}
.swiper-button-prev,
.swiper-button-next,
.opacity{
	display: none;
}
	
/*========================================
	フッター
=========================================*/
/*無理やりです*/
.footer-sidebar .row > div{
	width: 100%;
}
/*コピーライト*/
.footer-copyright .container .col-md-6{
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.footer-copyright .container .col-md-6 p{
	text-align: center;
}
/*=================
	イベントカレンダー
=================*/
.single-tribe_events .tribe-events-event-image{
	float: none;
	display: block;
	margin: 0 auto 50px;
	text-align: center;
	overflow: hidden;
}
	
.single-tribe_events .tribe-events-event-image img{
	float: none;
	display: inline-block;
	margin: 0 auto !important;
}
/*今日の日付*/	
#tribe-events-content .tribe-events-calendar td.tribe-events-present:hover, .tribe-events-calendar td.tribe-events-present, .tribe-events-calendar td.tribe-events-present div[id*=tribe-events-daynum-], .tribe-events-calendar td.tribe-events-present div[id*=tribe-events-daynum-]>a{
	background-color: #97110B;
	color: #FFFFFF;
	}
/*来月の日付*/	
.tribe-events-calendar td.tribe-events-othermonth.tribe-events-future div[id*=tribe-events-daynum-], .tribe-events-calendar td.tribe-events-othermonth.tribe-events-future div[id*=tribe-events-daynum-]>a{
	background-color: #F9F9F9;
	}
/*=================
	イベントカレンダー　シングル
=================*/
/*最下部メタ*/
.tribe-events-event-meta .column, .tribe-events-event-meta .tribe-events-meta-group{
	width: 100%;
}

/*=================
	イベントカレンダー　日別アーカイブ
=================*/
.tribe-events-loop .tribe-events-event-meta {
    background: #fafafa !important;
}	
	
/*消去注意*/}/*消去注意*/
@media screen and (max-width:760px){
	
/*テーブル*/
th,td{
	display: block;
	width: 100%;
//	padding: 10px 0 !important;
//	border: 1px solid red !important;
	text-align: left;
	}
th:after{
	display: none;
}
/*消去注意*/}/*消去注意*/
	
/*================================================================================
	スマートフォンここから
=================================================================================*/
@media screen and (max-width:640px){
	.entry-content{
		padding: 0;
	}
[class^="box"] > div{
	display: block;
	width: 100%;
}
/*フロート*/
.fl,.fr{
	float: none;
}

/*========================================
	フッター
=========================================*/
/*メニュー*/
.foot_menu li:nth-child(1),
.foot_menu li:nth-child(2){
	width: 50%;
}
/*========================================
	タイトル
=========================================*/

h1.tribe-events-single-event-title,
.breadcrumb h2{
	margin-bottom: 0 !important;
	padding: 20px 0 50px !important;
	font-size: 2.5rem !important;
}
h1.tribe-events-single-event-title span,
.breadcrumb h2 span{
	font-size: 1.3rem !important;
}
/*=================
	TOPページ
=================*/
.swiper-container{
//	border: 1px solid red;
	}

.home .feed li ul.post-categories li{
	margin: 0;
}
	
/*=================
	蔦屋書店熊本三年坂について
=================*/
/*左右に分かれるボックス*/
.box_shop .txt{
	padding: 20px 30px 50px;
}
.aboutarea > div{
	height: 340px !important;
}
.aboutarea .txt,
.aboutarea .txt2{
	padding: 30px 20px;
	text-align: justify;
	text-justify: inter-ideograph;
}
.aboutarea .txt h3{
	text-align: left;
}
	
	/*イベント情報*/
.feed li{
	display: block;
	width: 86%;
	margin: 1% auto 30px;
}
.feed li.bg_w{
	min-height: 360px;
}
/*BOOK&CAFE の下の方*/
.feed3 li{
	width: 86% !important;
}	

/*BOOK&CAFEの3ボックス*/
	.box3.book.w80 .w33{
		display: block;
		width: 100%;
	}
	.box3.book.w80 .w33 h3{
		margin-top: 0;
	}


/*========================
	記事ページ
========================*/	
.post-thumbnail{
	float: none;
	margin-right: 0;
}
	
header.entry-header{
	padding: 0;
}

/*=====================
　フロアタブ
=====================*/
#maptab{
	background: none;
	
}
#maptab.tabs .tab_item {
    width: 60px;
    height: 60px;
    margin: 5px 10px;
}
/*=====================
　お問い合わせ
=====================*/
/*テーブル*/
.page-id-111 table{
	width: 100%;
	margin: 0 auto;
}
.page-id-111 table th,
.page-id-111 table td{
	display: inline-block;
	width: 100%;
}
/*========================================
	カレンダー
=========================================*/


/*=================
	イベントカレンダー　シングル
=================*/
/*カレンダーの個別ページ*/
.tribe-events-event-image img{
	float: none;
	display: block;
	margin: 0 auto 50px;
}	
	.tribe-events-cal-links{
		text-align: center;
	}
	.tribe-events-calendar th,
	.tribe-events-calendar td{
		display: table-cell;
		width: 14% !important;
		
	}
	
/*前後記事遷移*/
#tribe-events-footer .tribe-events-sub-nav .tribe-events-nav-next, #tribe-events-footer .tribe-events-sub-nav .tribe-events-nav-previous, #tribe-events-header .tribe-events-sub-nav .tribe-events-nav-next, #tribe-events-header .tribe-events-sub-nav .tribe-events-nav-previous{
	width: 100%;
	}
#tribe-events-footer:after, #tribe-events-footer:before, #tribe-events-header:after, #tribe-events-header:before{
	display: none;
	}
/*190213以降追加*/
.tribe-events-style-full .site-content{
	padding: 0;
}
ul.head_square{
	padding-left: 0;
}
.eventphoto img{
	display: block;
	height: auto;
	width: 100%;
//	box-shadow:0px 0px 6px 3px #f7f7f7;
}

	
/*消去注意*/}/*消去注意*/
@media screen and (max-width:420px){
/*========================================
	カレンダー
=========================================*/
/*カレンダーの個別ページ*/
	.tribe-events-button{
		display: block !important;
		width: 80%;
		margin: 10px auto !important;
	}
	/*消去注意*/}/*消去注意*/


/*=====================
　表示切替　
=====================*/
.tab{
	display:none;
	}
.sp{
	display:none;
	}

/*タブレットここから*/
@media screen and (max-width: 1060px){
.pc{
	display:none;
	}
.tab{
	display:block;
	}
}
/*スマートフォンここから*/
@media screen and (max-width:770px){
.tab{
	display:none;
	}
.sp{
	display:block;
	}
}