@import url('https://fonts.googleapis.com/earlyaccess/notosanstc.css');


body{
	width:100%; font-size: 1em;
	font-family:"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3","Meiryo","メイリオ",sans-serif; color:#fff; 
}
a {text-decoration: none; 
	color: #e64c60; line-height:3em;
	outline: none; /* for Firefox */
	font-size:0.9em; font-family:"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3","Meiryo","メイリオ",sans-serif; letter-spacing: 0.2em}
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
li{ list-style:none;}
a:hover {}
img {border:0px;}
h2 { font-size: 36px;font-weight: 300;color: #000;margin:10px auto 30px 0; text-align:left; 	padding-left:10px; letter-spacing: 0.2em;} 
h2 span {color:#909090;font-size: 30px;}
h1 {    font-size: 2em;font-weight: 800;color: #fff; margin:0 auto 20px 0; text-align:left; letter-spacing: 0.1em;  line-height: 1.5em} 
h3 {font-size:22px;font-weight:300;color: #333333; margin:0 auto 20px 0; letter-spacing: 0.1em;  line-height: 1.5em} 
p{ color: #111111; letter-spacing: 0.1em; line-height: 2em; padding: 0.1em;white-space: pre-wrap;word-wrap: break-word; font-size:16px;}
.at_logo {position:absolute;bottom:0;right:0;width:120px;margin-bottom:5%;margin-right:5%;}
.at_logo img {width:100%;}
.forsp {display: none;}

#opening .load_logo img { width:100%; max-width:1500px}
.wrapper { width:100%;  margin:0 auto; opacity:1;}
.main { width:1200px; height:725px;margin:0 auto; position:relative;}
.top{ background-color:#fff;
	width:100%;	position:relative; -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;  
	 display: flex; align-items:center;
    justify-content:center;
		  }
.buy { text-align:center;
    width: 226px;color: #fff;
    font-size: 12px; letter-spacing:1px;
    text-decoration: none;
    background: #000;
    padding: 10px;
    margin-top: 31px; position: relative;top:550px; left:80px;}
.buy a{ color:#fff; text-decoration:none;}
.buy:hover{background: #373737;}
.linkout { width:100%; margin: 0px; position: relative;vertical-align: top; left: 0}
.link {display: inline-block; width: 50%;}
.link a{ text-decoration: none; 
    padding: 2% 4%; 
    border-radius: 0px; font-size: 0.8em;
    border: 1px solid #000;
    color: #000;}
.link:hover{ }
.link a:hover { background-color: #000; border: 1px solid #fff; color: #fff}

.link2 {display: inline-block; width: 50%;}
.link2 a{ text-decoration: none; 
    padding: 2% 4%; 
    border-radius: 0px; font-size: 0.8em;
    border: 1px solid #fff;
    color: #fff;}
.link2:hover{ }
.link2 a:hover { background-color: #000; border: 1px solid #fff; color: #fff}


.title { position: relative; width:1004px; height:725px; margin:0 auto;}

.t3{ position: absolute;z-index:97;bottom:0;margin-bottom:5%;text-align:left; left:5%; width: 440px; font-weight: bold;}
/*.t3 img { width: 100%; max-width:262px}*/
.t3 p {color:white; }
.t3 img {width:100%; max-width:600px}


.t4{ position: absolute; left:10px;top:10px;z-index:9; width:80%;}
.pline { letter-spacing: 0 !important}
.logo { position:relative; margin: 0 auto;width: 100%; height: 100vh; display: flex; align-items:center;
    justify-content:center; background:url("../images/topimage.jpg") center center; background-size:cover}

.subtitle { position: relative;left:430px; top:-170px;} 
.subtitle li { float:left; list-style:none; margin:0 8px 0 10px;}

.row {
    margin-left: -10px;
    margin-right: -10px;
}


.sec7in {width: 80%; margin: 0 auto; padding-top: 3em; overflow: hidden;}

.pc{display: block}
.mob{display: none!important}

.arrow_box {
	position: relative;
	background: #00519c;
}
.arrow_box:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(0, 81, 156, 0);
	border-top-color: #00519c;
	border-width: 10px;
	margin-left: -10px;
}

.wrap2 {  margin:0 auto; overflow:hidden; width: 100%; 
    z-index: 1;}
.topbg {background-image: url(../images/top.jpg); background-attachment: fixed; background-size: cover;
    margin: 0 auto;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;}
.wrapbg {  margin:0 auto; overflow:hidden; width: 100%; background-color: #000;
    background-size: cover;
    background-position: center;	
    background-repeat: repeat;
    background-attachment: scroll;
    z-index: -1;}
.wrapbg2{background-image: url(../images/map.jpg); background-attachment: fixed;
    margin: 0;
    height: 100vh;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;}

/*===sec===*/
.yellow_bg {background-color: #fff7e4;}
section.section02 .pr_info,.section_inner {max-width:1170px; margin:auto;margin-top:40px;}
.section_inner > div {width:840px;margin: auto;}
section.section02 .pr_info {display: flex;}
section.section02 .pr_info figure {width:55%;}
section.section02 .pr_info div {width:45%;padding:75px;background-image: url("../images/bg.jpg");}
section.section02 .pr_info div h4 {font-size:22px;color:#333;line-height: 2rem;margin-bottom:20px;}
section.section03 {padding-top:40px;padding-bottom:40px;}
section img {width:100%;}
#sec1 {  width:100%; margin:0 auto; overflow: hidden; background-image:url("../images/umibe01.jpg"); }
#sec2 { width:100%; margin:0 auto ; overflow: hidden; background:url(../images/pro_01.jpg); background-size: cover}
#sec3 { width:100%; margin:0 auto; overflow: hidden;background:url(../images/pro_02.jpg); background-size:cover}

#sec1-2 { width:100%; margin:0 auto ; overflow: hidden;-webkit-box-shadow: inset 0 20px 20px -20px rgba(0, 0, 0, 0.8);
    -moz-box-shadow: inset 0 20px 20px -20px rgba(0, 0, 0, 0.8);
    -ms-box-shadow: inset 0 20px 20px -20px rgba(0, 0, 0, 0.8);
    -o-box-shadow: inset 0 20px 20px -20px rgba(0, 0, 0, 0.8);
    box-shadow: inset 0 20px 20px -20px rgba(0, 0, 0, 0.8);	}
#sec1-3 { width:100%; margin:0 auto ; overflow: hidden;}
	
#sec5 	{ width:100%; margin:0 auto; overflow: hidden;}
.shop { background:url(../images/shop_bk.jpg) center center no-repeat; height:400px; width:100%; background-size:cover}
.pro_con01_out {width: 100%; padding-top:500px; background-image:url(../images/bg_yellow.svg); background-repeat:no-repeat; background-position:0 450px; text-align:center}
.pro_con01 {width:100%; max-width: 1200px; margin:0 auto;}
.pro_con01 li { display:inline-block; padding:2em;}
.left { text-align:left;width:100%; } .right {text-align: center;width:30%; }
.pro_con01 li img {width:100%; max-width:350px}

.pro_con02_out {width: 100%; padding-top:500px; background-image:url(../images/bg_purple.svg); background-repeat:no-repeat; background-position:0 400px; text-align:center}
.pro_con02 {width:100%; max-width: 1200px; margin:0 auto; text-align:center;}
.pro_con02 li { display:inline-block; padding:2em;}
.pro_con02 li img {width:100%; max-width:350px}
.pro_con02 h2, .pro_con02 p{ color: #fff;}
.pro_con02 h2{ border-left:3px solid #fff}

#sec4,#sec5{ width:100%; margin:0 auto ; overflow: hidden; }
#sec6,#sec7,#sec8,#sec9 { width:100%; margin:0 auto; overflow: hidden;background-color: rgba(0, 0, 0, 0.6);}

.intro { width:100%;max-width:1000px; margin:4em auto; overflow: hidden; }
.sub_title { width:100%; max-width:1200px; margin: 6em auto 0.5em auto; text-align: left; padding:2em 2em 0 2em}
.wordt { width:100%; max-width:1200px; margin: 6em auto; text-align: left; padding:2em}
.wordt3 a{ font-weight: bold; font-size: 1rem; line-height: 0.8rem}
.sub_title img {width: 100%; max-width: 350px}
.wordt img{width: 100%; max-width: 869px}

.wordintro{ width:35%}
.wordintro p {color:#fff; font-size: 0.9rem}
.wordt2 { width:100%; max-width:800px; margin: 0 auto 2em auto; text-align: left; padding:2em 10em ;border-top:1px solid #d6d1cc;border-bottom: 1px solid #d6d1cc;}
.wordt2 p{}
.wordt3 { width:100%; max-width:1200px; margin: 0 auto ; text-align: left; padding:2em}
.wordt4 { width:100%; max-width:1200px; margin: 0 auto 2em auto; text-align: center; padding:2em}
.wordt4 img { width:100%; max-width:1000px;}

.sub_title2 { width:100%; margin: 5em auto 1em auto; text-align: center; }
.sub_title2 img {width: 100%; max-width: 112px}
.sub_title3 { width:100%; margin:auto; text-align: center;}
.sub_title3 img {width: 100%; max-width: 243px}
.sub_title4 { width:100%; margin: 5em auto 5em auto; text-align: center; }
.sub_title4 img {width: 100%; max-width: 479px}
.sub_title5 { width:100%; margin: 5em auto 5em auto; text-align: center; }
.sub_title5 img {width: 100%; max-width: 479px}


/*==�?��==*/
.product {display: flex;justify-content: center;}
.product > div {width: 280px;padding:2%;}
.product h5 {color: #333;font-size:16px;font-weight: 300;line-height:1.3rem;}
.product h5 span {font-size:13px;}
section a {display: block;display: block;width: 50%;margin: auto;margin-top: 20px;}

/*==�?��==*/


/*==地図==*/
.map {margin-top: 10px;}
.jiyugaoka {display: flex;justify-content: center;margin-top:50px;}
.jiyugaoka iframe {width:320px;height:260px;margin-right:20px;}
hr.dashed {border:nonr;border-top:1px dashed #e7e7f6;width: 1170px;margin:auto;margin-top:50px;margin-bottom:50px;}
h6 {color:#333;}
.map p {font-size: 15px;}
.event {display: flex;justify-content: center;margin-bottom:100px; flex-wrap: wrap;}
.event > div {width:290px;margin:2%;}
.event iframe {width:100%;height:260px;margin-bottom:5px;}
/*==地図==*/


/*==APPLE==*/
.applepic{ width:100%; margin: 0 auto 6em auto; text-align: center; }
.applepic li {display: inline-block;
    width: calc(100%/4 - 20px); margin:calc(5px * 3 / 2);
vertical-align:top}
.applepic li img {width: 100%;}
.applepic li p {text-align:left; line-height:1.5rem}
.applepic li a {line-height:1.5rem}
.applepic li h1 { font-size:0.9rem; font-weight:bold; margin:0}

/*==APPLE==*/

.sale_txt { font-size:0.9em !important; line-height:1.5em;}


.wrap3 { width:100%; margin:0 auto;overflow: hidden; background-image: url(../images/bg2.jpg); background-size: cover;}
.auth {  background-image: url(../images/auth.png); }
.m_authsub {font-size: 1.5em;}

.read { width:100%; max-width:1200px; background-image:url(../images/read.png); background-repeat:no-repeat; margin:30px auto;}
.readin{ width:90%; -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box; padding:90px 0 50px 0; margin:20px auto;}
.readin li { margin:10px; display:inline-block}
.readin li img { width:100%; max-width:200px;}
#read_i {position: relative;top:570px;width:900px;height:300px;overflow: auto;letter-spacing:0.7pt;line-height:1.8em;margin:0px 50px 50px 85px;text-align:left;font-size : 15px;border: 0;padding:10px;background-color:#000; color: #F7F7F7;word-wrap: break-word; word-break: normal; }
.line { width:90%; margin:20px auto; height:1px; background-image:url(../images/line.png)}

.times {font-family: DFKai-sb,Times, Times New Roman, serif; font-size: 1.2em}
pre {
white-space: pre-wrap;
word-wrap: break-word;
}

.mb_footer{
	margin:0 auto; width: 100%; line-height: 1.5em; letter-spacing: 0.3em;
	font-size:1em;
text-align:center; 
position: relative;background-color:#232323; padding:2em; color:#fff}
.mb_footer p {color:#fff}
.mb_footer a {color:#eb613b;}

#mob_top,.col,.colout,.m_sub1,.m_sub2,.m_auth1,#chara{ display:none;}

#topcontrol {z-index:999;}
.booklist2 { display:none;}
#ct1,#ct2,#ct3,#ct4,#ct5 { cursor:pointer;}
.white-popup {
  position: relative;
  background: #fff;
  padding: 40px;
  width: auto;
  max-width: 1200px;
  margin: 20px auto;
}
.open-popup-link { display: inline} .m_open-popup-link{ display: none}

.queryloader__overlay {
background: url(images/loading.gif) no-repeat 50% 45%;
}


#ct1{bottom: 2%;
		display: block;
		height: 1.5em; width: 100%; max-width: 50px;
		overflow: hidden;
		position: absolute; z-index: 9999;left: 0;right: 0; margin: 0 auto; text-align: center}

.mi {position: relative ;left: -50%}
.menu {width: 80%;float: left; padding-left: 10px;text-align: center;}
.menu li {width:120px; padding: 13px 10px 10px 10px;float: left; background: url(../images/menuli.png) center left no-repeat}
.menu li.m3 {width: 140px !important;}
#chara {display: none;}


.slider_container {
    margin: 0 auto;
    width: 100%;
	height:400px;
	max-height:400px;
    position: relative;
    background-color: #f5f5f5;
}

.slider_container div {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0);
}
.slider_container div img { width:100vw;}
.slider_container div {
    -webkit-animation: round 20s linear infinite;
            animation: round 20s linear infinite;
}

@-webkit-keyframes round {
    5% {
        opacity: 1;
        filter: alpha(opacity=100);
    }
    25% {
        opacity: 1;
        filter: alpha(opacity=100);
    }
    30% {
        opacity: 0;
        filter: alpha(opacity=0);
    }
}
@keyframes round {
    5% {
        opacity: 1;
        filter: alpha(opacity=100);
    }
    25% {
        opacity: 1;
        filter: alpha(opacity=100);
    }
    30% {
        opacity: 0;
        filter: alpha(opacity=0);
    }
}


.slider_container div:nth-child(5) {
    -webkit-animation-delay: 0s;
            animation-delay: 0s;
}

.slider_container div:nth-child(4) {
    -webkit-animation-delay: 5s;
            animation-delay: 5s;
}

.slider_container div:nth-child(3) {
    -webkit-animation-delay: 10s;
            animation-delay: 10s;
}

.slider_container div:nth-child(2) {
    -webkit-animation-delay: 15s;
            animation-delay: 15s;
}

.slider_container div:nth-child(1) {
    -webkit-animation-delay: 20s;
            animation-delay: 20s;
}

.s1 { background:url(../images/slider_01.jpg) center center no-repeat; height:400px; width:100%; background-size:cover}
.s2 { background:url(../images/slider_02.jpg) center center no-repeat; height:400px; width:100%; background-size:cover}
.s3 { background:url(../images/slider_03.jpg) center center no-repeat; height:400px; width:100%; background-size:cover}
.s4 { background:url(../images/slider_04.jpg) center center no-repeat; height:400px; width:100%; background-size:cover}

/*----------------------------- 
header
------------------------------*/
#header { width:100%; margin:0 auto; background-color: rgba(0, 0, 0, 0.8); overflow:hidden; min-width:1004px; position: fixed; z-index: 99999}
.header { width:100%; margin:0 auto; overflow:hidden; padding: 0.3em 0}
.header_logo { width:113px; float:left; padding:5px;}
.header_right { float:left;padding-top:15px; text-align: right;color:#CDCDCD; position: absolute; right:10px;}
.header_right a,.header_right a:after { color:#CDCDCD;}
#m_header{ display:none;}

/*----------------------------- 
header
------------------------------*/

@media all and (max-height: 700px){

}


/*---phone---*/

@media all and (max-width: 1200px){
	section.section02 .pr_info div {padding:40px;}
}

@media all and (max-width: 1024px){
	.top{margin: 0 auto}
	section.section02 .pr_info div {padding:40px;}
	section.section02 .pr_info {display: flex;flex-wrap: wrap;}
	section.section02 .pr_info figure,section.section02 .pr_info div {width:100%;}
	.section_inner > div {width:90%;margin:auto;}
	.pr_info02 > figure {-webkit-box-ordinal-group:1; -ms-flex-order:1; -webkit-order:1; order:1;}
	.pr_info02 > div {-webkit-box-ordinal-group:2; -ms-flex-order:2; -webkit-order:2; order:2;}
} 

@media all and (max-width: 768px){
	.logo {height: 75vh;}
.s1,.s2,.s3,.s4{background-size:cover; height:200px}
.slider_container {height:200px}
	.t3 { top:15vh; left: auto; margin:0 auto; width:75%}
	.t3 img {height: auto; width: 100%}
	.logo,.top{ display: flex; align-items:center;
    justify-content:center;}
	.logo{  margin:0 auto}
	.arrow_box h1::after {
    content: " ";
    border: 0;
    display: none;
    width: 65px;
    margin: 10px auto;}
	p{letter-spacing: 0.2em; }
	.topbg {background-image: url(../images/top.jpg) center center fixed no-repeat;    margin:0;
    padding:0;    -moz-background-size: cover;background-size: cover;}
	#sec1,#sec2,#sec3,#sec4,#sec6,#sec7{margin:0 auto}
	#sec5{margin:0 auto 3em auto}
	#sec3{ background-position:450px 0}
	#sec1 {background-image: none; background-color: #fff}
	.teabag_txt li{width:100%} .teabag_txt{ padding:3em 1em}
	.sub_title{margin:  0 auto; padding: 2em 2em 0 2em; text-align: center}
	.wordt{margin: 1em auto 1em auto; padding-top:0}
	.wordt2{ padding:1em; width:90%}
	.applepic{margin:0 auto }
	.wordintro p { color:#232323}
	.mountain_out {background:rgba(0,0,0,0.3)}
	.wordintro{ width:100%}
	.pro_con01 { background-color:#fff }
	.pro_con02{ background-color:#e64c60 }
#opening .load_logo{width:100%}
.item {margin:0 auto}	
.pc{display: none!important}
.mob{display: inline-block!important} .mob img {width:100%}	

.left { text-align:left;width:100%; } .right {text-align: center;width:100%; }	

	.pro_con01_out,.pro_con02_out{ padding-top: 40vh;}
	.pro_con01_out{background-position :0 250px}
	.pro_con02_out {background-position :0 200px}
.pro_con01 li img ,.pro_con02 li img { width:80%;}
.item li { width:40%;}	
.map li {width:40%; margin:10px}	
.wordt3,.map {margin:0 auto}
.lin	kout{ width:100%; margin:0 auto; left:auto; top:auto; margin-top:20px;}
.wrapper{ min-width:100%; overflow:hidden; color:#333; background-image: none;background:#fff;}
body{ overflow-x:hidden;}
	.main,.event1,.event2,.event3,.auth,.read,.cha{ display:none;}
h1{ font-size:36px;font-weight: normal;color: #fff;margin:0 auto; text-align:left; padding:0px; letter-spacing: 0.2em; margin-top:0px;}
	h1 span {font-size:24px;}
	
	.sub_title2,.sub_title3,.sub_title4	{margin:0 auto 0.5em auto;}

	.linkout { text-align:center}
	
	.m_sub1 { width:100%; margin: 30px auto; display: inline;}
	.m_sub1 h2 { border:0; padding: 20px; text-align: left; line-height: 1.5em; margin: 0; font-weight: normal;} 
	.intro{ margin-top: 0;}
	.auth_left{ width:100%;}
	.m_auth1 {
    width: 100%;
    padding: 20px;
    position: relative;text-align: left;display: inline-block;vertical-align :top }
.m_auth1 p { color:#fff;}
.m_auth1 h2 { color:#fff; border-left: 0; padding-left: 0}
.m_auth1 h2::after { content: "  "; border: solid 2px #fff; display: block; width: 30%; margin: 20px 0 40px 0; }

	.auth_left p	{ font-size: 0.8em} .auth_left h2{margin-bottom: 30px}
	.m_authsub { font-size: 1.3em; padding-bottom: 20px; color: #fff; padding-top: 20px}
.booklist2{ width:100%;display:inline-block; float:left; overflow:hidden;padding:10px; height:auto;}

.booklist li img { width:95%; height: auto;}
.ser{ width:100px; background-color:#CD0173; padding:5px 10px; margin:5px; text-align:center; font-size:1.5em;}
.linkbuy{ width:100%; background-color: #000; padding:20px 20px; margin:20px auto; text-align:center; display:block;color:#fff; letter-spacing:0.8em; font-size:1.5em;}
.linkbuy a { }
.wrap2{ width:100%; top:0; position:relative;}
	.wrap3 { background-image: url(../images/m_bg2.jpg)}
#topcontrol { display:none;}
.mb_footer,.mb_footerinner { width:100%; color:#fff;}
#header,#read_i { display:none;}
.readin { padding:0; width:100%; text-align:center;}
.readin li { width:45%; margin:5px;} 
	#chara {width: 90%;margin: 0 auto 4em auto; display: block;}
	#chara img {width: 100%; max-width: 966px; padding-top: 1em}

/*----------------------------- 
header
------------------------------*/
.m_header { width:100%; margin:0 auto; overflow:hidden;}
.m_header_logo { width:113px; float:left; padding:5px;}
#m_header{  width:100%; margin:0 auto; background-color:#363636; overflow:hidden; display:block;}

/*----------------------------- 
header
------------------------------*/

}
/* Button */

	input[type="button"],
	input[type="submit"],
	input[type="reset"],
	.button,
	button {
		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		appearance: none;
		-moz-transition: all 0.2s ease-in-out;
		-webkit-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
		border: 0;
		border-radius: 3.5em;
		color: #fff;
		cursor: pointer;
		display: inline-block;
		height: 1.5em;
		line-height: 1.5em;
		outline: 0;
		padding: 0 2em 0 2em;
		position: relative;
		text-align: center;
		text-decoration: none;
	}

		input[type="button"].down,
		input[type="submit"].down,
		input[type="reset"].down,
		.button.down,
		button.down {
			width: 4em;
			height: 4em;
			line-height: 4.5em;
			padding: 0;
			background-image: url("images/dark-arrow.png");
			background-position: center center;
			background-repeat: no-repeat;
			text-indent: -10em;
			overflow: hidden;
		}

			input[type="button"].down.anchored,
			input[type="submit"].down.anchored,
			input[type="reset"].down.anchored,
			.button.down.anchored,
			button.down.anchored {
				bottom: 0;
				border-bottom: 0;
				border:0;
				height: 5em;
				margin-left: -2.5em;
			}

		input[type="button"].anchored,
		input[type="submit"].anchored,
		input[type="reset"].anchored,
		.button.anchored,
		button.anchored {
			position: absolute;
			left: 50%;
		}

		input[type="button"]:hover,
		input[type="submit"]:hover,
		input[type="reset"]:hover,
		.button:hover,
		button:hover {
			background-color: #a8d5a3;
		}

		input[type="button"]:active,
		input[type="submit"]:active,
		input[type="reset"]:active,
		.button:active,
		button:active {
			background-color: #88b583;
		}

		input[type="button"].style2,
		input[type="submit"].style2,
		input[type="reset"].style2,
		.button.style2,
		button.style2 {
			background-color: transparent;
			
			color: inherit;
		}
		input[type="button"].style3,
		input[type="submit"].style3,
		input[type="reset"].style3,
		.button.style3,
		button.style3 {
			background-color: transparent;
			border: 0;
			color: inherit;
		}

			input[type="button"].style2:hover,
			input[type="submit"].style2:hover,
			input[type="reset"].style2:hover,
			.button.style2:hover,
			button.style2:hover {

			}

			input[type="button"].style2.down,
			input[type="submit"].style2.down,
			input[type="reset"].style2.down,
			.button.style2.down,
			button.style2.down {
				background-image: url("images/arrow.png");
			}
/* Dark */

	.dark {
		color: #725863;
	}

		.dark a {
			color: #fff;
		}

		.dark .button.style2 {
			border-color: inherit;
		}

			.dark .button.style2:hover {

			}

			.dark .button.style2.down {
				background-image: url("images/dark-arrow.png");
			}
@media all and (max-width: 450px){
	.forpc {display: none;}
	.forsp {display: block;}
	#sec2{ background-position:1400px 0}
	h1, .t3 p {color: #333;}
	.t3 {position:relative;top:0;margin-top:20px;margin-bottom:20px;width:80%;}
	h2 span {display: block;}
	h2{line-height: 3rem;}
	.product, .jiyugaoka, .event {display:block;padding:0 10%;}
	.product > div, .jiyugaoka iframe {margin:auto;}
	.product > div {width:100%;}
	.event {flex-wrap: wrap;}
	.event > div {width: 100%; margin:0;margin-bottom:30px;}
	section.section01 img {width: 145%;margin-left: -25%;}
	.section_inner > div {width:80%;}
	section a {display: block;display: block;width: 250px;margin: auto;margin-top: 20px;}

}