@charset "shift_jis";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

/*GALLERY*/
.gttl{
	font-size:28px;
	font-weight:700;
	font-family: "Noto Sans Japanese","Roboto","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,serif,sans-serif!important;
	text-align:center;
}
/*.tab_box{
	padding:0 20px;
	min-height:400px;
}*/
.tab_box ul.galley{
	font-size:0;
	margin:31px 0 50px -8px!important;
	letter-spacing:0;
}
.tab_box ul.galley li{
	width:25%;
	padding:0 0 10px 8px!important;
	display:inline-block;
	box-sizing: border-box;
	border-bottom:none!important;
}
.tab_box ul.galley li{
	width:16.66666%;
}
.tab_box ul.galley li img{
	width:100%;
	border:1px solid #c1c1c1;

}
.bx-wrapper .bx-viewport {
	-moz-box-shadow: initial;
	-webkit-box-shadow: initial ;
	box-shadow: initial;
	border: none;
	left:0;
}
.bx-wrapper .bx-pager.bx-default-pager a {
	background: #a9a7a7;
}
.bx-wrapper .bx-next {
	opacity: 0.5;
}
.bx-wrapper .bx-prev {
	opacity: 0.5;
}


@media screen and (max-width: 767px) {
.ttl{
	font-size:16px;
	font-weight:700;
}
.tabInfo{
    width:100%;
    margin:0 auto;
}
.tab_box{
	width:100%;
	padding:0 10px;
	box-sizing:border-box;
}
.tab_box ul.galley li{
	width:25%;
}
.bx-wrapper{
	display:block;
	margin: 0 auto 50px;
}
}

/*common*/
.tabInfo,
.fhBnr,
.fhBtn {
	color:#333;
	font-size:14px;
    font-family: "Roboto","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
	line-height:1.4;
}
.tabInfo{
	letter-spacing:1px;
}
.ls-1{
	letter-spacing:-1px;
}

.tabInfo a{
	color:#000099;
	text-decoration: none;
}

.tabInfo a:hover{
	color:#000099;
	text-decoration: underline;
}

a.alpha:hover img{
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}

.clearfix:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

.clearfix {overflow:hidden;}

.clear_both{
	font-size:0;
	line-height:0;
	clear:both;
}

/*freeheader*/
.fhBnr{
	padding:10px 0 10px 0;
}
.fhBnr .colL{
	font-size:38px;
	font-weight:bold;
	line-height:1.0;
/*	padding:12px 0 0 0;*/
/*	float:left;*/
}
.fhBnr .colR{
	width:490px;
	text-align:center;
	float:right;
}

/*ex*/

.tab_box{
	width:860px;
	padding:10px 0 0 0;
	margin:0 auto;
}

.tab_box .catch{
	font-size:27px;
	font-weight:bold;
	line-height:1.2;
	padding:0 0 15px 10px;
	border-bottom:3px solid #ccc;
}

.tab_box ul li{
	font-size:24px;
	line-height:1.2;
	padding:20px 10px 20px 10px;
	border-bottom:1px solid #ccc;
}
.tab_box ul li:last-child{
	padding:20px 10px 0 10px;
	border-bottom:none;
}
.tab_box ul li .img{
	min-height:80px;
	margin:0 20px 0 0;
	float:left;
}

.tab_box ul li .img_col1{
	margin:0 0 0 0;
	float:none;
}

.tab_box ul li .img_col1.sp{
	display:none;
}

.tab_box ul li .ttl{
	width:520px;
	font-weight:bold;
	padding:10px 0 0 0;
	margin:0 0 10px 0;
	float:left;
}
.tab_box ul li .ttl span{
	display:block;
}

.tab_box ul li .txt{
	width:520px;
	font-size:16px;
	float:left;
}

.tab_box ul li .txt span{
	font-size:18px;
	font-weight:bold;
	padding:5px 0 0 0;
	display:block;
}


.tab_box ul li .ttl.wd600,
.tab_box ul li .txt.wd600{
	width:600px;
}

.tab_box ul li .ttl.wd700,
.tab_box ul li .txt.wd700{
	width:700px;
}


/*smooth*/

.tab_box ul li .sm_box{
	width:265px;
	font-size:16px;
	margin:0 20px 0 0;
	float:left;
}
.tab_box ul li .sm_box.nm{
	margin:0 0 0 0;
}
.tab_box ul li .sm_box .sm_ttl{
	color:#fff;
	font-weight:bold;
	text-align:center;
	padding:8px 0 6px 0;
	background:#272727;
}
.tab_box ul li .sm_box img{
	margin:0 0 10px 0;

}


/*btn*/

.fhBtn{
	padding:10px 0 0 0;
}

