@charset "UTF-8";


html{
 height:100%;
}
body{
	font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
 margin:0;
 padding:0;
 height:100%;
 width:100%;
 -webkit-font-smoothing:antialiased;
 -webkit-text-size-adjust:100%;
	color:#000;
	font-size:13px;
}
p{
	font-size:13px;
	line-height:1.5em;
	text-align:justify;
}
a:link{
	color:#D40B17;
	text-decoration:none;
}
a:hover{
	color:#D40B17;
	text-decoration:underline;
}
a:link{
	color:#D40B17;
	text-decoration:underline;
}
img{
	border:none;
}
a img{
	border:none;
}
ul, ol{
	list-style:none;
}
ul li{
	display:inline-block;
	list-style:none;
}
.clearfix{
	display:block;
}
.clear{
	clear:both !important;
}
.clear hr{
	display:none;
}
.wrapper{
 z-index:1000;
 position:relative;
	width:100%;
}





/* ==================================================

MOVIE_AREA

================================================== */
.video_background{
	z-index:550;
	text-align:center;
	width:auto;
	height:100%;
	min-height:100%;
	position:relative;
	overflow:hidden;
}
.video_background .video_background_container{
 width:960px;
 max-width:100%;
 display:inline-block;
 position:absolute;
 bottom:5%;
 left:auto;
 -webkit-transform:translate(-50%,-50%);
 -moz-transform:translate(-50%,-50%);
 -ms-transform:translate(-50%,-50%);
 -o-transform:translate(-50%,-50%);
 transform:translate(-50%,-50%)
}
.video_background .video_background_container #scroll{
	position:absolute;
	top:auto;
	right:auto;
	bottom:5%;
	left:40%;
}
@keyframes vertical{
0%{
	transform:translateY(-10px);
}
100%{
	transform:translateY(0px);
}
}
.video_background .video_background_container #scroll img{
	animation:vertical 1s ease-in-out infinite alternate;
	width:50%;
}





/* ==================================================

CONTENTS_AREA

================================================== */
.contents_section{
	color:#111;
	padding:60px 0px 0px;
	background-size:150px 150px;
	background:linear-gradient(-45deg, rgba(255,255,255,0.7), rgba(234,213,5,0.4)), url(../images/bg_ichimatsu.jpg) repeat;
}
.contents_section_container{
	padding-bottom:50px;
	width:1200px;
	margin:-150px auto 0px;
}
.contents_section_container02{
	padding-bottom:50px;
	width:1200px;
	margin:0px auto 0px;
}



.more {
 display:inline-block;
	width:100%;
	height:60px;
	text-align:center;
	text-decoration:none;
	line-height:60px;
	outline:none;
	position:relative;
	z-index:2;
	background-color:#D40B17;
	border:2px solid #D40B17;
	color:#FFF;
 font-size:16px;
 font-weight:600;
 margin:30px auto 50px;
}
.more:link{
 color:#FFF;
 text-decoration:none;
}
.more:visited{
 color:#FFF;
 text-decoration:none;
}
.more:hover {
	background-color:#FFF;
	border-color:#D40B17;
	color:#D40B17;
 text-decoration:none;
}
.more:before{
clear: both !important;
}
.more::before,
.more::after {
 position:absolute;
	z-index:-1;
	display:block;
	content:'';
	top:0;
	width:50%;
	height:100%;
	background-color:#D40B17;
}
.more::before {
	right:0;
}
.more::after {
	left:0;
}
.more:hover::before,
.more:hover::after {
	width:0;
	background-color:#D40B17;
}
.more,
.more::before,
.more::after {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-transition:all .3s;
	transition:all .3s;
}








/* ==================================================

TWEET_AREA

================================================== */
#tweet_frame{
}
div.tweet_frame_header{
	width:835px;
	height:270px;
	overflow:hidden;
	/*float:left;*/
	margin:0px auto 0px;
}
div.tweet_frame_header ul{
	display:block;
	width:835px;
	margin-top:-270px;
	-webkit-animation:animation01 1.5s infinite step-end;
	-moz-animation:animation01 1.5s infinite step-end;
}
div.tweet_frame_header ul li{
	display:block;
	width:835px;
	height:270px;
}
@-webkit-keyframes animation01{
	0%{margin-top:0px;}
	50%{margin-top:-270px;}
	100%{margin-top:-540px;}
}
@-moz-keyframes animation01{
	0%{margin-top:0px;}
	50%{margin-top:-270px;}
	100%{margin-top:-540px;}
}
ul li.flame01{
	background-image:url("../images/board01.png");
	background-size:835px 270px;
}
ul li.flame02{
	background-image:url("../images/board02.png");
	background-size:835px 270px;
}
#message{
	/*float:right;*/
	margin:0px auto 0px auto;
	width:800px;
}
#columns{
	padding:5px;
	margin:0 auto 50px;
 width:100%;
 clear: both;
 

 z-index: 1000;
}
#columns:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
 /*margin-bottom:150px;*/
}

