@charset "UTF-8";
/* CSS Document */


@media(max-width:599px){
	/* スマホ表示OFF */
	.sp_off{
		display:none;
	}

}
@media(min-width:600px) and (max-width:959px){
	/* タブレット表示OFF */
	.tb_off{
		display:none;
	}
}
@media(min-width:960px){
	/* PC表示OFF */
	.pc_off{
		display:none;
	}

.mt20{margin-top:20px;}

}


/*初期設定及びリセット*/
html, body, img, p, a, ul, li, strong, h1, h2, h3, h4, h5, table, tr, td, th, {
	margin:0;
	padding:0;
	font-size:10.5pt;
	color:#414141;
}
html{
	margin:0;
	padding:0;
	font-size:10.5pt;
	color:#414141;
}
body{
	margin:0;
	padding:0;
}
ul{
	margin:0;
	padding:0;
}
p{
	margin:0;
	padding:0;
}
article{
	line-height:1.8em;
}
h1{
	margin:0;
	padding:0;
}

html{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

@media(min-width:960px){
	body{
		min-width:960px;
	}
}

ul li{
	border:none;
	list-style:none;
}

img{
	max-width:100%;
	height:auto;
	vertical-align:bottom;
}

/* テキストリンクの色 */
a:link {
  color: #2E3191;
  text-decoration: none;
  transition: all 0.3s ease;
}
a:hover {
	color:#F0B039;
  opacity: 0.5;
}
a:visited {
  color: #2E3191;
  text-decoration: none;
}
a:active {
  color: #2E3191;
  text-decoration: none;
}
.button_opa80:hover{
	opacity:0.8;
}

/* フロートクリア */
header:after, nav:after, #content_box:after, .b_float:after, .b_float_web:after, .b_box01:after, #f_box01 ul:after, #f_box01:after, .top_box01:after, #pick_box ul:after, .b_float, .b_float_web{
	content:"";
	clear:both;
	display:block;
}


/* 文字装飾 */
.yellow_marker{
	background-color:#FFE692;
	padding:1px 0;
}
.red_moji{
	color:#D73B15;
}


/* ヘッダー */
@media(min-width:600px){
	header{
		margin:0 auto;
	}
	.h_logo, .h_tel{
		float:left;
	}
	.h_cart{
		float:right;
	}
}
@media(min-width:960px){
	header{
		width:960px;
		padding:12px 0 11px 0;
	}
	.h_logo{
		width:270px;
	}
	.h_tel{
		width:440px;
		padding-left:48px;
	}
	.h_cart{
		width:105px;
		height:77px;
		box-shadow:#BFBFBF 1px 1px 1px;
		border-radius:5px;
	}
	header a:hover{
		opacity:0.8;
	}
}
@media(min-width:600px) and (max-width:959px){
	header{
		width:100%;
	}
	.h_logo{
		width:31.5%;
		margin:1% 0 0 1%;
	}
	.h_tel{
		width:47%;
		margin-top:1%;
	}
	.h_cart{
		width:11.1%;
		box-shadow:#BFBFBF 1px 1px 1px;
		border-radius:5px;
		margin:1%;
	}
}
@media(min-width:420px) and (max-width:599px){
	.sp_top_f_left{
		padding:3% 10% 0% 5%;
		float:left;
		width:48%;
		box-sizing:border-box;
	}
	.nav-open{
		width:13.5%;
	}
	.sp_top_f_right{
		width:11.54%;
	}
}
@media(max-width:419px){
	.sp_top_f_left{
		padding:4% 5% 2% 5%;
		float:left;
		width:48%;
		box-sizing:border-box;
	}
	.nav-open{
		width:18%;
	}
	.sp_top_f_right{
		width:15.475%;
	}
}
@media(max-width:599px){
	header{
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+90,e5e5e5+100 */
		background: #ffffff; /* Old browsers */
		background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 90%, #e5e5e5 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(90%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 90%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #ffffff 0%,#ffffff 90%,#e5e5e5 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #ffffff 0%,#ffffff 90%,#e5e5e5 100%); /* IE10+ */
		background: linear-gradient(to bottom, #ffffff 0%,#ffffff 90%,#e5e5e5 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
		width:100%;
		margin-bottom:3%;
	}
	.nav-open{
		float:right;
		margin:0;
	}
	#gNav{
		width: 100%;
		position: absolute;
		top: -800px;
		z-index: 100;
		transition: top 1s;
		-webkit-transition: top 1s;
		-moz-transition: top 1s;
		text-align: center;
		background:#F19500;
		margin:top
	}
	#gNav:target {
		top: 0px;
	}
	#gNav a{
		color:#FFF;
		text-decoration:none;
		font-size:15px;
	}
	.nav-close{
		padding:2%;
	}
	.sp_top_f_right{
		float:right;
	}
	#gNav li{
		text-align:left;
		padding:2% 0 2% 3%;
		border-bottom:#FFF 1px solid;
	}
	#gNav li a{
		display:block;
		height: 30px;
		padding-left: 13%;
		padding-top: 2%;
	}
}
.sp_nav01{
	background:url(../img/sp/sp_icon01_home.png) no-repeat;
	background-size:contain;
}
.sp_nav02{
	background:url(../img/sp/sp_icon02_itemlist.png) no-repeat;
	background-size:contain;
}
.sp_nav03{
	background:url(../img/sp/sp_icon03_ex.png) no-repeat;
	background-size:contain;
}
.sp_nav04{
	background:url(../img/sp/sp_icon04_kodawari.png) no-repeat;
	background-size:contain;
}
.sp_nav05{
	background:url(../img/sp/sp_icon05_hakko.png) no-repeat;
	background-size:contain;
}
.sp_nav06{
	background:url(../img/sp/sp_icon06_kenko.png) no-repeat;
	background-size:contain;
}
.sp_nav07{
	background:url(../img/sp/sp_icon07_voice.png) no-repeat;
	background-size:contain;
}
.sp_nav08{
	background:url(../img/sp/sp_icon08_qa.png) no-repeat;
	background-size:contain;
}
.sp_nav09{
	background:url(../img/sp/sp_icon09_new.png) no-repeat;
	background-size:contain;
}
.sp_nav10{
	background:url(../img/sp/sp_icon10_cart.png) no-repeat;
	background-size:contain;
}




