@charset "utf-8";
/*===============CSSリセット=================*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
html,body {
	margin:0;
	padding:0;
	text-align: justify;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
input{
	border:1px solid #b0b0b0;
	padding:3px 5px 4px;
	color:#979797;
	width:190px;
}
address,caption,cite,code,dfn,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}
	figure{
		margin: 0px;
	}
/*===============ここまで==================*/


@media (max-width:640px){


a{
	text-decoration:none;
}
	.stop-order{
		padding: 10px;
	}
	.stop-order h1{
		font-size: 1.5em;
	}
	.stop-order h3{
		font-size: 1.3em;
		color: #FF0004;
	}
	.stop-order p{
		font-size: 1em;
		padding: 5px;
	}
	.mangobg3{
		position: relative;
		background-image: url("../images/kirakira.jpg");
		background-size: cover;
		top:0px;
		z-index: -1;
	}
	.mangoimgwoman img{
		width: 50%;
		height: auto;
		z-index: 0;
		margin-left: 20px;
		margin-top: 20px;
	}
	.mangobg3title{
		position: absolute;
		width: 50%;
		top: 40px;
		right: 20px;
		z-index: 1;
	}
	.mangobg3 h2{
		color: rgba(255,255,255,1.00);
		font-family: "Sawarabi Mincho";
		font-weight: 600;
		font-size: 1.3em;
		line-height: 1.5em;
	}
	.mangobg3 h3{
		position: relative;
		font-family: "Sawarabi Mincho";
		color: rgba(247,147,30,1.00);
		background-color: rgba(23,0,0,1.00);
		padding: 5px 10px;
		font-weight: 500;
		font-size: 2.2em;
		margin-top: -30px;
		text-align: left;
	}
	.mangoimg3 img{
		position: absolute;
		width: 50%;
		bottom: 0px;
		right: 0px;
		z-index: 1;
	}
	
	#kodawari{
		margin-top: 30px;
		width: 100%;
	}
	#kodawari h1{
		background-color: #FF9331;
		color: #fff;
		font-size: 1.2em;
		font-family: "Sawarabi Mincho";
		text-align: center;
		padding: 20px;
	}
	#kodawari h1 strong{
		font-size: 1.7em;
	}

	#kodawari h2{
		font-size: 2.2em;
		color: #FF9331;
		padding: 20px;
		font-family: "Sawarabi Mincho";
	}
	#kodawari p{
		font-size: 1em;
		padding: 5px 5%;
		font-family: "Sawarabi Gothic";
		line-height: 1.5em;
		color: rgba(79,56,37,1.00);
	}
	#kodawari p strong{
		color: #FF5A9C;
		font-size: 1.2em;
	}
	
	.kodawariimgsp{
		line-height: 50px;
	}
	.kodawariimgsp img{
		width: 90%;
		height: auto;
		display: block;
		margin: 10px auto;
	}
	.repeat90imgsp{
		line-height: 50px;
	}
	.repeat90imgsp img{
		width: 90%;
		height: auto;
		display: block;
		margin: 10px auto;
	}
	.kouku{
		line-height: 50px;
	}
	.kouku img{
		width: 90%;
		height: auto;
		display: block;
		margin: 10px auto;
	}

	#order {
		width: 100%;
		margin-top: 30px;
	}
	#order p{
		width: 320px;
		padding: 10px;
		display: block;
		margin: 30px auto 10px auto;
		font-family: "Sawarabi Gothic";
		color: rgba(255,255,255,1.00);
		font-size: 1.1em;
		line-height: 1.4em;
		border-top: 1px solid rgba(255,255,255,1.00);
		border-bottom: 1px solid rgba(255,255,255,1.00);
	}
	.orderbg{
		background-image: url("../images/C12D4211.jpg");
		background-size: cover;
		background-repeat: no-repeat;
		padding: 40px 0;
	}
	.orderbg2{
		background-color: rgba(255,255,255,0.80);
		width: 75%;
		display: block;
		margin: auto;
		padding: 15px;
		box-shadow: 1px 1px 10px rgba(0,0,0,1.00);
	}
	.order_box{
		padding: 10px 15px;
		border: 1px solid rgba(79,56,37,1.00);
	}
	
	.order_box h1{
		font-size: 1em;
		text-align: center;
		color: rgba(79,56,37,1.00);
	}
	.order_box strong{
		font-size: 2.7em;
		font-family: "Sawarabi Mincho";
		color: rgba(225,27,70,1.00);
	}
	.order_box h2{
		width: 90%;
		display: block;
		margin: 8px auto 0 auto;
		background-color: rgba(225,27,70,1.00);
		color: rgba(255,255,250,1.00);
		font-weight: bold;
		padding: 10px 5px;
		font-size: 1.7em;
		text-align: center;
		font-family: "Sawarabi Mincho";
	}
	.order_box h3{
		width: 89%;
		display: block;
		margin: 8px auto 0 auto;
		background-color: rgba(255,255,255,1.00);
		color: rgba(79,56,37,1.00);
		font-weight: bold;
		padding: 10px 5px;
		font-size: 1em;
		text-align: center;
		font-family: "Sawarabi Mincho";
		border: thin solid rgba(225,27,70,1.00);
	}
	
	.zoutou{
		margin-top: 100px;
		padding-top: 10px;
		position: relative;
		z-index: -1;
	}
	
	.zoutouimg_pc img{
		display: none;
	}
	.zoutouimg_sp img{
		width: 90%;
		position: absolute;
		top: 0;
		right: 0;
		z-index: -1;
	}
	.zoutou_box{
		background-color: rgba(255,255,255,1.00);
		padding: 15px;
		width: 250px;
		margin-top: 150px;
		margin-bottom: 50px;
		box-shadow: 5px -5px 8px rgba(0,0,0,0.20);
	}
	.zoutou h1{
		font-size: 1.3em;
		text-align: center;
		color: rgba(79,56,37,1.00);
		font-weight: bold;
		font-family: "Sawarabi Mincho";
		padding: 5px 0;
		border-bottom: 1px solid rgba(79,56,37,1.00);
	}
	.zoutou h2{
		font-size: 0.9em;
		text-align: center;
		color: rgba(79,56,37,1.00);
		padding-top: 10px;
		padding-bottom: 10px;
		font-weight: bold;
		font-family: "Sawarabi Mincho";
	}
	.zoutou h3{
		font-size: 1.8em;
		line-height: 1.5em;
		padding: 15px;
		color: rgba(255,0,158,1.00);
		font-family: "Sawarabi Mincho";
		width: 300px;
		position: absolute;
		top: 25px;
		display: block;
		margin: auto;
		text-shadow: 2px 2px 2px #fff,-2px 2px 2px #fff,2px -2px 2px #fff,-2px -2px 2px #fff;
	}
	.zoutouimg img{
		width: 100%;
		display: block;
		margin: auto;
	}
	.zoutou p{
		font-size: 1.2em;
		font-family: "Sawarabi Mincho";
		padding: 0px 30px;
		line-height: 1.5em;
		position: absolute;
		top:-80px;
		color: rgba(79,56,37,1.00);
	}
	
	.mango h1{
		background-color: #31A2FF;
		color: #fff;
		font-size: 1em;
		font-family: "Sawarabi Mincho";
		text-align: center;
		padding: 20px;
	}
	.mango h1 strong{
		font-size: 1.7em;
	}
	.mango h2{
		font-size: 1.5em;
		padding: 20px;
		color: #31A2FF;
		font-family: "Sawarabi Gothic";
		line-height: 1.5em;
	}
	.mango p{
		font-size: 1em;
		padding: 0 5%;
		font-family: "Sawarabi Gothic";
		line-height: 1.5em;
		color: rgba(79,56,37,1.00);
	}
	
	.mangoimg img{
		width: 100%;
		height: auto;
		margin: 20px 0;
	}
	
	.history{
		margin-bottom: 30px;
	}
	.history h1{
		color: rgba(79,56,37,1.00);
		font-size: 1.3em;
		font-family: "Sawarabi Mincho";
		padding: 20px;
	}
	.history h1 strong{
		color: #FF9331;
		font-size: 1.4em;
		line-height: 1.5em;
	}
	.history p{
		color: rgba(79,56,37,1.00);
		font-size: 1em;
		padding: 20px 5%;
		font-family: "Sawarabi Gothic";
		line-height: 1.5em;
	}
	.history p strong{
		color: #FF9331;
		font-size: 1.2em;
	}
	.historyimg img{
		width: 100%;
		height: auto;
	}
	.history_box h1{
		display: none;
	}
	
	.product_copy_pc{
		display: none;
	}
	.product_name_pc{
		display: none;
	}
	.product_copy_sp{
		padding-top: 50px;
	}
	#product h1{
		background-color: #FF3384;
		color: #fff;
		font-size: 1.2em;
		font-family: "Sawarabi Mincho";
		text-align: center;
		padding: 20px;
	}
	#product h1 strong{
		font-size: 1.7em;
	}
	#product h3{
		font-size: 1em;
		padding: 20px;
		color: #555;
		font-family: "Sawarabi Mincho";
		line-height: 1.5em;
	}
	#product h3 strong{
		color: #FF5A9C;
	}
	
	.product_img img{
		width: 100%;
	}
	.product_copy{
		font-size: 1.1em;
		color: #FF558F;
		padding: 20px;
		padding-bottom: 0;
		font-family: "Sawarabi Mincho";
	}
	.product_name{
		font-size: 2.4em;
		color: #FF558F;
		padding: 20px;
		padding-top:0;
		font-family: "Sawarabi Mincho";
	}
	#product p{
		padding: 5px 20px;
		font-size: 1em;
		font-family: "Sawarabi Gothic";
		line-height: 1.5em;
	}
	#product h4{
		font-size: 1em;
		background-color:#D8002F;
		color: #fff;
		width: 150px;
		padding: 5px 0;
		margin-top: 20px;
		margin-left: 20px;
		text-align: center;
		font-family: "Sawarabi Gothic";
	}
	#product h5{
		font-size: 2.3em;
		color: #D8002F;
		margin-left: 20px;
		font-family: "Sawarabi Mincho";
	}
	#product h6{
		font-size: 1.5em;
		background-color:#fff;
		color: #D8002F;
		width: 250px;
		display: block;
		padding: 10px 0;
		margin: 10px auto;
		text-align: center;
		font-family: "Sawarabi Gothic";
		border: 1px solid #D8002F;
	}
	
	
	.hozon{
		margin-top: 100px;
	}
	.hozon h1{
		background-color: #FF9331;
		padding: 10px;
		padding-left: 20px;
		color: #fff;
		font-size: 1.5em;
		font-family: "Sawarabi Gothic";
	}
	.hozon h2{
		margin-left: 5%;
		font-size: 1.2em;
		background-color: #FF9331;
		width: 120px;
		text-align: center;
		padding: 10px 0;
		color: rgba(255,255,255,1.00);
		font-family: "Sawarabi Gothic";
	}
	.hozon p{
		padding: 20px 5%;
		font-size: 1em;
		font-family: "Sawarabi Gothic";
		line-height: 1.5em;
	}
	.hozonimg img{
		width: 90%;
		display: block;
		margin: auto;
	}

	#about_pay{
		margin-top: 50px;
	}
	.about_pay h1{
		background-color:#D8002F;
		padding: 10px;
		padding-left: 20px;
		color: rgba(255,255,255,1.00);
		font-size: 1.5em;
	}
	.about_pay h2{
		border: 1px solid #D8002F;
		width: 200px;
		color: #D8002F;
		padding: 10px 0;
		text-align: center;
		margin: 20px;
		font-size: 1em;
	}
	.about_pay h3{
		padding-top: 20px;
		padding-left: 20px;
		color: #D8002F;
		font-size: 1.3em;
	}
	.about_pay h4{
		color: #FF0004;
		padding-left: 20px;
		font-size: 1em;
	}
	.about_pay h5{
		padding: 0 20px;
		font-size: 1em;
		line-height: 1.5em;
	}
	.about_pay li{
		padding: 0 35px;
		font-size: 1em;
		line-height: 1.5em;
	}
	.creditimg img{
		width: 150px;
		display: block;
		margin: 10px auto;
	}
}








