/* ‘S‘I“I?E?X?^?C??
-------------------------------------------------- */

body {
	background:#ffeff0;
}





@media (max-width: 767px) {/*767px?E‰o?A?\?|*/
	
	body {
		background:#fff;
		margin: 0 0 0 0;
	}
	
	nav {
		background:#ffeff0;
	
	}
	main {
		margin: 70px 0 0 0;
	}

	#tokucho,#voicelink,#tokutei,#qa,#konyu {
	    margin-top:-70px;
	    padding-top: 70px;
	}
}

/*スマホナビゲーション*/
.navbar-light .navbar-toggler {
	border-color:transparent;
}

.scr {
	overflow-y:auto;
	height:97vh;
	position: fixed;
	z-index: 1030;
	width:250px;
	margin: 0 0 0 20px;
}

.contents_wrapper {
	margin: 0 0 0 250px;
}

.list-unstyled li {
	margin-bottom: 5px;
}

.address {
	font-size: 90%;
	width: 200px;
	line-height: 160%;
}

/* Large devices: laptop (?992px) */
@media (min-width: 992px) and (max-width: 1199px) {

	.scr {
	 	width: 22.9%;
	 	margin: 0;
	 }
	.contents_wrapper {
		margin: 0 0 0 240px;
	}

}

@media (max-width: 991px) {

	.scr {
	 	width: 20.9%;
	 	margin: 0;
	 }

	.contents_wrapper {
		margin: 0 0 0 180px;
	}

	.map { 
		text-align: center;
		}
	
	.address {
		width: 160px;
	}	
	

}

@media (max-width: 835px) {

	.scr {
	 	width: 25.9%;
	 }


}


@media (min-width: 576px) and (max-width: 767px) {


}

@media (min-width: 991px) {/*991px?E?a?A?\?|*/

	.map { 
		margin:20px 0 40px -60px;
	}

}




header .navbar-nav li span {
	font-weight:bold;
}


.main_bg img {
	padding: 0 10px 10px 0;
	border: 1px solid #ccc;
	-webkit-box-shadow: 1px 2px 2px rgb(189, 189, 189);
	-moz-box-shadow: 1px 2px 2px rgb(189, 189, 189);
	box-shadow: 1px 2px 2px rgb(189, 189, 189);
	-ms-box-shadow: 1px 2px 2px rgb(189, 189, 189);
	background-image: -webkit-gradient(linear, left top, left bottom,color-stop(0, rgb(255, 255, 255)),color-stop(1, rgb(255, 255, 255)));
	background-image: -moz-linear-gradient(-90deg,rgb(255, 255, 255) 0%,rgb(255, 255, 255) 100%);
	background-image: linear-gradient(-90deg,rgb(255, 255, 255) 0%,rgb(255, 255, 255) 100%);
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	color: rgb(0, 0, 0);
	filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ffffffff, endcolorstr=#ffffffff, gradienttype=0)) progid:DXImageTransform.Microsoft.Shadow(color=#bdbdbd, direction=153, strength=2);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ffffffff, endcolorstr=#ffffffff, gradienttype=0)) progid:DXImageTransform.Microsoft.Shadow(color=#bdbdbd, direction=153, strength=2)";

}

#bg { 
	border: 1px solid #ccc;
	-webkit-box-shadow: 1px 2px 2px rgb(189, 189, 189);
	-moz-box-shadow: 1px 2px 2px rgb(189, 189, 189);
	box-shadow: 1px 2px 2px rgb(189, 189, 189);
	-ms-box-shadow: 1px 2px 2px rgb(189, 189, 189);
	background-image: -webkit-gradient(linear, left top, left bottom,color-stop(0, rgb(255, 255, 255)),color-stop(1, rgb(255, 255, 255)));
	background-image: -moz-linear-gradient(-90deg,rgb(255, 255, 255) 0%,rgb(255, 255, 255) 100%);
	background-image: linear-gradient(-90deg,rgb(255, 255, 255) 0%,rgb(255, 255, 255) 100%);
	color: rgb(0, 0, 0);
	filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ffffffff, endcolorstr=#ffffffff, gradienttype=0)) progid:DXImageTransform.Microsoft.Shadow(color=#bdbdbd, direction=153, strength=2);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ffffffff, endcolorstr=#ffffffff, gradienttype=0)) progid:DXImageTransform.Microsoft.Shadow(color=#bdbdbd, direction=153, strength=2)";
	zoom: 1;
 }

 @media (max-width: 767px) {/*767px以下で表示*/
	.main_bg img {
	padding: initial;
	border: initial;
	border-radius: initial;
	box-shadow: initial;
	}

	#bg { 
	padding: initial;
	border: initial;
	border-radius: initial;
	box-shadow: initial;
	 }

	.contents_wrapper {
		margin: 0;
	}
}


