@charset "utf-8";
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,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main,summary,time,mark,audio,video,a,input,textarea,section{ margin:0;padding:0; border:0; font-size:100%; background:transparent; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main{ display:block;}
nav ul{ list-style:none;}
ul{ list-style:none; }
blockquote,q{ quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{ content:''; content:none;}
pre,code,kbd,samp{ font-family:monospace,monospace; font-size:inherit;}
table{ border-collapse:collapse; border-spacing:0;}
img{ border:0;}
address,caption,cite,code,dfn,em,th,var{ font-style:normal; font-weight:normal;}
caption,th{ text-align:left;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal}
sup{ vertical-align:text-top; font-size:75%;}
sub{ vertical-align:text-bottom; font-size:75%;}
input,textarea,select{ z-index:auto; font-family:inherit; font-size:inherit; font-weight:inherit; vertical-align:middle;}
a{ outline:none;}
audio:not([controls]){ display:none;}
time{ display:inline;}
[hidden]{ display:none;}
input::-ms-clear,input::-ms-reveal,input:focus::-ms-clear,input:focus::-ms-reveal{visibility:hidden; display:none;}
button::-moz-focus-inner,input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="file"]>input[type="button"]::-moz-focus-inner{ padding:0; border:0; outline:none;}
/*==================================================== */
body{-webkit-text-size-adjust:100%; -webkit-font-smoothing:antialiased; font-family:'Roboto','Droid Sans',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック",sans-serif; line-height:1.8;}
button{font-family:'Roboto','Droid Sans',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック",sans-serif; cursor:pointer;}

a:link{ color:#373737;}
a:visited{ color:#373737;}
a:hover {color:#373737; transition:background 0.2s;}
a:active{color:#373737;}
*{-webkit-tap-highlight-color:rgba(0,0,0,0);}
.clr{clear:both;}
.hide{position:absolute !important; left:-9999px !important; top:-9999px !important;}
.clr{clear:both;}
section {clear:both; zoom:1;}
article:after,
section:after,
.clrFx:after{content:''; clear:both; display:block;}
.transition{-webkit-transition:0.3s ease; -moz-transition:0.3s ease; -ms-transition:0.3s ease; -o-transition:0.3s ease; transition:0.3s ease; filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6;}

img{-ms-interpolation-mode:bicubic;}

/*
	BASE SET
__________________________________________________*/
html{overflow:visible;}
html,body {margin:0; padding:0;}
body {position:static; overflow:auto; width:auto; *overflow-y:hidden; color:#fff; font-size:20px; line-height:1.5; z-index:0; background:#000;}

.over-section{margin:0 -410px; zoom:1; position:relative; *overflow-y:hidden; clear:both; padding:0;}
.over-section:after{content:''; clear:both; display:block;}
main {width:100%;}
section {width:100%; margin:0 auto; clear:both; zoom:1; position:relative; z-index:100; padding:0;}
.wrap   {margin:0 auto; clear:both; zoom:1; position:relative; z-index:100; padding:0;}
article   {margin:0 auto; clear:both; zoom:1; position:relative; z-index:10; padding:0;}
article:after,section:after,.wrap:after{content:''; clear:both; display:block;}
*,*::before,*::after {box-sizing:border-box;}

/* 
	main parts
*/
main {font-size:0; line-height:1; position:relative; opacity:1; transition:opacity 0.6s ease;}
.windowloaded main {opacity:1;}

body,#contents  {background:#000 !important;}

#sgsContents {position:relative; overflow:hidden; opacity:1; transition:opacity 0.6s ease; background:#000;}
.windowloaded #sgsContents{opacity:1;}

@media screen and (min-width:641px){
/* pc */
#sgsContents {min-width:1100px; padding-bottom:50px;}
#sgsContents:before {min-width:1100px; content:''; width:1920px; height:2400px; background:url(../images/bg.jpg) center top no-repeat #000; background-size:1920px auto; position:fixed; left:50%; top:0; margin-left:-960px; z-index:0;}

/* header */
#header {height:60px; width:100%; min-width:1100px; background:rgba(144,0,0,1); position:absolute; left:0; z-index:200; transition:top 1s; top: 0;}
.windowloaded #header {top:0;}
#header .logo {margin-left:40px;}

/* sgsFooter */
#sgsFooter {text-align:center; max-width:910px; margin:0 auto; padding:35px 0 0; position:relative; z-index:10;}
#sgsFooter .sns {margin:13px 0 0;}
#sgsFooter .sns li {display:inline-block; margin:0 1px;}
#sgsFooter .sns li img {height:105px; width:auto;}

#sgsFooter .sns-count {margin:-40px 0 30px;}
#sgsFooter .sns-count li {display: inline-block; margin: 1.5em 1em; padding: 5px; min-width: 75px; max-width: 100%; color: #fff; font-size: 16px; background: #C9291F; border-radius: 5px;}

#sgsFooter .app {margin:13px 0 0;}
#sgsFooter .app li {display:inline-block; margin:0 1px;}
#sgsFooter .app li img {height:71px; width:auto;}

#sgsFooter a img {transition:0.5s;}
#sgsFooter a:hover img {opacity:0.5;}

#sgsContents main {width:1100px; margin:0 auto 0; position:relative; padding:0; z-index:10; font-size:0; line-height:1; text-align:center;}

/* footer */
#footer {height:60px; width:100%; min-width:1100px; background:rgba(144,0,0,1); position: relative; left:0; bottom:0; z-index:200; transition:top 1s; top: 0; text-align: center; padding-top:22px; font-size:16px;}

p.pagetop a{display:block; height: 134px; width: 224px; background: url(../images/page_top.png) center center no-repeat; margin-left: 342px;}
p.pagetop a:hover {opacity: 0.7;}

}

@media screen and (min-width:1920px){#sgsContents:before {background-size:100% auto !important; width:100%; height:100%; margin:0; left:0;}}
/* pc */

@media screen and (max-width:640px){
/* sp */
#sgsContents:before {content:''; width:200%; height:2400px; background:url(../images/bg.jpg) center top no-repeat #000; background-size:100% auto; position:fixed; left:0; top:0;}

#sgsContents {padding-bottom:0; padding-bottom:0; width:100%; width:100vw; overflow:hidden; position:relative;}
#sgsContents main {margin:0 auto 28px; margin-bottom:8.75vw; position:relative; z-index:10; font-size:0; line-height:1; text-align:center;}
#sgsContents #spmask{width:100%; height:100%; position:fixed; left:0; top:0; background:rgba(70,70,70,0.95); z-index:900000; opacity:1; display:none;}

/* header */
#header {height:60px; width:100%; background:rgba(144,0,0,1); position:absolute; left:0; z-index:200; transition:top 1s; top: 0;}
.windowloaded #header {top:0;}
#header .logo {margin-left:10px;}

/* sgsFooter */
#sgsFooter {text-align:center; margin:0 auto 23px; margin-bottom:7.1875vw; padding:0; position:relative; z-index:10;}
#sgsFooter .sns {margin-bottom:18px; margin-bottom:5.625vw;}
#sgsFooter .sns li {display:inline-block;}
#sgsFooter .sns li img {height:auto; width:auto;}

#sgsFooter .sns-count {margin:-39px 0 60px;}
#sgsFooter .sns-count li {display: inline-block; margin:0 15px; padding: 5px; min-width: 75px; max-width: 100%; color: #fff; font-size: 16px; background: #C9291F; border-radius: 5px;}

#sgsFooter .app {margin:0;}
#sgsFooter .app li {display:inline-block;}
#sgsFooter .app li img {height:105px; height:16.09375vw; width:auto; }

/* footer */
#footer {height:30px; height:9.375vw; width:100%; background:rgba(144,0,0,1); position: relative; left:0; bottom:0; z-index:200; transition:top 1s; top: 0; text-align: center; padding-top:10px; font-size:2vw;}

p.pagetop a{display:block; height: 96px; background: url(../images/sp/page_top.png) center center no-repeat;}