@charset "UTF-8";

/*----------------------------------------
全体レイアウト
----------------------------------------*/

body{
    background: url(../img/common/page_t.jpg) center top no-repeat;
}

.header{
    height:60px;
}
.container{
    width:900px;
}

.main-cont{
    width:710px;
}

.main{
    padding:20px 0 0 30px;
}

.sidebar{
    width:210px;
    padding:16px;
    background-color: #000;
    color:#fff;
}

.sidebar p{
    color:#fff;
}

#footer{
    width:900px;
    height:50px;
    padding-top:8px;
    margin:auto;
    background: url(../img/footer/footer.gif) no-repeat;
}
#footer a{
    color:#CF7C2A;
}

#footer a:hover{
    color:#E60012;
}

.copyright{
    color:#333;
    text-align: right;
    width:900px;
    margin:0 auto 20px;
    font-size:12px;
}

/*----------------------------------------
サイドバー
----------------------------------------*/
.side-about-miyazaki{
    font-size:22px;
    font-weight:bold;
}

.side_box{
	background-color:#3E3A39;
	padding:6px;
	margin-bottom:45px;
}

.side-ta{
    width:100%;
}

.side-ta th,.side-ta td,.side-ta caption{
    font-size:11px;    
}

.side-ta caption{
    text-align: left;
    font-size:20px;
}

.side-ta-miyazaki{
    border-bottom:1px solid #fff;
}

/*----------------------------------------
サイドナビ
----------------------------------------*/

#side-nav li a{
    color:#fff;
    font-size:13px;
    font-weight: bold;
    border-left:2px solid #fff;
    text-decoration: none;
    position:relative;
    padding-left:10px;
}

#side-nav li a::after{
    content:"";
    display: block;
    border-left: 4px solid #a20303;
    height:1.3em;
    position:absolute;
    left:0;
    top:0;
}

#side-nav li a:hover{
    color: #E60012;
}

/*----------------------------------------
グローバルナビ
----------------------------------------*/

.g-nav{
    width:100%;
    display: flex;
    justify-content: space-between;
}

.g-nav li{
    width: calc( 100% / 4 );
    text-align: center;
    font-weight: bold;
}

.g-nav li a{
    font-size:14px;
    color:#fff;
    text-align: center;
    border-right:1px solid #fff;
}

.g-nav li a:last-of-type{
    border-right:none;
}

/*----------------------------------------
TOPページ
----------------------------------------*/

.top-work{
    display: flex;
    justify-content: space-between;
}

.top-work-wrapper{
	width:650px;
	background:url("../img/top/back.gif") center top no-repeat;
}

.top-work01{
    padding-top:60px;
}

.top-work02{
    padding-bottom:80px;
}

.top-title-short{
    width: 315px;
    height: 30px;
    background-image: url(http://miya-ori.com/resource/image/top/title01.gif);
    background-repeat: no-repeat;
    padding-top: 5px;
    padding-left: 28px;
    margin-bottom: 7px;
}

.bt-detail{
    text-align: right;
}
.bt-detail a{
    color:#CF7C2A;
}

.bt-detail a:hover{
    color:#E60012;
}

.top-title-long{
    width: 650px;
    height: 30px;
    background-image: url(http://miya-ori.com/resource/image/top/title02.gif);
    background-repeat: no-repeat;
    padding-top: 5px;
    padding-left: 28px;
    margin-bottom: 7px;
  }


/*----------------------------------------
見出し
----------------------------------------*/

.heading-page{
    font-size:20px;
    border-bottom:1px solid #666;
    margin-bottom:20px;
}

.heading-page::before{
    content:url(../img/same/title.png);
}


/*----------------------------------------
新聞折込ページ
----------------------------------------*/


#content{
	width:650px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:12px;
	color:#000;
	margin-top:25px;
	margin-left:30px;
}
#orikomi01{
	width:620px;
	background-color:#595757;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin-top: 10px;
	margin-bottom: 40px;
}
#orikomi02{
	width:650px;
	/* height:155px; */
    height:250px;
	background-image:url(../img/orikomi/orikomi01.jpg);
	background-repeat:no-repeat;
	padding-top:55px;
}
#orikomi03{
	/* width:315px; */
    width:650px;
	height:150px;
	background-image:url(../img/orikomi/orikomi02.jpg);
	background-repeat:no-repeat;
	padding-top: 60px;
	padding-left: 335px;
}
.orikomi ul {
	padding-top: 0px !important;
	padding-right: 0px !important;
	padding-bottom: 0px !important;
	padding-left: 15px !important;
	margin: 0px !important;
}

