@charset "utf-8";


body{width: 100%;
	min-width: 1200px;
	overflow-y: scroll;}

.font-goth1{font-family: source-han-sans-japanese,sans-serif;
font-weight: 400;
font-style: normal;}

.font-goth2{font-family: source-han-sans-japanese,sans-serif;
font-weight: 700;
font-style: normal;}
	
.font-goth3{font-family: source-han-sans-japanese,sans-serif;
font-weight: 900;
font-style: normal;}
	
.font-goth4{font-family: kozuka-gothic-pr6n, sans-serif;
	font-weight: 900;
	font-style: normal;}

.font-min1{font-family: kozuka-mincho-pr6n, serif;
font-weight: 400;
font-style: normal;}

.font-min2{font-family: kozuka-mincho-pr6n, serif;
font-weight: 700;
font-style: normal;}

.font-min3{font-family: kozuka-mincho-pr6n, serif;
font-weight: 900;
font-style: normal;}

.font-mit1{font-family: a-otf-midashi-mi-ma31-pr6n,serif;
font-weight: 600;
font-style: normal;}

.start_filter{width: 100vw;
	height: 100vh;
	background: rgba(255,255,255,1.00);
	position: fixed; top: 0; left: 0;
	z-index: 9999;}

.start_filter_box{width: 100%;
	position: fixed; top: 50%; left: 0;}
	
.start_filter_img1{width: 560px;
	margin: -212px auto 0;
	}

.start_filter_img2{width: 300px;
	margin: 0 auto;
	-webkit-animation:blink 2s linear infinite;
	-moz-animation:blink 2s linear infinite;
	-ms-animation:blink 2s linear infinite;
	-o-animation:blink 2s linear infinite;
	animation:blink 2s linear infinite;}

.start_filter_img1 img,.start_filter_img2 img{width: 100%;}
	
@-webkit-keyframes blink {
	0% {opacity:0;}
	40% {opacity:1.0;}
	60% {opacity:1.0;}
	100% {opacity:0;}
}
@-moz-keyframes blink {
	0% {opacity:0;}
	40% {opacity:1.0;}
	60% {opacity:1.0;}
	100% {opacity:0;}
}
@-ms-keyframes blink {
	0% {opacity:0;}
	40% {opacity:1.0;}
	60% {opacity:1.0;}
	100% {opacity:0;}
}
@-o-keyframes blink {
	0% {opacity:0;}
	40% {opacity:1.0;}
	60% {opacity:1.0;}
	100% {opacity:0;}
}
@keyframes blink {
	0% {opacity:0;}
	40% {opacity:1.0;}
	60% {opacity:1.0;}
	100% {opacity:0;}
}

.contents_fadein{opacity: 0.0;
	-webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -ms-transition: all 1s;
    transition: all 1s;}
	
.isAnimate { opacity: 1;}

#container{display: none;}

.bg_box{width: 100%;
	height: 100vh;
	background: url("../img/bg1.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	position: fixed; top: 0; left: 0;
	z-index: 0;}

.contents_fadein{opacity: 0.0;
	-webkit-transition: all 2s;
    -moz-transition: all 2s;
    -o-transition: all 2s;
    -ms-transition: all 2s;
    transition: all 2s;}
	
.isAnimate { opacity: 1;}

#conttainer{width: 100%;
	position: relative;}

header{width: 100%;
	height: 70px;
	text-align: center;;
	position: fixed; top: 0;
	background:rgba(25,47,96,1.00);
	border-bottom: rgba(198,156,109,1.00) solid 1px;
	overflow: hidden;
	z-index: 9;}

.pc_menu{display: inline-block;
	overflow: hidden;}
	
@media screen and ( max-width:1300px )
{
.pc_menu{padding-left: 90px;}
}
	
.menu_btn1{height: 42px;
	margin: 17px 1px 0;
	float: left;}

.menu_btn1:hover{opacity: 0.7;}

.menu_btn1 img{height: 100%;}


