@charset "UTF-8";
/* 安江工務店 : smartphone */
@import url(//cdnjs.cloudflare.com/ajax/libs/izimodal/1.5.1/css/iziModal.min.css);
@media screen and (max-width: 768px) {
  body {
    min-width: 100%;
  }
  * {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    tap-highlight-color: rgba(0, 0, 0, 0);
  }
  a:hover {
    text-decoration: none;
  }
  hr {
    width: auto;
  }
  .onlySP {
    display: block;
  }
  html,
  body {
    max-width: 100vw;
    overflow-x: hidden;
    /*overflow-y:hidden;*/
  }
  .none {
    display: block;
  }
  h3.ttl_normal > br, h3.ttl_bedford > br, h3.ttl_lampo > br {
    display: block;
  }
  #wrapper {
    width: 100%;
  }
  .col2-ul {
    width: 95%;
    margin-right: auto;
    margin-left: auto;
  }
  .col2-ul > li {
    width: 100%;
    margin-right: 0%;
    margin-bottom: 15px;
    float: none;
  }
  .col2-ul > li:nth-child(2n) {
    margin-right: 0;
    float: none;
  }
  #main-contents {
    max-width: 100vw;
    width: 100vw;
    margin: 0px;
    overflow: hidden;
  }
  .cl_none {
    display: none;
  }
  /*.side_img1 {
  	width: 50px;
  	height: 140px;
  }
  .side_img2 {
  	display: none;
  }
  .side_img3 {
  	position: absolute;
  	top: 10px;
  	bottom: 0;
  	left: 5px;
  	width: 40px;
  	height: auto;
  }
  .side_img3 img {
  	width: 40px;
  	height: auto;
  }*/
  .close_bt {
    /*position: absolute;
    top: 140px;
    font-size: 25px;
    left: 17px;*/
  }
  .hudo_riho2 {
    /*height: 28px;
    line-height: 28px;*/
  }
  .side_cl {
    /*position: relative;
    top: 0px;*/
  }
  /* グローバルナビ */
  #gNavi {
    display: none;
  }
  div.sp_head_content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* height: 50px!important; */
    width: 100%;
    background-color: #fff;
    z-index: 100;
    text-align: left;
    position: fixed;
  }
  #sp_head {
    display: flex;
  }
  #sp_head_modal {
    position: absolute;
  }
  div.sp_head_content div.sp_nav {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    height: 50px;
  }
  div.sp_head_content div.sp_nav > p, div.sp_head_content div.sp_nav > div {
    flex-grow: 0;
    min-width: 30px;
    padding: 0 5px;
    border-left: 1px solid rgba(24, 34, 96, 0.2);
    margin: 6px 0;
    line-height: 1.2;
    text-align: center;
    color: #182260;
  }
  div.sp_head_content div.sp_nav > p.close, div.sp_head_content div.sp_nav > div.close {
    padding: 3.5px 5px;
    font-size: 26px;
  }
  div.sp_head_content div.sp_nav > p:not(.close) i, div.sp_head_content div.sp_nav > div:not(.close) i {
    font-size: 15px;
    color: #182260;
  }
  div.sp_head_content div.sp_nav > p.sp_tel, div.sp_head_content div.sp_nav > div.sp_tel {
    border-left-color: #fff;
  }
  div.sp_head_content div.sp_nav > p.sp_contact, div.sp_head_content div.sp_nav > p.sp_yoyaku, div.sp_head_content div.sp_nav > div.sp_contact, div.sp_head_content div.sp_nav > div.sp_yoyaku {
    border-left-color: #fff;
    background: #046B91;
  }
  div.sp_head_content div.sp_nav > p.sp_contact span, div.sp_head_content div.sp_nav > p.sp_contact i, div.sp_head_content div.sp_nav > p.sp_yoyaku span, div.sp_head_content div.sp_nav > p.sp_yoyaku i, div.sp_head_content div.sp_nav > div.sp_contact span, div.sp_head_content div.sp_nav > div.sp_contact i, div.sp_head_content div.sp_nav > div.sp_yoyaku span, div.sp_head_content div.sp_nav > div.sp_yoyaku i {
    color: #fff;
  }
  div.sp_head_content div.sp_nav > p a, div.sp_head_content div.sp_nav > p > div, div.sp_head_content div.sp_nav > div a, div.sp_head_content div.sp_nav > div > div {
    display: block;
    line-height: 16px;
    padding: 4px 0 2px;
  }
  div.sp_head_content div.sp_nav > p > div, div.sp_head_content div.sp_nav > div > div {
    cursor: pointer;
  }
  div.sp_head_content div.sp_nav span {
    display: inline-block;
    margin-top: -4px;
    font-size: 11px;
    color: #182260;
    white-space: nowrap;
  }
  div.sp_head_content a:first-child {
    text-align: center;
  }
  div.sp_head_content .sp_logo {
    display: block;
    flex-grow: 1;
    max-width: 130px;
    min-width: 80px;
    padding: 5px 10px;
    line-height: 0;
  }
  div.sp_head_content .sp_logo p {
    margin: 3px 0 0;
    font-size: 10px;
    line-height: 1.5;
    color: #fff;
    background: #093045;
  }
  #sp_menu_cont {
    background-color: #FFFFFF;
    width: 100vw;
    height: 100vh;
    font-size: 14px;
    z-index: 999;
  }
  #sp_menu_cont .top_menu_cont1 {
    background-color: #f2f2f2;
    text-align: left;
    width: 100vw;
    height: 50px;
    position: absolute;
    top: 0;
  }
  #sp_menu_cont .top_menu_cont2 {
    display: none;
    position: absolute;
    top: 50px;
    width: 100vw;
    height: auto;
    padding-bottom: 3em;
  }
  #sp_menu_cont .top_menu_cont3 {
    width: 90vw;
    height: auto;
    text-align: left;
    margin: 0 auto;
  }
  #sp_menu_cont .top_menu_cont3 li {
    display: block;
    padding: 10px 0;
    background-image: url(/wp-content/themes/yasue_2/img/new/top/sp_menu_bg.png);
    background-position: right bottom;
    background-repeat: no-repeat;
    border-bottom: 1px solid #848484;
  }
  #sp_menu_cont .top_menu_cont3 li a {
    padding-left: 10px;
    display: block;
    font-size: 18px;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Sawarabi Mincho", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    color: #333;
  }
  #sp_menu_cont .top_menu_cont3 span.top_menu_sub {
    display: inline-block;
    font-size: 14px;
    color: #666;
    white-space: nowrap;
  }
  #sp_menu_cont .top_menu_cont3 span.top_menu_sub::before {
    content: "― ";
    display: inline;
  }
  #sp_menu_cont .top_menu_cont3 div.menu_sns {
    text-align: center;
  }
  #sp_menu_cont .top_menu_cont3 div.menu_sns a {
    text-decoration: none;
  }
  #sp_menu_cont .top_menu_cont3 div.menu_sns i {
    color: #182260;
    font-size: 2em;
    padding: 1em 0.5em;
  }
  #sp_menu_cont .top_menu_cont3 div.menu_nonc li {
    position: relative;
    background-image: none;
    border-bottom: 1px solid #DBDBDB;
  }
  #sp_menu_cont .top_menu_cont3 div.menu_nonc li:last-child {
    border-bottom: 1px solid #848484;
  }
  #sp_menu_cont .top_menu_cont3 div.menu_nonc a {
    padding-left: 3em;
    font-size: 14px;
    line-height: 20px;
  }
  #sp_menu_cont .top_menu_cont3 div.menu_nonc a::before {
    content: "＞";
    display: block;
    position: absolute;
    top: 10px;
    left: 0;
    padding: 0 1em;
    color: #b3b3b3;
  }
  #sp_menu_cont .top_menu_cont3 div.menu_nonc i.ja {
    display: inline-block;
    font-size: 0.7em;
    font-style: normal;
    vertical-align: middle;
    white-space: nowrap;
  }
  #sp_menu_cont .top_menu_cont3 div.menu_nonc i.ja::before {
    content: "- ";
    display: inline;
  }
  /* 上部へ戻るボタン */
  #page-top {
    right: 20px;
  }
  /* 下部固定ナビ非表示・フッターフォームナビ */
  #subNav {
    display: none;
  }
  #footerFormNav {
    display: block;
  }
  #footerFormNav div.line1 {
    margin: 0 auto;
    top: 0;
  }
  #footerFormNav h3.ttl_normal {
    padding: 0;
    border: none;
    margin-bottom: 35px;
  }
  #footerFormNav div.sections {
    padding: 65px 0 30px;
  }
  #footerFormNav section:not(:last-child) {
    margin-bottom: 65px;
  }
  #footerFormNav div.links {
    width: 100%;
  }
  /* フッター */
  /*.event-list-past-ul li {
  	padding: 1em;
  }
  .event-list-past-ul li a {
  	display: block;
  }*/
  /*.new_bana {
  	width: 100vw;
  	overflow: hidden;
  	padding-top: 5px;
  }
  .new_bana img {
  	width: 47vw;
  	margin: 1vw;
  	float: left;
  }*/
  /*.shacho_bana {
  	width: 100%;
  	text-align: center;
  	margin-top: 30px;
  	right: 10px;
  }
  .shacho_bana img {
  	width: 90vw;
  }*/
  /*.new_map {
  	width: 100vw;
  	height: 300px;
  	margin-bottom: 30px;
  }
  .new_map1 {
  	width: 100vw;
  	height: 300px;
  	margin-top: 10px;
  }*/
  /*.mail_bana1 {
  	position: relative;
  	left: 0;
  	top: 0;
  }
  .mail_bana2 {
  	position: relative;
  	right: 0;
  	bottom: 0;
  }*/
  /*.gallery-item,
  .gallery-columns-2 .gallery-item,
  .gallery-columns-3 .gallery-item,
  .gallery-columns-4 .gallery-item,
  .gallery-columns-5 .gallery-item,
  .gallery-columns-6 .gallery-item,
  .gallery-columns-7 .gallery-item,
  .gallery-columns-8 .gallery-item,
  .gallery-columns-9 .gallery-item {
  	width: 44vw;
  	max-width: 44vw;
  }
  .gallery-item img {
  	max-width: 100%;
  	object-fit: cover;
  }*/
  /* header */
  /*.listul1 {
  	height: 500px;
  	overflow: auto;
  }
  .listul2 {height: 500px;}*/
  /* main */
  /*#sb_instagram .sb_instagram_header{
  	padding: 0 !important;
      margin: 5px 0 0 10px !important;
      width: 95% !important;
  }*/
  /* footer */
  /*.footer_list{
  	display: flex;
  	justify-content: space-around;
  	flex-wrap: wrap;
  	font-size: 0.8em;
  	background: rgba(184,7,39,0.1);
  	padding: 2em 1em;
  }
  .footer_list p{
  	width: 100%;
  	margin-bottom: 1em;
  	padding: 1em 0 .5em;
  	letter-spacing: 0.1em;
  	font-size: 1.5em;
  	color: #b80727;
  	border-bottom: 1px solid #b80727;
  }
  .footer_list div,.footer_sp_tel,.footer_sp_toi{
  	padding: 1em 0.5em;
  	margin: 0.1em 0;
  	border: 1px solid #182260;
  	border-radius: 3px;
  	width: 49%;
  	box-sizing: border-box;
  }
  .footer_list div a,.footer_sp_tel,.footer_sp_toi{
  	display: block;
  	color: #182260;
  }
  .footer_list div a::after{
  	font-family: "Font Awesome 5 Free";
  	font-weight: bold;
  	content: "\f105";
  	margin-left: 0.5em;
  }*/
  /* 下層 */
  /*.common-img{
       margin-bottom: 5px;
  }
  .common-img img{
      margin: 0 auto;
       width: 90%;
  }*/
  /*.title-performance{
      font-size: 1.3em;
          line-height: 1.3;
      letter-spacing: 0.1em;
          padding: 0.3em 0.5em 0.2em 0.5em;
      margin-bottom: 15px;
  }
  .title-performance span{
      font-size: 150%;
  }*/
  /* 会社概要 */
  /* 社員ブログ */
  /* 新着情報 */
  /*#main h2.img700 {
  	margin: 0;
  	padding: 0;
  	background-image: none;
  	overflow: hidden;
  }
  #main h2.img700 img {
  	display: inline-block;
  	width: auto;
  	max-width: none;
  	height: auto;
  	margin-left: -350px;
  	position: relative;
  	top: 0;
  	left: 50%;
  }*/
  /*こどもみらい住宅支援事業*/
  /*stone pallet ストーンパレットのページ*/
  /*電子契約サービス「Cloud Sign」*/
  /*予約カレンダー*/
  /*#booking-reservation-fieldset{
      margin-bottom: 100px;
  }*/
}
@media screen and (max-width: 768px) and (min-width: 601px) {
  #footerFormNav div.links {
    display: table;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 20px 0;
  }
  #footerFormNav div.links > div {
    display: table-cell;
    vertical-align: middle;
  }
}
@media screen and (max-width: 768px) and (max-width: 600px) {
  #footerFormNav div.links {
    box-sizing: border-box;
    max-width: 450px;
    padding: 0 20px;
    margin: 0 auto;
  }
  #footerFormNav div.links > div:not(:last-child) {
    margin-bottom: 1em;
  }
}
@media screen and (max-width: 768px) {
  #footerFormNav div.link a {
    display: block;
    box-sizing: border-box;
    width: 100%;
    background: #046B91;
    color: #fff;
    font-size: 18px;
    text-align: center;
    line-height: 60px;
  }
  #footerFormNav div.link a i {
    margin-right: 1em;
  }
  #footerFormNav div.link.line a {
    background: #fff;
    border: 1px solid #00B900;
    color: #00B900;
  }
  #footerFormNav div.link.line i.fa-line {
    margin-right: 0.5em;
  }
  #footerFormNav div.text p {
    margin: 0;
    text-align: left;
    color: #333;
  }
  .insta {
    width: 92%;
    margin: auto auto 10px auto;
  }
  .insta_embed {
    margin: 0 auto 10px;
    padding-top: 50px;
  }
  .textBox p {
    line-height: 1.8 !important;
  }
  .menu_conc_op {
    /*pointer-events: all;
    background-color: #f2f2f2;
    display: block;
    width: 100%;
    text-align: center;*/
  }
  .scroll-prevent {
    /*position: fixed;
    z-index: -1;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;*/
  }
  .toggle {
    display: inline;
  }
  #main_cont5 div,
  img,
  p {
    max-width: 100%;
    /*margin-bottom: 15px;*/
  }
  #main_cont1 div,
  p {
    max-width: 100%;
    margin-bottom: 20px;
  }
  .flexslider {
    width: 100vw;
    margin: 0 auto;
  }
  .top-notice-box {
    margin: 30px auto;
    padding: 20px 4%;
    line-height: 1.8;
    width: 92%;
  }
  .top-notice-box h3 {
    margin-bottom: 15px;
    font-size: 1.1rem;
  }
  .top-notice-box p {
    text-align: left;
    width: 100%;
    line-height: 1.8;
    margin-bottom: 0px;
  }
  .new_news {
    padding-top: 30px;
    width: 100vw;
    margin: 0 auto;
    text-align: left;
  }
  .new_news_cont li {
    height: auto;
  }
  .new_news_day {
    display: block;
    padding-left: 1em;
    padding-top: 0.5em;
    line-height: 1.6em;
    text-align: left;
    background-color: #FFF;
    color: #b80727;
    width: auto;
    height: auto;
    font-weight: bold;
    margin-bottom: 8px;
  }
  .new_news_text {
    display: block;
    padding: 0 1em 0.5em;
  }
  .line1 {
    position: relative;
    top: 20px;
    margin: 0 auto;
    margin-top: 40px;
    margin-bottom: 40px;
    height: 6px;
    width: 80vw;
    background-image: linear-gradient(-90deg, #b80727 0%, #b80727 33%, #e6e6e6 33%, #e6e6e6 67%, #333 67%, #333 100%);
  }
  .new_cont2 {
    width: 100vw;
    margin: 0 auto;
    text-align: center;
    font-size: 18px;
    line-height: none;
    padding-top: 20px;
  }
  .tit_txt {
    margin-top: 20px;
    font-size: 13px;
    line-height: 20px;
  }
  .tit_txt1 {
    margin-top: 60px;
    margin-bottom: 60px;
    font-size: 14px;
  }
  .sub_more {
    position: absolute;
    left: 7px;
    top: 18vw;
    font-size: 14px;
    color: #fff;
    text-shadow: 1px 2px 3px #000;
    display: none;
  }
  .sub_more2 {
    position: absolute;
    bottom: 240px;
    right: 5px;
    z-index: 10;
  }
  .more {
    width: 100vw;
    text-align: right;
    margin: 0 auto;
    padding-bottom: 20px;
    font-size: 14px;
  }
  h3.ttl_normal, h3.ttl_bedford, h3.ttl_lampo {
    letter-spacing: 0.1em;
    padding: 1em 1% 10px 1%;
    line-height: 1.6;
    font-size: 1.2em;
  }
  .col3-ul {
    width: 85%;
    margin-right: auto;
    margin-left: auto;
  }
  .col3-ul > li {
    margin-top: 30px;
    width: 100%;
    float: none;
    margin-right: auto;
  }
  .col3-ul > li:first-child {
    margin-top: 15px;
  }
  .top-event-img {
    margin-bottom: 10px !important;
  }
  .top-event-li {
    text-align: left;
    margin-bottom: 20px;
  }
  .top-event-title {
    margin-top: 0px;
    font-size: 1rem;
  }
  .top-event-label {
    margin-bottom: 0px !important;
  }
  .top-event-date {
    margin-bottom: 0px;
    /* font-size: 1rem;
       margin-top: 5px;*/
  }
  .more-event {
    margin-top: 20px;
  }
  .more-event a {
    padding: 5px;
    float: none;
    margin-right: 0%;
  }
  #event {
    margin: 0px auto;
  }
  .event-list {
    margin-bottom: 40px;
    margin-top: 30px;
  }
  .event-list:last-child {
    margin-bottom: 30px;
  }
  .event-list-title {
    font-size: 120%;
    padding: 10px;
  }
  .event-list-past-ul {
    margin: 5px auto 0 auto;
    width: 90%;
  }
  .new_sb_cont {
    width: 90%;
    height: 162px;
    margin: 0 auto;
    border: 1px solid #b3b3b3;
    display: block;
    text-align: center;
    position: relative;
    font-size: 16px;
    margin-top: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-collapse: collapse;
  }
  .sb_top_img {
    width: 46%;
    float: left;
  }
  .new_sb_txt {
    width: 47%;
    float: right;
    padding: 13px 3%;
    text-align: left;
  }
  .sb_top_img img {
    width: 100%;
    height: 150px;
    margin: 5px;
    object-fit: cover;
  }
  .new_sub_date {
    margin-bottom: 0px;
    text-align: right;
    font-size: 85%;
  }
  .new_sb_line {
    /*height: 10px;
    border-bottom: 1px solid #333;
    width: 90%;
    margin: 0 auto;
    padding-left: 5px;*/
    border-bottom: 0;
    height: 0px;
  }
  .new_sb_name {
    position: relative;
    bottom: 0px;
    font-weight: bold;
    right: 5px;
    font-size: 14px;
    text-align: right;
    margin-bottom: 0px;
  }
  .new_sub_tit {
    margin-bottom: 4px;
    height: 70px;
  }
  .blog-list-title {
    padding-left: 3px;
    padding-right: 3px;
  }
  .new_cont6 {
    width: 100vw;
    margin: 0 auto;
    text-align: center;
    font-size: 18px;
    line-height: 30px;
  }
  .new_cont6_1 {
    width: 100vw;
    height: 700px;
    margin-bottom: 20px;
  }
  .new_erea {
    /*width: 100vw;
    height: auto;
    text-align: center;
    margin-top: 30px;*/
  }
  .new_erea img {
    /*width: 95vw;*/
  }
  .tit_txt2 {
    /*margin-top: 30px;
    margin-bottom: 20px;
    font-size: 14px;*/
  }
  .new_contact_cont {
    /*width: 100%;
    height: auto;
    padding-bottom: 10px;
    background-color: #e6e6e6;
    margin-bottom: 30px;*/
  }
  .cont_tel {
    /*margin: 10px;*/
  }
  .cont_link {
    /*display: inline-block;
    height: 42px;
    line-height: 42px;
    margin: 5px;
    width: 80vw;
    font-size: 14px;
    line-height: 42px;
    background-color: #fff;*/
  }
  .new_erea_text {
    /*width: 95vw;
    font-size: 10px;
    line-height: 12px;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 40px;
    padding: 0px;*/
  }
  .new_erea_img {
    /*margin-top: 10px;*/
  }
  .new_foot {
    display: inline;
  }
  .foot_comp {
    /*margin-top: 10px;
    text-align: left;
    padding: 10px;*/
  }
  #main {
    margin-top: 50px;
  }
  a[href^="tel:"] {
    pointer-events: auto;
  }
  .show_tit {
    /*font-size: 1em;
    font-weight: bold;
    line-height: 1.5em;
    color: #000;
    text-align: center;
    padding: 1em 0 0;
    margin-bottom: 1em;*/
  }
  .show_tit2 {
    /*font-size: 1.8em;
    font-weight: normal;
    line-height: 2em;
    letter-spacing: 0.3em;
    color: #000;
    text-align: center;
    border-bottom: 1px solid #B60028;
    padding: 1em 0 0;
    margin-bottom: 1em;*/
  }
  .show_ad {
    font-size: 0.9em;
  }
  .show_ad th, .show_ad td {
    display: block;
  }
  .show_ad th {
    width: auto;
    padding: 0.5em 0;
  }
  .show_ad td {
    margin-bottom: 0.5em;
  }
  .show_img_tit {
    background-color: #B60028;
    color: #fff;
    width: 90vw;
    text-align: center;
    float: left;
    height: 20px;
    line-height: 20px;
  }
  .show_img {
    overflow: hidden;
    width: 100vw;
    margin: 0 auto;
    margin-top: 20px;
  }
  .show_img_img {
    width: 90vw;
    text-align: left;
    margin-left: 0px;
    float: left;
  }
  .shop-slide-area {
    padding-bottom: 0px;
    width: 100%;
    margin-bottom: 0px;
  }
  .showroom-overview {
    padding-top: 5px;
    padding-right: 2%;
    padding-left: 2%;
    padding-bottom: 20px;
  }
  .shop-slider {
    /*position: relative;*/
  }
  .shop-slider .flex-control-nav {
    bottom: 10px !important;
  }
  .showroom .textBox p {
    line-height: 1.8 !important;
    margin-bottom: 10px;
    text-align: left;
  }
  .showroom .flexslider {
    margin-bottom: 0px;
  }
  .showrooom img {
    /* margin-bottom: 0px!important;*/
    width: 100%;
  }
  .showroom .flex-control-thumbs {
    /* display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
       -ms-flex-wrap: wrap;
       flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;*/
  }
  .showroom .flex-control-thumbs li {
    width: 13.8%;
    float: left;
    margin-top: 3px;
    margin-right: 0.2%;
    margin-left: 0.2%;
    margin-bottom: 10px;
  }
  .showroom-youtube iframe {
    margin: 0 auto 30px auto;
    width: 85%;
    height: 240px;
  }
  .cv_more2 {
    position: absolute;
    top: 5px;
    right: 18px;
    width: 35px;
    height: 35px;
  }
  .show_map {
    width: 80vw;
    margin: 0 auto;
  }
  .show_ad table {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
  }
  #lightboxImage {
    width: 90vw;
    height: 300px;
    object-fit: cover;
  }
  #lightbox {
    width: 100vw;
    position: fixed;
    top: 25%;
  }
  #outerImageContainer {
    /*width: 100vw;
    height: auto;*/
  }
  #jqlb_closelabel,
  bottomNavClose {
    /*position: absolute;
    right: 10px;
    z-index: 10;*/
  }
  #hoverNav {
    /*height: 270px;*/
  }
  #nextLink,
  #prevLink {
    height: 350px;
  }
  .ga_sub_tit {
    font-size: 1.2em;
    font-weight: normal;
    line-height: 2em;
    letter-spacing: 0.1em;
    color: #000;
    text-align: center;
  }
  #conts iframe {
    max-width: 85vw;
  }
  #conts .map iframe {
    width: 100%;
    max-width: 100%;
  }
  .mail_bana {
    /*width: 100vw;
    height: auto;
    background-image: url(/wp-content/themes/yasue_2/img/new/mail/mail_00.png);
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;*/
  }
  .post_style {
    /*border: 1px solid #b3b3b3;
    display: inline-block;
    position: relative;
    font-size: 14px;
    margin: 0px;
    margin-bottom: 20px;*/
  }
  .top_svg {
    /*width: 60vw;
    height: auto;*/
  }
  .entry table {
    margin-left: 10px;
  }
  #gHeader {
    width: auto;
    padding: 10px 0 5px 0px;
    position: relative;
    height: 60px;
    background: #000;
  }
  #gHeader .fixHeader {
    width: 98%;
    padding-right: 1%;
    padding-left: 1%;
    height: 65px;
    position: fixed;
    z-index: 100;
    background: #000;
    top: 0;
  }
  #gHeader .hBox {
    display: none;
  }
  #gHeader .logo {
    width: 104px;
    padding: 5px 0;
    float: none;
  }
  #gHeader .logo img {
    width: 100%;
    margin: 10px;
    height: auto;
  }
  #logoSP a {
    display: block;
    width: 150px;
    padding: 15px 0 0 5px;
    position: absolute;
    top: 0;
    text-align: center;
  }
  #main {
    width: 98%;
    margin: 0 0 3em;
    padding-left: 1%;
    padding-right: 1%;
  }
  #conts {
    width: 100%;
    margin: 0 auto;
    padding-top: 50px;
  }
  #conts .mainImageBox {
    margin: 1em auto;
  }
  .aligncenter {
    margin: 1em auto;
  }
  #slider {
    width: 100%;
    margin: 0 auto;
    float: none;
  }
  .flexslider {
    margin: 0 0 40px;
  }
  .footer_sp_tel, .footer_sp_toi {
    width: 95%;
    padding: 1em;
    margin: 1em auto;
    background-color: beige;
    border-collapse: collapse;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  #gFooter {
    border-top: none;
    padding: 10px 10px 20px;
    background: #fff;
    color: #666;
  }
  #gFooter .naviBox {
    display: none;
  }
  .copyright {
    text-align: right;
    margin-right: 1em;
  }
  #breadcrumbs {
    display: none;
  }
  #main #conts h2.ttl_normal {
    height: auto;
    border-bottom: 1px solid #000;
    background: none;
    font-size: 18px;
    line-height: 28px;
  }
  #main .entry {
    overflow: hidden;
  }
  .blog_conts {
    padding: 0 1em;
  }
  .blog_conts p img {
    display: block;
    margin: 1em auto;
  }
  span.blog_tag {
    margin-bottom: 1em;
  }
  .textBox {
    padding: 0 2%;
  }
  .block {
    margin-bottom: 30px;
  }
  #main #conts #post-2 h2.ttl_normal {
    margin: 20px 0 10px;
    border-bottom: none;
    padding: 0;
  }
  table.outline, .outline tbody, .outline tr, .outline th, .outline td {
    display: block;
    font-size: 1em;
    line-height: 1.5em;
  }
  table.outline {
    margin: 0 1em;
    width: 96%;
  }
  .outline th {
    color: #111;
  }
  .outline tr, .outline th, .outline td {
    display: block;
    width: 100%;
  }
  .outline td {
    margin-bottom: 5px;
  }
  table.outline tr:last-of-type td {
    margin-bottom: 0;
  }
  .outline tbody {
    border-right: 0px;
  }
  .outline tr {
    border-left: 0px;
  }
  .outline th {
    padding: 5px;
    width: 100% !important;
  }
  .outline td {
    padding: 5px;
    border-left: 0px;
    width: 100% !important;
  }
  div.profile_box {
    width: 75%;
    margin: 3em auto;
  }
  div.prf_img {
    text-align: center;
  }
  div.prf_img img {
    float: none;
    width: 70%;
    height: auto;
    margin-left: 0;
  }
  div.profile_box .prf {
    padding: 0;
  }
  div.profile_box .post, div.profile_box .name {
    text-align: center;
  }
  div.detail_box {
    padding: 0 1%;
  }
  div.detail_box > a > div {
    margin: 1em auto;
    float: none;
  }
  div.detail_box div > div.list_img {
    float: none;
    width: 90%;
    margin: 0 auto;
  }
  div.detail_box div > div.list_conts {
    float: none;
    width: 95%;
    margin: 0 auto;
  }
  div.profile_box .name span {
    display: block;
    margin: 0;
  }
  .profile_box table, .profile_box tbody, .profile_box th, .profile_box td {
    margin: 0;
    padding: 0;
  }
  .profile_box th, .profile_box td {
    display: inline;
  }
  .profile_box tr {
    text-align: left;
  }
  .kodomomirai {
    margin: auto;
    width: 93%;
  }
  .kotdomomirai p {
    text-align: left;
  }
  .kodomomirai-adjP {
    text-align: left;
  }
  .kodomomirai .textBox p {
    padding-top: 10px;
  }
  .kodomomirai-title {
    margin-top: 0px;
    font-size: 140%;
  }
  .kodomomirai-txt1 {
    font-size: 16px !important;
    margin-top: 5px;
  }
  .stone-title-area {
    background-size: 100% cover;
    padding: 40px 2%;
  }
  .wrapper2 {
    padding-left: 2%;
    padding-right: 2%;
    width: 96%;
  }
  .stone-title-area * {
    letter-spacing: 0.1rem;
  }
  .stone-title-inner {
    padding: 20px 3%;
  }
  .stone-title1 {
    font-size: 115% !important;
  }
  .stone-title2 {
    font-size: 150%;
    margin-top: 15px;
    margin-bottom: 10px;
  }
  .text-border::before, .text-border::after {
    width: 25px;
    bottom: 10px;
  }
  .text-border::before {
    margin-right: 1rem;
    left: -35px;
  }
  .text-border::after {
    margin-left: 1rem;
    right: -35px;
  }
  #stone-cp {
    text-align: center;
    margin-top: -10px;
  }
  .stone-cp-txt1 {
    padding: 10px 2%;
    width: 95%;
  }
  .stone-cp-txt1 h3 {
    margin: 0;
    font-size: 120%;
    padding: 0px 3%;
    line-height: 1.6;
    font-weight: bolder;
  }
  .stone-cp-txt1:before {
    border: 0;
  }
  .stone-cp-txt1:after {
    border: 0;
  }
  .stone-cp-txt2 {
    font-size: 105%;
    margin-bottom: 15px;
    margin-top: 20px;
    letter-spacing: 0rem;
  }
  .stone-cp-txt3 {
    font-size: 115%;
    line-height: 1.3;
    margin-bottom: 15px;
    background: linear-gradient(transparent 60%, #fffb8d 60%);
    display: inline-block;
    padding: 3px 0px;
  }
  #stone-cp .font-mini {
    line-height: 1.4;
  }
  .benefit-ul {
    text-align: center;
  }
  .benefit-ul li {
    padding: 0 3% 10px 3%;
    margin-top: 20px;
  }
  .benefit-ul li h3 {
    padding: 10px;
    margin-top: -20px;
    letter-spacing: 0.1rem;
    font-size: 105%;
    margin-bottom: 15px;
  }
  .benefit-ul li p {
    font-size: 105%;
    margin-bottom: 10px;
  }
  .benefit-ul li span {
    font-size: 120%;
    margin-right: 5px;
    margin-left: 5px;
  }
  .benefit-ul li figure {
    width: 90%;
  }
  .stpl {
    margin-top: 30px;
    margin-bottom: 20px;
  }
  .stone-subtitle {
    font-size: 120% !important;
    margin-bottom: 20px;
  }
  .stone-about p {
    width: 100%;
    line-height: 1.8;
    float: none;
  }
  .stone-about figure {
    width: 50%;
    margin-left: auto;
    float: none;
    margin-right: auto;
    margin-top: 0px;
  }
  .stone-gallery {
    margin: auto;
    width: 95%;
  }
  .youtube {
    width: 85%;
    margin: 30px auto;
    height: 200px;
  }
  .youtube iframe {
    width: 100%;
    height: 200px;
    margin-left: auto;
    margin-right: auto;
  }
  #stone-contact {
    margin-bottom: 30px;
  }
  .stone-contact-btn {
    font-size: 110%;
    letter-spacing: 0.1rem;
    padding: 20px;
    border: 1px solid #a91429;
    background-color: #A91429 !important;
    min-width: 200px;
    width: 70%;
  }
  .stone-contact-btn:hover {
    color: #0C3046 !important;
    background-color: #FFFFFF !important;
  }
  #stone-imagenetion {
    padding: 40px 0 30px 0;
  }
  .stone-imagenetion p {
    font-size: 100%;
    line-height: 2.2;
  }
  #stone-type {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .stone-type {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  #stone-type p {
    text-align: left;
    margin-bottom: 0px;
  }
  .stonetype-title {
    /*font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Sawarabi Mincho", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif!important;*/
    font-size: 120%;
    margin-bottom: 10px;
  }
  .stonetype-title::before {
    margin-right: 1.5rem;
  }
  .stonetype-title::after {
    margin-left: 1.5rem;
  }
  .stonetype-title-ruby span {
    padding-top: 10px;
  }
  .stone-type figure {
    width: 70%;
    margin: 10px auto 20px auto;
  }
  .stone-type ul {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .stone-type ul li {
    width: 30.33% !important;
    margin-right: 1.5%;
    margin-left: 1.5%;
    margin-bottom: 10px;
    margin: 10px 5px 5px 5px;
    max-width: 130px;
    height: auto;
  }
  .stone-type ul li img {
    width: 100%;
    height: auto;
    margin-bottom: 5px;
  }
  .stone-type-ul li p, .stone-touch-ul li p {
    text-align: center !important;
    font-size: 70%;
  }
  .stone-touch ul {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 10px auto 0 auto;
  }
  .stone-touch ul li {
    width: 30.33%;
    margin: 0 1.5% 10px 1.5%;
    line-height: 1.4;
  }
  .stone-touch ul li img {
    width: 100%;
    height: 70px;
    margin-bottom: 5px;
  }
  .cloudsign p {
    line-height: 1.8;
    margin-bottom: 8px;
    font-size: 0.95em;
  }
  .cloudsign-mainimg {
    width: 100%;
  }
  #cloudsign-about h2 {
    font-size: 130%;
    margin-bottom: 15px;
    padding: 8px 10px;
  }
  .cloudsign-about {
    margin: 20px auto;
  }
  .cloudsign-about p {
    text-align: left;
  }
  .cloudsign-about figure {
    /* width: 96%;max-width: 1000px;*/
    margin: 10px auto;
    width: 100%;
  }
  .cloudsign-about-process {
    margin-top: 20px;
  }
  .cloudsign-about h4 {
    margin-bottom: 10px;
    font-size: 110%;
  }
  .cloudsign-about h4::before {
    width: 25px;
    height: 20px;
    bottom: 5px;
    left: -20px;
  }
  .cloudsign-about h4::after {
    width: 25px;
    height: 20px;
    bottom: 5px;
    right: -20px;
  }
  .cloudsign-merit {
    margin: 40px auto 10px auto;
  }
  .cloudsign-merit h3 {
    font-size: 120%;
    /*color: #072045;
    font-weight: bold;*/
  }
  .cloudsign-merit-subtitle {
    /*font-size: 90%;*/
    margin-bottom: 5px;
  }
  .cloudsign-merit-subtitle::before, .cloudsign-merit-subtitle::after {
    width: 20px;
    height: 15px;
  }
  .cloudsign-merit-subtitle::before {
    bottom: 8px;
    left: -25px;
  }
  .cloudsign-merit-subtitle::after {
    bottom: 8px;
    right: -25px;
  }
  .cloudsign-merit ul {
    margin-top: 25px;
  }
  .cloudsign-merit ul li {
    margin-bottom: 30px;
    font-size: 100%;
  }
  .cloudsign-merit ul li figure {
    width: 50%;
    margin: 8px auto -5px auto;
    max-width: 120px;
  }
  .cloudsign-merit h4 {
    letter-spacing: 0.1rem;
    font-size: 110%;
    padding: 10px 10px;
  }
  .cloudsign-security {
    margin: 10px auto 40px auto;
    /*width: 95%;*/
    padding: 20px 3% 5px 3%;
  }
  .cloudsign-security figure {
    width: 50%;
    margin: 5px auto 0px auto;
    max-width: 130px;
  }
  #main .cloudsign-security h2 {
    font-size: 115%;
  }
  .cloudsign-security li h3 {
    font-size: 105%;
    margin-bottom: 10px;
    letter-spacing: 0rem;
    border-bottom: 1px solid #9EE8B9;
    padding: 0 5px 0px 35px;
  }
  .cloudsign-security li h3::before {
    width: 20px;
    height: 20px;
    bottom: 9px;
    left: 4px;
  }
  .cloudsign-security li {
    margin: 0px auto 25px auto;
    border-bottom: none;
  }
  #cloudsign-cs-flow {
    padding-bottom: 20px;
    padding-top: 15px;
    /*background-color: #FFFFFF;*/
  }
  #main .cloudsign-cs-flow h2 {
    font-size: 120%;
    margin-bottom: 10px;
    letter-spacing: 0.1rem;
    color: #2E7B51;
  }
  .cloudsign-flow-ul {
    margin-top: -15px;
  }
  .cloudsign-flow-box {
    padding: 15px 2.5%;
    margin: 35px auto 0 auto;
    width: 90%;
    border-bottom: none !important;
  }
  .cloudsign-flow-box::before {
    bottom: -42px;
    left: 46%;
    border: 15px solid transparent;
    border-top: 18px solid #98bd6f;
  }
  .cloudsign-flow-txt {
    width: 100%;
    text-align: center;
  }
  .cloudsign-flow-box figure {
    width: 90%;
    margin: 10px auto 5px auto;
  }
  .cloudsign-flow-num {
    padding: 5px 10px;
    font-size: 75%;
    margin: auto;
  }
  .cloudsign-flow-num span {
    font-size: 120%;
  }
  .cloudsign-flow-box h4 {
    font-size: 105%;
    margin: 5px auto 0px auto;
    letter-spacing: 0rem;
    display: block;
  }
  .cloudsign-flow-box p {
    margin-top: 10px;
    line-height: 1.8;
    font-size: 95%;
    text-align: left;
    letter-spacing: -0.1px;
  }
  .cloudsign-flow-img-cp {
    text-align: center !important;
  }
  #booking-reservation-fieldset table tr:nth-child(2) td {
    height: 150px;
  }
  #booking-reservation-fieldset .input-number:nth-child(2)::before {
    display: inline-block;
    width: 250px;
    height: 60px;
    font-size: 85%;
    top: 55px;
    left: -70px;
  }
  .content-form {
    margin-top: 10px;
  }
}