@charset "utf-8";

body .content.rn {
/*    overflow:hidden;*/
}

/****** ログインブロック *****/
body .rn div#dBWrapper .formLogin {
    width:100%;
    font-size: 1.1em;
}

body .rn div#dBWrapper .formLogin div.form {
    padding:3px 10px 7px 10px;
    background:#eeebe8;
    border-top:3px solid #496;
    color:#496;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

body .rn div#dBWrapper .formLogin .login_title {
    -webkit-box-flex: 0 0 82px;
    -webkit-flex: 0 0 82px;
    -ms-flex: 0 0 82px;
    flex: 0 0 82px;
	
    padding-top:8px;
}

body .rn div#dBWrapper .formLogin .login_contents {
    -webkit-box-flex: 1 1 auto;
    -webkit-flex: 0 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

body .rn div#dBWrapper .formLogin .login_contents > div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width:100%;
}

body .rn div#dBWrapper .formLogin .login_contents .login_item {
    padding-top:7px;
    padding-right:8px;
}

body .rn div#dBWrapper .formLogin .login_contents .login_button {
    padding-top:4px;
    padding-right:0px;
}

body .rn div#dBWrapper .formLogin .login_contents input[type="text"] {
    width:130px;
    margin:0 10px 0 0;
    padding:1px 2px;
    background:#fff;
    border:1px solid #494;
    font-size: 1.2rem;
}

body .rn div#dBWrapper .formLogin .login_contents input[type="password"] {
    width:100px;
    margin:0 10px 0 0;
    padding:1px 2px;
    background:#fff;
    border:1px solid #494;
    font-size: 1.2rem;
}

body .rn div#dBWrapper .formLogin div.btns {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

body .rn div#dBWrapper .formLogin div.btns a {
    margin-left:10px; 
    color:#f17602;
}


body .rn div#dBWrapper .btnRight{
    float:right;
}

body .rn div#dBWrapper table.mypage_menu td{
    text-align:center;
}

/*パンくずリスト*/
body .rn div#dBWrapper ul.breadcrumb {
    padding: 0;
}
body .rn div#dBWrapper .breadcrumb li {
    display: inline;
    list-style-type: none;
}
body .rn div#dBWrapper .breadcrumb li:before {
    content: " > ";
}
body .rn div#dBWrapper .breadcrumb li:first-child:before {
    content: none;
}

body .rn div#dBWrapper button, 
body .rn div#dBWrapper fieldset, 
body .rn div#dBWrapper form, 
body .rn div#dBWrapper input, 
body .rn div#dBWrapper label, 
body .rn div#dBWrapper legend, 
body .rn div#dBWrapper select, 
body .rn div#dBWrapper textarea {
/*    font-size: 0.75rem;*/
      font-size: 1.1rem;
}
 @media print, screen and (max-width: 767px) {
    body .rn div#dBWrapper button, 
    body .rn div#dBWrapper fieldset, 
    body .rn div#dBWrapper form, 
    body .rn div#dBWrapper input, 
    body .rn div#dBWrapper label, 
    body .rn div#dBWrapper legend, 
    body .rn div#dBWrapper select, 
    body .rn div#dBWrapper textarea {
        font-size: 1rem;      
    }
 } 

body .rn div#dBWrapper input[type="button"] {
    border-radius: 8px;	
    padding: 2px 8px;
} 

/* 汎用 */
body .rn div#dBWrapper div.center {
    text-align:center;
}

