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



@import url('https://fonts.googleapis.com/css?family=Droid+Sans');

/*common*/

body {
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' , Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	min-width:320px;
	font-size:16px;
	font-size:1.6rem;
	word-wrap: break-word;
	word-break: break-all;
	line-height:1.5;
	color:#666;
	background: url(../img/bg.png) repeat;
}

img {
	vertical-align:top;
}


.en {
	font-family: 'Droid Sans', sans-serif;
		 -webkit-font-smoothing: auto;
	-moz-osx-font-smoothing: auto ;
}

.sp {
	display:none !important;
}

.pc {
	display:block !important;
}

.links a {
	color:#6e462c;
	text-decoration:underline;
}

.links a:hover {
	text-decoration:none;
}



a {
	color:#e04f39;
	text-decoration:underline;
	transition: all .3s;
}

a:hover {
	text-decoration:none;
}

.bt a {
	border:1px solid #fd7562;
	padding:20px;
	display:block;
	margin:0 auto 40px auto;
	width:600px;
}

/*layout*/
.main {
	border-top:4px solid #f87466;
	padding:30px 0;
}

.lead {
	background: url(../img/lead_bg.png) repeat-x;
	height:144px;
	text-align:center;
	position:relative;
}

.lead .col {
	position:relative;
}

.lead img {
	position:absolute;
	top:-15px;
	left:0;
}

.buy_box_01 {
	background: url(../img/buy_01.png) no-repeat left top;
	width:1000px;
	height:421px;
	position:relative;
}

.buy_box_02 {
	background: url(../img/buy_02.png) no-repeat left top;
	width:1000px;
	height:663px;
	position:relative;
}

.buy_box_03 {
	background: url(../img/buy_03.jpg) no-repeat left top;
	width:1000px;
	height:421px;
	position:relative;
}


.btn {
	position:absolute;
	bottom:74px;
	left:30px;
	
}

.buy_box_02 .btn {
	bottom:60px;
	left:47px;
}

.read_box h3 {
	font-size:18px;
	font-size:1.8rem;
	font-weight:bold;
	color:#bb2e16;
}

.read_box {
	border:2px solid #fd7562;
	box-sizing:border-box;
	padding:20px;
}

.block01 ol {
	text-align:left;
	display:inline-block;
	vertical-align:top;
	padding-top:50px;
}

.block01 span {
	text-align:right;
	display:inline-block;
		vertical-align:top;

}

.block03 h3 {
	background:#058ece;
	padding:30px;
}

.block03 .cnt_box {
	background: url(../img/bg_block03.png) repeat left top;
	padding-top:50px;

}

.block04 h3 {
	background:#fbae5d;
	padding:30px;
}

.block04 .cnt_box {
	background: url(../img/bg_block04.png) repeat left top;
	padding-top:50px;
	z-index:1;

}

.buy .ttls {
	z-index:99;
	margin-top:20px;
}

.voice h3 {
	background:#42bb5e;
	padding:30px;
}

.resipe h3 {
	background:#fd7462;
	padding:30px;
}

.history {
	background: url(../img/bg_history.jpg) no-repeat left top;
	background-size:cover;
	padding:50px 0;
}

footer {
	background:#f87466;
	padding:30px 0;
	color:#fff;
}

footer a {
	text-decoration:none;
	color:#fff;
}

footer a:hover {
	text-decoration:underline;
}


/*下層*/
.pages {
	border-top: 4px solid #f87466;
}
.page_ttl {
	font-size:24px;
	font-size:2.4rem;
	border-bottom:2px solid #f87466;
	padding-bottom:5px;
}

.pages .col {
	padding:50px 0;
}

.ttl_pg {
	font-size:18px;
	font-size:1.8rem;
	color:#f87466;
	font-weight:bold;
}

.memo {
	background:#f8f8f8;
	padding:20px;
	display:block;
}

.order_dl {
	font-size:0;
	width:100%;
	box-sizing:border-box;
}

.order_dl dt {
	width:20%;
	display:inline-block;
	font-size:16px;
	font-size:1.6rem;
	vertical-align:top;
	background:#f8f8f8;
	text-align:center;
	box-sizing:border-box;
	padding:10px;
}

.order_dl dd {
	display:inline-block;
	font-size:16px;
	font-size:1.6rem;
	width:80%;
	vertical-align:top;
	margin-bottom:20px;
	box-sizing:border-box;
		padding:10px;
}

.pri_dl dt {
	font-weight:bold;
	margin-bottom:10px;
}

.pri_dl dd {
	margin-bottom:40px;
}

.foot_navi li {
	display:inline-block;
	width:25%;
	margin-bottom:10px;
}

.foot_navi li a {
	width:90%;
	display:block;
	background:#42bb5e;
	border-bottom:2px solid #008b25;
	border-radius:10px;
	height:40px;
	line-height:40px;
	color:#fff;
	text-decoration:none;
	font-size:18px;
	font-size:1.8rem;
}

.foot_navi li a i {
	margin-right:5px;
}

.foot_navi li a:hover {
	background:#fd7562;
	border-bottom:2px solid #e04f39;
}


