/*
Theme Name: Original_style
Theme URI: http://unknown.jp/
Description: オリジナルリセット
Version: 100.0
Author: noname
Author URI: http://unknown.jp/
*/

/* html5 reset*/
html{overflow-y:scroll;}
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
main{display:block;}
h1, h2, h3, h4, h5, h6,address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
article, aside, dialog, figure, footer, header,hgroup, nav, section {display:block;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
img{vertical-align:bottom; max-width:100%; max-height:100%; width:auto;height:auto;}

/* original reset */
li{
	list-style:none;
}
a {	text-decoration:none;}
a:link { }
a:visited { }
a:hover {	text-decoration:underline;	}
a:active { }

/* html5 reset +alpha */
html{
    font-size: 62.5%; /* (14px) */
	line-height:1.0;
	color:#333333;
}
#main {
	line-height:1.8;
}

/* common item */
.clrfx:after {content:".";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;font-size:0.1em;line-height:0;}
.clrfx {zoom:1;}
.clr {clear:both;}
.fltl {float:left;}
.fltr {float:right;}
.leftAdjust{text-align:left;}
.rightAdjust{text-align:right;}
.centerAdjust{text-align:center;}
.topAdjust{vertical-align:top;}
.middleAdjust{vertical-align:middle;}
.bottomAdjust{vertical-align:bottom;}
.rlt{position:relative;}
.abs{position:absolute;}
strong { font-weight:bold; }
em { font-style: italic; }
del { text-decoration:line-though; }

/* items */
a img {
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: alpha(opacity=70);
}
a:hover img.opa100 {
	opacity: 1.0;
	filter: alpha(opacity=100);
	-ms-filter: alpha(opacity=100);
}
.large-container {
}
.container {
	width:1000px;
	margin:0 auto;
}
@media screen and (max-width: 1000px) {
	.container {
		width:100%;
	}
}

@media screen and (max-width: 1000px) {
	.for_pc {
		display: none;
	}
}
@media screen and (min-width: 1000px) {
	.for_sp {
		display: none;
	}	
}


/* body style */
body {
	font-size:1.4rem;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Lucida Grande", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, sans-serif;
	background:#fff;
	-webkit-text-size-adjust: 100%;
	font-weight:500;
}
#wrapper {
	max-width:2200px;
	margin:auto;
}
/* common */
#header {
	height:80px;
}
#header h1 {
	height:50px;
	padding-top:10px;
	float: left;
}
#header p {
	padding: 20px 0 0 0px;
	position:absolute;
	top:0;
	left:300px;
	font-size:12px;
	line-height:1.8;
}
@media screen and (max-width: 1000px) {
	#header {
		padding: 0px 0px 0px;
		height:auto;
	}
	#header h1 {
		height:auto;
		width:70%;
		padding:10px;
		float: left;
	}
	#header p {
		display: none;
	}
}

.sect01 {
	background:url(images/bg01.jpg) #fff top center / 100% no-repeat;
	padding:40px 0 60px ;
}
.sect01 h2 {
	width:890px;
	margin:0 auto 30px;
}
.sect01 .prodbox{
	background:#FFEFAE;
	padding:30px;
}
.sect01 h3 {
	margin:0 0 20px;
}
.sect01 dl {
	background:#fff;
	padding:10px 20px 30px;
}

.sect01 dt {
	float:left;
	width:50%;
	box-sizing:border-box;
	padding:15px 30px 0 10px;
}
.sect01 dd{
	padding:15px 20px 15px 50%;
	border-bottom:1px solid #D3D3D3;
	box-sizing:border-bxo;
}
@media screen and (max-width: 1000px) {
	.sect01 {
		background:url(images/bg01.jpg) #fff top center / 100% no-repeat;
		padding:40px 10px 60px ;
	}
	.sect01 h2 {
		width:100%;
		margin:0 auto 30px;
	}
	.sect01 .prodbox{
		background:#FFEFAE;
		padding:30px 10px;
	}
	.sect01 h3 {
		margin:0 0 20px;
	}
	.sect01 dl {
		background:#fff;
		padding:10px 10px 30px;
	}
	.sect01 dt {
		float:none;
		width:100%;
		box-sizing:border-box;
		padding:15px 0px 0 10px;
	}
	.sect01 dd{
		padding:15px 0px 15px 0%;
		border-bottom:1px solid #D3D3D3;
		box-sizing:border-bxo;
	}
}



.sect02 {
	background:url(images/bg02.png) rgba(255,255,215,0.55) top center / 100% repeat-y;
	padding:40px 0 0px ;
}
.sect02 h2{
	background:#fff;
	margin-bottom:40px;
}
.sect02 p{
	font-size:26px;
	font-weight:bold;
	text-align:center;
	margin-bottom:20px;
}
.sect02 p span{
	display: inline-block;
	position:relative;
}
.sect02 p span::before{
	content:"";
	width:5px;
	background:#FF7012;
	height:80px;
	position:absolute;
	left:-40px;
	transform:rotate(-30deg);
	top:10px;
}
.sect02 p span::after{
	content:"";
	width:5px;
	background:#FF7012;
	height:80px;
	position:absolute;
	right:-40px;
	transform:rotate(30deg);
	top:10px;
}