/* 汎用ボタン */
body .rn div#dBWrapper a.btnBig {
    display:inline-block;
    margin:0 auto;
    padding:2px 15px;
    font-size: 14px;
    text-decoration:none;
    color:#fff;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border:1px solid #8a8a8a;
    box-shadow:0 0 2px#999;
    outline:none;
    background: -moz-linear-gradient(top center, #9a8d82 0%, #66584d 100%);
    background: -webkit-gradient(linear, center top, center bottom, from(#9a8d82), to(#66584d));
    background: linear-gradient(to bottom, #9a8d82, #66584d);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9a8d82', endColorstr='#66584d',GradientType=0);
}

body .rn div#dBWrapper a.btnBig:hover {
    color:#ff6;
}

body .rn div#dBWrapper a:hover img {
    opacity:0.7; filter:alpha(opacity=70);
}

/* テンプレート */
body .rn div#dBWrapper div#dMWrapper {
    position: relative;
    font-size: 75%;
    z-index:1;
    text-align: left;
    background: #fff;
/*@@@    overflow: hidden; */
} @media print, screen and (min-width: 768px) {
    body .rn div#dBWrapper div#dMWrapper {
        width: 1000px;
        margin: 0 auto; 
    } 
}
body .rn div#dBWrapper div#dBreadCrumbs {
    margin: 0 auto 16px;
    padding : 2px 8px;
}

body .rn div#dBWrapper div#dBreadCrumbs ol li {
    display: inline;
    list-style: none;
    padding-right: 4px;
}

body .rn div#dBWrapper div#dBreadCrumbs ol li a {
    padding-right: 4px;
}

body .rn div#dBWrapper div#dMain {

    padding : 2px 8px;

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;

    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;

    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    
    margin-bottom: 8px;
}

body .rn div#dBWrapper div#dMain div#dMainH1 {
    flex-basis:100%;
    width: 100%;
    padding-right: 20px;
}

body .rn div#dBWrapper div#dMainH1 h1 {
    width: 100%;
    margin-bottom: 20px;
}

/* LEFT COLUMN */
body .rn div#dBWrapper div#dMainColumn
{
    display: inline-block;
    flex:2 1 428px;
    padding-top:0.75rem;
    max-width : 984px; 
/*    max-width : 654px; */
    overflow-x: hidden;
}

  @media print {
	  body .rn div#dBWrapper div#dMainColumn
		{
		    overflow-x: visible;
		}
	  
  }

/* RIGHT COLUMN */
body .rn div#dBWrapper div#dSubColumn
{
    display: inline-block;
    position: sticky;
    top: 0px;    
    flex:0 1 320px;
    margin-left:8px;
}

body .rn div#dBWrapper div#dSubColumn div#RIGHTBLOCK {
    width:320px;
    overflow-x:hidden;
}

/* block */
body .rn div#dBWrapper .block {
    border:1px solid #ccc;
    margin-top:20px;
    margin-bottom:20px;
    line-height:1.5;
}

body .rn div#dBWrapper div#aMainContents .block {
    padding-bottom:20px;
}

body .rn div#dBWrapper div#dSubColumn .block {
    padding:16px;
}

body .rn div#dBWrapper div#aMainContents .block .cms,
body .rn div#dBWrapper div#dSubColumn .block .cms {
    margin:20px 20px 0 20px;
}

body .rn div#dBWrapper div#aMainContents .block p, 
body .rn div#dBWrapper div#dSubColumn .block p {
    /*    font-size: 75%;*/
         font-size: 1rem;
}
body .rn div#dBWrapper .flex_box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width:100%;
}

body .rn div#dBWrapper .flex_wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width:100%;
}
body .rn div#dBWrapper .flex_start {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
body .rn div#dBWrapper .flex_end {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
body .rn div#dBWrapper .flex_center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

body .rn div#dBWrapper .flex_item {
    -webkit-box-flex: 0 1 auto;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
}

body .rn div#dBWrapper .flex_item_1 {
    -webkit-box-flex: 0 1 10%;
    -webkit-flex: 0 1 10%;
    -ms-flex: 0 1 10%;
    flex: 0 1 10%;
}

body .rn div#dBWrapper .flex_item_2 {
    -webkit-box-flex: 0 1 20%;
    -webkit-flex: 0 1 20%;
    -ms-flex: 0 1 20%;
    flex: 0 1 20%;
}