/*汎用*/



.col {
	width:1000px;
	margin:0 auto;
	box-sizing:border-box;
}


.alignR {
	text-align:right;
}

.alignL {
	text-align:left;
}

.alignC {
	text-align:center;
}

.mb120 {
	margin-bottom:120px;
}

.mb110 {
	margin-bottom:110px;
}

.mb100 {
	margin-bottom:100px;
}

.mb90 {
	margin-bottom:90px;
}

.mb80 {
	margin-bottom:80px;
}

.mb70 {
	margin-bottom:70px;
}

.mb60 {
	margin-bottom:60px;
}

.mb50 {
	margin-bottom:50px;
}

.mb40 {
	margin-bottom:40px;
}

.mb30 {
	margin-bottom:30px;
}

.mb20 {
	margin-bottom:20px;
}

.mb15 {
	margin-bottom:15px;
}

.mb10 {
	margin-bottom:10px;
}

.mb120_i {
	margin-bottom:120px !important;
}

.mb110_i {
	margin-bottom:110px !important;
}

.mb100_i {
	margin-bottom:100px !important;
}

.mb90_i {
	margin-bottom:90px !important;
}

.mb80_i {
	margin-bottom:80px !important;
}

.mb70_i {
	margin-bottom:70px !important;
}

.mb60_i {
	margin-bottom:60px !important;
}

.mb50_i {
	margin-bottom:50px !important;
}

.mb40_i {
	margin-bottom:40px !important;
}

.mb30_i {
	margin-bottom:30px !important;
}

.mb20_i {
	margin-bottom:20px !important;
}

.mb15_i {
	margin-bottom:15px !important;
}

.mb10_i {
	margin-bottom:10px !important;
}

.mb0_i {
	margin-bottom:0px !important;
}

@media screen and (max-width: 767px) {
	
.pc {
	display:none !important;
}

.sp {
	display:block !important;
}


img {
	width:100%;
	height:auto;
}

.lead {
	background-size:auto 72px;
	height:72px;
}

body {
	font-size:14px;
	font-size:1.4rem;
	overflow-x:hidden;
}

.block01 h3.mb50 {
	margin-bottom:10px;
}

.block01 ol {
	padding-top:10px;
	margin-bottom:45px;
}

.block01 span {
	display:none;
}

.block03 .cnt_box {
	padding-top:20px;
}

.block04 h3 {
	padding:30px 80px;
}

.block04 .cnt_box {
	padding-top:20px;
}

.voice .alignR.mb50 {
	font-size:10px;
	font-size:1rem;
}

footer {
	font-size:14px;
	font-size:1.4rem;
}

/*ページ*/
.pages .col {
	padding:25px 20px;
	box-sizing:border-box;
}

.order_dl dt {
	width:100%;
	display:block;
	box-sizing:border-box;
}

.order_dl dd {
	width:100%;
	display:block;
	box-sizing:border-box;
}

.pri_dl dd {
	margin-bottom:20px;
}

.bt a {

	margin:0 auto 20px auto;
	width:80%;
	text-decoration:none;

}

	
	/*汎用*/

	.col {
		width:100%;
		margin:0 auto;
		padding:0px 10px;
		box-sizing:border-box;
	}
	
	.line_borderA ,
	.line_borderB {
		background-size:auto 3px;
		width:100%;
		padding:18px 10px 10px 10px;
		box-sizing:border-box;
	}
	
	
	.mb120 {
	margin-bottom:60px;
}

.mb110 {
	margin-bottom:55px;
}

.mb100 {
	margin-bottom:50px;
}

.mb90 {
	margin-bottom:45px;
}

.mb80 {
	margin-bottom:40px;
}

.mb70 {
	margin-bottom:35px;
}

.mb60 {
	margin-bottom:30px;
}

.mb50 {
	margin-bottom:25px;
}

.mb40 {
	margin-bottom:20px;
}

.mb30 {
	margin-bottom:15px;
}

.mb20 {
	margin-bottom:10px;
}

.mb15 {
	margin-bottom:7px;
}

.mb10 {
	margin-bottom:5px;
}

.mb120_i {
	margin-bottom:60px !important;
}

.mb110_i {
	margin-bottom:55px !important;
}

.mb100_i {
	margin-bottom:50px !important;
}

.mb90_i {
	margin-bottom:45px !important;
}

.mb80_i {
	margin-bottom:40px !important;
}

.mb70_i {
	margin-bottom:35px !important;
}

.mb60_i {
	margin-bottom:30px !important;
}

	.mb50_i {
		margin-bottom:50px !important;
	}

	.mb40_i {
		margin-bottom:40px !important;
	}

	.mb30_i {
		margin-bottom:15px !important;
	}

	.mb20_i {
		margin-bottom:10px !important;
	}

	.mb15_i {
		margin-bottom:7px !important;
	}

	.mb10_i {
		margin-bottom:5px !important;
}

.read_box h3 {
	font-size:14px;
	font-size:1.4rem;
}

.read_box p {
	font-size:11px;
	font-size:1.1rem;
}

	
}