/*
Theme Name: KAMIKA ORIGINAL
*/
@charset 'utf-8';

/*#############################################################################################
** Reset & Common
#############################################################################################*/
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family : "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro," メイリオ", Meiryo, Osaka," ＭＳ Ｐゴシック", MS PGothic," sans-serif";
  line-height: 1;
  -webkit-text-size-adjust: 100%;
  overflow-y: scroll;
}

main, article, section, aside {
  display: block;
}

h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,table,th,td,blockquote {
  font-weight: normal;
  line-height: 1;
}

ul,ol,li {
  list-style-type: none;
}

table {
  border-collapse: collapse;
}

i {
  font-style: normal;
  vertical-align: 0;
}

img {
  border: 0;
  vertical-align: bottom;
}

a {
  outline: 0;
  text-decoration: none;
}

/* Web Fonts */
.font1 {
  font-family: 'Libre Baskerville', serif !important;
  //font-family: 'Bentham', serif !important;
}
.font2 {
  font-family: 'Roboto', sans-serif !important;
}

.sanserif {
  font-family : "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro," メイリオ", Meiryo, Osaka," ＭＳ Ｐゴシック", MS PGothic," sans-serif";
}
.serif {
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "serif";
}


.cf:after {
  display: block;
  content: "";
  height: 0;
  line-height: 0;
  font-size: 0;
  visibility: hidden;
  clear: both;
}
.float_l {
    float: left;
}
.float_r {
  float: right;
}


/* ドロワーメニューが出ているときは背面を固定する */
.fixed {
  position: fixed !important;
  width: 100% !important;
  height: 100% !important;
}

/*マウスオーバーで半透過エフェクト*/
.hover,
.trl {
  opacity: 1;
  transition: opacity 0.2s;
}
.hover:hover,
.trl:hover {
  opacity: 0.8;
  transition: opacity 0.2s;
}

