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

/*------------------------------------------------------------
	2018/9/5制作
------------------------------------------------------------*/

/*-----common------*/

#in_contents div:after{
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	content: " ";
}

body { font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", 'メイリオ', Meiryo, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "MS Pゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
 /*overflow-x: hidden;*/}

#in_contents{
	width: 100%;
	height: auto;
	background-color: white;
	margin: 0 auto;
	overflow:auto;
}

#in_contents ul:after{
	clear: both;
}

#in_contents .contents_box {
	height: auto;
	margin: 0 auto 50px;
	position: relative;
	text-align: center;
	overflow: hidden;
	_zoom: 1; /*IE6バグ対策*/
}

#in_contents .contents_back{
	width: 100%;
	height: auto;
}

#in_contents h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}

#in_contents nav, section, article, hgroup {
	display: block;
}

#in_contents a{
	outline: none;
	font-size: 0;
}

#in_contents img{
	vertical-align:bottom;
	border: 0;
	font-size: 0;/*-----inline-block隙間対応------*/
}

#in_contents * {
	margin: 0px;
	padding: 0px;
}

#in_contents *:focus {/*-----chrome画像フォーカス時の線を消す------*/
	outline: none;
}

#in_contents h2{
	margin: 50px auto;
	text-align: center;
}

#in_contents .margin_t32{
	margin-top: 45px;/*-----約3.2%------*/
}

#in_contents .margin_t7{
	margin-top: 98px;/*-----約7%------*/
}

#in_contents .margin_b7{
	margin-bottom: 98px;/*-----約7%------*/
}

#in_contents .margin_b10{
	margin-bottom: 140px;/*-----約10%------*/
}

/* パソコン画像表示 */
.pc { display: inline !important; }
.sp { display: none !important; }

#in_contents .line{
	background: no-repeat url("../../img/c_line.png") center top;
	background-size:contain;
	width: 100%;
	height: 4px;
}

#in_contents .grey_line{
	width: 100%;
	height: 7px;
	background-color: #888;
	position: relative;
	bottom: -2px;
}

/*-----h1------*/
#in_contents h1 {
	padding: 2%;
	text-align: center;
}


/*-----top------*/

#in_contents #top{
	width: 100%;
	background-color:white;
	text-align: center;
	position: relative;
}

#in_contents #top img{
	width: 100%;
	margin: 0 auto;
}

#in_contents .bk_top{
	position: absolute;
	bottom: 0;
	width: 100%;
	height: auto;
}

#in_contents .bk_top img{
	width: 100%;
	height: auto;
}

/*-----passo_day ------*/
#in_contents #passo_day {
	background: #603D2E;
}

#in_contents #passo_day .day{
	margin: 40px auto 0 auto;
}


/*-----present------*/
#in_contents #catalog_present {
	padding-top: 45px;
	background: url(../../img/catalog_bg.png);
}

#in_contents .wrapp {
	margin-left: auto;
	margin-right: auto;
	background: #fff;
	border-radius: 12px;
}

#in_contents #catalog_present .wrapp {
	width: 960px;
}

#in_contents #catalog_present .pre_img{
	margin: 30px auto;
}

#in_contents #catalog_present .catalog{
	margin: 60px auto;
}

#in_contents #catalog_present .Line {
	width: 100%;
	margin: 0 auto;
	text-align: center;
	width: 960px;
	margin-bottom: 55px;
}

#in_contents #present h2{
	margin-bottom: 50px;
}



/*-----safety------*/
#in_contents #safety .blue_bg {
	padding-top: 45px;
	padding-bottom: 45px;
	background: #A8D2E0;
	text-align: center;
}
#in_contents #safety h3 {
	margin-bottom: 40px;
}

#in_contents #safety .wrapp {
	width: 750px;
	padding: 40px 0;

}

/*-----style------*/
#in_contents #style h2 {
	background: #fff;
}

#in_contents #style .yellow_bg {
	background: #eecd6d;
	text-align: center;

}

#in_contents #style .yellow_bg .styleBox {
	padding: 45px 0;
	background: #F9E671;
	text-align: center;
	max-width: 960px;
	margin: 0 auto;
}

#in_contents #style .yellow_bg img {
	margin: 0 auto;

}

/*-----fuel------*/
#in_contents #fuel .pink_bg {
	padding-top: 45px;
	background: #EDC1C4;
	text-align: center;
}

/*-----price------*/
#in_contents #price .brown_bg {
	padding-top: 45px;
	background: #E5DBC1;
	text-align: center;
}

/*-----hp_btn------*/
#in_contents #hp_btn {
	margin: 60px auto;
	text-align: center;
}


/*-----copyright------*/
#in_contents .copyright {
	margin-bottom: 50px;
	text-align: center;
}

#in_contents .copyright p {
	font-weight: 600;
	font-size: 18px;
}