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


/* ============================================
                    共通
============================================ */
div#Journal {
    line-height: 1.8em;
}
#main-column {
    box-sizing: border-box;
    float: right;
    width: 100%;
}
.postage  {
    /*border-top: solid 4px #009bc9;*/
font-family: 'Zen Maru Gothic', sans-serif;
	font-size: 15px;
color: #333;
}

.postage .contentsArea {
    max-width: 1200px;
    margin: 0 auto;
}
@media screen and (max-width:1200px) {

}

/*
/*下からフェードイン*/
/* フェードイン用のCSS */
/*.slide-bottom {
   opacity: 0;
   transform: translateY(20px);
   transition: all 1.0s 0s ease-out;
 }
*/

/***トップへ戻るボタン***/


/* ============================================



                 　　共通



============================================ */
#Journal h1 {
    display: none;
}
#Journal h2 {
    display: none;
}
nav#bread-crumb-listTop ol li:nth-child(2) {
    display: none;
}
/* ============================================
                    MV
============================================ */
.postage .mv_area {
    max-width: 100%;
    margin: 0 auto;
}

/* ============================================
                    maincontents
============================================ */
/*タブ切り替え全体のスタイル*/
.postage .tabs {
    margin-top: 50px;
    background-color: #fff;
    width: 100%;
    margin: 26px auto;
}
/*タブのスタイル*/
.postage .tab_item {
    width: calc(96%/6);
    height: 50px;
    margin: 1px;
    background-color: #ededed;
    line-height: 50px;
    font-size: 14px;
    text-align: center;
    color: #565656;
    display: block;
    float: left;
    text-align: center;
    transition: all 0.2s ease;
}
.postage .tab_item:hover {
  opacity: 0.75;
}

/*ラジオボタンを全て消す*/
.postage input[name="tab_item"] {
  display: none;
}

/*タブ切り替えの中身のスタイル*/
.postage .tab_content {
  display: none;
  padding: 20px 10px 0;
  clear: both;
  overflow: hidden;
}


/*選択されているタブのコンテンツのみを表示*/
#hokkaido:checked ~ #hokkaido_content,
#kitatouhoku:checked ~ #kitatouhoku_content,
#minamitouhoku:checked ~ #minamitouhoku_content,
#kanto:checked ~ #kanto_content,
#sinetsu:checked ~ #sinetsu_content,
#tokai:checked ~ #tokai_content,
#hokuriku:checked ~ #hokuriku_content,
#kansai:checked ~ #kansai_content,
#chugoku:checked ~ #chugoku_content,
#sikoku:checked ~ #sikoku_content,
#kitakyusyu:checked ~ #kitakyusyu_content,
#minamikyusyu:checked ~ #minamikyusyu_content,
#okinawa:checked ~ #okinawa_content {
  display: block;
}

/*選択されているタブのコンテンツのみを表示*/
#hokkaido_yamato:checked ~ #hokkaido_yamato_content,
#kitatouhoku_yamato:checked ~ #kitatouhoku_yamato_content,
#minamitouhoku_yamato:checked ~ #minamitouhoku_yamato_content,
#kanto_yamato:checked ~ #kanto_yamato_content,
#sinetsu_yamato:checked ~ #sinetsu_yamato_content,
#tokai_yamato:checked ~ #tokai_yamato_content,
#hokuriku_yamato:checked ~ #hokuriku_yamato_content,
#kansai_yamato:checked ~ #kansai_yamato_content,
#chugoku_yamato:checked ~ #chugoku_yamato_content,
#sikoku_yamato:checked ~ #sikoku_yamato_content,
#kitakyusyu_yamato:checked ~ #kitakyusyu_yamato_content,
#minamikyusyu_yamato:checked ~ #minamikyusyu_yamato_content,
#okinawa_yamato:checked ~ #okinawa_yamato_content {
  display: block;
}


/*選択されているタブのコンテンツのみを表示*/
#hokkaido_ypack:checked ~ #hokkaido_ypack_content,
#kitatouhoku_ypack:checked ~ #kitatouhoku_ypack_content,
#minamitouhoku_ypack:checked ~ #minamitouhoku_ypack_content,
#kanto_ypack:checked ~ #kanto_ypack_content,
#sinetsu_ypack:checked ~ #sinetsu_ypack_content,
#tokai_ypack:checked ~ #tokai_ypack_content,
#hokuriku_ypack:checked ~ #hokuriku_ypack_content,
#kansai_ypack:checked ~ #kansai_ypack_content,
#chugoku_ypack:checked ~ #chugoku_ypack_content,
#sikoku_ypack:checked ~ #sikoku_ypack_content,
#kitakyusyu_ypack:checked ~ #kitakyusyu_ypack_content,
#minamikyusyu_ypack:checked ~ #minamikyusyu_ypack_content,
#okinawa_ypack:checked ~ #okinawa_ypack_content {
  display: block;
}

/*選択されているタブのスタイルを変える*/
.postage .tabs input:checked + .tab_item {
  background-color: #6f6d6c;
  color: #fff;
}
.postage .contentsBox {
    margin: 100px 0;
    overflow: hidden;
}
.postage p.tabttl {
    border-bottom: solid 1px #cfcfcf;
    padding-bottom: 16px;
    font-size: 18px;
    text-align: center;
    font-weight: bold;
    margin: 0 0 30px 0;
}
.postage table {
    line-height: 120%;
    border-top: 1px solid #CCC;
    table-layout: fixed;
}
.postage table.souryo {
    border: solid 1px #bbbbbb;
}
.postage tr {
    border: solid 1px #bbbbbb;
}
.postage table th {
    border-right: 1px solid #CCC;
    font-size: 12px;
}
.postage table th {
    background-color: #EEE;
    border-top: 1px solid #CCC;
    color: #2B2B2B;
    font-size: 90%;
    font-weight: bold;
    padding: 15px 20px;
    width: 100px;
}
.postage table td {
    border: 1px solid #CCC;
    color: #2B2B2B;
    font-size: 90%;
    padding: 15px 20px;
    width: 100px;
}
/* ============================================
                 レスポンシブ
============================================ */
@media screen and (min-width:490px) {

}

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

#contents div#sub-column {
    display: none;
}
}

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

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

}