@charset "utf-8";

.pc { display: none; }
.smp { display: block; }

body {
	font-size: 16px;
	-webkit-text-size-adjust: 100%;
	width:100%;
	min-width: initial;
	max-width: initial;
	margin:0 auto;
}

.serif{
	font-family: "游明朝", YuMincho,"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
a.arrow,
.arrow a{
	background: url(/common/img/icn-arrow-h.png) 0 4px no-repeat;
	-webkit-background-size: 8px 12px;
	background-size: 8px 12px;
}
a.arrowL,
.arrowL a{
	background: url(/common/img/icn-arrowL-h.png) 0 4px no-repeat;
	-webkit-background-size: 8px 12px;
	background-size: 8px 12px;
}
a.arrowR,
.arrowR a{
	background: url(/common/img/icn-arrow-h.png) 100% 4px no-repeat;
	-webkit-background-size: 8px 12px;
	background-size: 8px 12px;
}
.contents .btns{
}
.contents .btns a,
.contents .btns input{
	font-size: 14px;
}
.contents .btns a.other,
.contents .btns input.other{
}
.contents .btns a.back{
}
.contents .btns input[name=submit]{
}
.contents .btns a:hover,
.contents .btns input:hover{
}

.contents .btn_l a,
.contents .btn_l input{
}
.contents form .btns a,
.contents form .btns input{
}
img{
	max-width: 100%;
}

/* ---- smenu ----*/
#fixed-top {
	position: fixed;
	top: 0;
	width: 100%;
	height: 35px;
	z-index: 4;
}
header.smenu {
	width:100%;
	height:35px;
	display:block;
	background:#fdf1eb url(../img/header-bg-sp.png) center top no-repeat;
	-webkit-background-size: auto 100% ;
	-moz-background-size:auto 100% ;
	background-size: auto 100% ;
	border-bottom:1px solid #ddd;
}
header.smenu .sb-toggle-left{
	width:43px;
	height:35px;
	font-size:1px;
}
header.smenu .sb-toggle-left img{
	width:100%;
	height:100%;
}

/* ---- header ----*/
header.global{
	position:relative;
	min-width: initial;
	max-width: initial;
	width:100%;
	margin:0 auto;
	background:#e9bbab;
}
header.global nav {
	position:static;
}
header.global nav.nav1 {
	top:0px;
	left:0px;
	margin-left:0px;
}
header.global nav.nav2 {
	top:0px;
	left:0px;
	margin-left:0px;
}
header.global nav ul li {
	float:none;
	margin-left:0px;
	padding-left:24px;
	line-height:35px;
	text-align:left;
	border-bottom:1px solid #fff;
}
header.global nav.nav1 ul li:first-child {
	margin-left:0px;
}
header.global nav.nav2 ul li:first-child {
	margin-left:0px;
}
header.global nav ul li span {
	display:none;
}
header.global nav ul li a {
	display:block;
	padding-left:24px;
}
header.global a {
	font-size:15px;
	color:#fff;
}
header.global .policy a{font-size: 12px;}
header.global a:hover {
	color: #fff !important;
}
header.global nav.nav2 ul li.exlink a {
	background:url(../img/icn-window-h.png) left center no-repeat;
	-webkit-background-size: 12px auto ;
	-moz-background-size:12px auto ;
	background-size: 12px auto ;
}
header.global .sns {
	position:static;
	top:0px;
	right:0px;
}
header.global .sns li {
	float:none;
	margin-left:0px;
	padding-left:24px;
	line-height:35px;
	text-align:left;
	border-bottom:1px solid #fff;
}
header.global .sns li a {
	display:inline;
	width:auto;
	height:auto;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
	text-indent: 0px;
	white-space: nowrap;
	overflow: hidden;
	text-align:center;
	padding-left:24px;
}
header.global .sns li a:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
}
header.global .sns li.fb a,
header.global .sns li.ig a,
header.global .sns li.tw a,
header.global .sns li.line a {
	background:url(../img/icn-window-h.png) left center no-repeat;
	-webkit-background-size: 12px auto ;
	-moz-background-size:12px auto ;
	background-size: 12px auto ;
}


/* ---- contents ----*/
.contents{
	width: 100%;
	min-width: initial;
	max-width: initial;
	margin: 0 auto;
	overflow: hidden;
}
.contents .inner {
	width: 85%;
	margin: 0 auto;
	padding:0px;
	overflow: hidden;
}


/* ---- logo ----*/
.logo {
	width: 100%;
	min-width: initial;
	max-width: initial;
	margin-bottom:16px;
	text-align:center;
	font-family: "游明朝", YuMincho,"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.logo p {
	font-size:10px;
	line-height:0.5em;
}
.logo h1{
	font-size:20px;
	line-height:1em;
	text-align:center;
	font-family: "游明朝", YuMincho,"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.logo h1 span {
	font-size:11px;
	letter-spacing:2px;
}




/* ---- footer ----*/
.pagetop {
	position:fixed;
	bottom:140px;
	right:20px;
	z-index:99;
}
.pagetop a img{
	width:25px;
}

footer.global{
	position: relative;
	width:100%;
	max-width: initial;
	min-width:300px;
	margin:0 auto;
	padding: 30px 0 30px 0;
	text-align: center;
}
footer.global nav{
	position: relative;
	overflow: hidden;
}
footer.global nav ul {
	float: left;
	position: relative;
	left: 50%;
	margin: 0 10px;
}
footer.global nav ul li {
	position:relative;
	float:left;
	margin-left:10px;
	line-height:17px;
	text-indent: -1px;
	left: -50%;
	margin-bottom: 5px;
}
footer.global nav ul li.contact{clear: both;margin-left:0px;}
footer.global nav ul li:first-child {
	margin-left:0px;
}
footer.global nav ul li a {
	background: url(../img/icn-window.png) 0 48% no-repeat;
	-webkit-background-size: 10px auto;
	-moz-background-size: 10px auto;
	background-size: 10px auto;
	padding-left:14px;
	font-size:14px;
}
footer.global p {
	padding-top:10px;
	font-family: 'Lato', sans-serif;
	font-size:12px;
}
/*
footer.global nav ul li.fb a {
	padding-left:0px;
	background:url(../img/icn-fb-f.png) 0 0 no-repeat;
	-webkit-background-size: 20px auto;
	-moz-background-size: 20px auto;
	background-size: 20px auto;
	display:block;
	width:20px;
	height:20px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
*/
footer.global nav ul li.ig a {
	padding-left:0px;
	background:url(../img/icn-ig-f.png) 0 0 no-repeat;
	-webkit-background-size: 20px auto;
	-moz-background-size: 20px auto;
	background-size: 20px auto;
	display:block;
	width:20px;
	height:20px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
footer.global nav ul li.tw a {
	padding-left:0px;
	background:url(../img/icn-tw-f.png) 0 0 no-repeat;
	-webkit-background-size: 20px auto;
	-moz-background-size: 20px auto;
	background-size: 20px auto;
	display:block;
	width:20px;
	height:20px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
footer.global nav ul li.line a {
	padding-left:0px;
	background:url(../img/icn-line-f.png) 0 0 no-repeat;
	-webkit-background-size: 20px auto;
	-moz-background-size: 20px auto;
	background-size: 20px auto;
	display:block;
	width:20px;
	height:20px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
footer.global nav ul li a.arrow {
	background: url(../img/icn-arrow-h.png) 0 48% no-repeat;
	padding-left:14px;
	-webkit-background-size: 8px 12px;
	background-size: 8px 12px;
}
