@charset "UTF-8";


/*-------------------------------------------------------------
共通
-------------------------------------------------------------*/


/*.DummyImage { min-height: 200px; text-indent: -9999px; padding: 0 !important; background-color: transparent !important; background-image: url(../admin/images/CC0/dummy.jpg) !important; background-repeat: no-repeat !important; background-position: center center !important; background-size: cover !important; }*/

/* Clearfix */
.clearfix:after { display: block; clear: both; height: 0; visibility: hidden; content: "."; line-height: 0; }
.clearfix { display: inline-table; min-height: 1%; }
/* for macIE \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* end of for macIE */

/*マージンの相殺（collapsing）*/
/*.bcontainer-outer { width: 100%; float: left; clear: left; }*/
/*.bcontainer-outer { width: 100%; display: inline-block; }*/

/*イメージ*/
img { vertical-align: bottom; }

/* font family*/
.fStyle01 { font-family: 'ゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Mayryo','ＭＳ Ｐゴシック','MS PGothic',sans-serif; } /*ゴシック*/
.fStyle02 { font-family: "明朝","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho",serif; } /*明朝*/
.fStyle03 { font-family: Arial,Helvetica,sans-serif; } /*Arial*/
.fStyle04 { font-family: "Courier New",Courier,monospace; } /*Courier New*/
.fStyle05 { font-family: Georgia,"Times New Roman",Times,serif; } /*Georgia*/
.fSrtle06 { font-family: Helvetica,Arial,sans-serif; } /*Helvetica*/
.fStyle07 { font-family: "Lucida Grande",Geneva,Arial,Verdana,sans-serif; } /*Lucida Grande*/
.fStyle08 { font-family: "Times New Roman",Times,serif; } /*Times New Roman*/
.fStyle09 { font-family: "Trebuchet MS",Verdana,sans-serif; } /*Trebuchet MS*/
.fStyle10 { font-family: Verdana,Arial,Helvetica,sans-serif; } /*Verdana*/

