@charset "utf8";
@media screen and (max-width:1366px) {
    .slide_text02{
        padding: 0;
        font-size: 18px;
    }
}
@media screen and (max-width:1160px) {
    .cont {
        padding-left: 10px;
        padding-right: 10px;
    }
}
@media screen and (max-width:1030px) {
    .menu li a {
        font-size: 14px;
        padding: 5px;
    }

}
@media screen and (max-width:960px) {
    /* .slide_text02,.slide_text01{
        display: none;
    } */

    .top-two-item.left {
        width: 100%;
        margin-right: 0;
        order: 1;
    }
    .top-two-item.right {
        width: 100%;
        order: 0;
    }
    .top-css-three {
        margin-bottom: 25px;
    }
    .top-css-four {
        padding-top: 0;
        padding-bottom: 25px;
    }
    .top-css-one {
        padding-top: 10px;
    }
    .top-two-row {
        padding-top: 40px;
    }
    .owl-carousel.spinner .owl-item img {
        height: 180px;
    }
    .owl-theme .owl-dots .owl-dot span {
        width: 50px;
    }
    .product-colums-right {
        padding-top: 30px;
        padding-bottom: 0px;
    }
    .top-css-four ul li img {
        height: inherit;
        object-fit: inherit;
    }
    .top-css-four ul {
        height: inherit;
    }
    .top-css-four ul.s2 li {
        margin-bottom: 13px;
    }
    .top-css-four ul.s1>li>a {
        min-height: 185px;
        padding: 100px 30px;
    }
    .top-css-four ul.s1 {
        width: 100%;
        margin-right: 0;
        margin-bottom: 15px;
        background-size: cover;
    }
    .top-css-four ul.s2 {
        width: 100%;
    }
    .top-css-four ul.s2 li img {
        display: block;
        margin: 0 auto;
    }

    .top-css-four ul.s2 {
        font-size: 0;
    }
    .top-css-four ul.s2 li {
        float: inherit;
        display: inline-block;
        vertical-align: top;
        border: 0px solid #000;
    }
}