.red{
    color: #ed7070;
	font-weight: bold;
}
/*################################################################################################################
** PC
################################################################################################################*/
@media screen and (min-width: 768px) {
  /*#############################################################################################
  ** Reset
  #############################################################################################*/
  body {
    width: 100%;
    font-size: 16px;
  }

  h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,table,th,td,blockquote {
    font-size: 16px;
  }






  /*#############################################################################################
  ** Common
  #############################################################################################*/
  body {
    padding-top: 61px;
    overflow-x: hidden;
  }

  .only_sp {
    display: none !important;
  }

  /*ローディングの設定*/
  .loading {
    display: none;
  }
  .home .loading {
    display: block;
    width: 100vw;
    height: 100vh;
    background: rgba(255,255,255,0.95) url(images/loading.svg) no-repeat center;
    background-size: 103px 104px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100000000;
  }
  body.home {
    position: fixed;
    top: 0;
    left: 0;
  }

p{
  line-height: 2;	
}	

/*morebtn*/
  .more {
    clear: both;
    float: right;
    width: 144px;
    color: #000;
    font-size: 16px;
    position: relative;
  }

  .more .arrow {
    display: block;
    content: "";
    width: 80px;
    height: 7px;
    position: absolute;
    bottom: 4px;
    transition: 0.2s;
    background: url(images/arrow_right.svg) no-repeat;
    background-size: contain;
    right: 0;
  }
  .more:hover .arrow {
    right: -10px;
    transition: right 0.2s;
  }	
/*morebtn_border*/	
.border{
  border:1px solid #000;
  width: 230px!important;
  padding: 15px 25px!important;
  margin-top:20px!important;
  float:left!important;
  position: absolute;
  }	
.border .arrow{
  bottom:16px!important;
  width: 105px!important;
}

.comment{
  font-size:11px;	
}	
  /*=================================================================
  header
  =================================================================*/
  .global_header {
    width: 100%;
    height: 61px;
    background: rgba(255,255,255,0.95);
    position: fixed;
    z-index: 100000;
    top: 0;
    left: 0;
    box-shadow: 0px 0 17px rgba(0,0,0,0.05);
  }
  .header_inner {
    padding: 11px 27px 0 11px;
  }

  /*サイトロゴ*/
  .site_logo a {
    display: block;
    width: 194px;
    height: 42px;
  }
  .site_logo img {
    display: inline-block;
    width: 194px;
    height: auto;
  }

  /*ハンバーガーボタン*/
  .btn_menu {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 10px;
    right: 27px;
    cursor: pointer;
  }
  .btn_menu i {
    display: block;
    width: 40px;
    height: 3px;
    background: #000;
    position: absolute;
    left: 0;
  }
  .btn_menu .i1 {
    top: 5px;
  }
  .btn_menu .i2 {
    top: 18px;
  }
  .btn_menu .i3 {
    top: 31px;
  }


  /*=================================================================
  global_nav
  =================================================================*/
  /*グローバルナビ*/
  .global_nav {
    width: 100%;
    background: rgba(121,136,139,0.95);
    padding: 60px 0 52px;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
  }

  /*閉じるボタン*/
  .btn_close {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 10px;
    right: 27px;
    cursor: pointer;
  }
  .btn_close i {
    display: block;
    width: 45px;
    height: 3px;
    background: #fff;
    border-radius: 1px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -3px;
    margin: auto;
  }
  .btn_close .i1 {
    transform: rotate(45deg);
  }
  .btn_close .i2 {
    transform: rotate(-45deg);
  }

  .gnav_inner {
    max-width: 440px;
    width: 100%;
    margin: auto;
    text-align: center;
    padding-top: 20px;
  }
  .gnav_logo img {
    vertical-align: middle;
  }
  .gnav_logo img + img {
    margin-left: 4px;
  }

  .gnav_inner ul.menu {
    border-top: 1px solid #a4a9a9;
    margin: 0 0 37px;
  }
  .gnav_inner ul.menu li a {
    display: block;
    color: #fff;
    font-size: 18px;
    font-family : "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro," メイリオ", Meiryo, Osaka," ＭＳ Ｐゴシック", MS PGothic," sans-serif";
    line-height: 1;
    padding: 24px 0;
    border-bottom: 1px solid #a4a9a9;
  }

  .gnav_inner .follow{
    width:102px;

  }
  /*インスタ*/
  .btn_insta {
    display: inline-block;
    width: 50px;
    height: 44px;
    background: url(images/icon_insta.svg) no-repeat center bottom;
    background-size: 30px;
  }

  /*ライン*/
  .btn_line {
    display: inline-block;
    width: 50px;
    height: 44px;
    background: url(images/icon_line.svg) no-repeat center bottom;
    background-size: 32px;
  }

  /*=================================================================
  footer_bnr
  =================================================================*/
  .footer_bnr{
    background-color: #fff;
    margin: 0;
    padding-bottom: 80px
  }

  .footer_bnr ul{
    background: #fff;
    max-width: 1000px;
    width: 100%;
    overflow: hidden;
    margin: auto;
  }

  .footer_bnr ul li{
    width: 32%;
    margin: 0;
    float: left;
    margin-left: 2%;
  }
  .footer_bnr ul li:nth-child(3n+1) {
    clear: both;
    margin-left: 0;
  }
  .footer_bnr ul li:nth-child(n+4) {
    margin-top: 20px;
  }
  
  .footer_bnr ul li img {
    width: 100%;
    height: auto;
  }

  /*=================================================================
  footer
  =================================================================*/
  .global_footer {
    background: #f4f4f4;
    padding: 56px 0;
  }
  .footer_nav ul {
    text-align: center;
    letter-spacing: -0.2em;
    margin-bottom: 18px;
  }
  .footer_nav li {
    display: inline-block;
    letter-spacing: 0;
  }
  .footer_nav li + li {
    margin-left: 28px;
  }
  .footer_nav li a {
    color: #000;
    font-size: 13px;
  }
  .footer_nav li a:hover {
    color: #333;
    text-decoration: underline;
  }
  .copy {
    display: block;
    color: #888;
    font-size: 12px;
    text-align: center;
  }


  /*=================================================================
  トップページ
  =================================================================*/
  /*メインバナー*/
  .main_bnr {
    position: relative;
    margin-bottom: 110px;
    overflow: hidden;
  }
  .slider li {
    height: calc(100vh - 61px);
    background-position: center;
    background-size: cover;
  }

  .txt_scroll {
    display: block;
    width: 160px;
    height: 16px;
    background: url(images/top/arrow_scroll.svg) no-repeat right bottom 2px;
    background-size: 78px 7px;
    font-size: 16px;
    line-height: 1;
    transform: rotate(90deg);
    position: absolute;
    right: -46px;
    bottom: 82px;
  }

  @keyframes zoomup {
    0% {
      width: 100%;
    }
    100% {
      width: 120%;
    }
  }

  /*キャッチコピー*/
  .catch_wrapper {
    max-width: 1330px;
    width: 90%;
    height: 100%;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
  }
  .catchcopy {
    max-width: 123px;
    height: auto;
    position: absolute;
    top: 18%;
    right: 0;
  }
  .catchcopy img {
    width: 123px;
    height: auto;
  }
  .top_cnt_ttl {
    font-size: 33px;
  }
  .top_cnt_ttl:after {
    content: "";
    display: block;
    width: 82px;
    height: 3px;
    background: #000;
    margin-top: 14px;
  }

  .top_common_ttl {
    font-size: 22px;
    font-weight: bold;
    font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "serif";
    line-height: 2;
  }


/*バナー*/
/*  .bnr_box {
    margin-top: -1px;
  }

  .bnr_list {
    max-width: 1623px;
    width: 100%;
    margin: 0 auto;
    padding-bottom: 130px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  }
  .bnr_list:after {
  content:"";
    display:block;
    width: 25%;
    height:0;
  }
  .bnr_list li {
    width: 25%!important;
    float: left;
  padding:0;
  margin: 0;
  }

  .bnr_list li img{
    width:100%;
    padding:0;
    margin:0;
  }

.bnr_list li:hover img{
  opacity:0.7;
  }

  .bnr_list li a p {
  width:92%;
  margin:0 4%;
  line-height: 1.6;
  }
  .bnr_list li a span {
  color:#888;
  margin:0;
    border-bottom: 1px dotted #888;
    opacity: 1;
    transition: opacity 0.2s;
  font-size:15px;
  }	

.bnr_list li a:hover span {
    opacity: 0.7;
    transition: opacity 0.2s;
  }	
*/	

  /* トップコンテンツ1 */
  .top_cnt1 {
    padding-bottom: 100px;
    position: relative;
    background: #fff;
  }
  .top_cnt1 .top_cnt_ttl {
    position: relative;
    margin-bottom: 30px;
    z-index: 20;
  }
  .top_cnt1 .top_common_ttl:after {
    content: "";
    display: block;
    width: 140px;
    height: 1px;
    background: #638b6b;
    margin: 24px 0 30px;
  }
  .cnt1_inner {
    max-width: 1596px;
    /*width: 100%;
    height: 90px;*/
    margin: auto;
    position: relative;
  }

  .cnt1_img {
    width: 52.6vw;
    max-width: 840px;
    height: auto;
    /* position: absolute; */
    z-index: 10;
    top: 0;
    float: left;
  }
  .cnt1_img1 {
    left: 0;
  }
  .cnt1_img2 {
  position: absolute;
  top:-80px;
    right: 0;
  }
  .top_cnt_txtarea {
    background: #f8f4ef;
  }
  .top_cnt_txtarea1 {
    padding: 100px 0 0 56%;
  }
  .top_cnt_txtarea2 {
    padding: 90px 29% 180px 10%;
  }
  .concept{
  overflow: hidden;
  margin-bottom: 160px;
  }
  .top_cnt_txtarea1 h3,
  .top_cnt_txtarea2 h3{
  font-size:33px;
  font-family: 'Noto Serif JP',"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "serif";
  line-height: 1.5;
  margin-bottom:35px;
  }
  .top_cnt_txtarea1 h3:after, 	
  .top_cnt_txtarea2 h3:after {
    content: "";
    display: block;
    width: 82px;
    height: 3px;
    background: #000;
    margin-top: 14px;
  }	
  .top_cnt_txtarea .top_common_ttl {
    width: 67%;
  }

  .top_cnt_leadtxt {
    font-size: 15px;
    line-height: 2;
  }

  .cnt2_inner {
    background: #fff;
  }

  .lineup_box {
    margin-top: -1px;
    padding-bottom: 100px;
  }
  .lineup_box .top_cnt_ttl {
    text-align: center;
  }
  .lineup_box .top_cnt_ttl:after {
    margin: 14px auto 48px;
  }
  .lineup_list {
    max-width: 1380px;
    width: 100%;
    margin: 0 auto;
    padding-bottom: 130px;
  display: flex;
  flex-wrap: wrap;
  /*justify-content: space-between;*/
  }
  .lineup_list {
   /* padding: 0 4%;*/
	padding: 0;
  }
  .lineup_list:after {
  content:"";
    display:block;
    width: 33.3%;
    height:0;
  }
  .lineup_list li {
    width: 25%;
    float: left;
    margin-bottom: 3%;
    padding: 0 1%;
  }
  .lineup_list li + li {
    //margin-left: 0.8%;
  }
  .lineup_list li:nth-child(3n+1):nth-child(n+1){
    margin-left: 0;
  }

  .lineup_list li a {
    width: 100%;
    display: block;
    color: #888;
    font-size: 18px;
    line-height: 1;
    text-align: center;
  }
  .item_wrap {
    position: relative;
    overflow: hidden;
  }
  .lineup_list li a img {
    display: block;
    width: 100%;
    height: auto;
    transform: scale(1);
  }

  .lineup_list li a .item_name{
    line-height: 1.5;
  }
  .lineup_list li a .item_name span {
    font-weight: bold;
    border-bottom: 1px dotted #888;
    opacity: 1;
    transition: opacity 0.2s;
  }
  .lineup_list li a:hover .item_name span {
    opacity: 0.7;
    transition: opacity 0.2s;
  }
  .fsdown{
  font-size: 13px;
  }
  .lineup_box .more_lineup{
    position: relative;
    margin: 20px auto 0;
    float: none!important;
    display: block;
  }
  .lineup_box .more_lineup .arrow{
  bottom: 16px!important;
  width: 134px!important;
  }

  /* トップコンテンツ3 */
  .top_cnt3 {
    padding-top: 430px;
  }
  .cnt3_inner {
    background: #fff;
    /*padding-bottom: 110px;*/
  }
  .cnt3_news_box {
    max-width: 1200px;
    width: 100%;
    background: #fff;
    padding: 64px 6.25%;
    margin: auto;
    position: relative;
    top: -50px;
    overflow: hidden;
  }
  .cnt3_news_box .top_cnt_ttl {
    width: 22.8%;
    float: left;
  }
  .cnt3_news_box ul {
    width: 76%;
    float: right;
    margin-top: 18px;
  }
  .cnt3_news_box li {
    border-bottom: #eee 1px solid;
    padding: 0 0 22px;
    margin-bottom: 30px;
  }
  .cnt3_news_box li a {
    display: block;
    color: #888;
    font-size: 16px;
    line-height: 1.5;
    padding: 0 12px;
    opacity: 1;
    transition: opacity 0.2s;
  }
  .cnt3_news_box li a:hover {
    /*opacity: 0.7;
    transition: opacity 0.2s;*/
  }
  .cnt3_news_box li a:hover .top_post_ttl{
    text-decoration: underline;
  }
  .top_post_date {
    display: inline-block;
    width: 100px;
  }
  .top_post_cat {
    display: inline-block;
    width: 120px;
    text-align: center;
  }
  .cnt3_news_box .top_post_ttl {
    display: block;
    color: #000;
    margin-left: 265px;
    margin-top: -24px;
  }

  .top_bg {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -100;
  }
  .bg2 {
    background: url(images/top/top_bg2.jpg) no-repeat center;
    background-size: cover;
  }
  .bg3 {
    background: url(images/top/top_bg3.jpg) no-repeat center;
    background-size: cover;
  }


  /*=================================================================
  パンくずリスト
  =================================================================*/
  .pankuzu {
    padding: 17px 20px 32px;
    letter-spacing: -0.2em;
  }
  .pankuzu li {
    display: inline-block;
    color: #888;
    font-size: 12px;
    font-family : "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro," メイリオ", Meiryo, Osaka," ＭＳ Ｐゴシック", MS PGothic," sans-serif";
    line-height: 1.5;
    letter-spacing: 0;
    margin-right: 12px;
  }
  .pankuzu li + li:before {
    display: inline-block;
    content: "";
    width: 5px;
    height: 10px;
    background: url(images/arrow_s_r_bk.svg) no-repeat center;
    background-size: contain;
    padding-left: 14px;
  }
  .pankuzu li a {
    display: inline-block;
    color: #888;
    letter-spacing: 0;
  }
  .pankuzu li a:hover {
    color: #888;
    text-decoration: underline;
  }

  /*=================================================================
  投稿・固定ページ single.php or page.php
  =================================================================*/
  .post_contents,
  .page_contents {
    max-width: 1000px;
    width: 94%;
    margin: 0 auto 140px;
  }

  /*投稿ページ single.php*/
  .post_meta * {
    display: inline-block;
    color: #888;
    padding: 0;
  }
  .post_date {
    width: 100px;
  }
  .post_ttl {
    font-size: 36px;
    line-height: 1.2;
    padding:5px 0 10px;
    border-bottom: 1px solid #000;
    margin-bottom: 30px;
  }
  .eyecatch img {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
  }
  .post_body h2 {
    font-size: 28px;
    line-height: 1.5;
    margin: 2em 0 1em;
  }
  .post_body h3 {
    font-size: 24px;
    line-height: 1.5;
    margin: 2em 0 1em;
  }
  .post_body h4 {
    font-size: 20px;
    line-height: 1.5;
    margin: 2em 0 1em;
  }
  .post_body h5,
  .post_body h6 {
    font-size: 18px;
    line-height: 1.5;
    margin: 2em 0 1em;
  }
  .post_body p {
    line-height: 2;
    margin-bottom: 1em;
  }

  .size-medium,
  .size-large,
  .size-full {
    display: block;
  }
  .size-full {
    width: 100%;
    height: auto;
  }
  .alignnone,
  .aligncenter {
    margin: auto;
  }

  .post_body a {
    color: #888;
    border-bottom: 1px dotted #888;
    opacity: 1;
    transition: opacity 0.2s;
  }
  .post_body a:hover {
    opacity: 0.7;
    transition: opacity 0.2s;
  }

  /*固定ページ page.php*/
  .page_ttl {
    font-size: 36px;
    text-align: center;
    margin-bottom: 60px;
  }
  .page_ttl:after {
    display: block;
    content: "";
    width: 62px;
    height: 2px;
    background: #000;
    margin: 18px auto 0;
  }

  .table_deco1 {
    border: 2px solid #eee;
    padding: 5px;
  }
  .table_deco2 {
    border: 1px solid #eee;
    padding: 38px 42px;
  }
  .common_table {
    width: 100%;
    table-layout: fixed
  }
  .common_table tr + tr {
    border-top: 1px solid #eee;
  }
  .common_table th {
    width: 46%;
    font-size: 16px;
    line-height: 2;
    text-align: left;
    vertical-align: text-top;
    padding: 14px 0 14px 18px;
  }
  .common_table td {
    font-size: 16px;
    line-height: 2;
    padding: 14px 0 14px 18px;
  }
  .common_table td a {
    color: #000;
    border-bottom: 1px dotted #888;
  }
  .common_table td a:hover {
    color: #aaa;
  }

  /*ラインナップ*/
  .linup_list li.list {
    overflow: hidden;
    padding: 37px 0 39px;
    border-bottom: 1px solid #eee;
  }
  .linup_list li.list:first-child {
    padding-top: 0;
  }
  .lineup_thumb_img {
    display: block;
    float: left;
  width: 360px;
  }
  .lineup_meta {
    width: 600px;
    float: right;
  }
  .lineup_meta h2 {
    font-size: 36px;
    line-height: 1.35;
  }
  .lineup_price {
    margin: 4px 0 16px;
  }
  .lineup_icon i {
    display: inline-block;
    background: #fff;
    color: #888;
    font-size: 13px;
    padding: 5px 6px;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-right: 5px;
  }
  .lineup_meta p {
    line-height: 2;
    margin: 10px 0 20px;
  }

  .lineup_meta ul.btn li{
    display: inline-block;
  }

  .btn_lineup {
    display: inline-block;
    width: 260px;
    height: 54px;
    background: #79888b url(images/arrow_s_r_wh.svg) no-repeat right 18px center;
    background-size: 7px 13px;
    color: #fff;
    font-size: 16px;
    text-align: center;
    padding-top: 19px;
    border-radius: 5px;
    opacity: 1;
    transition: opacity 0.2s;
  margin-right:10px;
  }
  .btn_lineup:hover {
    opacity: 0.8;
    transition: opacity 0.2s;
  }

  .btn_howtouse {
    display: inline-block;
    width: 260px;
    height: 54px;
    background: #fff url(images/arrow_s_r_gl.svg) no-repeat right 18px center;
    background-size: 7px 13px;
    color: #79888b;
    font-size: 16px;
    text-align: center;
    padding-top: 19px;
    border-radius: 5px;
    opacity: 1;
    transition: opacity 0.2s;
  border: 1px solid #79888b;
  }
  .btn_howtouse:hover {
    opacity: 0.8;
    transition: opacity 0.2s;
  }


  /*FAQ*/
  .faq_leadtxt {
    line-height: 2;
  }
  .faq_nav {
    background: #f4f4f4;
    padding: 28px;
    letter-spacing: -0.2em;
    margin: 40px 0 0;
  line-height: 2;
  text-align: center;
  }
  .faq_nav li {
    display: inline-block;
    background: url(images/arrow_s_b_bk.svg) no-repeat left center;
    background-size: 12px 7px;
    padding-left: 20px;
  }
  .faq_nav li + li {
    margin-left: 40px;
  }
  .faq_nav li a {
    display: inline-block;
    color: #000;
    font-size: 16px;
    letter-spacing: 0;
    padding-bottom: 2px;
    border-bottom: 1px dotted #ababab;
  }
  .faq_list li a,
  .underline {
    color: #000;
    border-bottom: 1px dotted #ababab;
  }
  .faq_box h2 {
    font-size: 30px;
    padding-bottom: 16px;
    border-bottom: 1px solid #000;
    margin: 0 0 20px;
    padding-top: 70px;
  }
  .faq_list li {
    background: #fff;
    padding: 16px 18px;
    border: 1px solid #ccc;
    border-radius: 8px;
    margin-top: 10px;
    cursor: pointer;
  }
  .faq_list li:hover {
    background: #fafafa;
  }
  .faq_list .Q {
    background: url(images/icon_plus.svg) no-repeat right center;
    background-size: 18px 18px;
    font-weight: bold;
    line-height: 2;
    padding-right: 62px;
  }
  .faq_list .on .Q {
    background: url(images/icon_minus.svg) no-repeat right center !important;
    background-size: 18px 18px !important;
  }
  .faq_list .Q:before {
    display: inline-block;
    content: "Q.";
    color: #ed7070;
    font-size: 16px;
    line-height: 2;
    margin-right: 5px;
  }
  .faq_list .A,
  .faq_list .A * {
    font-size: 16px;
    line-height: 2;
  }
  .faq_list .A {
    position: relative;
    padding-left: 46px;
    margin-top: 4px;
    display: none;
  }
  .faq_list .A:before {
    display: inline-block;
    content: "A.";
    color: #54759c;
    font-size: 16px;
    line-height: 2;
    margin-right: 5px;
    position: absolute;
    left: 25px;
    top: 0;
  }
/*191017_cltr追加*/
  .faq_list .faq_cltr_img{
    display: block;
    width: 295px;
    margin: 16px auto;
  }
  .faq_list .kome{
    font-size: 12px;
  }


  /*wp-pagenavi*/
  .wp-pagenavi {
    text-align: center;
    margin-top: 45px;
    position: relative;
  }
  .wp-pagenavi * {
    display: inline-block;
    color: #000;
    font-family: 'Libre Baskerville', serif;
  }
  body .page,
  .current {
    padding: 4px 6px;
    margin: 0 7px;
  }
  .current {
    border-bottom: 2px solid #000;
  }

  [rel="next"],
  [rel="prev"] {
    width: 140px;
    color: #000;
    font-size: 16px;
    position: relative;
  }
  [rel="next"] {
    position: absolute;
    top: 4px;
    right: 0;
    text-align: left;
  }
  [rel="prev"] {
    position: absolute;
    top: 4px;
    left: 0;
    text-align: right;
  }
  .wp-pagenavi .arrow {
    display: block;
    content: "";
    width: 80px;
    height: 7px;
    position: absolute;
    bottom: 4px;
    transition: 0.2s;
  }
  .wp-pagenavi .arrow_r{
    background: url(images/arrow_right.svg) no-repeat;
    background-size: contain;
    right: 0;
  }
  .wp-pagenavi .arrow_l {
    background: url(images/arrow_left.svg) no-repeat;
    background-size: contain;
    left: 0;
  }
  [rel="next"]:hover .arrow {
    right: -10px;
    transition: right 0.2s;
  }
  [rel="prev"]:hover .arrow {
    left: -10px;
    transition: left 0.2s;
  }


  /*ニュース一覧 page-news.php*/
  .news_list li {
    border-bottom: 1px solid #eee;
    padding-bottom: 30px;
    margin-bottom: 30px;
  }
  .news_list li{
    opacity: 1;
    transition: opacity 0.2s;
  }
  .news_list li:hover .thumbnail{
    opacity: 0.7;
    transition: opacity 0.2s;
  }
  .news_list li:hover .news_post_ttl{
  text-decoration: underline;
  }
  .thumbnail {
    width: 320px;
    height: 213px;
    background-position: center;
    background-size: cover;
    margin-right: 37px;
    float: left;
  }
  .thumbnail.noimage {
    background: #fff;
    color: #000;
    font-size: 23px;
    text-align: center;
    border: 1px solid #ccc;
    padding-top: 94px;
  }
  .news_post_meta {
    padding-top: 6px;
    margin-left: 357px;
  }
  .news_post_date {
    display: inline-block;
    width: 100px;
    color: #888;
  }
  .news_post_cat {
    color: #888;
  }
  .news_post_ttl {
    color: #000;
    font-size: 18px;
    line-height: 2;
    margin-top: 10px;
  }


  /*=================================================================
  商品詳細 single-products.php
  =================================================================*/
  /*商品画像ギャラリー*/
  .single_product_img_area {
    width: 470px;
    float: left;
  }
  .single_product_img_area img {
    width: 100%;
  }
  .single_product_gallery {
    overflow: hidden;
    margin-top: 20px;
  }
  .single_product_gallery li {
    width: 100px;
    float: left;
  }
  .single_product_gallery li + li {
    margin-left: 20px;
  }

  /*カートボタンエリアなど*/
  .product_top_primary {
    width: 470px;
    float: right;
  }
  .product_icon_box {
    overflow: hidden;
    letter-spacing: -0.2em;
    margin-bottom: 12px;
  }
  .product_icon_box i {
    display: inline-block;
    color: #888;
    font-size: 13px;
    line-height: 1;
    letter-spacing: 0;
    padding: 5px;
    margin-right: 10px;
    border: 1px solid #888;
    border-radius: 5px;
  }
  .product_intro {
    font-size: 16px;
    line-height: 2;
    margin-bottom: 12px;
  }
  .bg_gray {
    background: #efefef;
  }
  .product_amout {
    font-size: 16px;
    line-height: 1.5;
    padding: 12px;
  }

  .product_cart_area {
    margin-top: 40px;
    border-top: 1px solid #ccc;
  }
  .cart_box {
    padding: 15px 0 20px;
    border-bottom: 1px solid #ccc;
    overflow: hidden;
  }
  .cart_ttl {
    font-size: 20px;
    line-height: 1.5;
    margin-bottom: 4px;
  }

  .cart_icon {
    display: inline-block;
  }
  .icon_wh {
    display: inline-block;
    background: #fff;
    color: #ed7070;
    font-size: 14px;
    line-height: 1;
    padding: 2px;
    border: 1px solid;
  }
  .icon_pi {
    display: inline-block;
    background: #ed7070;
    color: #fff;
    font-size: 14px;
    line-height: 1;
    padding: 2px;
    border: 1px solid #ed7070;
  }
  .cart_price {
    font-size: 15px;
  }
  .cart_price del {
    color: #888;
  }
  .btn_cart {
    display: block;
    width: 256px;
    float: right;
    font-size: 14px;
    border-radius: 3px;
    padding: 15px 0;
    margin-top: 8px;
    opacity: 1;
    transition: opacity 0.2s;
  }
  .btn_cart:hover {
    opacity: 0.8;
    transition: opacity 0.2s;
  }
  .btn_green {
    background: #79aa83 url(images/arrow_s_r_wh.svg) no-repeat right 16px center;
    background-size: 7px 13px;
    color: #fff;
    border: 1px solid #79aa83;
  }
  .btn_green:before {
    display: inline-block;
    content: "";
    width: 18px;
    height: 16px;
    background: url(images/icon_cart.svg) no-repeat 0 center;
    background-size: contain;
    vertical-align: -2px;
    margin-right: 7px;
  }
  .btn_white {
    background: #fff url(images/arrow_s_r_gr.svg) no-repeat right 16px center;
    background-size: 7px 13px;
    color: #79aa83;
    border: 1px solid #79aa83;
  }
  .btn_white:before {
    display: inline-block;
    content: "";
    width: 18px;
    height: 16px;
    background: url(images/icon_cart_gr.svg) no-repeat 0 center;
    background-size: contain;
    vertical-align: -2px;
    margin-right: 7px;
  }
  .btn_green_blank {
    background: #79aa83 url(images/arrow_s_r_wh.svg) no-repeat right 16px center;
    background-size: 7px 13px;
    color: #fff;
    border: 1px solid #79aa83;
    width: 100%;
    text-align: center;
    margin: 12px 0 10px;
  }
  
  .cart_box + p, p.txtNote {
    font-size: 13px;
    line-height: 1.5;
    padding-top: 5px;
  }


  .product_sub_ttl {
    font-size: 32px;
    font-weight: bold;
    line-height: 1;
    text-align: center;
    padding-bottom: 23px;
    position: relative;
    margin: 120px 0 60px;
  }
  .product_sub_ttl:after {
    content: "";
    display: block;
    width: 82px;
    height: 3px;
    background: #000;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
  }

  .product_cnt_area {
    margin-top: 130px;
  }

  .product_cnt {
    overflow: hidden;
    margin-top: 60px;
  }
  .product_cnt .image {
    width: 470px;
  }
  .product_cnt_ttl {
    width: 470px;
    font-size: 21px;
    font-weight: bold;
    line-height: 1.6;
    text-align: center;
    padding: 28px 0;
  }
  .product_cnt_txt {
    width: 470px;
  }
  .product_cnt_txt p {
    font-size: 16px;
    line-height: 2;
  }


  /*画像左配置*/
  .img_left_box .image {
    float: left;
  }
  .img_left_box .product_cnt_ttl {
    float: right;
  }
  .img_left_box .product_cnt_txt {
    float: right;
    clear: right;
  }

  /*画像右配置*/
  .img_right_box .image {
    float: right;
  }
  .img_right_box .product_cnt_ttl {
    float: left;
  }
  .img_right_box .product_cnt_txt {
    float: left;
    clear: left;
  }

  .txt_green {
    color: #79aa83;
  }
  .product_cnt_txt .bg_gray {
    font-size: 13px;
    padding: 14px;
    text-align: center;
    line-height: 1.75;
  }

  .genzairyou {
    border: 1px solid #ccc;
    padding: 30px 40px 20px;
    margin-top: 60px;
  }
  .genzairyou h4 {
    font-size: 20px;
    line-height: 1;
    text-align: center;
    margin-bottom: 10px;
  }
  .genzairyou p {
    font-size: 13px;
    line-height: 1.75;
  }
  .tyuui {
    font-size: 13px;
    line-height: 1.5;
    padding-top: 5px;
    text-align: center;
  }

  .howto_use > p {
    font-size: 16px;
    text-align: center;
    margin-bottom: 40px;
  }

  .howto_use .step {
    overflow: hidden;
  }
  .howto_use .step li {
    width: 220px;
    float: left;
  }
  .howto_use .step li + li {
    margin-left: 40px;
  }
  .howto_use .step li img {
    display: block;
    width: 100%;
    height: auto;
  }
  .howto_use .step li h4 {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.25;
    text-align: center;
    margin-bottom: 14px;
  }
  .howto_use .step li p {
    font-size: 14px;
    line-height: 1.65;
  }

  .howto_use .tips {
    border: 1px solid #ccc;
  padding: 30px 40px 20px;
    margin-top: 60px;
  }
  .howto_use .tips h4 {
    font-size: 20px;
    line-height: 1;
    text-align: center;
    margin-bottom: 10px;
  }
  .howto_use .tips p {
    font-size: 14px;
    line-height: 1.65;
    text-align: center;
  }
  .howto_nav {
    text-align: center;
    margin-top: 40px;
    letter-spacing: -0.2em;
  }
  .howto_nav li {
    display: inline-block;
    width: 300px;
  }
  .howto_nav li:first-child {
    margin-right: 60px;
  }
  .howto_nav li a {
    display: inline-block;
    width: 300px;
    background: url(images/arrow_s_r_wh.svg) no-repeat right 18px center #79888b;
    background-size: 8px 11px;
    color: #fff;
    font-size: 16px;
    line-height: 1;
    letter-spacing: 0;
    padding: 18px 0;
    border-radius: 5px;
    opacity: 1;
    transition: opacity 0.2s;
  }
  .howto_nav li a:hover {
    opacity: 0.8;
    transition: opacity 0.2s;
  }

  .product_body .common_table p {
    font-size: 16px;
    line-height: 2;
  }
  .product_body .common_table .indent {
    padding-left: 1em;
    text-indent: -1em;
  }
  .product_tel {
    display: block;
    width: 480px;
    height: auto;
    margin: 120px auto 10px;
  }
  .tel_under{
  text-align: center;
  font-size:14px;
  margin-bottom: 60px;
  color: black;
  }
  .tel_under span{
  border-bottom: 1px dotted #888;
  }

  .product_lineup_box .lineup_list {
    padding-bottom: 0;
  display: flex;
  flex-wrap: wrap;
  /*justify-content: space-between;*/
  }
  .product_lineup_box .lineup_list:before{
    content:"";
    display:block;
    width: 22%;;
    height:0;
    order:1;
    }
    .product_lineup_box .lineup_list:after{
    content:"";
    display:block;
    width: 22%;;
    height:0;
    }
  .product_lineup_box .lineup_list li+li{
    width: 20%;
    float: left;
    margin-bottom: 3%;
    padding: 0 1%;
  }
  .product_lineup_box .lineup_list li{
    margin-left: 0;
  }
  .product_lineup_box li {
    width: 200px;
  }
  .product_lineup_box li a {
    opacity: 1;
    transition: opacity 0.2s;
  }
  .product_lineup_box li a:hover {
    opacity: 0.8;
    transition: opacity 0.2s;
  }
  .product_lineup_box .os i {
    width: 200px;
    background-position: right 14px center;
  }



  /*=================================================================
  404
  =================================================================*/
  .page_404 .page_ttl {
    font-size: 36px;
  }
  .page_404 p {
    font-size: 16px;
    text-align: center;
  }
  .btn_common {
    appearance: none;
    -webkit-appearance: none;
    display: block;
    width: 300px;
    background: #79888b url(images/arrow_s_r_wh.svg) no-repeat right 19px center;
    background-size: 7px 13px;
    color: #fff;
    font-size: 16px;
    line-height: 1;
    text-align: center;
    padding:  1.5em 0;
    border: 0 !important;
    border-radius: 5px;
    margin: 0 auto;
    cursor: pointer;
    opacity: 1;
    transition: opacity 0.2s;
  }
  .btn_common:hover {
    opacity: 0.8;
    transition: opacity 0.2s;
  }
  .btn_404 {
    margin: 53px auto 0;
  }

  /*=================================================================
  お問い合わせ
  =================================================================*/
  .form_head h3 {
    font-size: 30px;
    line-height: 1;
    padding: 0 0 16px 4px;
    border-bottom: 1px solid #000;
    margin-bottom: 26px;
  }
  .form_head p {
    font-size: 16px;
    line-height: 2;
    padding: 0 0 1em 4px;
  }
  .btn_contact {
    background: #79aa83;
  }
  .btn_contact span {
    display: inline-block;
    padding-right: 26px;
    background: url(images/icon_link_wh.svg) no-repeat right top;
    background-size: 16px 16px;
    padding-top: 1px;
  }

  .tel_box {
    margin: 60px 0 80px;
  }
  .tel_box1,
  .tel_box2 {
    display: block;
    width: 480px;
    height: 184px;
    text-indent: -9999px;
    overflow: hidden;
  }
  .tel_box1 {
    float: left;
    background: url(images/page/tel_box1.png) no-repeat;
  }
  .tel_box2 {
    float: right;
    background: url(images/page/tel_box2.png) no-repeat;
  }
  .bottom_tel * {
    display: block;
    width: 480px;
    height: 184px;
    text-indent: -9999px;
    overflow: hidden;
    background: url(images/page/tel_bottom.png) no-repeat;
    margin: auto;
  }

  .form_error_txt,
  .form_confirm_txt {
    display: none;
    font-size: 18px !important;
    text-align: center;
    margin: 20px 0 40px;
  }
  .form_confirm_txt p {
    font-size: 18px !important;
  }
  .form_error_txt p {
    font-size: 18px !important;
    color: red;
  }

  .form_area {
    background: #eef5f6;
    padding: 45px 70px 60px;
    margin: 20px auto 45px;
  }
  .table_contact {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
  }
  .table_contact th {
    width: 25%;
    font-size: 16px;
    font-weight: bold;
    text-align: left;
    vertical-align: top;
    padding-top: 32px;
  }
  .table_contact td {
    width: 75%;
    font-size: 16px;
    padding: 15px 0;
  }
  .table_contact td [type="text"],
  .table_contact td [type="email"],
  .table_contact td textarea {
    appearance: none;
    -webkit-appearance: none;
    width: 100%;
    font-size: 16px;
    line-height: 1.5;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 14px;
    box-shadow: none;
  }
  .table_contact td div + div {
    margin-top: 1em;
  }
  .table_contact th div {
    position: relative;
  }
  .hissu {
    display: inline-block;
    font-size: 13px;
    line-height: 1;
    color: #fff;
    background: #ef6868;
    padding: 4px 6px;
    position: absolute;
    top: -2px;
    right: 34px;
  }
  .table_contact th small {
    display: block;
    font-size: 80%;
    position: absolute;
    top: 20px;
    left: 0;
  }

  .sending_area {
    margin-top: 15px;
    overflow: hidden;
  }
  .btn_return {
    float: left;
    background: #a5b4b7 url(images/arrow_s_l_wh.svg) no-repeat 17px center;
    background-size: 7px 13px;
  }

  [value="内容を送信する"] {
    float: right;
  }

  td .error {
    display: block;
    margin: 0.5em 0;
  }

  .mw_wp_form_confirm th {
    vertical-align: middle !important;
    padding: 0 !important;
  }
  .mw_wp_form_confirm .sending_area {
    margin-top: 50px;
  }

  .complete_txt p {
    font-size: 16px;
    line-height: 2;
  }
}