.main_img{width: 100%;
	padding-bottom: 70px;
	background: url("../img/main_bg1.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	position: relative;}

.main_spacer{width: 100%;
	position: absolute; top: 70px; left: 0;
	z-index: 1;}

.main_spacer img{width: 100%;}

.main_flower1{width: 10.5%;
	position: absolute; top: 0; left: 0;
	z-index: 10;}
		
.main_flower1 img,.main_flower2 img{width: 100%;}

.mv1{width: 60%;
	position: relative; top: 0; left: 70px;
	
	z-index: 2;
	overflow: hidden;}
	
.mv1 img{width: 100%;}
/*  */
.mv2{width: 100%;
	padding-top: 70px;
	position: relative;}

.mv2 img{width: 100%;}

.main_img_info{width: 100%;
	padding: 20px 0;
	text-align: center;
	background: url("../img/bg1.jpg");}
	
.main_info_btn{width: 250px;
	margin: 0 auto;}
	
.main_info_btn img{width: 100%;}

.main_info_btn:hover{opacity: 0.8;}

.mv_select{width: 8%;
	position: absolute; bottom: 30px; left:20px;
	z-index: 3;}
	
.mv_select img{width: 100%;}

.mv_select img:hover{opacity: 0.7;}
/*  */
.main_logo1{width: 38%;
	padding-top: 70px;
	position: absolute; top:4%; right: 5%;}
	
.main_logo1 img{width: 100%;}

.main_img_text1{width: 35%;
	padding-top: 70px;
	position: absolute; top: 48%; right: 6%;}
	
.main_img_text2{width: 35%;
	padding-top: 70px;
	position: absolute; top: 56.5%; right: 6%;}
	
.main_img_text1 img,.main_img_text2 img{width: 100%;}

.main_img_btn1{width: 18%;
	padding-top: 70px;
	position: absolute; top: 76%; right: 15%;
	z-index: 4;}
	
.main_img_btn2{width: 18%;
	padding-top: 70px;
	position: absolute; top: 67%; right: 15%;
	z-index: 5;}
	
.main_img_btn1:hover,.main_img_btn2:hover{opacity: 0.8;}
	
.main_img_btn1 img,.main_img_btn2 img{width: 100%;}

.main_img_text4{width: 35%;
	position: absolute; top: 67%; right: 6%;
	z-index: 5;}
	
.main_img_text4 img{width: 100%;}

@media screen and ( max-width:1500px )
{
.main_img_text4{width: 35%;
	position: absolute; top: 70%; right: 6%;
	z-index: 5;}
}

.con_block1{width: 100%;
	position: relative;
	z-index: 1;}
	
.con_block_inner1{width: 1000px;
	padding: 60px 0;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	z-index: 2;}
	
.news_block{width: 50%;
	float: left;}
	
.block_title1{height: 50px;
	padding-bottom: 5px;}

.block_title2{width: 450px;
	margin: 0 auto;
	padding-bottom: 20px;
	position: relative;
	z-index: 2;}
	
.block_title2 img{width: 100%;}

.block_title1 img{height: 100%;}

.news_box{width: calc(100% - 10px);
	height: 300px;
	border: rgba(212,188,102,1.00) solid 2px;
	border-radius: 5px;
	overflow: hidden;}
	
.news_inner{width: calc(100% - 20px);
	height: calc(100% - 20px);
	padding: 10px;
	background:rgba(255,249,234,1.00);
	overflow-y: scroll;}
	
.topic1{}

.topic_date{font-size: 13px;
	line-height: 150%;
	color: rgba(235,138,152,1.00);}
	
.topic_title{padding-bottom: 5px;	
	font-size: 16px;
	line-height: 150%;color: rgba(204,139,0,1.00);}
	
.topic_text{font-size: 14px;
	line-height: 150%;
	color: rgba(25,47,96,1.00);}
	
.topic_text a{color: rgba(72,176,251,1.00);}
	
.twitter_block{width: 50%;
	float: left;}

.link_caution_ex{width: 600px;
	margin: 0 auto;}
	
.link_caution_ex:hover{opacity: 0.8;}
	
.link_caution_ex img{width: 100%;}

.story_text{font-size: 22px;
	line-height: 200%;
	text-align: center;
	color: rgba(255,255,255,1.00);}







.bg_color1{background: rgba(231,227,202,1.00);}

.bg_color2{background: url("../img/bg1.jpg");
	background-size: cover;}

.bg_color3{background: rgba(95,158,160,0.40);}

.bg_color4{background: rgba(212,188,102,0.40);}

.bg_color5{background:rgba(255,182,196,0.40);}

.bg_pt1{width: 100%;
	height: 100%;
	background: url("../img/bg_pt1.png");
	background-size: 100px 70px;
	position: absolute; top: 0; left: 0;
	z-index: 1;}

.bg_pt2{width: 100%;
	height: 100%;
	background: url("../img/bg_pt2.png");
	background-size: 68px 69px;
	position: absolute; top: 0; left: 0;
	z-index: 1;}
	
.bg_pt2_2{width: 100%;
	height: 100%;
	background: url("../img/bg_pt2_2.png");
	background-size: 68px 69px;
	position: absolute; top: 0; left: 0;
	z-index: 1;}

.bg_pt3{width: 100%;
	height: 100%;
	background: url("../img/bg_pt5.png");
	background-size: 100% 100%;
	position: absolute; top: 0; left: 0;
	z-index: 1;}
	
.bg_story{width: 100%;
	height: 100%;
	background: url("../img/bg_story2.jpg");
	background-size: cover;
	background-position: top center;
	position: absolute; top: 0; left: 0;
	z-index: 1;}

.illust_visual{width: 500px;
	margin: 70px auto 0;}
	
.illust_visual img{width: 100%;}


.contact_box{width: 100%;
	overflow: hidden;}
	
.contact_block1{width: 50%;
	float: left;}


.contact_text{font-size: 18px;
	line-height: 150%;
	text-align: center;}

footer{width: 100%;
	padding:30px 0 10px;
	text-align: center;
	background: rgba(25,47,96,1.00);
	position: relative;
	z-index: 2;}

.link_official{width: 300px;
	margin: 0 auto;}
	
.link_official:hover{opacity: 0.8;}
	
.link_official img{width: 100%;}

.sns_link{width: 100%;
	height: 40px;
	padding-top: 20px;
	text-align: center;}
	
.sns_link img{height: 100%;}
	
.sns_link img:hover{opacity: 0.7;}
	
.copyright{width: 100%;
	padding-top: 20px;
	font-size: 14px;
	text-align: center;
	color: rgba(255,255,255,1.00);}

ul.listmarker1 {
	list-style-type: none;
	margin-left:14px;
}
	
ul.listmarker1 li:before {
	content: '※'; 
	margin-left:-14px; 
}

ul.listmarker2 {
	list-style-type: none;
	margin-left:16px;
}
	
ul.listmarker2 li:before {
	content: '・'; 
	margin-left:-16px; 
}

ul.listmarker3 {
	list-style-type: none;
	margin-left:16px;
	font-size: 16px;
	line-height: 150%;
}

ul.listmarker3 li{padding-bottom: 10px;}
	
ul.listmarker3 li:before {
	content: '◇'; 
	margin-left:-16px; 
}
	
	
/* 下層用 */
	
.bg_box{width: 100%;
	height: 100vh;
	background: url("../img/bg1.jpg");
	background-size: cover;
	position: fixed; top: 0; left: 0;
	z-index: 1;}
	
.head_logo{width: 100%;
	padding: 90px 0 20px;
	background: rgba(255,255,255,0.30);
	position: relative;
	z-index: 2;}

.head_logo_img{width: 300px;
	margin: 0 auto;}
	
.head_logo_img img{width: 100%;}




@media screen and ( max-width:736px )
{
body{width: 100%;
	min-width: 320px;}

.start_filter_box{width: 100%;
	position: fixed; top: 50%; left: 0;}
	
.start_filter_img1{width: 300px;
	margin: -140px auto 0;
	}

.start_filter_img2{width: 150px;}

#conttainer{margin-top: 0;
	padding-top: 0;}

header{display: none;}

.main_img{width: 100%;
	height: auto;
	padding-bottom: 15px;
	background:url("../img/bg1.jpg");}

.mv_sp{position: relative;}

/*  */
.mv_select{width: 16%;
	position: absolute; bottom: 10px; left: 10px;}
	
.mv_select img:hover{opacity: 1.0;}
/*  */

.main_img_btn1_sp{width: 240px;
	margin: 15px auto 0;
	position: relative;}

.main_img_text4_sp{width: 90%;
	margin: 0 auto;}

.con_block_inner1{width: 90%;
	max-width: 450px;
	margin: 0 auto;}

.news_block{width: 90%;
	margin: 0 auto;
	float: none;
	padding-bottom: 15px;}
	
.block_title1{height: 40px;
	padding-bottom: 5px;}

.block_title2{width: 280px;
	margin: 0 auto;
	padding-bottom: 10px;
	position: relative;
	z-index: 2;}
	
.block_title2 img{width: 100%;}

.block_title1 img{height: 100%;}

.news_box{width: calc(100% - 10px);
	height: 300px;
	border: rgba(212,188,102,1.00) solid 2px;
	border-radius: 5px;
	overflow: hidden;}
	
.news_inner{width: calc(100% - 20px);
	height: calc(100% - 20px);
	padding: 10px;
	background:rgba(255,249,234,1.00);
	overflow-y: scroll;}
	
.topic1{}

.topic_date{font-size: 11px;
	line-height: 150%;
	color: rgba(235,138,152,1.00);}
	
.topic_title{font-size: 14px;
	line-height: 150%;color: rgba(204,139,0,1.00);}
	
.topic_text{font-size: 12px;
	line-height: 150%;
	color: rgba(25,47,96,1.00);}
	
.twitter_block{width: 90%;
	margin: 0 auto;
	float: none;}

.link_caution_ex{width: 90%;
	margin: 0 auto;
	padding-top: 10px;}
	
.link_caution_ex:hover{opacity: 1.0;}
	

.story_text{width: 90%;
	margin: 0 auto;
	font-size: 14px;
	line-height: 200%;
	text-align: left;
	color: rgba(255,255,255,1.00);}

.illust_visual{width: 70%;
	margin: 70px auto 0;}

.contact_box{width: 100%;
	overflow: hidden;}
	
.contact_block1{width: 100%;
	padding-bottom: 30px;
	float: none;}


.contact_text{font-size: 14px;
	line-height: 150%;
	text-align: center;}

footer{}

.link_official{width: 250px;
	margin: 0 auto;}

.sns_link_text img:hover{opacity: 1.0;}

.copyright{font-size: 10px;}

ul.listmarker1 {
	list-style-type: none;
	margin-left:12px;
}
	
ul.listmarker1 li:before {
	content: '※'; 
	margin-left:-12px; 
}

ul.listmarker2 {
	list-style-type: none;
	margin-left:12px;
}
	
ul.listmarker2 li:before {
	content: '・'; 
	margin-left:-12px; 
}

ul.listmarker3 {
	list-style-type: none;
	margin-left:12px;
	font-size: 12px;
	line-height: 150%;
}

ul.listmarker3 li{padding-bottom: 10px;}
	
ul.listmarker3 li:before {
	content: '◇'; 
	margin-left:-12px; 
}

/* 下層用 */
	
.bg_box{width: 100%;
	height: 100vh;
	background: url("../img/bg1.jpg");
	background-size: cover;
	position: fixed; top: 0; left: 0;
	z-index: 1;}
	
.head_logo{width: 100%;
	padding: 20px 0;
	background: rgba(255,255,255,0.30);
	position: relative;
	z-index: 2;}

.head_logo_img{width: 250px;
	margin: 0 auto;}

	
}