@charset "utf-8";

* {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	margin: 0;
	padding: 0;
}

html {
	font-size: 13.5px;
	overflow-x: hidden;
}

body {
	font-family: /*"Noto Sans Japanese",*/"Open Sans","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN",sans-serif;
	font-size: 0.95em !important;
	*font-size: small;
	*font: x-small;
	color: #333;
	font-weight: 300;
	line-height: 1.6;
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
	overflow-x: hidden;
	position: relative;
}

.f-en {font-family: 'Arial', sans-serif;}

a {color: #101010;}

a.underline {
	text-decoration: underline;
}

/*-------- 微調整 --------*/
/* フロート */
.floatL {float: left;}
.floatR {float: right;}

/* 余白 */
.top5 {margin-top: 5px !important;}
.top10 {margin-top: 10px !important;}
.top15 {margin-top: 15px !important;}
.top20 {margin-top: 20px !important;}
.top25 {margin-top: 25px !important;}
.top30 {margin-top: 30px !important;}
.top35 {margin-top: 35px !important;}
.top40 {margin-top: 40px !important;}

.bottom5 {margin-bottom: 5px !important;}
.bottom10 {margin-bottom: 10px !important;}
.bottom15 {margin-bottom: 15px !important;}
.bottom20 {margin-bottom: 20px !important;}
.bottom25 {margin-bottom: 25px !important;}
.bottom30 {margin-bottom: 30px !important;}
.bottom35 {margin-bottom: 35px !important;}
.bottom40 {margin-bottom: 40px !important;}

/* 文字 */
.bold {font-weight: bold !important;}

.t-left {text-align: left !important;}
.t-center {text-align: center !important;}

.s {font-size: 90%;}
.ss {font-size: 80%;}


/*-------- 非表示 PC --------*/
.pc-none {display: none !important;}

/*-------- 改行 スマホ --------*/
@media screen and (max-width: 648px) {
.br-sp {display: none;}
}

/*-------- フロート解除 --------*/
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac */
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*-------- ヘッダー --------*/
header h1 {
	padding: 0 30px 0 0;
	display block;
}

.serch-box {
	width: 75%;
	margin: 25px 0;
	padding: 10px;
	border-radius: 50px;
	font-size: 12px;
	border: 1px solid #ccc;
	box-shadow: none;
}

.serch-sub {
	margin: 20px 0 0;
	display: inline-block;
	border: none;
	text-indent: -9999px;
	cursor: pointer;
	display: none;
}

.serch-div i {
	color: #272b76;
	cursor: pointer;
}

/*-------- コンテンツ --------*/
.wid1 {
    max-width: 980px;
    margin: 0 auto;
}

/*-------- フッター --------*/
.f-nav {
	background: #272b76;
	padding: 25px 0;
	text-align: center;
}
.f-nav li {
	display: inline;
}
.f-nav li a {
	color: #fff;
	font-size: 13px;
	padding: 0 0 0 10px;
}

.copy{
	background: #f0f3f5;
	text-align: center;
	color:#272b76;
	font-size: 12px;
	font-family: 'Arial', sans-serif;
	padding: 10px;
}

/* ウエアサイズ早見表ボタン */
a.wear_size {
	min-width: 180px;
	margin: 10px 0;
	padding: 5px 0;
	display: inline-block;
	color: #fff;
	text-align: center;
	background: #272b76;
	border: 1px solid #333;
	border-radius: 100px;
}

@media all and (-ms-high-contrast:none){
	a.wear_size{
	padding: 10px 0 5px;
	}
}

a.wear_size:hover {
	color: #272b76;
	background: #fff;
	opacity: 1;
}

@media screen and (max-width: 1080px) {
#g_nav li a {padding: 20px 5px 0 0;}
.pc-none {display: none;}
}

@media screen and (max-width: 980px) {
.wid1 {
	max-width: 100%;
	padding: 0 4%;
}
}

/** mobile
===================================*/
@media screen and (max-width: 768px){
body,
html {
	min-width: 100%;
	font-size: 13px;
}

/*-------- 非表示 スマホ --------*/
.sp-none {display: none !important;}
.pc-none {display: block !important;} //スマホでは表示される

.sp-block {display: block;}

.serch-box {
	height: auto;
	padding: 10px;
	border: none;
	font-size: 14px;
}

/*-------- ヘッダー --------*/
header {border: none;}

#demo01 img {
	width: 50px;
	padding: 15px;
}


/*-------- フッター --------*/
.f-nav {padding: 15px;}
.f-nav span {display: block;}
.f-nav li a {font-size: 12px;}

.copy {
	font-size: 11px;
	padding: 5px;
}
}