/*################################################################################################################
** SP
################################################################################################################*/
@media screen and (max-width: 767px) {
  body {
    font-size: 3.46vw;
    padding-top: 50px;
    overflow-x: hidden;
  }

  h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,table,th,td,blockquote {
    font-size: 3.46vw;
  }

  .only_pc {
    display: none !important;
  }

  /*ローディングの設定*/
  .loading {
    display: none;
  }
  .home .loading {
    display: block;
    width: 100vw;
    height: 100vh;
    background: rgba(255,255,255,0.95) url(images/loading.svg) no-repeat center;
    background-size: 75px 75px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100000000;
  }
  body.home {
    position: fixed;
    top: 0;
    left: 0;
  }
 /*more*/
  .more {
    width: 25.5vw;
    color: #000;
    font-size: 3.2vw;
    position: relative;
    text-align: left;
    float: left;
  }
  .more .arrow {
    display: block;
    content: "";
    width: 12.6vw;
    height: 1.3vw;
    position: absolute;
    bottom: 0.4vw;
    background: url(images/arrow_right.svg) no-repeat;
    background-size: contain;
    right: 0;
  }
  /*morebtn_border*/
  .border{
    border:1px solid #000;
    width: 48%!important;
    padding: 4vw 4vw!important;
    margin-top:5vw!important;
    float:left!important;
    }
  .border .arrow{
    bottom:16px!important;
    width: 20vw!important;
  }

  .story .border{
    width: 56%!important;
    }

  .comment{
    font-size:11px!important;
  }
  /*=================================================================
  header
  =================================================================*/
  .global_header {
    width: 100%;
    height: 50px;
    background: rgba(255,255,255,0.95);
    position: fixed;
    z-index: 100000;
    top: 0;
    left: 0;
    box-shadow: 0px 0 17px rgba(0,0,0,0.05);
  }
  .header_inner {
    padding: 8px 13px 0 8px;
  }

  /*サイトロゴ*/
  .site_logo img {
    display: inline-block;
    width: 156px;
    height: auto;
  }


  /*ハンバーガーボタン*/
  .btn_menu {
    width: 30px;
    height: 30px;

    position: absolute;
    top: 10px;
    right: 13px;
    cursor: pointer;
  }
  .btn_menu i {
    display: block;
    width: 30px;
    height: 2px;
    background: #000;
    position: absolute;
    left: 0;
  }
  .btn_menu .i1 {
    top: 4px;
  }
  .btn_menu .i2 {
    top: 14px;
  }
  .btn_menu .i3 {
    top: 24px;
  }


  /*=================================================================
  global_nav
  =================================================================*/
  /*グローバルナビ*/
  .global_nav {
    width: 100%;
    background: rgba(121,136,139,0.95);
    padding: 50px 47px 35px;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
  }

  /*閉じるボタン*/
  .btn_close {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 10px;
    right: 13px;
    cursor: pointer;
  }
  .btn_close i {
    display: block;
    width: 42px;
    height: 3px;
    background: #fff;
    border-radius: 1px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -6px;
    margin: auto;
  }
  .btn_close .i1 {
    transform: rotate(45deg);
  }
  .btn_close .i2 {
    transform: rotate(-45deg);
  }

  .gnav_inner {
    width: 100%;
    margin: auto;
    text-align: center;
  }
  .gnav_logo img {
    vertical-align: middle;
  }
  .gnav_logo img + img {
    margin-left: 4px;
  }

  .gnav_inner ul.menu {
    border-top: 1px solid #a4a9a9;
    margin: 3vw 0 6vw;
  }
  .gnav_inner ul.menu li a {
    display: block;
    color: #fff;
    font-size: 4vw;
    font-family : "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro," メイリオ", Meiryo, Osaka," ＭＳ Ｐゴシック", MS PGothic," sans-serif";
    line-height: 1;
    padding: 1em 0;
    border-bottom: 1px solid #a4a9a9;
  }


  .gnav_inner .follow{
    width:102px;	
  }
  /*インスタ*/
  .btn_insta {
    display: inline-block;
    width: 50px;
    height: 44px;
    background: url(images/icon_insta.svg) no-repeat center bottom;
    background-size: 30px;
  }

  /*ライン*/
  .btn_line {
    display: inline-block;
    width: 50px;
    height: 44px;
    background: url(images/icon_line.svg) no-repeat center bottom;
    background-size: 32px;
  }	


  /*=================================================================
  contents
  =================================================================*/
  .contents {
    padding-bottom: 14vw;
  }
  .home .contents {
    padding-bottom: 0;
  }

  /*=================================================================
  footer_bnr
  =================================================================*/
  .footer_bnr{
    background-color: #fff;
    margin: 0;
    padding: 0 2% 12vw;
  }

  .footer_bnr ul{
    background-color: #fff;
    margin:0 auto;
    text-align: center;
    width:100%;
    overflow:hidden;
  }

  .footer_bnr ul li{
    display: inline-block;
    width:48%;
    float:left;
  }
  .footer_bnr ul li:nth-child(odd) {
    clear: both;
  }

  .footer_bnr ul li img{
    display: inline-block;
    width:100%;
    padding-bottom:3%
  }

  .footer_bnr ul li:nth-child(odd){
    margin-right:2%;
  }

  /*=================================================================
  footer
  =================================================================*/
  .global_footer {
    width: 100%;
    background: #f4f4f4;
    padding: 7.7vw 2vw 6.1vw;
  }
  .footer_nav ul {
    text-align: center;
    letter-spacing: -0.2em;
    margin-bottom: 0;
    overflow: hidden;
  }
  .footer_nav li {
    display: inline-block;
    letter-spacing: 0;
    margin: 0 1.5em 1.5em;
  }
  .footer_nav li a {
    display: inline-block;
    color: #000;
    font-size: 2.9vw;
    letter-spacing: 0;
  }
  .footer_nav li a:hover {
    color: #000;
    text-decoration: none;
  }
  .copy {
    display: block;
    color: #888;
    font-size: 2.66vw;
    text-align: center;
  }

  /*=================================================================
  トップページ
  =================================================================*/
  /*メインバナー*/
  .main_bnr {
    position: relative;
    margin-bottom: 8vw;
    overflow: hidden;
  }
  .slider li {
    height: 110.4vw;
    background-position: center;
    background-size: cover;
  }

  /*キャッチコピー*/
  .catch_wrapper {
  }
  .catchcopy {
    width: 16.4vw;
    height: 58.3vw;
    background-size: contain;
    position: absolute;
    top: 5.6vw;
    right: 6vw;
  }
  .catchcopy img {
    width: 16.4vw;
    height: auto;
  }
  .txt_scroll  {
    display: none;
  }

  .top_cnt_ttl {
    font-size: 8vw;
    font-family: 'Libre Baskerville';
  }
  .top_cnt_ttl:after {
    content: "";
    display: block;
    width: 10vw;
    height: 2px;
    background: #000;
    margin-top: 1.5vw;
  }

  .top_common_ttl {
    font-size: 4.2vw;
    font-weight: bold;
    font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "serif";
    line-height: 2;
  }
/*バナー*/
.cam_bnr{
  width:100%;	
}

.cam_bnr img{
  /*width:94%;*/
  /*margin: 0 auto;*/
  display: block;
}	
/*	
  .bnr_box {
    margin-top: -1px;
  }

  .bnr_list {
    width: 100%;
    margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  }
  .bnr_list:after {
  content:"";
    display:block;
    width: 50%;
    height:0;
  }
  .bnr_list li {
    width: 50%!important;
    float: left;
  padding:0;
  margin: 0 0 5vw;
  }

  .bnr_list li img{
    width:100%;
    padding:0;
    margin:0;
  }

.bnr_list li:hover img{
  opacity:0.7;
  }

  .bnr_list li a p {
  width:92%;
  margin:0 4%;
  }
  .bnr_list li a span {
  color:#888;
  margin:0;
    border-bottom: 1px dotted #888;
    opacity: 1;
    transition: opacity 0.2s;
  font-size:3vw;
  line-height: 1.8em;
  }	



  .bnr_list li a:hover span {
    opacity: 0.7;
    transition: opacity 0.2s;
  }	
*/
  /* トップコンテンツ1 */
  .top_cnt1 {
    padding-bottom: 11vw;
    position: relative;
    overflow-x: hidden;
    background: #fff;
  }
  .story .top_cnt1 .top_cnt_ttl {
/*    position: absolute;
    top: 0;
    left: 2.4vw;
    z-index: 20;*/
  }
  .top_cnt1 .top_common_ttl:after {
    content: "";
    display: block;
    width: 24vw;
    height: 1px;
    background: #638b6b;
    margin: 3.6vw 0 4.8vw;
  }
  .cnt1_inner1 {
    width: 100%;
    height: 67vw;
    margin: auto;
    position: relative;
  }

  .cnt1_inner2 {
    width: 100%;
    height: 34.6vw;
    margin: auto;
    position: relative;
  }	

  .cnt1_img {
    width: 85.3vw;
    height: auto;
    position: absolute;
    z-index: 10;
    top: 3.8vw;
    /*opacity: 0;*/
  }
  .cnt1_img1 {
    left: 0;
  }
  .cnt1_img2 {
    right: 0;
  }

  /*.concept .top_cnt_ttl h3{
  font-size:6vw!important;
  font-family: 'Noto Serif JP',"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "serif";
  line-height: 1.5;
  }	*/
  .top_cnt_txtarea {
    background: #f8f4ef;
    /*opacity: 0;*/
    /*transform: translateX(100%);*/
    padding: 32vw 6vw 30vw;
  }
  .top_cnt_txtarea1 {
    margin-left: 6vw;
    margin-bottom: 24vw;
  }
  .top_cnt_txtarea2 {
    margin-right: 9.3vw;
  }
.top_cnt_txtarea1 h3,	
.top_cnt_txtarea2 h3{
  font-size:6vw!important;
  font-family: 'Noto Serif JP',"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "serif";
  line-height: 1.5;
  margin-bottom:4vw;
}

.top_cnt_txtarea1 h3:after,
.top_cnt_txtarea2 h3:after {
    content: "";
    display: block;
    width: 10vw;
    height: 2px;
    background: #000;
    margin-top: 1.5vw;
  }
  .top_cnt_txtarea .top_common_ttl {
    width: auto;
    /*opacity: 0;*/
  }
  .top_cnt_leadtxt {
    width: auto;
    font-size: 3.46vw;
    line-height: 2;
    /*opacity: 0;*/
  }

  /* トップコンテンツ2 */
  .top_cnt2 {
    background: no-repeat center top fixed;
    background-size: cover;
    /*padding-top: 11.2vw;*/
  }

  .cnt2_lead {
    padding: 0 6.6vw 16.4vw;
  }
  .cnt2_lead .top_common_ttl {
    text-align: center;
  }
  .cnt2_lead .top_common_ttl:after {
    content: "";
    display: block;
    width: 24vw;
    height: 1px;
    background: #000;
    margin: 3.6vw auto 4.8vw;
  }
  .cnt2_lead p {
    font-size: 3.46vw;
    line-height: 2;
    text-align: left;
  }


  .cnt2_inner {
    background: #fff;
  }
  .cnt2_visual {
    display: block;
    width: 86.7vw;
    height: 67.9vw;
    margin: auto;
    position: relative;
    top: -11.6vw;
  }
  .cnt2_visual img {
    position: absolute;
    height: auto;
  }
  .visual1 {
    width: 50.5vw;
    top: 0;
    left: 17.8vw;
  }
  .visual2 {
    width: 26.6vw;
    top: 24.6vw;
    right: 0;
  }
  .visual3 {
    width: 38vw;
    top: 26.6vw;
    left: 0;
  }
  .visual4 {
    width: 18.1vw;
    top: 48vw;
    right: 13.2vw;
  }
  .visual5 {
    width: 28.8vw;
    bottom: 0;
    left: 23.3vw;
  }

  .lineup_box {
    /*margin-top: 6vw;*/
    padding-bottom: 13vw;
  }
  .lineup_box .top_cnt_ttl {
    text-align: center;
  }
  .lineup_box .top_cnt_ttl:after {
    margin: 3.46vw auto;
  }
  .lineup_list {
    max-width: initial;
    margin: 0 1.33vw 0;
    /*padding-bottom: 13vw;*/
    overflow: hidden;
  }
  .lineup_list li {
    width: 50%;
    float: left;
    margin-bottom: 3vw;
  height: 60vw;
  }
  .lineup_list li + li {
    margin-left: 0;
  }
  .lineup_list li:nth-child(even) {
    float: right;
    margin-left: 0;
  }
  .lineup_list li a {
    width: 100%;
    display: block;
    color: #888;
    font-size: 3.46vw;
    line-height: 1.5;
    text-align: center;
  }
  .item_wrap {
    position: relative;
    overflow: hidden;
  }
  .lineup_list li a img {
    display: block;
    width: 100%;
    height: auto;
    transform: scale(1);
  }
  .lineup_list li .item_name{
    line-height: 1.3;
  }
  .lineup_list li .item_name span {
    font-size: 3.46vw;
    font-weight: bold;
    padding: 0;
    border-bottom: 1px dotted #888;
  }  
  .lineup_box .more_lineup{
    position: relative;
    margin: 5vw auto 0;
    float: none!important;
    display: block;
  }
  .fsdown{
  font-size: 2.7vw!important;
  }

  .os {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(255,255,255,0.9);
    display: none;
  }
  .os i {
    width: 220px;
    height: 46px;
    background: url(images/icon_link.svg) no-repeat right 38px center;
    background-size: 15px auto;
    color: #000;
    font-size: 15px;
    text-align: left;
    padding: 15px 0 0 40px;
    border: 1px solid #000;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
  }


  /* トップコンテンツ3 */
  .top_cnt3 {
    padding-top: 42.6vw;
  }
  .cnt3_inner {
    background: #fff;
    /*padding-bottom: 14.6vw;*/
  }

  .cnt3_inner .more{
  float:right;
  }
  .cnt3_news_box {
    max-width: initial;
    width: 89.3vw;
    background: #fff;
    padding: 8vw 5vw;
    margin: auto;
    position: relative;
    top: -7.2vw;
    overflow: hidden;
  }
  .cnt3_news_box .top_cnt_ttl {
    width: auto;
    float: none;
  }
  .cnt3_news_box ul {
    width: auto;
    float: none;
    margin-top: 6vw;
  }
  .cnt3_news_box li {
    border-bottom: #eee 1px solid;
    padding: 0 0 0.8em;
    margin-bottom: 1em;
  }
  .cnt3_news_box li a {
    display: block;
    color: #888;
    font-size: 2.9vw;
    line-height: 2;
    padding: 0;
  }
  .top_post_date {
    display: inline-block;
    width: 17.46vw;
  }
  .top_post_cat {
    display: inline-block;
    width: auto;
  }
  .cnt3_news_box .top_post_ttl {
    display: block;
    color: #000;
    font-size: 3.46vw;
  }

  .top_bg {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -100;
  }
  .bg2 {
    background: url(images/top/sp_top_bg2.jpg) no-repeat center top;
    background-size: cover;
  }
  .bg3 {
    background: url(images/top/top_bg3.jpg) no-repeat center top;
    background-size: cover;
  }


  /*=================================================================
  パンくずリスト
  =================================================================*/
  .pankuzu {
    padding: 2.66vw 1em 7.7vw;
    letter-spacing: -0.2em;
  }
  .pankuzu li {
    display: inline-block;
    color: #888;
    font-size: 12px;
    font-family : "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro," メイリオ", Meiryo, Osaka," ＭＳ Ｐゴシック", MS PGothic," sans-serif";
    line-height: 1.5;
    letter-spacing: 0;
    margin-right: 32px;
  }
  .pankuzu li + li {
    background: url(images/arrow_s_r_bk.svg) no-repeat left 4px;
    background-size: 4px auto;
    padding-left: 16px;
  }
  .pankuzu li a {
    display: inline-block;
    color: #888;
    letter-spacing: 0;
  }


  /*=================================================================
  投稿・固定ページ single.php or page.php
  =================================================================*/
  .post_contents,
  .page_contents {
    width: auto;
    margin: 0 4vw;
  }

  /*投稿ページ single.php*/
  .post_meta * {
    display: inline-block;
    color: #888;
    font-size: 3.7vw;
  }
  .post_date {
    width: 23.3vw;
  }
  .post_ttl {
    font-size: 5.8vw;
    line-height: 1.5;
    padding: 0 0 2.8vw;
    border-bottom: 1px solid #000;
    margin-bottom: 5.2vw;
  }
  .eyecatch img {
    width: 100%;
    height: auto;
    margin-bottom: 3vw;
  }
  .post_body h2 {
    font-size: 5vw;
    line-height: 1.5;
    margin: 2em 0 1em;
  }
  .post_body h3 {
    font-size: 4.8vw;
    line-height: 1.5;
    margin: 2em 0 1em;
  }
  .post_body h4 {
    font-size: 4.6vw;
    line-height: 1.5;
    margin: 2em 0 1em;
  }
  .post_body h5,
  .post_body h6 {
    font-size: 4.4vw;
    line-height: 1.5;
    margin: 2em 0 1em;
  }
  .post_body p {
    font-size: 4vw;
    line-height: 2;
    margin-bottom: 1em;
  }

  .size-medium,
  .size-large,
  .size-full {
    display: block;
    width: 100%;
    height: auto;
  }
  .alignnone,
  .aligncenter {
    margin: auto;
  }

  .post_body a {
    color: #888;
    border-bottom: 1px dotted #888;
  }

  /*固定ページ page.php*/
  .page_ttl {
    font-size: 5.5vw;
    text-align: center;
    margin-bottom: 6vw;
  }
  .page_ttl:after {
    display: block;
    content: "";
    width: 10vw;
    height: 2px;
    background: #000;
    margin: 2.5vw auto 0;
  }

  .table_deco1 {
    border: 2px solid #eee;
    padding: 4px;
  }
  .table_deco2 {
    border: 1px solid #eee;
    padding: 7vw 4.2vw 4vw;
  }
  .common_table {
    width: 100%;
    table-layout: fixed
  }
  .common_table tr + tr {
    border-top: 1px solid #eee;
  }
  .common_table th {
    display: block;
    font-size: 4vw;
    line-height: 1;
    text-align: left;
    padding: 1em 0 0.7em 0.2em;
  }
  .common_table td {
    display: block;
    font-size: 4vw;
    line-height: 2;
    padding: 0 0 1em 0.2em;
  }
  .common_table td a {
    color: #000;
    border-bottom: 1px dotted #888;
  }

  /*ラインナップ*/
  .linup_list li.list {
    overflow: hidden;
    padding: 8vw  0 8vw;
    border-bottom: 1px solid #eee;
  }
  .linup_list li.list:first-child {
    padding-top: 0;
  }
  .lineup_thumb_img {
    display: block;
    width: 80vw;
    height: auto;
    margin: auto;
  }
  .lineup_meta h2 {
    font-size: 6.4vw;
    line-height: 1.35;
    margin-top: 5.6vw;
  }
  .lineup_price {
    font-size: 4vw;
    line-height: 1.35;
    margin: 1.8vw 0 2.4vw;
  }
  .lineup_icon i {
    display: inline-block;
    background: #fff;
    color: #888;
    font-size: 2.9vw;
    padding: 1vw 2vw;
    border: 1px solid #ccc;
    border-radius: 3px;
    margin-right: 1vw;
  }
  .lineup_meta p {
    font-size: 4vw;
    line-height: 2;
    margin: 2.66vw 0 4.8vw;
  }

  .lineup_meta ul.btn li{
  display: inline-block;
    width: 47%;
  }

  .lineup_meta ul.btn li:first-child {
    margin-right: 4%;
  }	
  .btn_lineup {
  display: inline-block;
    width: 100%;
    height: 13.3vw;
    background: #79888b url(images/arrow_s_r_wh.svg) no-repeat right 4.8vw center;
    background-size: 7px auto;
    color: #fff;
    font-size: 3.7vw;
    text-align: center;
    padding-top: 5.3vw;
    border-radius: 3px;
    margin: auto;
  margin-right:4.4%;
  }

  .btn_howtouse {
  display: inline-block;
    width: 100%;
    height: 13.3vw;
    background: #fff url(images/arrow_s_r_gl.svg) no-repeat right 4.8vw center;
    background-size: 7px auto;
    color: #79888b;
    font-size: 3.7vw;
    text-align: center;
    padding-top: 5.3vw;
    border-radius: 3px;
    margin: auto;
  border:1px solid #79888b;
  }	

  /*FAQ*/
  .faq_leadtxt {
    line-height: 2;
  }
  .faq_nav {
    background: #f4f4f4;
    padding: 8.4vw 0 8vw 6vw;
    letter-spacing: -0.2em;
    margin: 6vw 0 0;
  }
  .faq_nav li {
    display: inline-block;
    background: url(images/arrow_s_b_bk.svg) no-repeat left center;
    background-size: 12px auto;
    padding-left: 20px;
  }
  .faq_nav li + li {
    margin-top: 6.4vw;
  }
  .faq_nav li a {
    display: inline-block;
    color: #000;
    font-size: 4vw;
    letter-spacing: 0;
    padding-bottom: 2px;
    border-bottom: 1px dotted #ababab;
  }
  .faq_list li a,
  .underline {
    color: #000;
    border-bottom: 1px dotted #ababab;
  }
  .faq_box {
    padding-top:15vw;
  }
  .faq_box h2 {
    font-size: 5.8vw;
    line-height: 1.2;
    padding-bottom: 1.6vw;
    border-bottom: 1px solid #000;
    margin: 0 0 4.6vw;
    /*padding-top: 7.2vw;*/
  }
  .faq_list li {
    background: #fff;
    padding: 3.2vw;
    border: 1px solid #ccc;
    border-radius: 8px;
    margin-top: 2.66vw;
  }
  .faq_list .Q {
    background: url(images/icon_plus.svg) no-repeat right center;
    background-size: 18px 18px;
    font-size: 4vw;
    font-weight: bold;
    line-height: 2;
    padding: 0 8.5vw 0 5.6vw;
    position: relative;
  }
  .faq_list .on .Q {
    background: url(images/icon_minus.svg) no-repeat right center !important;
    background-size: 18px 1px !important;
  }
  .faq_list .Q:before {
    display: inline-block;
    content: "Q.";
    color: #ed7070;
    font-size: 4vw;
    line-height: 2;
    position: absolute;
    left: 0;
    top: 0;
  }
  .faq_list .A,
  .faq_list .A * {
    font-size: 4vw;
    line-height: 2;
  }
  .faq_list .A {
    position: relative;
    padding-left: 5.6vw;
    margin-top: 2vw;
    display: none;
  }
  .faq_list .A:before {
    display: inline-block;
    content: "A.";
    color: #54759c;
    font-size: 4vw;
    line-height: 2;
    position: absolute;
    left: 0;
    top: 0;
  }
  /*191017cltr追加*/
  .faq_list .faq_cltr_img{
    display: block;
    width: 65.4vw;
    margin: 3vw 0;
  }
  .faq_list .kome{
    font-size: 3vw;
  }

  /*wp-pagenavi*/
  .wp-pagenavi {
    height: 4vw;
    text-align: center;
    margin-top: 6.6vw;
    position: relative;
  }
  .wp-pagenavi * {
    display: inline-block;
    color: #000;
    font-family: 'Libre Baskerville', serif;
    border: 0 !important;
  }
  body .page,
  .current {
    font-size: 4.2vw;
    padding: 0.5vw 1vw;
    margin: 0 2vw;
  }
  .current {
    border-bottom: 2px solid #000 !important;
  }

  [rel="next"],
  [rel="prev"] {
    width: 24vw;
    color: #000;
    font-size: 3.2vw;
    position: relative;
    border: 0 !important;
  }
 [rel="next"] {
    position: absolute;
    top: 1.3vw;
    right: 0;
    text-align: left;
  }
  [rel="prev"] {
    position: absolute;
    top: 1.3vw;
    left: 0;
    text-align: right;
  }
  .wp-pagenavi .arrow {
    display: block;
    content: "";
    width: 12.6vw;
    height: 1.3vw;
    position: absolute;
    bottom: 1vw;
  }
  .wp-pagenavi .arrow_r{
    background: url(images/arrow_right.svg) no-repeat;
    background-size: contain;
    right: 0;
  }
  .wp-pagenavi .arrow_l {
    background: url(images/arrow_left.svg) no-repeat;
    background-size: contain;
    left: 0;
  }


  /*ニュース一覧 page-news.php*/
  .news_list li {
    border-bottom: 1px solid #eee;
    padding-bottom: 3.7vw;
    margin-bottom: 3.7vw;
  }
  .thumbnail {
    width: 42.6vw;
    height: 28.4vw;
    background-position: center;
    background-size: cover;
    float: left;
  }
  .thumbnail.noimage {
    background: #fff;
    color: #000;
    font-size: 3.2vw;
    text-align: center;
    border: 1px solid #ccc;
    padding-top: 12vw;
  }
  .news_post_meta {
    padding-top: 1vw;
    margin-left: 45.3vw;
  }
  .news_post_date {
    display: inline-block;
    width: 20vw;
    color: #888;
  }
  .news_post_cat {
    color: #888;
  }
  .news_post_ttl {
    color: #000;
    font-size: 4vw;
    line-height: 2;
    margin-top: 0;
  }


  /*=================================================================
  商品詳細 single-products.php
  =================================================================*/
  .post_contents img {
    width: 100%;
    height: auto;
  }
  /*商品画像ギャラリー*/
  .single_product_img_area img {
    width: 100%;
  }
  .single_product_gallery {
    overflow: hidden;
    margin: 2.66vw 0 6vw;

  }
  .single_product_gallery li {
    width: 22%;
    float: left;
  }
  .single_product_gallery li + li {
    margin-left: 4%;
  }

  /*カートボタンエリアなど*/
  .product_top_primary {

  }
  .product_icon_box {
    overflow: hidden;
    letter-spacing: -0.2em;
    margin-bottom: 12px;
  }
  .product_icon_box i {
    display: inline-block;
    color: #888;
    font-size: 2.9vw;
    line-height: 1;
    letter-spacing: 0;
    padding: 0.3em 0.5em;
    margin-right: 1.3vw;
    border: 1px solid #888;
    border-radius: 2px;
  }
  .product_intro {
    font-size: 4vw;
    line-height: 2;
    margin-bottom: 3.2vw;
  }
  .bg_gray {
    background: #efefef;
  }
  .product_amout {
    font-size: 3.7vw;
    line-height: 1.5;
    padding: 0.5em;
  }

  .product_cart_area {
    margin-top: 40px;
    border-top: 1px solid #ccc;
  }
  .cart_box {
    padding: 15px 0 20px;
    border-bottom: 1px solid #ccc;
    overflow: hidden;
  }
  .cart_ttl {
    font-size: 4vw;
    line-height: 1.5;
    margin-bottom: 0.3em;
  }

  .cart_icon {
    display: inline-block;
  }
  .icon_wh {
    display: inline-block;
    background: #fff;
    color: #ed7070;
    font-size: 3.2vw;
    line-height: 1;
    padding: 0.2em;
    border: 1px solid;
  }
  .icon_pi {
    display: inline-block;
    background: #ed7070;
    color: #fff;
    font-size: 3.2vw;
    line-height: 1;
    padding: 0.2em;
    border: 1px solid #ed7070;
  }
  .cart_price {
    display: block;
    font-size: 3.7vw;
    margin: 3.2vw 0;
  }
  .cart_price del {
    color: #888;
  }
  .btn_cart {
    display: block;
    width: 80vw;
    font-size: 3.7vw;
    border-radius: 3px;
    padding: 4.8vw 0;
    margin: auto;
  }

  .btn_green {
    background: #79aa83 url(images/arrow_s_r_wh.svg) no-repeat right 4.8vw center;
    background-size: 1.6vw auto;
    color: #fff;
    border: 1px solid #79aa83;
  }
  .btn_green:before {
    display: inline-block;
    content: "";
    width: 5vw;
    height: 4.2vw;
    background: url(images/icon_cart.svg) no-repeat 0 center;
    background-size: contain;
    vertical-align: -2px;
    margin-right: 2vw;
  }
  .btn_white {
    background: #fff url(images/arrow_s_r_gr.svg) no-repeat right 4.8vw center;
    background-size: 1.6vw auto;
    color: #79aa83;
    border: 1px solid #79aa83;
  }
  .btn_white:before {
    display: inline-block;
    content: "";
    width: 5vw;
    height: 4.2vw;
    background: url(images/icon_cart_gr.svg) no-repeat 0 center;
    background-size: contain;
    vertical-align: -2px;
    margin-right: 2vw;
  }
  .btn_green_blank {
    background: #79aa83 url(images/arrow_s_r_wh.svg) no-repeat right 16px center;
    background-size: 7px 13px;
    color: #fff;
    border: 1px solid #79aa83;
    width: 100%;
    text-align: center;
    margin: 0.3em 0 0;
  }
   .cart_box + p, p.txtNote {
    font-size: 2.9vw;
    line-height: 1.5;
    padding-top: 0.5em;
  }


  .product_sub_ttl {
    font-size: 5.3vw;
    font-weight: bold;
    line-height: 1;
    text-align: center;
    padding-bottom: 1em;
    position: relative;
    margin: 18vw 0 8vw;
  }
  .product_sub_ttl:after {
    content: "";
    display: block;
    width: 12vw;
    height: 3px;
    background: #000;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
  }

  .product_cnt_area {
    margin-top: 17vw;
  }

  .product_cnt {
    overflow: hidden;
    margin-top: 60px;
  }
  .product_cnt .image {

  }
  .product_cnt_ttl {
    font-size: 4.3vw;
    font-weight: bold;
    line-height: 1.6;
    text-align: center;
    padding: 0 0 1em;
  }
  .product_cnt_txt {
    margin: 3vw 0 0;
  }
  .product_cnt_txt p {
    font-size: 4vw;
    line-height: 2;
  }


  .txt_green {
    color: #79aa83;
  }
  .product_cnt_txt .bg_gray {
    font-size: 2.9vw;
    padding: 0.8em 1em;
    text-align: center;
    line-height: 1.75;
    margin-top: 3.2vw;
  }

  .genzairyou {
    border: 1px solid #ccc;
    padding: 4vw 4vw 2.66vw;
    margin-top: 8vw;
  }
  .genzairyou h4 {
    font-size: 4vw;
    line-height: 1;
    text-align: center;
    margin-bottom: 0.5em;
  }
  .genzairyou p {
    font-size: 2.9vw;
    line-height: 1.75;
  }
  .tyuui{
    font-size: 2.9vw;
    line-height: 1.5;
    padding-top: 0.5em;
  }

  .howto_use > p {
    font-size: 16px;
    text-align: center;
    margin-bottom: 40px;
  }

  .howto_use .step {
    overflow: hidden;
  }
  .howto_use .step li {
    overflow: hidden;
  }
  .howto_use .step li + li {
    margin-top: 4.8vw;
  }
  .howto_use .step li img {
    display: block;
    width: 32vw;
    height: auto;
    float: left;
    margin-right: 2.66vw;
  }
  .howto_use .step li h4 {
    font-size: 4vw;
    font-weight: bold;
    line-height: 1.25;
    margin-bottom: 0.2em;
  }
  .howto_use .step li p {
    font-size: 3.2vw;
    line-height: 1.65;
  }

  .howto_use .tips {
    border: 1px solid #ccc;
    padding: 4vw 4vw 3vw;
    margin-top: 8vw;
  }
  .howto_use .tips h4 {
    text-align: center;
    margin-bottom: 0.8em;
  }
  .howto_use .tips p {
    font-size: 2.9vw;
    line-height: 1.65;
    text-align: center;
  }
  .howto_nav {
    text-align: center;
    margin-top: 40px;
    letter-spacing: -0.2em;
  }
  .howto_nav li {
    display: inline-block;
    width: 46%;
    /*display: block;
    margin: auto;
    width: 80vw;*/
  }
  .howto_nav li:first-child {
    margin-right: 4.4%;
  }
  .howto_nav li a {
    display: inline-block;
    width: 100%;
    background: url(images/arrow_s_r_wh.svg) no-repeat right 4.8vw center #79888b;
    background-size: auto 2.14vw;
    color: #fff;
    font-size: 3.7vw;
    line-height: 1;
    letter-spacing: 0;
    padding: 1.5em 0;
    border-radius: 3px;
  }

  .product_body .common_table th {
    font-weight: bold;
  }
  .product_body .common_table p {
    font-size: 4vw;
    line-height: 2;
  }
  .product_body .common_table .indent {
    padding-left: 1em;

    text-indent: -1em;
  }
  .product_tel {
    display: block;
    margin: 16vw auto 4vw;
  }
  .tel_under{
  text-align: center;
  font-size: 3.46vw;
  margin-bottom: 8vw;
  color: black;
  }

  .product_lineup_box {
    margin-left: -4vw;
    margin-right: -4vw;
  }
  .product_lineup_box .lineup_list {
    padding-bottom: 0;
  }



  /*=================================================================
  404
  =================================================================*/
  .page_404 .page_ttl {
    font-size: 6.4vw;
  }
  .page_404 p {
    font-size: 4vw;
    line-height: 2;
  }
  .btn_common {
    display: block;
    width: 80vw;
    background: #79888b url(images/arrow_s_r_wh.svg) no-repeat right 19px center;
    background-size: 6px auto;
    color: #fff;
    font-size: 3.7vw;
    text-align: center;
    padding:  1.3em 0;
    border-radius: 3px;
    border: 0;
    margin: 0 auto;
    appearance: none;
    -webkit-appearance: none;
  }
  .btn_404 {
    margin-top: 8vw;
  }


  /*=================================================================
  お問い合わせ
  =================================================================*/
  .form_head h3 {
    font-size: 4.8vw;
    line-height: 1.5;
    padding: 0 0 16px 4px;
    border-bottom: 1px solid #000;
    margin-bottom: 26px;
  }
  .form_head p {
    font-size: 3.46vw;
    line-height: 2;
    padding: 0 0 1em 4px;
  }
	
  .btn_contact {
    background: #79aa83;
  }	
	
  .btn_contact span {
    display: inline-block;
    padding-right: 26px;
    background: url(images/icon_link_wh.svg) no-repeat right top;
    background-size: 14px auto;
    padding-top: 1px;
    padding-bottom: 1px;
  }

  .tel_box {
    margin: 5vw 0 8vw;
  }
  .tel_box1,
  .tel_box2 {
    display: block;
    width: auto;
    height: 35vw;
    text-indent: -9999px;
    overflow: hidden;
  }
  .tel_box1 {
    background: url(images/page/tel_box1.png) no-repeat;
    background-size: contain;
  }
  .tel_box2 {
    background: url(images/page/tel_box2.png) no-repeat;
    background-size: contain;
    margin-top: 4vw;
  }
  .bottom_tel * {
    display: block;
    width: 100%;
    height: 35vw;
    text-indent: -9999px;
    overflow: hidden;
    background: url(images/page/tel_bottom.png) no-repeat;
    background-size: contain;
    margin: auto;
  }

	
  .box_kojin{
		margin-bottom:20vw;	
  }
	
  .form_error_txt,
  .form_confirm_txt {
    display: none;
    margin: 4vw 0 8vw;
  }
  .form_confirm_txt p {
    font-size: 4vw !important;
    line-height: 1.5 !important;
  }
  .form_error_txt p {
    font-size: 4vw !important;
    line-height: 1.5 !important;
    color: red;
  }

  .form_area {
    background: #eef5f6;
    padding: 3vw 3vw 6vw;
    margin: 4vw auto 8vw;
  }
  .table_contact {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
  }
  .table_contact th {
    display: block;
    width: 100%;
    font-size: 3.46vw;
    font-weight: bold;
    text-align: left;
  }
  .table_contact td {
    display: block;
    width: 100%;
    font-size: 3.46vw;
    padding: 0.5em 0 3em;
  }
  .table_contact tr:last-child td {
    padding-bottom: 0.7em;
  }
  .table_contact td [type="text"],
  .table_contact td [type="email"],
  .table_contact td textarea {
    width: 100%;
    font-size: 3.46vw;
    line-height: 1.5;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 5px;
  }
  .table_contact td div + div {
    margin-top: 1em;
  }
  .table_contact th div {
    position: relative;
  }
  .hissu {
    display: inline-block;
    font-size: 2.66vw;
    line-height: 1;
    color: #fff;
    background: #ef6868;
    padding: 4px 6px;
    position: absolute;
    top: -2px;
    right: 2px;
  }
  .table_contact th small {
    display: inline-block;
    font-size: 80%;
    padding-left: 1em;
  }

  .sending_area {
    margin-top: 15px;
    overflow: hidden;
  }
  .btn_return {
    width: 48%;
    float: left;
    background: #a5b4b7 url(images/arrow_s_l_wh.svg) no-repeat 2vw center;
    background-size: 7px auto;
  }

  [value="内容を送信する"] {
    width: 48%;
    float: right;
  }

  td .error {
    display: block;
    margin: 0.5em 0;
  }

  .mw_wp_form_confirm th {
    vertical-align: middle !important;
    padding: 0 !important;
  }
  .mw_wp_form_confirm .sending_area {
    margin-top: 50px;
  }
  .mw_wp_form_confirm .btn_submit {
    background-position: right 2vw center !important;
  }

  .complete_txt p {
    font-size: 3.46vw;
    line-height: 2;
  }
}



