/* ====================================
 max width 767px
==================================== */
@media only screen and (max-width: 767px) {
body {
	font-size: 1.2rem;
}

.sp {
	display: inline-block;
}
.pc {
	display: none;
}

/* ***** Form **************** */
input,
textarea,
select {
	font-size: 1.2rem;
}

input,textarea {
	margin-top: 6px;
}
.inpt {
	margin-bottom: 15px;
	padding-bottom: 15px;
}
.inpt.first {
	padding-top: 15px;
}
#form_btn,
.custom-wpcf7c-confirmed #form_btn {
	-webkit-justify-content: center;
	justify-content: center;
}

#scrlDown i {
	width: 30px;
	height: 12px;
}

/* --- iziModal --- */
.iziModal .iziModal-wrap {
	width: 90%;
}
.iziModal-navigate {
	display: none;
}
.iziModal-navigate-prev {
	left: 0;
}
.iziModal-navigate-next {
	right: 0;
}
.iziModal-wrap::-webkit-scrollbar-track{background:#000;}
.iziModal-wrap::-webkit-scrollbar-thumb{background:#ccc;}
.iziModal-wrap::-webkit-scrollbar-thumb:hover{background:#999;}
.modalclose {
	width: 25px;
	height: 25px;
	top: -40px;
	right: 5%;
}
.modalclose:before,
.modalclose:after {
	height: 1px;
}
.modaltxt .modalclose {
	top: 10px;
	right: 10px;
}


/* --- Owl Carousel --- */
.product-carousel .owl-nav,
.product-carousel .owl-dots {
	width: 100%;
	position: absolute;
	top: 102%;
}
.product-carousel button.owl-dot {
	width: 6px;
	height: 6px;
	margin: 0 6px;
}
.product-carousel button.owl-dot.active {
	transform: scale(1.5,1.5);
}
.product-carousel .owl-nav {
	top: 100%;
}
.product-carousel .owl-nav button.owl-prev,
.product-carousel .owl-nav button.owl-next {
	top: 3px;
}
.product-carousel .owl-nav button.owl-next {
	right: 5%;
}
.product-carousel .owl-nav button.owl-prev {
	left: 5%;
}


.sub-carousel .owl-dots {
	width: 100%;
	position: absolute;
	top: 102%;
}
.sub-carousel button.owl-dot {
	width: 6px;
	height: 6px;
	margin: 0 6px;
}
.sub-carousel button.owl-dot.active {
	transform: scale(1.5,1.5);
}


#vr .owl-carousel .owl-nav button.owl-next,
#vr .owl-carousel .owl-nav button.owl-prev {
	width: 24px;
	height: 40px;
	top: 45px;
}
#vr .owl-carousel .owl-nav button.owl-next:after,
#vr .owl-carousel .owl-nav button.owl-prev:after {
	width: 8px;
	height: 8px;
}

#miyukifactories .owl-carousel .owl-nav button.owl-next,
#miyukifactories .owl-carousel .owl-nav button.owl-prev {
	width: 24px;
	height: 40px;
	top: 45px;
}
#miyukifactories .owl-carousel .owl-nav button.owl-next:after,
#miyukifactories .owl-carousel .owl-nav button.owl-prev:after {
	width: 8px;
	height: 8px;
}


/* ***** Footer **************** */
#footer ul li {
	margin-bottom: 6px;
}
#footer ul.main,
#footer ul.sub,
#footer ul.sns {
	width: 100%;
	text-align: center;
}
#footer ul.main,
#footer ul.sub {
	margin-bottom: 30px;
}
#footer ul.sns {
	-webkit-justify-content: center;
	justify-content: center;
}
#footer ul.sub img {
	max-width: 200px;
	margin: 0 auto;
	margin-bottom: 10px;
}
#footer ul.sub .companylink {
	margin-top: 30px;
}
#footer #pagetop_block {
	-webkit-justify-content: center;
	justify-content: center;
}

/* ***** Nav **************** */
#nav:before {
	height: 70px;
}
#nav #top_logo {
	width: 110px;
	top: 20px;
	left: 20px;
}
#nav #navBtn {
	width: 35px;
	height: 10px;
	position: fixed;
	top: 25px;
	right: 20px;
}
#nav #navBtn:before,
#nav #navBtn:after {
	height: 1px;
}
#nav #mainnav {
	width: 100%;
	max-width: 100%;
	padding: 5%;
	transform: translate3d(110%,0,0);
}
#nav #mainnav ul {
	margin-bottom: 20px;
}
#nav #mainnav ul a {
	padding: 10px 0;
	font-size: 1.1rem;
}
#nav #mainnav ul a strong {
	font-size: 2rem;
}
#nav #mainnav ul.sub {
	margin-bottom: 30px;
}