.orikomi li {
	padding: 0px 0px 10px 0px !important;
	list-style-position:outside !important;
    font-size:14px;
    font-weight: bold;
}
.orikomi li.example01{
	list-style-image: url(../img/orikomi/list01.gif) !important;
}
.orikomi li.example02{
	list-style-image: url(../img/orikomi/list02.gif) !important;
}
.orikomi h4{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
	font-size: 24px !important;
	color: #000 !important;
	font-weight: bold !important;
}

/*----------------------------------------
流れページ
----------------------------------------*/

.border{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	width: 650px;
	margin-bottom:5px;
}
#flow01{
	width:305px;
	margin-top:30px;
	margin-right:40px;
	float:left;
}
#flow02{
	width:305px;
	margin-top:30px;
	float:left;
}
#space{
	margin-top:8px;
}
#clear{
	clear:both;
}
.flow01{
	margin-bottom:5px;
}
.flow02{
	margin-bottom:40px;
}
h4{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
	font-size: 24px !important;
}

/*----------------------------------------
マッピングシステム
----------------------------------------*/

.about-musashi{
    display: flex;
}

.map-data-wrapper{
    background: #dedede;;
    display: flex;
}

.map-data{
    padding:20px;
}

.map-data dl{
    margin-bottom:10px;
}

.map-data dl dt{
    font-size:12px;
    font-weight: bold;
    margin-bottom:10px;
}

.map-data dl dt::before{
    content:url(../img/mapping/mark.gif);
    margin-right:6px;
}

.map-data dl dd{
    font-size:12px;
    margin-left:1em;
}


/* ここから古いcss */

#mapping01{
	width:320px;
	margin-bottom:50px;
	float:left;
}
#mapping02{
	margin-bottom:50px;
	float:left;
}
#mapping03{
	width:321px;
	margin-right:20px;
	float:left;
}

#clear{
	clear:both;
}
.mapping01{
	margin-top:30px;
}
.mapping02{
	padding-right:15px;
}
.mapping03{
	margin-top:30px;
	margin-bottom:50px;
}
.font{
	font-size:8px;
}
.border{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	width: 650px;
}
/* ul {
	padding-top: 0px !important;
	padding-right: 0px !important;
	padding-bottom: 0px !important;
	padding-left: 15px !important;
	margin: 0px !important;
}
li {
	padding: 0px 0px 10px 0px !important;
	list-style-position:outside !important;
}
li.example01{
	list-style-image: url(img/mapping/mark.gif) no-repeat;
}
li.example02{
	list-style-type: none !important;
} */

/*----------------------------------------
料金表
----------------------------------------*/

.price-dl{
    display: flex;
    justify-content: space-between;
    margin-bottom:30px;
}

.price-dl-inner{
    display: flex;
    align-items: flex-end;
}

.price01 th,.price01 td{
    font-size:12px;
    border:#00aaff 1px solid;
}

.price01 th{
    background: #24bac8;
    color:#fff;
    text-align: center;
    font-weight: bold;
    font-size:12px;
    padding:4px;
}

.price01 td{
    padding:5px;
    &:nth-of-type(n+2):nth-of-type(-n+7){
        text-align:center;
            width:45px;
    }
    &:first-of-type{
        width:90px;
    }
}

.price01 .ken{
    width:50px;
}

/* ここから古いcss */
/* .price01{
	margin-bottom:10px;
}
.price02{
	padding-left:5px;
	padding-right:5px;
} */

.newprice{
margin:30px 0;
}

.newprice-title{
border:1px solid #ff6a00;
padding:10px;
text-align:center;
}

.newprice-title p{
color:#ff6a00;
font-size:16px;
font-weight:bold;
text-align:center;
}

.newprice-ta{
border-collapse: collapse;
border-spacing: 0;
width:100%;
}

.newprice-ta caption{
text-align:left;
font-weight:bold;
font-size:14px;
}

.newprice-ta th, .newprice-ta td{
border:1px solid #24bac8;
font-size:14px;
}

.newprice-ta th{
background:#24bac8;
color:#fff;
text-align:center;
font-weight:bold;
padding:10px;
border-right:1px solid #fff;
}

.newprice-ta td{
    padding:10px;
}

.newprice-ta .price{
    text-align:right;
    padding-right:20px;
}

.newprice-ta .kaitei{
    border:3px solid #009ead;
}

.newprice-att01{
    margin-bottom:30px;
}

.newprice-att02{
margin-bottom:30px;
font-weight:bold;
}