@media (min-width:640px){

a{
	text-decoration:none;
}
	.stop-order{
		padding: 10px;
	}
	.stop-order h1{
		font-size: 1.5em;
	}
	.stop-order h3{
		font-size: 1.3em;
		color: #FF0004;
	}
	.stop-order p{
		font-size: 1em;
		padding: 5px;
	}
	.mangobg3{
		position: relative;
		background-image: url("../images/kirakira.jpg");
		background-size: cover;
		top:0px;
		z-index: -1;
	}
	.mangoimgwoman img{
		width: 40%;
		height: auto;
		z-index: 0;
		margin-left: 50px;
		margin-top: 20px;
	}
	.mangobg3title{
		position: absolute;
		width: 50%;
		top: 40px;
		right: 50px;
		z-index: 1;
	}
	.mangobg3 h2{
		color: rgba(255,255,255,1.00);
		font-family: "Sawarabi Mincho";
		font-weight: 600;
		font-size: 1.5em;
	}
	.mangobg3 h3{
		position: relative;
		font-family: "Sawarabi Mincho";
		color: rgba(247,147,30,1.00);
		background-color: rgba(23,0,0,1.00);
		padding: 5px 10px;
		padding-left: 150px;
		font-weight: 500;
		font-size: 2.5em;
		margin-top: -30px;
		text-align: left;
		margin-bottom: 50px;
	}
	.mangoimg3 img{
		position: absolute;
		width: 40%;
		bottom: 0px;
		right: 50px;
		z-index: 1;
	}
	
	#kodawari{
		width: 100%;
	}
	#kodawari h1{
		background-color: #FF9331;
		color: #fff;
		font-size: 1.7em;
		font-family: "Sawarabi Mincho";
		text-align: center;
		padding: 20px;
	}
	#kodawari h1 strong{
		font-size: 1.7em;
	}

	#kodawari h2{
		font-size: 2.2em;
		color: #FF9331;
		padding: 20px;
		padding-left: 5%;
		font-family: "Sawarabi Mincho";
	}
	#kodawari p{
		font-size: 1em;
		padding: 5px 5%;
		font-family: "Sawarabi Gothic";
		line-height: 1.5em;
		color: rgba(79,56,37,1.00);
	}
	#kodawari p strong{
		color: #FF5A9C;
		font-size: 1.2em;
	}
	
	.kodawariimgsp{
		line-height: 50px;
	}
	.kodawariimgsp img{
		width: 90%;
		height: auto;
		display: block;
		margin: 10px auto;
	}
	.repeat90imgsp{
		line-height: 50px;
	}
	.repeat90imgsp img{
		width: 90%;
		height: auto;
		display: block;
		margin: 10px auto;
	}
	.kouku{
		line-height: 50px;
	}
	.kouku img{
		width: 90%;
		height: auto;
		display: block;
		margin: 10px auto;
	}

	#order {
		width: 100%;
		margin-top: 30px;
	}
	#order p{
		width: 400px;
		padding: 10px;
		display: block;
		margin: 30px auto 10px auto;
		font-family: "Sawarabi Gothic";
		color: rgba(255,255,255,1.00);
		font-size: 1.1em;
		border-top: 1px solid rgba(255,255,255,1.00);
		border-bottom: 1px solid rgba(255,255,255,1.00);
		line-height: 1.5em;
	}
	.orderbg{
		background-image: url("../images/C12D4211.jpg");
		background-size: cover;
		background-repeat: no-repeat;
		padding: 40px 0;
	}
	.orderbg2{
		background-color: rgba(255,255,255,0.80);
		width: 450px;
		display: block;
		margin: auto;
		padding: 15px;
		box-shadow: 1px 1px 10px rgba(0,0,0,1.00);
	}
	.order_box{
		padding: 10px 15px;
		border: 1px solid rgba(79,56,37,1.00);
	}
	
	.order_box h1{
		font-size: 1em;
		text-align: center;
		color: rgba(79,56,37,1.00);
	}
	.order_box strong{
		font-size: 2.7em;
		font-family: "Sawarabi Mincho";
		color: rgba(225,27,70,1.00);
	}
	.order_box h2{
		width: 90%;
		display: block;
		margin: 8px auto 0 auto;
		background-color: rgba(225,27,70,1.00);
		color: rgba(255,255,250,1.00);
		font-weight: bold;
		padding: 10px 5px;
		font-size: 1.7em;
		text-align: center;
		font-family: "Sawarabi Mincho";
		border: thin solid rgba(225,27,70,1.00);
	}
	.order_box h3{
		width: 90%;
		display: block;
		margin: 8px auto 0 auto;
		background-color: rgba(255,255,255,1.00);
		color: rgba(79,56,37,1.00);
		font-weight: bold;
		padding: 10px 5px;
		font-size: 1em;
		text-align: center;
		font-family: "Sawarabi Mincho";
		border: thin solid rgba(225,27,70,1.00);
	}
	
	.zoutou{
		margin-top: 100px;
		padding-top: 10px;
		position: relative;
		z-index: -1;
	}
	
	.zoutouimg_pc img{
		display: none;
	}
	.zoutouimg_sp img{
		width: 90%;
		position: absolute;
		top: 0;
		right: 0;
		z-index: -1;
	}
	.zoutou_box{
		background-color: rgba(255,255,255,1.00);
		padding: 15px;
		width: 350px;
		margin-top: 250px;
		margin-bottom: 50px;
		box-shadow: 5px -5px 8px rgba(0,0,0,0.20);
	}
	.zoutou h1{
		font-size: 1.7em;
		text-align: center;
		color: rgba(79,56,37,1.00);
		font-weight: bold;
		font-family: "Sawarabi Mincho";
		padding: 5px 0;
		border-bottom: 1px solid rgba(79,56,37,1.00);
	}
	.zoutou h2{
		font-size: 1.3em;
		text-align: center;
		color: rgba(79,56,37,1.00);
		padding-top: 10px;
		padding-bottom: 10px;
		font-weight: bold;
		font-family: "Sawarabi Mincho";
	}
	.zoutou h3{
		font-size: 2.2em;
		line-height: 1.5em;
		padding: 15px;
		color: rgba(255,0,158,1.00);
		font-family: "Sawarabi Mincho";
		width: 400px;
		position: absolute;
		top: 50px;
		display: block;
		margin: auto;
		text-shadow: 2px 2px 2px #fff,-2px 2px 2px #fff,2px -2px 2px #fff,-2px -2px 2px #fff;
	}
	.zoutouimg img{
		width: 100%;
		display: block;
		margin: auto;
	}
	.zoutou p{
		font-size: 1.2em;
		font-family: "Sawarabi Gothic";
		padding: 0px 30px;
		line-height: 1.5em;
		position: absolute;
		top:-80px;
		color: rgba(79,56,37,1.00);
	}
	
	.mango h1{
		background-color: #31A2FF;
		color: #fff;
		font-size: 1.2em;
		font-family: "Sawarabi Mincho";
		text-align: center;
		padding: 20px;
	}
	.mango h1 strong{
		font-size: 1.7em;
	}
	.mango h2{
		font-size: 1.5em;
		padding: 20px;
		color: #31A2FF;
		font-family: "Sawarabi Gothic";
		line-height: 1.5em;
	}
	.mango p{
		font-size: 1em;
		padding: 0 5%;
		font-family: "Sawarabi Gothic";
		line-height: 1.5em;
		color: rgba(79,56,37,1.00);
	}
	
	.mangoimg img{
		width: 100%;
		height: auto;
		margin: 20px 0;
	}
	
	.history{
		margin-bottom: 30px;
	}
	.history h1{
		color: rgba(79,56,37,1.00);
		font-size: 1.3em;
		font-family: "Sawarabi Mincho";
		padding: 20px;
	}
	.history h1 strong{
		color: #FF9331;
		font-size: 1.6em;
		line-height: 1.5em;
	}
	.history p{
		color: rgba(79,56,37,1.00);
		font-size: 1em;
		padding: 20px 5%;
		font-family: "Sawarabi Gothic";
		line-height: 1.5em;
	}
	.history p strong{
		color: #FF9331;
		font-size: 1.2em;
	}
	.historyimg img{
		width: 100%;
		height: auto;
	}
	.history_box h1{
		display: none;
	}
	.product_copy_sp{
		display: none;
	}
	.product_name_sp{
		display: none;
	}
	#product h1{
		background-color: #FF3384;
		color: #fff;
		font-size: 1.7em;
		font-family: "Sawarabi Mincho";
		text-align: center;
		padding: 20px;
	}
	#product h1 strong{
		font-size: 1.7em;
	}
	#product h3{
		font-size: 1em;
		padding: 20px;
		color: rgba(79,56,37,1.00);
		font-family: "Sawarabi Gothic";
		line-height: 1.5em;
	}
	#product h3 strong{
		color: #FF558F;
	}
	
	.product_img img{
		width: 100%;
	}
	.product_copy{
		font-size: 1.1em;
		color: #FF558F;
		padding: 20px;
		padding-bottom: 0;
		font-family: "Sawarabi Mincho";
	}
	.product_name{
		font-size: 2.4em;
		color: #FF558F;
		padding: 20px;
		padding-top:0;
		font-family: "Sawarabi Mincho";
	}
	#product p{
		padding: 5px 20px;
		font-size: 1em;
		font-family: "Sawarabi Gothic";
		line-height: 1.5em;
		color: rgba(79,56,37,1.00);
	}
	#product h4{
		font-size: 1em;
		background-color:#D8002F;
		color: #fff;
		width: 150px;
		padding: 5px 0;
		margin-top: 20px;
		margin-left: 20px;
		text-align: center;
		font-family: "Sawarabi Gothic";
	}
	#product h5{
		font-size: 2.5em;
		color: #D8002F;
		margin-left: 20px;
		font-family: "Sawarabi Mincho";
	}
	#product h6{
		font-size: 1.5em;
		background-color:#fff;
		color: #D8002F;
		width: 250px;
		display: block;
		padding: 5px 0;
		margin: 10px auto;
		text-align: center;
		font-family: "Sawarabi Gothic";
		border: 1px solid #D8002F;
	}
	
	
	.hozon{
		margin-top: 50px;
	}
	.hozon h1{
		background-color: #FF9331;
		padding: 10px;
		padding-left: 20px;
		color: #fff;
		font-size: 1.8em;
		font-family: "Sawarabi Gothic";
	}
	.hozon h2{
		margin-left: 5%;
		font-size: 1.2em;
		background-color: #FF9331;
		width: 120px;
		text-align: center;
		padding: 10px 0;
		color: rgba(255,255,255,1.00);
		font-family: "Sawarabi Gothic";
	}
	.hozon p{
		padding: 20px 5%;
		font-size: 1em;
		font-family: "Sawarabi Gothic";
		color: rgba(79,56,37,1.00);
	}
	.hozonimg img{
		width: 90%;
		display: block;
		margin: auto;
	}
	
	.about_pay h1{
		background-color:#D8002F;
		padding: 10px;
		padding-left: 20px;
		color: rgba(255,255,255,1.00);
		font-size: 1.5em;
	}
	.about_pay h2{
		border: 1px solid #D8002F;
		width: 200px;
		color: #D8002F;
		padding: 10px 0;
		text-align: center;
		margin: 20px;
	}
	.about_pay h3{
		padding-top: 20px;
		padding-left: 20px;
		color: #D8002F;
	}
	.about_pay h4{
		color: #FF0004;
		padding-left: 20px;
	}
	.about_pay h5{
		padding: 0 20px;
	}
	.about_pay p{
		padding: 0px 20px;
	}
	.about_pay li{
		padding: 0 35px;
	}
	.creditimg img{
		width: 150px;
		display: block;
		margin: 10px auto;
	}
}