/* ***** Layout **************** */
section {
	padding-bottom: 80px;
}
.pblock {
	padding-bottom: 80px;
}
.pthin {
	padding: 0 5%;
}
.title {
	margin-bottom: 40px;
}
.title .tit {
	padding-bottom: 15px;
	font-size: 2rem;
}
.title .subtxt {
	font-size: 1.4rem;
}
.title .sub {
	font-size: 1.4rem;
}

.arrow {
	width: 20px;
	height: 7px;
}
.arrow.nar {
	width: 30px;
	height: 10px;
}
.arrow.red {
	width: 40px;
	height: 7px;
	background-image: url(../img/arrow_red.png);
}


.navbtn_sec {
	padding: 40px 5%;
}

/* --- Top --- */
/* --- Top kv --- */
#top {
	font-size: 1.2rem;
}
#top #main_kv #topModalbtn .btn {
	width: 60px;
	height: 60px;
	margin: 0 auto;
	margin-bottom: 10px;
}
#top #main_kv {
	height: 100vw;
}
.video.full {
	height: 100vw;
}

/* --- Top Statement --- */
#top #top_statement {
	padding-top: 60px;
}
#top #top_statement #lead h1 {
	max-width: 200px;
	margin-bottom: 40px;
}
#top #top_statement #slider {
	margin-top: 30px;
}
#top #top_statement #slider .img {
	width: 100%;
	height: 0;
	padding-top: 70%;
	background-position: center right;
}

/* --- Top Products --- */
.product-carousel .product .img {	
	height: 160vw;
}
.product-carousel .product .inimg {	
	width: 100%;
	height: 80vw;
}
.product-carousel .product .txtblock {
	width: 70%;
	max-width: 100%;
	position: absolute;
	top: 80vw;
	left: 15%;
	padding-bottom: 20px;
}
.product-carousel .product .logo {
	width: 80%;
	margin: 0 auto;
}
.product-carousel .product .txt {
	width: 100%;
	font-size: 1rem;
	letter-spacing: 0.1em;
}
.product-carousel .product .txt h3 {
	padding-bottom: 10px;
	font-size: 1.4rem;
}

#top_products {
	padding-bottom: 70px;
}
#top_products:before {
	height: 40%;
}
#top_products .navbtnset {
	padding-top: 80px;
}


/* --- Top Story --- */
#top_story:before {
	height: 40%;
}
#top_story ul li {
	width: 50%;
	height: 80vw;
}
#top_story ul a:after {
	opacity: 0.3;
}
#top_story ul h3,
#top_story ul .sub {
	right: 20px;
	bottom: 20px;
}
#top_story ul h3 {
	bottom: 40px;
	font-size: 1.4rem;
}
#top_story ul .sub {
	font-size: 1rem;
}


/* --- Top Links --- */
#top_links ul li {
	width: 100%;
	height: 50vw;
	margin-bottom: 5vw;
}
#top_links ul li:last-of-type {
	margin-bottom: 0;
}
#top_links ul a:after {
	opacity: 0.3;
}
#top_links ul h3 {
	font-size: 2rem;
}
#top_links ul .sub {
	font-size: 1.4rem;
}


/* --- Pages --- */
.pages {
	padding-top: 68px;
}
.pages .title_main {
	padding-top: 0;
}

/* --- Pages products --- */
#product_list {
	padding-top: 40px;
}
#product_list .title_block h2 {
	font-size: 2rem;
}
#product_list .title_block h2 span {
	font-size: 1.4rem;
}
#product_list .title_block .txt {
	padding: 20px 0;
}

#product_list ul:after,
#product_list li {
	width: 100%;
	margin-bottom: 40px;
}
#product_list li .txtblock .logo {
	width: 80%;
	margin: 0 auto;
	padding: 0 20px;
}