/* グローバルナビゲーション */
@media(min-width:600px){
	#nav_bottom{
		width:100%;
		border-bottom:#CBCBCB 1px solid;
		margin-bottom:15px;
	}
	nav{
		max-width:960px;
		margin:0 auto;
	}
	nav a{
		display:block;
		margin:0 auto;
		max-width:145px;
	}
	nav li{
		float:left;
		width:16.666666%;
	}
}
@media(min-width:960px){
	nav a{
		height:60px;
	}
}
.nav01:hover{background:url(../img/nav01_conduct_hover.jpg) no-repeat;}
.nav02:hover{background:url(../img/nav02_ex_hover.jpg) no-repeat;}
.nav03:hover{background:url(../img/nav03_policy_hover.jpg) no-repeat;}
.nav04:hover{background:url(../img/nav04_qa_hover.jpg) no-repeat;}
.nav05:hover{background:url(../img/nav05_profile_hover.jpg) no-repeat;}
.nav06:hover{background:url(../img/nav06_contact_hover.jpg) no-repeat;}
.nav01 a, .nav02 a, .nav03 a, .nav04 a, .nav05 a, .nav06 a{display:inline-block;}
.nav01 a:hover, .nav02 a:hover, .nav03 a:hover, .nav04 a:hover, .nav05 a:hover, .nav06 a:hover{background-color:transparent;}
.nav01 a:hover img, .nav02 a:hover img, .nav03 a:hover img, .nav04 a:hover img, .nav05 a:hover img, .nav06 a:hover img{visibility:hidden;}
.nav01 a, .nav01, .nav02 a, .nav02, .nav03 a, .nav03, .nav04 a, .nav04, .nav05 a, .nav05, .nav06 a, .nav06{background-size:contain;}




/* メインコンテンツ */
@media(min-width:960px){
	#content_box{
		width:960px;
		margin:0 auto;
		padding:10px 15px;
		box-sizing:border-box;
	}
	article{
		float:left;
		width:720px;
	}
	.top_box01{
		width:720px;
		padding:15px 0 40px;
	}
	#pick_box{
		float:left;
		width:440px;
	}
	#nav_bottom{
		float:right;
	}
	#pick_box ul{
		width:429px;
		display:flex;
	}
	#pick_box li{
		width:135px;
		float:left;
		padding:11px;
		border:#CBCBCB 1px solid;
		box-sizing:border-box;
		margin-right:8px;
		line-height:13pt;
		text-align:justify;
		text-justify:inter-ideograph;
		margin-bottom:5px;
	}
	.pick_name{
		font-size:10pt;
		font-weight:bold;
		display:block;
		text-align:center;
	}
	.pick_text{
		font-size:9pt;
	}
	#news_box{
		width:280px;
		height:232px;
		float:right;
	}
	.top_bannar{
		padding-bottom:30px;
	}
	.top_bannar a:hover{
		opacity:0.8;
	}
	#news_box dt{
		font-size:8pt;
		color:#808080;
		padding:4px 5px 0 0;
		clear:left;
	}
	#news_box dl{
		height:205px;
		overflow:auto;
		margin:0;
	}
	#news_box dd{
		font-size:10pt;
		text-decoration:none;
		margin-left:1px;
		padding-top:4px;
	}
	#news_box dt, #news_box dd{
		float:left;
	}
	#news_box dl:after{
		content:"";
		clear:both;
		display:block;
	}
	.bannar_margin{
		padding-right:3px;
	}


}
@media(min-width:600px) and (max-width:959px){
	#content_box{
		width:100%;
		margin:0 auto;
		padding:2%;
		box-sizing:border-box;
	}
	article{
		float:left;
		width:75%;
	}
	.top_box01{
		width:100%;
		padding:5% 0 2% 0;
	}
	#pick_box{
		float:left;
		width:60%;
	}
	#nav_bottom{
		float:right;
	}
	#pick_box li{
		width:32.3333333%;
		float:left;
		padding:2%;
		border:#CBCBCB 1px solid;
		box-sizing:border-box;
		margin-right:1%;
		line-height:110%;
		text-align:justify;
		text-justify:inter-ideograph;
		min-height:190px;
	}
	.pick_name{
		font-size:10pt;
		font-weight:bold;
		display:block;
		text-align:center;
	}
	.pick_text{
		font-size:9pt;
	}
	#news_box{
		width:39%;
		float:right;
	}
	.top_bannar{
		padding-bottom:5%;
	}
	.top_bannar a{
		display:inline-block;
		width:32.4%;
	}
	#news_box dt{
		font-size:8pt;
		color:#808080;
		display:block;
	}
	#news_box dl{
		height:200px;
		overflow:auto;
		margin:1% 0 0 0;
	}
	#news_box dd{
		font-size:11pt;
		text-decoration:none;
		line-height:100%;
		display:block;
		padding-bottom:5%;
		margin:0;
	}
}
@media(max-width:599px){
	#content_box{
		width:100%;
		margin:0 auto;
		box-sizing:border-box;
	}
	article{
		float:left;
	}
	.top_box01{
		padding:5% !important;
	}
	#nav_bottom{
		float:right;
	}
	#pick_box li{
		padding:3%;
		border:#CBCBCB 1px solid;
		box-sizing:border-box;
		margin-right:1%;
		line-height:110%;
		text-align:justify;
		text-justify:inter-ideograph;
		margin:2% 0;
	}
	#pick_box li:after{
		content:"";
		display:block;
		clear:both;
	}
	.sp_pick_ph{
		float:left;
		padding-right:2%;
		display:block;
		width:35%;
	}
	.pick_name{
		font-size:12pt;
		font-weight:bold;
		display:block;
	}
	.pick_text{
		font-size:9pt;
		display:block;
	}
	.sp_pickup_button{
		float:right;
		width:56%;
		box-shadow:#CCC 1px 1px 1px;
		border-radius:5px;
		margin:2% 2% 0 0;
	}
	#news_box{
		float:right;
		width:100%;
	}
	.top_bannar{
		padding:0 2% 5% 2%;
	}
	.top_bannar a{
		display:inline-block;
		width:49%;
		padding-bottom:2%;
	}
	#news_box dt{
		font-size:8pt;
		color:#808080;
		padding-right:4%;
	}
	#news_box dl{
		height:190px;
		overflow:auto;
		padding-top:1%;
		margin:0;
	}
	#news_box dd{
		font-size:11pt;
		text-decoration:none;
		line-height:100%;
		padding-bottom:1%;
		margin:0;
	}
}







