@charset "utf-8";

/*--
中 font-size:96%;
小 font-size:88%;
--*/
@import url('https://fonts.googleapis.com/css?family=Lato');
@import url('https://fonts.googleapis.com/css?family=Crimson+Text');
@import url('https://fonts.googleapis.com/css?family=EB+Garamond');
@font-face{font-family: "YakuHanMP";font-style:normal;font-weight: 500;src:url("../fonts/YakuHanMP/YakuHanMP-SemiBold.eot");src:url("../fonts/YakuHanMP/YakuHanMP-SemiBold.woff2") format("woff2"),url("../fonts/YakuHanMP/YakuHanMP-SemiBold.woff") format("woff");}

a {
-webkit-tap-highlight-color: rgba(0,0,0,0);
}

body{
color:#000;
font-family:"YakuHanMP","游明朝 Medium","YuMincho Medium","游明朝","YuMincho","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",Meiryo,"Times New Roman",serif;
font-size:87.5%;
line-height:1.8;
background:#fff;
-webkit-text-size-adjust: 100%;
font-weight:500;
}
.hannari {
font-family:"YakuHanMP","Hannari", "游明朝 Medium","YuMincho Medium","游明朝","YuMincho","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",Meiryo,"Times New Roman",serif;
}
.crimson {
font-family:'Crimson Text', "Hannari", "游明朝 Medium","YuMincho Medium","游明朝","YuMincho","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",Meiryo,"Times New Roman",serif;
}
.garamond {
font-family:'EB Garamond', "Hannari", "游明朝 Medium","YuMincho Medium","游明朝","YuMincho","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",Meiryo,"Times New Roman",serif;
}

.pc{
display:block !important;
}
.tab-pc{
display:block !important;
}
.tab{
display: none !important;
}
.sp-tab{
display:none !important;
}
.sp{
display:none !important;
}
@media screen and (max-width:980px){
.pc{
display:none !important;
}
.tab{
display:block !important;
}
.sp-tab{
display:block !important;
}
}
@media screen and (max-width:767px){
body{
font-size:9pt;
}
.tab-pc{
display: none !important;
}
.tab{
display: none !important;
}
.sp{
display:block !important;
}
}
h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal;
}

/*---------------------------------------*/
/* footer */
/*---------------------------------------*/
#footer{
border-top:1px solid #f1f3f2;
padding:60px 0 30px;
margin-top:155px;
}
@media screen and (max-width:767px){
#footer{
padding:30px 0 10px;
margin-top:70px;
}
}
#footer .areaInner{
position:relative;
}
@media screen and (max-width:1010px){
#footer .areaInner{
max-width:500px;
}
}
#footer .areaInner .fLogo{
position:absolute;
top:0;
left:0;
width:82px;
}
@media screen and (max-width:767px){
#footer .areaInner .fLogo{
position:static;
width:50px;
margin-bottom:10px;
}
}
#footer .areaInner .fLogo img{
width:100%;
height:auto;
}
#footer .information{
margin:0 445px 0 135px;
}
@media screen and (max-width:1010px){
#footer .information{
margin:0 0 0 135px;
}
}
@media screen and (max-width:767px){
#footer .information{
margin:0;
}
}
#footer .information .shop{
font-size:114%;
margin-bottom:10px;
}
@media screen and (max-width:767px){
#footer .information .shop{
font-size:11pt;
margin-bottom:5px;
}
}
#footer .information .info{
letter-spacing:0;
}
#footer .information .info-mini{
	font-size: 86%;
	line-height: 1.5;
}
#footer .fNavi{
position:absolute;
top:0;
right:0;
max-width:445px;
}
@media screen and (max-width:1010px){
#footer .fNavi{
position:static;
margin-top:50px;
}
}
@media screen and (max-width:767px){
#footer .fNavi{
margin-top:20px;
}
}
#footer .fNavi ul li{
display:block;
float:left;
margin-right:0.8em;
font-size:114%;
}
@media screen and (max-width:767px){
#footer .fNavi ul li{
font-size:8pt;
}
}
#footer .fNavi li:last-child{
margin-right:0;
}
#footer .fNavi ul li.subNavi{
font-size:86%;
margin-right:1em;
line-height: 2.4;
}
@media screen and (max-width:767px){
#footer .fNavi ul li.subNavi{
font-size:8pt;
margin-right:1em;
margin-bottom:5px;
line-height: 1.8;
}
}
#footer .fNavi li.subNavi:last-child{
margin-right:0;
}
@media screen and (max-width:767px){
#footer .fNavi li.mainNavi{
width:100%;
margin:0;
}
}
#footer .snsLinks {
width: 228px;
margin: 80px auto 0;
}
@media screen and (max-width:767px){
#footer .snsLinks {
margin: 40px auto 0;
}
}
#footer .snsLinks .link{
width: 36px;
float: left;
margin-right: 12px;
}
#footer .snsLinks .link:last-child{
margin-right: 0;
}
#footer .snsLinks .link img{
width: 100%;
height: auto;
transition: all 0.3s ease;
}
#footer .snsLinks .link a:hover img{
opacity: 0.7;
}
#footer .official{
font-size:86%;
text-align:center;
margin-top:50px;
}
@media screen and (max-width:767px){
#footer .official{
margin-top:30px;
font-size:7pt;
}
}
#footer .official .icon-link{
margin-left:5px;
}
#footer .copyright{
font-size:86%;
text-align:center;
color: #666;
}
@media screen and (max-width:767px){
#footer .copyright{
font-size:7pt;
letter-spacing:0;
}
}

/*---------------------------------------*/
/* layout */
/*---------------------------------------*/
#mainBody{
	overflow:hidden;
}
.blockLeft{
	float:left;
}

.blockRight{
	float:right;
}

.txtRight{
	text-align:right;
}

.txtCenter{
	text-align:center;
}