/*################################################################################################################
** TABLET
################################################################################################################*/
@media screen and (min-width: 768px) and (max-width: 1080px) {
  /*#############################################################################################
  ** Reset
  #############################################################################################*/
  body {
    width: 1080px;
    max-width: 1080px;
    overflow-x: hidden;
  }
  .pankuzu li + li {
    margin-left: 24px;
  }

  .slider li {
    height: 70vw;
    background-position: center;
    background-size: cover;
  }
  .post_contents,
  .page_contents {
    width: 1000px;
    max-width: 1000px;
    overflow-x: hidden;
  }
  .top_cnt1 {
    overflow-x: hidden;
  }

  .footer_nav li {
    letter-spacing: 0;
  }
  .footer_nav li a {
    display: inline-block;
    margin: 0 10px;
  }
  .top_cnt_txtarea1 {
    padding: 50px 0 0 56%;
  }
  .top_cnt_txtarea2 {
    padding: 45px 29% 120px 10%;
  }
  
  .footer_bnr ul{
    width: 80%;
    overflow: hidden;
    margin: auto;
  }
}


/*################################################################################################################
** 共通アニメーション
################################################################################################################*/
/*文字のフェードイン
.fadeIn {
  animation: fadeIn 0.4s linear forwards !important;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
    //transform: scale(0);
  }
  100% {
    opacity: 1;
    //transform: scale(1);
  }
}*/


