@charset "utf-8";


/*=========================================
-: renew 2013
=========================================*/
#sc-common-header html,
#sc-common-header body {
min-height: 100%;
height: auto !important;
height: 100%;
}

#sc-common-header body {
font: 13px/1.4 "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
/* モダンブラウザ */
*font-size: small;
/* Win IE7,Win IE6 */
*font: x-small;
/* IE 5以下 */
color: #444444;
background: #00020b url(/common/img/bg.jpg) no-repeat center top;
/*background:#00020b url(/common/img/bg.jpg) no-repeat center top;*/
/*background:#01033e;*/
}

#sc-common-header #container {
background-color: transparent;
font-size: 93%;
margin: 0px auto;
width: 100%;
min-width: 1254px;
text-align: left;
}

#sc-common-header #path {
display: none !important;
}

#sc-common-header .footer-unitag img {
display: none;
}

#sc-common-header .pankz {
width: 1000px;
margin: 0 auto;
padding: 10px 0;
font-family: 'Helvetica', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro W3', 'Lucida Grande', 'Verdana', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', sans-serif;
font-size: 10px;
}

#sc-common-header .pankz li {
text-indent: 5px;
display: inline-block;
margin-right: 5px;
}

#sc-common-header .pankz li a {
color: #036EC0;
text-decoration: underline;
}

#sc-common-header .pankz li a:hover {
text-decoration: none;
}

#sc-common-header .pankz li a:visited {
color: #551A8B;
text-decoration: underline;
}



/*=========================================
-: noscriptBox
=========================================*/
#sc-common-header noscript .noscriptBox {
width: 700px;
text-align: center;
border: 1px solid #ffffff;
padding: 30px;
margin: 0 auto;
margin-top: 15px;
margin-bottom: 40px;
font-size: 14px;
color: #FFFFFF;
line-height: 2em;
}

/*=========================================
-: clearfix
=========================================*/
#sc-common-header .clearfix,
#sc-common-header .layoutBox {
zoom: 1;
}

/* for IE5 Mac start \*/
/*/
#sc-common-header .clearfix,
#sc-common-header .layoutBox {
display: inline-table;
}
/*for IE5 Mac end */
#sc-common-header .clearfix:after,
#sc-common-header .layoutBox:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

/**
* micro clearfix
**/
/* For modern browsers */
#sc-common-header .cf:before,
#sc-common-header .cf:after {
content: "";
display: table;
}

#sc-common-header .cf:after {
clear: both;
}

/* For IE 6/7 (trigger hasLayout) */
#sc-common-header .cf {
zoom: 1;
}

#sc-common-header .clear {
clear: both;
}


/*=========================================
-: キャンペーン終了
=========================================*/
#sc-common-header .campaignFinBox {
background-color: #fff;
padding: 20px;
text-align: center;
}

#sc-common-header .campaignFinBox p {
width: 980px;
margin: auto;
text-align: center;
}

#sc-common-header .campaignFinBox .txtFin {
padding: 10px;
color: #f00;
font-size: 18px;
border: 2px solid #f00;
}

#sc-common-header .campaignFinBox .txtLinkEtc {
margin-top: 15px;
font-size: 14px;
}

#sc-common-header .campaignFinBox .txtLinkEtc a {
color: #036EC0;
}

#sc-common-header .campaignFinBox .txtLinkEtc a:hover {
text-decoration: none;
}


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

#sc-common-header .pc,
#sc-common-header .pc_only,
#sc-common-header .pc_inline {
display: none !important;
}

#sc-common-header .sp_inline {
display: inline;
}

#sc-common-header .mobile,
#sc-common-header .sp_only {
display: block !important;
}

#sc-common-header .sc_blk3_max_box-warp {
margin-top: 30px;
padding: 0 10px;
}

#sc-common-header .sc_blk3_max_box-warp h3 {
font-weight: bold;
font-size: 20px;
padding: 0 10px;
margin: 10px 0;
}

#sc-common-header .sc_blk3_max_box-warp h3 span {
margin-left: 40px;
font-size: 16px;
}

#sc-common-header .sc_blk3_max_box-warp .fw-normal {
font-weight: normal;
}

#sc-common-header .sc_blk3_max_box-warp .text-left {
text-align: left;
}

#sc-common-header .sc_blk3_max_box-warp .text-right {
text-align: right;
}

#sc-common-header .sc_blk3_max_box {
position: relative;
margin-top: 40px;
text-align: center;
}

#sc-common-header #section1 > ul:nth-of-type(2) li:last-of-type p {
margin-bottom: 0;
}

