@charset "utf-8";

/*000000113 の 航空券予約フォームでサジェストウィンドを非表示に対応*/
.suggest_panel_air {display:none}

a,p {word-wrap: break-word;}

.main-visual-head .author img.portrait { height:40px; width:40px; border-radius: 20px; object-fit: cover; margin-right:10px}
.main-visual-head .author span:last-child {margin-left:30px}
.main-visual-head .favorite-count {margin-left:20px}
.main-visual-head .favorite-count img {height:13px;}
.main-visual-head .favorite-count span {margin-left:5px}
.article-actions-pc i {height:20px;width:20px; margin-right: 20px;cursor: pointer;}
.article-actions-sp i {height:25px;width:25px}
i.favorite {background-image: url(/res/figure/heart_stroke.png); background-size: contain;}
i.favorite.on {background-image: url(/res/figure/heart_filled.png);} 
i.external {background-image: url(/res/figure/external-post.svg); background-size: contain;}

nav.head-indexes ul li {text-decoration: underline;list-style-type: disc; cursor: pointer; margin: 10px 0 10px 1rem}
nav.head-indexes ul li:hover {color:#F36108}

div.article-terms span {padding:5px 10px; border:1px solid #AAA; border-radius: 10px; margin:5px}

figure.main-visual {margin-left:0;margin-right:0;}

.content-injection #qr-linklist .ac-check-box label.panel-title {font-size:15px}
.content-injection #qr-linklist .ac-check-box input[type=checkbox] {display:none}
.content-injection #qr-linklist .ac-check-box ul {padding:10px; margin-top:10px; border: 1px solid #888; border-radius:10px}
.content-injection #qr-linklist .ac-check-box ul li {margin:10px;font-size:13px;text-decoration: none;color:#000}
.content-injection #qr-linklist .ac-check-box ul li a {margin-left:10px;text-decoration: underline;color:#000}
.content-injection #qr-linklist .ac-check-box:not(:has(input:checked)) ul {display:none}


.content-injection section {margin-top:80px;line-height: 1.5rem;}
.content-injection section h2 {margin:10px 0; font-size:20px}
.content-injection section h3 {margin:10px 0; font-size:18px}
.content-injection section h4 {margin:10px 0; font-size:17px}

.content-injection p.pic {margin: 10px 0; text-align: center;}

.content-injection section > p.pic img {width: 100%; height:360px; object-fit: contain;}

.content-injection p.bnr-area {text-align: center;}
.content-injection p.bnr-area img {max-width:384px; width:auto}
.content-injection div.free-area img {max-width: 800px; width:auto}
.content-injection p.center {text-align: center;}
.content-injection img {object-fit: contain;}

.content-injection div.section {margin-top:80px;line-height: 1.5rem;}
.content-injection div.section h2 {margin:20px 0; font-size:20px}
.content-injection div.section h3 {margin:20px 0; font-size:18px}
.content-injection div.section h4 {margin:20px 0; font-size:17px}
.content-injection div.section p.pic {margin: 10px 0;}
.content-injection div.section p.center {text-align: center;}
.content-injection div.section img {object-fit: contain;}


.content-injection div.box-style {padding:15px; border:1px solid #DDD; border-radius: 10px;}
.content-injection div.box-style .sub-title {text-align: center; padding:20px 5px; margin : 10px 0;font-size:16px;font-weight:bold}

.content-injection div.inner-box {margin:40px 0; padding: 0px}
.content-injection div.inner {margin:40px 0; padding: 0px 0px 0px 10px}
.content-injection div.inner div.row {display:flex; flex-direction: row;margin:15px 0}
.content-injection div.inner div.row > .col-2 {width:50%; padding:15px}

.content-injection a {text-decoration: none;color:#6498CE}
.content-injection a:hover {color:#F36108}
.content-injection a[target="_blank"] {position:relative}

.content-injection section .sec {margin-top:20px}


.content-injection div.voice-area dl {padding:0 0 0 50px}
.content-injection div.voice-area dl dt {margin:20px 0; font-weight: bold;}
.content-injection div.voice-area dl dt.voice-icon-man,dl dt.voice-icon-wom {position:relative}
.content-injection div.voice-area dl dt.voice-icon-man::before,div.voice-area dl dt.voice-icon-wom::before {content :"";background-size: contain;width:23px;height:25px;position:absolute; left:-30px}
.content-injection div.voice-area dl dt.voice-icon-man::before {background-image: url(/res/figure/icon_user_01.png);}
.content-injection div.voice-area dl dt.voice-icon-wom::before {background-image: url(/res/figure/icon_user_02.png);}
.content-injection div.voice-area dl dd {margin:0}

.content-injection .btn-style-orange {text-align: center;}
.content-injection .btn-style-orange a {display: inline-block;padding:10px 25px;background-color: #F36108;color:#fff; border:1px solid #F36108;border-radius: 8px;}
.content-injection .btn-style-orange a:hover {background-color: #fff;color:#F36108}
.content-injection .btn-style-orange a::after {display:none}


.content-injection table.table-style01 {font-size:14px; border-collapse: collapse; margin-top:20px; margin-bottom:20px;width:100%}
.content-injection table.table-style01 th {text-align: left; border-bottom:1px solid #888}
.content-injection table.table-style01 td {padding: 3px; border:1px dotted #AAA;}

.content-injection table.table-style02 {margin: 20px auto 20px auto;border-collapse: collapse;}
.content-injection table.table-style02 tr > * {padding : 8px; border-bottom:1px solid #999}
.content-injection table.table-style02 tr > th {width : 35%; text-align: left; }

.content-injection table.sheet {width:100%;margin:20px 0 30px 0;border-collapse: collapse;}
.content-injection table.sheet thead th {padding:10px;border-bottom:1px solid #DDD}
.content-injection table.sheet tbody th {padding:10px; text-align: left; border-bottom:1px solid #DDD}
.content-injection table.sheet tbody td {padding:10px; text-align: left; border-bottom:1px solid #DDD}


.content-injection ul.nav_page li {padding: 5px 0 5px 15px; font-size:13px; position: relative;}
.content-injection ul.nav_page li:has(a):before {position:absolute;content:"・";color:#6498CE; left:0;top:50%;transform: translate(0,-50%);}
.content-injection ul.nav_page li:not(:has(a)) {font-weight: bold;}
.content-injection ul.nav_page li a {color:#6498CE; text-decoration: none;}
.content-injection ul.nav_page li a:hover {color:#F36108;}


.content-injection dl.box:has(>dt>img.pict) {margin-top:60px; display: flex;}
.content-injection dl.listDefinition {margin:30px 0}
.content-injection dl.listDefinition dt {margin: 10px}

.content-injection ul.listUnordered {margin:30px 0}
.content-injection ul.listUnordered li {margin: 10px}
.content-injection ul.listUnordered li:has(+p) {font-weight: bold;margin-top:30px;}
.content-injection ul.listUnordered li+p {margin: 10px}

.content-injection div.pagetop {margin:15px 5px; text-align: right;}
.content-injection div.pagetop a {color:#6498CE; text-decoration: none;}

.content-injection div.page-top {margin:15px 5px; text-align: right;}
.content-injection div.page-top a {color:#6498CE; text-decoration: none; font-size: 12.5px;}


/* 新入稿でのレイアウト */
.content-injection figure.content-image-fullwrap {margin-left:0; margin-right:0}
.content-injection figure.content-image-fullwrap > img {width:100%; height:auto}
.content-injection figure.content-image-halfwrap {text-align: center; margin-left:0; margin-right:0}
.content-injection figure.content-image-halfwrap > img {width:50%;}

.content-injection a.link {text-decoration: none;color:#6498CE}
.content-injection a.link:hover {color:#F36108}

.content-injection a.button-link {display: inline-block;padding:10px 25px;background-color: #F36108;color:#fff; border:1px solid #F36108;border-radius: 8px;}
.content-injection a.button-link:hover {background-color: #fff;color:#F36108}
.content-injection a.button-link::after {display:none}

.content-injection ul.list-content > li {margin-top:10px; list-style-type: inherit; list-style-position: outside; margin-left:25px;}
.content-injection ol.list-content > li {margin-top:10px; list-style-type: inherit; list-style-position: outside; margin-left:25px;}


.content-injection .left-margin-single {margin-left:1.5rem}
.content-injection .left-margin-double {margin-left:2.2rem}


.content-injection table {border-collapse: collapse;}
.content-injection table.table-style-bottom-line tr > * {padding : 8px; border-bottom:1px solid #999}
.content-injection table.table-style-arround-line tr > * {padding : 8px; border:1px solid #999}
.content-injection td.table-cell-head, .content-injection th.table-cell-head {background-color: #DFDFDF; font-weight: bold;}


.content-injection h2 {margin:20px 0; font-size:20px}
.content-injection h3 {margin:20px 0; font-size:20px}
.content-injection h4 {margin:20px 0; font-size:20px}
.content-injection h5 {margin:20px 0; font-size:20px}
.content-injection h6 {margin:20px 0; font-size:20px}


section.kaitori-fixed-banner > a {background-color: #164081;padding:5px 10px}
section.kaitori-fixed-banner > a h5 {margin:0 0 5px 0;color:#FFFF00;position:relative}
section.kaitori-fixed-banner > a h5::before {content:"";width:1px;height:1px;border:2px solid transparent;border-top:20px solid #FFFF00;position:absolute;left:-15px;top:5px;transform:rotate(-25deg)}
section.kaitori-fixed-banner > a h5::after {content:"";width:1px;height:1px;border:2px solid transparent;border-top:20px solid #FFFF00;position:absolute;right:-15px;top:5px;transform:rotate(25deg)}
section.kaitori-fixed-banner > a p.action {padding:5px 10px;border-radius: 5px;border:2px solid #FFF}
section.kaitori-fixed-banner > a h6 {padding:0 40px;margin:0}
section.kaitori-fixed-banner > a:hover p.action {color:#F36108;background-color: #FFF;border-color: #F36108;}

@media screen and (min-width:769px) {
    hgroup {margin-left:10px}

    
    figure.main-visual img {height:480px;width:100%;object-fit: cover;}

    .content-injection img:not(.actual) {width:100%}
    .content-injection ul.nav_page li br {display:none}

    /* 新入稿でのレイアウト */
    .content-injection img.alignleft {float: left;margin: 0.5em 1em 0.5em 0;}
    .content-injection img.alignright {float: right; margin: 0.5em 0 0.5em 1em;}

    #airMenu li a {font-size: 14px;padding-bottom: 5px;}
}


@media screen and (max-width:768px){
    .main-visual-head .author span:last-child {margin-left:10px}
    .main-visual-head .favorite-count {margin-left:10px}
    figure.main-visual img {height:320px;width:100%;object-fit: cover;}
    .content-injection section {margin-top:20px}
    .content-injection img:not(.actual) {width:100%}
    .content-injection div.inner:not(:has(.box-style)) {margin:20px 0;padding: 0 0 0 10px}
    .content-injection div.inner:has(.box-style) {padding:0}
    .content-injection div.inner div.row {flex-direction: column;margin:15px 0}
    .content-injection div.inner div.row.reverse-sp {flex-direction: column-reverse;}
    .content-injection div.inner div.row > .col-2 {width:100%; padding:15px}

    .content-injection p.pic img {width:100%}
    .content-injection p.bnr-area img {width:100%}
    .content-injection div.free-area img {width:100%}

    .content-injection table.table-style01 td {font-size:10.5px}

    .content-injection table.table-style02 td {max-width: 260px}

    .section:has(table.table-style02) {width:100%;overflow-x: auto;}
    section:has(table.table-style02) {width:100%;overflow-x: auto;}

    .section:has(table.table-style01) {width:100%;overflow-x: auto;}
    section:has(table.table-style01) {width:100%;overflow-x: auto;}

    .content-injection div.voice-area dl {padding:0 0 0 20px}
    .content-injection dl.box:has(>dt>img.pict) {margin-top:60px; display: flex; flex-direction: column;}
    .content-injection dl.box > dt:has(img.pict) {text-align: center;}
    
    .content-injection div.responsive-wrap {width:100%; overflow-x: auto;}

    .content-injection div.pagetop, .content-injection div.page-top {display:none}

    section.kaitori-fixed-banner > a h6 {padding:0 20px}

    div.page-top-link > div.fixed {opacity:0.7 !important}
    div.page-top-link > div {width:40px;height:40px;bottom:10px;right:5px;background-color: #DDD;}
    div.page-top-link > div > div::before {content:"";position: absolute;border:0px solid #999;border-top-width: 5px;border-right-width: 5px;width:15px;height:15px;transform: translate(50%, 65%) rotate(-45deg);}

    #SITE-SEARCH-AREA {overflow-x: auto;}
}