.tweet{
	margin:10px;
	width:252px;
	padding:13px;
	box-shadow:0px 2px 5px #AAA;
	background:#FFF;
	color:#666;
	float:left;
	border-bottom:5px solid #D40B17;
}
.tweet img{
	width:100%;
	height:auto;
}
div.tweet_icon{
	width:60px;
	margin:10px auto 0px;
}
.tweet_icon img{
	width:60px;
	height:60px;
	border-radius:50%;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
}
.tweet div{
	text-align:center;
	font-size:12px;
	font-weight:700;
	color:#111;
	word-spacing:0.5em;
	line-height:1.3em;
}
.tweet div span{
	color:#8B9694;
	font-weight:100;
}
.tweet p{
	font-size:11px;
	line-height:1.1em;
	margin-top:1.0em;
	color:#555;
	text-align:justify;
	letter-spacing:-0.05em;
}
.tweet_button{
	position:relative;
	background-color:#1DA1F2;
	border-radius:4px;
	line-height:52px;
	-webkit-transition:none;
	transition:none;
	box-shadow:0 3px 0 #1679B6;
	text-shadow:0 1px 1px rgba(0, 0, 0, .4);
	width:500px;
	margin:20px auto 10px;
	text-align:center;
	font-size:18px;
	font-weight:900;
}
.tweet_button a:link{
	color:#FFF;
	text-decoration:none;
	display:block;
}
.tweet_button:hover{
	top:-4px;
	box-shadow:0px 7px 0px #1679B6;
	color:#FFF;
}
.tweet_button:active{
	top:3px;
	box-shadow:none;
	color:#FFF;
}
.tweet_button a:visited{
	color:#FFF;
}
.insta_button{
	position:relative;
	background-color:#111;
	border-radius:4px;
	line-height:52px;
	-webkit-transition:none;
	transition:none;
	box-shadow:0 3px 0 #999;
	text-shadow:0 1px 1px rgba(0, 0, 0, .4);
	width:500px;
	margin:20px auto 10px;
	text-align:center;
	font-size:18px;
	font-weight:900;
}
.insta_button a:link{
	color:#FFF;
	text-decoration:none;
	display:block;
}
.insta_button:hover{
	top:-4px;
	box-shadow:0px 7px 0px #999;
}
.insta_button:active{
	top:3px;
	box-shadow:none;
}
.insta_button a:visited{
	color:#FFF;
}
.button_icon{
	vertical-align:middle;
}
.block{
	padding:2em 3.5em;
	background:#FFF;
	box-shadow:0 0 50px #DDD inset;
	-moz-box-shadow:0 0 50px #DDD inset;
	-webkit-box-shadow:0 0 50px #DDD inset;
	width:740px;
	margin:50px auto 0px auto;
}
.block p{
	font-size:14px;
	color:#111;
	line-height:1.5em;
	font-weight:700;
	padding-left:1.5em;
}
#tweet_comment{
 width:700px;
 margin:20px auto 0;
}
#tweet_comment img{
	width:700px;
	height:auto;
}





/* ==================================================

INSTA_AREA

================================================== */
#insta_frame{
	margin-top:0px;
}
#insta_frame h2{
	width:600px;
	margin:0px auto;
}
.insta_image{
	position:relative;
}
  .insta_image:before{
	content:'';
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    box-shadow:inset 0 0 0px 8px rgba(255,255,255,0.6);
    }
