@charset "utf-8";
/* CSS Document */
.home .post_content .orna {
    text-align: center;
}
.home .post_content .orna > div {
    background-image: url(../../assets/img/common/ttl_orna_l.png), url(../../assets/img/common/ttl_orna_r.png);
    background-repeat: no-repeat, no-repeat;
    background-position: left center, right center;
    background-size: 80px;
    color: #004098;
    padding: 0 100px;
    line-height: 1.4;
    display: inline-block
}
.home .post_content .orna h3 {
    font-size: 2.4rem;
}
.home .cvoice h4 {
    font-size: 1.4rem;
    line-height: 1.3;
    color: #004097;
    margin: 2em 0 0.8em 0;
    clear: both;
    position: relative;
    padding: 10px 0 10px 50px;
    background-image: url(../../assets/img/low/icon_h4.png), url(../../assets/img/low/line_h4.gif);
    background-repeat: no-repeat, repeat-x;
    background-position: left top, left bottom 10px;
    background-size: 50px 50px, 1px 1px;
}
.c-filterLayer.-texture-dot:after {
    display: none;
}
.home #topnews h3, #diving_blog h3 {
    text-align: center;
    display: block;
    padding-top: 18px;
}
.home #topnews h3 em, #diving_blog h3 em {
    background: url(../../assets/img/common/bg_bttl_pc.png) repeat-x center center;
    background-size: 260px 45px;
    color: #fff;
    width: 260px;
    height: 45px;
    font-size: 1rem;
    line-height: 2.9;
    margin: 0 auto 20px auto;
    display: inline-block;
}
#diving_blog h3 {
	background:url(https://noris.co.jp/wp-content/themes/twentyeleven/images/common/line_bttl_pc.png) repeat-x center center;
	background-size:135px 3px;
}
#diving_blog h3 em {
	background:url(https://noris.co.jp/wp-content/themes/twentyeleven/images/common/bg_bttl_pc.png) repeat-x center center;
	background-size:260px 45px;
}
.orna h3 + p {
    color: var(--color_main);
    font-weight: bold;
    margin-top: -1.5em;
    font-size: 140%;
}
.home .post_content .bnr_sns {
    padding-top: 0;
    margin-top: -3em;
}
#top_title_area h1.c-pageTitle {
    font-weight: 100;
    text-align: center;
    font-size: 1.1rem;
    margin-top: 100px;
    text-shadow: rgba(0, 0, 0, 0.4) 0px 0px 8px;
    -moz-text-shadow: rgba(0,0,0,0.4) 0px 0px 8px;
}
#top_title_area .c-pageTitle__subTitle {
    font-weight: 100;
    opacity: 1;
    margin: 0;
    font-style: normal;
    font-size: 2.2rem;
    display: block;
    position: relative;
    top: -75px;
}
#main_content .c-pageTitle__subTitle {
    display: none;
}
#body_wrap.single article .post_content a img {
    display: block;
}
#body_wrap.single article .post_content img {
    width: unset;
}
#breadcrumb .p-breadcrumb__item {
    font-size: unset;
}
.home .post_content iframe {
    width: 100%;
    min-height: 300px;
}
.home .is-style-btn_line a strong {
    color: unset;
    font-size: unset;
}

@media all and (min-width: 960px){
    :root{
        --swl-sidebar-width: 250px;
    }
    header .c-catchphrase {
        position: absolute;
        left: 30px;
        top: 26px;
        font-size: 11px;
        color: #033f97;
        letter-spacing: 1px;
    }
    header .l-header__logo {
        padding: 0 !important;
        background: url(../../assets/img/common/bg_header.gif) no-repeat center top;
        background-size: contain;
    }
    header #logo {
        width: 180px;
        display: block;
        margin: auto;
    }
    header #logo span {
        font-size: 0.8rem;
        font-weight: normal;
        display: block;
        margin-top: 5px;
    }
}