body .rn div#dBWrapper .flex_item_3 {
    -webkit-box-flex: 0 1 30%;
    -webkit-flex: 0 1 30%;
    -ms-flex: 0 1 30%;
    flex: 0 1 30%;
}

body .rn div#dBWrapper .flex_item_4 {
    -webkit-box-flex: 0 1 40%;
    -webkit-flex: 0 1 40%;
    -ms-flex: 0 1 40%;
    flex: 0 1 40%;
}

body .rn div#dBWrapper .flex_item_5 {
    -webkit-box-flex: 0 1 50%;
    -webkit-flex: 0 1 50%;
    -ms-flex: 0 1 50%;
    flex: 0 1 50%;
}

body .rn div#dBWrapper .flex_item_6 {
    -webkit-box-flex: 0 1 60%;
    -webkit-flex: 0 1 60%;
    -ms-flex: 0 1 60%;
    flex: 0 1 60%;
}

body .rn div#dBWrapper .flex_item_7 {
    -webkit-box-flex: 0 1 70%;
    -webkit-flex: 0 1 70%;
    -ms-flex: 0 1 70%;
    flex: 0 1 70%;
}

body .rn div#dBWrapper .flex_item_8 {
    -webkit-box-flex: 0 1 80%;
    -webkit-flex: 0 1 80%;
    -ms-flex: 0 1 80%;
    flex: 0 1 80%;
}

body .rn div#dBWrapper .flex_item_9 {
    -webkit-box-flex: 0 1 90%;
    -webkit-flex: 0 1 90px;
    -ms-flex: 0 1 90%;
    flex: 0 1 90%;
}

body .rn div#dBWrapper .flex_item_0 {
    -webkit-box-flex: 0 1 100%;
    -webkit-flex: 0 1 100%;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
}

body .rn div#dBWrapper img {
    max-width: 100%;
    width: auto;
    height: auto;
}

/* tour_contents */
body .rn div#dBWrapper .plan_wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

body .rn div#dBWrapper .plan_contents {
    font-size:0.9em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;    
    height:140px;
  }
  @media print, screen and (min-width: 768px) {
      body .rn div#dBWrapper .plan_contents {
            -webkit-box-flex: 0 0 25%;
            -webkit-flex: 0 0 25%;
            -ms-flex: 0 0 25%;
            flex: 0 0 25%;
      } }
  @media print, screen and (max-width: 767px) {
      body .rn div#dBWrapper .plan_contents {
            -webkit-box-flex: 0 0 50%;
            -webkit-flex: 0 0 50%;
            -ms-flex: 0 0 50%;
            flex: 0 0 50%;
      } }

body .rn div#dBWrapper .plan_contents .imgTop {
    -webkit-box-flex: 0 0 104px;
    -webkit-flex: 0 0 104px;
    -ms-flex: 0 0 104px;
    flex: 0 0 104px;
    padding: 2px 0px 2px 4px;
}

body .rn div#dBWrapper .plan_contents .imgTop img {
    width:100px;
    max-height:100px;
    overflow:hidden;
}

body .rn div#dBWrapper .plan_contents .txtBottom {
    max-width: 100%;
    -webkit-box-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 2px 4px 2px 0px;
}

body .rn div#dBWrapper .tour_wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

body .rn div#dBWrapper .tour_contents {
    font-size:0.9em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height:110px;
  }
  @media print, screen and (min-width: 768px) {
      body .rn div#dBWrapper .tour_contents {
            -webkit-box-flex: 0 0 50%;
            -webkit-flex: 0 0 50%;
            -ms-flex: 0 0 50%;
            flex: 0 0 50%;
      } }
  @media print, screen and (max-width: 767px) {
      body .rn div#dBWrapper .tour_contents {
            -webkit-box-flex: 0 0 100%;
            -webkit-flex: 0 0 100%;
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
      } }

