﻿@charset "utf-8";html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0;padding: 0;border: 0;font-style:normal;font-weight: normal;font-size: 100%;vertical-align: baseline; background:none;}article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}html{    overflow-y: scroll;}blockquote, q {quotes: none;}blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}input, textarea,{margin: 0;padding: 0;}ol, ul{    list-style:none;}table{    border-collapse: collapse;     border-spacing:0;}caption, th{    text-align: left;}a:focus {outline:none;}.clearfix:after {content: "."; display: block;clear: both;height: 0;visibility: hidden;}.clearfix {min-height: 1px;}* html .clearfix {height: 1px;/*\*//*/height: auto;overflow: hidden;/**/}
body{
	width:100%;
	font-family:"メイリオ","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3",sans-serif !important;
	text-align:center;
	line-height:1.6 !important;
}
ul{
	margin:0; padding:0;
}
body.light{
	color:#433;
	background:#fff;
}
body.dark{
	color:#988;
	background:#000;
}
.wrapper{
	width:100%;
	margin:auto;
}
.wrapper.sp{
	/*margin-top:50px;*/
}
#snsbox{
	clear:both;
	text-align:center;
}
#snsbox ul{
	width:100%;
	font-size:90%;
	max-width:100%;
	list-type:none;
	height:32px
	line-height:32px;
	padding:0;
	margin:0;
	text-align:center;
	vertical-align:middle !important;
}
.light #snsbox ul{
	background:#e1e2e6;
}
.dark #snsbox ul{
	background:#333;
}

#snsbox ul li{
	display:inline-block;
	padding: 0;
	margin: 0 2px;
	width:96px;
	height:32px
	margin:1px;
	line-height:32px;
	text-align:center !important;
	vertical-align:middle !important;
}
#snsbox ul li.apbtn{
	width:106px;
}
#snsbox ul li *{
	vertical-align:middle !important;
}
article{
	text-align:left;
}
article h1{
	margin:0;
	font-size:24pt;
	line-height:1.6;
}
.light article h1{
	color:#433;
}
.dark article h1{
	color:#fff !important;
}

article h1 img{
	width:100%;
	max-width:100%;
	height:auto;
}
article h2,
article h3{
	clear:both;
	margin:0 0 0.6em 0;
	font-weight:bold;
	line-height:1.6;
}
article h4{
	clear:both;
	margin:0 0 0.1em 0;
	font-weight:bold;
	line-height:1.6;
}
article h2{
	font-size:18pt;
	line-height:1.6;
}
article h3{
	font-size:15pt;
}
article h4{
	font-size:13pt;
}
article .end{
	text-align:center;
	font-size:140%;
	line-height:2em;
	margin:1em 0;
}
article section{
	margin:2em 1%;
	padding:1%;
}
article .cols{
	width:100%;
	font-size:0pt;
}
article .cols > div{
	display:inline-block;
	margin:1%;
	font-size:10pt !important;
	vertical-align:top;
}
article .cols > div.nomargin{
	margin:0;
}
article .cols > div img{
	max-width:100%;
}
article .cols .col_2{
	width:48%;
}
article .cols .col_33{
	width:31%;
}
article .cols .col_66{
	width:64%;
}
article .cols .col_66.nomargin{
	width:66.66%;
}
article .cols .col_3{
	width:31%;
}
article .cols .col_3.nomargin,
article .cols .col_33.nomargin{
	width:33.33%;
}
article .cols .col_4{
	width:23%;
}
article .cols .col_4.nomargin{
	width:25%;
}
.al_c{
	text-align:center;
}
.al_r{
	text-align:right;
}
.al_l{
	text-align:left;
}

article .cols > .val_b{
	vertical-align:baseline;
}
.youtube{
	width:100%;
	height:auto;
	text-align:center;
}
.youtube iframe{
	max-width:100%;
	margin:auto;
}

