/*
Theme Name: 工房スミス
*/
body {
    font-family:'Noto Sans JP';
    font-size: 14px;
    color:#595959;
    background: #fff;
    line-height: 1.8;
    letter-spacing: 2px;
    word-wrap: break-word;
}
.sp {display:none;}
.spbr {display:block;}
/*リンク*/
a {color:#a58260;}
/*見出し*/
h1,h2,h3,h4,h5 {color: #595959;}
h1 {
    font-size: 10px;
    font-weight: normal;
    color: #595959;
    margin-bottom: 20px
}
h2 {
    font-size: 24px;
    font-weight: normal;
    text-align: center;
    line-height: 1.9;
    font-family: "游明朝", "YuMincho","ヒラギノ明朝", serif;
}
h2.page-title {margin-bottom: 40px}
h2.toph2 {font-size: 15px;font-weight: bold;}
h3 {font-size: 16px;margin: 0px 0 20px;}
h4 {font-size: 15px ;font-weight: normal;}
h5 {font-weight: bold;}
p {line-height: 1.5}
.sfont {font-size: 13px;}




/*パンくずリスト*/
.breadcrumbs {
    margin: 15px 0 0 20px;
    font-size: 10px;
    position: absolute;
    color: #969696;
    z-index: 10;
}
.breadcrumbs a{color:#969696;}

.breadcrumbs ol {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.breadcrumbs ol li {
  display: inline-block;
}

.breadcrumbs ol li:not(:first-child)::before {
  content: '\003e';
  margin-right: 5px;
}

/*リスト・テーブル*/
td,th {font-weight: normal;padding: 5px 10px;border: solid 1px #ddd}
th {background: #f6f6f6;}

/*カラム設定*/
.fbox {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.fb-center {justify-content: center;}
.fb-between {justify-content: space-between;}
.container {width: 1024px;padding: 0;margin:0 auto;}
.con-m {max-width: 750px;margin: 0 auto}
.page-area {margin: 30px auto 60px;}
.floatl {float:left;}
.floatr {float:right;}
.l-column {width:73%;margin: 30px 0 50px ;}
.r-column {width: 25%;padding-bottom: 15px;margin: 30px 0 0 ;}
.r-column img {width: 100%;}
.flat {width:100%;}
.page-area h2{padding-top: 20px;}
.sp-cta-area {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    position: fixed;
    bottom: 30px;
    opacity: 0;
    transition: all 0.6s ease-in 0.4s;
    transform: translateY(20px);
    z-index: 15;
    width: 320px;
    right: 30px;
}
.sp-cta {
    width: 100%;
    text-align: center;
    background: #59493f;
    border-radius: 5px;
    height: 100px;
    box-shadow: 0 0 10px #ccc;
    line-height: 1.5;
}
.fa-calendar-alt {
    font-size: 38px;
    position: relative;
    top: 7px;
}
.sp-cta a{color: #fff;text-decoration: none;display: block;padding: 23px 0}
.scrollin .sp-cta-area{opacity: 1;transform: translateY(0);}

/*ヘッダー*/
header {padding: 20px 20px 25px;}
.logo {width: 15%}
.logo h1{
    font-size: 11px;
    display: inline-block;
    line-height: 1.4;
    margin-left: 10px;
}
.logo img {
    position: relative;
    top: -6px;
    width: 134px;
}

/*ナビメニュー*/
@media (min-width: 835px) {
    .nav_add {width: 85%;margin-top: -10px;}
    .nav_add ul {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .nav_add li{
        padding: 5px 10px 0;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .nav_add li a{
        text-decoration: none;color: #595959;
        letter-spacing: 1px;
    }
}

@media (min-width: 1400px) {
  .nav_add li {
    padding-left: 13px;
    padding-right: 13px;
  }
  .nav_add li a {
    letter-spacing: 2px;
  }
}

/*メニュー*/
.sp-btn {display:none;}
.nav {width:100%;}
.nav-area {
    overflow-y: scroll;
    height: 100%;
    margin-top: 90px;
    margin-left: 60px;
    padding-bottom: 100px;
}
nav {
    width: 460px;
    height: 100%;
    transition: all 0.2s;
    transform: translate(100%);
    position: fixed;
    top: 0;
    right: 0;
    z-index: 20;
    background-color: #FFF!important;
}
nav.open {transform: translate(0); }
/*   ボタンタグ設定   */
.sp-btn {
    width: 30px;
    color: #595959;
    cursor: pointer;
    text-align: center;
    position: fixed;
    right: 0;
    top: 18px;
    z-index: 100;
    margin-left: auto;
    margin-right: 20px;
}
/*   ハンバーガーボタン3本線   */
 span.bar {
    display: block;
    height: 1px;
    background-color: #595959;
    margin: 10px 0;
    transition: all 0.2s;
    transform-origin: 0 0;
}

/*  メニューアクティブ時  */
.active span.bar {width: 32px;}
.active .bar1 {transform: rotate(45deg);width: 31px;}
.active .bar2 {opacity: 0;}
.active .bar3 {transform: rotate(-45deg);margin-left: -1px;}

.sp-btn {top: 15px;}
.navbar-nav {padding-left: 20px;}
.navbar-inverse .navbar-nav>li {
    font-size: 15px;
    letter-spacing: 3px;
    background: url(/wp/wp-content/uploads/2018/10/menu-list.png)no-repeat;
    background-size: 7px;
    background-position-y: 4px;
    padding-left: 12px;
    margin-bottom: 10px;
}
.navbar-inverse .navbar-nav>li>a{
    color: #595959;
    text-decoration: none;
/*    font-family: 'Spectral', serif;*/
}
.sub-menu {margin: 10px 0px 55px;}
.sub-menu li{
    float: left;
    width: 45%;
    font-size: 12px;
    letter-spacing: 1px;
    margin-bottom: 10px;
}
.sub-menu li a{text-decoration: none;color: #999;}

/*メインビジュアル*/
.main-v {margin: 0 auto;}
.slides img {height: 500px!important;object-fit: cover;}


.information {
    border: solid 3px #dadada;
    padding: 20px 60px;
    color: #7d7d7d;
    width: 90%;
    max-width: 720px;
    margin: 0 auto 50px;
}
.info-title {text-align: center;margin-bottom: 20px;}

.pickup-area {
    background: #f4f1ed;
    padding: 50px 0;
    margin: 50px 0;
}
.pickup-title {
    text-align: center;
    font-size: 21px;
    margin: -70px auto 50px;
    display: block;
}
.pickup-title::before {
    content:"";
    display: inline-block;
    height: 1px;
    width: 50px;
    background: #595959;
    position: relative;
    top: -6px;
    margin-right: 10px;
}
.pickup-title::after {
    content:"";
    display: inline-block;
    height: 1px;
    width: 50px;
    background: #595959;
    position: relative;
    top: -6px;
    margin-left: 10px;
}
.pickup-tx {padding: 15px;height: 150px;color:#595959;line-height: 1.5;}
.pickup-tx-title {color: #e78b31;margin-bottom: 10px}
.pickup a {text-decoration: none;}
.slick-list {height: 365px;}
.slick-track {background: none;}
.slick-slide {
    margin: 0 10px;
    background: #fff;
    box-shadow: 0 0 10px #ccc;
    border-radius: 10px;
}
.slick-dots li button:before {font-size: 10px;}
.pickup img{width: 100%;border-radius: 10px 10px 0 0;}

.topic {
    width: 560px;
    margin:0 auto 80px;
    border: solid 1px #b5b5b5;
    padding: 20px;
}
.topic-area h3{font-size: 15px;margin: 10px 0 10px;}
.topic-area {
    width: 100%;
    font-size: 8px;
    margin-right: 3%;
    padding: 30px 0 0 35px;
}
.topic-title {color:#faa69c;font-size: 10px;}
.topic-img {width: 100%}
.topic-img img {width: 100%}
.topic-tx {
    font-size: 15px;
    margin: 15px 0 0;
    letter-spacing: 0;
    line-height: 1.5;
}
.topic-btn {
    background: #333;
    width: 50%;
    text-align: center;
    margin: 25px auto 15px;
    font-size: 10px;
    letter-spacing: 0;
}
.topic-btn a{color: #fff;padding: 9px 0 10px;display: block;text-decoration: none}
.circle-area {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 560px;
    margin: 30px auto;
}
.circle {
    width: 180px;
background: rgb(250,146,137); /* Old browsers */
background: -moz-linear-gradient(45deg, rgba(250,146,137,1) 0%, rgba(254,198,127,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, rgba(250,146,137,1) 0%,rgba(254,198,127,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, rgba(250,146,137,1) 0%,rgba(254,198,127,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fa9289', endColorstr='#fec67f',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
border-radius: 50%;
height: 180px;
text-align: center;
padding: 3px;
font-size: 18px;
font-weight: bold;
}
.circle2 {
    width: 247px;
    font-family: "游明朝", "YuMincho","ヒラギノ明朝", serif;
    text-align: center;
    padding: 3px;
    font-size: 31px;
    font-weight: bold;
}

.tgra {background: -webkit-linear-gradient(0deg, #FA9289, #FEC67F);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;}
.batu {
    position: relative;
    width: 30px;
    height: 30px;
    margin: 12px 19px 0 8px;
}

.batu::before,
.batu::after {
  position: absolute;
  top: 50%;
  left: 0;
  content: "";
  display: block;
  width: 30px;
  border-top: 2px solid #939393;
}
 
.batu::before {
  transform: skewY(-45deg);
}
 
.batu::after {
  transform: skewY(45deg);
}
.top-subtitle {
    text-align: center;
    margin: 10px 10px 25px;
    font-size: 14px;
}


.top-option {
    width: 48%;
    margin-right: 2%;
    margin-bottom: 3%;
}
.top-option:nth-child(2n) {margin-right: 0;}
.top-option img{
    width: 100%;
    margin-bottom: 20px
}
.top-option-img img {
    width: 100%;
    margin: 20px 0;
}

/*タイトル*/
.title-tx {
    text-align: center;
    margin: 30px auto 50px;
}
.top-title-tx {
    text-align: center;
    width: 70%;
    margin: 0 auto;
    margin: 30px auto 50px;
}
.top-title-tx img{
    width: 50%;
    margin: 20px 0 0;
}
.course-title-tx {
    text-align: center;
    width: 100%;
    margin: 0 auto;
    margin: 30px auto 50px;
}
.enh2 {
    font-family: "braisetto";
    font-size: 75px;
    display: block;
    line-height: 1;
}
.jph2 {
    font-size: 18px;
    margin-top: 5px;
    margin-bottom: 15px;
    display: block
}
.jph3{
	font-size: 16px;
	text-align: center;
	font-weight: normal;
	line-height: 1.9;
    display: block;
    margin-bottom: 50px;
}
.enh2-page {
    font-family: "braisetto";
    font-size: 70px;
    display: block;
    line-height: 1;
}
.jph2-page {
    font-size: 18px;
    margin-top: 10px;
    margin-bottom: 40px;
    display: block
}
.tenpo-en {
    font-family: 'Spectral', serif;
    font-weight: normal;
    font-size: 17px;
    letter-spacing: 2px;
    text-align: center;
    display: block;
}
.tenpo-jp {
    font-size: 15px;
    display: block;
    margin: -6px 0 10px;
    font-weight: normal;
}
.top-price-tx {
    margin: 15px 0;
    font-size: 18px;
}
.price-rei {text-align: center}
.top-price-area {
    width: 70%;
    margin: 0 auto
}
.content-link {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
}

.content-menu {margin: 40px 0;}
.instagram {text-align: center;margin: 40px 0 60px;}
.instagram img{width:503px;}
.tenpo-area {margin: 50px auto;width: 614px;}
.tenpopage-img {margin-bottom: 30px}
.tenpopage-img img{width: 40%;display: block;margin: 0 auto}
.h2-subtitle {text-align: center;margin: 10px 0 30px;font-size: 24px;}
.sub-title {
    text-align: center;
    padding: 8px 0 6px;
    font-size: 14px;
    color: #a58260;
    font-family: "游明朝", "YuMincho","ヒラギノ明朝", serif;
}
.sub-title h3 {font-size: 21px}
.ring-more {
    border: solid 1px #a58260;
    text-align: center;
    font-size: 12px;
    line-height: 1.5;
    width: 180px;
    margin-right: 5%;
}
.ring-more a{display: block;padding: 5px 0;text-decoration: none;}
.kouhou-box {width: 560px;margin: 0 auto;}
.kh-title {
    font-size: 21px;
    margin: 0 auto 20px;
    font-family: "游明朝", "YuMincho","ヒラギノ明朝", serif;
    background: rgba(154, 121, 90, 0.87);
    color: #fff;
    padding: 45px;
    width: 48%;
    position: relative;
    top: -80px;
    margin-bottom: -40px;
}
.kh-title div{
    text-align: center;
    margin-top: -75px;
    font-size: 32px;
    margin-bottom: 20px;
}
.kh-title2 {
    font-size: 21px;
    text-align: center;
    margin: 30px auto;
    font-family: "游明朝", "YuMincho","ヒラギノ明朝", serif;
}
.kh-titlesub {margin-bottom: 20px;}
.kh-title2 img{width: 100%}
.kouhou-area {
    margin: 0 auto;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 50px;
}
.kouhou {width: 46%;margin-right: 8%;margin-bottom: 20px}
.kouhou-area .kouhou:nth-child(2n) {margin-right: 0;}
.kouhou h4{
    font-weight: bold;
    font-size: 14px;
    margin: 15px 0;
    padding-bottom: 5px;
}
.kouhou-title {
    background: #a58260;
    text-align: center;
    color: #fff;
}
.kouhou img {width: 100%;height: 149px;object-fit: cover;}
.sample-btn {
    /*
    border: solid 1px #a58260;
    text-align: center;
    font-size: 12px;
    line-height: 1.5;
    width: 180px;
    margin: 15px auto 0;
    */
    display: table;
    border: solid 1px #a58260;
    text-align: center;
    font-size: 12px;
    line-height: 1.5;
    min-width: 180px;
    margin: 15px auto 0;
    padding-left: 10px;
    padding-right: 10px;
}
.sample-btn a{
    padding: 5px 0;
    display: block
}
.sozai-area {
    background: #f4f1ed;
    padding: 50px 0;
    margin-bottom: 50px;
}
.sozai-btn-area {margin: 40px 0}
.sozai-btn {
    /*
    width: 35%;
    text-align: center;
    border: solid 1px #a58260;
    margin: 20px auto 0;
    */
    display: table;
    min-width: 35%;
    text-align: center;
    border: solid 1px #a58260;
    margin: 20px auto 0;
    padding-left: 10px;
    padding-right: 10px;
}
.sozai-btn a{color: #a58260;display: block;padding: 6px 0;}


.btn-casual {
    text-align: center;
    border:double 5px #a58260;
    width: 30%;
    margin: 0 auto 50px;
}
.btn-casual a{
    display: block;
    padding: 10px;
}


/*トップギャラリー*/
.gallery-bg {background: #f4f1ed;padding: 50px 0;}
.gallery-top ul {}
.gallery-top li {margin-bottom: 20px;width:32%;margin-right: 2%;float: left ;}
.gallery-top li:nth-child(3n) {margin-right: 0;}
.title-area {margin-top: 10px;line-height: 1.4;}
.title-area h4{font-size:14px;letter-spacing: 0}
.title-area a{color: #595959;text-decoration: none;}
.top-ichiran {width: 121px;clear: both;padding: 40px 0 0;margin: 0 auto;}
.top-ichiran img{width: 100%}
.top-gallery-thum {width: 130px;float: left}
.top-gallery-thum>a { display: block; max-height: 130px; overflow: hidden; }
.top-gallery-tx {float: right;width: 57%;}
.cat {
    color: #a58260;
    font-size: 10px;
    border: solid 1px #a58260;
    border-radius: 3px;
    margin-right: 5px;
    display: inline-block;
    padding: 0 3px;
}
.tenpo-tx {
    text-align: left;
	font-size: 12px;
    line-height: 1.8;
    margin-top: 7px;
}
.freetel {font-size: 10px}


/*コンテンツカラム*/
.colum2 li {
    float: left;
    width:49%;
    margin: 0 0 30px;
    margin-right: 2%;
    background: #fff;
    padding:20px;
}
.colum2 li:last-child {margin-right: 0;}
.colum3 li {
    float: left;
    width:32%;
    margin: 0 0 30px;
    margin-right: 2%;
    background: #fff;
    padding:20px;
}
.colum3 li:last-child {margin-right: 0;}
.colum4 li {
    float: left;
    width:23.5%;
    margin: 0 0 30px;
    margin-right: 2%;
    background: #fff;
    padding:20px;
}
.colum4 li:last-child {margin-right: 0;}
.content {background: #fff;padding:20px;margin: 0 0 30px;}


.fbox {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.fb-center {justify-content: center;}
.fb-between {justify-content: space-between;}
/*カラムflexbox2*/
.item2 {
    border-radius: 10px;
    margin-right: 2%;
    text-align: center;
    width: 49%;
    margin-bottom: 20px;
}
.flexbox2 {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.flexbox2 div:nth-child(2n){margin-right: 0;}
    /*カラムflexbox6*/
.item6 {
    box-sizing: border-box;
    margin-right: 2%;
    text-align: center;
    width: 15%;
    margin-bottom: 20px;
    border: 3px double #888;
}
.item6 a {
  display: block;
  padding: 35px 0 10px;
  line-height: 1;
  font-size: 10px;
  color: #888;
  text-decoration: none;
  letter-spacing: 1px;
  background-position: center 10px;
  background-repeat: no-repeat;
  background-size: auto 18px;
}
.item6 a.about {
  background-image: url("images/txt-about.png");
}
.item6 a.selfmade-ring {
  background-image: url("images/txt-selfmade-ring.png");
}
.item6 a.after-care {
  background-image: url("images/txt-after-care.png");
}
.item6 a.price {
  background-image: url("images/txt-price.png");
}
.item6 a.voices {
  background-image: url("images/txt-voices.png");
}
.item6 a.blog {
  background-image: url("images/txt-blog.png");
}
.item6 img{width: 100%;}
.flexbox6 {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.flexbox6 div:nth-child(6n){margin-right: 0;}
.content-link div:nth-child(2n){margin-right: 0;}
    /*カラムflexbox5*/
.item5 {
    border-radius: 10px;
    margin-right: 2%;
    text-align: center;
    width: 18.4%;
    margin-bottom: 20px;
}
.item5 img{width: 100%;}
.flexbox5 {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.ftenpo {
    border-radius: 10px;
    margin-right: 4%;
    text-align: center;
    width: 188px;
    margin-bottom: 40px;
}
.ftenpo img{width: 100%;}
.ftenpo:nth-child(3n) {margin-right: 0}


/*カラムflexbox3*/
.item3 {
    border-radius: 10px;
    background: #edf;
    padding: 15px;
    margin-right: 2%;
    text-align: center;
    width: 32%;
    margin-bottom: 20px;
}
.flexbox3 {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.flexbox3 div:nth-child(3n){margin-right: 0;}
/*カラムflexbox4*/
.item4 {
    border-radius: 10px;
    background: #edf;
    padding: 15px;
    margin-right: 2%;
    text-align: center;
    width: 23.5%;
    margin-bottom: 20px;
}
.flexbox4 {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.flexbox4 div:nth-child(4n){margin-right: 0;}
.item2 img,.item3 img,.item4 img {width: 100%;}


/*コンタクト*/
.contact {width: 550px;margin: 0 auto 60px}
.invisible{display:none;}
select {
    height: 30px;
    border: 1px solid #cccccc;
    margin: 0px 0px 10px 5px;
    width: 42%;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {color: #494949; text-align: center !important; background: none #ffffff;}
label {display: block;font-weight: normal;float: left;margin-right: 15px}
label.error {float: none;color: #ff0000;}
input[type="text"],input[type="tel"],input[type="email"]{}
input[type="text"],input[type="tel"],input[type="email"],input[type="password"], textarea{
    vertical-align:middle;
    line-height:30px;
    height:30px;
    padding:1px 5px;
    border:1px solid #d4d4d7;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    font-size:100%;
    color:#555;
    background:#fcfcfc;
    width: 40%;
    font-size: 16px ;
}
textarea{height:auto;line-height:1.5;width: 100%}
input[type="submit"],input[type="reset"],input[type="button"] {
    padding: 12px 0px 12px;
    background: #a58260;
    border: 0;
    font-size: 120%;
    color: #fff;
    border-radius: 50px;
    margin: 0 auto;
    width: 200px;
}
input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover{}
*:first-child+html input[type="submit"]{padding:3px;}
input.hasDatepicker {width: 25%}
input.addr {width: 60%}
input.error,textarea.error {background: #ffcccc;}
.contact1 {margin: 10px 0}
.contact2 {margin: 10px 0 30px}
.chuui {
    height: 300px;
    overflow-y: scroll;
    margin: 30px 0;
    padding: 0 30px 30px;
    background: #fbfbfb;
}
::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}
::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    box-shadow: 0 0 1px rgba(255,255,255,.5);
}

.send-btn {text-align: center;}
.chuui-title {text-align: center;margin: 30px 0}
.doui-btn {text-align: center;margin: 20px 0;}
span.hissu {
    background: #d70000;
    color: #fff;
    font-size: 10px;
    padding: 3px;
}
span.nini {
    background: #6f6f6f;
    color: #fff;
    font-size: 10px;
    padding: 3px
}
input.digits {width: 50px;}
input.digits {width: 60px;}
.thanks {
    text-align: center;
    font-size: 15px;
    margin-bottom: 30px;
}

/*searchsubmit*/
#s {width:70%;}
#searchsubmit {padding: 8px 10px 5px;padding: 5px 10px 2px;font-size: 100%;}


.con-tel-area {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 40px;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
}
.con-tel-area div:last-child {margin-right:0;}
.con-tel {
    width: 22.25%;
    text-align: center;
    background: #a58260;
    margin-right: 1%;
    padding: 6px 0 3px;
    font-size: 11px;
    letter-spacing: 1px;
}
.con-tel a{color:#fff;display:block;text-decoration:none;}
.contact-icon {
    font-size: 35px;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 20px;
    align-items: center;
    justify-content: center;
}
.c-icon {text-align: center;color: #a58260;margin-right: 30px;}
.contact-icon .c-icon:last-child {margin-right:0;}
.icon-tx {font-size:12px;}


/*サイドバー*/
.login {background: #fff;padding: 10px;border: solid 5px #eee;margin-bottom: 10px;}
.login h3 {text-align: center;padding: 10px 0 0;}
.login-btn {text-align: center;}
.wp-side {background: #fff;padding: 10px;margin-bottom: 10px;}
.wp-side h3{margin: 0px 0 10px;padding: 10px 0 0;}
.wp-side section {margin-top: 10px;}
.wp-side section:first-child {margin-top: 0;}
.side-link {background: #fff;padding: 10px;}
.side-link h3{margin: 30px 0 15px;font-size: 18px;}
.side-link h3:first-child{margin: 10px 0 15px;font-size: 18px;}
.side-bnr {margin-bottom: 15px;}

/*フッター*/
.to-top {text-align: center;margin: 30px 0 20px}
.to-top img {width: 21px;}
.to-top a {font-family: 'Spectral', serif;font-weight: normal;text-decoration: none;color: #595959;}

footer {
    background:#f4f1ed;
    padding:40px 0 10px;
}
.footer-link {text-align: center;margin-bottom: 30px}
.footer-link a{text-align: center;text-decoration: none;color: #595959;}
footer h4 {font-family: 'Spectral', serif;font-weight: normal;font-size: 14px}
.footer-nav {margin-bottom: 50px;}
.footer-logo img{margin-bottom: 20px;}
.footer-nav ul{padding-left: 0;}
footer li {float: left;}
footer li a{color: #fff;margin-right: 33px;}
.copyright {
    text-align: center;
    clear: both;
    margin-top: 40px;
    font-size: 10px;
}
.footer-sns {display: none;}
/*ニュース一覧ページ*/
.post {margin: 0px auto 0;width:550px;}
.post img {max-width:550px;height: auto;}
/*ブログ*/
.blog-m {margin-bottom: 0}
h4.blog {display: inline-block!important;}
.tlink a {color: #595959!important;text-decoration: none!important;}
.date {display: inline-block;color: #aaa;font-size: 11px;letter-spacing: 1px;margin-left: 10px}
.date a{color: #595959!important;text-decoration: none!important;}
.blog-thum {float: left;}
.blog-thum img{height: 65px;object-fit: cover;}
.blog-title-area {float: right;width: 85%;line-height: 1.7;}
.post li {
    margin: 30px 0;
    border-bottom: solid 1px #eee;
    padding: 0px 0 20px;
}
.post-time{text-align: center ;margin-bottom: 40px;}
.pagelist {text-align: center;margin-top: 40px;}
.wp-pagenavi {padding-top: 30px}
.wp-pagenavi a, .wp-pagenavi span {border: none!important;padding: 5px 7px!important;margin: 2px 7px!important;}
.wp-pagenavi span.current {color: #a58260;}
.nextpostslink img {width: 8px!important;}
.previouspostslink img {width: 8px!important;}


/*ムービー*/
.movie {
    width: 503px;
    margin: 50px auto 60px;
}
.movie iframe{height: 220px}

/*下層ページ*/
.back-btn {width: 121px;margin: 50px auto 0px;}
.back-btn img{width: 100%}
.pageh1 {float: right;margin: 15px 45px 0 0;}
.main-page {margin-bottom: 50px;}
.main-page img{width: 100%;height: 350px;object-fit: cover;}
.main-v {margin-bottom: 10px;}
.main-v img{width: 100%;height: 550px;object-fit: cover;object-position: 0;}
.main-page-tenpo {width: 740px;margin: 0 auto 10px; padding-top:30px; }
.main-page-tenpo img{width: 100%;height: auto;}
.titleh3-en {
    font-family: "braisetto";
    font-size: 60px;
    line-height: 1;
    font-weight: normal;
    color: #a58260;
    transform: rotate(-10deg);
    -webkit-transform: rotate(-10eg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    text-align: center;
    margin-top: 50px;
    margin-left: -110px;
}
.titleh3-jp {
    font-size: 16px;
    font-weight: normal;
    text-align: center;
    margin: 0px 0 60px 0px;
    font-family: "游明朝", "YuMincho","ヒラギノ明朝", serif;
}
.page-content {width:550px;margin: 0 auto 0px;}
    
.page-content h3{
    font-size: 16px;
    margin: 70px 0 20px;
    padding: 0;
    text-align: center;
    font-weight: normal
}
.page-content h4{
    font-size: 13px;
    margin: 30px 0 0px;
    padding: 0;
    font-weight: bold;
}
.course-img {width: 404px;margin: 40px auto}
.course-img img{width: 100%;}
.course {width:333px;}
.course h4{
    font-size: 15px;
    color: #a58260;
    text-align: center;
    letter-spacing: 0.5px;
    font-weight: normal ;
}
.course-tx {margin-bottom: 50px;}
.page-content img{width: 100%;}
.border {border-top:solid 1px #ededed;}
.yoyaku-btn {width: 100px;margin: 30px auto 0px;}

.tenpo {width:333px;}
.tenpo h4{
    font-size: 15px;
    color: #a58260;
    text-align: center;
    letter-spacing: 0.5px;
    font-weight: normal ;
    margin: 0 0 10px;
    line-height: 1.5;
}
.tenpo-info {width: 370px;margin: 0 auto}
.yoyaku-btn img{width: 100%;}
.map {width: 49%;float: left;}
.access {width: 780px;margin: 0 auto 50px;}
.access-tx {float: right;width: 49%}
.tenpo-course {margin: 50px auto 40px}
.tenpo-info a {color:#595959;}
.tenpo-info i.fab.fa-line,
.tenpo-info i.fab.fa-twitter,
.tenpo-info i.fab.fa-facebook-f,
.tenpo-info i.fab.fa-instagram {margin-right: 5px;font-size: 35px;margin-top: 10px}

/*アバウトスミス*/
.follow-title-area {margin-bottom: 10px}
.follow-title-icon {width:30px;display: inline-block}
.follow-title-icon img{width:100%;}
.follow-title {
    display: inline-block;
    font-size: 15px;
    color: #a58260;
    position: relative;
    top: -2px;
    left:3px
}    
.follow-img img{width: 100%;}
.follow-tx {margin-top: 15px}
.follow li{
    float: left;
    width:32%;
    margin-right: 2%;
    margin-bottom: 50px
}
.follow li:nth-child(3n) {margin-right: 0;}

.follow-title-area-2 {margin-bottom: 10px}
.follow-title-icon-2 {width:30px;position: absolute;left: 0;}
.follow-title-icon-2 img{width:100%;}
.follow-title-2 {
    font-size: 15px;
    color: #a58260;
    text-align: center;
    margin-bottom: 10px;
    margin-top: 50px;
}    
.follow-img-2 {text-align: center;margin: 10px 0 35px;}
.follow-img-2 img{width: 70%;}
.follow-tx-2 {margin-top: 15px;position: relative;padding-left: 40px;}
.item-box {width: 48%;margin-right: 4%;margin-bottom: 4%}
.item-box:nth-child(2n) {margin-right: 0;}
.item-img img{width: 100%}
.item-tx {line-height: 1.5;margin-top: 5px;}
    
/*ギャラリー一覧*/
.gallery-page {margin-bottom: 60px}
.gallery-page li {margin-bottom: 20px;width:32%;margin-right: 2%;float: left ;}
.gallery-page li:nth-child(3n) {margin-right: 0;}
.galleries-cat {
    text-align: center;
    margin: 0px 0 20px;
    border-top: solid 1px #ededed;
    padding-top: 30px;
    color:#c2c2c2;
    font-size: 14px
}
.galleries-cat a {color:#c2c2c2;}
a.select {color:#a58260;}
.ring-img {
    height: 550px;
	text-align: center;
	width: 100%;
    /*    margin-bottom: 40px;*/    /* ★ */
    margin: 0 auto 40px;        /* ★ */
}
.bx-wrapper img {height: 550px;object-fit: cover;}
.bx-wrapper {
    max-width: 100%!important;
    width: 100%;
    position: absolute;
    box-shadow: none!important;
    border: 0!important;
    background: none!important;
    position: static!important;
}
.bx-wrapper .bx-pager {bottom: auto!important;padding-top: 0px!important;width: 100%!important;}
.bx-wrapper .bx-pager.bx-default-pager a {background: #ddd!important;}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus {background: #aaa!important;}
.detail {margin: 20px 200px;}
.spec {width: 400px;margin: 60px auto 0;}
.spec table {width: 100%;}
.spec td,.spec th{border: none;border-bottom: solid 1px #ddd;padding: 10px 0;}
.price-info {margin-top: 60px}
.price-img img{width: 50%;margin: 15px auto 50px;display: block;}
.back,.next {display: none;}
.bx-prev, .bx-next {display: none;}
ul.bxslider {left: calc(50% + 275px);}
/*カタログ*/
.catalog {margin-bottom: 60px}
.catalog li {margin-bottom: 20px;width:25%;float: left ;}

/*お客様の声*/
.name {text-align: center;margin: 10px 0 50px}

/*アコーディオン*/

.f-area {width: 70%;}
.f-area h4::before {
    content: 'Q.';
    display: inline-block;
    font-size: 22px;
    margin-left: -3.8em;
}
.f-area h4 {
    text-indent: 2em;
    padding: 0 0 0 2em;
}
.f-area .title-area {
    margin-top: 10px;
    line-height: 1.4;
    text-indent: 2em;
    padding: 0 3em 0 2em;
}

.f-area .title-area::before {
    content: 'A.';
    display: inline-block;
    font-size: 22px;
    margin-left: -3.8em;
    color: #a58260;
}

.faq-menu-area {
    width: 30%;
}
.faq-menu a {
    padding: 3px 0;
    display: block;
    font-size: 12px;
}
.faq-menu a::before {
    content: "";
    display: inline-block;
    background: url(/wp/wp-content/uploads/2018/10/arrow-right.png)no-repeat #fff;
    width: 5px;
    height: 20px;
    background-size: 100%;
    background-position: 0px 11px;
    margin-right: 5px;
}
.f-area {}
.f-area h3{margin: 50px 0 30px;color:#a58260;}
.f-area h3:first-child{margin: 0px 0 30px}
.accordionbox{
	width: 60%;
	margin: 0 auto 0;
}
.f-area .accordionbox {width: 100%!important;}
.accordionlist dt{
    display:block;
    padding: 0px 0 10px 5px;
    border-bottom: solid 1px #eee
}
.accordionlist dt:first-child{
    border-top: none !important;
}
.accordionlist dt .title{
    padding-left: 5px;
	float: left;
}
.accordionlist dd{
    display:none;
	padding: 0 0 40px 0px;
    margin-left: 20px
}
.accordion_icon,
.accordion_icon span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}
.accordion_icon {
	position: relative;
    width: 10px;
    height: 15px;
    float: right;
    margin-right: 5px;
    background: url(/wp/wp-content/uploads/2018/10/arrow-right.png)#fff;
    background-size: 80%;
    background-repeat: no-repeat;
}
/*＋、－切り替え*/
    .accordion_icon.active {transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
        left:-5px;
    }

/*キャンペーン*/
.campaign-area {margin-bottom: 60px;text-align: center;}
.campaign-area h4{color: #a58260;margin-bottom: 10px;}
.campaign-area img{width: 50%;margin: 20px auto;
display: block;}

/*用語集*/
.yougo {width: 550px;margin: 0 auto 70px;}
.yougo-list {width: 500px;margin: 0 auto 40px}
.yougo li {float: left;margin-right: 20px;}
.gyou {
    font-size: 15px;
    border-bottom: solid 1px #eee;
    margin: 50px 0 20px;
}
.engage {margin-top: 20px}
.engage li{width: 50%;float: left;}
.price-num {font-size: 16px;font-weight: bold;}

.bnr-campaign {width: 70%;margin: 20px auto 0;}
.bnr-campaign img{width: 100%;}

/* 募集要項 */
.job-summary p { margin-bottom: 40px; }
.job-summary h3 { font-weight: normal; margin-top: 60px; text-align: center; }
.job-summary dl { display: flex; flex-wrap: wrap; margin-bottom: 40px; }
.job-summary dt, .job-summary dd { padding: 20px 0; border-bottom: 1px solid #ccc; }
.job-summary dt:first-of-type, .job-summary dd:first-of-type { border-top: 1px solid #ccc; }
.job-summary dt { width: 20%; }
.job-summary dd { width: 80%; margin-inline-start: 0;margin-left: 0;}
.saiyou-form {background: #f7f7f7;padding: 1px 40px 40px;}
.saiyou-form label {margin-bottom: 25px}
.saiyou-form input {margin-top: 10px}
.saiyou-form textarea {margin-top: 10px;height: 100px;}
.saiyou-form h3 {margin-top: 40px}
.job_application {display: none}
.website {display: none}
.single_job_listing .meta {margin-top: 40px!important;margin-bottom: 10px!important;}
.name {text-align: left;}
.single_job_listing .meta .full-time {background-color: #595959!important;}


/*カジュアルリング*/
.casual-main {margin-bottom: 50px}
.casual-main img{margin-bottom: 20px;width: 100%;}
.casual-item {margin-bottom: 50px}
.casual-item .item {
    width: 38%;
    margin-right: 6%;
    margin-bottom: 0px;
    font-size: 22px;
    line-height: 1.4;
    text-align: left;
}
.casual-item .item2 {
    width: 30%;
    margin-right: 6%;
    margin-bottom: 0px;
    font-size: 22px;
    line-height: 1.4;
    text-align: left;
}
.casual-item .item img{width: 100%}
.item-title {margin-bottom: 10px;font-size: 22px;}
.item-price {text-align: right;font-size: 22px}
.casual-item .tx {
    padding: 0;
    width: 56%;
    font-size: 14px
}
.casual-item .tx2 {
    padding: 0;
    width: 64%;
    font-size: 14px
}
.casual-item .tx2 img{width: 100%;margin-top: 10px}

.arashi .casual-item {margin-bottom: 50px}
.arashi .casual-item .item {
    width: 64.5%;
    margin-right: 6%;
    margin-bottom: 0px;
    font-size: 22px;
    line-height: 1.4;
    text-align: left;
}
.arashi .item-r {margin-right: 0!important}
.arashi .casual-item .item img{width: 100%}
.arashi .item-title {margin-bottom: 10px;font-size: 18px;text-align: center}
.arashi .casual-item .tx {
    padding: 20px 0 0;
    width: 29.5%;
    font-size: 14px
}
.arashi .casual-item .tx-l {margin-right: 6%}
.arashi-bg {background: #dddbd4}
.arashi-bg2 {background: #dcd2c0}
.arashi-btn {
    border: solid 1px #a58260;
    padding: 5px;
    margin: 20px auto 0;
    text-align: center;
    width: 60%;
}
.arashi-btn a{display: block;text-decoration: none}

@media (min-width: 1025px) {
    body { padding-top: 84px; }
}

@media (max-width: 1024px) {
    .logo {width: 35%;}
    .nav_add {display: none}
    .sp-btn {display: block;}
    .main-v img{width: 100%;height: 500px;object-fit: cover;object-position: 0;}
    .scroll-prevent {
        position: fixed;
        z-index: -1;
        width: 100%;
        height: 100%;
    }
}
@media (max-width: 834px) {
p {line-height: 1.8;}
    .pc {display: none;}
    .sp {display: block;}
    table {width:100%;}
    
    h1 {font-size: 8px;letter-spacing: 0px}
    h1 img{width: 70%;height:auto;}
    h2 {font-size: 20px;padding: 0 20px;line-height: 1.8;}
    h2.title_page {font-size: 18px;padding: 0;}
    h2.mvh2 {font-size: 22px;top: -185px;margin-bottom: -135px;}
    .h2-subtitle {font-size: 19px;}
    h3 {margin: 20px 0;font-size: 22px;}
    .title-area h4 {font-size: 12px;}
    
    /*ヘッダー*/
    header {padding: 30px 20px 20px; overflow: hidden;}
    .logo {width: 45%;}
    .sp-btn {top: 20px;}
    .title-h1 {top: 55px;padding: 8px 0 7px 0px;text-align: center;}
    .main-bg {margin-bottom: 60px}

    .main-v,.main-v img {width:100%;height: auto;}
    .slides img {height: 300px !important;}
    .main-page-tenpo {width: 100%;margin: 0px auto 10px}
    
    .kh-title {
        font-size: 16px;
        padding: 25px;
        width: 90%;
        top: -120px;
        margin-bottom: -80px;
        line-height: 1.4;
    }
    .kh-title div {
        text-align: center;
        margin-top: -48px;
        font-size: 28px;
        margin-bottom: 10px;
    }
    
    /*メニュー*/
    .pageh1 {float: none;margin: 15px 0px 0 14px;}
    .enh2-page {font-size: 60px}
    .jph2-page {font-size: 14px}
    img.cta-btn {margin: 4px 0 0 0;}
    /*カラム*/
    
    .container {width: 100%;padding: 10px 15px;}
    .top-content {padding: 10px 0;}
    
    .page-area {margin-top: 0}
    
    .content-menu {margin: 30px 0;padding: 0 15px}
    .tenpo-area {padding: 0 15px;width: 100%} 
    /*カラムflexbox*/
    .item2 {margin-right: 0%;width: 100%;margin-bottom: 10px;}
    .item4 {width: 49%;}
    .flexbox4 div:nth-child(2n){margin-right: 0;}
    .item5 {width: 100%;margin-right: 0}
    .flexbox5 div:first-child{margin-left: 0;}
    .item6 {width: 49%;margin-bottom: 10px;}
    .flexbox6 div:nth-child(2n){margin-right: 0;}
    /*トップページ*/
    .circle-area {width: 100%;padding: 0 10px;}
    .circle2 {width: 44.5%;font-size: 19px;letter-spacing: 0px;}
    .batu {margin: 1% 1.4% 0 0.6%;width: 9%;}
    .batu::before, .batu::after {width: 25px;}
    .cbg {padding-top: 41%;padding-top: 42%;}
    .ring-img { height: 100vw;margin-bottom: 40px}         /* ★ */
    ul.bxslider { left: 0; }             /* ★ */
    .bx-wrapper img { height: 100vw; }   /* ★ */
    .archive-top {padding: 10px;}
    .dateLabel {margin-bottom: 15px;}
    .archive-top ul{padding: 0}
    .top-ichiran {}
    .instagram img {width: 100%;}
    .gallery-top li {width: 100%;padding: 0 15px}
    .gallery-page li {width: 100%;}
    .top-gallery-thum {width: 40%;}
    .tenpo-en {text-align: left}
    .tenpo-jp {margin: 5px 0 6px;}
    .tenpo-img {width: 40%;float: left;}
    .tenpo-tx {width: 56%;float: right;margin-top: -8px;letter-spacing: 0px;}
    .title-tx {width: 100%;padding: 0}
    .top-title-tx {width: 100%;padding: 0 15px}
    .enh2 {font-size: 60px;}
    .jph2 {font-size: 12px;}
    .instagram {margin-bottom: 30px;}
    .cat {letter-spacing: 0px}
    .top-price-area {width: 90%;}
    .price-rei {text-align: left;}
    .kouhou-box {width: 100%;}
    
    .kh-titlesub {padding: 0 15px;}
    .kouhou-area {padding: 0 10px;}
    .kouhou {width: 49%;margin-right: 2%;}
    .kouhou h4 {font-size: 13px;line-height: 1.3;}
    .sample-btn {width: 85%;}
    .ring-more {width: 44%;}
    .ftenpo {margin-right: 0;width: 100%;margin-bottom: 20px}
    
    /*.galleries*/
    .cat-nav-area {position: relative;}
    .back {
        position: absolute;
        top: 15px;
        left: 0;
        font-size: 18px;
        color: #aaa;
    }
    .next {
        position: absolute;
        top: 15px;
        right: 0;
        font-size: 18px;
        color: #aaa
    }
    .galleries-cat {overflow-x: scroll;margin: 30px auto}
    .cat-nav {width: 750px;height: 30px;}
    .galleries-cat::-webkit-scrollbar {height:5px;}
    .galleries-cat::-webkit-scrollbar-thumb {
        background-color: #ccc;
        border-radius: 10px;
        box-shadow: 0 0 0 1px rgba(255, 255, 255, .3);
    }
    .detail {margin: 20px 0px;}
    .spec {width: 100%;}
    /*ブログ*/
    .post {width: 100%}
    .blog-thum {width: 30%}
    .blog-title-area {width: 65%;}
    .blog-thum img {height: 104px!important;}
    
   
    
    /*トップ3カラム*/
    .colum3 li {
        width: 100%;
        float: none;
        margin: 0 auto 10px;
    }
    .colum3 li:last-child {margin-right: auto;}
    .colum4 li {
        width: 49%;
        margin-bottom: 2%;
    }
    .colum4 li:nth-child(2n) {margin-right: 0;}

    /*コンタクト*/
    .contact {width:100%;}
    input[type="text"], input[type="tel"], input[type="email"], input[type="password"], textarea {
        width: 100%
    }
    input.addr {width: 100%}
    input.digits {width: 25%;}
    input.digits {width: 25%;}
    input.hasDatepicker {width: 40%}
    .con-tel {width: 39%;margin-bottom: 7px;margin-right: 2%;}
    .con-tel-area {margin-bottom: 20px;margin-top: 0px;}
    .con-tel-area div:nth-child(2n) {margin-right:0;}
    .c-icon {margin-right: 15px;}
    .saiyou-form {padding: 1px 10px 40px;}
    
    /*フッター*/
    footer {padding: 30px 20px;}
    .footer-sns {text-align: center ;margin-bottom: 30px}
    .sns-circle {
        background: #d8cbbd;
        width: 45px;
        height: 45px;
        border-radius: 50%;
        display: inline-block;
        text-align: center;
        padding: 10px;
        margin: 0 5px;
    }
    .sns-circle i.fab.fa-facebook-f {font-size: 25px;margin-right: 0px}
    .sns-circle i.fab.fa-instagram {font-size: 25px;font-size: 25px;margin:-1px 0 0 2px;}
    .sns-circle a{color:#fff;display: block}
    footer li{margin-bottom: 5px;float: none;}
    footer li a{margin-right: 23px;}
    .footer-nav {margin-bottom: 0px;}
    .footer-logo img {margin-bottom: 10px;margin-top: 35px;width: 35%;height: auto}
    .copyright {margin-top: 30px;}
    .top {padding: 0 0px}
    
    /*下層ページ*/
    .center {text-align: center;}
    .center h3 {display: inline;}
    .titleh3-en {/*display: inline-block;*/margin-left: -110px;font-size:40px;}
    .titleh3-jp {margin: 0px 0 60px 0px;font-size: 12px}
    .page-content {width: 100%;}
    
    .post img {width:100%;height: auto;}   
    .follow-title {
        font-size: 14px;
        top: 5px;
        left: 3px;
        width: 75%;
        line-height: 1.3
    }
    .follow li {width: 48%;margin-right: 3%}
    .follow li:nth-child(3n) {margin-right: 3%;}
    .follow li:nth-child(2n) {margin-right: 0;}
    .middle-tx {top: 14px}
    
    .accordionbox {width: 100%}
    
    .course-img {width: 100%;}
    .tenpopage-img img,.price-img img,.campaign-area img {width: 80%;}
    .tenpo-info {width: 100%;}
    .access {width:100%;}
    .map {width:100%;}
    .access-tx {width: 100%;margin-top: 10px}
    
    .tenpo-course {margin: 50px auto 0px}
    
    .yougo {width: 100%;}
    .yougo-list {width: 100%;}
    
    .catalog {margin-bottom: 40px}
    .catalog li {width:50%;}
    .blog-msp {margin-bottom: 10px}
    .date {margin-left: 0px}
    .movie {
        width: 100%;
        margin: 60px auto 60px;
    }
    .movie iframe{height: 170px}
    
    video {width:100%;opacity: 0.9;height: 250px;object-fit: cover;}
    .video-tx {position: absolute!important;top: 34%!important;left: 0;right: 0;color: #fff;margin-bottom: 0px!important;font-size: 18px!important;}
    .vt {top: 21%!important;}
    .tp {margin-bottom: 30px}
    .monotory {
        top: 205px;
        width: 135px;
        height: 67px;
        right: 12px;
    }
    .monotory-tx {
       margin-top: 3px;
        font-size: 8px;
        letter-spacing: 0;
        line-height: 1.3;
        text-align: left;
    }
    .job-summary dt { width: 100%; padding-bottom: 5px; border-bottom: none; font-weight: bold; }
    .job-summary dd { width: 100%; padding-top: 5px;}
    .job-summary dd:first-of-type { border-top: none; }
    .information {padding: 20px;}
    .price-rei h3 {font-size: 18px;text-align: center;}
    .wp-pagenavi a, .wp-pagenavi span {border: none!important;padding: 5px 5px!important;margin: 2px 7px!important;}
    
    #wpadminbar {
      display: none !important;
    }
}


@media (max-width: 414px) {
    .spbr {display:none;}
    h1 {display: none}
    h2 {padding: 0}
    .breadcrumbs {display: none}
    .sfont {font-size: 11px;}
    header {padding: 20px 10px 11px; overflow: hidden; }
    .logo {width: 100%;}
    .logo img {top: -4px;width: 120px;}
    .sp-btn {margin-right: 20px;top:8px;}
    .nav-area {margin-top: 70px;}
    .main-bg {margin-bottom: 60px;}
    .main-v img {height: 340px;object-position: -30px -16px;}
    .topic {width: 94%;margin: 0 3% 50px;padding: 10px;}
    .topic-area h3 {font-size: 13px;}
    .topic-area {width: 80%;margin-right: 1%;padding: 0;}
    .topic-btn {width: 80%;}
    nav {width: 100%}
    
    nav.open {transform: translate(0%);}
    .main-page img {
        width: 100%;
        height: 200px;
    }
    .kh-title {
        font-size: 16px;
        padding: 25px;
        width: 90%;
        top: -118px;
        margin-bottom: -80px;
        line-height: 1.4;
        text-align: justify;
    }
    .kh-title div {
        text-align: center;
        margin-top: -42px;
        font-size: 26px;
        margin-bottom: 10px;
    }
    .kh-titlesub {padding: 0;}
    .pickup-area {padding: 40px 0 20px;margin: 30px 0 50px;}
    .pickup-tx {height: 160px;}
    .slick-list {height: 310px;}
    .enh2-page {font-size: 40px;}
    .main-page {margin-bottom: 30px;}
    .pickup-area .slide-area {overflow: hidden}
    .sozai-area {padding: 50px 10px;}
    .kh-title2 {padding: 0 10px;}
    .tenpo-tx {line-height: 1.6;}
    .price-rei h3 {font-size: 14px;letter-spacing: 0;}
    .price-rei {font-size: 11px}
    
    .item-title {font-size: 16px;line-height: 1.5;}
    .item-price {font-size: 16px;}
    .casual-item .tx {font-size: 12px;}
    .casual-item {margin-bottom: 35px;}
    .arashi .casual-item .item {width: 100%;margin-right: 0;}
    .arashi .casual-item .tx {padding: 20px;width: 100%;}
    .arashi .casual-item .tx-l {margin-right: 0;order: 1;}
    .arashi .item-title {font-size: 16px;}
    .arashi-btn {width: 100%;}
    .faq-menu-area {width: 100%; position: static!important;margin-bottom: 50px}
    .faq-menu {position: static!important;}
    .faq-menu li {width: 55%;float: left;}
    .faq-menu li:nth-child(2n) {width: 45%;}
    .f-area {margin-left: 0;width: 100%}
    .faq-menu a {padding: 1px 0;font-size: 11px;}
    .f-area h3 {font-size: 16px}
    .accordionlist dt .title {width: 90%;line-height: 1.3;}
    .accordionlist dd {margin-left: 10px;}
    .f-area h4 {padding: 0 0 0 1.4em;}
    .f-area .title-area {padding: 0 1em 0 2em;}
    
    .sp-cta-area {
        bottom: 15px;
        width: 100%;
        padding: 0 20px;
        right: initial;
    }
    .sp-cta {height: auto;}
    .sp-cta a {padding: 15px 0;}
    .fa-calendar-alt {
        font-size: 28px;
        position: relative;
        top: 5px;
        line-height: 0!important;
    }
    footer {padding: 30px 0px 70px;}
    
    .top-option img {margin-bottom: 10px;}
    .top-option {
        width: 100%;
        margin-right: 0;
        margin-bottom: 14%;
    }
    .kouhou {
        width: 100%;
        margin-right: 0;
        margin-bottom: 14%;
    }
    .top-price {
        width: 49%;
        margin-right: 2%;
        margin-bottom: 3%;
    }
    .top-title-tx img {width: 100%;}
    .top-title-tx {padding: 0;}
    footer .top-title-tx {font-size: 13px}
    .btn-casual {width: 70%;}
    .follow-img-2 img {width: 100%;}
    .item-box {
        width: 100%;
        margin-right: 0%;
        margin-bottom: 10%;
        font-size: 12px;
    }
}

@media (max-width: 321px) {
    .circle2 {font-size: 16px;}
    .batu {margin: 0% 1.5% 0 0%;}
    .batu::before, .batu::after {width: 24px;}
}

/* フッター 工房一覧 */
.tenpo-area.box {
	width: 100%;
}
.flexbox5.box {
	justify-content: center;
}
.ftenpo.item {
	width: 23%;
	margin: 0 1% 30px;
}
.tenpo-jp.ttl {
	font-size: 12px;
}
.kouhou-area.box {
	width: 560px;
}
.price-img.item img {
	width: 100%;
	margin: 15px auto 20px;
}
.ring-more.btn {
	margin: 0 auto;
}
p.txt {
	height: 40px;
}
.slide_item {
	width: 80px;
	padding: 10px;
}
.slide_img {
	width: 100%;
}
.your-class.box {
	margin: 0 0 40px;
}

@media (max-width: 834px) {
	.ftenpo.item {
		width: 100%;
		margin: 0 0 20px;
	}
	.kouhou-area.box {
		width: auto;
	}
	.ring-more.btn {
		width: 85%;
	}
	.kouhou h4.kouhou_ttl,
	.price-num.txt {
		font-size: 12px;
	}
}


/*
コラム一覧
*/
.column_list .img_wrap {
    position: relative;
    width: 100%;
    height: 200px;
    overflow: hidden;

}
.column_list .tag_wrap {
    position: absolute;
    left: 10px;
    top: 10px;
    width: 100%;
    z-index: 2;
}
.column_list .img_wrap img {
    object-fit: cover;
    width: 100%;
    height: 200px;
    transition: all 0.3s ease-out;
}
.column_list .tag {
    background: #fff;
    border: 1px solid #a58260;
    display: inline-block;
    padding: 2px 20px;
    border-radius: 20px;
    color:#a58260;
    font-size: 12px;

}
.column_list .link_wrap {
    transition: all 0.3s ease-out;
    text-decoration: none;
    border: solid 1px #f4f1ed;

    display: block;
}
.column_list .link_wrap:hover {
    box-shadow: 3px 3px 10px #f4f1ed, -3px -3px 10px #f4f1ed;
}




.column_list .txt_wrap {
    padding: 15px;
    height: 120px;
    position: relative;
}
.column_list .ttl {
    
    color: #595959;
    font-size: 16px;
}
.column_list .date_txt {
    font-size: 12px;
    position: absolute;
    color: #808080;
    bottom: 15px;
    right: 15px;
}

.column_list .link_wrap:hover  .img_wrap img {
    transform: scale3d(1.1,1.1,1);
}

.taglist {
    max-width: 1024px;;
    margin-left: auto;
    margin-right: auto;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    margin-bottom: 50px;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}
.taglist._nomb {
    margin-bottom: 0;
}

.taglist > .item {
    margin: 0 5px 10px;
}

.taglist .tag {
    background: #a58260;
    display: inline-block;
    padding: 5px 15px;
    border-radius: 20px;
    color: #fff;
    font-size: 14px;  
    text-decoration: none;  
    transition: all 0.2s ease-in ;
}
.taglist .tag.active {
    background: #fff;
    color: #a58260;
    border: 1px solid #a58260;
}
.taglist .tag:hover {
    opacity: .7;
}
@media (max-width: 767px) {
    .title-tx._column {
        padding: 0 15px;
    }
}
/*
コラム詳細
*/
.post.column_post {
    width: 100%;

}
.column_post .tag_wrap {
    text-align: center;
    margin-bottom: 10px;
}
.column_post .tag {
    background: #fff;
    border: 1px solid #a58260;
    display: inline-block;
    padding: 2px 20px;
    border-radius: 20px;
    color:#a58260;
    font-size: 12px;
}
.column_post .bdr_wrap {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    text-align: left !important;
    margin-bottom: 30px;
    border: 2px solid #f4f1ed;    
}
.column_post .c_ttl_3 {
    text-align: center;
    width: 100%;
    font-size: 14px !important;
    color: #d57d6d !important;
    padding: 1em 0 0 2em;    
}
.column_post .mojikilist {
    padding: 0 20px 20px;
}
.column_post .mojikilist .item {
    margin: 0 0 10px;
    border: none;
    padding: 0;
    display: flex;
}
.column_post .mojikilist .item.subitem {
    margin-left: 2em;
}

.column_post .heading2 {
    margin-bottom: 20px;
    text-align: left;
    font-size: 24px;
}
.column_post .heading3 {
    text-align: left;
    font-size: 18px;
    
    margin-bottom: 0;
    line-height: 1.9;
    font-family: "游明朝","YuMincho","ヒラギノ明朝",serif;    
}

@media (max-width: 767px) {
    .column_post .img_wrap {
        margin-bottom: 20px;
    }
    .column_post .heading2 {
        line-height: 1.5;
    }
    .column_post .heading3 {
        line-height: 1.5;
    }    
}

@media (min-width: 768px) {
    .column_post .imagetxt_wrap {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .column_post .imagetxt_wrap._rev {
        -webkit-flex-direction: row-reverse;
        -moz-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        -o-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }
    .column_post .imagetxt_wrap._rev .img_wrap {
        margin-left: 50px;
        margin-right: 0;
    }
    .column_post .imagetxt_wrap .img_wrap {
        margin-right: 50px;
        margin-left: 0;
    }

    .column_post .img_wrap {
        width: 30%;
        
    }

}
.column_post .ww_txtwrap {
    margin-bottom: 50px;
}
.column_post .img_wrap img{
    max-width: 100%;
}
.column_post .txt_wrap {
    margin-top: 0;
    flex: 1;
    margin-bottom: 20px;
}
.column_post .u_btn_wrap {
    padding: 30px 0;
}
.column_post .c_btn_1 {
    color: #a58260;
    text-decoration: none;
    border: 3px solid #a58260;
    height: 60px;
    line-height: 1.4;
    padding: 0 10px;
    width: 280px;
    text-align: center;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    -ms-align-items: center;
    align-items: center;
    margin: 0 auto;
    transition: all 0.2s ease-in ;

}
.column_post .c_btn_1:hover {
    opacity: .5;
}

/*2020.01.06 add*/
.column_headtitle {
    font-size: 10px;
    font-weight: 400;
    color: #595959;
    margin-bottom: 20px;

}
.column_pagetitle {
    font-size: 24px;
    font-weight: 400;
    text-align: center;
    line-height: 1.9;
    font-family: "游明朝","YuMincho","ヒラギノ明朝",serif;    
    padding-top: 10px;
}
@media (max-width: 834px) {
    .column_pagetitle {
        font-size: 20px;
        padding: 0 20px;
        line-height: 1.8;
        padding-top: 20px;
    }    
}