/*下からフェードインしてくる*/
.fromBottom {
  animation: fromBottom 0.8s forwards !important;
}
@keyframes fromBottom {
  0% {
    top: 800px;
    opacity: 0;
  }
  70% {
    opacity: 0.5;
  }
  100% {
    top: 27px;
    opacity: 1;
  }
}

/*フェードインしてくる*/
.fadein {
  animation: fadein 1.5s forwards !important;
}
@keyframes fadein {
  0% {
    opacity: 0;
  }
  60% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}

/*右からフェードインしてくる*/
.fromRight {
  animation: fromRight 1.5s forwards !important;
}
@keyframes fromRight {
  0% {
    transform: translateX(100%);
    opacity: 0;
  }
  70% {
    opacity: 0.5;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
/*右からフェードインしてくる*/
.fromLeft {
  animation: fromLeft 1s forwards !important;
}
@keyframes fromLeft {
  0% {
    transform: translateX(-100%);
    opacity: 0;
  }
  70% {
    opacity: 0.5;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}


.small_zoomUp {
  animation: small_zoomUp 0.2s linear forwards !important;
}
@keyframes small_zoomUp {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.05);
  }
}

.small_zoomOut {
  animation: small_zoomOut 0.2s linear forwards !important;
}
@keyframes small_zoomOut {
  0% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}

/*#################################################################
キャンペーンページでページタイトルが一瞬表示されるのを解消
本番でのみ有効なCSS
/special2104/
#################################################################*/
.page-id-1574 .page_ttl {
  display: none !important;
}