.newprice-yen{
text-align:right;
font-size:11px;
}

.newprice-dl dt{
float:left;
width:80px;
}

/*　ポスティング前にご一読ください */

.pos-att-wrapper{
background:#fff;
padding:20px;
border:2px solid #f00;
width:650px;
margin:20px auto;
}

.pos-att-wrapper p,.pos-att-wrapper li{
font-size:14px;
line-height:1.5em;
}

.pos-title{
color:#f00;
font-weight:bold;
text-align:center;
margin:2em auto;
}

.pos-title span{
border-bottom:1px solid #f00;
font-size:21px;
}

.pos-att-wrapper ol li{
list-style:none !important;
font-weight:bold;
}

/*----------------------------------------
ポスティング
----------------------------------------*/

#posting01 p{
    font-size:14px;
    font-weight: bold;
    color:#fff;
}

.about-pos-list{
    padding-right: 15px;
    margin-bottom:30px;
}
.about-pos-list li {
	padding: 0px 0px 10px 0px;
	list-style-position:outside;
	list-style-image: url(http://miya-ori.com/resource/image/orikomi/list01.gif);
}

#posting02 li{
    font-size:14px;
    font-weight: bold;
    line-height: 1.5;
}

.pos-area-a{color:#00919C;}
.pos-area-b{color:#005BAC;}
.pos-area-c{color:#DC5310;}
.pos-area-att{color:#E60012;}

.pos-area-a span{
    color:#333;
}

.pos-area{
    margin-bottom:30px;
}

.pos-area li{
    font-size:14px;
    font-weight: bold;
}

.pos-ta th,.pos-ta td{
    font-size:15px;
}


/* 旧css */
#posting01{
	width:620px;
	background-color:#595757;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin-top: 10px;
	margin-bottom: 40px;
}
#posting02{
	width:650px;
	/* height:207px; */
	padding-left:223px;
	padding-top:53px;
	background-image:url(../img/posting/posting01.jpg);
	background-repeat:no-repeat;
}
#posting03{
	width:634px;
	/* height:165px; */
	padding-left:16px;
	padding-top:65px;
	background-image:url(../img/posting/posting02.jpg);
	background-repeat:no-repeat;
}
#space01{
	margin-top:10px;
	margin-bottom:15px;
}
#space02{
	margin-top:10px;
	margin-bottom:10px;
}
#space03{
	padding-top: 30px;
}
#float01{
	width:415px;
	padding-right:15px;
	float:left;
}
#float02{
	float:left;
}
#float03{
	padding-left:40px;
	float:left;
}
#clear{
	clear:both;
}
.border{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	width: 650px;
	margin-bottom:15px;
}
.font{
	color:#00919C;
}
.posting01{
	margin-bottom:10px;
}
.posting02{
	padding-right: 10px;
	padding-left: 10px;
}
.posting03{
	margin-top: 7px;
	margin-bottom: 25px;
}
.posting04{
	margin-bottom:5px;
}
h4{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
	font-size: 24px !important;
	color: #000 !important;
	font-weight: bold !important;
}
h5{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
	font-size: 18px !important;
	color: #004EA2 !important;
	font-weight: bold !important;
}



/*　追加CSS　2020.05.16 料金表　*/

.pos-ta{
	width:100%;
	border:1px solid #333;
	border-collapse:collapse;
	border-spacing: 0px;
	}
	
.pos-ta th,.pos-ta td{
	text-align: center;
	border:1px solid #333;
	padding:4px;
	}

.pos-ta td{
	width:12%;
	color:#fff;
}

.pos-ta .type-a-th{
	background: #00919C;
	color:#fff;
	font-weight: normal;
}

.pos-ta .type-a{
	background: #66bf97;
}

.pos-ta .type-b{
	background: #4694D1;
}

.pos-ta .type-b-th{
	background: #005BAC;
	color:#fff;
	font-weight: normal;
}

.pos-ta .type-c-th{
	background: #DC5310;
	color:#fff;
	font-weight: normal;
}

.pos-ta .type-c{
	background: #F39939;
}

.pos-att-wrapper{
border:1px solid #999;
width:610px;
margin:20px auto;
background:#fff;
padding:20px;
}

ol.pos-att-list li{
font-weight:bold;
list-style:none !important;
margin-bottom:0.5em;
}

.pos-title{
color:#f00;
font-weight:bold;
text-align:center;
margin:2em auto;
}

.pos-title span{
border-bottom:1px solid #f00;
}

.pos-att-wrapper p,.pos-att-wrapper li{
color:#f00;
}

