@charset "utf-8";
/*
Theme Name:Hotta Optical (Child of BIRTH)
Theme URI:https://tcd-theme.com/tcd057
Description: Customized by Spacexone.
Author:Spacexone
Author URI:https://spacexone.com
Version:1.0.0
Template: birth_tcd057
Text Domain:tcd-birth
*/
:root {
    --hotta-color-accent: #003a95;
    --hotta-color-sub: #1d64af;
    --hotta-color-lightblue: #e1ebf5;
    --hotta-color-text: #000000;
    font-size: 16px;
}
body, html, .post_content, body.page .post_content {
    font-size: 16px;
}
.post_content .aligncenter {
    text-align:center;
}
.alignfull{
  width:100vw;
  margin-right:calc(50% - 50vw);
  margin-left:calc(50% - 50vw);
}
.pc #logo_image img.pc_logo_image {
    height: 54px;
}
#header {
    height: 120px;
}
#header_transfer {
    padding-top: 8px;
    height: 32px;
    box-sizing: border-box;
    border-bottom: 1px solid #989898;
    text-align: right;
}
#transfer_border {
    display: block;
    margin: 0 15px 0 auto;
}
#header_transfer a {
    display: inline-block;
    background: #989898;
    border-radius: 6px 6px 0 0;
    padding: 4px 16px;
    color: white;
    margin-left: 4px;
}
#header_transfer a:hover {
    background: #767676;
}
#header_inner {
    height: 90px;
}

#header_button {
    margin-top: 24px;
}
#header_button a {
    height: 40px;
    line-height: 40px;
}

.pc .header_fix #header {
    height: 82px;
}

#header_slider .caption {
    top: 23%;
    left: 18%;
    left: calc((100vw - 1240px) / 2);
    text-align: left;
}
#header_slider .caption p.title.font_style_1 {
    font-family: 'Shippori Mincho', serif;
    font-weight: 500;
    line-height: 1.6;
    font-size: 54px;
}
#header_slider .caption p.title.font_style_2 {
    font-family: 'Shippori Mincho', serif;
}
#header_slider .caption p.title.font_style_3 {
    font-family: 'Shippori Mincho', serif;
}
#index_news .sub_title {
    color: #003a95;
}
#index_free_space1 .headline,
#index_wide_content .headline {
    font-family: "Noto Sans JP", Arial, "Hiragino Sans", "Yu Gothic Medium", "Meiryo", sans-serif;
}

#index_free_space1 .image .headline,
#index_wide_content h2.headline {
    font-weight: bold;
}
#index_wide_content .sub_title {
    color: white;
}
#index_wide_content {
    margin: 40px 0 0 0;
}
#index_wide_content .wide_bg {
    width: 100%;
    min-width: 1180px;
    height: 440px;
    position: relative;
    margin: 40px 0 0 0;
    opacity: .8;
}

.post_content h3 {
    padding: 1em 0;
}

#index_intro h2.headline {
    margin-bottom: 60px;
}
#main_contents #index_intro .desc {
    line-height: 2;
    margin-bottom: 60px;
}


#index_free_space1 div.image {
    margin-bottom: 60px;
}
#index_free_space1 .post_content h2.headline {
    margin-bottom: 60px;
}
#index_free_space1 .lens p {
    margin-bottom: 0;
}
#main_contents #index_free_space1 .desc {
    line-height: 2;
    margin-bottom: 60px;
}

/* col3 */
#top_col-3 h3 {
    color: var(--hotta-color-accent);
    margin-bottom: 0;
    padding-bottom: 10px;
}
#top_col-3 p {
    margin-bottom: 10px;
}
#top_col-3 .post_col-3 {
    margin-bottom: 0;
}

/* Access */
#index_gmap .sub_title {
    color: var(--hotta-color-accent);
}

#return_top {
    right: 20px;
    bottom: 20px;
    transform: translate3d(0, 120%, 0);
}
#return_top a {
    display: flex;
    width: 120px;
    height: 120px;
    border-radius: 60px;
    background: var(--hotta-color-accent);
}
#return_top a:before {
    width: auto;
    height: auto;
    content: 'TOP';
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
iframe {
    max-width: 100%;
}
.index_content img.sp {
  display: none;
}

@media screen and (max-width: 1280px) {
    .alignfull{
        min-height: 240px;
    }
    #header_transfer {
        display: none;
    }
    #header_slider .caption p.title.font_style_1 {
        line-height: 1.3;
        font-size: 32px;
    }
    #index_wide_content {
        min-width: inherit;
        margin: 40px 0 0 0;
        height: 240px;
    }
    #index_wide_content .wide_bg {
        min-width: inherit;
        margin: 40px 0 0 0;
        height: 240px;
    }
    #body #return_top a:before {
        left: 50%;
    }
    #return_top {
        transform: translate3d(0, 140%, 0);
    }
#main_contents #index_news {
    margin-top: 60px;
}
}
@media screen and (max-width: 1240px) {
    #header_slider .caption {
        top: 23%;
        left: 2%;
        text-align: left;
    }
}
@media screen and (max-width:800px) {
    .alignfull{
        min-height: 180px;
    }
}
@media screen and (max-width: 767px) {
.index_content img.sp {
  display: initial;
}
.index_content img.pc {
  display: none;
}
#main_contents #index_news {
    margin-top: 40px;
}
#index_free_space1 .post_content h2.headline {
    margin-bottom: 40px;
}
#index_free_space1 div.image {
    margin-bottom: 20px;
    height: 240px;
}
#index_intro h2.headline {
    margin-bottom: 40px;
}
#main_contents #index_intro .desc {
    margin-bottom: 40px;
    font-size: 13px;
}
}

@media screen and (max-width:550px) {
    .alignfull{
        min-height: 110px;
    }
}