@media all and (max-width: 959px){
    .p-fixBtnWrap {
        bottom: 60px;
    }
    .skin-free #tel_fix_btn, .free #tel_fix_btn, .skin #tel_fix_btn, .mermaid-swim #tel_fix_btn, .reactive #tel_fix_btn {
        right: 0;
    }
    .skin-free #content, .free #content, .skin #content, .mermaid-swim #content, .reactive #content {
        margin-bottom: 0;
    }
    #mainv, .reactive #content {
        padding: 0;
    }
    #skin #mainv {
        background: url(../../assets/img/low/free/skin/mainv.jpg) no-repeat center;
        background-size: cover;
    }
    #free #mainv {
        background: url(../../assets/img/low/free/free/mainv.jpg) no-repeat left top;
        background-size: cover;
        background-position: top left 25%;
    }
    #mermaid #mainv div {
        left: 20%;
    }
    .s-f-m #mainv, .mermaid-swim #mainv, .reactive #mainv {
        margin-bottom: 3em;
    }
    .post_content .free > section:not([id]), .post_content .free > section#tour, .post_content .free > section#voice {
        padding: 0 4vw;
    }
    .post_content .free #voice .flex_cl section h3 {
        font-size: 2.4vw;
        margin: 0 0 0.5em;
    }
    #mermaid #course li a h3 br {
        display: none !important;
    }
    #mermaid strong {
        color: #ec1f27;
        font-size: 120%;
    }
}
@media all and (min-width: 641px){
    header#header + #head_contact li {
        position: fixed;
        z-index: 10;
        right: 0;
        top: calc(50% - 95px);
        z-index: 100;
    }
    header#header + #head_contact li:nth-child(1) {
        top: calc(50% - 240px);
    }
    header#header + #head_contact li:nth-child(3) {
        top: calc(50% + 70px);
    }
    header#header + #head_contact li a {
        writing-mode: tb-rl;
        -ms-writing-mode: tb-rl;
        writing-mode: vertical-rl;
        -moz-writing-mode: vertical-rl;
        -o-writing-mode: vertical-rl;
        -webkit-writing-mode: vertical-rl;
        text-orientation: upright;
        background: url(../../assets/img/common/icon_arrow_pc.png) no-repeat center bottom 10px var(--color_main);
        background-size: 18px;
        color: #fff;
        font-size: 1rem;
        letter-spacing: 0.1em;
        padding: 1em 0.5em 35px;
        -webkit-transition: .3s ease-out;
        -moz-transition: .3s ease-out;
        -ms-transition: .3s ease-out;
        transition: .3s ease-out;
    }
    header#header + #head_contact li a:hover {
        filter: brightness(120%);
    }
    header#header + #head_contact li:nth-child(2) a {
        background: url(../../assets/img/common/icon_arrow_pc.png) no-repeat center bottom 10px #008cd6;
        background-size: 18px;
    }
    #body_wrap.single article .post_content > div:first-child + p a {
        display: inline-block;
        width: 22%;
    }
    .single .post_content a[href*="instagram.com"],
    .single .post_content a[href*="facebook.com"],
    .single .post_content a[href*="x.com"],
    .single .post_content a[href*="youtube.com"] {
        display: inline-block;
        width: 22%;
    }
    #body_wrap.single article .post_content > div:first-child + p a img {
        width: 150px;
    }
    #body_wrap.single .post_content a[href*="instagram.com"] img,
    #body_wrap.single .post_content a[href*="facebook.com"] img,
    #body_wrap.single .post_content a[href*="x.com"] img,
    #body_wrap.single .post_content a[href*="youtube.com"] img {
        width: 150px;
    }
}
@media all and (max-width: 640px){
    .home #topnews h3 em, #diving_blog h3 em {
        line-height: 3.3;
    }
    .home .post_content .orna h3 {
        font-size: 1.2rem;
        font-size: 4.3vw;
    }
    .orna h3 + p {
        margin-top: -1em;
        font-size: 3.5vw;
        line-height: 1.5;
    }
    .home .post_content .orna > div {
        background-image: url(../../assets/img/common/ttl_orna_l.png), url(../../assets/img/common/ttl_orna_r.png);
        background-repeat: no-repeat, no-repeat;
        background-position: left center, right center;
        background-size: 40px;
        padding: 0 45px;
    }
    .home .cvoice h4 {
        font-size: 1rem;
        margin: 1em 0 0.8em 0;
        clear: both;
        position: relative;
        padding: 10px 0 14px 35px;
        background-image: url(../../assets/img/low/icon_h4.png), url(../../assets/img/low/line_h4.gif);
        background-repeat: no-repeat, repeat-x;
        background-position: left bottom 8px, left bottom 10px;
        background-size: 30px 30px, 1px 1px;
    }
    .home .post_content .bnr_sns {
        margin-top: 0;
    }
    .home .post_content .point .swell-block-columns__inner {
        row-gap: 0;
    }
    #top_title_area {
        min-height: unset;
        height: 150px;
    }
    #top_title_area .c-pageTitle__subTitle {
        font-size: 1.7rem;
        top: -55px;
    }
    #top_title_area h1.c-pageTitle {
        font-size: 0.9rem;
        margin-top: 80px;
    }
    body.diving-beginner-okayama #top_title_area .c-pageTitle__subTitle {
        top: -65px;
    }
    body.diving-beginner-okayama #top_title_area h1.c-pageTitle {
        font-size: 0.8rem;
    }
    #ptittle {
        padding: 0 0 1em 0;
        font-weight: bold;
    }
    .menucontents .item {
        margin: 3em 0 0;
    }
    .cvoice ul li {
        margin-bottom: 2em;
    }
    .post_content ul.list {
        padding-left: 2em;
    }
    header#header + #head_contact {
        position: fixed;
		top: unset;
        right: unset;
        left: 0;
		bottom: -100px;
		width: 100%;
		height: 50px;
        display: flex;
        align-items: center;
		-moz-transition: all 0.5s;
		-o-transition: all 0.5s;
		-webkit-transition: all 0.5s;
		transition: all 0.5s;
        z-index: 1000;
	}
	[data-scrolled="true"] header#header + #head_contact {
		bottom: 0;
	}
    header#header + #head_contact li {
		width: 33.33333%;
	}
	header#header + #head_contact li a {
		height: 50px;
        background: url(../../assets/img/common/icon_arrow_pc.png) no-repeat center right 10px #21b8ce;
        background-size: 15px;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        padding-right: 18px;
        line-height: 1;
	}
    header#header + #head_contact li:nth-child(2) a {
        background: url(../../assets/img/common/icon_arrow_pc.png) no-repeat center right 10px var(--color_main);
        background-size: 15px;
    }
    #body_wrap.single article .post_content > div:first-child + p {
        text-align: center;
    }
    #body_wrap.single article .post_content > div:first-child + p a {
        display: inline-block;
        width: 45%;
    }
    #body_wrap.single article .post_content > div:first-child + p a img {
        max-width: 140px;
    }
    .single .post_content a[href*="instagram.com"],
    .single .post_content a[href*="facebook.com"],
    .single .post_content a[href*="x.com"],
    .single .post_content a[href*="youtube.com"] {
        display: inline-block;
        width: 45%;
    }
    #body_wrap.single .post_content a[href*="instagram.com"] img,
    #body_wrap.single .post_content a[href*="facebook.com"] img,
    #body_wrap.single .post_content a[href*="x.com"] img,
    #body_wrap.single .post_content a[href*="youtube.com"] img {
        max-width: 140px;
    }
}

@media all and (min-width: 768px) and (max-width: 960px) {
    header .l-header__inner .c-catchphrase {
        left: 130px;
    }
    .home .post_content .orna h3 {
        font-size: 1.7rem;
    }
    .orna h3 + p {
        font-size: 110%;
    }
    .post_content #point .pc_only {
        display: block !important;
    }
    .post_content #point .sp_only {
        display: none !important;
    }
    #point .swell-block-columns h4 {
        font-size: 1.3rem;
    }
    .lowbnr_list .swell-block-column a em {
        font-size: 0.8rem;
    }
    .lowbnr_list .swell-block-column a {
        min-height: 90px;
    }
    .home .address h3 {
        font-size: 1.7rem;
    }
    .post_content > .wp-block-group {
        padding-top: 2em;
        padding-bottom: 2em;
    }
    .post_content h3 {
        font-size: 3.2vw;
    }
    #sidebar .slist ul {
        overflow: hidden;
    }
    #sidebar .slist ul li.link {
        width: 48%;
        float: right;
    }
    #sidebar .slist ul li.link:nth-child(odd) {
        float: left;
        clear: both;
    }
}