#sc-common-header #section1 > ul:nth-of-type(2) li:nth-of-type(1) p.caption_right {
display: none;
}

#sc-common-header .sc_blk3_max_box p {
margin: 10px 0 40px;
padding: 0;
font-size: inherit;
text-align: left;
}

#sc-common-header .sc_blk3_max_box p.caption_right {
font-size: 12px;
margin: 5px 0 0 10px;
}

#sc-common-header .sc_blk3_max_box h4 {
margin: 0;
padding: 15px 0 0 0;
text-align: left;
}

#sc-common-header .sc_blk3_max_box h4 sup {
font-size: 12px;
height: 0;
line-height: 1;
vertical-align: baseline;
position: relative;
top: -6px;
}

#sc-common-header .sc_blk3_max_box li {
width: 100%;
}

#sc-common-header .sc_blk3_max_box li .sc_plusicon {
position: relative;
display: block;
z-index: 1;
}

#sc-common-header .sc_blk3_max_box li .sc_caption-wrap {
position: relative;
width: 100%;
}

#sc-common-header .sc_blk3_max_box li .sc_caption {
width: 100%;
position: absolute;
bottom: 0;
left: 0;
z-index: 2;
margin: 0;
padding: 0;
background: rgba(0,0,0,0.5);
pointer-events: none;
}

#sc-common-header .sc_blk3_max_box li .sc_caption span {
display: block;
font-size: 10px;
color: #fff;
padding: 5px 10px;
}

#sc-common-header .sc_blk3_max_box li .sc_plusicon:after {
content: " ";
background: url(/common_lineup/img/icon/icon_plus.png) no-repeat top left;
width: 30px;
height: 30px;
position: absolute;
top: 5px;
left: auto;
right: 5px;
bottom: auto;
-ms-filter: "alpha(opacity=100)";
opacity: 0.5;
z-index: 4;
display: block;
}

#sc-common-header .sc_blk3_max_box li:hover .sc_plusicon:after {
opacity: 1;
}

#sc-common-header .sc_blk3_max_box.left_top .sc_plusicon:after {
top: 5px;
left: 5px;
right: auto;
bottom: auto;
}

#sc-common-header .sc_blk3_max_box.left_bottom .sc_plusicon:after {
top: auto;
left: 5px;
right: auto;
bottom: 5px;
}

#sc-common-header .sc_blk3_max_box.right_top .sc_plusicon:after {
top: 5px;
left: auto;
right: 5px;
bottom: auto;
}

#sc-common-header .sc_blk3_max_box.right_bottom .sc_plusicon:after {
top: auto;
left: auto;
right: 5px;
bottom: 5px;
}

/*****************************************************
FileName : /errordoc/css/error.css
*****************************************************/
#sc-common-header .error {
width: 100%;
height: auto;
position: relative;
right: 0;
z-index: 2;
background-color: #000;
background: -moz-linear-gradient(top, #000000 0%, #003a6e 65%, #014a8c 85%, #01407e 100%);
background: -webkit-linear-gradient(linear, #000000 0%, #003a6e 65%, #014a8c 85%, #01407e 100%);
background: -o-linear-gradient(top, #000000 0%, #003a6e 65%, #014a8c 85%, #01407e 100%);
background: -ms-linear-gradient(top, #000000 0%, #003a6e 65%, #014a8c 85%, #01407e 100%);
background: linear-gradient(to bottom, #000000 0%, #003a6e 65%, #014a8c 85%, #01407e 100%);
}

#sc-common-header .error #breadCrumbs {
position: absolute;
top: 15px;
left: 8px;
font-size: 85%;
}

/*----- h1 -----*/
#sc-common-header .error #breadCrumbs li {
display: inline-block;
align-items: center;
vertical-align: middle;
color: #FFF;
}

#sc-common-header .error #mainContents {
padding-top: 50px;
padding-bottom: 40px;
position: relative;
overflow: hidden;
border-top: 1px solid #fff;
}

#sc-common-header #ci-error h1 {
display: inline-block;
padding: 15px 0 15px 20px;
background: url(/common/img/co_ic_36.png) left center no-repeat;
}

#sc-common-header .error #p_pageTtl {
margin: 0 5px 0 10px;
padding: 15px 0;
color: #fff;
font-size: 130%;
font-weight: 100;
}

#sc-common-header #editWA {
padding: 0 10px;
}

#sc-common-header #editWA p {
color: #FFF;
margin: 3px 5px 15px 0px;
font-size: 115%;
}

#sc-common-header .g_linkIc02 {
padding: 0 0 0 15px;
background: url(/common/img/co_ic_06.png) 0 0.2em no-repeat;
}
}