body .rn div#dBWrapper .tour_contents .imgLeft {
    -webkit-box-flex: 0 0 108px;
    -webkit-flex: 0 0 108px;
    -ms-flex: 0 0 108px;
    flex: 0 0 108px;
    padding: 2px 0px 2px 4px;
}

body .rn div#dBWrapper .tour_contents .imgLeft img {
    width:100px;
    max-height:100px;
    overflow:hidden;
}

body .rn div#dBWrapper .tour_contents .txtRight {
    -webkit-box-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    vertical-align:top;
    padding: 2px 4px 2px 0px;
}

body .rn div#dBWrapper .tour_contents .txtRight .dateDisp {
    margin:0 0 5px 0;
    text-align:right; 
    color:#666;
}

body .rn div#dBWrapper .tour_contents .txtRight p {
    /*    font-size: 75%;*/
    font-size: 1rem !important;
}

body .rn div#dBWrapper .tour_contents a {
    font-size: 1rem;
    font-weight: normal;
    line-height: 1.6;
}

body .rn div#dBWrapper .drive_contents {
    font-size:0.9em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height:110px;
}

body .rn div#dBWrapper .drive_contents .imgLeft {
    -webkit-box-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 2px 0px 2px 4px;
}

body .rn div#dBWrapper .drive_contents .txtRight {
    -webkit-box-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    vertical-align:top;
    padding: 0px 2px 0px 40px;
}

body .rn div#dBWrapper .standard_video_wrapper {
  position: relative;
  width: 100%;
  padding-top: 75.00%;
}

body .rn div#dBWrapper .wide_video_wrapper {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

body .rn div#dBWrapper .standard_video_wrapper iframe,video {
  position: absolute;
  width: 100% !important;
  height: 100% !important;
  top: 0;
  right: 0;
}

body .rn div#dBWrapper .wide_video_wrapper iframe,video {
  position: absolute;
  width: 100% !important;
  height: 100% !important;
  top: 0;
  right: 0;
}
 
body .rn div#dBWrapper div#menuLabel > p
{
    margin: 0px;
}


body .rn div#dBWrapper div.block__header div.header_label {
    font-size: 1.8rem;
}

body .rn div#dBWrapper div#aMainContents .block div.block__header div.header_label p,
body .rn div#dBWrapper div.block__header div.header_label p {
    font-size: inherit;
    font-weight: inherit;
}
body .rn div#dBWrapper div.block__header div#menuLabel p{
    font-size: 62.5%;
    font-weight: inherit;
    font-family: arial, helvetica, sans-serif;
}

body .rn div#dBWrapper div.menu_style_1 {
    font-size: 2.2em;
/*    font-weight: bold;*/
}

body .rn div#dBWrapper div.menu_style_0 {
    padding-top: 4px;
    padding-bottom: 4px;
}

body .rn div#dBWrapper div.menu_style_0,
body .rn div#dBWrapper div.menu_style_2 {
    background-color: #fbfaf9;
    background-image: url(/images/common/module/bg_module_h2.gif);
    background-repeat: repeat-x;
    background-position: left bottom;
    font-size: 1.4em;
/*    font-weight: bold;*/
}

body .rn div#dBWrapper div.menu_style_3 {
    background-color: #eeebe8;
    font-size: 1.15em;
/*    font-weight: bold;*/
}

body .rn div#dBWrapper div.menu_style_4 {
    border-bottom: dotted 1px #aaaaaa;
    font-size: 1.15em;
/*    font-weight: bold;*/
}

body .rn div#dBWrapper div.menu_style_5 {
    font-size: 1.15em;
    padding: 10px; 
    border-radius: 10px; 
    border: 5px double #008000; 
/*    font-weight: bold;*/
}

body .rn div#dBWrapper div.menu_style_6 {
    background-color: #e6e9ef;
    font-size: 1.4em;
    color : #000;