.fhBtn a{
	width:287px;
	height:44px;
	color:#000;
	text-align:left;
	letter-spacing:0;
	padding:3px 0 0 6px;
	margin:0 5px 5px 0;
	display:block;
	background:#f8f8f8;
	background: -moz-linear-gradient(#ffffff, #f1f1f1);
	background: -webkit-linear-gradient(#ffffff, #f1f1f1);
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffffff,EndColorStr=#fff1f1f1);
	border:1px solid #ccc;
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	cursor:pointer;
	float:left;
}

.fhBtn a.ac{
	color:#000099;
	border:1px solid #000099;
}

.fhBtn a {zoom:1;}
.fhBtn a:after {
  content: ""; 
  display: block; 
  clear: both;
}

.fhBtn a:hover{
	color:#000099;
	text-decoration:none;
	border:1px solid #000099;
}

.fhBtn a img{
	width:40px;
	height:40px;
	float:left;
}

.fhBtn a p{
	width:247px;
	font-size:14px;
	line-height:1.2;
	letter-spacing:0;
	font-weight:bold;
	text-align:center;
	padding:14px 0 0 0;
	float:left;
}

.fhBtn a.shop{
	color:#fff;
	background:#000083;
	background: -moz-linear-gradient(#000099, #000083);
	background: -webkit-linear-gradient(#000099, #000083);
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ff000099,EndColorStr=#ff000083);
	border:1px solid #000099;
}
.fhBtn a.shop:hover{
	background: -moz-linear-gradient(#4c4cb7, #4c4ca8);
	background: -webkit-linear-gradient(#4c4cb7, #4c4ca8);
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ff4c4cb7,EndColorStr=#ff4c4ca8);
}
.fhBtn a.shop p{
	width:auto;
	float:none;
}


@media only screen and (max-width: 767px){

.fhBnr .colL{
	font-size:24px;
	text-align:left;
	padding:10px 0 0 5px;
	margin: 0;
	float:none;
}

.fhBnr .colL img{
	max-width:90%;
	margin:0 auto;
}

.fhBnr .colR{
	width: auto;
	float:none;
}

.fhBnr .colR img{
	max-width:90%;
}

	
.tab_box{
	width:100%;
}

.tab_box .catch{
	font-size:22px;
	padding:0 0 10px 0;
	margin:0 0 0 0;
}

.tab_box ul{
	padding:0 0 0 0;
}

.tab_box ul li{
	font-size:18px;
	padding:10px 0px 10px 0px;
}
.tab_box ul li:last-child{
	padding:10px 0 0 0;
}

.tab_box ul li .img{
	width:100%;
	min-height: inherit;
	text-align:center;
	margin:0 20px 0 0;
	float: none;
}

.tab_box ul li .img_col1.pc{
	display:none;
}
.tab_box ul li .img_col1.sp{
	display:block;
}

.tab_box ul li .img img{
	width:100%;
}
.tab_box ul li .img.wd2 img{
	max-width:50%;
}
.tab_box ul li .img.wd3 img{
	max-width:30%;
}

.tab_box ul li .ttl{
	width:100%;
	font-weight:bold;
	padding:10px 0 0 0;
	margin:0 0 5px 0;
	float: none;
}

.tab_box ul li .ttl span{
	display:inline;
}

.tab_box ul li .txt{
	width:100%;
	font-size:14px;
	margin:0 0 0 0;
	float: none;
}

.tab_box ul li .ttl.wd600,
.tab_box ul li .txt.wd600{
	width:100%;
}

.tab_box ul li .ttl.wd700,
.tab_box ul li .txt.wd700{
	width:100%;
}


/*smooth*/

.tab_box ul li .sm_box{
	width:80%;
	margin:0 auto 0 auto;
	float:none;
}
.tab_box ul li .sm_box.nm{
	margin:0 auto 0 auto;
}
.tab_box ul li .sm_box .sm_ttl{
	padding:6px 0 4px 0;
}
.tab_box ul li .sm_box img{
	width:100%;
	margin:0 0 6px 0;
}

.tab_box ul li .sm_box p{
	margin:0 0 0 0;
	padding:0 0 0 0;
}


.fhBtn a{
	width:97%;
	height:48px;
	margin:0 0 5px 5px;
	box-sizing: border-box;
	float:none;
}

.fhBtn a p{
	width:85%;
	padding:13px 0 0 0;
	margin:0 0 0 0;
}

.fhBtn a.shop{
	color:#fff !important;
}

	
}



.font12{
	font-size:12px;
}

.font14{
	font-size:14px;
}

.font16{
	font-size:16px;
}

.font25{
	font-size:25px;
}

.pt10{
	padding-top:10px;
}

.mb10{
	margin-bottom:10px;
}

.mb20{
	margin-bottom:20px;
}

.mb30{
	margin-bottom:30px;
}