@media screen and (min-device-width: 769px) {

#sc-common-header .pc,
#sc-common-header .pc_only {
display: block !important;
}

#sc-common-header .pc_inline {
display: inline;
}

#sc-common-header .mobile,
#sc-common-header .sp_only,
#sc-common-header .hnbgr,
#sc-common-header .sp_inline {
display: none !important;
}

#sc-common-header .topvisual_area.left_top h1 {
top: 40px;
left: 5%;
right: auto;
bottom: auto;
}

#sc-common-header .topvisual_area.left_bottom h1 {
bottom: 40px;
left: 5%;
right: auto;
top: auto;
}

#sc-common-header .topvisual_area.right_top h1 {
top: 40px;
right: 5%;
left: auto;
bottom: auto;
}

#sc-common-header .topvisual_area.right_bottom h1 {
bottom: 40px;
right: 5%;
top: auto;
left: auto;
}

#sc-common-header .sc_blk3_max_box-warp {
width: 1000px;
margin: 50px auto 0;
}

#sc-common-header .sc_blk3_max_box-warp h3 {
font-size: 30px;
margin-bottom: 15px;
}

#sc-common-header .sc_blk3_max_box-warp h3 span {
margin-left: 40px;
font-size: 16px;
}

#sc-common-header .sc_blk3_max_box-warp .fw-normal {
font-weight: normal;
}

#sc-common-header .sc_blk3_max_box-warp .text-left {
text-align: left;
}

#sc-common-header .sc_blk3_max_box-warp .text-right {
text-align: right;
}

#sc-common-header .sc_blk3_max_box {
position: relative;
text-align: center;
display: flex;
flex-flow: row wrap;
}

#sc-common-header .sc_blk3_max_box p {
margin-top: 15px;
font-size: 12px;
text-align: left;
}

#sc-common-header .sc_blk3_max_box p.caption_right {
margin-top: 7px;
font-size: 10px;
text-align: right;
}

#sc-common-header .sc_blk3_max_box p.text_right {
margin-top: 7px;
font-size: 10px;
text-align: right;
}

#sc-common-header .sc_blk3_max_box h4 {
margin-top: 0 !important;
font-size: 16px;
font-weight: bold;
text-align: left;
}

#sc-common-header .sc_blk3_max_box h4 sup {
font-size: 10px;
bottom: 6px;
}

#sc-common-header .sc_blk3_max_box li {
max-width: 33.3%;
min-width: 33.3%;
margin-bottom: 10px;
}

#sc-common-header .sc_blk3_max_box li.mgR3 {
max-width: 33%;
min-width: 33%;
}

#sc-common-header .sc_blk3_max_box li.mgR7 {
max-width: 32%;
min-width: 32%;
}

#sc-common-header .sc_blk3_max_box li .sc_plusicon {
position: relative;
display: block;
z-index: 1;
}

#sc-common-header .sc_blk3_max_box li .sc_caption-wrap {
position: relative;
width: 100%;
}

#sc-common-header .sc_blk3_max_box li .sc_caption {
width: 100%;
position: absolute;
bottom: 0;
left: 0;
z-index: 2;
margin: 0;
padding: 0;
background: rgba(0,0,0,0.5);
pointer-events: none;
}

#sc-common-header .sc_blk3_max_box li .sc_caption span {
display: block;
font-size: 10px;
color: #fff;
padding: 5px 10px;
}

#sc-common-header .sc_blk3_max_box li .sc_plusicon:after {
content: " ";
background: url(/common_lineup/img/icon/icon_plus.png) no-repeat top left;
width: 30px;
height: 30px;
position: absolute;
top: 5px;
left: 5px;
right: auto;
bottom: auto;
-ms-filter: "alpha(opacity=100)";
opacity: 0.5;
z-index: 4;
display: block;
}

#sc-common-header .sc_blk3_max_box li:hover .sc_plusicon:after {
opacity: 1;
}

#sc-common-header .sc_blk3_max_box.left_top .sc_plusicon:after {
top: 5px;
left: 5px;
right: auto;
bottom: auto;
}

#sc-common-header .sc_blk3_max_box.left_bottom .sc_plusicon:after {
top: auto;
left: 5px;
right: auto;
bottom: 5px;
}

#sc-common-header .sc_blk3_max_box.right_top .sc_plusicon:after {
top: 5px;
left: auto;
right: 5px;
bottom: auto;
}

#sc-common-header .sc_blk3_max_box.right_bottom .sc_plusicon:after {
top: auto;
left: auto;
right: 5px;
bottom: 5px;
}
}