/* --- Pages product single --- */
#product_kv {
	padding-bottom: 0;
}
#product_kv #main_img {
	width: 100%;
	margin-bottom: 30px;
}
#product_kv #kv_txt {
	width: 100%;
	padding: 5%;
}
#product_kv #kv_txt h1,
#product_kv #kv_txt h3,
#product_kv #kv_txt .txt {
	margin-bottom: 30px;
}
#product_kv #kv_txt h1 {
	max-width: 250px;
	margin: 0 auto;
}
#product_kv #kv_txt .sub {
	font-size: 1rem;
}
#product_kv #kv_txt h3 {
	font-size: 2rem;
}
#product_single h2 {
	padding: 40px 0;
}
#product_single .txtblock p {
	padding: 20px 0;
	font-size: 1.4rem;
}

#product_single #textile {
	margin-bottom: 0;
	padding-left: 0;
	padding-right: 0;
}
#product_single #textile li {
	position: relative;
	margin-bottom: 5vw;
	padding: 5%;
}
#product_single #textile li:last-of-type {
	margin-bottom: 0;
}
#product_single #textile li:before {
	width: 100%;
	height: 70%;
}
#product_single #textile li .sub-carousel {
	width: 100%;
}
#product_single #textile li .txtblock {
	width: 100%;
	padding: 0;
	padding-bottom: 30px;
}
#product_single #textile li .txtblock h3 {
	font-size: 1.6rem;
}
#product_single #textile li .txtblock p.sub {
	font-size: 1rem;
}
#product_single #topix {
	margin-top: 80px;
}
#product_single #topix li {
	margin-bottom: 5vw;
}
#product_single #topix .img {
	width: 100%;
	padding-top: 65%;
}
#product_single #topix .txtblock {
	width: 100%;
	padding: 5vw;
}
#product_single #topix .txtblock h3 {
	font-size: 1.6rem;
}
#product_single #topix .txtblock .more {
	width: 120px;
	font-size: 1rem;
}
#product_single #topix .txtblock .more:after {
	height: 5px;
}

.modaltxt .inner {
	padding: 5vw;
	font-size: 1.2rem;
}
.modaltxt h3 {
	margin-bottom: 20px;
	font-size: 1.6rem;
}
.modaltxt .txt,
.modaltxt .img {
	margin-bottom: 20px;
}
.modaltxt .img p {
	margin-top: 5px;
	font-size: 1rem;
}


/* --- Pages Story --- */
#story_list li {
	width: 100%;
	margin-bottom: 5vw;
}
#story_list li a {
	padding: 15%;
}
#story_list li a p,
#story_list li a h2 {
	padding-bottom: 15px;
}
#story_list li a .num {
	font-size: 1rem;
}
#story_list li a h2 {
	font-size: 1.9rem;
}
#story_list li a .sub {
	font-size: 1rem;
}


/* --- Pages Story single --- */
#story_single #story_nav {
	display: none;
}
#story_single #story_nav_sp {
	display: -webkit-flex;
	display: flex;
	padding-bottom: 15px;
	border-bottom: 1px rgb(192,0,0) solid;
}
#story_single #story_sec {
	padding-bottom: 40px;
}
#story_single #story_sec .title_main {
	margin-bottom: 15px;
}
#story_single #story_kv {
	padding-bottom: 0;
}
#story_single #main_img	{
	width: 100%;
	padding-top: 60%;
}
#story_single #kv_txt	{
	-webkit-justify-content: space-between;
	justify-content: space-between;
	width: 100%;
	margin-bottom: 0;
	padding: 10% 5%;
	font-size: 1.2rem;
}
#story_single #kv_txt	h3 {
	font-size: 1.9rem;
}
#story_single #kv_txt	.sub {
	padding-bottom: 0;
}
#story_single #kv_txt	.txt {
	line-height: 2;
}

/* --- Story image --- */
#story_single #story_img {
	padding: 5%;
}
#story_single #story_img .sp {
	display: block;
}
#story_single #story_img .pc {
	display: none;
}
#story_single #story_img .col,
#story_single #story_img .mb {
	margin-bottom: 60px;
}
#story_single #story_img .mbs {
	margin-bottom: 30px;
}
#story_single #story_img .txt {
	width: 95%;
	margin-left: 5%;
	padding: 0;
	padding-bottom: 60px;
}
#story_single #story_img .right .txt.wl {
	width: 95%;
}
#story_single #story_img .txt.pts {
	padding-top: 0;
}
#story_single #story_img .right .txt {
	margin: 0;
	margin-right: 0;
}
#story_single #story_img .right .img {
	margin-left: 0;
}
#story_single #story_img .img.center {
	margin: 0 auto;	
}
#story_single #story_img .img.cl {
	margin-left: 10%;
}
#story_single #story_img .img.clw {
	margin-left: 0;
}
#story_single #story_img .img.cr {
	margin-left: 10%;
}
#story_single #story_img .img.cr.ss {
	margin-left: 20%;
}
#story_single #story_img .ss {
	width: 80%;
}
#story_single #story_img .s {
	width: 80%;
}
#story_single #story_img .m {
	width: 90%;
}
#story_single #story_img .l {
	width: 100%;
}

