@charset "utf-8";
/* =====================
	CSSリセット
======================= */
body {
	margin: 0px;
	padding: 0px;
	color: #333333;
	font-family: "メイリオ", "ＭＳ Ｐゴシック", "小塚ゴシック Pro R", "ヒラギノ角ゴ Pro W3", "Meiryo", "MS PGothic", "KozGoPro-Regular", "Hiragino Kaku Gothic Pro", "MS UI Gothic", Osaka, sans-serif;
	font-size: 16px;
	line-height: 2;
	background-color: #fff;
	background-size: 25px 25px;

	-webkit-text-size-adjust: none;
}

h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form,figure,form {margin: 0px; padding: 0px;	font-size: 100%; font-weight: normal;}
table {border-collapse:collapse; border-spacing:0;}
ul {margin:0; padding:0; list-style-type:none;}
ol {padding-left: 40px; padding-bottom: 15px;}
img {border: none; max-width: 100%;	height: auto;	vertical-align: middle;}
table {border-collapse:collapse; font-size: 100%;	border-spacing: 0;}
p {margin:0 0 .5em;}
br {letter-spacing:0;}
hr {display:block; height:1px; border:0; border-top:1px solid #999;	margin:1em 0;	padding:0;}


img.w100{
	width: 100% !important;
}
img.w031{
	width: 31% !important;
}

img.w200{
	width: 200px !important;
}

/* -------------------------------------------------------------
PAGES
------------------------------------------------------------- */
body{width:100%; overflow-x:hidden;}
.wrapper{width:100%; overflow-x:hidden;}
.wrapper img {border-radius: 5px;}
.container {width: 100%; max-width: 950px; margin-left: auto; margin-right: auto;}
section {width: 100%; overflow:hidden; padding:15px 0;}
    
/* -------------------------------------------------------------
header nav
------------------------------------------------------------- */
header{position:relative; height:103px;width:100%; background: #FFF; 
	-ms-box-shadow:0px -3px 8px -1px #ccc inset;
	-moz-box-shadow:0px -3px 8px -1px #ccc inset;
	-webkit-box-shadow:0px -3px 8px -1px #ccc inset;
	-o-box-shadow:0px -3px 8px -1px #ccc inset;
	box-shadow:0px -3px 8px -1px #ccc inset;
}
.toplogo{position:absolute; top:17px; left:5px; height:65px;}
header nav {position:absolute; top:34px; left:285px;}
header nav ul.goodsnav {padding: 0; border-left: none; line-height: 1.3;	margin: 0;}
header nav ul.goodsnav li:first-child {float: left;}
header nav ul.goodsnav li {text-align: center; font-size:14px; font-weight:bold; float: left;   padding: 0px 13px 0px 13px;}
header nav ul.goodsnav li a{color:#333; text-decoration: none; }
header nav ul.goodsnav li.nowpage a{color:#d73444; 	text-decoration: none;}
header nav ul.goodsnav li a:hover{color:#d73444; text-decoration: none;}

.br::before {content: "\A" ; white-space: pre ;}
.nav_ja{font-size:12px;	font-weight:normal;	color:#ccc;}

/* -------------------------------------------------------------
header
------------------------------------------------------------- */
#Pagetop{padding:15px 15px 15px 5px; background:#ffffff;	position: relative;	margin-bottom:0;	position: fixed; width:100%; top: 0px; left: 0px; z-index: 99; height:50px;box-shadow: 2px 2px 4px gray;}
#titlesp h1 img{width:183px; height:50px; }
#titlesp {float: left; padding:3px 5px 0 0;}
#Pagetop {display: none;}

#nav-drawer {position: relative;	padding:0; margin: 0; float: right;}
/*チェックボックス等は非表示*/
.nav-unshown {display:none;}
/*アイコンスペース*/
#nav-open {display: inline-block; width: 30px; height: 22px; vertical-align: middle;	padding:15px 35px;}
/*ハンバーガーアイコン*/
#nav-open span, #nav-open span:before, #nav-open span:after {  position: absolute; height: 3px;/*線の太さ*/	width: 25px;/*長さ*/  border-radius: 3px;  background: #c3292f;  display: block;  content: '';	cursor: pointer;}
#nav-open span:before { bottom: -8px;}
#nav-open span:after { bottom: -16px;}
/*閉じる用の薄黒カバー*/
#nav-close { display: none; position: fixed;  z-index: 99;  top: 0;  left: 0;  width: 100%;  height: 100%;  background: black;  opacity: 0;  transition: .3s ease-in-out;}
/*中身*/
#nav-content {overflow: auto; position: fixed; top: 0;  left: 0;  z-index: 9999;  width: 80%; max-width: 330px; height: 100%; background: #fff;  transition: .3s ease-in-out;  -webkit-transform: translateX(-105%);  transform: translateX(-105%);}
/*チェックが入ったらもろもろ表示*/
#nav-input:checked ~ #nav-close {display: block; opacity: .5;}
#nav-input:checked ~ #nav-content {-webkit-transform: translateX(0%); transform: translateX(0%);  box-shadow: 6px 0 25px rgba(0,0,0,.15);}
/*--- #globalnav_sp -----------------------*/
ul.globalnav_sp  li {float: left;	width: 100%;}
ul.globalnav_sp li a {display: block;	color:#333;	background: #fff;	font-size: 15px;	letter-spacing: 0.1em;	text-decoration: none;	text-align: left;	padding: 10px 20px;	border-bottom: 1px solid #666699;	border-right: 1px solid #666699;}
ul.globalnav_sp li.nowpage a {background:#333;	color: #fff;}
ul.globalnav_sp a:hover {background:#333;	color: #fff;}

/* -------------------------------------------------------------
topimg
------------------------------------------------------------- */
.topimg_area{width:100%;  overflow-x:hidden; background: #00316c; text-align:center;}
.topimg_area h1 img{width:100%; height:auto; max-width: 950px;}

/* -------------------------------------------------------------
midashi
------------------------------------------------------------- */
h1 img{width:100%;	max-width: 100%;	height: auto; 	margin-top:0;}
h2.goodsh {font-size: 1.5em !important; margin: 0 0 1em 0 !important; 	color: #333 !important; }
h2.goodsh i{color: #c3292f;}
h3 {font-size: 1.3em;	font-weight: bold;}
h3.traffic{font-size: 1.1em;	text-transform: uppercase;	color: #601986;	clear: left;	border-left-width: 3px;	border-left-style: solid;	border-left-color: #601986;	text-indent: 8px;	margin-top: 0;	margin-right: 0;	margin-bottom: 0.5em;	margin-left: 0;}
.gkome{margin:15px auto 15px auto;}

/* -------------------------------------------------------------
　グッズ販売
------------------------------------------------------------- */
.goods_area{padding:0;	margin:0;	width:100%;}
.goods{border: solid 1px #ccc;	width: 32%;	height: auto;	padding:7px 0;	margin-right:1%;	margin-bottom:10px;	float: left;}
.standard{font-size: 13px;}
dl.standard{padding:7px 20px;	line-height:1.5;}
.standard dt{float: left;}
.standard dd{margin-left: 40px;}
.gformbg{background: #003170;}


hr.style-one {border: 0; height: 1px; background: #333;
    background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc);
    background-image:    -moz-linear-gradient(left, #ccc, #333, #ccc);
    background-image:     -ms-linear-gradient(left, #ccc, #333, #ccc);
    background-image:      -o-linear-gradient(left, #ccc, #333, #ccc);
}

.tantou{border: solid 1px #333;	padding:10px;	font-weight:bold;	line-height:1.8;	border-radius: 5px;	margin-top:15px;}

/* -------------------------------------------------------------
FOOTER / copylight
------------------------------------------------------------- */
footer {width:100%; overflow-x:hidden; overflow-y:hidden; background: #00316c; color: #555; font-size:14px; padding:25px 0 0 0; color:#fff; margin-top:50px; clear: both;}
footer div.footer_area{width: 100%; max-width: 950px; margin-left: auto; margin-right: auto; padding: 0;}
footer div.logo_area{float:left; width: 310px; padding: 5px 0 0 0;  text-align: center;}
footer div.fb_area{float:right; width:500px; height:auto; margin-right:50px; margin-bottom:50px;}

.up a { display: block; text-align: right; 	margin: 0 auto; }
ul.staff {margin-top:25px;}
ul.staff li{line-height:1.5;}
.copyR{text-align: center !important;padding-bottom:10px; font-size:12px;}  

/* -------------------------------------------------------------
OTHER
------------------------------------------------------------- */

.icon01{position:relative; line-height:33px; padding-left:1.5em;}
.icon01:before{position:absolute;left:0; content:""; display:inline-block; width:30px; height:30px; background:url(../../../img/icon/icon01.png) no-repeat;  background-size: contain; vertical-align: middle;}

.icon02{position:relative; line-height:28px;	padding-left:1.5em;}
.icon02:before{position:absolute; left:0; content:""; display:inline-block; width:25px; height:25px; background:url(../../../img/icon/icon02.png) no-repeat; background-size: contain; vertical-align: middle;}


/* -------------------------------------------------------------
common
------------------------------------------------------------- */
.floatL {float: left;}
.floatR{float: right;}
.clear {clear:both;}
.textc{text-align: center !important;}
.pt80{padding-top:80px;}
.mt50{margin-top:50px; }
.mt35{margin-top:35px;}
.mt15{margin-top:15px;}
.mt10{margin-top:10px;}
.mt5{margin-top:5px;}
.mb5{margin-bottom:5px;}
.mb15{margin-bottom:15px;}
.mb35{margin-bottom:35px;}
.mb50{margin-bottom:50px;}
.ml5{margin-left:5px;}
.ml15{margin-left:15px;}
.mr10{margin-right:10px;}
.lh14{line-height: 1.4;}
.lh15{line-height: 1.5;}
.lh16{line-height: 1.6;}
.lh25{line-height: 2.5;}
.lh3{line-height: 3;}
.bold {font-weight:bold;}
small{font-size: 0.9em;	font-weight:bold;	padding-left:15px;}
.coach{font-size: 1.15em;	font-weight:bold;}
.coach02{font-size: 0.9em;}
.emp{font-size: 1.15em;	font-weight:bold;}
.emp02{font-size: 1.3em;	font-weight:bold;}
.small {font-size: 0.6em;}
.small02 {font-size: 0.9em;	padding-left: 15px;}
.white {font-size: 1em;	line-height: 180%;	color: #FFF;	font-weight: bold;}
.gray {color: #CCC;}
.red {color: #C30;}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc {display: block !important;}
.sp {display: none !important; }

@media only screen and (max-width: 959px) {
	.pc {display: none !important;}
	.sp {display: block !important; margin:0 auto;}
}

@media only screen and (min-width: 481px) {
	.pc-tbl {display: block !important;}
	.sp-tbl {display:none !important;}
}

@media only screen and (max-width: 480px) {
	.pc-tbl {display: none !important;} 
	.sp-tbl {display:block !important;}
}


@media only screen and (max-width: 479px) {
	.pc_s { display: none !important; }
	.sp_s { display: block !important; margin:0 auto; }
}


/*--------------------------------------------------------------------
　レスポンシブ
--------------------------------------------------------------------*/
@media screen and (max-width: 1100px) { 
	.toplogo {height:45px;top:27px;}
	header nav {top:36px; left:180px;}
	header nav ul li {font-size:13px;  padding: 0px 10px 0px 10px;}
}

/* =============== 	タブレット向け */
@media screen and (min-width: 480px) and (max-width: 959px) {
	
	#Pagetop {display: block !important;}
	.timg{margin-top:80px;}
	p {margin:0;}
	.container {width: 94%; margin-left: auto; margin-right: auto;}
	.p_data dt{float:none;}
	.p_data dd{width:97%;}
	.c_info{width:70%;}
	.sc_info_img{width:35%; margin-top:5px; margin-right:10px; margin-bottom:0; clear: both;}
	.sc_info_p{width:60%; padding:0; margin-bottom:0px}
	.ctitle{clear: both; padding-top:20px;}
	.entry {display: none;}
	.parent {position: static;}
	label[for="one"],label[for="two"],label[for="three"],label[for="four"],label[for="five"],label[for="six"]{width:49%;}
	.goods{border: solid 1px #ccc;	width: 47%;	height: auto;	padding:7px 0;	margin-right:1%;	margin-bottom:10px;	float: left;}
	.standard{font-size: 12px;}
	dl.standard{padding:7px 3px; }

}


/* =============== 	スマホ向け */

@media screen and (max-width: 479px) {
	body {font-size: 14px;	line-height: 1.5;	}
	body{width:100%; overflow-x:hidden;}
	.wrapper{width:100%; overflow-x:hidden;}
	.wrapper img {border-radius: 5px;}
	.container {width: 94%; margin-left: auto; margin-right: auto;}
	section {width: 100%; overflow:hidden; padding:0;}

	#Pagetop {display: block !important;}

	h1 img{width:100%; max-width: 100%;	height: auto; margin-top:0;}
	h2.goodsh {font-size: 1.3em !important; margin: 0 0 1em 0 !important; 	color: #333 !important; }
	h2 {font-size: 1.3em; margin: 0 0 1em 0; color: #333; line-height: 1;}
	h3 {font-size: 1.3em; font-weight: bold; width:100%; margin:0 auto;}
	.icon01{position:relative; line-height:22px; padding-left:1.5em;}
	.icon01:before{position:absolute;left:0; content:""; display:inline-block; width:20px; height:20px; background:url(../../../img/icon/icon01.png) no-repeat;  background-size: contain; vertical-align: middle;}
	.icon02{position:relative; line-height:22px;	padding-left:1.5em;}
	.icon02:before{position:absolute; left:0; content:""; display:inline-block; width:20px; height:20px; background:url(../../../img/icon/icon02.png) no-repeat; background-size: contain; vertical-align: middle;}

	label[for="one"],label[for="two"],label[for="three"],label[for="four"],label[for="five"],label[for="six"]{width:48%; font-size: 13px; }
	.stitle{font-size: 1em; margin:35px 0;}

	
	.goods{width: 90%; margin:0 auto 10px auto; float:none;}

	/* -------------------------------------------------------------
　	フッター
	------------------------------------------------------------- */
	footer div.logo_area{display: none;}
	footer div.fb_area{float:none; margin:0 auto; width:auto; padding:25px;}
	ul.staff {display: none;}
	.copyR{font-size:10px;} 
}
	
@media screen and (min-width:959px){
#Pagetop {
	display: none;

}
}

.pagetop {
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 9999;
}