@charset "UTF-8";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video{margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; -webkit-text-size-adjust: 100%;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display: block;}
body{line-height: 1;}
ol, ul{list-style: none;}
blockquote, q{quotes: none;}
blockquote:before, blockquote:after, q:before, q:after{content: ''; content: none;}
table{border-collapse: collapse; border-spacing: 0;}
table th, table td, li{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
/*----- Clearfix ------*/
.clearfix:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix{display: inline-block;}
html .clearfix{height: 1%;}
.clearfix{display: block;}

/*-----------------------------------------------
	Font Size
------------------------------------------------*/
h1 { font-size: 1.6em;}
h2 { font-size: 1.5em;}
h3 { font-size: 1.3em;}
h4 { font-size: 1.2em;}
h5 { font-size: 1em;}
h6 { font-size: 0.83em;}


.fs_picttl{font-size: 70%; line-height: 1.5; display: block;}/*14px*/
.fs_picttl.tcenter{ text-align: center;}
.pic1,.pic2,.pic3,.pic4,.pic5,.pic6,.pic7,.pic8,.pic9,.pic10,.pic11,.pic12{line-height: 1;}
.pic1 img,.pic2 img,.pic3 img,.pic4 img,.pic5 img,.pic6 img,.pic7 img,.pic8 img,.pic9 img,.pic10 img,.pic11 img,.pic12 img{margin-bottom:0.2em;}
.fs_picttl span,
.fs_S2 span{ display:inline-block;}
.fs_S2{font-size: 75%; line-height: 1.35;}/*15px*/
.fs_S{font-size: 80%;}/*16px*/
.fs_N,.fs_N2{font-size: 100%;}/*default(20px)*/
.fs_L{font-size: 110%;}/*22px*/
.fs_2L{font-size: 120%;}/*24px*/
.fs_3L{font-size: 140%;}/*28px*/
.fs_4L{font-size: 185%;}/*37px*/
.fs_5L{font-size: 200%;}/*40px*/

.fs_th_n{font-size: 100%;}/*default(20px)*/
.fs_td_n{font-size: 100%;}/*default(20px)*/



@media screen and (max-width: 750px){
.fs_picttl{font-size: 75%;}/*12px*/
.fs_S2{font-size:  81.25%; padding-top:0.4em;}/*13px*/
.fs_S{font-size: 81.25%;}/*13px*/
.fs_N{font-size: 81.25%;}/*13px*/
.fs_N2{font-size: 93.75%;}/*15px*/
.fs_L{font-size: 81.25%;}/*13px*/
.fs_2L{font-size: 100%;}/*default(16px)*/
.fs_3L{font-size: 112.5%;}/*18px*/
.fs_4L{font-size: 125%;}/*20px*/
.fs_5L{font-size: 137.5%;}/*22px*/

.copyright .fs_S2{ font-size: 75%;}

.fs_th_n{font-size: 100%;}/*default(16px)*/
.fs_td_n{font-size: 90.625%;}/*14.5px*/


}
@media screen and (max-width: 448px){
.fs_picttl{ font-size: 2.7vw;}/*14px*/
/*.fs_S2{ font-size: 2.7vw;}/*14px*/

.copyright .fs_S2{ font-size:  3vw;}
}
@media screen and (max-width: 375px){
.ft_menu .fs_S2{ font-size:  3.3vw;}
}
/*-----------------------------------------------
	Font Color
------------------------------------------------*/
.fc_white{color: #fff!important;}
.fc_black{color: #000000!important;}
.fc_red{color: #e60012!important;}
.fc_brown{color: #a9433c!important;}
.fc_light_brown{color: #b2943b!important;}

/*-----------------------------------------------
	Font Link Color
------------------------------------------------*/
a{text-decoration: none;}
a.link_fc_gray{color: #000;}
a.link_fc_gray:hover{color: #7d7d7d;}
a.link_fc_red{color: #f00000;}

.font_b{font-weight: bold;}

/*-----------------------------------------------
	FontAwesome icon
------------------------------------------------*/
.second_navi_icon_on:after{
    content: '\f205'; font-family: FontAwesome; font-weight: normal; display: inline-block;}
.second_navi_icon_off:after{
    content: '\f204'; font-family: FontAwesome; font-weight: normal; display: inline-block;}




/*-----------------------------------------------
	block, hidden
------------------------------------------------*/
.hidden{display: none;}
.block{display: block;}

@media screen and (min-width: 751px){
	.sp{display: none;}
	.sp_br{display: inline;}
    .gnavi .sp{display: none;}
}
@media screen and (max-width: 750px){
	.pc{display: none;}
	.sp_br{display: block; height: 5px;}
    .gnavi .pc{display: none;}
}

/*-----------------------------------------------
	Text Position
------------------------------------------------*/
.t_center{text-align: center;}
.t_left{text-align: left;}
.t_right{text-align: right;}
.t_top{vertical-align: top;}
.t_mdl{vertical-align: middle;}
.t_btm{vertical-align: bottom;}

/*-----------------------------------------------
	float
------------------------------------------------*/
.f_left{float: left;}
.f_right{float: right;}

/*-----------------------------------------------
	margin
------------------------------------------------*/
/*left*/
.ml02{margin-left: .2em;}
.ml03{margin-left: .3em;}
.ml04{margin-left: .4em;}
.ml05{margin-left: .5em;}
.ml06{margin-left: .6em;}
.ml07{margin-left: .7em;}
.ml08{margin-left: .8em;}
.ml09{margin-left: .9em;}
.ml10{margin-left: 1em;}
.ml15{margin-left: 1.5em;}
.ml20{margin-left: 2em;}
.ml25{margin-left: 2.5em;}
.ml30{margin-left: 3em;}
.ml35{margin-left: 3.5em;}
.ml40{margin-left: 4em;}
.ml45{margin-left: 4.5em;}
.ml50{margin-left: 5em;}
.ml55{margin-left: 5.5em;}
.ml60{margin-left: 6em;}
.ml65{margin-left: 6.5em;}
.ml70{margin-left: 7em;}
.ml75{margin-left: 7.5em;}
.ml80{margin-left: 8em;}
.ml85{margin-left: 8.5em;}
.ml90{margin-left: 9em;}
.ml95{margin-left: 9.5em;}
.ml100{margin-left: 10em;}

/*right*/
.mr02{margin-right: .2em;}
.mr03{margin-right: .3em;}
.mr04{margin-right: .4em;}
.mr05{margin-right: .5em;}
.mr06{margin-right: .6em;}
.mr07{margin-right: .7em;}
.mr08{margin-right: .8em;}
.mr09{margin-right: .9em;}
.mr10{margin-right: 1em;}
.mr20{margin-right: 2em;}
.mr30{margin-right: 3em;}
.mr40{margin-right: 4em;}
.mr50{margin-right: 5em;}
.mr60{margin-right: 6em;}
.mr70{margin-right: 7em;}
.mr80{margin-right: 8em;}
.mr90{margin-right: 9em;}
.mr100{margin-right: 10em;}

/*top*/
.mt02{margin-top: .2em;}
.mt03{margin-top: .3em;}
.mt04{margin-top: .4em;}
.mt05{margin-top: .5em;}
.mt06{margin-top: .6em;}
.mt07{margin-top: .7em;}
.mt08{margin-top: .8em;}
.mt09{margin-top: .9em;}
.mt10{margin-top: 1em;}
.mt11{margin-top: 1.1em;}
.mt12{margin-top: 1.2em;}
.mt13{margin-top: 1.3em;}
.mt14{margin-top: 1.4em;}
.mt15{margin-top: 1.5em;}
.mt16{margin-top: 1.6em;}
.mt17{margin-top: 1.7em;}
.mt18{margin-top: 1.8em;}
.mt19{margin-top: 1.9em;}
.mt20{margin-top: 2em;}
.mt30{margin-top: 3em;}
/*bottom*/
.mb02{margin-bottom: .2em;}
.mb03{margin-bottom: .3em;}
.mb04{margin-bottom: .4em;}
.mb05{margin-bottom: .5em;}
.mb06{margin-bottom: .6em;}
.mb07{margin-bottom: .7em;}
.mb08{margin-bottom: .8em;}
.mb09{margin-bottom: .9em;}
.mb10{margin-bottom: 1em;}
.mb11{margin-bottom: 1.1em;}
.mb12{margin-bottom: 1.2em;}
.mb13{margin-bottom: 1.3em;}
.mb14{margin-bottom: 1.4em;}
.mb15{margin-bottom: 1.5em;}
.mb16{margin-bottom: 1.6em;}
.mb17{margin-bottom: 1.7em;}
.mb18{margin-bottom: 1.8em;}
.mb19{margin-bottom: 1.9em;}
.mb20{margin-bottom: 2em;}
.mb30{margin-bottom: 3em;}
/*-----------------------------------------------
	padding
------------------------------------------------*/
/*top*/
.pt02{padding-top: .2em;}
.pt03{padding-top: .3em;}
.pt04{padding-top: .4em;}
.pt05{padding-top: .5em;}
.pt06{padding-top: .6em;}
.pt07{padding-top: .7em;}
.pt08{padding-top: .8em;}
.pt09{padding-top: .9em;}
.pt10{padding-top: 1em;}
.pt11{padding-top: 1.1em;}
.pt12{padding-top: 1.2em;}
.pt13{padding-top: 1.3em;}
.pt14{padding-top: 1.4em;}
.pt15{padding-top: 1.5em;}
.pt16{padding-top: 1.6em;}
.pt17{padding-top: 1.7em;}
.pt18{padding-top: 1.8em;}
.pt19{padding-top: 1.9em;}
.pt20{padding-top: 2em;}
.pt30{padding-top: 3em;}
/*bottom*/
.pb02{padding-bottom: .2em;}
.pb03{padding-bottom: .3em;}
.pb04{padding-bottom: .4em;}
.pb05{padding-bottom: .5em;}
.pb06{padding-bottom: .6em;}
.pb07{padding-bottom: .7em;}
.pb08{padding-bottom: .8em;}
.pb09{padding-bottom: .9em;}
.pb10{padding-bottom: 1em;}
.pb11{padding-bottom: 1.1em;}
.pb12{padding-bottom: 1.2em;}
.pb13{padding-bottom: 1.3em;}
.pb14{padding-bottom: 1.4em;}
.pb15{padding-bottom: 1.5em;}
.pb16{padding-bottom: 1.6em;}
.pb17{padding-bottom: 1.7em;}
.pb18{padding-bottom: 1.8em;}
.pb19{padding-bottom: 1.9em;}
.pb20{padding-bottom: 2em;}
.pb30{padding-bottom: 3em;}

area{
  border:none;
  outline:none;
}


/*-----------------------------------------------
	Layout (PC)
------------------------------------------------*/
/*---------------------------------------------------------------------------------
  common use /////////////////////////////////////////////////////////////////////
---------------------------------------------------------------------------------*/

body{ font-family:"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", HiraMinProN-W3, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; width: 100%; color: #040000; font-size: 20px; line-height: 2; }
.font_g{ color: #040000; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", HiraKakuProN-W3, "メイリオ", Meiryo, Osaka, sans-serif;}
.font_g_en {font-family: 'Oswald', sans-serif;} /*Oswald:400,500,600,700"   400= regular */

#container{width: 100%;}
.header_base{opacity: 0; margin: 0 auto;}

.imgSdw{ box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.3);}

#home nav#glnavi_contents{ height: 70px;}
nav#glnavi_contents{ height: 88px;}

/* HOME G Navi ------------------------------------------------------------*/
#home nav{ margin: 45px 0 90px 0;}
#home .gnavi{display: block; width: 1200px; margin: 0 auto 0 auto;}
#home .gnavi li{line-height: 1; float: left; }
#home .gnavi li p{height: 70px; display: table; text-align: center; border-left: 2px solid #b5b5b5; box-sizing: border-box; }
#home .gnavi li p a{display: table-cell; vertical-align: middle; height: 70px;  text-align: center;padding-top: 0; }
#home .gnavi li p a img{ margin-bottom: 0;}
#home .gnavi li.gm06 p { width: 200px;}
#home .gnavi li.gm06 p { border-left: none;}
#home .gnavi li.gm05 p { width: 240px;}
#home .gnavi li.gm04 p { width: 240px;}
#home .gnavi li.gm03 p { width: 150px;}
#home .gnavi li.gm02 p{ width: 220px;}
#home .gnavi li.gm01 p{ width: 150px;}
#home .gnavi li.gm00{ display: none;}
#home .gnavi li a:hover{opacity: 0.5; filter: alpha(opacity=50); -ms-filter: "alpha(opacity=50)"; -khtml-opacity: 0.5; -moz-opacity: 0.5; transition-duration: 0.3s}



/* ------------------------------------------------------------ HOME G Navi */
/* Other G Navi ------------------------------------------------------------*/
nav{ margin: 0 0 40px 0;}
.gnavi{display: block; width: 1200px; margin: 0 auto 0 auto;}
.gnavi li{line-height: 1; float: left;}
.gnavi li p{ height: 88px;  display: table; text-align: center; border-left: 2px solid #b5b5b5; box-sizing: border-box;}
.gnavi li p a{display: table-cell; vertical-align: middle; height: 74px; padding-top: 14px; }
.gnavi li p a img{ margin-bottom: 7px;}
.gnavi li.gm06 p { width: 200px;}
.gnavi li.gm06 p ,.gnavi li.gm00 p { border-left: none;}
.gnavi li.gm05 p { width: 220px;}
.gnavi li.gm04 p { width: 220px;}
.gnavi li.gm03 p { width: 120px;}
.gnavi li.gm02 p { width: 220px;}
.gnavi li.gm01 p { width: 120px;}
.gnavi li.gm00 p { width: 100px;}
.gnavi li.gm00 p a img{ width: 78px; margin-right: 22px; }
.gnavi li a:hover{opacity: 0.5; filter: alpha(opacity=50); -ms-filter: "alpha(opacity=50)"; -khtml-opacity: 0.5; -moz-opacity: 0.5; transition-duration: 0.3s}

.gnavi li p a img.on{ display: none;}
/* ------------------------------------------------------------ Other G Navi */


/*  G Navi OFF ------------------------------------------------------------*/
#home .gnavi li.gm01.btnoff,
.gnavi li.gm01.btnoff{ background-image:url(../images/btn-gm01-pc.png);}
#home .gnavi li.gm02.btnoff,
.gnavi li.gm02.btnoff{ background-image:url(../images/btn-gm02-pc.png);}
#home .gnavi li.gm03.btnoff,
.gnavi li.gm03.btnoff{ background-image:url(../images/btn-gm03-pc.png);}
#home .gnavi li.gm04.btnoff,
.gnavi li.gm04.btnoff{ background-image:url(../images/btn-gm04-pc.png);}
#home .gnavi li.gm05.btnoff,
.gnavi li.gm05.btnoff{ background-image:url(../images/btn-gm05-pc.png);}
#home .gnavi li.gm06.btnoff,
.gnavi li.gm06.btnoff{ background-image:url(../images/btn-gm06-pc.png);background-position: center center;}

#home .gnavi li.btnoff{ background-repeat:no-repeat; background-position: center center;}
.gnavi li.btnoff{ background-repeat:no-repeat; background-position:  center 39px;}
#home .gnavi li.btnoff p,
.gnavi li.btnoff p{ background:rgba(255,255,255,0.8);}
#home .gnavi li.btnoff p a,
.gnavi li.btnoff p a{display:none;}
/* ------------------------------------------------------------ G Navi OFF */


section div#ctg{ width:1210px; margin: 0 auto; }
.sec_box{position: relative; width: 100%; margin: 0 auto;}

/* footer ------------------------------------------------------------*/
footer{ min-height: auto;  min-height: initial; background: #eee; border-top: 0px solid #959595; min-width:1260px;}
footer .copyright{ text-align: center; border-top: 1px solid #2c2c2c; line-height: 1.2; padding: 1em 0;}
/* ------------------------------------------------------------ footer */

/* SNS ------------------------------------------------------------*/
footer .sns_area{width: 1200px; margin: 0 auto; padding: 20px 0; position: relative;}
footer .sec_box .sns_area .ft_logo{ position: absolute; top:20px; left:0; z-index: 10; width:102px;}
footer .sec_box .sns_area .ft_logo img{ width:100%;}
footer .sec_box .sns_area .ft_menu { width:1200px; min-height:97px;}
footer .sec_box .sns_area .ft_menu .undergm{ display: table; padding: 1em 0 0.75em 0;  margin: 0 auto;}
footer .sec_box .sns_area .ft_menu .undergm p{ display: table-cell; border-left: 1px solid #636363;}
footer .sec_box .sns_area .ft_menu .undergm p:first-child{ border-left: none;}
footer .sec_box .sns_area .ft_menu .undergm p a{ color:#636363; padding: 0 1em;}
footer .sec_box .sns_area .ft_logo a:hover,
footer .sec_box .sns_area .ft_menu .undergm p a:hover{opacity: 0.5; filter: alpha(opacity=50); -ms-filter: "alpha(opacity=50)"; -khtml-opacity: 0.5; -moz-opacity: 0.5; transition-duration: 0.3s;}

footer .sec_box .sns_area .ft_menu .undergm p span{ display: none;}
footer .sec_box .sns_area .ft_menu .undergm p.btnoff a{display: none; }
footer .sec_box .sns_area .ft_menu .undergm p.btnoff span{ text-align: center; display: inline-block; width:100%;padding: 0 1em; box-sizing: border-box; color:#aaa;}
footer .sec_box .sns_area .ft_menu .undergm p.fm01.btnoff span:before{content: "みどころ";}
footer .sec_box .sns_area .ft_menu .undergm p.fm02.btnoff span:before{content: "開催概要・アクセス";}
footer .sec_box .sns_area .ft_menu .undergm p.fm03.btnoff span:before{content: "チケット情報";}
footer .sec_box .sns_area .ft_menu .undergm p.fm04.btnoff span:before{content: "関連イベント・講演会";}
footer .sec_box .sns_area .ft_menu .undergm p.fm05.btnoff span:before{content: "図録・グッズ・音声ガイド";}

footer .sns_area .sns_area_inner{display: flex; justify-content: center; width: 39.16666%; text-align: center; margin: 0 auto;}
footer .sns_area .sns_area_inner .line-it-button{margin: 20px 10px 0 0;}
footer .sns_area .sns_area_inner .twitter-share-button{margin: 20px 7px 0 0;}
footer .sns_area .sns_area_inner #fb-root{margin: 0 5px 0 0;}
footer .sns_area .sns_area_inner .fb-like{}
/* ------------------------------------------------------------ SNS */

/* PageTop ------------------------------------------------------------*/
.pagetop{position: fixed; bottom: 11em; right: 2em; z-index: 10;}
.pagetop a{opacity: 1; filter: alpha(opacity=1); -ms-filter: "alpha(opacity=100)"; -khtml-opacity: 1; -moz-opacity: 1;}
.pagetop a:hover{opacity: 0.5; filter: alpha(opacity=50); -ms-filter: "alpha(opacity=50)"; -khtml-opacity: 0.5; -moz-opacity: 0.5; transition-duration: 0.5s;}
/* ------------------------------------------------------------ PageTop */



/*---------------------------------------------------------------------------------
 ///////////////////////////////////////////////////////// common use ////////////
---------------------------------------------------------------------------------*/


/*-----------------------------------------------
	Layout (sp)
------------------------------------------------*/
@media screen and (max-width: 750px){
/*---------------------------------------------------------------------------------
  common use /////////////////////////////////////////////////////////////////////
---------------------------------------------------------------------------------*/
body{font-size: 16px; line-height: 1.4;}
/*.header_base{background: url(../images/main_sp.jpg) no-repeat top center; max-width: 750px; min-width: 100%; background-size: 100%;}*/

.imgSdw{ box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4);}
#home nav#glnavi_contents{ height: auto;}
nav#glnavi_contents{ height: auto;}

/* HOME & OTHER G Navi ------------------------------------------------------------*/
#home nav, 
nav{ margin: 0 0 0 0; position: absolute; top: 0; right: 0; z-index: 100; width: 100%;}
#home nav .sp_menuBar, 
nav .sp_menuBar{ line-height: 0;}
#home nav .sp_menuBar .menuArea, 
nav .sp_menuBar .menuArea{ background: #f3f0e8; line-height: 0;}
#home nav .sp_menuBar .menuArea .logo, 
nav .sp_menuBar .menuArea .logo{ float: left; width:43.866666%;}
#home nav .sp_menuBar .menuArea .btn, 
nav .sp_menuBar .menuArea .btn{ float: right; width:28.8%; cursor: pointer;}
#home nav .sp_menuBar img, 
nav .sp_menuBar img{ width:100%; vertical-align: top; line-height: 0;}    
#home .gnavi,
.gnavi{display: none; width: 100%; margin: 0 auto 0 auto; padding-bottom: 7%; background-color: rgba(255,255,255,0.925);}
#home .gnavi li,
.gnavi li{float: none; line-height: 0;}
#home .gnavi li p,
.gnavi li p{ height: auto; width: 100%; border-left: none; box-sizing: border-box;}
#home .gnavi li p a,
.gnavi li p a{ display:block; vertical-align: middle; height: auto; padding-top: 0; width: 100%;}
#home .gnavi li p img,
.gnavi li p img{ width: 100%; line-height: 0; vertical-align: top;}
#home .gnavi li.gm06 p, .gnavi li.gm06 p{ padding-top: 3%;}
#home .gnavi li.gm06 p, .gnavi li.gm06 p,
#home .gnavi li.gm05 p, .gnavi li.gm05 p,
#home .gnavi li.gm04 p, .gnavi li.gm04 p,
#home .gnavi li.gm03 p, .gnavi li.gm03 p,
#home .gnavi li.gm02 p, .gnavi li.gm02 p,
#home .gnavi li.gm01 p, .gnavi li.gm01 p{ width: 100%;}
#home .gnavi li a:hover,.gnavi li a:hover{opacity: 0.5; filter: alpha(opacity=50); -ms-filter: "alpha(opacity=50)"; -khtml-opacity: 0.5; -moz-opacity: 0.5; transition-duration: 0.3s}

/* ------------------------------------------------------------ G Navi */

/*  G Navi OFF ------------------------------------------------------------*/
#home .gnavi li.gm01.btnoff,
.gnavi li.gm01.btnoff{ background-image:url(../images/btn-gm01-sp.png);}
#home .gnavi li.gm02.btnoff,
.gnavi li.gm02.btnoff{ background-image:url(../images/btn-gm02-sp.png);}
#home .gnavi li.gm03.btnoff,
.gnavi li.gm03.btnoff{ background-image:url(../images/btn-gm03-sp.png);}
#home .gnavi li.gm04.btnoff,
.gnavi li.gm04.btnoff{ background-image:url(../images/btn-gm04-sp.png);}
#home .gnavi li.gm05.btnoff,
.gnavi li.gm05.btnoff{ background-image:url(../images/btn-gm05-sp.png);}
#home .gnavi li.gm06.btnoff,
.gnavi li.gm06.btnoff{ background-image:url(../images/btn-gm06-sp.png); background-position: center center;}

#home .gnavi li.btnoff{ 
background-repeat:no-repeat; background-position: center center; background-size:100%;
opacity: 0.3; filter: alpha(opacity=30); -ms-filter: "alpha(opacity=50)"; -khtml-opacity: 0.3; -moz-opacity: 0.3;
}
.gnavi li.btnoff{
background-repeat:no-repeat; background-position:  center center; background-size:100%;
opacity: 0.3; filter: alpha(opacity=30); -ms-filter: "alpha(opacity=50)"; -khtml-opacity: 0.3; -moz-opacity: 0.3;
}
#home .gnavi li.btnoff p,
.gnavi li.btnoff p{background:rgba(255,255,255,0.0);
}
#home .gnavi li p span img.gmK,
.gnavi li p span img.gmK{ display:none;}
#home .gnavi li.btnoff p span img.gmK,
.gnavi li.btnoff p span img.gmK{ display:block;}
#home .gnavi li.btnoff p a,
.gnavi li.btnoff p a{ display:none;}
/* ------------------------------------------------------------ G Navi OFF */



section div#ctg{ width: 100%; max-width:750px; margin: 0 auto; }
.sec_box{position: relative; width: 100%; margin: 0 auto;}

/* footer ------------------------------------------------------------*/
footer{ min-height: auto; min-height: initial;background: #eee; border-top: 1px solid #959595; min-width: auto; min-width: initial; }
footer .copyright{ text-align: center; border-top: 0px solid #2c2c2c; line-height: 1.2; padding: 1.5em 0;}
/* ------------------------------------------------------------ footer */

/* SNS ------------------------------------------------------------*/
footer .sns_area{ width: 100%; max-width:750px;   margin: 0 auto; padding: 1.8em 0 0 0;  position: static;}
footer .sec_box .sns_area .ft_logo{ position: static; width:19.866666%; max-width:149%; margin: 0 auto;}
footer .sec_box .sns_area .ft_logo img{ width:100%;}

footer .sec_box .sns_area .ft_menu { width: 90%; max-width:750px; min-height:97px; margin: 0 auto;}
footer .sec_box .sns_area .ft_menu .undergm{ display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap; padding: 1em 0 1em 0;  margin: 0 auto;}

    
footer .sec_box .sns_area .ft_menu .undergm p{ display: flex; -webkit-flex-grow: 1;
    flex-grow: 1; -webkit-box-sizing: border-box;
    box-sizing: border-box; border-left: 1px solid #636363; margin-top: 1em;}
footer .sec_box .sns_area .ft_menu .undergm p:first-child{ border-left: 1px solid #636363;}
footer .sec_box .sns_area .ft_menu .undergm p:last-child,
footer .sec_box .sns_area .ft_menu .undergm p:nth-child(3){ border-right: 1px solid #636363;}

footer .sec_box .sns_area .ft_menu .undergm p:nth-child(1),
footer .sec_box .sns_area .ft_menu .undergm p:nth-child(3){ width:28%;}
footer .sec_box .sns_area .ft_menu .undergm p:nth-child(2){ width:44%;}
footer .sec_box .sns_area .ft_menu .undergm p:nth-child(4),
footer .sec_box .sns_area .ft_menu .undergm p:nth-child(5){ width:50%;}
footer .sec_box .sns_area .ft_menu .undergm p a{ color:#636363; padding: 0 0; display: block; width:100%; text-align: center; }

footer .sec_box .sns_area .ft_menu .undergm p.btnoff span{ padding: 0 0; text-align: center;}

footer .sec_box .sns_area .ft_logo a:hover,
footer .sec_box .sns_area .ft_menu .undergm p a:hover{opacity: 1; filter: alpha(opacity=100); -ms-filter: "alpha(opacity=100)"; -khtml-opacity: 1; -moz-opacity: 1; transition-duration: 0s;}




footer .sns_area{padding: 5% 0 1% 0;}
footer .sns_area .sns_area_inner{width: 92.6666%; margin: 5% auto 0 auto;}
footer .sns_area .sns_area_inner .line-it-button{margin: 2px 10px 0 0;}
footer .sns_area .sns_area_inner .twitter-share-button{margin: 2px 7px 0 0;}
/* ------------------------------------------------------------ SNS */


/* PageTop ------------------------------------------------------------*/
.pagetop_sp{ width: 25.8666%; margin:  0 auto; text-align: center;}
.pagetop_sp a{display: block;}
.pagetop_sp img{width: 100%; vertical-align: top}
/* ------------------------------------------------------------ PageTop */

/*---------------------------------------------------------------------------------
 ///////////////////////////////////////////////////////// common use ////////////
---------------------------------------------------------------------------------*/

}