#story_single #our_pride {
	padding-top: 60px;
}
#story_single #our_pride ul {
	padding: 0 5%;
}
#story_single #our_pride li {
	padding: 5vw 0;
}
#story_single #our_pride h3,
#story_single #our_pride h4 {
	padding-bottom: 15px;
}
#story_single #our_pride h4 {
	font-size: 1.5rem;
}
#story_single #our_pride .txt {
	width: 100%;
	padding-bottom: 20px;
}
#story_single #our_pride .img {
	width: 100%;
}

.loop_css {
	height: 140px;
}


/* --- Pages VR --- */
#vr_kv #main_img {
	width: 100%;
	height: 70vw;
}
#vr_kv #title {
	padding: 20px;
}
#vr_kv #title h1 {
	font-size: 2rem;
}
#vr_kv #title .sub {
	font-size: 1.2rem;
}
#vr_kv #lead h2 {
	padding-bottom: 20px;
	font-size: 1.5rem;
}
#vr_list .list {
	padding-bottom: 60px;
}
#vr_list .list:last-of-type {
	padding-bottom: 0;
}
#vr_list .list .num {
	width: 40px;
	height: 40px;
	font-size: 1.6rem;
	line-height: 40px;
}
#vr_list .list h3,
#vr_list .list p {
	padding-bottom: 20px;
}
#vr_list .list h3 {
	font-size: 1.5rem;
	line-height: 1;
}
#vr_list .owl-carousel.pthin {
	max-width: 100%;
	overflow: hidden;
	padding-left: 5%;
}
#vr_list .list .item {
	width: 160px;
}
#vr_list .list .item p {
	font-size: 1rem;
}
#vr_list .list .item a:after {
	width: 36px;
	height: 36px;
}







/* --- Pages MIYUKI FACTORIES --- */
#mf_kv #main_img {
	width: 100%;
	height: 70vw;
}
#mf_kv #title {
	padding: 20px;
}
#mf_kv #title h1 {
	font-size: 2rem;
}
#mf_kv #title .sub {
	font-size: 1.2rem;
}
#mf_kv #lead h2 {
	padding-bottom: 20px;
	font-size: 1.5rem;
}
#mf_list .list {
	padding-bottom: 60px;
}
#mf_list .list:last-of-type {
	padding-bottom: 30px;
}
#mf_list .list .num {
	width: 40px;
	height: 40px;
	font-size: 1.6rem;
	line-height: 40px;
}
#mf_list .list h3,
#mf_list .list p {
	padding-bottom: 20px;
}
#mf_list .list h3 {
	font-size: 1.5rem;
	line-height: 1;
}
#mf_list .owl-carousel.pthin {
	max-width: 100%;
	overflow: hidden;
	padding-left: 5%;
}
#mf_list .list .item {
	width: 160px;
}
#mf_list .list .item p {
	font-size: 1rem;
}
#mf_list .list .item a:after {
	width: 36px;
	height: 36px;
}


/* --- Pages Shop --- */
#shop_kv #main_img,
#shop_kv #search {
	width: 100%;
}
#shop_kv #main_img {
	padding-top: 50%;
}
#shop_kv #search {
	padding: 10%;
}
#shop_list {
	padding-top: 40px;
}
#shop_list h2 {
	margin-bottom: 20px;
	padding-bottom: 20px;
	font-size: 1.5rem;
}
#shop_list .list {
	margin-bottom: 40px;
	font-size: 1.2rem;
}
#shop_list .list .pref {
	width: 100%;
	padding: 10px;
	padding-top: 20px;
	text-align: center;
}
#shop_list .list .shop_info {
	width: 100%;
}


/* --- Pages Contact --- */
#contact .txt {
	padding-bottom: 40px;
}
#contact #form_sec {
	padding-top: 40px;
}


















}

/* ====================================
 667px
==================================== */
@media only screen and (max-width: 667px) {
}.....