@charset "utf-8";

@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);

/* 基本設定 */
body{
	color:#000;
	background:#ccc;
	font-size:62.5%;
	line-height:160%;
	letter-spacing:-0.001em; /* iOS4でのテキストの隙間への対応 */
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-webkit-text-size-adjust: 100%; /* 文字サイズの自動調整機能のキャンセル */
	font-family: 'Noto Sans Japanese',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: 400;
}
img{
	border: 0;
	vertical-align: top;
}
input ,select{
	position: relative;
	top: 1px;
}
table, th, td{
	border-collapse: collapse;
	border-spacing: 0;
}
ul, li{
	list-style: none;
}
a:link, a:visited{
	color: #000;
	text-decoration: none;
	transition: all 0.2s ease 0s;
}
a:hover, a:active{
	color: #CCC;
}

.fntMc{ font-family:  "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "游明朝体", "Yu Mincho", YuMincho, "HG明朝B", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; font-style: normal; font-weight: 400;}
.fBold{ font-weight: 700;}

#wrapper{
	width:960px;
	margin:0 auto;
}
#global-nav {
    width: 100%;
	text-align:center;
}
.fixed {
    position:fixed;
	max-width:960px;
	padding:0 500px;
	margin-left:-500px;
	background:#a4845d;
    top:0;
    z-index:1;
	box-shadow:0 3px 5px hsla(0,0%,0%,0.50);
}

/* ヘッダー */
#header{
	overflow:hidden;
	position:relative;
}
#header .mMenu{
	overflow:hidden;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-ms-box-lines:multiple;	
	box-lines:multiple;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
}
#header .mMenu li{
	-webkit-box-flex:1.0;
	-moz-box-flex:1.0;
	-webkit-flex:1 1 auto;
	flex:1 1 auto;
	background:#a4845d;
}
#header .mMenu a{
	display:block;
	text-align:center;
	color:#FFF;
	padding:18px 8px 15px 8px;
	background:#a4845d;
}
#header .mMenu a:hover{
	background:#fff5e9;
	color:#999;
}
#header .mMenu a .txt span{
	display:block;
	color:#3b2108;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	line-height:1.1;
}
#header .mMenu a .txt small{
	display:block;
	font-weight:bold;
	font-size:12px;
	padding-top:3px;
}
#header .mMenu .liTop{
	display:none;
}
#header .mMenu a .svg{
	display:none;
	margin:0 auto;
	font-weight:bold;
	font-size:11px;
	line-height:54px;
	text-align:center;
}
#header .mMenu a .svg span{
	width:66px;
	position:absolute;
	margin-left:-33px;
}
#header .mMenu a .svgHome{
	background: url(../img/common/home.svg);
	width:50px; height:50px;
}
#header .mMenu a .svgAbout{
	background:url(../img/common/magnifier.svg);
	width:50px; height:50px;
}
#header .mMenu a .svgStyl{
	background:url(../img/common/user.svg);
	width:50px; height:50px;
}
#header .mMenu a .svgFlow{
	background:url(../img/common/edit.svg);
	width:50px; height:50px;
}
#header .mMenu a .svgContact{
	background:url(../img/common/mail.svg);
	width:50px; height:50px;
}
#header .mMenu a .svgFacebook{
	background:url(../img/common/facebook.svg);
	width:50px; height:50px;
}
#header .mMenu a .svgFacebook .l2 br{
	display:none;
}


/* コンテンツ */
#contents{
	position:relative;
	background:#fff;
}
.BoxF{
	overflow:hidden;
}
.BoxF li{
	float:left;
	width:480px;
}
.BoxF li.s2{
	width:960px;
}
.BoxF li .inner{
	display:block;
	width:100%;
	height:100%;
	box-shadow:0 -15px 10px -10px rgba(0,0,0,0.1) inset;
}
.BoxF li .inner .ig100{
	width:100%;
	height:auto;
}

/* フッター */
#footer{  
	overflow:hidden;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-ms-box-lines:multiple;	
	box-lines:multiple;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
    
	background: #FFF;
	padding: 3% 0;
  font-size: 12px;
  line-height: 1.6;
}
#footer .leftB,
#footer .centerB,
#footer .rightB{
	-webkit-box-flex:1.0;
	-moz-box-flex:1.0;
	-webkit-flex:1 1 auto;
	flex:1 1 auto;
}
#footer .leftB{
	text-align: center;
  border-right: 1px solid #A78F7C;
  padding: 0 2%;
}
#footer .leftB h3{
  padding: 23px 0 32px;
}
#footer .leftB .cpr{
	color: #333;
}
#footer .centerB{
  padding-left: 2%;
}
#footer .centerB h5{
  display: block;
  margin-bottom:14px;
}
#footer .centerB h5 span{
  display: block;
  padding-bottom: 5px;
}
#footer .centerB .info{
  line-height: 1.5;
}
#footer .rightB{
  line-height: 1.4;
}
#footer .rightB .add{
  padding-top: 3px;
  margin-bottom: 9px;
  font-size: 14px;
}
#footer .rightB .pay{
}

.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe[style]{ width: 100% !important; }

/*-- 上：デフォルト：960px以上(PC用)の記述 --*/

@media screen and (max-width: 959px){
/*-- 959px以下(タブレット用)の記述 (max-width/max-device-width) --*/
#wrapper{
	width:480px;
}
.fixed {
	max-width:480px;
}
#header h1 img{
	width:100%;
	height:auto;
}
#header .mMenu{
}
#header .mMenu a{
	padding:12px 0 10px 0;
}
#header .mMenu .liTop,
#header .mMenu a .svg{
	display:block;
}
#header .mMenu a .txt{
	display:none;
}

.BoxF li.s2{
	width:480px;
}

#footer .leftB{
  padding: 0 1%;
}
#footer .leftB .cpr{
  font-size: 11px;
}
#footer .centerB{
  padding-left: 3%;
}
#footer .rightB{
  padding-top: 8px;
  text-align: center;
}
#footer .rightB .add{
  margin-bottom: 9px;
}

}

@media screen and (max-width: 479px){
/*-- 479px以下(スマートフォン用)の記述 --*/
#wrapper{
	width:320px;
}
.fixed {
	max-width:320px;
}

#header .mMenu a .svg{
	font-size:10px;
	line-height:44px;
}
#header .mMenu a .svg span{
	width:56px;
	margin-left:-28px;
}
#header .mMenu a .svgHome,
#header .mMenu a .svgAbout,
#header .mMenu a .svgStyl,
#header .mMenu a .svgFlow,
#header .mMenu a .svgContact,
#header .mMenu a .svgFacebook{
	width:40px; height:40px;
}
#header .mMenu a .svgFacebook .l2{
	line-height:12px;
	padding-top:10px;
}
#header .mMenu a .svgFacebook .l2 br{
	display:block;
}

.BoxF li{
	width:320px;
}
.BoxF li.s2{
	width:320px;
}

#footer h3 img{
	width:180px;
	height:auto;
}

#footer .leftB{
  border-right: none;
  padding: 0 0 15px 0;
}
#footer .leftB h3{
  padding: 10px 0;
}
#footer .leftB .cpr{
  padding-left: 8px;
}
#footer .centerB{
  padding-left: 0;
  text-align: center;
}
#footer .centerB h5{
  display: block;
  margin-bottom:14px;
}
#footer .centerB h5 span{
  padding-bottom: 0;
}
#footer .rightB{
  line-height: 1.4;
}
#footer .rightB .pay span{
  display: block;
}

}