/*    font-weight: bold;*/
}

body .rn div#dBWrapper div.menu_style_7 {
    background-color: #f7f8fa;
    border-top: 1px solid #cbd1dc;
    border-bottom: 1px solid #cbd1dc;
    font-size: 1.4em;
    color : #000;
/*    font-weight: bold;*/
}

body .rn div#dBWrapper div.menu_style_8 {
    background-color: #000;
    font-size: 1.4em;
    color : #fff;
/*    font-weight: bold;*/
}

body .rn div#dBWrapper div.menu_style_9 {
    background-color: #fff;
    border-bottom: 1px solid #000;
    font-size: 1.4em;
    color : #000;
/*    font-weight: bold;*/
}

body .rn div#dBWrapper div.menu_style_10 {
    background-color: #e97302;
    border-bottom: 1px solid #fff;
    font-size: 1.4em;
    color : #fff;
/*    font-weight: bold;*/
}

body .rn div#dBWrapper div#aMainContents > div.contentBox
{
    border: 1px solid #ccc;
    padding: 20px;    
}

body .rn div#dBWrapper div#aMainContents > div.contentBox > div.content_block
{
    width : calc(100% - 2px);
}

body .rn div#dBWrapper div#aMainContents div.content_block
{
    width : calc(100% - 2px);
    background-color:white;
    margin-bottom : 1.0rem;
    padding-bottom: 0px;
}

body .rn div#dBWrapper div#aMainContents div.content_block .block__header
{
    margin-bottom:1px;
    min-height:32px;
	
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    padding: 4px;
}

body .rn div#dBWrapper div#aMainContents div.content_block .block__body .block__footer
{
    width: 76px;
    margin-left:auto;
}

body .rn div#dBWrapper div#aMainContents div.content_block .block__header .header_mark
{
    flex-basis: 40px; 
    text-align: center;
}
body .rn div#dBWrapper div#aMainContents div.content_block._ac .block__header.menu_style_5 .header_mark
{
    flex-basis: 0px;
}

body .rn div#dBWrapper div#aMainContents div.content_block .block__header .header_label
{
    flex-basis: calc(100% - 124px);
    align-self: center;
}

@media print, screen and (max-width: 767px) {
    body .rn div#dBWrapper div#aMainContents div.content_block .block__header .header_label
    {
        flex-basis: calc(100%);
        align-self: center;
    }
}

body .rn div#dBWrapper div#aMainContents div.content_block .block__header .header_label > *
{
    margin: 0px;
}

body .rn div#dBWrapper div#aMainContents div.content_block .block__header .header_label a
{
    display: inline-block;
/*    background-image: url(/images/common/module/ico_arrow_right.gif);*/
    background-position: right 0.7em;
    background-repeat: no-repeat;
/*    padding: 3px 16px 3px 0;*/
    color: inherit;
}

body .rn div#dBWrapper div#aMainContents div.content_block .block__header .header_close
{
    flex-basis: 84px; 
    text-align: right;
    align-self: center;
}

@media print, screen and (max-width: 767px) {
    
    body .rn div#dBWrapper div#aMainContents div.content_block .block__header .header_close{
        display: none;
    }
    
}

body .rn div#dBWrapper div#aMainContents div.content_block._lb .block__header,
body .rn div#dBWrapper div#aMainContents div.content_block:not(._op) .block__body,
body .rn div#dBWrapper div#aMainContents div.content_block._ac div.header_close,
body .rn div#dBWrapper div#aMainContents div.content_block._op._lb div.header_close,
body div#BODYBLOCK div.rn div#dBWrapper div#aMainContents div.content_block:not(._op) div.header_close,
body .rn div#dBWrapper div#aMainContents div.content_block._ac div.toggle_close,
body .rn div#dBWrapper div#aMainContents div.content_block._op._lb div.toggle_close,
body div#BODYBLOCK  div.rn div#dBWrapper div#aMainContents div.content_block:not(._op) div.toggle_close,
body .rn div#dBWrapper div#aMainContents div.block.content_block._lb:not(._op):not(._ac),
body .rn div#dBWrapper div#aMainContents div.block.content_block._ac._lb:not(._op)
{
    display :none;
}
body .rn div#dBWrapper div#aMainContents div.content_block._op:not(._lb):not(._ac) .block__body{
    border-bottom: inset 2px #c00000;
    margin-bottom: 5px;
}
body .rn div#dBWrapper div#aMainContents div.content_block._op:not(._lb):not(._ac) .block__body .block__footer{
    margin-bottom: 4px;
}