@media screen and (max-width:900px) {
    .cont {
        height: 100%;
    }
    .block-htopnav--item a {
        /* height: 40px; */
        font-size: 12px;
        padding: 0 10px;
    }
    .block-htop {
        height: 40px;
    }
    .block-hheadline p {
        padding: 0 0 0 40px;
        width: 100%;
    }
    .block-hheadline p:before {
        left: 10px;
    }
    .menu {
        width: 100%;
        max-width: 310px;
        position: fixed;
        background: #333;
        height: 100%;
        right: -100%;
        z-index: 99999;
        top: 0;
        transition: all 0.6s;
        -webkit-transition: all 0.6s;
        -moz-transition: all 0.6s;
        -ms-transition: all 0.6s;
        -o-transition: all 0.6s;
}
    .sub-menusmartphone a.close {
        display: none;
    }
    .menu.active li.close {
        display: block;
        width: 100%;
        padding-bottom: 15px;
    }
    .menu.active {
        right: -10%;
        top: 0;
        transition: all 0.6s;
        -webkit-transition: all 0.6s;
        -moz-transition: all 0.6s;
        -ms-transition: all 0.6s;
        -o-transition: all 0.6s;
}
    .menu.none-active {
        right: -100%;
    }
    .flow-mxh {
        display: none;
    }
    .head-wrap {
        height: 50px;
    }
    .logo {
        width: 71%;
    }
    .logo img {
        height: 30px;
    }
    .sub-menusmartphone {
        width: 29%;
        display: block;
    }
    .sub-menusmartphone a {
        background: #fff;
        padding: 2px;
        display: inline-block;
        float: right;
    }
    .sub-menusmartphone img {
        height: 40px;
    }
    .top-css-one {
        padding-top: 0px;
    }
    .top-two-row {
        padding-top: 20px;
    }
    .menu.active li {
        display: block;
        text-align: left;
        padding: 0 20px;
        overflow: hidden;
    }
    .menu.active li.sp-1 {
        display: block;
        float: left;
        margin-top: 20px;
    }
    .menu.active li.sp-1 a {
        display: inline-block;
        padding: 0;
    }
    .menu.active li a {
        display: block;
        color: #fff;
        padding: 10px 0;
    }
    .product-colums-right li img {
        height: 110px;
		object-fit:cover;
    }
    .product-colums-right li span.titlegia-product {
        font-size: 13px;
    }
    .product-colums-right li span.titleName-product {
        font-size: 15px;
        line-height: 140%;
        padding: 5px 0;
        padding-bottom: 0;
    }
    .title-product-colums-right {
        padding: 10px 0;
        padding-top: 15px;
    }
    .title-product-colums-right h3, .title-top h3 {
        font-size: 18px;
		padding-left: 5px;
		padding-right: 5px;
    }
    a.subTop {
        bottom: 53px;
    }

    .sub-menu-top{
        background: none;
        position: relative;
        display: block;
        top: 0;
        left: 0;
    }

    .sub-menu-top li{
        padding: 0 !important;
        padding-left: 15px !important;
    }
    .sub-menu-top li a{border: 0px solid #000;}        
    #namako,#saboten,#kojin-yunyu-asia,#privacy{padding-bottom: 30px;}
    #header {
        background: #ffffff;
    }
    header {
        z-index: 999999999 !important;
    }
    .onepage-wrapper {
        z-index: -1 !important;
    }
}
@media screen and (max-width:767px) {

    .slide_text01 {
        top: 100px;
        left: 30px;
        width: 130px;
        height: 130px !important;
    }
    .slide_text02 {
        padding: 0;
        font-size: 18px;
        left: 5%;
        padding: 20px;
        height: 290px !important;
    }
    .owl-theme .owl-dots {
        text-align: right !important;
        -webkit-tap-highlight-color: transparent;
    }
    #nav_foot li a {
        height: 99px;
    }
    .pro01 {
        width: calc(100%/2 - 0.6%);
        margin-bottom: 2px;
        height: 50%;
    }
    .pro01 img {
        max-width: 100%;
        max-height: auto;
    }
    .tate01 {
        font-size: 18px;
    }
    .tate03 {
        font-size: 18px;
    }
    .tate02 {
        font-size: 14px;
}
    .pro01 img {
        max-width: auto;
        max-height: 100%;
        width: auto;
        height: auto;
        overflow: hidden;
        height: 100%;
        object-fit: cover;
    }
    .head01 {
        margin: 0px 0;
        font-size: 25;
        font-family: 'Cinzel', serif;
        padding: 5px;
        text-align: center;
        letter-spacing: 4px;
        height: 15%;
    }

    .head03 {
        margin: 80px 0 0 0;
        font-size: 16px;
        font-family: 'Cinzel', serif;
        padding: 5px;
        text-align: center;
        letter-spacing: 4px;
        height: fit-content;
    }

    #nav_foot {
        width: 100%;
        height: auto;
        font-family: 'Cinzel', serif;
        background-attachment: fixed;
        background: url(../images/001.jpg) no-repeat left top/cover;
        position: relative;
        z-index: 0;
        overflow: hidden;
    }
    .page2 .product {
        height: 80%;
    }
    .news_ph {
        height: auto;
    }
    .news_li {
        height: 45%;
    }
    #nav_foot {
        height: 100%;
    }
	.page4-bg {
		background-image: none;
		margin: 0;
		padding: 0;
	}
	.top-css-three {
		background-image: url(../images/banner03.jpg);
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
		margin: 0;
		padding: 0;
	}
	
    .product-colums-right ul li .titlegia-product {
        display: none;
    }
	.product-colums-right ul li .titleName-product {
		position: absolute;
		bottom: 0;
		z-index: 99;
		margin: 5px; padding: 5px;
		background: rgba(255, 255, 255, 0.7);
	}
	
	.titleName-product {
		position: absolute;
		bottom: 0;
		left: 0;
		z-index: 99;
		margin: 5px; padding: 5px;
		background: rgba(255, 255, 255, 0.7);
	}
	
    .br-sp {
        display: block;
    }
    .br-pc {
        display: none;
    }
    .title-top, .title-product-colums-right{
		background: rgba(255, 255, 255, 0.7);
		position: absolute;
		top: 0;
		left: 0;
		width: auto;
		z-index: 999999;
		display: inline-block;
    }
    .owl-carousel.slide-sp-none {
        display: block;
		height: 100%;
    }
	/*.owl-carousel.slide-sp-none div { height: 100%;}*/
	.owl-carousel.slide-sp-none .owl-stage-outer { height: 100%;}
	.owl-carousel.slide-sp-none .owl-stage-outer  div { height: 100%;}
	
	.owl-carousel.slide-sp-none .owl-item .item a { height: 50%; display: inline-block; position: relative; color: #333; padding: 2px;}
	.owl-carousel.slide-sp-none .owl-item .item a img { height: 100%; object-fit: cover;}
    .owl-carousel.slide-pc {
        display: none;
    }
	#topslide { height: 100%;}
	#topslide .logo-slider { display: inline-block;}
	.owl-carousel.owl-loaded.slider { height: 100%;}
	.owl-carousel.owl-loaded.slider * { height: 100%; z-index: 9;}
	.owl-carousel.owl-loaded.slider .owl-dots, .owl-carousel.owl-loaded.slider .owl-nav { height: auto;}
	.owl-carousel.owl-loaded.slider .owl-dots *, .owl-carousel.owl-loaded.slider .owl-nav *  { height: auto;}
	.owl-carousel.owl-loaded.slider .logo-slider, .owl-carousel.owl-loaded.slider .logo-slider a, .owl-carousel.owl-loaded.slider .logo-slider img { height: auto;}
	
	.owl-carousel.owl-loaded.slider .owl-dots { position: absolute; top: 60px; right: 20px; z-index: 9999;height: 25px;}
	.owl-carousel.slider .owl-item img.sp-hight {
		object-fit: cover;
	}
	
	.owl-carousel.owl-loaded.slider .owl-dots .owl-dot span { width: 8px; height: 8px; border-radius: 0;}
	
	.slider-dots { position: absolute; top: 60px; right: 10px; z-index: 19;}
	.slider-dots .dot {display: inline-block; width: 8px; height: 8px; background: #fff; margin: 5px;}
	.slider-dots .dot:hover, .slider-dots .dot.selected { background: none; border: 1px solid #333;}

    .asian-colums-three p{
        font-size: 13px !important;
    }
    .asian-colums-three{
        height: auto !important;
        padding-top: 2vw !important;
        padding-bottom: 2vw !important;
    }

    #header {
        background: #ffffff;
        position: absolute;
        left: 0;
        top: 0;
		width: 100%;
    }
    #header .cont{
        background: #ffffff;
        position: relative;
        left: unset;
        top: unset;
        transform: none;
    }
    .onepage .cont {
        height: -moz-calc(100% - 51px);
		height: -webkit-calc(100% - 51px);
		height: calc(100% - 51px);
        position: absolute;
		bottom: 0;
		left: 0;
		padding: 0;
    }
    .asian-colums-three {
        padding-top: 0;
        padding-bottom: 0;
        height: 100%;
        margin-top: 0;
    }
    .owl-item .link-slider {
        display: none;
    }
     #header .block-htop {
         display: none;
     }
     /* .asian-colums-three {
        padding-top: 10vw !important;
        padding-bottom: 10vw !important;
        height: auto !important;
    } */
    
	.asian-colums-three a { padding: 5px 10px}
	
	.top-css-three { height: 100%;}
	
	.top-two-row { height: 100%;}
	.top-two-item { height: 100%;}
	.product-colums-right { height: 100%;}
	.product-colums-right ul { height: 100%; display: none;}
	.product-colums-right li { width: 50%; height: 50%; margin-bottom: 0; margin-right: 0%;}
	.product-colums-right li a { height: 100%;}
	.product-colums-right li img { height: 100%; object-fit: cover;}
	
	.top-css-four ul.s1, .top-css-four ul.s2{ height: 50%;}
    .top-css-four ul.s1 {
        margin-bottom: 0px;
    }

	.top-css-four ul.s2 li { height: 50%;}
	.top-css-four ul.s2 li a { height: 100%; display: inline-block;}
	
	.top-css-four ul.s2 li:nth-child(1) { background: #d92c76;}
	.top-css-four ul.s2 li:nth-child(3) { background: #395293;}
	.top-css-four ul li img { object-fit: contain;}
}
@media screen and (max-width:600px) {
    /* full slide */
    
    .owl-carousel .owl-item img {
    display: block;
    width: auto;
}
    /* End full slide */

    .product-colums-right li span.titlegia-product {
        line-height: 2;
    }
    .title-about {
        padding-top: 0;
        padding-bottom: 15px;

    }
    .title-product-colums-right {
        padding: 10px 0;
        padding-top: 10px;
    }
    .top-two-row {
        padding-top: 0;
    }
    .top-css-four {
        padding: 0px 0;
    }
    .block-htopnav {
        display: none;
    }
    .asian-colums-three {
        padding-left: 10px;
        padding-right: 10px;
    }
    .asian-colums-three p, .asian-colums-three a {
        color: #000;
        line-height: 150%;
    }
    .banner-page {
        min-height: 200px;
    }
    .banner-page h2 {
        font-size: 20px;
    }
    .banner-page h1{font-size: 15px;}
}

@media screen and (max-width:480px) {
    .height-w1 {
        height: 9%;
    }
    .height-w2 {
        height: 26%;
    }
    .height-w3 {
        height: 75%;
    }

    
    .owl-carousel.spinner .owl-item img {
        height: 150px;
    }
    .br_show {
        display: block;
    }
    .banner-colums-right li {
        width: calc( (100% - 2%) / 2);
        margin-bottom: 7px;
    }
    .banner-colums-right li:nth-child(2n) {
        margin-right: 0;
    }
    .sp_show {
        display: block;
    }
    .product-colums-right {
        padding-top: 0;
        padding-bottom: 0px;
    }
    .product-colums-right li:nth-child(2n) {
        margin-right: 0;
    }
    .owl-carousel.spinner .owl-item img {
        height: 22vh;
    }
    .asian-colums-three img {
        padding-top: 25px;
        padding-bottom: 25px;
    }
    .asian-colums-three {
        padding-top: 25px;
        padding-bottom: 25px;
        height: 100%;
    }
    .new-reading li:nth-child(3n) {
        margin-right: 4%;
    }
    .title-colums-left h3 {
        font-size: 16px;
    }
    .top-css-four {
        padding-top: 0;
        padding-bottom: 0px;
    }
    .top-css-four ul.s1, .top-css-four ul.s2 {
        width: 100%;
        margin-right: 0;
    }
    .top-css-four ul li img, .top-css-four ul {
        height: inherit;
    }
    .top-css-four ul.s2 li {
        width: 50%;
        margin-right: 0;
        margin-bottom: 0;
    }
    .wp-footer {
        padding: 15px 0;
    }
    .coppy-right {
        line-height: 140%;
    }
    a.subTop {
        width: 40px;
        height: 40px;
    }
    .top-css-four ul.s1>li>a {
        min-height: 35vh;
        padding: 30px;
    }
    .top-css-four ul.s2 li:nth-child(2) a {
        font-size: 14px;
    }
    .top-css-four ul.s2 li:nth-child(4) a {
        font-size: 14px;
    }
    .logo-slider {
        padding: 10px;
    }
    .pro01{
        width: 49.5%;
        margin-right: 1%;
        margin-bottom: 1%;
        float: left;
    }
    .pro01:nth-child(2n){
        margin-right: 0%;
        float: left;
    }
    .page3 .news_li {
        width: 33%;
        float: left;
        margin-right: 0.5%;
    }
    .page3 .news_li:nth-child(3n) {
        margin-right: 0;
    }
    #concept h2 {
        margin: 10px;
        font-size: 18px;
	}
	#concept_inner {
        padding-top: 100px;
        height: 100%;
    }
    .btn01 {
        display: inline-block;
        margin: 35px 0 60px;
    }
    .btn01 a {
        color: #efae00;
        transition: .4s;
        border: 1px solid #efae00;
        font-size: 20px;
        padding: 5px 60px;
    }
}
@media screen and (max-width:320px) {
    .logo {
        width: 67%;
    }
    .head01 span {
        padding-top: 7px;
        padding-bottom: 7px;
    }
    #footer {
        margin-top: -35px;
    }
    .sub-menusmartphone {
        width: 33%;
    }
    .asian-colums-three {
        padding-top: 0;
        padding-bottom: 0;
        height: 100%;
    }
    .asian-colums-three p {
        line-height: 2.0;
        font-size: 12px !important;
    }
    .top-css-four ul.s1>li>a {
        min-height: 35vh;
        padding: 20px;
    }
    .text01 {
        color: #fff;
        font-size: 13px;
        line-height: 2;
        padding: 0 20px;
    }
    #nav_foot li {
        height: 85px;
    }
    #nav_foot li a {
        height: 85px;
    }
    .title {
        margin-top: 10px;
    }
    .news_li {
        height: 40%;
    }
    .head01 {
        margin-bottom: 10px;
    }
    
}