.is_btn{
	display:block;
	line-height:3em;
	text-align:center;
	text-decoration:none !important;
	color:#fff !important;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	background-color:#06c;
}
.is_btn:hover{
	opacity:0.7;
	filter:alpha(opacity=70);
}
.is_btn img{
	width:100%; height:auto;
	max-width:240px;
}
.is_btn-s{
	font-size:140%;
}
.is_btn-m{
	font-size:160%;
}
.is_btn-l{
	font-size:190%;
}
.is_btn_no{
	line-height:3em;
	text-align:center;
	text-decoration:none !important;
	color:#fff !important;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	background-color:#a99;
}
.stxt{
	font-size:80%;
	line-height:1.3;
}
.location{
	margin-bottom:10px;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	background:#eee;
}
.light .location{
	background:#eee;
}
.dark .location{
	background:#222;
}
.map{
	text-align:center;
}
.map img{
	border:1px solid;
	width:100%; height:auto;
}
.link p{
	text-align:center;
}

/* ページ装飾 */

.main_title{
	text-align:center;
	background:url(img/lead_bg.jpg) no-repeat 50% 50% fixed #000;
	background-size:cover;
}
.main_title h1{
	margin:0;
}
.main_title img{
	margin:auto;
	max-width:100%;
}
.lead0{
	font-size:11pt;
}
.lead_box{
	padding:10px;
	text-align:left;
	background:rgba(226,226,226,0.5);
}
.sub_title{
	text-align:center;
	border-top:2px solid #ffb400;
}
.sub_title.intro,
.sub_title.limiteditem{
	background:#aaa;
}
.sub_title.dark{
	background:#000;
}
.sub_title h1,
.sub_title h2{
	max-width:1000px;
	height:120px;
	margin:0 auto;
	padding-left:150px;
	color:#fff;
}
.sub_title.intro h2,
.sub_title.limiteditem h2{
	background:url(img/limiteditem_sub_title_bg.png) no-repeat 0 50% #aaa;
}
.sub_title.store h1,
.sub_title.store h2{
	background:url(img/store_sub_title_bg.png) no-repeat 0 50% #000;
}
.sub_title.fg180 h2{
	padding-left:0;
	background:#000;
}
.sub_title.llta h2{
	padding:1em 0;
	background:#000;
}
.sub_title h1,
.sub_title h2{
	display:table;
}
.sub_title h1 span,
.sub_title h2 span{
	display:table-cell;
	height:100%;
	vertical-align:middle;
}
.sub_title .bc-navi{
	margin: 0;
	padding:0 0.6em;
	text-align: left;
	list-style: none;
	line-height:1.6;
	background: #333;
}
.sub_title .bc-navi li{
	display: inline-block;
	text-align: left;
	color: #aaa;
}
.sub_title .bc-navi li a{
	display: inline-block;
	padding: 0.3em;
	color: #fff;
}
.sub_title .bc-navi li a:hover{
	background-color: #444;
}

.wrapper.dark{
	color:#aaa;
	background-size:auto cover;
}
.wrapper.store{
	background:url(img/store_bg.jpg) no-repeat 100% 100% #1c1c1c fixed;
}
.wrapper.fg180{
	background:url(img/fg180_bg.jpg) no-repeat 50% 50% #000;
	background-size:cover;
}
.wrapper.llta{
	padding:10px;
	background:url(img/llta_bg.jpg) no-repeat 50% 50% #000 fixed;
	background-size:cover;
}
.wrapper.store .col_3{
	text-align:left;
}
.wrapper.dark h1,
.wrapper.dark h2{
	color:#fff;
}
.wrapper.dark h3{
	color:#fff;
}
.wrapper.dark .lead_fg{
	font-size:120%;
	color:#fff;
}
.wrapper.store h3 span{
	font-size:75%;
}
.wrapper.store p.lead{
	font-size:160%;
	line-height:1.8;
}
.wrapper.store img.staff{
	display:inline-block;
	width:130px;
	border-radius:130px;
	-moz-border-radius:130px;
	-webkit-border-radius:130px;
}
.wrapper.store .staff_name{
	float:right;
	width:calc(100% - 150px);
}
.wrapper.store .btn{
	clear:both;
}
.wrapper.store .rcmnd{
	font-size:12pt;
	line-height:1.8;
}
.limiteditem{
	font-size:11pt;
	background:rgba(226,226,226,0.5);
/*	background:url(img/limiteditem_bg.jpg) no-repeat 50% 50%;
	background-size:cover auto;*/
}
.limiteditem_box{
	padding:10px;
	text-align:left;
	background:#fff;
}
.li_photo{
	width:32%;
	text-align:center;
}
.li_photo.left{
	float:left;
	margin:1% 1% 1% 0;
}
.li_photo.right{
	float:right;
	margin:1% 0 1% 1%;
}
.li_photo img{
	max-width:100%;
}