.sect02 .bg{
    background: url(images/bg02_1.png) no-repeat center bottom;
    background-size: 1450px;
    padding-bottom:60px;
}
.sect02 .movie{
	width:840px;
	margin:auto;
}
.sect02 video{
	border:20px solid #1A1A1A;
	width:100%;
	box-sizing:border-box;
	vertical-align: bottom;
}
@media screen and (max-width: 1000px) {
	.sect02 {
		background:url(images/bg02.png) rgba(255,255,215,0.55) top center / 100% repeat-y;
		padding:40px 10px 0px ;
	}
	.sect02 h2{
		background:#fff;
		margin-bottom:30px;
	}
	.sect02 p{
		font-size:16px;
		font-weight:bold;
		text-align:center;
		margin-bottom:20px;
		padding:0 20px;
	}
	.sect02 p span{
		display: inline-block;
		position:relative;
	}
	.sect02 p span::before{
		display: none
	}
	.sect02 p span::after{
		display: none
	}

	.sect02 .bg{
	    background: none;
	    padding-bottom:30px;
	}
	.sect02 .movie{
		width:100%;
		margin:auto;
	}
	.sect02 video{
		border:20px solid #1A1A1A;
		width:100%;
		box-sizing:border-box;
		vertical-align: bottom;
	}

}


.sect03 {
	padding:50px 0 80px;
	background:url(images/bg03.png) rgba(255,255,215,0.55) top center / 100% repeat-y;
}
.sect03 h2{
	margin:0 0 60px;
}
.sect03 li {
	float:left;
	width:320px;
	margin:0 20px 40px 0;
}
.sect03 li:nth-of-type(3n) {
	margin:0 0 0 0;
}
@media screen and (max-width: 1000px) {
	.sect03 {
		padding:50px 0px 50px;
		background:url(images/bg03.png) rgba(255,255,215,0.55) top center / 100% repeat-y;
	}
	.sect03 h2{
		margin:0 10px 30px;
	}
	.sect03 li {
	    float: left;
	    width: calc(50% - 6px);
	    box-sizing: border-box;
	    margin: 0 3px 20px;
	    padding: 5% 0;
	    overflow: hidden;
	    border-radius: 10px;
	    border: 1px solid #ffc984;
	}
	.sect03 li img {
		margin: 0px 0 0 0px;
	    transform: scale(1.1);
	}
	.sect03 li:nth-of-type(3n) {
	    margin: 0 3px 20px;
	}
}


.sect04 {
	padding:50px 0 80px;
}
.sect04 p{
	font-size:26px;
	font-weight:bold;
	text-align:center;
	margin-bottom:20px;
}
.sect04 p img{
	height:40px;
	margin-right:10px;
}
.sect04 p span{
	display: inline-block;
	position:relative;
}
.sect04 p span::before{
	content:"";
	width:5px;
	background:#FF7012;
	height:80px;
	position:absolute;
	left:-40px;
	transform:rotate(-30deg);
	top:10px;
}
.sect04 p span::after{
	content:"";
	width:5px;
	background:#FF7012;
	height:80px;
	position:absolute;
	right:-40px;
	transform:rotate(30deg);
	top:10px;
}
.sect04 h2{
	margin:0 0 60px;
}

.sect04 li {
	float:left;
	width:310px;
	margin:0 35px 40px 0;
}
.sect04 li:nth-of-type(3n) {
	margin:0 0px 0 0;
}
@media screen and (max-width: 1000px) {
	.sect04 {
		padding:50px 10px 80px;
	}
	.sect04 p{
		font-size:16px;
		font-weight:bold;
		text-align:center;
		margin-bottom:20px;
		padding:0 20px;
	}
	.sect04 p img{
		height:30px;
		margin-right:5px;
	}
	.sect04 p span{
		display: inline-block;
		position:relative;
	}
	.sect04 p span::before{
		display: none
	}
	.sect04 p span::after{
		display: none
	}
	.sect04 h2{
		margin:0 0 30px;
	}

	.sect04 li {
		float:left;
		width:50%;
		margin:0 0px 20px 0;
		padding:0 5px;
		box-sizing:border-box;

	}
	.sect04 li:nth-of-type(3n) {
		margin:0 0px 20px 0;
	}
}


.coupoff_pc {
	position:relative;
}
.coupoff_pc a {
	position: absolute;
	width: 43.5%;
	height: 26%;
	top: 58%;
	left: 16%;
}
.coupoff_pc a:hover {
	background:rgba(255,255,255,0.2)
}

.coupoff_sp {
	position:relative;
}
.coupoff_sp a {
	position: absolute;
    width: 100%;
    height: 21%;
    top: 65%;
    left: 0;
}

.coupon_pc {
	position:relative;
}
.coupon_pc a {
    position: absolute;
    width: 68%;
    height: 18%;
    top: 75%;
    left: 16%;
}
.coupon_pc a:hover {
	background:rgba(255,255,255,0.2)
}

.coupon_sp {
	position:relative;
}
.coupon_sp a {
	position: absolute;
    width: 100%;
    height: 21%;
    top: 75%;
    left: 0;
}




#footer {
	height:80px;
}
#footer h1 {
	height:50px;
	padding-top:10px;
	float: left;
}
#footer div.comp {
    float: left;
    padding: 20px;
    line-height: 1.6;
}
#footer p {
	padding: 30px 0 0 40px;
	float: right;
	font-size:12px;
	line-height:1.8;
}
@media screen and (max-width: 1000px) {
	#footer {
		height:auto;
	}
	#footer h1 {
		text-align:center;
		height:40px;
		float: none;
		padding:20px 0 10px;
	}
	#footer div.comp {
	    width:100%;
	    float:none;
	    padding: 20px 0;
	    line-height: 1.6;
		text-align:center;
	}
	#footer p {
		padding: 10px 0 20px;
		float: none;
		text-align:center;
		font-size:12px;
		line-height:1.8;
	}
}