body .rn div#dBWrapper div#aMainContents div.content_block._ac div.header_label,
body .rn div#dBWrapper div#aMainContents div.content_block._op._lb div.header_label
{
    flex-basis: calc(100%);
}

body .rn div#dBWrapper div#aMainContents div.content_block:not(._op) .header_mark
{
    background-image:url("/assets-driver/img/cmn/ico_arrow_down_black.png");
    background-repeat: no-repeat;
    background-position:center center;
}

body .rn div#dBWrapper div#aMainContents div.content_block._op .header_mark
{
    background-image:url("/assets-driver/img/cmn/ico_arrow_up.png");
    background-repeat: no-repeat;
    background-position:center center;
}

body .rn div#dBWrapper div#aMainContents div.content_block:not(._op) div.block__header.menu_style_8 .header_mark,
body .rn div#dBWrapper div#aMainContents div.content_block:not(._op) div.block__header.menu_style_10 .header_mark
{
    background-image:url("/assets-driver/img/cmn/ico_arrow_down_white.png");
    background-repeat: no-repeat;
    background-position:center center;
}
body .rn div#dBWrapper div#aMainContents div.content_block._op div.block__header.menu_style_8 .header_mark,
body .rn div#dBWrapper div#aMainContents div.content_block._op div.block__header.menu_style_10 .header_mark
{
    background-image:url("/assets-driver/img/cmn/ico_arrow_up_white.png");
    background-repeat: no-repeat;
    background-position:center center;
}

body .rn div#dBWrapper div#aMainContents div.content_block._ac .header_mark
{
    background-image:url("/assets-driver/img/cmn/bg_h2.png");
    background-repeat: no-repeat;
    background-position:center center;
    background-size: 20px 5px;
}

body .rn div#dBWrapper div#aMainContents div.content_block._ac div.block__header.menu_style_0 .header_mark
{
    background-image: none;
}

body .rn div#dBWrapper div#aMainContents div.content_block._ac div.block__header.menu_style_1 .header_mark
{
    background-image:url("/images/common/module/bg_module_h1.gif");
    background-repeat: no-repeat;
    background-position: left 0.5em;
}

body .rn div#dBWrapper div#aMainContents div.content_block._ac div.block__header.menu_style_3 .header_mark
{
    background-image:url("/images/common/module/bg_module_h3.gif");
    background-repeat: no-repeat;
    background-position: left center;
}

body .rn div#dBWrapper div#aMainContents div.content_block._ac div.block__header.menu_style_4 .header_mark
{
    background-image:url("/images/common/module/bg_module_h4.gif");
    background-repeat: no-repeat;
    background-position: left center;
}
body .rn div#dBWrapper div#aMainContents div.content_block._ac div.block__header.menu_style_8 .header_mark,
body .rn div#dBWrapper div#aMainContents div.content_block._ac div.block__header.menu_style_10 .header_mark
{
    background-image:url("/images/common/module/bg_module_h8.gif");
    background-repeat: no-repeat;
}

/*body .rn div#dBWrapper div#aMainContents div.content_block:not(._op) div.block__header.menu_style_8 .header_mark,
body .rn div#dBWrapper div#aMainContents div.content_block:not(._op) div.block__header.menu_style_10 .header_mark
{
    background-image:url("/assets-driver/img/cmn/ico_arrow_right_white.png");
}*/