@media (min-width:900px){

	.mangobg3_box{
		position: relative;
		max-width: 1100px;
		display: block;
		margin: auto;
	}
	.mangobg3 h2{
		font-size: 2.5em;
	}
	.mangobg3 h3{
		text-align: center;
		padding: 10px 0;
		font-size: 3.2em;
	}
	.mangobg3 img{
		bottom: -20px;
	}
	.mangoimgwoman img{
		width: 45%;
	}
	
	#kodawari1,#kodawari2,#kodawari3,#product h3,.product_box1,.product_box2,.product_box3,.mango_box,.history,.hozon_box,.about_pay_box{
		max-width: 700px;
		display: block;
		margin: auto;
	}
	
	.zoutouimg_sp{
		display: none;
	}
	.zoutouimg_pc img{
		display: block;
		width: 90%;
		position: absolute;
		top: 0;
		right: 0;
		z-index: -1;
	}
	.zoutou_box{
		margin-left: 10%;
		margin-top: 200px;
	}
	.zoutou h3{
		left: 10%;
		text-shadow: 1px 1px 1px #fff,-1px 1px 1px #fff,1px -1px 1px #fff,-1px -1px 1px #fff;
	}
	.zoutou p{
		position: absolute;
		top:-50px;
		text-align: center;
		width: 100%;
		color: rgba(79,56,37,1.00);
	}
	
	.history h1{
		text-align: center;
	}
	
	.hozon h1{
		text-align: center;
	}
	.about_pay h1{
		text-align: center;
	}
	
}





@media (min-width:1280px){
	
	.logohd{
		display: none;
	}
	.mangobg3{
		background-attachment: fixed;
	}
	.mangobg3title{
		top:80px;
	}
	.mangobg3 h2{
		font-size: 2.8em;
	}
	.mangobg3 h3{
		font-size: 4em;
	}
	
	#kodawari1,#kodawari2,#kodawari3,#product h3,.product_box1,.product_box2,.product_box3,.mango_box,.history,.hozon_box,.about_pay_box{
		max-width: 100%;
	}
	#kodawari1,#kodawari2,#kodawari3{
		display: flex;
		width: 100%;
		margin: auto;
	}
	#kodawari2{
		flex-direction: row-reverse;
	}
	.kodawariimgsp,.repeat90imgsp,.kouku{
		width: 50%;
	}
	.kodawariimgsp img,.repeat90imgsp img,.kouku img{
		width: 100%;
		padding: 0;
		line-height: 0;
		margin: 0;
	}
	.kodawari1_box,.kodawari2_box,.kodawari3_box{
		width: 50%;
		padding: 0;
		margin: 0;
	}
	#kodawari h1{
		font-size: 3em;
		padding: 20px 0;
	}
	#kodawari h2{
		padding-top: 80px;
		font-size: 4em;
	}
	#kodawari p{
		font-size: 1.2em;
	}
	.orderbg{
		padding: 90px 0;
		background-attachment: fixed;
	}
	.orderbg2{
		width: 600px;
	}
	.order_box h1{
		font-size: 1.5em;
	}
	.order_box h2{
		font-size: 2em;
		-webkit-transition: 0.6s;
		transition: 0.6s;
	}
	.order_box h2:hover{
		color: rgba(225,27,70,1.00);
		background-color: rgba(255,255,255,1.00);
	}
	.order_box h3{
		font-size: 1.5em;
		-webkit-transition: 0.6s;
		transition: 0.6s;
	}
	.order_box h3:hover{
		color: rgba(255,255,255,1.00);
		background-color: rgba(79,56,37,1.00);
		border-color: rgba(79,56,37,1.00);
	}
	#order p{
		font-size: 1.5em;
		width: 600px;
	}
	
	.zoutouimg_pc{
		display: none;
	}
	.zoutou{
		background-image:url("../images/kimonopc.jpg");
		background-attachment: fixed;
		background-size: cover;
		background-position: right;
		margin-bottom: 200px;
		width: 90%;
		margin-left: 10%;
	}
	.zoutou_bg{
		height: 550px;
	}
	.zoutou_box{
		position: absolute;
		width: 400px;
		height: 460px;
		top:200px;
		left: 0;
		margin: 0;
		box-shadow: 8px -8px 5px rgba(0,0,0,0.20);
	}
	.zoutou h3{
		font-size: 3em;
		width: 700px;
		top: 20px;
		left: 0;
	}
	.zoutou h1{
		font-size: 2.3em;
	}
	.zoutou h2{
		font-size: 1.6em;
	}
	.zoutou p{
		font-size: 1.2em;
		top: 600px;
		width: 400px;
		left: 400;
		padding: 20px;
	}
	
	.mango h1{
		font-size: 2.5em;
		padding: 20px 0;
		color: #31A2FF;
		background-color: #fff;
	}
	.mango_box{
		display: flex;
		display: -webkit-flex;
		width: 100%;
	}
	.mango_box2{
		width: 50%;
	}
	.mangoimg{
		width: 50%;
	}
	.mango_box h2{
		font-size: 2.5em;
		line-height: 1.3em;
		color: rgba(184,80,33,1.00);
	}
	.mango_box p{
		font-size: 1.2em;
	}
	.history_sp{
		display: none;
	}
	.history_box h1{
		display: block;
		color: rgba(79,56,37,1.00);
	}
	.history{
		display: flex;
	}
	.historyimg{
		width: 50%;
	}
	.history_box{
		width: 50%;
	}
	.history h1{
		font-size: 1.8em;
		text-align: left;
		line-height: 1em;
	}
	.history p{
		font-size: 1.2em;
	}
	
	#product h1{
		font-size: 3em;
		padding: 20px 0;
		margin-top: 100px;
	}
	#product h3{
		font-size: 1.2em;
		padding: 60px 10%;
	}
	.product_copy{
		font-size: 1.3em;
	}
	.product_name{
		font-size: 3em;
	}
	#product p{
		font-size: 1.2em;
	}
	.product_box1,.product_box2,.product_box3{
		display: -webkit-flex;
		display: flex;
		margin-bottom: 50px;
	}
	.product_img{
		width: 60%;
	}
	.product_img img{
		width: 100%;
	}
	.product_box1_1,.product_box2_1,.product_box3_1{
		width: 50%;
	}
	.product_box1_2,.product_box2_2,.product_box3_2{
		display: -webkit-flex;
		display: flex;
		justify-content: -webkit-space-around;		
		justify-content: space-around;
		align-items: -webkit-flex-end;
		align-items: flex-end;
		padding-right: 50px;
	}
	#product h6{
		-webkit-transition: 0.4s;
		transition: 0.4s;
	}
	#product h6:hover{
		background-color: #D8002F;
		color: #fff;
	}
	.hozon{
		margin-top: 150px;
	}
	.hozon h1{
		font-size: 3em;
		text-align: center;
		padding: 20px 0;
	}
	.hozon_subbox{
		display: -webkit-flex;
		display: flex;
		align-items: -webkit-flex-end;
		align-items: flex-end;
	}
	.hozon_subbox2{
		width: 50%;
	}
	.hozonimg{
		width: 50%;
	}

	.hozon p{
		font-size: 1.3em;
	}
	.hozon h2{
		font-size: 1.5em;
		width: 180px;
	}
	
	.about_pay{
		margin-top: 100px;
	}
	.about_pay h1{
		font-size: 3em;
		text-align: center;
		padding: 20px 0;
	}
	.about_pay_box{
		display: -webkit-flex;
		display: flex;
		justify-content: -webkit-space-around;
		justify-content: space-around;
		width: 1000px;
		margin: 50px auto;
	}
	.about_pay_box2{
		width: 30%;
	}
	.about_pay_box3{
		width: 70%;
	}
	.about_pay h2{
		margin: 0;
		font-size: 1.5em;
	}
	.about_pay h4{
		padding: 0;
		font-size: 1.3em;
	}
	.about_pay h5,.about_pay h3,.about_pay li{
		font-size: 1.2em;
	}

}