/*Parallax*/
.fix { position: fixed; }
#bg-container{ overflow: hidden; top: 0; left: 0; width: 100%; height: 100%; }
.container-obj { overflow: hidden; position: absolute; }
.container-obj object { background-color: #000; }
.container { position: relative; z-index: 0; }
#pLoader { background-position: center center; background-repeat: no-repeat; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 10000; }
#pLoader.loader1 { background-color: #000; background-image: url(common-img/loader01.gif); background-position: center center; background-repeat: no-repeat; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 10000; }
#pLoader.loader2 { background-color: #FFF; background-image: url(common-img/loader02.gif); background-position: center center; background-repeat: no-repeat; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 10000; }
.bcontainer-outer { overflow: hidden; position: relative; }
.bcontainer-inner { position: relative; }
.bcontainer { position: relative; z-index: 1; box-sizing: border-box; }
.bg-media-box{ position: absolute; top: 0; width: 100%; height: 100%; overflow: hidden; }
.bg-media-video { left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
.plc { overflow: hidden; position: fixed; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }
.plc>div { background-position: center; background-size: cover; position: absolute; width: 100%; }

/*cover*/
#coverList { overflow: hidden; position: relative; width: 100%; }
#coverWrap a { text-decoration: none; }
#coverWrap a.pos-abs { position: absolute; top: 0; left: 0; }
#coverWrap img { vertical-align: top; border: none; }
#coverWrap .cursorDef { cursor: default; }
.design02 .nav { left: 50%; margin: -20px 0 0; overflow: hidden; position: relative; text-align: center; }
.design02 .nav ol { list-style-position: outside; list-style-type: none; margin: 5px auto; overflow: hidden; padding: 0; }
.design02 .nav ol li { display: inline; float: left; margin: 0 5px 0 0; }
.design02 .nav ol li a { background: url("common-img/ico_cover_nav.gif") no-repeat scroll 0 0 transparent; color: #FFFFFF; display: block; height: 8px; line-height: 8px; outline: medium none; text-decoration: none; text-indent: -9999em; width: 8px; }
.design02 .nav ol li a.active, #coverAreaSection .nav ol li a:hover { background-position: 0 -8px; }
.design03 #coverLeft { background: url("common-img/btn_prev.gif") repeat-y scroll left 0 transparent; cursor: pointer; display: none; height: 27px; left: 10px; position: absolute; top: 50%; width: 27px; margin-top: -13px; }
.design03 #coverRight { background: url("common-img/btn_next.gif") repeat-y scroll right 0 transparent; cursor: pointer; display: none; height: 27px; position: absolute; right: 10px; top: 50%; width: 27px; margin-top: -13px; }

/*tooltip*/
.bTip { position: absolute; z-index: 1; z-index: 2147483646; }
.bTip { padding: 8px; background: #000; color: #FFF; font-size: 10px; font-weight: bold; line-height: 1; border-radius: 4px; box-shadow: 0 0 6px -2px rgba(0,0,0,0.3); -moz-box-shadow: 0 0 6px -2px rgba(0,0,0,0.31); -webkit-box-shadow: 0 0 6px -2px rgba(0,0,0,0.31); }
.bTip.tipBC:after { content: ""; position: absolute; top: -5px; left: 50%; margin-left: -5px; display: block; width: 0px; height: 0px; border-style: solid; border-width: 0 5px 5px 5px; border-color: transparent transparent #000 transparent; }
.bTip.bTipLeft:after { left: 20%; }
.bTip.bTipRight:after { left: 80%; }

/*simple modal*/
#simpop { position: fixed; top: 0; left: 0; z-index: 2147483647; width: 100vw; height: 100vh; background-color: rgba(255, 255, 255, 1); display: flex; justify-content: center; align-items: center; transition: opacity .8s ease-out; }
#simpop .simpop-inner { width: 854px; height: 480px; max-width: 100%; max-height: 100%; }
#simpop .simpop-inner > div,
#simpop .simpop-inner > iframe,
#simpop .simpop-inner .simpop-main > iframe { width: 100%; height: 100%; }
#simpop .close { position: absolute; top: 30px; left: 30px; display: block; width: 30px; height: 30px; text-decoration: none; }
#simpop .close span { position: relative; display: block; width: 30px; height: 30px; text-indent: -9999px; color: #000; transition: opacity 0.2s; }
#simpop.dark .close span { color: #FFF; }
#simpop.right .close span { color: #000; }
#simpop .close span:before { content: ''; position: absolute; top: 15px; display: block; text-indent: 0; width: 30px; height: 1px; background-color: currentColor; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
#simpop .close span:after { content: ''; position: absolute; top: 15px; display: block; text-indent: 0; width: 30px; height: 1px; background-color: currentColor; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
#simpop .close span:hover { opacity: 0.5; }

/*LayerJS用*/
.loader { position: relative; width: 50px; height: 50px; border-radius: 50%; display: inline-block; vertical-align: middle; }
.loader-1 .loader-outter { position: absolute; border: 4px solid #f50057; width: 100%; height: 100%; -webkit-animation: loader-1-outter 1s cubic-bezier(.42, .61, .58, .41) infinite; animation: loader-1-outter 1s cubic-bezier(.42, .61, .58, .41) infinite; }
.loader-1 .loader-inner { position: absolute; border: 4px solid #f50057; width: 30px; height: 30px; left: calc(50% - 15px); top: calc(50% - 15px); -webkit-animation: loader-1-inner 2.4s cubic-bezier(.42, .61, .58, .41) infinite; animation: loader-1-inner 2.4s cubic-bezier(.42, .61, .58, .41) infinite; }
@-webkit-keyframes loader-1-outter {
  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes loader-1-outter {
  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@-webkit-keyframes loader-1-inner {
  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes loader-1-inner {
  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

/*ダイアログ基本*/
.dialog-layer { position: fixed; display: flex; top: 0; left: 0; align-items: center; justify-content: center; width: 100vw; width: 100%; height: 100vh; height: 100%; background-color: rgba(0,0,0,.8); z-index: 100; }
.dialog { box-shadow: 0 5px 20px -5px; box-sizing: border-box; width: 420px; max-width: calc(100% - 40px); border-radius: 4px; background-color: #FFF; overflow: hidden; border-radius: 5px; }
.dialog .dialog-header,
.dialog .dialog-content { padding: 20px; }
.dialog .dialog-header { background-color: #ef5350; color: #FFF; }
.dialog .dialog-content { color: #666; min-height: 100px; display: flex; align-items: center; justify-content: center; }
.dialog .dialog-footer { display: flex; border-top: 1px solid #DDD; }
.dialog .dialog-footer > div { flex-grow: 1; flex-shrink: 0; flex-basis: 0%; text-decoration: none; box-sizing: border-box; }
.dialog .dialog-footer > div { border-right: 1px solid #DDD; }
.dialog .dialog-footer > div:nth-last-of-type(1) { border-right: none; }
.dialog .dialog-footer > div a { display: flex; align-items: center; justify-content: center; height: 55px; text-decoration: none; padding-top: 2px; box-sizing: border-box; transition: background-color 0.3s; font-weight: normal !important; }
.dialog .dialog-footer > div a:hover { background-color: #F4F4F4; }
.dialog .dialog-footer .cancel { color: #ef5350; }
.dialog .dialog-footer .ok { color: #42a5f5; }


/*補助クラス*/
.columns2 .bTxt, .columns2 .bTxtS, .columns2 .bcu_text { -moz-column-width: 2; -moz-columns: 2; -webkit-columns: 2; columns: 2; }
.columns3 .bTxt, .columns3 .bTxtS, .columns3 .bcu_text { -moz-column-width: 3; -moz-columns: 3; -webkit-columns: 3; columns: 3; }
.columns4 .bTxt, .columns4 .bTxtS, .columns4 .bcu_text { -moz-column-width: 4; -moz-columns: 4; -webkit-columns: 4; columns: 4; }

.columns2 .bTxt.splayout, .columns2 .bTxtS.splayout, .columns2 .splayout .bcu_text,
.columns3 .bTxt.splayout, .columns3 .bTxtS.splayout, .columns3 .splayout .bcu_text,
.columns4 .bTxt.splayout, .columns4 .bTxtS.splayout, .columns4 .splayout .bcu_text { -moz-column-width: auto; -moz-columns: auto; -webkit-columns: auto; columns: auto; }

.bcontainer-outer.of_default,
.bcontainer-outer.of_default .bcontainer-inner,
.bcontainer-outer.of_default .bcontainer-inner > div,
.bcontainer-outer.of_default .bcontainer-inner .addunit-box {
    overflow: inherit !important;
}