.mdamatxt{
	font-size: 150%;
	color:#ff0000;
	font-weight:bold;
	margin-top:30px;
}

/*変更ここから*/
.owabi-title{
	font-size: 150%;
	xmargin-top:10px ;
	xmargin-bottom:30px;
	margin:50px 20px 20px 30px;
	font-weight:bold;
	text-align:center;
}

.owabi{
	font-size: 100%;
	xmargin-top:10px ;
	xmargin-bottom:30px;
	margin:20px 20px 50px 30px;
	font-weight:bold;
	line-height: 200%;
}

/*変更ここまで*/


.mdamatxt2 {
	font-size: 90%;
	margin-top:10px ;
	margin-bottom:30px;
}

.main_ph {
	background: url(../img/ph_ringo.png) no-repeat 99% 40%;
	
}

.main_ph p {
	font-size: 90%;
	line-height: 180%;
	text-align: left;
	margin: 20px 0 0 20px;
}

.main_ph2 {
	background: url(../img/ph_main.png) no-repeat 107% 0;
	padding: 0 0 1px 0;
	
}

.main_ph2 p {
	font-size: 90%;
	line-height: 180%;
	text-align: left;
	margin: 0 0 20px 20px;
}




p.subtx { 
	font-size: 90%;
	line-height: 180%;
	text-align: left;
	margin: 10px 0 20px 20px;
 }

p.subtx2 { 
	font-size: 90%;
	line-height: 180%;
	text-align: left;
	margin: 10px 0 20px 0;
 }

p.subtx3 { 
	font-size: 90%;
	line-height: 180%;
	text-align: left;
	margin: 10px 0 10px 0;
 }

p.subtx4 { 
	font-size: 70%;
	line-height: 180%;
	text-align: left;
}

p.subtx_yakusoku { 
	font-size: 90%;
	line-height: 180%;
	text-align: left;
	margin: 10px 0 20px 20px;
 }