/*div#aMainContents > div.content_block._op div.block__header.menu_style_8 .header_mark,
div#aMainContents > div.content_block._op div.block__header.menu_style_10 .header_mark
{
    background-image:url("/assets-driver/img/cmn/ico_arrow_down_white.png");
}*/

body .rn div#dBWrapper div#aMainContents div.content_block div.toggle_close
{
    background-color: black;
    width : 60px;
    border: none;
    color: white;
    padding: 2px 6px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 1.2rem;
    font-weight: bold;
    margin: 2px 2px;
    border-radius: 8px;
  }
  
  @media print, screen and (min-width: 768px) {
      body .rn div#dBWrapper div#aMainContents div.content_block .header_mark {
          order: 1;
      }
      body .rn div#dBWrapper div#aMainContents div.content_block .header_label {
          order: 2;
      }
      body .rn div#dBWrapper div#aMainContents div.content_block .header_close {
          order: 3;
      }
  }  
  @media print, screen and (max-width: 767px) {
      body .rn div#dBWrapper div#aMainContents div.content_block .header_mark {
          order: 3;
      }
      body .rn div#dBWrapper div#aMainContents div.content_block .header_label {
          order: 1;
      }
      body .rn div#dBWrapper div#aMainContents div.content_block .header_close {
          order: 2;
      }
  }  
/*  @media print, screen and (max-width: 767px) {
      body .rn div#dBWrapper div#aMainContents div.content_block div.toggle_close {
          display :none;
      }
  }*/
/*
body .rn div#dBWrapper div#aMainContents > div.content_block div.block__footer div.toggle_close
{
    margin-left: 10px;
}
  */
/* 閉じるボタン白黒反転 */
body .rn div#dBWrapper div#aMainContents div.content_block:not(._op) div.block__header.menu_style_8 div.toggle_close,
body .rn div#dBWrapper div#aMainContents div.content_block:not(._op) div.block__header.menu_style_10 div.toggle_close
{
    background-color: white;
    color: black;
}  

body .rn div#dBWrapper div#aMainContents div.content_block._op div.toggle_close
{
    background-color: #c00000;
}

body .rn .pagetop--area li {
    z-index: 99;
}

body .common_contents_box {
    width:100%; 
    max-width:1000px;
    margin:0 auto;
}

body .common_contents_box .top_area {
    display: flex; 
}

body .common_contents_box .top_area div {
    flex: 1;
    height : 15px;
    z-index: 1;
}

body .common_contents_box .logo_area {
    display: flex; 
    height:96px;
    align-items:center;
}

body .common_contents_box .logo_area > div {
    flex: 1; 
}

body .common_contents_box .logo_area .page_title {
    font-size: min(2.3vw,26px);
    font-weight: bold;
    padding-left:4px;
}

body .common_contents_box .logo_area .logo_link {
    display: flex; 
    padding : 18px 0px;
}

body .common_contents_box .logo_area .logo_link > a {
    flex: 1; 
}

body .common_contents_box .logo_area .logo_link img {
    width: 80%; 
}

body .common_contents_box .footer_area {
    display: flex; 
    height:64px;
    align-items:center;
}

body .common_contents_box .footer_area > div {
    flex: 1; 
}

body .common_contents_box .footer_area .footer_logo {
    flex: 1;
    padding-left:4px;
}

body .common_contents_box .footer_area .footer_logo img {
    width: 75%; 
}

body .common_contents_box .footer_area .footer_title {
    flex: 8;
    font-size:min(1.6vw,20px);
    font-weight: bold;
    padding-left:4px; 
}

.enexco--color {
    background-color:#4eb93b;
}

.cnexco--color {
    background-color:#ee8c00;
}

.wnexco--color {
    background-color:#04a9e5;
}