#insta_frame .insta01{
	width:468px;
	height:468px;
	position:relative;
	top:0;
	right:auto;
	bottom:auto;
	left:0;
	margin:0px 20px 20px 0px;
	float:left;
}
#insta_frame .insta02{
	width:224px;
	height:224px;
	position:relative;
	top:0;
	right:auto;
	bottom:auto;
	left:488;
	margin:0px 20px 20px 0px;
	float:left;
}
#insta_frame .insta03{
	width:224px;
	height:224px;
	position:relative;
	top:0;
	right:auto;
	bottom:auto;
	left:732;
	margin:0px 20px 20px 0px;
	float:left;
}
#insta_frame .insta04{
	width:224px;
	height:224px;
	position:relative;
	top:0;
	right:0;
	bottom:auto;
	left:976;
	margin:0px 0px 20px 0px;
	float:left;
}
#insta_frame .insta05{
	width:224px;
	height:224px;
	position:relative;
	top:244;
	right:auto;
	bottom:auto;
	left:488;
	margin:0px 20px 20px 0px;
	float:left;
}
#insta_frame .insta06{
	width:468px;
	height:468px;
	position:relative;
	top:244;
	right:0;
	bottom:auto;
	left:732;
	margin:0px 0px 20px 0px;
	float:left;
}
#insta_frame .insta07{
	width:224px;
	height:224px;
	position:relative;
	top:488;
	right:auto;
	bottom:auto;
	left:0;
	margin:-244px 20px 20px 0px;
	float:left;
}
#insta_frame .insta08{
	width:224px;
	height:224px;
	position:relative;
	top:488;
	right:auto;
	bottom:auto;
	left:244;
	margin:-244px 20px 20px 244px;
	float:left;
}
#insta_frame .insta09{
	width:224px;
	height:224px;
	position:relative;
	top:488;
	right:auto;
	bottom:auto;
	left:732;
	margin:-244px 20px 20px 488px;
	float:left;
}
.insta_post{
	padding:20px;
	background-color:#FFF;
	border:4px #171C61 solid;
	position:relative;
	z-index:10;
	width:940px;
	margin:20px auto 0px;
}
.insta_post:before{
	content:"";
	position:absolute;
	background-color:#FFF;
	margin:3px;
	border:2px #171C61 solid;
	top:0;
	right:0;
	bottom:0;
	left:0;
	display:block;
	z-index:-10;
}
.insta_post p{
	text-align:justify;
	font-size:14px;
	line-height:1.5em;
	font-weight:700;
	padding-left:1.5em;
	color:#111;
}





/* ==================================================

FEATURE_AREA

================================================== */
.feature_area{
	background-color:rgba(250,250,250,0.6);
	padding:20px 0 50px;
}
.feature_area h2{
	position:relative;
	padding:0.5em 0;
	text-align:center;
	font-size:36px;
	width:800px;
	margin:0.7em auto 0;
	font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}
.feature_area h2::before,
.feature_area h2::after {
	position:absolute;
	left:0;
	content:'';
	width:100%;
	height:6px;
	box-sizing:border-box;
}
.feature_area h2::before {
	top:0;
	border-top:2px solid #222;
	border-bottom:1px solid #222;
}
.feature_area h2::after {
	bottom:0;
	border-top:1px solid #222;
	border-bottom:2px solid #222;
}
.feature_area ol{
	width:1100px;
	margin:50px auto 100px;
}
.feature_area ol li{
	width:200px;
	height:auto;
	margin:10px;
	float:left;
	text-align:center;
	font-size:13px;
	line-height:1.5em;
	font-weight:600;
}
.feature_area ol li a:link{
	color:#000;
	text-decoration:none;
}
.feature_area ol li a:hover{
	color:#777;
	text-decoration:none;
}
.feature_area ol li a:visited{
	color:#000;
	text-decoration:none;
}
.feature_area ol li img{
	width:200px;
	height:200px;
	border-radius:200px;
	-webkit-border-radius:200px;
	-moz-border-radius:200px;
}
.feature:hover{
	opacity:1;
	-webkit-animation:flash 1.5s;
	animation:flash 1.5s;
}
@-webkit-keyframes flash{
	0% {
		opacity:.4;
	}
	100% {
		opacity:1;
	}
}
@keyframes flash{
	0% {
		opacity:.4;
	}
	100% {
		opacity:1;
	}
}
.feature_area ol li div.feature_column{
	background-color:#2F6A2E;
	color:#FFF;
	font-size:12px;
	font-weight:600;
	text-align:center;
	padding:0.3em 1em;
	width:4em;
	margin:0 auto 1em;
	letter-spacing:0.1em;
}
.feature_area ol li div.feature_movie{
	background-color:#DA1725;
	color:#FFF;
	font-size:12px;
	font-weight:600;
	text-align:center;
	padding:0.3em 1em;
	width:5em;
	margin:0 auto 1em;
	letter-spacing:0.1em;
}
.feature_area ol li div a:link{
	color:#FFF;
	text-decoration:none;
}
.feature_area ol li div a:hover{
	color:#FFF;
	text-decoration:none;
}
.feature_area ol li div a:visited{
	color:#FFF;
	text-decoration:none;
}






