@charset "UTF-8";
/*
Theme Name: tachihken
-------------------------------------------------- */

/*  common
------------------------- */

body,html {display: block;overflow-x: hidden;font-size: 16px;}
body {
    position: relative;
    font-family: "游ゴシック","Yu Gothic","游ゴシック体","YuGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Meiryo UI","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
    font-size: 16px;
    line-height: 1.7;
    letter-spacing: 0.01em;
    background: #ffffff;
    color: #313131;
}
a {color: #313131;text-decoration: none;transition: all 0.4s;}
a:hover,a:focus {text-decoration: none;}
a.color {color:#68c3c3;}
a.underline {text-decoration: underline;}

img {width: inherit;max-width: 100%;height: auto;vertical-align: middle;}
p {margin-bottom: 1em;}
p.s {line-height: 1.7;}

ul {}
ul li {}

table {width: 100%;}
th,td {display: block;position: relative;padding: 0.5em;vertical-align: top;}
th {font-size: 0.875rem;text-align: left;font-weight: bold;}
td {font-size: 0.875rem;margin-bottom: 1rem;}

dl {}
dl dt {}
dl dd {}

h2, .h2 {font-size: 24px;font-weight: bold;line-height: 1.7;}
h3, .h3 {font-size: 24px;font-weight: 700;line-height: 1.7;margin-bottom: 1em;}
h4, .h4 {font-size: 18px;font-weight: bold;line-height: 1.7;text-align: center;}
h5, .h5 {margin-bottom: 1.5em;font-size: 1rem;font-weight: bold;}
strong {font-weight: bold;}
small {display: inline-block;font-size: 0.8em;line-height: 1.84;}

a > img {opacity: 1;transition: opacity .4s;}
a:hover > img {opacity: 0.6;}
.more {}
.more a {display: inline-block;padding: 1rem 2rem;font-size: 0.75rem;line-height: 1;color: #5f4c3f;border: solid 1px #5f4c3f;}
.more-arrow {}
.more-arrow a {position: relative;font-size: 0.875rem;padding-right: 2.5rem;}
.more-arrow a::before {font-family: FontAwesome;content : "\f105";position: absolute;right: 1rem;}

.has-image {width: 100%;height: 0;position: relative;overflow: hidden;padding-bottom: 66.666%;}
.has-image img {position: absolute;top: 50%;left: 50%;width: 101%;max-width: none;height: auto;margin: -1px;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.has-image img.height_fit {height: 101%;width: auto;}

.img-shadow {box-shadow: 0 0 40px rgba(0,0,0,0.1);}

.youtube {position: relative;width: 100%;padding-top: 56.25%;}
.youtube iframe {position: absolute;top: 0;right: 0;width: 100% !important;height: 100% !important;}

.nullBox {display: block;width: 100%;margin-bottom: 32px;padding: 16px;background: #f7f7f7;}
.nullBox p {margin-bottom: 0;}

.row .col-6.col-space:nth-child(odd) {padding-right: 7.5px;}
.row .col-6.col-space:nth-child(even) {padding-left: 7.5px;}
.container.wide-container {padding-left: 1rem;padding-right: 1rem;}
.relative {position: relative;}
.z-index-10 {z-index: 10;}
.z-index-20 {z-index: 20;}

.text-left {text-align: left !important;}
.text-center {text-align: center !important;}
.text-right {text-align: right !important;}
.vertical-center {vertical-align: middle;}
.font-bold {font-weight: bold;}
.font-normal {font-weight: normal;}
.font-small {font-size: 0.875rem !important;}
.font-ssmall {font-size: 0.75rem !important;}
.font-large {font-size: 1.125rem !important;}
.font-llarge {font-size: 1.25rem !important;}
.font-xlarge {font-size: 1.5rem !important;}

.lineheight-large {line-height: 2.1 !important;}

h3.mincho {text-align: left;font-size: 1.25rem;font-family: 'Noto Serif JP', serif;font-weight: normal;letter-spacing: 0.1em;margin-bottom: 1rem;}
p.mincho {font-size: 0.875rem;font-family: 'Noto Serif JP', serif;font-weight: normal;letter-spacing: 0.01em;line-height: 2.1;margin-bottom: 1rem;}
.marker {background: linear-gradient(transparent 70%, #ffee6f 0%);display: inline;}
.name {font-weight: bold;color: #ed6d2a;padding-right: 3px;}

/*  header
------------------------- */
header {position: fixed;top: 0;left: 0;width: 100%;height: 50px;z-index: 1001;transition: all .6s;background: rgb(255, 255, 255);}
header.has-bg {background: rgba(255, 255, 255, 0.72);}
header.has-bg.open {background: transparent;}
.header-inner {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;justify-content: center;align-items: center;}

/* logo */
.logo {position: relative;padding: 9px 1rem;z-index: 1;}
.logo h1 {font-size: inherit;line-height: 1;margin: 0;}
.logo h1 a {font-weight: bold;font-size: 1.25rem;display: inline-block;}
.logo h1 a img {max-height: 32px;}

/* main-nav */
.mobile-drawer {position: fixed;top: 0;right: -73%;width: 73%;height: 100vh;padding: 2rem 0;padding-top: calc(50px + 1rem);transition: all .4s;background: rgb(255, 255, 255);overflow: scroll;}
.mobile-drawer::before {}


#main-nav {margin-bottom: 1rem;}
#main-nav ul li {padding: 0 2rem;border-bottom: solid 1px #eaeaea;}
#main-nav ul li a {display: block;font-size: 1rem;padding: 0.75rem 0;color: currentColor;}
#main-nav ul li a svg {margin-left: 7px;fill: #fff;width: 13px;height: 13px;line-height: 1;}
#main-nav ul li a:hover {color: #cccccc;}

#main-nav ul li.has-child-nav {}
#main-nav ul li.has-child-nav span {position: relative;display: block;font-size: 1rem;padding: 0.75rem 0;cursor: pointer;}
#main-nav ul li.has-child-nav span::after {font-family: FontAwesome;content : "\f107";font-size: 1.25rem;position: absolute;top: 9px;right: 0;}
#main-nav ul.child-nav {display: none;margin: 0 -2rem;background: #f7f7f7;}
#main-nav ul.child-nav li {border-bottom: none;}
#main-nav ul.child-nav li a {font-size: 0.875rem;padding: 1rem 0;border-bottom: solid 1px #eaeaea;}
#main-nav ul.child-nav li:last-child a {border-bottom: none;}

.nav-item {}
.nav-item h4.nav__ttl {color: #cccccc;text-align: left;font-size: 1.125rem;}

#main-nav .pickup-nav {border-top: solid 1px #555555;border-bottom: solid 1px #555555;}
#main-nav .pickup-nav ul li a {font-size: 1.25rem;color: #999;}
#main-nav .meta-info {border: none;margin-bottom: 0;}
#main-nav .meta-info ul li {padding: 0.5rem 0;color: #fff;}
#main-nav .meta-info ul li span {display: inline-block;min-width: 4em;}
#main-nav .sub-nav {padding: 0;margin: 0;}
#main-nav .sub-nav ul li a {padding: 0;font-size: 1rem;color: #999;}
#main-nav .sns-nav {padding: 0;border: none;}
#main-nav .sns-nav ul {display: -webkit-box;display: -ms-flexbox;display: flex;}
#main-nav .sns-nav ul li {margin-right: 1.5rem;}
#main-nav .sns-nav ul li img {height: 16px;}

/* nav-open */
header.open .mobile-drawer {right: 0;box-shadow: 0 0 40px rgba(0, 0, 0, 0.28);}
header.open .mobile-drawer::before {}

.js-mobile-nav-open,
.js-mobile-nav-open span {display: inline-block;transition: all .4s;box-sizing: border-box;}
.js-mobile-nav-open {position: fixed;top: 0px;right: 0px;width: 50px;height: 50px;transition: right .6s;}
.js-mobile-nav-open .inner {position: absolute;width: 21px;height: 17px;margin: 16px;}
.js-mobile-nav-open small {position: absolute;bottom: 1px;left: -3.5px;right: 0;margin: auto;font-size: 10px;text-align: center;line-height: 1;letter-spacing: 0.03em;color: #fff;transform: scale(.8);}
.js-mobile-nav-open span {position: absolute;left: 0;width: 100%;height: 2px;opacity: 1;background-color: #ed6d29;}
.js-mobile-nav-open span:nth-of-type(1) {top: 0;}
.js-mobile-nav-open span:nth-of-type(2) {top: 7px;}
.js-mobile-nav-open span:nth-of-type(3) {top: 14px;}

header.open .js-mobile-nav-open {}
header.open .js-mobile-nav-open span:nth-of-type(1) {-webkit-transform: translateY(7px) rotate(-45deg);transform: translateY(7px) rotate(-45deg);}
header.open .js-mobile-nav-open span:nth-of-type(2) {opacity: 0;}
header.open .js-mobile-nav-open span:nth-of-type(3) {-webkit-transform: translateY(-7px) rotate(45deg);transform: translateY(-7px) rotate(45deg);}


/*  footer
------------------------- */
footer {background: #ffee7d;}
.foot_inner {padding-top: 3rem;}

.footer-menu {margin-bottom: 3rem;}
.footer-menu > .inner {}
.footer-menu .menu-column {}
.footer-menu .menu-column dl {margin-bottom: 1rem;}
.footer-menu .menu-column dl dt,
.footer-menu .menu-column dl dd {}
.footer-menu .menu-column dl dt {font-weight: bold;margin-bottom: 0.25rem;}
.footer-menu .menu-column dl dd {}
.footer-menu .menu-column dl a {display: block;font-size: 1rem;padding: 0.25rem 0;color: #40220f;}
.footer-menu .menu-column dl dd a {position: relative;font-size: 1rem;padding-left: 1.5rem;}
.footer-menu .menu-column dl dd a::before {content: "";position: absolute;top: 16px;left: 0;width: 0.875rem;height: 1px;background: #40220f;}

.footer-meta {margin-bottom: 3rem;}
.footer-meta > .inner {}
.footer-meta .logo {padding: 0;margin-bottom: 1rem;text-align: center;}
.footer-meta .logo a {font-size: 1.25rem;font-weight: bold;}
.footer-meta .logo a img {
    max-width: 180px;
}
.footer-meta p {color: #40220f;margin-bottom: 0.5rem;text-align: center;}

.copy {padding: 0.5rem 0;background: #fdd108;text-align: center;}
.copy small {font-size: 0.75rem;color: #40220f;}


/*  form
------------------------- */
.mw_wp_form {margin-top: -5rem;padding-top: 5rem;}
.contact_form {}

.contact_step {display:table;width:100%;padding:0;margin:0;margin-bottom: 1.5rem;overflow:hidden;}
.contact_step .step {display:table-cell;position:relative;background: #dcdddd;padding: 0.5em 0.5em 0.5em 2.5em;color: #fff;}
.contact_step .step:last-child {padding-right: 1em;}
.contact_step .step:last-child:before,
.contact_step .step:last-child:after{display:none;}
.contact_step .step:before,
.contact_step .step:after{content: "";position: absolute;width: 0;height: 0;margin: auto;}
.contact_step .step:before{top:-15px;right:-1em;border-style: solid;border-color: transparent transparent transparent #fff;border-width: 36px 0 36px 1em;z-index: 10;}
.contact_step .step:after{top:-15px;right:-.8em;border-style: solid;border-color: transparent transparent transparent #dcdddd;border-width: 36px 0 36px 1em;z-index: 10;}

.contact_step__note {display: none;margin-bottom: 1rem;}
.contact_step__note p {font-size: 0.75rem;margin: 0;}
.contact .form_cover {}

.contact_form .input_cover {margin-bottom: 1rem;}
.contact_form .form__item {padding: 0.5rem 0;}
.contact_form .form__item:first-child {}
.form__item .item__ttl {}
.form__item .item__ttl p {font-size: 0.875rem;margin-bottom: 0.75em;/* padding-left: 1em; */}
.form__item .item__ttl p .required {position: relative;}
.form__item .item__ttl p .required::before {content: "※";font-size: 0.625rem;padding-left: 0.5em;color: #F44336;}

.form__item .item__input {}
.form__item .item__input input,
.form__item .item__input textarea {width: 100%;max-width: none;padding: 0.75rem;font-size: 16px;border: solid 1px #cccccc;}
.form__item .item__input input::placeholder,
.form__item .item__input textarea::placeholder {color: #ccc;}
.form__item .item__input select {position: relative;width: 100%;font-size: 0.875rem;padding: 0.75rem;cursor: pointer;text-overflow: ellipsis;border: solid 1px #f3f3f3;}
.form__item.select .item__input {position: relative;}
.form__item.select .item__input::before {position: absolute;top: 1.25em;right: 1em;width: 0;height: 0;padding: 0;content: '';border-left: 6px solid transparent;border-right: 6px solid transparent;border-top: 8px solid #cccccc;pointer-events: none;}

input[type=radio], input[type=checkbox] {display: none;}
.mwform-checkbox-field label,
.mwform-radio-field label {padding-left: 0;}
.form__item.radio label {width: 100%;display: block;margin-bottom: 8px;background: #f7f7f7;}
.form__item.radio span {margin: 0 !important;}
.form__item.radio input + span,
.form__item.checkbox input + span {box-sizing: border-box;-webkit-transition: background-color 0.2s linear;transition: background-color 0.2s linear;position: relative;display: block;margin: 0;padding: 16px 16px 16px 45px;vertical-align: middle;cursor: pointer;width: auto;font-size: 14px;border-radius: 5px;}
.form__item.radio input + span:hover,
.form__item.checkbox input + span:hover {background-color: #fff297;}
.form__item.radio input + span:hover:after,
.form__item.checkbox input + span:hover:after {}
.form__item.radio input + span:after,
.form__item.checkbox input + span:after {-webkit-transition: border-color 0.2s linear;transition: border-color 0.2s linear;position: absolute;top: 50%;left: 12px;display: block;margin-top: -11px;width: 20px;height: 20px;border: 2px solid #f8b62c;content: '';}
.form__item.radio input + span:before {-webkit-transition: opacity 0.2s linear;transition: opacity 0.2s linear;position: absolute;top: 50%;left: 18px;display: block;margin-top: -10px;width: 9px;height: 14px;border-right: 3px solid #f8b62c;border-bottom: 3px solid #f8b62c;content: '';opacity: 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.form__item.checkbox input + span:before {-webkit-transition: opacity 0.2s linear;transition: opacity 0.2s linear;position: absolute;top: 50%;left: 14px;display: block;margin-top: -10px;width: 9px;height: 14px;border-right: 3px solid #922123;border-bottom: 3px solid #922123;content: '';opacity: 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.form__item.radio input[type=radio]:checked + span:before,
.form__item.checkbox input[type=checkbox]:checked + span:before {opacity: 1;}
.form__item.radio input + span.error,
.form__item.radio input + span.error {padding-left: 0px;}
.form__item.radio input + span.error:before,
.form__item.radio input + span.error:after {content: none;}

.contact_form .submit {display: -webkit-box;display: -ms-flexbox;display: flex;justify-content: center;text-align: center;}
.contact_form .submit input {position: relative;display: inline-block;padding: 1rem 2rem;font-size: .75rem;line-height: 1;color: #fff;background: #f8b62d;}
.contact_form .submit .next > span {position: absolute;bottom: 1rem;right: 0;width: 2rem;height: 1px;background: #fff;}
.contact_form .submit .next::before {content: "";position: absolute;bottom: 1rem;left: 100%;width: 1.5rem;height: 1px;background: #555555;transition: all .4s;}
.contact_form .submit .next::after {content: "";position: absolute;bottom: 17px;left: calc(100% + 10px);width: 10px;height: 1px;background: #777777;-webkit-transform: rotate(45deg);transform: rotate(45deg);transition: all .4s;}
.contact_form .submit .next input {display: block;padding: 1rem 3rem;color: #fff;}
.contact_form .submit .next:hover::before {width: 2.5rem;}
.contact_form .submit .next:hover::after {left: calc(100% + 23px);}
.contact_form .submit .back {border: solid 1px #ccc;margin-right: 1rem;}

/* input  */
.mw_wp_form.mw_wp_form_input .contact_step .step01 {background: #f8b62d;}
.mw_wp_form.mw_wp_form_input .contact_step .step01::after {border-color: transparent transparent transparent #f8b62d;}
.mw_wp_form.mw_wp_form_input .contact_step__note.input {display: block;}
.mw_wp_form.mw_wp_form_input .contact_form .submit .back {display: none;}

/* confirm  */
.mw_wp_form.mw_wp_form_confirm .contact_step .step02 {background: #f8b62d;}
.mw_wp_form.mw_wp_form_confirm .contact_step .step02::after {border-color: transparent transparent transparent #f8b62d;}
.mw_wp_form.mw_wp_form_confirm .contact_step__note.confirm {display: block;}
.mw_wp_form.mw_wp_form_confirm .item__input {width: 100%;min-height: 2.5rem;padding: 0.75rem;font-size: 0.875rem;background: #f7f7f7;border: none;}
.mw_wp_form.mw_wp_form_confirm .form__item .item__ttl p .required {display: none;}
.mw_wp_form.mw_wp_form_confirm .submit .back__btn {color: #ffffff;margin-right: 1rem;padding: 1rem 3rem;background: #ccc;}

/* thanks  */
.mw_wp_form.mw_wp_form_complete .contact_step .step03 {background: #f8b62d;}
.mw_wp_form.mw_wp_form_complete .contact_step .step03::after {border-color: transparent transparent transparent #f8b62d;}
.form_thanks {padding: 1rem 0 5rem;}
.form_thanks p {padding: 1rem;line-height: 2.1;font-size: 1rem;text-align: center;background: #f7f7f7;}


/*  pagination
------------------------- */
.pagination {display: block;text-align: center;}
.pagination a.page-numbers,
.pagination span {display: inline-block;font-size: 0.875rem;padding: 8px 13px;height: 32px;width: 32px;line-height: 1;vertical-align: middle;}
.pagination a.page-numbers {}
.page-numbers.current {color: #fff;background: #313131;}
.pagination a.next,
.pagination a.prev {font-size: 18px;padding: 6px 12px;}


/*  page-common
------------------------- */
main.page {margin-top: 50px;}
section {padding: 3rem 0;}
section.has-bg {background: #fff5e0;}

.p-page_header {padding: 1rem;}
.p-page_header .page_ttl {margin-bottom: 1rem;}
.p-page_header .page_ttl .container {padding-left: 15px;padding-right: 15px;}
.p-page_header .page_ttl h2 {}
.p-page_header .page_ttl h2 span {display: block;font-weight: 100;font-size: 1rem;color: #9fa0a0;}
.p-page_header .page_mainimg {margin: 0 -1rem;}
.p-page_header .page_mainimg .inner {position: relative;}
.p-page_header .page_mainimg .inner::before {content: "";position: absolute;bottom: -2rem;right: 0;width: calc(100% - 2rem);height: 160px;background: #f7f7f7;}
.p-page_header .page_mainimg .inner .has-image {padding-bottom: 160px;width: calc(100% - 2rem);}
.p-page_header .page_mainimg .inner .has-image img {}

.section__ttl {margin-bottom: 2rem;text-align: center;}
.section__ttl h3 {position: relative;margin-bottom: 1rem;}
.section__ttl h3 span {display: inline-block;position: relative;padding-bottom: 0.5rem;}
.section__ttl h3 span::after {content: "";width: 72%;height: 2px;position: absolute;bottom: 0;left: 0;right: 0;margin: auto;background: #cccccc;}
.section__ttl span {font-weight: bold;}

.sub-section {position: relative;margin-bottom: 1.5rem;padding-bottom: 0.5rem;text-align: left;}
.sub-section span {}
.sub-section::after {content: "";position: absolute;bottom: 0;left: 0;margin: auto;width: 50px;height: 2px;background-color: #313131;}

#foot-lineup {}
.foot-lineup_ttl {position: relative;}
.foot-lineup_ttl::before {content: "";position: absolute;bottom: 0;left: 1rem;width: 100px;height: 100px;background-image: url(https://tachiken-hachinohe.com/wp-content/themes/tachiken/lib/images/footlineup_girl.jpg);background-repeat: no-repeat;background-size: 100%;z-index: 1;}
.foot-lineup_ttl::after {content: "";position: absolute;bottom: 5px;left: calc(1rem + 100px);width: 100%;height: 50px;background-image: url(https://tachiken-hachinohe.com/wp-content/themes/tachiken/lib/images/footlineup_bg.jpg);background-repeat: no-repeat;background-size: 100%;}
.foot-lineup_ttl h3 {position: relative;font-size: 1rem;font-weight: normal;margin-bottom: 0;padding-bottom: 56px;padding-left: calc(1rem + 104px);padding-right: 1rem;text-align: center;color: #eb6029;z-index: 20;}
.foot-lineup_ttl h3 span {position: relative;display: block;color: #fff;background: #ea5f29;padding: 5px 0;border-radius: 16px;}
.foot-lineup_ttl h3 span::before {content: "";position: absolute;top: 50%;left: -10px;margin-top: -5px;border: 5px solid transparent;border-right: 5px solid #eb5e28;}
#foot-lineup > .inner {position: relative;display: flex;flex-wrap: wrap;}
.foot-lineup_item {position: relative;width: 33.333%;background-size: cover;z-index: 5;}
.foot-lineup_item:nth-child(1),
.foot-lineup_item:nth-child(2) {width: 50%;}
.foot-lineup_item::before {content: "";position: absolute;width: 100%;height: 100%;background: #fff;}
.foot-lineup_item::after {content: "";position: absolute;top: 0;left: 0;right: 0;margin: auto;width: 50%;height: 100%;}
.foot-lineup_logo {position: relative;display: flex;align-items: center;min-height: 88px;height: 88px;z-index: 10;}
.foot-lineup_logo img {display: block;width: 104px;margin: 0 auto;}

.foot-lineup_sinkokin {background-image: url(https://tachiken-hachinohe.com/wp-content/themes/tachiken/lib/images/lineup/sinkokin/main.jpg);}
.foot-lineup_levante {background-image: url(https://tachiken-hachinohe.com/wp-content/themes/tachiken/lib/images/lineup/levante/main.jpg);}
.foot-lineup_kinoka {background-image: url(https://tachiken-hachinohe.com/wp-content/themes/tachiken/lib/images/lineup/kinoka/main.jpg);}
.foot-lineup_ciao {background-image: url(https://tachiken-hachinohe.com/wp-content/themes/tachiken/lib/images/lineup/ciao/main.jpg);}
.foot-lineup_rocky {background-image: url(https://tachiken-hachinohe.com/wp-content/themes/tachiken/lib/images/lineup/rocky/main.jpg);}
.foot-lineup_sinkokin::before {background: rgba(35, 24, 21, 0.6);}
.foot-lineup_levante::before {background: none;}
.foot-lineup_kinoka::before {background: none;}
.foot-lineup_ciao::before {background: rgba(255, 255, 255, 0.3);}
.foot-lineup_rocky::before {background: rgba(96, 76, 63, 0.4);}
.foot-lineup_sinkokin::after {background: rgba(0, 0, 0, 0.5);}
.foot-lineup_levante::after {background: rgba(255, 255, 255, 0.5);}
.foot-lineup_kinoka::after {background: rgba(255, 255, 255, 0.6);}
.foot-lineup_ciao::after {background: rgba(255, 255, 255, 0.7);}
.foot-lineup_rocky::after {background: rgba(96, 76, 63, 0.6);}

#contact {background: #ffffff;}


/*  media
------------------------- */
.archive {}
.item-box {margin-bottom: 2rem;}
.item-box .item-img {margin-bottom: 0.5rem;}
.item-box .item-img .has-image {padding-bottom: 56.25%;}
.item-box .item-img .has-image img {}
.item-box .item-txt {}
.item-box .item-txt .item-meta {display: flex;align-items: center;margin-bottom: 0.5rem;}
.item-box .item-txt .item-meta .cat {display: inline-block;font-size: 0.625rem;margin-right: 0.5rem;padding: 2px 8px;border: solid 1px #ccc;}
.item-box .item-txt .item-meta time {color: #969696;font-size: 0.75rem;}
.item-box .item-txt h4 {text-align: left;font-size: 1rem;}
.item-box .item-txt p {font-size: 0.875rem;}
.item-box .item-txt .more {}
.item-box .item-txt .more a {}

.image-box {margin-bottom: 2rem;}
.image-box img {margin-bottom: 0.5rem;}
.image-box h5 {font-size: 0.875rem;padding-bottom: 0.25em;margin-bottom: 0.5em;border-bottom: solid 1px #e4e4e4;}
.image-box h5.no-border {border: none;}
.image-box p {font-size: 0.875rem;line-height: 1.7;}


/*  page-front
------------------------- */
.home header {background: none;}
.home header.has-bg {background: rgba(255, 255, 255, 0.72);}
#top-mainvisual {position: relative;}
#top-mainvisual .swiper-slide {}
#top-mainvisual .swiper-slide .has-image {padding-bottom: 100vh;}
#top-mainvisual .swiper-slide .has-image img {}
#top-mainvisual h2 {position: absolute;top: 56px;left: 0;padding: 3rem 2rem;font-size: 1.25rem;z-index: 10;text-shadow: 0px 0px 5px #fff;}

.b-grid {position: relative;padding: 1rem 0 2rem;}
.b-grid .b-grid__itemLeft {position: relative;top: 0;margin-bottom: 2rem;z-index: 1;}
.b-grid .b-grid__ttl {}
.b-grid .b-grid__ttl h3 {}
.b-grid .b-grid__ttl span {padding-left: 0.7em;font-size: 0.7em;}
.b-grid .b-grid__txt {}
.b-grid .b-grid__txt p {line-height: 2.1;font-size: 1rem;}
.b-grid .b-grid__itemRight {}
.b-grid .b-grid__img {}
.b-grid .b-grid__img img {width: 100%;box-shadow: 0 4px 10px 0.4px rgba(0, 0, 0, 0.15);}

#reason3 {position: relative;}
#reason3::before {content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: calc(100% - 232px);background: #fff5e0;}
.f-reason {position: relative;margin-bottom: 3rem;}
.f-reason img {box-shadow: 0 4px 10px 0.4px rgba(0, 0, 0, 0.15);}
.f-reason h4 {position: relative;margin: 1em 0 1.125em;font-size: 1rem;text-align: left;color: #604c3f;}
.f-reason h4::before {content: attr(data-txt);position: absolute;bottom: -1rem;right: -1rem;font-size: 7rem;line-height: 1;color: #b5ab8e;opacity: 0.2;}

.product {margin-bottom: 3rem;padding-bottom: 3rem;background-size: cover;background-position: 50% 50%;overflow: hidden;}
.product .product_mainvisual {background-size: cover;background-position: 50% 50%;}
.product .product_mainvisual > .inner {}
.product .product_mainvisual .product_logo {position: relative;padding: 2rem;}
.product .product_mainvisual .product_logo::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(255, 255, 255, 0.5);}
.product .product_mainvisual .product_logo img {position: relative;display: block;max-width: 232px;margin: 0 auto;}
.product .product_mainvisual .product_logo h4 {position: relative;font-weight: normal;margin-top: 1rem;}
.product .product_mainvisual .product_concept {position: relative;padding: 2rem;padding-bottom: 4rem;}
.product .product_mainvisual .product_concept::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(255, 255, 255, 0.5);}
.product .product_mainvisual .product_concept p {position: relative;color: #fff;margin-bottom: 0;font-size: 0.875rem;line-height: 2.1;}

.product .product_body {}
.product .product_body > .inner {position: relative;}
.product .product_body .product_contents {position: relative;z-index: 10;}
.product .product_body .p-img01 {position: absolute;right: 1rem;top: -2rem;width: 66.666%;}
.product .product_body .p-img02 {position: relative;left: calc(100% - 33% + -2rem);width: 33.333%;margin-bottom: 2rem;}
.product .product_body .p-img03 {width: 80%;margin-bottom: 3rem;}
.product .product_body .p-img01 img,
.product .product_body .p-img02 img,
.product .product_body .p-img03 img {width: 100%;box-shadow: 0 0 40px rgba(0,0,0,0.1);}
.product .product_body .p-txt01 {position: relative;padding: 0 2rem;margin-bottom: 2rem;padding-top: 50vw;}
.product .product_body .p-txt02 {padding: 0 2rem;margin-bottom: 2rem;}
.product .product_body .p-txt01 p,
.product .product_body .p-txt02 p {font-size: 0.875rem;line-height: 2.1;margin: 0;}
.product .more {text-align: center;}
.product .more a {border: none;}

#lineup .product:nth-child(odd) .product_body .p-img01 {right: auto;left: 1rem;}
#lineup .product:nth-child(odd) .product_body .p-img02 {left: 2rem;}
#lineup .product:nth-child(odd) .product_body .p-img03 {position: relative;left: 20%;}

.motif {position: absolute;background-size: cover;background-repeat: no-repeat;}

/* product - sinkokin */
#sinkokin.product {background-color: #e6e6e6;}
#sinkokin.product .product_mainvisual {background-image: url(https://tachiken-hachinohe.com/wp-content/themes/tachiken/lib/images/lineup/sinkokin/main.jpg);}
#sinkokin.product .product_mainvisual .product_logo::before {background: rgba(0, 0, 0, 0.72);}
#sinkokin.product .product_mainvisual .product_logo h4 {color: #c9bc9c;}
#sinkokin.product .product_mainvisual .product_concept::before {background: rgba(0, 0, 0, 0.6);}
#sinkokin.product .product_body .motif01 {background-image: url(https://tachiken-hachinohe.com/wp-content/themes/tachiken/lib/images/lineup/sinkokin/motif01.png);width: 112px;height: 75px;top: 16px;left: 0;}
#sinkokin.product .product_body .motif02 {background-image: url(https://tachiken-hachinohe.com/wp-content/themes/tachiken/lib/images/lineup/sinkokin/motif02.png);width: 150px;height: 90px;top: 100px;right: 0;}
#sinkokin.product .product_body .motif03 {background-image: url(https://tachiken-hachinohe.com/wp-content/themes/tachiken/lib/images/lineup/sinkokin/motif03.png);width: 150px;height: 150px;top: 320px;left: 0;}
#sinkokin.product .product_body .motif04 {background-image: url(https://tachiken-hachinohe.com/wp-content/themes/tachiken/lib/images/lineup/sinkokin/motif04.png);width: 150px;height: 150px;bottom: 200px;right: 0;opacity: 0.72;}
#sinkokin.product .product_body .motif05 {background-image: url(https://tachiken-hachinohe.com/wp-content/themes/tachiken/lib/images/lineup/sinkokin/motif05.png);opacity: 0;}
#sinkokin.product .more a {background: #727171;color: #fff;}

/* product - levante */
#levante.product {background: #fdeddb;}
#levante.product .product_mainvisual {background-image: url(https://tachiken-hachinohe.com/wp-content/themes/tachiken/lib/images/lineup/levante/main.jpg);}
#levante.product .product_mainvisual .product_logo::before {background: rgba(255, 255, 255, 0.6);}
#levante.product .product_mainvisual .product_logo h4 {color: #ed6d1f;}
#levante.product .product_mainvisual .product_concept::before {background: rgba(255, 255, 255, 0.55);}
#levante.product .product_mainvisual .product_concept p {color: #956134;}
#levante.product .product_body .motif01 {background-image: url(https://tachiken-hachinohe.com/wp-content/themes/tachiken/lib/images/lineup/levante/motif01.png);width: 112px;height: 105px;top: 16px;right: 0;}
#levante.product .product_body .motif02 {background-image: url(https://tachiken-hachinohe.com/wp-content/themes/tachiken/lib/images/lineup/levante/motif02.png);width: 150px;height: 120px;top: 120px;left: 0;}
#levante.product .product_body .motif03 {background-image: url(https://tachiken-hachinohe.com/wp-content/themes/tachiken/lib/images/lineup/levante/motif03.png);width: 150px;height: 137px;top: 79vw;right: 0;}
#levante.product .product_body .motif04 {background-image: url(https://tachiken-hachinohe.com/wp-content/themes/tachiken/lib/images/lineup/levante/motif04.png);width: 150px;height: 150px;bottom: 110px;left: 0;}
#levante.product .more a {background: #ed6d1f;color: #fff;}

/* product - kinoka */
#kinoka.product {background: #e0f0eb;}
#kinoka.product .product_mainvisual {background-image: url(https://tachiken-hachinohe.com/wp-content/themes/tachiken/lib/images/lineup/kinoka/main.jpg);}
#kinoka.product .product_mainvisual .product_logo::before {background: rgba(236, 230, 215, 0.72);}
#kinoka.product .product_mainvisual .product_logo h4 {color: #006934;}
#kinoka.product .product_mainvisual .product_concept::before {background: rgba(117, 104, 91, 0.7);}
#kinoka.product .product_mainvisual .product_concept p {color: #fff;}
#kinoka.product .product_body .motif01 {background-image: url(https://tachiken-hachinohe.com/wp-content/themes/tachiken/lib/images/lineup/kinoka/motif01.png);width: 88px;height: 163px;top: 16px;left: -16px;}
#kinoka.product .product_body .motif02 {background-image: url(https://tachiken-hachinohe.com/wp-content/themes/tachiken/lib/images/lineup/kinoka/motif02.png);width: 150px;height: 148px;top: 390px;left: 0;}
#kinoka.product .product_body .motif03 {background-image: url(https://tachiken-hachinohe.com/wp-content/themes/tachiken/lib/images/lineup/kinoka/motif03.png);width: 150px;height: 160px;top: 360px;right: 0;}
#kinoka.product .product_body .motif04 {background-image: url(https://tachiken-hachinohe.com/wp-content/themes/tachiken/lib/images/lineup/kinoka/motif04.png);width: 180px;height: 100px;bottom: -130px;left: 0;}
#kinoka.product .more a {background: #13ae67;color: #fff;}

/* product - ciao */
#ciao.product {background: #fffcdb;}
#ciao.product .product_mainvisual {background-image: url(https://tachiken-hachinohe.com/wp-content/themes/tachiken/lib/images/lineup/ciao/main.jpg);}
#ciao.product .product_mainvisual .product_logo::before {background: rgba(255, 255, 255, 0.85);}
#ciao.product .product_mainvisual .product_logo h4 {color: #fdd108;}
#ciao.product .product_mainvisual .product_concept::before {background: rgba(255, 255, 255, 0.85);}
#ciao.product .product_mainvisual .product_concept p {color: #313131;}
#ciao.product .product_body .motif01 {background-image: url(https://tachiken-hachinohe.com/wp-content/themes/tachiken/lib/images/lineup/ciao/motif01.png);width: 112px;height: 152px;top: 16px;right: 0;}
#ciao.product .product_body .motif02 {background-image: url(https://tachiken-hachinohe.com/wp-content/themes/tachiken/lib/images/lineup/ciao/motif02.png);width: 150px;height: 140px;top: 330px;right: 16px;}
#ciao.product .product_body .motif03 {background-image: url(https://tachiken-hachinohe.com/wp-content/themes/tachiken/lib/images/lineup/ciao/motif03.png);width: 150px;height: 210px;top: 500px;left: -50px;}
#ciao.product .more a {background: #f8b73d;color: #fff;}

/* product - rocky */
#rocky.product {background: #e9dbc4;margin-bottom: 0;}
#rocky.product .product_mainvisual {background-image: url(https://tachiken-hachinohe.com/wp-content/themes/tachiken/lib/images/lineup/rocky/main.jpg);}
#rocky.product .product_mainvisual .product_logo::before {background: rgba(96, 76, 63, 0.85);}
#rocky.product .product_mainvisual .product_logo h4 {color: #fdd108;}
#rocky.product .product_mainvisual .product_concept::before {background: rgba(96, 76, 63, 0.55);}
#rocky.product .product_mainvisual .product_concept p {color: #fffefd;}
#rocky.product .product_body .motif01 {background-image: url(https://tachiken-hachinohe.com/wp-content/themes/tachiken/lib/images/lineup/rocky/motif01.png);width: 152px;height: 152px;top: 16px;left: -20px;}
#rocky.product .product_body .motif02 {background-image: url(https://tachiken-hachinohe.com/wp-content/themes/tachiken/lib/images/lineup/rocky/motif02.png);width: 100px;height: 140px;top: 450px;right: 0px;}
#rocky.product .product_body .motif03 {background-image: url(https://tachiken-hachinohe.com/wp-content/themes/tachiken/lib/images/lineup/rocky/motif03.png);width: 130px;height: 139px;top: 400px;left: -16px;}
#rocky.product .product_body .motif04 {background-image: url(https://tachiken-hachinohe.com/wp-content/themes/tachiken/lib/images/lineup/rocky/motif04.png);width: 150px;height: 100px;top: 735px;left: -50px;}
#rocky.product .product_body .motif05 {background-image: url(https://tachiken-hachinohe.com/wp-content/themes/tachiken/lib/images/lineup/rocky/motif05.png);width: 150px;height: 150px;bottom: -140px;left: -30px;}
#rocky.product .more a {background: #40220f;color: #fff;}


.sns-ttl {display: flex;margin-bottom: 1rem;align-items: center;}
.sns-ttl h4 {position: relative;height: 24px;line-height: 24px;padding-left: 32px;}
.sns-ttl h4::before {position: absolute;top: 0;left: 0;content: "";width: 24px;height: 24px;background-size: 100%;}
.sns-ttl a {position: relative;line-height: 1;font-size: 0.875rem;margin-left: auto;padding-right: 1rem;}
.sns-ttl a::before {font-family: FontAwesome;content : "\f105";position: absolute;right: 0;}
.sns-ttl.insta-ttl h4::before {background-image: url(https://tachiken-hachinohe.com/wp-content/themes/tachiken/lib/images/top/logo_insta.png);}
.sns-ttl.fb-ttl h4::before {background-image: url(https://tachiken-hachinohe.com/wp-content/themes/tachiken/lib/images/top/logo_fb.png);}

.insta_content {}
.fb_content {width: 100%;}
.fb_content iframe {}


.flow_btn > .inner {position: relative;padding: 1rem;padding-bottom: 180px;border: solid 4px #f5ce13;}
.flow_btn > .inner::before {content: "";position: absolute;bottom: 1rem;left: -1rem;width: calc(100% + 2rem);background-image: url(https://tachiken-hachinohe.com/wp-content/themes/tachiken/lib/images/top/flow_img.png);height: 180px;background-repeat: no-repeat;background-size: cover;}
.flow_btn > .inner::after {content: "";position: absolute;bottom: -1px;left: 0;width: 100%;height: 30px;background: #f5ce13;}
.flow_btn a {}
.flow_btn h3 {color: #6a3906;margin-bottom: 0.25em;}
.flow_btn p {font-weight: bold;font-size: 0.875rem;color: #6a3906;}
.flow_btn span {display: block;position: absolute;bottom: 1px;right: 1rem;padding-right: 1rem;z-index: 10;font-weight: bold;color: #6a3906;}
.flow_btn span::after {font-family: FontAwesome;content : "\f105";position: absolute;right: 0;}


/*  page-lineup
------------------------- */
.p-lineup_header {position: relative;display: flex;align-items: center;justify-content: center;height: 66.666vw;background-size: cover;background-position: 50% 50%;}
.p-lineup_header::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(201, 160, 99, 0.28);}
.p-lineup_header .page_ttl {position: relative;}
.p-lineup_header h2 {font-size: 0.875rem;text-align: center;}
.p-lineup_header h2 img {display: block;max-width: 50%;margin: 0 auto 1rem;}

.p-lineup_ttl {}
.p-lineup_ttl h2 {font-size: 1rem;font-weight: normal;margin-bottom: 2em;padding-bottom: 0.25rem;color: #604c3f;border-bottom: solid 1px #604c3f;}
.p-lineup_ttl h2 span {display: block;font-size: 1.75rem;font-weight: bold;font-family: 'Noto Serif JP', serif;}
.p-lineup_ttl p {font-size: 1.25rem;font-family: 'Noto Serif JP', serif;letter-spacing: 0.1em;line-height: 2.1;margin-bottom: 2rem;}

.section-half_bg {display: block;width: 100%;height: 33.333vw;margin-top: -16.666vw;background: #f7f7f7;}

.p-lineup-widecontent {position: relative;padding-top: 3rem;padding-bottom: 1rem;margin-bottom: 3rem;background-size: cover;background-position: 100% 0;}
.p-lineup-widecontent::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 80%, rgba(255,255,255,0) 100%);background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 80%,rgba(255,255,255,0) 100%);background: linear-gradient(to right, rgba(255, 255, 255, 0.95) 0%,rgba(255, 255, 255, 0.95) 70%,rgba(255,255,255,0) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );}
.p-lineup-widecontent h4 {}
.p-lineup-widecontent p {padding-right: 25vw;}

.break-img {}
.break-img .has-image {padding-bottom: 33.333%;}
.break-img .has-image img {}

.spec-table {margin-bottom: 1rem;}
.spec-table th,
.spec-table td {display: table-cell;border: solid 1px #e4e4e4;}
.spec-table th {width: 1em;text-align: center;vertical-align: middle;background: #f7f7f7;line-height: 1.3;}
.spec-table td {min-width: 8em;font-size: 0.75rem;}

/* p-sinkokin */
.p-lineup-sinkokin .p-lineup_header {background-image: url(https://tachiken-hachinohe.com/wp-content/themes/tachiken/lib/images/lineup/sinkokin/main_2.jpg);}
.p-lineup-sinkokin .p-lineup_header h2 {font-weight: normal;color: #ffffff;}
.p-lineup-sinkokin .p-lineup_ttl h2 {color: #604c3f;border-bottom: solid 1px #604c3f;}
.p-lineup-sinkokin .section-half_bg {background: #e6e6e6;}
.p-lineup-sinkokin .p-motif_sinkokin01 {background-image: url(https://tachiken-hachinohe.com/wp-content/themes/tachiken/lib/images/lineup/sinkokin/motif01.png);width: 130px;height: 88px;top: 0px;right: 0;filter: contrast(0.9);}
.p-lineup-sinkokin .p-motif_sinkokin02 {background-image: url(https://tachiken-hachinohe.com/wp-content/themes/tachiken/lib/images/lineup/sinkokin/motif02.png);width: 150px;height: 60px;top: 27.5%;left: 0;filter: contrast(0.8);}
.p-lineup-sinkokin .p-motif_sinkokin03 {background-image: url(https://tachiken-hachinohe.com/wp-content/themes/tachiken/lib/images/lineup/sinkokin/motif03.png);width: 150px;height: 137px;top: 53%;right: 0;filter: contrast(0.5);}
.p-lineup-sinkokin .p-motif_sinkokin04 {background-image: url(https://tachiken-hachinohe.com/wp-content/themes/tachiken/lib/images/lineup/sinkokin/motif04.png);width: 150px;height: 150px;top: 73%;left: 0;filter: contrast(0.9);}
.p-lineup-sinkokin .p-motif_sinkokin05 {background-image: url(https://tachiken-hachinohe.com/wp-content/themes/tachiken/lib/images/lineup/sinkokin/motif05.png);width: 150px;height: 150px;bottom: 2%;right: 0;filter: contrast(0.9);}
.p-lineup-widecontent.sinkokin01 {background-image: url(https://tachiken-hachinohe.com/wp-content/themes/tachiken/lib/images/lineup/sinkokin/widecontent01.jpg);background-position-x: 0;}
.p-lineup-widecontent.sinkokin02 {background-image: url(https://tachiken-hachinohe.com/wp-content/themes/tachiken/lib/images/lineup/sinkokin/widecontent02.jpg);background-position: 70%;}
.p-lineup-sinkokin .has-bg {background-color: #e6e6e6;}

/* p-kinoka */
.p-lineup-kinoka .p-lineup_header {background-image: url(https://tachiken-hachinohe.com/wp-content/themes/tachiken/lib/images/lineup/kinoka/main.jpg);}
.p-lineup-kinoka .p-lineup_header h2 {font-weight: normal;color: #ffffff;}
.p-lineup-kinoka .p-lineup_ttl h2 {color: #604c3f;border-bottom: solid 1px #604c3f;}
.p-lineup-kinoka .section-half_bg {background: #e0f0eb;}
.p-lineup-kinoka .p-motif_kinoka01 {background-image: url(https://tachiken-hachinohe.com/wp-content/themes/tachiken/lib/images/lineup/kinoka/motif01.png);width: 80px;height: 148px;top: 0px;right: -16px;}
.p-lineup-kinoka .p-motif_kinoka02 {background-image: url(https://tachiken-hachinohe.com/wp-content/themes/tachiken/lib/images/lineup/kinoka/motif02.png);width: 80px;height: 80px;top: 27.5%;left: 0;}
.p-lineup-kinoka .p-motif_kinoka03 {background-image: url(https://tachiken-hachinohe.com/wp-content/themes/tachiken/lib/images/lineup/kinoka/motif03.png);width: 100px;height: 137px;top: 55%;right: 0;}
.p-lineup-kinoka .p-motif_kinoka04 {background-image: url(https://tachiken-hachinohe.com/wp-content/themes/tachiken/lib/images/lineup/kinoka/motif04.png);width: 100px;height: 100px;top: 73%;left: 0;}
.p-lineup-kinoka .p-motif_kinoka05 {background-image: url(https://tachiken-hachinohe.com/wp-content/themes/tachiken/lib/images/lineup/kinoka/motif05.png);width: 100px;height: 100px;bottom: 0%;right: 0;}
.p-lineup-widecontent.kinoka01 {background-image: url(https://tachiken-hachinohe.com/wp-content/themes/tachiken/lib/images/lineup/kinoka/widecontent01.jpg);background-position-x: 0;}
.p-lineup-widecontent.kinoka02 {background-image: url(https://tachiken-hachinohe.com/wp-content/themes/tachiken/lib/images/lineup/kinoka/widecontent02.jpg);background-position: 70%;}
.p-lineup-kinoka .has-bg {background-color: #e0f0eb;}

/* p-levante */
.p-lineup-levante .p-lineup_header {background-image: url(https://tachiken-hachinohe.com/wp-content/themes/tachiken/lib/images/lineup/levante/main.jpg);}
.p-lineup-levante .p-lineup_header h2 {color: #956134;}
.p-lineup-levante .p-lineup_ttl h2 {color: #604c3f;border-bottom: solid 1px #604c3f;}
.p-lineup-levante .section-half_bg {background: #fdede4;}
.p-lineup-levante .p-motif_revantre01 {background-image: url(https://tachiken-hachinohe.com/wp-content/themes/tachiken/lib/images/lineup/levante/motif01.png);width: 130px;height: 122px;top: 40px;right: 0;}
.p-lineup-levante .p-motif_revantre02 {background-image: url(https://tachiken-hachinohe.com/wp-content/themes/tachiken/lib/images/lineup/levante/motif02.png);width: 150px;height: 120px;top: 25%;left: 0;}
.p-lineup-levante .p-motif_revantre03 {background-image: url(https://tachiken-hachinohe.com/wp-content/themes/tachiken/lib/images/lineup/levante/motif03.png);width: 150px;height: 137px;top: 50%;right: 0;}
.p-lineup-levante .p-motif_revantre04 {background-image: url(https://tachiken-hachinohe.com/wp-content/themes/tachiken/lib/images/lineup/levante/motif04.png);width: 150px;height: 150px;bottom: 0;left: 0;}
.p-lineup-widecontent.levante01 {background-image: url(https://tachiken-hachinohe.com/wp-content/themes/tachiken/lib/images/lineup/levante/widecontent01.jpg);}
.p-lineup-widecontent.levante02 {background-image: url(https://tachiken-hachinohe.com/wp-content/themes/tachiken/lib/images/lineup/levante/widecontent02.jpg);background-position: 70%;}
.p-lineup-levante .has-bg {background-color: #fdede4;}

/* p-ciao */
.p-lineup-ciao .p-lineup_header {background-image: url(https://tachiken-hachinohe.com/wp-content/themes/tachiken/lib/images/lineup/ciao/main.jpg);}
.p-lineup-ciao .p-lineup_header::before {background: rgba(255, 255, 255, 0.5);}
.p-lineup-ciao .p-lineup_header h2 {color: #e83828;}
.p-lineup-ciao .p-lineup_ttl h2 {color: #604c3f;border-bottom: solid 1px #604c3f;}
.p-lineup-ciao .section-half_bg {background: #fffcdb;}
.p-lineup-ciao .image-box span.ciao-living-span {display: inline-block;font-size: 0.75rem;font-weight: bold;padding: 4px 10px;margin-bottom: 0.75rem;/* margin-left: -8px; */color: #f44336;background: #fff5f4;border: dashed 1px #e83828;border-radius: 100px;}
.p-lineup-ciao .image-box h5.ciao-living-ttl {position: relative;font-size: 1rem;}
.p-lineup-ciao .p-motif_ciao01 {background-image: url(https://tachiken-hachinohe.com/wp-content/themes/tachiken/lib/images/lineup/ciao/motif01.png);width: 130px;height: 172px;top: 0px;right: 0;}
.p-lineup-ciao .p-motif_ciao02 {background-image: url(https://tachiken-hachinohe.com/wp-content/themes/tachiken/lib/images/lineup/ciao/motif02.png);width: 150px;height: 140px;top: 25%;left: 0;}
.p-lineup-ciao .p-motif_ciao03 {background-image: url(https://tachiken-hachinohe.com/wp-content/themes/tachiken/lib/images/lineup/ciao/motif03.png);width: 150px;height: 200px;top: 50%;right: 0;}
.p-lineup-ciao .p-motif_ciao04 {background-image: url(https://tachiken-hachinohe.com/wp-content/themes/tachiken/lib/images/lineup/ciao/motif01.png);width: 150px;height: 200px;bottom: 250px;left: -60px;}
.p-lineup-widecontent.ciao01 {background-image: url(https://tachiken-hachinohe.com/wp-content/themes/tachiken/lib/images/lineup/ciao/widecontent01.jpg);background-position-x: 20%;}
.p-lineup-widecontent.ciao02 {background-image: url(https://tachiken-hachinohe.com/wp-content/themes/tachiken/lib/images/lineup/ciao/widecontent02.jpg);background-position: 50%;}
.p-lineup-ciao .has-bg {background-color: #fffcdb;}

/* p-rocky */
.p-lineup-rocky .p-lineup_header {background-image: url(https://tachiken-hachinohe.com/wp-content/themes/tachiken/lib/images/lineup/rocky/main.jpg);}
.p-lineup-rocky .p-lineup_header::before {background: rgba(96, 76, 63, 0.5);}
.p-lineup-rocky .p-lineup_header h2 {color: #fdd108;}
.p-lineup-rocky .p-lineup_ttl h2 {color: #604c3f;border-bottom: solid 1px #604c3f;}
.p-lineup-rocky .section-half_bg {background: #e9dbc4;}
.p-lineup-rocky .image-box span.rocky-living-span {display: inline-block;font-size: 0.75rem;font-weight: bold;padding: 4px 10px;margin-bottom: 0.75rem;/* margin-left: -8px; */color: #f44336;background: #fff5f4;border: dashed 1px #e83828;border-radius: 100px;}
.p-lineup-rocky .image-box h5.rocky-living-ttl {position: relative;font-size: 1rem;}
.p-lineup-rocky .p-motif_rocky01 {background-image: url(https://tachiken-hachinohe.com/wp-content/themes/tachiken/lib/images/lineup/rocky/motif01.png);width: 150px;height: 150px;top: 0px;right: -20px;}
.p-lineup-rocky .p-motif_rocky02 {background-image: url(https://tachiken-hachinohe.com/wp-content/themes/tachiken/lib/images/lineup/rocky/motif02.png);width: 100px;height: 140px;top: 25%;left: 0;}
.p-lineup-rocky .p-motif_rocky03 {background-image: url(https://tachiken-hachinohe.com/wp-content/themes/tachiken/lib/images/lineup/rocky/motif03.png);width: 150px;height: 200px;top: 50%;right: 0;}
.p-lineup-rocky .p-motif_rocky04 {background-image: url(https://tachiken-hachinohe.com/wp-content/themes/tachiken/lib/images/lineup/rocky/motif01.png);width: 100px;height: 100px;bottom: 250px;left: -10px;}
.p-lineup-widecontent.rocky01 {background-image: url(https://tachiken-hachinohe.com/wp-content/themes/tachiken/lib/images/lineup/rocky/main.jpg);background-position-x: 0;}
.p-lineup-widecontent.rocky02 {background-image: url(https://tachiken-hachinohe.com/wp-content/themes/tachiken/lib/images/lineup/rocky/widecontent02.jpg);background-position: 0%;}
.p-lineup-rocky .has-bg {background-color: #e9dbc4;}


/*  page-reason
------------------------- */
.page_header.reason {position: relative;display: flex;align-items: center;justify-content: center;height: 66.666vw;background-size: cover;background-position: 50% 50%;}
.page_header.reason::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(255, 255, 255, 0.5);}
.page_header.reason.reason01 {background-image: url(https://tachiken-hachinohe.com/wp-content/themes/tachiken/lib/images/reason/reason01_main.jpg);}
.page_header.reason.reason02 {background-image: url(https://tachiken-hachinohe.com/wp-content/themes/tachiken/lib/images/reason/reason02_main.jpg);}
.page_header.reason.reason03 {background-image: url(https://tachiken-hachinohe.com/wp-content/themes/tachiken/lib/images/reason/reason03_main.jpg);}
.page_header.reason .page_ttl {position: relative;padding-left: 1rem;padding-right: 1rem;}
.page_header.reason .page_ttl h2 {text-align: center;font-size: 1.25rem;text-shadow: 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff;}
.page_header.reason .page_ttl span {position: relative;display: block;font-size: 1rem;margin-bottom: 1rem;padding-bottom: 0.5rem;}
.page_header.reason .page_ttl span::after {content: "";position: absolute;bottom: 0;left: 0;right: 0;margin: auto;width: 100px;height: 2px;background-color: #313131;}

.buffet {}
.buffet .buffet_ttl {background: #fffbe2;padding: 1rem;margin-bottom: 2rem;}
.buffet .buffet_ttl h2 {margin-bottom: 0;font-size: 1.125rem;text-align: center;}
.buffet .buffet_text {}
.buffet .buffet_text h4 {text-align: left;margin-bottom: 1rem;}
.buffet .buffet_text p {}
.buffet .has-image {padding-bottom: 180px;}
.buffet .has-image img {}

.char_box {}
.char_box .char_ttl {position: relative;margin-bottom: 2rem;padding: 2rem 0 1rem;background: #f7f7f7;}
.char_box .char_ttl span.ttl {position: relative;display: inline-block;font-weight: bold;margin-bottom: 1rem;padding-bottom: 0.5rem;}
.char_box .char_ttl span.ttl::after {content: "";position: absolute;bottom: 0;left: 0;right: 0;margin: auto;width: 50px;height: 2px;background-color: #313131;}
.char_box .char_ttl h3 {margin-bottom: 0.5rem;}
.char_box .char_ttl p {}
.char_box .char_ttl span.number {position: absolute;bottom: 1rem;right: -1rem;font-size: 9rem;font-weight: bold;line-height: 1;color: #b5ab8e;opacity: 0.1;}
.char_box .char_ttl span.char_ttl_bg {}
.price-policy {position: relative;background-image: url(https://tachiken-hachinohe.com/wp-content/themes/tachiken/lib/images/reason/reason01_pricepolicy.jpg);background-position: 0 100;}
.price-policy::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(255, 255, 255, 0.5);}

.reason_ttl02 {position: relative;margin-bottom: 2em;text-align: center;}
.reason_ttl02 span {position: relative;display: inline-block;padding: 1rem 2rem;}
.reason_ttl02 span::before,
.reason_ttl02 span::after {content: "";position: absolute;width: 32px;height: 32px;}
.reason_ttl02 span::before {top: 0;left: 0;border-top: solid 1px #ccc;border-left: solid 1px #ccc;}
.reason_ttl02 span::after {bottom: 0;right: 0;border-bottom: solid 1px #ccc;border-right: solid 1px #ccc;}
.standard-ttl {font-size: 0.875rem;padding-top: 1rem;margin-bottom: 1em;}
.standard-cover {display: flex;flex-wrap: wrap;margin: 0 -1rem;}
.standard-cover .standard-box {width: 50%;padding: 0 1rem;margin-bottom: 1rem;}
.standard-cover .standard-box:nth-child(odd) {padding-right: 0.5rem;}
.standard-cover .standard-box:nth-child(even) {padding-left: 0.5rem;}
.standard-cover .standard-box a {display: block;padding: 5px 0;background: #fff;border: solid 1px #ccc;}
.standard-cover .standard-box a img {}

.b-grid {}
.b-grid .b-grid__itemLeft {position: relative;padding: 1rem 1rem 0;}
.b-grid .b-grid__bg {position: absolute;top: 0;left: 0;width: 90%;height: 100%;background: #fff5e0;z-index: -1;}
.b-grid .b-grid__ttl {position: relative;margin-bottom: 1.5rem;}
.b-grid .b-grid__ttl h2 {}
.b-grid .b-grid__ttl span {padding-left: .25em;font-size: .875rem;color: #898989;}
.b-grid .b-grid__txt {margin-bottom: 2rem;}
.b-grid .b-grid__txt p {line-height: 2.1;}
.b-grid .b-grid__itemRight {position: relative;padding: 0 1rem;z-index: 1;}

.sango-cover {position: relative;margin-bottom: 3rem;}
.sango-bg {position: absolute;bottom: 0;left: -2rem;width: calc(100% + 4rem);height: calc(100% - 100px);background-image: url(https://tachiken-hachinohe.com/wp-content/themes/tachiken/lib/images/reason/sango_bg.jpg);z-index: -1;background-size: cover;background-position: 50%;opacity: 0.08;}

.reason_link {text-align: center;background-size: cover;}
.reason_link a {position: relative;display: block;font-size: 1rem;padding: 2rem 1rem;border: none;color: #fff;}
.reason_link a span {position: relative;font-weight: bold;}
.more.reason_next {}
.more.reason_back {}
.more.reason_back a {padding-left: 3rem;}
.more.reason_next a {padding-right: 3rem;}
.more.reason_back a::before,
.more.reason_next a::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.33);}
.more.reason_next a::after {font-family: FontAwesome;content : "\f105";position: absolute;top: 30px;right: 1rem;font-size: 1.25rem;}
.more.reason_back a::after {font-family: FontAwesome;content : "\f104";position: absolute;left: 1rem;}

.reason_next01 {background-image: url(https://tachiken-hachinohe.com/wp-content/themes/tachiken/lib/images/reason/link-reason1.jpg);}
.reason_next02 {background-image: url(https://tachiken-hachinohe.com/wp-content/themes/tachiken/lib/images/reason/link-reason2.jpg);}
.reason_next03 {background-image: url(https://tachiken-hachinohe.com/wp-content/themes/tachiken/lib/images/reason/link-reason3.jpg);}


/*  page-flow
------------------------- */
.step-box {margin-bottom: 3rem;padding: 1rem;border: solid 1px #cccccc;}
.step-box .step-number {padding-bottom: 0.5rem;margin-bottom: 1rem;border-bottom: solid 1px #ccc;}
.step-box .step-number h5 {text-align: center;margin-bottom: 0.25rem;line-height: 1;}
.step-box .step-number h5 span {display: inline-block;font-size: 2rem;margin-left: 0.5rem;}
.step-box .step-number h4 {font-size: 1.5rem;}

.step-box .step-txt {}
.step-box .step-txt p {}
.step-box .step-txt .more {margin-bottom: 1rem;text-align: center;}
.step-box .step-txt .more a {}

.section__ttl.qa {}
.qa-box {margin-bottom: 1rem;}
.qa-box dl {border: solid 1px #ccc;}
.qa-box dl dt {position: relative;font-weight: bold;padding-bottom: 1rem;padding: 1rem;padding-left: 2.5rem;border-bottom: solid 1px #ccc;}
.qa-box dl dt::before {content: "Q";position: absolute;left: 1rem;font-weight: bold;color: #fdd108;}
.qa-box dl dd {position: relative;padding: 1rem;padding-left: 2.5rem;}
.qa-box dl dd::before {content: "A";position: absolute;left: 1rem;font-weight: bold;color: #eb5e28;}


/*  page-company
------------------------- */
.greeting {}
.greeting h3 {}
.greeting h3 span {display: block;font-size: 0.875rem;}

.company {}
.company th,
.company td {}
.company th {}
.company td {padding-bottom: 1rem;border-bottom: solid 1px #ccc;}


/*  page-contact
------------------------- */
a.contact-tel {display: block;font-size: 1.5rem;font-weight: bold;}


/*  archive
------------------------- */
.category-list {display: flex;flex-wrap: wrap;margin: 3rem -1rem 0;}
.category-list li {width: 50%;padding: 0 1rem;}
.category-list li a {position: relative;display: block;margin-bottom: 0.5rem;padding: 0.25rem 1rem 0.25rem 1.5rem;color: #c9caca;}
.category-list li a::before {content: "";position: absolute;top: 11px;left: 0;width: 10px;height: 10px;background: #c9caca;}

.category-list li.current a {color: #313131;}
.category-list li.current a::before {background: #f8b62d;}


/*  archive-works
------------------------- */
.works_ttl {background: #fffbe2;padding: 1rem;margin-bottom: 2rem;}
.works_ttl h4 {font-size: 1rem;}

.archive-works {}
.work-box {padding: 2rem 0;}
.work-box:nth-child(odd) {background: #fff5e0;}
.work-box .container > .inner {display: flex;flex-wrap: wrap;}
.work-box .work-txt {width: 100%;order: 2;}
.work-box .work-txt .work_ttl {margin-bottom: 0.5rem;}
.work-box .work-txt .work_ttl h4 {text-align: left;}
.work-box .work-txt .work_ttl .date {display: block;font-size: 0.875rem;color: #969696;}
.work-box .work-txt p {font-size: 0.875rem;}
.work-box .work-gallery {width: calc(100% + 4rem);margin: 0 -2rem 0.75rem;order: 1;}
#works_slider {}
#works_slider .swiper-container {padding-bottom: 15px;}
#works_slider .gallery_img {width: calc(100% - 4rem);padding: 0 2px;}
#works_slider .swiper-scrollbar {width: calc(100% - 4rem);left: 0;right: 0;margin: auto;border-radius: 0;height: 3px;}
#works_slider .swiper-scrollbar .swiper-scrollbar-drag {border-radius: 0;}
#works_slider .gallery_img .has-image {}
#works_slider .gallery_img .has-image img {width: 100%;height: auto;}
.work-box .more {width: 100%;order: 3;}
.work-box .more a {font-size: 0.875rem;padding: 0.75rem 2rem;background: #fff;}

/*  single
------------------------- */
main.single {margin-top: 50px;}
.post-mainimg {margin: 0 -2rem 1rem;}
.post-mainimg .has-image {padding-bottom: 56.25%;}
.post-mainimg .has-image img {}
.post-header {margin-bottom: 2rem;}
.post-header .inner {}
.post-header h2 {font-size: 1.25rem;}
.post-header p.date {font-size: 0.75rem;}
.post-header .cat {display: inline-block;font-size: 0.625rem;padding: 4px 8px;background: #f7f7f7;}

.post-content {padding-bottom: 1rem;margin-bottom: 2rem;border-bottom: solid 1px #ccc;}


/*  single-works
------------------------- */
main.work {}
main.work .section__ttl {padding-top: 2rem;}
.work-slide_cover {}
#work-slide {margin-bottom: 0.5rem;}
#work-slide .swiper-button-next,
#work-slide .swiper-button-prev {background: none;}
#work-slide .swiper-slide {}
#work-slide .swiper-slide .has-image {padding-bottom: 66.666%;background: #f7f7f7;}
#work-slide .swiper-slide .has-image img {width: auto;height: 100%;}
#work-slide .swiper-slide .has-image img.height_fit {width: auto;height: 100%;}
#work-slide .swiper-button-prev,
#work-slide .swiper-button-next {background: none;font-size: 40px;width: 15px;height: 40px;margin-top: -40px;color: #fff;}
#work-slide .swiper-button-prev img,
#work-slide .swiper-button-next img {}
#work-slide .swiper-button-prev {}
#work-slide .swiper-button-next {}
.thumblist {display: flex;flex-wrap: wrap;margin: 0 -4px 1rem;bottom: auto;left: auto;width: auto;}
.thumblist .thumblist-item {width: 25%;padding: 0 4px;margin-bottom: 8px;box-sizing: border-box;}
.thumblist .thumblist-item .has-image {padding-bottom: 75%;}
.thumblist .thumblist-item .has-image img {}


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

	/*  common
	------------------------- */
	
	th,td {display: table-cell;font-size: 1rem;padding: 1em;}
	th {min-width: 10em;}
	
	.row .col-6.col-space:nth-child(odd) {padding-right: 15px;}
	.row .col-6.col-space:nth-child(even) {padding-left: 15px;}
	
	.text-md-left {text-align: left !important;}
	.text-md-center {text-align: center !important;}
	.text-md-right {text-align: right !important;}
	.vertical-md-center {vertical-align: middle;}
	.font-md-bold {font-weight: bold;}
	.font-md-normal {font-weight: normal;}
	.font-md-small {font-size: 0.875rem !important;}
	.font-md-ssmall {font-size: 0.75rem !important;}
	.font-md-medium {font-size: 1rem !important;}
	.font-md-large {font-size: 1.125rem !important;}
	.font-md-llarge {font-size: 1.25rem !important;}
	.font-md-xlarge {font-size: 1.5rem !important;}
	
	p.mincho {font-size: 1rem;}
	
	
	/*  header
	------------------------- */
	header {height: 64px;}
	
	/* logo */
	.logo {padding: 14px 1rem;}
	.logo h1 a img {max-height: 36px;}
	
	/* main-nav */
	.mobile-drawer {right: -62%;width: 62%;}
	
	/* nav-open */
	.js-mobile-nav-open {width: 64px;height: 64px;}
	.js-mobile-nav-open .inner {width: 32px;height: 22px;margin: 21px 16px;}
	.js-mobile-nav-open span:nth-of-type(2) {top: 10px;}
	.js-mobile-nav-open span:nth-of-type(3) {top: 20px;}
	
	header.open .js-mobile-nav-open span:nth-of-type(1) {-webkit-transform: translateY(10px) rotate(-45deg);transform: translateY(10px) rotate(-45deg);}
	header.open .js-mobile-nav-open span:nth-of-type(3) {-webkit-transform: translateY(-10px) rotate(45deg);transform: translateY(-10px) rotate(45deg);}
	
	
	/*  footer
	------------------------- */
	.footer-menu > .inner {display: flex;flex-wrap: wrap;margin: 0 -1rem;}
	.footer-menu .menu-column {width: 33.333%;padding: 0 1rem;}
	
	
	/*  page-common
	------------------------- */
	main.page {margin-top: 64px;}
	.p-page_header .page_ttl .container {padding-left: 2rem;padding-right: 2rem;}
	
	.b-grid {position: relative;padding: 0;}
	.b-grid .b-grid__itemLeft {margin-bottom: 0;padding-top: 5rem;padding-right: 33.333%;z-index: 10;}
	.b-grid .b-grid__bg {width: 82%;height: 100%;top: 3rem;}
	.b-grid .b-grid__ttl h2,
	.b-grid .b-grid__ttl h3,
	.b-grid .b-grid__txt h5,
	.b-grid .b-grid__txt p {text-shadow: 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff;}
	.b-grid .b-grid__txt {margin-bottom: 0;}
	.b-grid .b-grid__itemRight {position: absolute;top: 0;right: 0;width: 50%;padding-right: 0;}
	
	.foot-lineup_ttl::before {width: 150px;height: 150px;}
	.foot-lineup_ttl::after {width: 100%;height: 95px;left: calc(1rem + 150px);}
	.foot-lineup_ttl h3 {padding-bottom: 140px;padding-left: calc(1rem + 150px);}
	.foot-lineup_ttl h3 span {position: absolute;left: 128px;padding: 1rem;border-radius: 500px;}
	.foot-lineup_item::after {width: 66.666%;}
	.foot-lineup_logo {min-height: 150px;height: 150px;}
	.foot-lineup_logo img {width: 168px;}
	
	
	/*  media
	------------------------- */
	main .archive {display: flex;flex-wrap: wrap;margin: 0 -1rem;}
	.item-box {width: 50%;padding: 0 1rem;}
	.image-box h5 {font-size: 1rem;}
	
	
	/*  page-front
	------------------------- */
	#concept .b-grid .b-grid__itemLeft {padding-top: 1rem;}
	.f-reason h4 {font-size: 1rem;min-height: 5em;}
	.f-reason .more {text-align: right;}
	.product .product_mainvisual .product_concept p {font-size: 1rem;}
	.product .product_body .p-txt01 {padding-left: 4rem;padding-right: 4rem;}
	.product .product_body .p-txt02 {padding-left: 4rem;padding-right: 4rem;}
	.product .product_body .p-txt01 p,
	.product .product_body .p-txt02 p {font-size: 1rem;}
	
	/* product - sinkokin */
	#sinkokin.product .product_mainvisual .product_concept {padding: 2rem 4rem 4rem;}
	/* product - levante */
	#levante.product .product_mainvisual .product_logo {}
	#levante.product .product_mainvisual .product_concept {/* padding: 2rem 4rem 4rem; */}
	/* product - kinoka */
	#kinoka.product .product_mainvisual .product_concept {padding: 2rem 4rem 4rem;}
	/* product - ciao */
	#ciao.product .product_mainvisual .product_concept {padding: 2rem 4rem 4rem;}
	/* product - rocky */
	#rocky.product .product_mainvisual .product_concept {padding: 2rem 4rem 4rem;}
	
	.insta_content img {width: 100%;}
	.fb_content {text-align: center;background: #f7f7f7;}
	.flow_btn > .inner {padding-bottom: 30px;padding-right: 40%;}
	.flow_btn > .inner::before {width: 40%;height: 142px;left: auto;right: -3%;z-index: 10;}
	
	
	/*  page-lineup
	------------------------- */
	.p-lineup_header {height: 50vw;}
	.p-lineup_header h2 {font-size: 1.125rem;}
	.section-half_bg {margin-top: -25vw;}
	.p-lineup-widecontent {padding-bottom: 3rem;}
	.p-lineup-widecontent::before {
	    background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 66.666%, rgba(255,255,255,0) 100%);
	    background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 66.666%,rgba(255,255,255,0) 100%);
	    background: linear-gradient(to right, rgba(255, 255, 255, 0.95) 0%,rgba(255, 255, 255, 0.95) 66.666%,rgba(255,255,255,0) 100%);
	    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
	}
	.p-lineup-widecontent p {padding-right: 0;}
	
	.spec-table th,
	.spec-table td {min-width: unset;}
	.spec-table th {font-size: 0.875rem;}
	
	
	/*  page-reason
	------------------------- */
	.page_header.reason {height: 33.333vw;}
	.page_header.reason .page_ttl h2 {font-size: 1.5rem;}

	.buffet {}
	.buffet .buffet_ttl {}
	.buffet .buffet_ttl h2 {}
	.buffet .buffet_text {}
	.buffet .buffet_text h4 {}
	.buffet .buffet_text p {}
	.buffet .has-image {padding-bottom: 240px;}
	.buffet .has-image img {}
	
	.char_box .char_ttl {margin-bottom: 3rem;padding: 3rem 0 2rem;}
	.char_box.char_box01 .char_ttl {padding-right: 33.333%;}
	.char_box.char_box01 .char_ttl span.number {top: 2rem;right: calc(33.333% + 2rem);}
	.char_box.char_box01 .char_ttl span.char_ttl_bg {position: absolute;top: 0;right: 0;width: 33.333%;height: 100%;background-size: cover;background-position: 50%;}
	.char_box.char_box01 .char_ttl span.char_ttl_bg {background-image: url(https://tachiken-hachinohe.com/wp-content/themes/tachiken/lib/images/reason/char_box01.jpg);}
	.char_box.char_box02 .char_ttl {padding-left: 33.333%;}
	.char_box.char_box02 .char_ttl span.number {top: 2rem;right: 2rem;}
	.char_box.char_box02 .char_ttl span.char_ttl_bg {position: absolute;top: 0;left: 0;width: 33.333%;height: 100%;background-size: cover;background-position: 50%;}
	.char_box.char_box02 .char_ttl span.char_ttl_bg {background-image: url(https://tachiken-hachinohe.com/wp-content/themes/tachiken/lib/images/reason/char_box02.jpg);}
	
	.sango-cover {padding-bottom: 1rem;}
	.sango-bg {left: -4rem;width: calc(100% + 8rem);}
	
	
	/*  page-flow
	------------------------- */
	.step-box {padding: 2rem;}
	.step-box .step-txt img {display: block;margin: 0 auto;max-width: 320px;}
	
	
	/*  page-company
	------------------------- */
	.company th,
	.company th {border-bottom: solid 1px #ccc;}
	
	
	/*  archive
	------------------------- */
	.category-list li {width: 25%;}
	
	
	/*  single
	------------------------- */
	main.single {margin-top: 64px;}
	.post-mainimg {margin: 1rem 0;padding-top: 1rem;}
	
}

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

    /*  common
	------------------------- */
	.text-lg-left {text-align: left !important;}
	.text-lg-center {text-align: center !important;}
	.text-lg-right {text-align: right !important;}
	.vertical-lg-center {vertical-align: middle;}
	.font-lg-bold {font-weight: bold;}
	.font-lg-normal {font-weight: normal;}
	.font-lg-small {font-size: 0.875rem !important;}
	.font-lg-ssmall {font-size: 0.75rem !important;}
	.font-lg-medium {font-size: 1rem !important;}
	.font-lg-large {font-size: 1.125rem !important;}
	.font-lg-llarge {font-size: 1.25rem !important;}
	.font-lg-xlarge {font-size: 1.5rem !important;}
	
	h3.mincho {font-size: 1.75rem;margin-bottom: 1em;}
	
	/*  header
	------------------------- */
	header {background: #ffee6f;}
	header.has-bg {background: #ffee6f;}
	.header-inner {justify-content: inherit;align-items: inherit;}
	
	/* logo */
	.logo {padding-left: 2rem;}
	
	/* main-nav */
	.mobile-drawer {position: relative;width: auto;height: auto;right: 0;margin: 0;margin-left: auto;padding: 0;background: none;overflow: visible;}
	
	#main-nav ul {display: flex;flex-wrap: wrap;}
	#main-nav ul li {padding: 0;border-bottom: none;}
	#main-nav ul li a {padding: 1.125rem 1rem;}
	
	#main-nav ul li.has-child-nav {position: relative;}
	#main-nav ul li.has-child-nav span {padding: 1.125rem 1rem;padding-right: 2rem;}
	#main-nav ul li.has-child-nav span::after {top: 15px;right: 0.5rem;}
	#main-nav ul.child-nav {position: absolute;top: 100%;left: 0;width: 320px;margin: 0;}
	#main-nav ul.child-nav li {width: 100%;}
	#main-nav ul.child-nav li a {padding: 1rem;}
	
	/* nav-open */
	.js-mobile-nav-open {display: none;}
	
	/*  footer
	------------------------- */
	.footer-menu > .inner {justify-content: space-between;flex-wrap: unset;margin: 0;}
	.footer-menu .menu-column {width: auto;}
	.footer-menu .menu-column dl dt,
	.footer-menu .menu-column dl dd {color: #40220f;}
	.footer-menu .menu-column dl span {display: inline-block;padding: 0.25rem 0;}
	.footer-meta .logo a img {max-width: 180px;}
	
	/*  page-common
	------------------------- */
	section {padding: 4rem 0;}

	.page_header.reason .page_ttl {}
	.page_header.reason .page_ttl h2 {font-size: 2rem;}
	.page_header.reason .page_ttl h2 span {font-size: 1.5rem;}
	
	.p-page_header .page_ttl h2 {font-size: 2.25rem;}
	.p-page_header .page_mainimg .inner::before {width: 85%;height: 240px;}
	.p-page_header .page_mainimg .inner .has-image {width: 88%;padding-bottom: 240px;}
	
	.foot-lineup_ttl {margin: 0 auto;}
	.foot-lineup_ttl::before {width: 240px;height: 240px;}
	.foot-lineup_ttl::after {width: 100vw;height: 100px;left: calc(1rem + 240px);bottom: 10px;background-repeat: repeat-x;background-size: contain;}
	.foot-lineup_ttl h3 {padding-bottom: 210px;font-size: 1.25rem;}
	.foot-lineup_ttl h3 span {left: 200px;}
	.foot-lineup_item:nth-child(1),
	.foot-lineup_logo {min-height: 240px;height: 240px;}
	.foot-lineup_logo img {width: 224px;}
	
	
	/*  media
	------------------------- */
	.image-box {margin-bottom: 3rem;}
	
	
	/*  page-front
	------------------------- */
	.home header,
	.home header.has-bg {background: #ffee6f;}

	#top-mainvisual h2 {top: auto;bottom: 100px;font-size: 2rem;text-shadow: 0px 0px 5px #fff, 0px 0px 5px #fff, 0px 0px 5px #fff;}
	
	#concept .b-grid .b-grid__itemLeft {margin-top: -150px;padding: 0;padding-right: 30%;padding-bottom: 200px;}
	#concept .b-grid .b-grid__itemLeft .inner {background: #fff;padding: 2rem;box-shadow: 0 4px 10px 0.4px rgba(0, 0, 0, 0.15);}
	#concept .b-grid .b-grid__itemRight {width: 66.666%;top: auto;bottom: 0;}
	
	.f-reason h4 {min-height: 4em;}
	
	.product {position: relative;}
	.product::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 200px;background: #fff;}
	.product .product_container {position: relative;max-width: 960px;margin: 0 auto;padding: 0 2rem;}
	.product .product_mainvisual > .inner {position: relative;display: flex;flex-wrap: wrap;align-items: center;padding: 2rem 0 2.5rem;}
	.product .product_mainvisual .product_logo {position: static;width: 40%;}
	.product .product_mainvisual .product_logo img {width: 100%;max-width: 224px;}
	.product .product_mainvisual .product_concept {position: static;width: 60%;}
	
	.product .product_body .product_contents .product_content_bottom {position: relative;}
	.product .product_body .p-img01 {width: 400px;right: 5rem;}
	.product .product_body .p-img02 {left: calc(100% - 300px);width: 300px;margin-bottom: 0;}
	.product .product_body .p-img03 {margin-top: -80px;width: 500px;margin-bottom: 5rem;}
	.product .product_body .p-txt01 {margin-bottom: 8rem;padding-top: 80px;padding-left: 0;padding-right: calc(400px + 5rem);}
	.product .product_body .p-txt02 {position: absolute;top: 128px;left: 500px;padding-left: 3rem;padding-right: 0;}
	.product .product_body .p-txt01 p,
	.product .product_body .p-txt02 p {font-size: 0.875rem;}
	.product .more a {padding: 1.25rem 4rem;}
	
	#lineup .product:nth-child(odd) .product_body .p-img01 {right: auto;left: 5rem;}
	#lineup .product:nth-child(odd) .product_body .p-txt01 {padding-right: 0;padding-left: calc(400px + 5rem);}
	#lineup .product:nth-child(odd) .product_body .p-img02 {left: 0;}
	#lineup .product:nth-child(odd) .product_body .p-img03 {left: calc(100% - 500px);}
	#lineup .product:nth-child(odd) .product_body .p-txt02 {left: auto;right: 500px;padding-right: 3rem;padding-left: 0;}
	
	
	/* product - sinkokin */
	.product .product_mainvisual .product_logo::before {width: 40%;}
	.product .product_mainvisual .product_concept::before {width: 60%;left: auto;right: 0;}
	#sinkokin.product .product_body .motif01 {width: 162px;height: 109px;top: 160px;left: 40px;}
	#sinkokin.product .product_body .motif02 {width: 366px;height: 150px;top: 10px;right: -150px;}
	#sinkokin.product .product_body .motif03 {width: 300px;height: 300px;top: 180px;left: 40%;}
	#sinkokin.product .product_body .motif04 {width: 200px;height: 200px;bottom: 100px;right: 0;}
	#sinkokin.product .product_body .motif05 {width: 200px;height: 200px;bottom: -80px;left: 0;opacity: 1;}
	
	/* product - levante */
	#levante.product .product_mainvisual .product_concept {padding: 2rem;}
	#levante.product .product_body .motif01 {width: 150px;height: 141px;top: 0;left: auto;right: 10px;}
	#levante.product .product_body .motif02 {width: 320px;height: 245px;top: 230px;left: 40%;}
	#levante.product .product_body .motif03 {width: 150px;height: 137px;top: auto;bottom: -80px;right: 0;}
	
	/* product - kinoka */
	#kinoka.product .product_body .motif01 {width: 138px;height: 258px;top: 0;left: -30px;}
	#kinoka.product .product_body .motif02 {width: 150px;height: 148px;top: 0;left: auto;right: 30px;}
	#kinoka.product .product_body .motif03 {width: 200px;height: 212px;top: 260px;right: 40%;}
	#kinoka.product .product_body .motif04 {width: 300px;height: 170px;bottom: -130px;left: auto;right: 0;}
	
	/* product - ciao */
	#ciao.product .product_mainvisual .product_concept {padding: 2rem;}
	#ciao.product .product_body .motif01 {width: 150px;height: 205px;top: 16px;right: auto;left: 0;}
	#ciao.product .product_body .motif02 {width: 240px;height: 222px;top: 230px;right: 16px;}
	#ciao.product .product_body .motif03 {width: 200px;height: 280px;top: auto;bottom: -80px;left: -50px;}
	
	/* product - rocky */
	#rocky.product .product_mainvisual .product_concept {padding: 2rem;}
	#rocky.product .product_body .motif01 {width: 300px;height: 276px;top: 200px;left: -20px;}
	#rocky.product .product_body .motif02 {width: 170px;height: 224px;top: 250px;right: 35%;}
	#rocky.product .product_body .motif03 {width: 190px;height: 203px;top: 0;left: auto;right: 50px;}
	#rocky.product .product_body .motif04 {width: 240px;height: 172px;top: auto;bottom: -80px;left: -50px;}
	#rocky.product .product_body .motif05 {width: 200px;height: 206px;bottom: -140px;left: auto;right: 30px;}
	
	.flow_btn > .inner {padding-top: 1.5rem;padding-left: 1.75rem;padding-bottom: 50px;}
	.flow_btn > .inner::before {height: 195px;}
	.flow_btn > .inner::after {height: 40px;}
	.flow_btn h3 {font-size: 1.75rem;}
	.flow_btn span {padding-right: 2rem;}
	
	
	/*  page-lineup
	------------------------- */
	.p-lineup_header {height: 500px;}
	.p-lineup_header h2 img {max-width: 400px;}
	.p-lineup_ttl h2 span {font-size: 2.5rem;}
	.p-lineup_ttl p {font-size: 1.25rem;}
	.p-lineup-widecontent {padding-top: 6rem;padding-bottom: 7rem;}

	.p-lineup-widecontent::before {
	    background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);
	    background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
	    background: linear-gradient(to right, rgba(255, 255, 255, 0.95) 0%,rgba(255, 255, 255, 0.95) 50%,rgba(255,255,255,0) 100%);
	    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
	}
	
	.row-lg-stagger {margin-top: -180px;}
	.col-lg-absolute {position: absolute;top: 50%;left: 0;width: 58.333%;max-width: none;height: auto;margin: 0;-webkit-transform: translate(0%,-50%);-ms-transform: translate(0%,-50%);transform: translate(0%,-50%);z-index: 1;}
	.col-lg-absolute p {text-shadow: 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff;}
	
	.spec-table th,
	.spec-table td {min-width: 6em;}
	
	/*  page-reason
	------------------------- */
	.page_header.reason {height: 33.333vw;}
	.buffet .buffet_content {position: relative;}
	.buffet .buffet_text {position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;padding: 2rem 0;width: 40%;z-index: 1;}
	.buffet .buffet_text h4 {text-align: center;}
	.buffet .buffet_text p {text-align: center;font-weight: bold;line-height: 2.1;}
	.char_box.char_box01 .char_ttl {padding-right: 0;padding: 5rem 0 4rem;}
	.char_box.char_box02 .char_ttl {padding-left: 0;}
	.char_box .char_ttl span.ttl {margin-bottom: 2rem;}
	.char_box .char_ttl h3 {font-size: 1.75rem;margin-bottom: 1em;}
	.char_box.char_box01 .char_ttl span.number {right: calc(40% + 2rem);}
	.char_box.char_box01 .char_ttl span.char_ttl_bg {width: 40%;}
	.char_box.char_box02 .char_ttl span.char_ttl_bg {width: 40%;}
	.standard-cover .standard-box {width: 33.333%;}
	.standard-cover .standard-box:nth-child(odd) {padding: 0 0.5rem;}
	.standard-cover .standard-box:nth-child(even) {padding: 0 0.5rem;}
	.b-grid.p-grid .b-grid__itemLeft {padding-top: 7rem;margin-left: calc((100vw - 960px) / 2);}
	.sango-cover {padding-bottom: 3rem;margin-bottom: 5rem;}
	.sango-bg {left: calc(-1 * (100vw - (960px - 4rem)) / 2);width: 100vw;}
	.reason_link a {font-size: 1.125rem;padding: 2.5rem 1rem;}
	
	
	/*  page-flow
	------------------------- */
	.step-box {display: flex;flex-wrap: wrap;padding: 1rem;}
	.step-box .step-number {width: 240px;margin: 0;padding: 1rem;border-bottom: none;border-right: solid 1px #ccc;}
	.step-box .step-txt {width: calc(100% - 240px);padding: 1rem;padding-left: 2rem;}
	.step-box .step-txt .more {margin: 0;text-align: right;}
	.step-box .step-txt.has-img {display: flex;flex-wrap: wrap;}
	.step-box .step-txt.has-img p {width: calc(100% - 240px);}
	.step-box .step-txt.has-img img {display: inline-block;width: 240px;margin-right: -2rem;margin-top: -2rem;margin-bottom: -2rem;}
	.qa-box dl dt {padding: 1.5rem;padding-left: 3rem;}
	.qa-box dl dt::before {font-size: 1.5rem;top: 1rem;}
	.qa-box dl dd {padding: 1.5rem;padding-left: 3rem;}
	.qa-box dl dd::before {font-size: 1.5rem;top: 1rem;}


	/*  archive-works
	------------------------- */
	.works_ttl {}
	.works_ttl h4 {}
	
	main .archive-works {display: block;margin: 0;}
	.work-box {padding: 3rem 0;}
	.work-box:nth-child(odd) {}
	.work-box .container > .inner {margin-right: calc(-1 * (100vw - 960px));}
	.work-box .work-txt {width: 320px;order: 1;}
	.work-box .work-txt .work_ttl {margin-bottom: 2rem;}
	.work-box .work-txt .work_ttl h4 {}
	.work-box .work-txt .work_ttl .date {}
	.work-box .work-txt p {}
	.work-box .work-gallery {width: calc(100% - 320px);margin-right: -380px;}
	#works_slider {}
	#works_slider .swiper-container {}
	#works_slider .gallery_img {width: 320px;}
	#works_slider .swiper-scrollbar {margin-left: 0;}
	#works_slider .swiper-scrollbar .swiper-scrollbar-drag {}
	#works_slider .gallery_img .has-image {}
	#works_slider .gallery_img .has-image img {}
	.work-box .more {}
	.work-box .more a {}
	
	
	/*  single
	------------------------- */
	.post-mainimg {padding-top: 2rem;}


	/*  single-work
	------------------------- */
	.thumblist .thumblist-item {width: 16.666%;}


}

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

	.foot_inner {display: flex;flex-wrap: wrap;}
	.footer-menu {width: calc(100% - 300px);}
	.footer-menu > .inner {flex-wrap: unset;}
	.footer-menu .menu-column {width: auto;padding: 0;padding-right: 3rem;}
	.footer-meta {width: 300px;}
	.footer-meta .logo {text-align: right;}
	.footer-meta p {text-align: right;}

	#concept .b-grid .b-grid__itemLeft {padding-bottom: 280px;}
	.product .product_container {max-width: 1130px;}
	.flow_btn > .inner::before {height: 232px;}

	.buffet .buffet_text {padding: 3rem 0;}
	.b-grid.p-grid .b-grid__itemLeft {padding-top: 7rem;margin-left: calc((100vw - 1130px) / 2);}
	.sango-bg {left: calc(-1 * (100vw - (1130px - 4rem)) / 2);}

	.work-box .container > .inner {margin-right: calc(-1 * (100vw - 1130px));}

}
@media screen and (min-width: 1400px) {}
@media screen and (min-width: 1600px) {}
@media screen and (max-width: 320px) {}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {}