@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:100,300,400,500,700,900');
/*------------------------------------base*/
body{
	font-family: 'Noto Sans JP', sans-serif;
	font-size:100%
	-webkit-text-size-adjust: none;
	line-height: 1.2;
    margin:0;
	background: #000;
	

 background: url("../images/bg.jpg") ;   


}
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}


.fadein{
	transition: 1s;
}


.inner{
	width: auto;

	padding: 0;
	margin: 0 auto;
}
.bg_black{
	background: #000;
	min-width: 1020px; 
}
.bg_gold{
	background: #beac72;
	min-width: 1020px; 
}
.topBack{
	margin: 0 auto;
	padding: 70px 0 70px 0;
	text-align: center;
}
.tab-list ul li{
	cursor: pointer;
}


img{width:100%;height:auto;}
a{transition: 0.2s;}
a:hover{opacity:0.6;}



/*------------------------------------top*/



#headwrap{ position: relative;margin:0.5em}

#logo{width:60px;}




/* メインコンテンツ
================================================== */

.wrap{margin:auto;padding:0; position: relative;}


/*タブ切り替え部分*/
#tab_btn{display:flex;justify-content: space-between;position:relative;z-index: 1;}
#tab_btn li{flex-basis: 50%;display:block;position: relative;  background: #fff;}

#tab_btn li a{opacity: 0.7;}
#tab_btn li.active a{opacity: 1;}
#tab_btn li a:hover{opacity: 1;}

#tab_btn li#tab_sc1{border-radius:0 2em 0 0;}
#tab_btn li#tab_sc2{border-radius:2em 0 0 0;}

#tab_btn li#tab_sc1.active{border-radius:0 2em 0 0; box-shadow: 3px 2px 10px #666;opacity: 1;z-index:2}
#tab_btn li#tab_sc2.active{border-radius:2em 0 0 0; box-shadow: 3px 2px 10px #666;opacity: 1;}




/*コンテンツ部分*/
#tab_info{ position:relative;z-index: 2;top:-1em;}
#tab_info li{margin:0 0 -3em 0;}

/*Special Contents 1*/
#sc1 .ss{position:relative; background: #fff;padding:0 0 2em 0;}
#sc1 .shadow{border-radius:0 2em 0 0;box-shadow: 4px 4px 4px #999;}

.line{display:block;margin:0 0 1em 0;}

.youtube{width:80%; background: #000;margin:0.5em auto 0 auto;height:150px;}
.textbox{position:absolute; z-index:2; font-size:80%;font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";letter-spacing: -0.1em;line-height: 175%;}

#ss01 .textbox{width:64%; top:1em;left:1em;border-radius:0.5em;}
#ss02 .textbox{width:58%; top:3em;right:0.5em;border-radius:0.5em;background: rgba(255,255,255,1)}
#ss03 .textbox{width:67%;top:3em;left:1em}
#ss04 .textbox{width:62%;top:3em;right:1em}


@media screen and (max-width: 320px) {

    .textbox{ font-size:70%;}
    
}

#ss05{background:#b1cec1;position:relative;padding:2em 0 5em 0}


#kandashori{;margin:auto;width:80%;left:0;right:0;z-index: 10;}
#kandashori .ktextbox{font-size:80%;font-family: sans-serif;line-height: 175%;margin:2em 0 0 0;}




#sc1 .footer{position: relative;top:-4em;margin:0 0 -3em 0;}
#sc1 .footer .footerbg{display: block;}
#sc1 .footer .back{width:100px;margin:auto;position:absolute;top:55%;left:0;right:0;}



/*Special Contents 2*/

#sc2 .shadow{border-radius:0 2em 0 0;box-shadow: 4px 4px 4px #999;}
#sc2 .contents_wrap{  background: #f1d9e9;padding:0 1em 3em;}

#guest{display:flex;justify-content: space-between;flex-flow: column nowrap;margin:0 2em 2em 2em}
#guest .guestpic{flex-basis:50%;margin:0 0 0.5em 0;}
p.lead{margin:0 2em 2em 2em}

#sc2 .section{padding:1em 1em 1em 1em;border-radius:1em;margin:0 0 1em 0; box-shadow: 4px 4px 4px rgba(0,0,0,0.4);position: relative;z-index: 2;}
#sc2 .section.ss01{ background:#cce198;}
#sc2 .section.ss02{ background:#f5dd62;}
#sc2 .section.ss03{ background:#fffbc7;}
#sc2 .section .ss_tt{margin:0 auto 2em;}
#sc2 .section .ss{margin:0 0 2em 0;}
#sc2 .section .ss h2{font-size:135%;margin:1em 0 0.75em 0;}
#sc2 .section h3{font-size:115%;margin:0 0 0.75em 0;font-weight:500;}
#sc2 .section h3.tanaka{color:#00a0e9;}
#sc2 .section h3.takada{color:#eb6ea5;}
#sc2 .section h3.nakano{color:#00913a;}
#sc2 .section h3.shibata{color:#f3994f;}
#sc2 .sc2_line{margin:0 0 2em 0;}

/*ゲストコメント*/
#sc2 .section .gwrap{display:block;margin:0 0 2em 0;}
#sc2 .section .gwrap:after{content:"";clear:both;display:block;}
#sc2 .section .gwrap .gicon{width:35%;}
#sc2 .section .gwrap .gicon.fleft{float:left; margin:0 0.5em 0.5em 0;}
#sc2 .section .gwrap .gicon.fright{float:right;margin:0 0 0.5em 0.5em;}
#sc2 .section .gwrap p{font-weight:300;font-size:90%;line-height: 175%;}
#sc2 .footer{position: relative;top:-5em;margin:0 0 -4em 0;}
#sc2 .footer .footerbg{display: block;}
#sc2 .footer .back{width:100px;margin:auto;position:absolute;top:55%;left:0;right:0;}

#sc2 .photoby{text-align: right;font-size:70%;font-weight:300;}

/* footer
================================================== */
.footerlogo{width:80px;padding:0 0.5em}

/* TOPへ
================================================== */
#totop {position: fixed;   bottom:1em;    right: 1em;    z-index: 100;}
#totop a {    width: 40px;    display: block;}