/* ==================================================

SNS_ICON_AREA

================================================== */
.icon_area{
	width:600px;
	margin:50px auto 0px;
	padding-bottom:50px;
}
.icon_area ol{
}
.icon_area ol li{
	float:left;
	margin:0px 50px;
}
.icon_area ol li img{
	width:80px;
	height:auto;
}
.icon{
}
.icon:hover {
	-webkit-animation:scale .5s ease-in-out;
	animation:scale .5s ease-in-out;
}
@-webkit-keyframes scale {
	50% { -webkit-transform:scale(1.2); }
}
@keyframes scale {
	50% { transform:scale(1.2); }
}




/* ==================================================

LINK_AREA

================================================== */
#btn_frame{
	width:1200px;
	margin:60px auto 0px;
	padding-bottom:50px;
}
#btn_frame ol{
}
#btn_frame ol li{
	float:left;
	margin:0px 40px;
}
.button{
	display:inline-block;
	width:300px;
	height:54px;
	text-align:center;
	text-decoration:none;
	line-height:54px;
	outline:none;
	position:relative;
	-webkit-perspective:300px;
	perspective:300px;
	font-size:16px;
}
.button::before,
.button::after{
	position:absolute;
	z-index:-1;
	display:block;
	content:'';
}
.button,
.button::before,
.button::after{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-transition:all .3s;
	transition:all .3s;
}
.button span{
	display:block;
	position:absolute;
	width:300px;
	height:60px;
	border:2px solid #D40B17;
	text-align:center;
	line-height:56px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-transition:all .3s;
	transition:all .3s;
	pointer-events:none;
}
.button span:nth-child(1){
	background-color:#D40B17;
	color:#FFF;
	-webkit-transform:rotateX(90deg);
	-moz-transform:rotateX(90deg);
	transform:rotateX(90deg);
	-webkit-transform-origin:50% 50% -30px;
	-moz-transform-origin:50% 50% -30px;
	transform-origin:50% 50% -30px;
}
.button span:nth-child(2){
	background-color:#FFF;
	color:#D40B17;
	-webkit-transform:rotateX(0deg);
	-moz-transform:rotateX(0deg);
	transform:rotateX(0deg);
	-webkit-transform-origin:50% 50% -30px;
	-moz-transform-origin:50% 50% -30px;
	transform-origin:50% 50% -30px;
}
.button:hover span:nth-child(1){
	-webkit-transform:rotateX(0deg);
	-moz-transform:rotateX(0deg);
	transform:rotateX(0deg);
}
.button:hover span:nth-child(2){
	background-color:#D40B17;
	-webkit-transform:rotateX(-90deg);
	-moz-transform:rotateX(-90deg);
	transform:rotateX(-90deg);
}
#back{
 position:fixed;
 bottom:30%;
 right:1%;
 z-index:20;
}






/* ==================================================

FOOTER_AREA

================================================== */
#to_pagetop_frame{
	background-color:#111;
	padding:24px 0;
	width:100%;
}
#to_pagetop_frame div{
	margin:0px auto;
	width:80px;
}
#to_pagetop_frame div img{
	width:80px;
	height:auto;
}
footer{
	width:100%;
	padding:20px 0 10px;
	background-color:#D40B17;
}
#copyright{
	text-align:center;
	font-size:12px;
	color:#FFF;
	margin:5px auto;
}
footer div#sake{
	width:50px;
	height:auto;
	margin:25px auto 0;
}
footer div#sake img{
	width:50px;
}




/* ==================================================

GALLERY_PAGE

================================================== */
#gallery_frame{
 width:1200px;
 margin:0px auto;
}
#gallery_frame h2{
 width:960px;
 margin:0px auto;
 padding-top:90px; 
}