/*----------------------------------------
お問い合わせ
----------------------------------------*/

#spce{
	margin-top:20px;
}
.contact01{
	margin-top:10px;
	margin-bottom:20px;
}
.contact02{
	margin-bottom:20px;
}
.contact03{
	margin-bottom:10px;
}
.border{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	width: 650px;
	margin-bottom:15px;
}


/* お問い合わせ　プライバシー */

.privacy-box{
    border:1px solid #ccc;
    padding:30px;
}

.privacy{
    height:200px;
    overflow-y: scroll;
}

.privacy h4{
font-size:15px !important;
}

.privacy .post{
margin-bottom:10px !important;
}

/*----------------------------------------
会社概要
----------------------------------------*/

.company-ta th,.company-ta td{
    padding:4px;
    border-bottom:dashed 1px #999;
    font-size:15px;
}

/*----------------------------------------
締切スケジュール
----------------------------------------*/
.sche-address-wrapper{
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
}
.sche-address{
    background-color: #fff;
    padding:1em;
}

.sche-ta,.sche-ta02{
    width:100%;
    background: #fff;
}
.sche-ta thead th,.sche-ta02 th{
    text-align: center;
    background: #157487;
    color:#fff;
}
.sche-ta,.sche-ta02{    
     th,td{
        border:1px solid #999;
        text-align: center;
    }
}

.sche-date{
    width:14%;
}

.sche-week{
    width:12%;
}

.sche-ta,.sche-ta02{
    tbody th{
    background:#6db2bf;
    color:#fff;
    font-weight: bold;
    }
}

.sche-ta td.sche-holiday,
.sche-ta02 td.sche-holiday{
        border-right:1px solid #999 !important;
        text-align: center !important;
    }


/*旧テーブルのみ適用*/

.sche-ta td:nth-child(3),
.sche-ta td:nth-child(5){
    background:#e2f0f3;
}

.sche-ta td:nth-child(4){
    background: #d9e5d7;
}

/*新テーブル適用*/

.sche-ta02{
    td:nth-child(3),
    td:nth-child(4){
        background:#e2f0f3;
    }
    td:nth-child(5),
    td:nth-child(6){
        background: #d9e5d7;
    }
    td:nth-child(3),
        td:nth-child(5){
            border-right:none;
            text-align: right;
            width:20%;
    }
    td:nth-child(4),
        td:nth-child(6){
            border-left:none;
            text-align: left;
            width:16%;
    }
}

.sche-ta02 .sche-paper-holiday{
    text-align: center !important;
    border-right:1px solid #999 !important;
}




.sche-ta,.sche-ta02{
    .sche-sunday th{
    color:#f00;
    }
}

.sche-ta,.sche-ta02{
    .sche-saturday th{
    color:#004EA2;
    }
}

/*
行がハイライトされる時の背景色 
クラスの追加はjavascriptで設定。
（スケジュールページの一番下に）
*/
.tr-bg {
    th,td{
        background-color: #a1d0da !important;
        }
  }


/* .sche-ta,.sche-ta02{
    tbody th:hover,
    td:hover,
    td:hover span{
        background:#157487;
        color:#fff;    
        }
} */


/* スケジュール新テーブル（曜日が別セル） */

/* 休刊日 */
.kyukan-ta{
	width:100%;
	margin:20px 0;
}

.kyukan-ta th, .kyukan-ta td{
	text-align:center;
	padding:8px;
	background:#EDE9AE;
    border:2px solid #fff;
}

.kyukan-ta caption{
	font-size:18px;
	padding:10px;
	font-weight:bold;
	color:#F46F24;
}

/* 特別休暇中のスケジュール */

.sche-ta.sche-special-ta td{
    background: #e2f0f3;
}

.sche-ta.sche-special-ta td:hover{
	background:#157487;
    color:#fff;
}

.sche-special-ta tbody th:first-of-type{
    width:15%;
}

.sche-special-ta tbody th:nth-child(2){
    width:10%;
}

.sche-special-ta .sche-bg-green{
    background: #d9e5d7 !important;
}

h5.heading-sche{
    background: linear-gradient(-90deg, #c01d28, #90040b);
    border-radius: 30px;
    padding:0 20px;
    font-size:20px !important;
    font-weight: bold !important;
    color:#fff !important;
    display: inline-block;
    margin-bottom:10px;
}
.sche-special-att li{
    font-size:1.3rem;
}

/*　長期休暇用　*/

.sche-special-ta{
    table-layout:fixed;
    th:first-of-type{
        width:140px;
    }
    thead th{
        font-size:1.2rem;
    }
}