@charset "UTF-8";
/*追加用*/
#content.page-forfront {
	width: 100%;
	padding: 0;
	
}

#content.page-forfront .wrap, 
#content.page-forfront .maximg, 
#content.page-forfront .single #inner-content, 
#content.page-forfront .page #inner-content, 
#content.page-forfront .inner-footer {
    width: 100%;
}

#content.page-forfront div#n2-ss-14 .nextend-shadow {
    display: none;
}

#content.page-forfront #inner-content h2.hh1 {
	border-bottom: none;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700 !important;
    font-size: 30px;
}

#content.page-forfront .inner-w1100 {
	width: 100%;
	max-width: 1180px;
	margin: 0 auto;
}

#content.page-forfront .longc_linkto {
	box-shadow: none;
}

#content.page-forfront .longc_img, 
#content.page-forfront .c_linkto.longc_linkto .longc_content {
	display: block;
	width: 100%;
}
#content.page-forfront .product-box {
	display: block;
	float: left;
	width: 30.3333333%;
	margin: 0 1.5% 30px;
    height: 420px;
}
#content.page-forfront .product-box .thumbnail {
	display: block;
	width: 100%;
	text-align: center;
}
#content.page-forfront .product-box .thumbnail img {
	width: 100%;
	max-width: 300px;
    transition:1s all;
}
#content.page-forfront .product-box .thumbnail img:hover {
    transform:scale(1.1,1.1);
  transition:0.5s all;
}

#content.page-forfront .product-box .title a{
	color: #000;
	font-size: 105%;
	font-weight: bold;
	margin-top: 10px;
	display: block;
}
#content.page-forfront .product-box .txt {
	font-size: 85%;
}

#content.page-forfront .product-btn a {
	display: block;
	width: 250px;
	padding: 15px;
	border-radius: 30px;
	text-align: center;
	background: #000;
	margin: 20px auto;
	color: #fff;
	font-size: 85%;
	font-weight: bold;
	font-family: 'Montserrat', sans-serif;
}

#content.page-forfront .news-area {
	padding: 30px 5%;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	overflow: hidden;
}

#content.page-forfront #inner-content .news-area h2.hh1{
	display: block;
	float: left;
	width: 20%;
	margin: 0;
	padding: 0;
}

#content.page-forfront .news-area .news-ttl {
	display: block;
	float: left;
	width: 80%;
	color: #000;
	padding-top: 5px;
}

#content.page-forfront .news-area .news-ttl a{
	color: #000;
}
#content.page-forfront .news-area .news-ttl span.day {
	padding-right: 1em;
}

#content.page-forfront .sns-btn {
	display: none;
}


#content.page-forfront .store-area {
	padding: 30px 5%;
	border: 6px solid #000;
	overflow: hidden;
	position: relative;
	margin: 100px 0;
}

#content.page-forfront #inner-content .store-area h2.hh1{
	display: block;
	float: left;
	width: 20%;
	margin: 0;
	padding: 0;
	text-align: left;
	position: absolute;
    top: 50%;
    left: 0%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
#content.page-forfront .store-area .center {
	display: block;
	float: right;
	width: 80%;
}



.scroll-area {
  width: 100%;
  height: 100vh;
  overflow: auto;
  -webkit-scroll-behavior: smooth;
  scroll-behavior: smooth;
  -webkit-scroll-snap-type: mandatory;
  scroll-snap-type: mandatory;
  -webkit-scroll-snap-points-y: repeat(100%);
  scroll-snap-points-y: repeat(100%);
	background-color: #000;
	margin-top: -122px;
}
/*.box {
  position: relative;
  width: 100%;
  min-height: 100vh;
background-image: url(img/main-img.png);
  color: #fff;
  font-size: 100px;
  display: flex;
  align-items: center;
  flex-direction: column;
}*/
.box__bg_photo {
	width: 100%;
  min-height: 100vh;
  position: relative;
	background-color: #fff;
  background-size:contain;
  background-position: center;
  background-repeat: no-repeat;
}
.box__bg_photo img {
	display: block;
	width: 100%;
	max-width: 500px;
	position: absolute;
	top: 40%;
    right: 15%;
	
}
body .entry-content > *:first-child {
	margin-top: 0;
}