@media (min-width:1450px){
	
	.kodawari1_box,.kodawari3_box{
		padding-left: 15%;
		padding-top: 50px;
	}
	.kodawari2_box{
		padding-right: 15%;
		padding-top: 50px;
	}
	.kodawariimgsp,.repeat90imgsp,.kouku{
		width: 60%;
	}
	.zoutou{
		width: 85%;
		margin-left: 15%;
		margin-bottom: 300px;
	}
	.zoutou_bg{
		height: 700px;
	}
	.zoutou h3{
		font-size: 3.5em;
		width: 800px;
	}
	.zoutou_box{
		width: 550px;
		top:250px;
		height: 650px;
	}
	.zoutou h1{
		font-size: 3em;
	}
	.zoutou h2{
		font-size: 2em;
	}
	.zoutou p{
		font-size: 1.5em;
		top: 800px;
		width: 500px;
		padding: 10px;
		left: 30px;
	}
	.mango h1{
		text-align: left;
		padding-left: 15%;
	}
	.mango_box2{
		padding-left: 15%;
		padding-top: 70px;
	}
	.history_box{
		padding-right: 15%;
		padding-top: 70px;
	}
	.mangoimg,.historyimg{
		width: 70%;
	}
	#product h3{
		font-size: 1.5em;
	}
	#product h3,.product_box1,.product_box2,.product_box3{
		max-width: 1400px;
	}
	.product_copy{
		font-size: 1.5em;
	}
	.product_name{
		font-size: 3.5em;
	}
	#product h4{
		font-size: 1.5em;
		width: 250px;
	}
	#product h5{
		font-size: 3em;
	}
	#product h6{
		font-size: 2em;
		width: 310px;
		margin-left: 50px;
	}
	.hozon_box{
		max-width: 1400px;
		padding: 50px 0;
	}
}