/* サイドメニュー */
@media(min-width:960px){
	aside{
		float:right;
		width:185px;
	}
	aside a:link{
		opacity:0.8;
	}
	.side_title01, .side_title02, .side_title03{
		padding:5px 0 0 28px;
		height:30px;
		box-sizing:border-box;
		font-size:10.5pt;
		font-weight:600;
		border-top-right-radius:5px;
		border-top-left-radius:5px;
	}
	.side_title01{
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f4f4eb+50,ebebd9+51,c7c7bd+100 */
		background: url(../img/side_title_icon01.png) no-repeat 1% 50%, #ffffff; /* Old browsers */
		background: url(../img/side_title_icon01.png) no-repeat 1% 50%, -moz-linear-gradient(top, #ffffff 0%, #f4f4eb 50%, #ebebd9 51%, #c7c7bd 100%); /* FF3.6+ */
		background: url(../img/side_title_icon01.png) no-repeat 1% 50%, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f4f4eb), color-stop(51%,#ebebd9), color-stop(100%,#c7c7bd)); /* Chrome,Safari4+ */
		background: url(../img/side_title_icon01.png) no-repeat 1% 50%, -webkit-linear-gradient(top, #ffffff 0%,#f4f4eb 50%,#ebebd9 51%,#c7c7bd 100%); /* Chrome10+,Safari5.1+ */
		background: url(../img/side_title_icon01.png) no-repeat 1% 50%, -o-linear-gradient(top, #ffffff 0%,#f4f4eb 50%,#ebebd9 51%,#c7c7bd 100%); /* Opera 11.10+ */
		background: url(../img/side_title_icon01.png) no-repeat 1% 50%, -ms-linear-gradient(top, #ffffff 0%,#f4f4eb 50%,#ebebd9 51%,#c7c7bd 100%); /* IE10+ */
		background: url(../img/side_title_icon01.png) no-repeat 1% 50%, linear-gradient(to bottom, #ffffff 0%,#f4f4eb 50%,#ebebd9 51%,#c7c7bd 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c7c7bd',GradientType=0 ); /* IE6-9 */
		margin-bottom:15px;
	}
	.side_title02{
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d3e5a7+0,b7d56f+10,85c14a+80,6b9421+100 */
		background: url(../img/side_title_icon02.png) no-repeat 1% 50%, #d3e5a7; /* Old browsers */
		background: url(../img/side_title_icon02.png) no-repeat 1% 50%, -moz-linear-gradient(top, #d3e5a7 0%, #b7d56f 10%, #85c14a 80%, #6b9421 100%); /* FF3.6+ */
		background: url(../img/side_title_icon02.png) no-repeat 1% 50%, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d3e5a7), color-stop(10%,#b7d56f), color-stop(80%,#85c14a), color-stop(100%,#6b9421)); /* Chrome,Safari4+ */
		background: url(../img/side_title_icon02.png) no-repeat 1% 50%, -webkit-linear-gradient(top, #d3e5a7 0%,#b7d56f 10%,#85c14a 80%,#6b9421 100%); /* Chrome10+,Safari5.1+ */
		background: url(../img/side_title_icon02.png) no-repeat 1% 50%, -o-linear-gradient(top, #d3e5a7 0%,#b7d56f 10%,#85c14a 80%,#6b9421 100%); /* Opera 11.10+ */
		background: url(../img/side_title_icon02.png) no-repeat 1% 50%, -ms-linear-gradient(top, #d3e5a7 0%,#b7d56f 10%,#85c14a 80%,#6b9421 100%); /* IE10+ */
		background: url(../img/side_title_icon02.png) no-repeat 1% 50%, linear-gradient(to bottom, #d3e5a7 0%,#b7d56f 10%,#85c14a 80%,#6b9421 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3e5a7', endColorstr='#6b9421',GradientType=0 ); /* IE6-9 */
	}
	.side_title03{
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f1f1f1+49,e5e5e5+52,b2b2b2+100 */
		background: url(../img/side_title_icon01.png) no-repeat 1% 50%, #ffffff; /* Old browsers */
		background: url(../img/side_title_icon01.png) no-repeat 1% 50%, -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 49%, #e5e5e5 52%, #b2b2b2 100%); /* FF3.6+ */
		background: url(../img/side_title_icon01.png) no-repeat 1% 50%, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(49%,#f1f1f1), color-stop(52%,#e5e5e5), color-stop(100%,#b2b2b2)); /* Chrome,Safari4+ */
		background: url(../img/side_title_icon01.png) no-repeat 1% 50%, -webkit-linear-gradient(top, #ffffff 0%,#f1f1f1 49%,#e5e5e5 52%,#b2b2b2 100%); /* Chrome10+,Safari5.1+ */
		background: url(../img/side_title_icon01.png) no-repeat 1% 50%, -o-linear-gradient(top, #ffffff 0%,#f1f1f1 49%,#e5e5e5 52%,#b2b2b2 100%); /* Opera 11.10+ */
		background: url(../img/side_title_icon01.png) no-repeat 1% 50%, -ms-linear-gradient(top, #ffffff 0%,#f1f1f1 49%,#e5e5e5 52%,#b2b2b2 100%); /* IE10+ */
		background: url(../img/side_title_icon01.png) no-repeat 1% 50%, linear-gradient(to bottom, #ffffff 0%,#f1f1f1 49%,#e5e5e5 52%,#b2b2b2 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#b2b2b2',GradientType=0 ); /* IE6-9 */
	}
	.side_box01, .side_box02, .side_box03{
		border-radius:5px;
		margin-bottom:10px;
	}
	.side_box01{
		background:#FAFAF0;
		border:#D9D9BB 1px solid;
		padding-bottom:10px;
	}
	.side_box02{
		border:#6B9421 1px solid;
		padding-bottom:10px;
	}
	.side_box03{
		background:#FAFAFA;
		border:#CBCBCB 1px solid;
		padding-bottom:3px;
	}
	.side_title02 a{
		color:#FFF;
		text-shadow:#4F7736 1px 1px 1px;
	}
	#s_pass_lost{
		font-size:9pt;
		text-align:center;
		width:100%;
		line-height:0;
		padding:5px 0 15px 0;
	}
	.s_cart01{
	}
	.s_cart02{
		display:inline-block;
		width:105px;
		text-align:right;
	}
	#s_cart_text{
		font-size:9.5pt;
		font-weight:600;
		width:165px;
		margin:0 auto;
	}
	.cart_orange{
		color:#F19500;
	}
	.cart_small{
		font-size:7pt;
	}
	.side_box02 ul, .side_box03 ul{
		width:165px;
		padding:0 10px;
		line-height:120%;
		overflow:hidden;
	}
	.side_box02 li, .side_box03 li{
		border-top:#CBCBCB 1px dashed;
		padding:10px 0;
		margin-top:-1px;
	}
	.colum_date{
		font-size:9pt;
		color:#808080;
		display:block;
	}
	.colum_title a{
		font-size:16px;
		color:#000;
	}
	.colum_link{
		background:url(../img/colum_arrow.jpg) no-repeat 0 70%;
		width:165px;
		margin:0 auto;
		padding:8px 0 0 18px;
		box-sizing:border-box;
		border-top:#CBCBCB 1px dashed;
	}
	.side_box03 li{
		background:url(../img/s_suport_arrow.jpg) no-repeat 0 50%;
		padding-left:10px;
		line-height:150%;
	}
}
@media(min-width:600px) and (max-width:959px){
	aside{
		float:right;
		width:25%;
		padding-left:2%;
		box-sizing:border-box;
	}
	aside a:link{
		opacity:0.8;
	}
	.side_title01, .side_title02, .side_title03{
		height:30px;
		box-sizing:border-box;
		font-weight:600;
		border-top-right-radius:5px;
		border-top-left-radius:5px;
	}
	.side_title01{
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f4f4eb+50,ebebd9+51,c7c7bd+100 */
		background: url(../img/side_title_icon01.png) no-repeat 1% 50%, #ffffff; /* Old browsers */
		background: url(../img/side_title_icon01.png) no-repeat 1% 50%, -moz-linear-gradient(top, #ffffff 0%, #f4f4eb 50%, #ebebd9 51%, #c7c7bd 100%); /* FF3.6+ */
		background: url(../img/side_title_icon01.png) no-repeat 1% 50%, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f4f4eb), color-stop(51%,#ebebd9), color-stop(100%,#c7c7bd)); /* Chrome,Safari4+ */
		background: url(../img/side_title_icon01.png) no-repeat 1% 50%, -webkit-linear-gradient(top, #ffffff 0%,#f4f4eb 50%,#ebebd9 51%,#c7c7bd 100%); /* Chrome10+,Safari5.1+ */
		background: url(../img/side_title_icon01.png) no-repeat 1% 50%, -o-linear-gradient(top, #ffffff 0%,#f4f4eb 50%,#ebebd9 51%,#c7c7bd 100%); /* Opera 11.10+ */
		background: url(../img/side_title_icon01.png) no-repeat 1% 50%, -ms-linear-gradient(top, #ffffff 0%,#f4f4eb 50%,#ebebd9 51%,#c7c7bd 100%); /* IE10+ */
		background: url(../img/side_title_icon01.png) no-repeat 1% 50%, linear-gradient(to bottom, #ffffff 0%,#f4f4eb 50%,#ebebd9 51%,#c7c7bd 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c7c7bd',GradientType=0 ); /* IE6-9 */
		margin-bottom:5%;
	}
	.side_title02{
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d3e5a7+0,b7d56f+10,85c14a+80,6b9421+100 */
		background: url(../img/side_title_icon02.png) no-repeat 1% 50%, #d3e5a7; /* Old browsers */
		background: url(../img/side_title_icon02.png) no-repeat 1% 50%, -moz-linear-gradient(top, #d3e5a7 0%, #b7d56f 10%, #85c14a 80%, #6b9421 100%); /* FF3.6+ */
		background: url(../img/side_title_icon02.png) no-repeat 1% 50%, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d3e5a7), color-stop(10%,#b7d56f), color-stop(80%,#85c14a), color-stop(100%,#6b9421)); /* Chrome,Safari4+ */
		background: url(../img/side_title_icon02.png) no-repeat 1% 50%, -webkit-linear-gradient(top, #d3e5a7 0%,#b7d56f 10%,#85c14a 80%,#6b9421 100%); /* Chrome10+,Safari5.1+ */
		background: url(../img/side_title_icon02.png) no-repeat 1% 50%, -o-linear-gradient(top, #d3e5a7 0%,#b7d56f 10%,#85c14a 80%,#6b9421 100%); /* Opera 11.10+ */
		background: url(../img/side_title_icon02.png) no-repeat 1% 50%, -ms-linear-gradient(top, #d3e5a7 0%,#b7d56f 10%,#85c14a 80%,#6b9421 100%); /* IE10+ */
		background: url(../img/side_title_icon02.png) no-repeat 1% 50%, linear-gradient(to bottom, #d3e5a7 0%,#b7d56f 10%,#85c14a 80%,#6b9421 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3e5a7', endColorstr='#6b9421',GradientType=0 ); /* IE6-9 */
	}
	.side_title03{
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f1f1f1+49,e5e5e5+52,b2b2b2+100 */
		background: url(../img/side_title_icon01.png) no-repeat 1% 50%, #ffffff; /* Old browsers */
		background: url(../img/side_title_icon01.png) no-repeat 1% 50%, -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 49%, #e5e5e5 52%, #b2b2b2 100%); /* FF3.6+ */
		background: url(../img/side_title_icon01.png) no-repeat 1% 50%, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(49%,#f1f1f1), color-stop(52%,#e5e5e5), color-stop(100%,#b2b2b2)); /* Chrome,Safari4+ */
		background: url(../img/side_title_icon01.png) no-repeat 1% 50%, -webkit-linear-gradient(top, #ffffff 0%,#f1f1f1 49%,#e5e5e5 52%,#b2b2b2 100%); /* Chrome10+,Safari5.1+ */
		background: url(../img/side_title_icon01.png) no-repeat 1% 50%, -o-linear-gradient(top, #ffffff 0%,#f1f1f1 49%,#e5e5e5 52%,#b2b2b2 100%); /* Opera 11.10+ */
		background: url(../img/side_title_icon01.png) no-repeat 1% 50%, -ms-linear-gradient(top, #ffffff 0%,#f1f1f1 49%,#e5e5e5 52%,#b2b2b2 100%); /* IE10+ */
		background: url(../img/side_title_icon01.png) no-repeat 1% 50%, linear-gradient(to bottom, #ffffff 0%,#f1f1f1 49%,#e5e5e5 52%,#b2b2b2 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#b2b2b2',GradientType=0 ); /* IE6-9 */
	}
	.side_box01, .side_box02, .side_box03{
		border-radius:5px;
		margin-bottom:10px;
	}
	.side_box01{
		background:#FAFAF0;
		border:#D9D9BB 1px solid;
		padding-bottom:10px;
	}
	.side_box02{
		border:#6B9421 1px solid;
		padding-bottom:10px;
		font-size:90%;
	}
	.side_box03{
		background:#FAFAFA;
		border:#CBCBCB 1px solid;
		padding-bottom:3px;
		font-size:90%;
	}
	.side_title02 a{
		color:#FFF;
		text-shadow:#4F7736 1px 1px 1px;
	}
	#s_pass_lost{
		font-size:9pt;
		text-align:center;
		width:100%;
		line-height:0;
		padding:5px 0 15px 0;
	}
	.s_cart01{
		display:block;
	}
	.s_cart02{
		display:inline-block;
		width:100%;
		text-align:right;
		border-bottom:#DDD 1px solid;
		margin-bottom:3%;
	}
	#s_cart_text{
		font-size:9.5pt;
		font-weight:600;
		width:85%;
		margin:0 auto;
	}
	.cart_orange{
		color:#F19500;
	}
	.cart_small{
		font-size:7pt;
	}
	.side_box02 ul, .side_box03 ul{
		padding:0 6%;
		line-height:120%;
		overflow:hidden;
		box-sizing:border-box;
	}
	.side_box02 li, .side_box03 li{
		border-top:#CBCBCB 1px dashed;
		padding:10px 0;
		margin-top:-1px;
	}
	.colum_date{
		font-size:9pt;
		color:#808080;
		display:block;
	}
	.colum_title a{
		font-size:16px;
		color:#000;
	}
	.colum_link{
		background:url(../img/colum_arrow.jpg) no-repeat 0 70%;
		width:85%;
		margin:0 auto;
		padding:8px 0 0 18px;
		box-sizing:border-box;
		border-top:#CBCBCB 1px dashed;
	}
	.side_box03 li{
		background:url(../img/s_suport_arrow.jpg) no-repeat 0 50%;
		padding-left:10px;
		line-height:150%;
	}
}
@media(min-width:790px) and (max-width:959px){
	.side_title01, .side_title02, .side_title03{
		padding:5px 0 0 28px;
		font-size:87%;
	}
}
@media(min-width:600px) and (max-width:789px){
	.side_title01, .side_title02, .side_title03{
		padding:7px 0 0 28px;
		font-size:50%;
	}
}



/* 下部購入方法インフォメーション */
@media(min-width:960px){
	#bottom_info{
		text-align:justify;
		text-justify:inter-ideograph;
		clear:both;
	}
	#bay_info{
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f8f8f8+60,e5e5e5+90,b2b2b2+100 */
		background: url(../img/side_title_icon01.png) no-repeat 1% 50%, #ffffff; /* Old browsers */
		background: url(../img/side_title_icon01.png) no-repeat 1% 50%, -moz-linear-gradient(top, #ffffff 0%, #f8f8f8 60%, #e5e5e5 90%, #b2b2b2 100%); /* FF3.6+ */
		background: url(../img/side_title_icon01.png) no-repeat 1% 50%, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(60%,#f8f8f8), color-stop(90%,#e5e5e5), color-stop(100%,#b2b2b2)); /* Chrome,Safari4+ */
		background: url(../img/side_title_icon01.png) no-repeat 1% 50%, -webkit-linear-gradient(top, #ffffff 0%,#f8f8f8 60%,#e5e5e5 90%,#b2b2b2 100%); /* Chrome10+,Safari5.1+ */
		background: url(../img/side_title_icon01.png) no-repeat 1% 50%, -o-linear-gradient(top, #ffffff 0%,#f8f8f8 60%,#e5e5e5 90%,#b2b2b2 100%); /* Opera 11.10+ */
		background: url(../img/side_title_icon01.png) no-repeat 1% 50%, -ms-linear-gradient(top, #ffffff 0%,#f8f8f8 60%,#e5e5e5 90%,#b2b2b2 100%); /* IE10+ */
		background: url(../img/side_title_icon01.png) no-repeat 1% 50%, linear-gradient(to bottom, #ffffff 0%,#f8f8f8 60%,#e5e5e5 90%,#b2b2b2 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#b2b2b2',GradientType=0 ); /* IE6-9 */
		border:#CBCBCB 1px solid;
		border-radius:5px;
		font-size:16pt;
		font-weight:bold;
		padding:10px 0 10px 36px;
		box-sizing:border-box;
	}
	.b_title{
		background:url(../img/b_circle.jpg) no-repeat 0 50%;
		padding-left:15px;
		font-weight:600;
		font-size:14pt;
		margin:15px 0 0 10px;
	}
	.b_float{
		font-size:10pt;
		line-height:145%;
		padding:5px 0;
	}
	.b_float, .b_float_web{
		padding:0 10px 0 30px;
	}
	.b_float p, .b_float_web p{
		float:left;
		margin:6px 0;
	}
	.tel_text, .fax_text{
		padding-left:10px;
	}
	.web_text{
		padding:5px 0 0 10px;
	}
	.b_line{
		width:100%;
		border-top:#CBCBCB 1px dashed;
		margin-top:10px;
	}
	.b_box01{
		padding:5px 0 0 25px;
		box-sizing:border-box;
	}
	.b_box01 p{
		margin:0 0 1px 0;
	}
	.b_paybox01{
		float: left;
    width: 58%;
    margin-right: 4%;
    padding-top: 3px;
	}
	.b_paybox01 img{margin-top: 6px;}
	.b_paybox02{
		float: right;
		width: 38%;
		padding-top: 3px;
	}
	.b_pay_title{
		border:#F29600 1px dashed;
		background:#FFF2CC;
		padding:3px 8px;
		border-radius:5px;
		line-height:150%;
		display:inline-block;
	}
}
@media(min-width:600px) and (max-width:959px){
	#bottom_info{
		font-size:10pt;
		text-align:justify;
		text-justify:inter-ideograph;
		clear:both;
	}
	#bay_info{
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f8f8f8+60,e5e5e5+90,b2b2b2+100 */
		background: url(../img/side_title_icon01.png) no-repeat 1% 50%, #ffffff; /* Old browsers */
		background: url(../img/side_title_icon01.png) no-repeat 1% 50%, -moz-linear-gradient(top, #ffffff 0%, #f8f8f8 60%, #e5e5e5 90%, #b2b2b2 100%); /* FF3.6+ */
		background: url(../img/side_title_icon01.png) no-repeat 1% 50%, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(60%,#f8f8f8), color-stop(90%,#e5e5e5), color-stop(100%,#b2b2b2)); /* Chrome,Safari4+ */
		background: url(../img/side_title_icon01.png) no-repeat 1% 50%, -webkit-linear-gradient(top, #ffffff 0%,#f8f8f8 60%,#e5e5e5 90%,#b2b2b2 100%); /* Chrome10+,Safari5.1+ */
		background: url(../img/side_title_icon01.png) no-repeat 1% 50%, -o-linear-gradient(top, #ffffff 0%,#f8f8f8 60%,#e5e5e5 90%,#b2b2b2 100%); /* Opera 11.10+ */
		background: url(../img/side_title_icon01.png) no-repeat 1% 50%, -ms-linear-gradient(top, #ffffff 0%,#f8f8f8 60%,#e5e5e5 90%,#b2b2b2 100%); /* IE10+ */
		background: url(../img/side_title_icon01.png) no-repeat 1% 50%, linear-gradient(to bottom, #ffffff 0%,#f8f8f8 60%,#e5e5e5 90%,#b2b2b2 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#b2b2b2',GradientType=0 ); /* IE6-9 */
		border:#CBCBCB 1px solid;
		border-radius:5px;
		font-size:135%;
		font-weight:bold;
		padding:3px 0 3px 36px;
		box-sizing:border-box;
	}
	.b_title{
		background:url(../img/b_circle.jpg) no-repeat 0 50%;
		padding-left:15px;
		font-weight:600;
		margin:15px 0 0 10px;
		font-size:1.3em;
	}
	.b_float{
		font-size:10pt;
		line-height:145%;
		padding:5px 0;
	}
	.b_float a{
		padding-left:17%;
		display:block;
	}
	.b_float p, .b_float_web p{
		padding:0 10px 0 30px;
	}
	.b_float_web p{
		float:left;
	}
	.b_line{
		width:100%;
		border-top:#CBCBCB 1px dashed;
		margin-top:10px;
	}
	.b_box01{
		padding:5px 0 0 25px;
		box-sizing:border-box;
	}
	.b_paybox01{
		float:left;
		width:48%;
		padding-top:3px;
	}
	.b_paybox01 img{margin-top: 6px;}
	.b_paybox02{
		float:right;
		width:48%;
		padding-top:3px;
	}
	.b_pay_title{
		border:#F29600 1px dashed;
		background:#FFF2CC;
		padding:0 5px;
		border-radius:5px;
		display:inline-block;
	}
}
@media(max-width:599px){
	#bottom_info{
		font-size:9pt;
		text-align:justify;
		text-justify:inter-ideograph;
		clear:both;
	}
	#bay_info{
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f8f8f8+60,e5e5e5+90,b2b2b2+100 */
		background: url(../img/side_title_icon01.png) no-repeat 1% 50%, #ffffff; /* Old browsers */
		background: url(../img/side_title_icon01.png) no-repeat 1% 50%, -moz-linear-gradient(top, #ffffff 0%, #f8f8f8 60%, #e5e5e5 90%, #b2b2b2 100%); /* FF3.6+ */
		background: url(../img/side_title_icon01.png) no-repeat 1% 50%, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(60%,#f8f8f8), color-stop(90%,#e5e5e5), color-stop(100%,#b2b2b2)); /* Chrome,Safari4+ */
		background: url(../img/side_title_icon01.png) no-repeat 1% 50%, -webkit-linear-gradient(top, #ffffff 0%,#f8f8f8 60%,#e5e5e5 90%,#b2b2b2 100%); /* Chrome10+,Safari5.1+ */
		background: url(../img/side_title_icon01.png) no-repeat 1% 50%, -o-linear-gradient(top, #ffffff 0%,#f8f8f8 60%,#e5e5e5 90%,#b2b2b2 100%); /* Opera 11.10+ */
		background: url(../img/side_title_icon01.png) no-repeat 1% 50%, -ms-linear-gradient(top, #ffffff 0%,#f8f8f8 60%,#e5e5e5 90%,#b2b2b2 100%); /* IE10+ */
		background: url(../img/side_title_icon01.png) no-repeat 1% 50%, linear-gradient(to bottom, #ffffff 0%,#f8f8f8 60%,#e5e5e5 90%,#b2b2b2 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#b2b2b2',GradientType=0 ); /* IE6-9 */
		border-top:#CBCBCB 1px solid;
		font-size:1.45em;
		font-weight:bold;
		padding:3.2% 0 3% 9%;
		box-sizing:border-box;
	}
	.b_title{
		background:url(../img/b_circle.jpg) no-repeat 0 50%;
		padding-left:15px;
		font-weight:600;
		margin:15px 0 0 10px;
		font-size:1.4em;
	}
	.b_float{
		line-height:145%;
		padding:1% 4%;
	}
	.b_float a{
		display:block;
	}
	.b_float_web p{
		padding:1% 2% 1% 4%;
	}
	.b_line{
		width:100%;
		border-top:#CBCBCB 1px dashed;
		margin-top:10px;
	}
	.b_box01{
		padding:2% 4%;
		box-sizing:border-box;
	}
	.b_paybox01{padding-bottom:3%;}
	.b_paybox01 img{margin-top: 6px;}
	.b_pay_title{
		border:#F29600 1px dashed;
		background:#FFF2CC;
		padding:0 5px;
		border-radius:5px;
		display:inline-block;
	}
	.sp_tel{
		padding:5% 0;
	}
}



/* フッター */
@media(min-width:960px){
	footer{
		background:#FAFAF0;
		border-top:#FFF 1px solid;
		padding:15px 0;
		box-shadow:#E3E3C7 0 -1px 0;
		margin-top:40px;
	}
	#f_box01{
		width:930px;
		margin:0 auto;
		font-size:9pt;
	}
	#f_box01 ul{
		float:left;
	}
	#f_box01 li{
		float:left;
		background:url(../img/f_arrow.jpg) no-repeat 0 50%;
		padding-left:7px;
		margin-left:15px;
	}
	#f_credit{
		float:right;
	}
}
@media(min-width:600px) and (max-width:959px){
	footer{
		background:#FAFAF0;
		border-top:#FFF 1px solid;
		padding:15px 0;
		box-shadow:#E3E3C7 0 -1px 0;
		margin-top:40px;
	}
	#f_box01{
		width:100%;
		margin:0 auto;
		font-size:9pt;
	}
	#f_box01 ul{
		padding-bottom:1%;
	}
	#f_box01 li{
		background:url(../img/f_arrow.jpg) no-repeat 0 50%;
		padding-left:7px;
		margin-left:15px;
	}
	#f_credit{
		margin:0 auto;
		display:block;
		width:70%;
		text-align:center;
	}
}
@media(max-width:599px){
	footer{
		background:#FAFAF0;
		border-top:#FFF 1px solid;
		padding:0 0 2% 0;
		box-shadow:#E3E3C7 0 -1px 0;
		margin-top:40px;
	}
	#f_box01{
		width:100%;
		margin:0 auto;
		font-size:9pt;
	}
	#f_box01 ul{
		padding-bottom:1%;
	}
	#f_box01 li{
		border-top:#FFFFFA 1px solid;
		border-bottom:#E6E6BE 1px solid;
	}
	#f_box01 li a{
		background:url(../img/f_arrow.jpg) no-repeat 0 50%;
		padding:2% 0 2% 3%;
		margin-left:5%;
		display:block;
	}
	#f_credit{
		margin:0 auto;
		display:block;
		width:70%;
		text-align:center;
		font-size:10px;
		padding-top:5px;
	}
}


/* スライド */
@media(min-width:960px){
	#stage {
		height:445px;
	}
}
#stage {
position: relative;
max-width:720px;
margin: 0 auto;
}
.pic {
position: absolute;
}
.pic img {
width: 100%;
height: auto;
opacity:0;
-moz-animation: imgTrans 15s infinite;
-webkit-animation: imgTrans 15s ease-in infinite;
animation: imgTrans 15s infinite;
}
#photo1 img {
-moz-animation-delay: 0s;
-webkit-animation-delay: 0s;
animation-delay: 0s;
}
#photo2 img {
-moz-animation-delay: 5s;
-webkit-animation-delay: 5s;
animation-delay: 5s;
}
#photo3 img {
-moz-animation-delay: 10s;
-webkit-animation-delay: 10s;
animation-delay: 10s;
}
@-webkit-keyframes imgTrans {
0% { opacity:0; }
7% { opacity:1; }
18% { opacity:1; }
30% { opacity:1; }
35% { opacity:0.3; }
40% { opacity:0; }
100% { opacity:0; }
}
@-moz-keyframes imgTrans {
0% { opacity:0; }
7% { opacity:1; }
18% { opacity:1; }
30% { opacity:1; }
35% { opacity:0.3; }
40% { opacity:0; }
100% { opacity:0; }
}
@keyframes imgTrans {
0% { opacity:0; }
7% { opacity:1; }
18% { opacity:1; }
30% { opacity:1; }
35% { opacity:0.3; }
40% { opacity:0; }
100% { opacity:0; }
}
/*170327追記*/
.topbnr_box{
letter-spacing: -.4em;
margin: 0 0 3%;
}
.topbnr_box li{
display: inline-block;
width: 49%;
letter-spacing: normal;
margin: 0 2% 2% 0;
}
.topbnr_box li:nth-child(2n){
margin: 0 0 2% 0;
}
.topbnr_box li img{
width: 100%;
height: auto;
}
.sp_pick_ph{
display: block;
}
@media screen and (max-width: 599px) {
.topbnr_box{
padding: 0 2%;
margin: 0 0 2% 0;
}
.topbnr_box li{
display: block;
width: 100%;
margin: 0 0 2%;
}
.topbnr_box li:nth-child(2n){
margin: 0 0 2%;
}
.topbnr_box li:last-child{
margin: 0;
}
}


.camp_bnr{margin: 0 0 40px 0;}
.camp_bnr a{display: block;}
@media screen and (max-width: 599px) {
.camp_bnr{margin: 20px 0 30px 0;}
}

.cbb_pc{margin-bottom:20px;}
.cbb_sp img{display: none;}
@media screen and (max-width: 599px) {
  .cbb_pc img{display: none;}
  .cbb_sp{margin-bottom: 10px;}
  .cbb_sp img{display: block;}
}