.bg_inner {
	width: 88%;
	padding:20px;
	//display: inline-block;
	border: 1px solid #ccc;
	-webkit-box-shadow: 1px 2px 2px rgb(189, 189, 189);
	-moz-box-shadow: 1px 2px 2px rgb(189, 189, 189);
	box-shadow: 1px 2px 2px rgb(189, 189, 189);
	-ms-box-shadow: 1px 2px 2px rgb(189, 189, 189);
	border-radius: 6px;
	text-decoration: none;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ededed), color-stop(0.00, #fff));
	background: -webkit-linear-gradient(#fff, #ededed);
	background: -moz-linear-gradient(#fff, #ededed);
	background: -o-linear-gradient(#fff, #ededed);
	background: -ms-linear-gradient(#fff, #ededed);
	background: linear-gradient(#fff, #ededed);
}

.bg_inner h2 {

	font-size:0;
}


/* Small devices: Phablet (?576px) */
@media (max-width: 767px) {

	p.subtx_yakusoku { 
		line-height: 150%;
	 }


}

@media (max-width: 992px) {/*992px?E‰o?A?\?|*/

.main_ph {
		background: none;
		
	}

	.main_ph2 {
		background: none;
		
	}



	.bg_inner {
		padding:5px 10px 0 10px;
	}
	p.subtx2 { 
		line-height: 150%;
		margin: 10px 0 10px 0;
	 }	
	p.subtx3 { 
		line-height: 150%;
		margin: 10px 0 0 0;
	}	 
	p.subtx4 { 
		font-size: 90%;
		line-height: 150%;
	}

}

.saibai h3 {
	//text-indent: -99999pt;
}
.point01 { 
	background:url(../img/point01.jpg) no-repeat center top;
	padding: 0 0 94px 0;
}
.point02 { 
	background:url(../img/point02.jpg) no-repeat center top;
 	padding: 0 0 75px 0;
}
.point03 { 
	background:url(../img/point03.jpg) no-repeat center top;
	padding: 0 0 19px 0;
 }
.point04 { 
	background:url(../img/point04.jpg) no-repeat center top;
	padding: 0 0 95px 0;
 }

h4.tx { 
	font-size: 80%;
	font-weight: normal;
	padding: 20px 0 0 15px;
	line-height:150%;
	text-align: left;
	width: 87%;
}

/* Large devices: laptop (?992px) */
@media (max-width: 1199px) {

	.point01,.point02,.point03,.point04 { 
	background: initial;
	padding: 0;
	}

	.point_bg_l {
	background:url(../img/sp_point_bg.jpg) no-repeat left bottom;
	padding: 0 0 10px 0;
	
	}

	.point_bg_r {
	background:url(../img/sp_point_bg.jpg) no-repeat right bottom;
	padding: 0 0 20px 0;
	
	}

	.point_bg_r2 {
	background:url(../img/sp_point_bg.jpg) no-repeat right bottom;
	padding: 0 0 20px 0;
	
	}


	.point_l { 
		background:url("../img/point_bg_l.jpg") no-repeat top left;
		position: relative;
			}


	.point_icon {
		margin: 0 0 -58px 0;
		display: block;
		position: relative;
		z-index: 1;
	}

	.point_img {
		padding: 0 0 0 23px;
		position: relative;
	}

	.point_r {
	background:url(../img/point_bg_l.jpg) no-repeat right top;
	}

	h4.tx { 
		font-size: 90%;
		font-weight: normal;
		padding: 20px 0 0 9px;
		line-height:150%;
		text-align: left;
		width: 94%;
	}
}

@media (max-width: 575px) {/*575px以下*/

	h4.tx { 
		padding: 20px 0 0 12px;
	}

	.point_icon {
		margin: 0 0 -48px 0;
	}

	.point_bg_r {
	padding: 0 0 40px 0;
	
	}
	.point_bg_r2 {
	padding: 0 0 40px 0;
	
	}

	h4.tx { 
		padding: 30px 0 0 9px;
		width: 90%;
	}

}

.voice {

	border: 1px solid #c30d23;
	border-radius: 6px;
	margin: 20px 0 0 0;
}

.voice h3 {
	background-color: #c30d23;
	background-image: url(../img/qa_icon.png);
	background-repeat: no-repeat;
	background-position: 2vh center;
	color: #fff;
	font-size: 100%;
	font-weight: bold;
	padding: 8px 10px 8px 40px;
}

.voice p {
	line-height: 160%;
}

.gift {
	display: inline-block;
	border: 1px solid #ccc;
	-webkit-box-shadow: 1px 2px 2px rgb(189, 189, 189);
	-moz-box-shadow: 1px 2px 2px rgb(189, 189, 189);
	box-shadow: 1px 2px 2px rgb(189, 189, 189);
	-ms-box-shadow: 1px 2px 2px rgb(189, 189, 189);
	text-decoration: none;
	padding: 10px ;
	border-radius: 6px;
	//margin: 10px 30px 0 30px;
}

.gift p { 
	text-align: left;
	font-size: 90%;
	line-height: 180%;
 }

@media (max-width: 767px) {
	
	.gift {
		padding: initial;
		border: initial;
		border-radius: initial;
		box-shadow: initial;
	}


}


.buy_box {
	border: 1px solid #ccc;
	-webkit-box-shadow: 1px 2px 2px rgb(189, 189, 189);
	-moz-box-shadow: 1px 2px 2px rgb(189, 189, 189);
	box-shadow: 1px 2px 2px rgb(189, 189, 189);
	-ms-box-shadow: 1px 2px 2px rgb(189, 189, 189);
	text-decoration: none;
	padding: 20px ;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ededed), color-stop(0.00, #fff));
	background: -webkit-linear-gradient(#fff, #ededed);
	background: -moz-linear-gradient(#fff, #ededed);
	background: -o-linear-gradient(#fff, #ededed);
	background: -ms-linear-gradient(#fff, #ededed);
	background: linear-gradient(#fff, #ededed);
	margin: 15px 30px 0 30px;
}

.buy_box h3 { 
	font-size: 160%;
	line-height: 130%;
	margin-bottom:5px; 
	font-weight: bold;
}

.buy_box .red {
	display: inline;
}


.buy_box h4 { 
	font-size: 155%;
	color: red;
	font-weight: bold;
}

.buy_box h4.text_hyouji { 
	font-size: 100%;
	line-height: 160%;
}

.buy_box h5 {
	font-size: 130%;
}

.buy_box p { 
	font-size: 75%;
	text-align: left;
	margin: 10px 0 10px 10px;
	font-weight: normal;
}

.buy_box span { 
	font-size: 70%;
}





@media (max-width: 1199px) {

	.buy_box h3 { 
		font-size: 148%;
	}


}

@media (max-width: 991px) {

 	.buy_box .red {
 		color: red;
 	}

	.buy_box {
		padding: 10px ;
		margin: 5px;
		box-shadow: initial;
		background: initial;
	}

	.buy_box h3 { 
		font-size: 110%;
	}


	.buy_box h4 { 
		font-size: 128%;
		margin: 5px 0 0 0;
	}

	.buy_box h5 {
		font-size: 110%;
		margin: 5px 0 10px 0;
	}

}



/* Medium devices: Tablets (?768px) */
@media (min-width: 768px) and (max-width: 1199px) {

	.more {
		display: none;
	}

	.more2 {
		display: none;
	}
	.akabotan a{
		display:block; 
		//width:700px; 
		//margin-left:70px; 
		//margin-bottom:15px; 
		font-size: 120%; 
		color:#e4333e; 
		border: 1px solid #e4333e; 
		padding:10px;
		//background-color: #e4333e;
		text-decoration: none;
		margin: 20px 40px 0 40px;


		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e5e5e5+100;White+3D */
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
	}

	.akabotan a:hover{
		display:block; 
		//width:700px; 
		//margin-left:70px; 
		//margin-bottom:15px; 
		font-size: 120%; 
		color:#fff; 
		border: 1px solid #e4333e; 
		padding:10px;
		//background-color: #e4333e;
		text-decoration: none;


		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff3019+0,cf0404+100;Red+3D */
	background: #ff3019; /* Old browsers */
	background: -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ff3019 0%,#cf0404 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ff3019 0%,#cf0404 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */
	}


}
 
 
/* Extra Large devices: Desktops (?1200px) */
@media (min-width: 1200px) {

	.more {
		display: none;
	}
	.more2 {
		display: none;
	}
	.akabotan a{
		display:block; 
		//width:700px; 
		//margin-left:70px; 
		//margin-bottom:15px; 
		font-size: 120%; 
		color:#e4333e; 
		border: 1px solid #e4333e; 
		padding:10px;
		xbackground-color: #e4333e;
		text-decoration: none;
		margin: 20px 40px 0 40px;


		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e5e5e5+100;White+3D */
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
	}

	.akabotan a:hover{
		display:block; 
		//width:700px; 
		//margin-left:70px; 
		//margin-bottom:15px; 
		font-size: 120%; 
		color:#fff; 
		border: 1px solid #e4333e; 
		padding:10px;
		xbackground-color: #e4333e;
		text-decoration: none;


		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff3019+0,cf0404+100;Red+3D */
	background: #ff3019; /* Old browsers */
	background: -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ff3019 0%,#cf0404 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ff3019 0%,#cf0404 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */
	}


}


iframe {
	display: block;
	margin: 0 auto;
}

footer {
	background: #c30d23;
	color:#fff;
	font-size:80%;
}

footer h3 {
	font-size:100%;
}

footer a {
	color:#fff;
}

footer a:hover {
	color:#fff;

}

footer a:visited {
	color:#fff;
}






/*ページトップ　購入ボタン*/
#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
    z-index:10000;
}
#page-top a {
    background: url(../img/ft_btn.png) no-repeat;
    width: 100px;
    padding: 70px 0;
    text-align: center;
    display: block;
    text-indent:-99999pt;
	overflow:hidden;
}

#konyu_btn {
	display: none;
}

#konyu_btn a {
	display: none;
}

#tel_btn {
	display: none;
}

#tel_btn a {
	display: none;
}



@media (max-width: 767px) {/*767px以下*/

	#konyu_btn {
		display: block;
	    position: fixed;
	    z-index:10000;
	    bottom: 0;
	}

	#konyu_btn a {
		display: block;
	}

	#tel_btn {
		display: block;
	    position: fixed;
	    z-index:10000;
	    bottom: 0;

	}

	#tel_btn a {
		display: block;
	}

	.sp_konyu {

		padding-left: 163px;

	}

	.sp_tel {

		padding-right: 584px;

	}

	#page-top {
	    position: fixed;
	    bottom: -50px;
	    right: 5px;
	    z-index:10000;
	}

	#page-top a {
	    background: url(../img/sp_ft_btn.png) no-repeat;
	    width: 80px;
 		padding: 80px 0;
	    text-align: center;
	    display: block;
	    text-indent:-99999pt;
		overflow:hidden;
	}

	footer {
		background: #fff;
		color:#000;
		margin: 0 0 9.5em 0;
	}

	footer a {
		color:#000;
	}

	footer a:hover {
		color:#000;

	}

	footer a:visited {
		color:#000;
	}

}

/*追加テキスト用*/
h6{
	margin: 0.6em  0 0.6em  1em;
	font-weight: bold; 
}