#content.page-forfront .entry-content > *:first-child {
	margin-top: 122px;
}

.page-template-page-forfront #inner-header {
	position: absolute;
	width: 100%;
	padding-left: 5%;
	padding-right: 5%;
}
.cardtype__img {
    padding-bottom: 100%; /*縦横比1:1の場合は100%*/
}

.desktop-nav li a {
    color: #000!important;
}

.desktop-nav li:after {
    background: #000!important;
}

#inner-content #main {
    width: 100%;
}

.detail_box {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}

.product-btn .wpcf7-form-control {
	display: block;
	width: 250px;
	padding: 15px;
	border-radius: 30px;
	text-align: center;
	background: #000;
	margin: 20px auto;
	color: #fff;
	font-size: 85%;
	font-weight: bold;
	font-family: 'Montserrat', sans-serif;
}

.purchase_box {
    border: 3px solid #000!important;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    justify-content: space-around;
}

.purchase_box ul {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    justify-content: space-around;
}

.purchase_box li {
    list-style-type: none;
}

.mb-10 {
    margin-bottom: 10px;
}

#google_translate_element {
    height: 40px;
    overflow: hidden;
}

.shtb3 .cell {
    padding-right: 1.5%;
    width: 25%;
}
.shtb3 .cell:nth-child(2){
    width: 25%;
    padding-right: 1.5%;
    padding-left:0; 
}
.shtb3 .cell:nth-child(4) {
    padding: 0;
}



@media only screen and (max-width: 768px) {
     #content.page-forfront #inner-content .news-area h2.hh1{
        float: none;
        width: 100%;
    }
    
    #content.page-forfront .news-area .news-ttl {
        width: 100%;
    }
    
    #content.page-forfront .product-box {
        height: 380px;
    }
    
    #content.page-forfront #inner-content .store-area h2.hh1{
        float: none;
        width: 100%;
        margin: 20px 0 0;
        position: inherit;
    }
    
    #content.page-forfront .store-area .center {
        float: none;
        width: 100%;
    }
    
    #content.page-forfront .store-area .center .shtb3 {
        margin: 0 0 1em;
    }
    
    #content.page-forfront .store-area {
        margin: 100px auto 40px;
        border: 3px solid #000;
        border-left: none;
        border-right: none;
        padding: 30px 0;
    }
    
    #drawer__open,
    .header-search__open {
        color: #000!important;
    }
    
    #inner-header {
      max-width: 100%;
    }
    
    .single #inner-content, .page #inner-content {
        width: 96%;
    }
    
    #content.page-forfront .inner-w1100 {
        width: 96%;
    }
    
    .entry-content th {
        padding: 7px;
    }
    
    #content.page-forfront .news-area {
        padding: 15px 5%;
    }
    
    #inner-content .hh {
        margin: 1em 0;
    }
    
    #content.page-forfront .product-box {
        width: 47%;
        margin: 0 1.5% 30px;
        height: ;
    }
    
    #footer-menu nav {
        float: inherit;
        margin: 0;
    }
    
    .footer p {
        float: inherit;
    }
    
    .entry-content td {
        font-size: 14px;
        padding: 14px 7px;
    }
    
    .entry-content ul {
        padding: 1em 0;
    }
    
    .page-template-page-forfront #inner-header {
        position: initial;
        padding: 0;
    }
    
    body .entry-content > *:first-child {
        margin-top: 0;
    }
    #content.page-forfront .entry-content > *:first-child {
        margin-top: 0;
    }
    #content.page-forfront {
        /*margin-top: -62px;*/
    }
    
    /*.cardtype__article {
        float: left;
        width: 46%;
        margin: 0 1.8% 25px;
        height: 300px;
    }*/
    
    .shtb3 {
        display: inherit;
        overflow: hidden;
    }
    .shtb3 .cell {
        margin: 1%;
        width: 48%;
        padding: 0;
        float: left;
    }
    
    .shtb3 .cell:nth-child(2) {
        width: 48%;
        padding-right: 0;
    }
    
    .shtb3 .cell img {
        width: 100%;
    }
    
    .purchase_box {
        border-left: none!important;
        border-right: none!important;
    }
    
    #content.page-forfront .product-box .thumbnail img:hover {
        transform: none;
    }
    
}