.bumon_title{
	margin:0;
	text-align:center;
	background:url(bumon_bg.png) repeat-x;
}
.bumon_title img{
	margin:auto;
	max-width:100%;
}
article{
	width:1000px;
	margin:auto;
}
.col_3.first{
	float:left;
}
.col_3.first h3{
}
.col_3.first img.photo{
	width:auto;
	height:auto;
	max-width:100%;
	max-height:310px;
}
.col_3.second img.photo,
.col_3.third img.photo,
.col_3.fourth img.photo,
.col_3.fifth img.photo{
	float:left;
	margin:0 10px 10px 0;
	width:auto;
	height:auto;
	max-width:150px;
	max-height:150px;
}
.col_3 h3{
	line-height:1.2;
}
.col_3 h3 img{
}
.col_3 h3 img.medal{
	float:left;
	margin-right:10px;
}
.col_3 h3 img.photo{
	clear:both;
}

/*.photo_box{position:relative; width:100%; height:auto;}
.photo_box:after{content:""; display:block; padding-top:100%;}
.photo_box a{display:table-cell; position:absolute; top:0; left:0; bottom:0; right:0; width:100% !important; height:100%; text-align:center; background:#000;}
.photo_box a img{display:inline-block; max-width:100%; max-height:100%; margin:auto; vertical-align:middle;}
*/
@media only screen and (max-width:1000px){
	article{width:100%;}
	.lead_box{width:100%;}
}
@media only screen and (max-width:800px){
	article .cols .col_3,article .cols .col_4{width:48%;}
	.wrapper.llta{
		background:url(img/llta_sp_bg.jpg) no-repeat 50% 50% #000 fixed;
		background-size:contain;
	}
}
@media only screen and (max-width:640px){
	.youtube{position:relative; width:100%; height:auto;}
	.youtube:after{content:""; display:block; padding-top:56.25%;}
	.youtube.as43:after{content:""; display:block; padding-top:75%;}
	.youtube iframe{position:absolute; top:0; left:0; width:100% !important; height:100%;}
	article .cols .col_2.sm,article .cols .col_3.sm{width:48%;}
	article .cols .col_3.nomargin,article .cols .col_4.nomargin{width:50%;}
	article .cols .col_2.md{width:98%;}
	article .cols .nomargin{width:100%;}
	article .cols .col_33,article .cols .col_66{width:48%;}
	article .cols .col_33.nomargin,article .cols .col_66.nomargin{width:50%;}
	.wrapper.store.top .top_staff_name{clear:both; width:100%;}
	.wrapper.store{background-size:contain; padding: 1em;}
	.wrapper.store img.staff{width:45%; border-radius:45%; -moz-border-radius:45%; -webkit-border-radius:45%;}
	.wrapper.store p.lead{font-size:120%;}
	.wrapper.store h2,.wrapper.store h3{font-size:110%;}
	.sub_title h2{font-size:160%; height:80px; background-size:auto cover;}
	.li_photo{width:48%;}
	.wrapper.store .staff_name{width:100%;}
	.wrapper.dark .lead_fg{font-size:100%;}
}
@media only screen and (max-width:480px){
	article .cols .col_2,article .cols .col_3{width:98%;}
	article .cols .col_33,article .cols .col_66{width:98%;}
	article .cols .col_33.nomargin,article .cols .col_66.nomargin{width:100%;}
}
@media only screen and (max-width:320px){
	article .cols .col_4{width:98%;}
	article .cols .col_33,article .cols .col_66{width:98%;}
	article .cols .col_4.nomargin,article .cols .col_33.nomargin,article .cols .col_66.nomargin{width:98%;}
}

body > footer{
	width:100%;
	clear:both;
	text-align:center;
	background:#f0ebeb;
}
body > footer #global_footer{
	width:940px;
	margin:auto;
	text-align:left;
}
.sp_btn{
	width:90%;
	margin:20px auto;
	padding:0;
	list-style:none;
	text-align:center;
	font-size:0;
}
.sp_btn li{
	display:inline-block;
	width:50%;
	height:2.4em;
	margin:auto;
	line-height:2.4;
	font-size:14pt;
	background:#eee;
}
.sp_btn li a{
	display:block;
	color:#fff;
	background:#06f;
}
