@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap');

/*ブラウザクリア*/
#denisura p {
display: block;

-webkit-margin-before: 0em;
margin-block-start: 0em;
-webkit-margin-after: 0em;
margin-block-end: 0em;
-webkit-margin-start: 0px;
-moz-margin-start: 0px;
margin-inline-start: 0px;
-webkit-margin-end: 0px;
-moz-margin-end: 0px;
margin-inline-end: 0px;
}
#denisura ul {
-webkit-margin-before: 0em;
margin-block-start: 0em;
-webkit-margin-after: 0em;
margin-block-end: 0em;
-webkit-margin-start: 0px;
-moz-margin-start: 0px;
margin-inline-start: 0px;
-webkit-margin-end: 0px;
-moz-margin-end: 0px;
margin-inline-end: 0px;
-webkit-padding-start: 00px;
-moz-padding-start: 00px;
padding-inline-start: 00px;
}
body{
margin: 0;
}
/*ブラウザクリア*/

/*****************************
       　　共通
******************************/
#denisura {
overflow: hidden;
margin: 0 auto;
width: 100%;
background: #fff;
color: #0c0c0c;
text-align: center;
font-size: 16px;
font-family: 'Noto Sans JP', sans-serif;
}
#denisura img{
max-width: 100%;
}
#denisura .air_color{
background: #30A962!important;
}
#denisura .anker{
margin-top: -160px;
padding-top: 160px;
}


#denisura .inner {
margin: 0 auto;
max-width: 1000px;
width: 90%;
}
#denisura .main {
margin: 0 auto;
width: 100%;
background-color: #001863;
}
#denisura .main img{
width: 100%;
}

#denisura #switch{
display: flex;
justify-content: center;
margin: 0px auto;
width: 100%;
}
#denisura #switch.fixed {
    position: fixed;
    top: 100px;
    left: 50%;
    z-index: 998;
    width: 100%;
    transform: translateX(-50%) translateY(-50%);
}
#denisura #switch .btn{
display: flex;
align-items: center;
justify-content: center;
padding: 20px 0;
width: 50%;
background: #001863;
}
#denisura #switch .btn svg{
width: 100px;
fill:#fff;
}

#denisura .btn_area{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 40px auto;
}
#denisura .btn_area a{
box-sizing: border-box;
padding: 20px 0;
width: 49%;
border: solid 3px #001863;
background: #001863;
}
#denisura .btn_area a.a-air{
border: solid 3px #3cb37a;
background: #3cb37a;
}
#denisura .btn_area a p{
display: flex;
align-items: center;
justify-content: center;
color: #fff;
font-weight: 500;
font-size: 1.2rem;

fill: #fff;
}
#denisura .btn_area a p svg{
margin-right: 16px;
width: auto;
height: 24px;
}
#denisura .btn_area a:hover{
background: #fff;
opacity: 1;
}
#denisura .btn_area a:hover p{
color: #001863;

fill: #001863;
}
#denisura .btn_area a.a-air:hover p{
color: #3cb37a;

fill: #3cb37a;
}

/*****************************
       　　voice
******************************/
#denisura .voice{
position: relative;
padding: 100px 0px;
width: 100%;
background: #001960;
}
#denisura .voice .title{
display: flex;
justify-content: space-between;
margin: 0 auto 50px;
width: 85%;
}
#denisura .voice .title img{
display: block;
width: 3%;
}
#denisura .voice .title p{
background: none;
color: #FFF;
font-weight: 500;
font-size: 2.7rem;;
}
#denisura .voice img.c-logo{
display: block;
margin: 0 auto 40px;
width: 160px;
}
#denisura .voice img.icon{
position: absolute;
top: 5%;
right: 21%;
width: 160px;
}
#denisura .voice .c-flex01{
display: flex;
justify-content: space-between;
margin: 0 auto 20px;
width: 100%;
}
#denisura .voice .c-flex01 img{
width: 49%;
}
#denisura .voice .c-flex01 .c-f-box{
display: block;
width: 49%;
}
#denisura .voice .c-flex01 .c-f-box img{
margin-bottom: 4px;
width: 100%;
}
#denisura .voice .c-flex02{
display: flex;
justify-content: space-between;
margin: 0 auto 20px;
}
#denisura .voice .c-flex02 img{
width: 32%;
}
#denisura .voice p{
display: block;
margin: 0 auto;
background: #ee7629;
color: #FFF;
text-align: center;
font-weight: 500;
font-size: 3rem;
padding-bottom: 7px;
}
/****** air *******/
#denisura .v-air{
background: #3cb37a;
margin-top: 80px;
}
#denisura .v-air .c-flex01{
align-items: flex-end;
margin-bottom: 10px;
}
#denisura .v-air .c-flex01 img{
width: 47%;
}
#denisura .v-air .c-flex01 .c-f-box{
width: 50%;
}
#denisura .v-air .c-flex01 .c-f-box img{
margin-bottom: 0px;
width: 100%;
}
#denisura .v-air .c-flex02{
align-items: flex-end;
margin-bottom: 10px;
}
#denisura .v-air .c-flex02 img{
width: 37%;
}
#denisura .v-air .c-flex02 img:first-of-type{
width: 28%;
}
#denisura .v-air .c-flex02 img:last-of-type{
width: 29%;
}
#denisura .v-air .c-flex03 img{
width: 42%;
}
#denisura .v-air .c-flex03 img:last-of-type{
width: 55%;
}
/*****************************
       　contents
******************************/
#denisura .contents{
width: 100%;
}
#denisura .contents .item_col{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items: center;
justify-content: space-between;
margin: 0 auto;
margin-top: 40px;
max-width: 1000px;
width: 90%;
}
#denisura .contents .item_col .img_area {
width: 53%;
}
#denisura .contents .item_col .item_area {
width: 43%;
text-align: center;
}
#denisura .contents .item_col .item_area p.name{
font-weight: 700;
font-size: 2rem;
line-height: 1.3;
}
#denisura .contents .item_col .item_area p.name span{
display: block;
font-size: 1rem;
}
#denisura .contents .item_col .item_area p.price{
margin: 8px 0 24px;
font-weight: 700;
font-size: 1.8rem;
}
#denisura .contents .item_col .item_area p.price span{
margin-left: 4px;
font-size: 1.1rem;
}
#denisura .contents .item_col .item_area p.copy{
text-align: justify;
font-weight: 400;
font-size:1.6rem;
}
#denisura .contents .item_col .item_area p.border{
margin-bottom: 16px;
padding-bottom: 16px;
border-bottom: solid 2px #000;
}
#denisura .contents .item_col .item_area p.lead{
margin: 16px 0;
padding: 16px 0;
border-top: solid 2px #000;
border-bottom: solid 2px #000;
text-align: justify;
font-weight: 400;
font-size:1.1rem;
}
#denisura .contents .item_col .item_area p.detail{
margin-bottom: 16px;
text-align: justify;
font-size: .9rem;
}
#denisura .contents .item_col .item_area p.col2{
display: flex;
align-items: center;
justify-content: flex-start;
text-align: left;
font-size: .9rem;
}
#denisura .contents .item_col .item_area p.mb{
margin-bottom: 8px;
}
#denisura .contents .item_col .item_area p.col2:first-of-type{
margin: 16px 0 4px;
}
#denisura .contents .item_col .item_area p.col2 span:first-child{
margin-right: 8px;
padding: 4px 0;
width: 100px;
border:solid 1px #000;
text-align: center;
font-size: .8rem;
}
#denisura .contents .item_col .item_area p.col2 span:last-child{
width: calc( 100% - 100px );
}
#denisura .contents .item_col .item_area a{
display: flex;
align-items: center;
justify-content: center;
margin-top: 24px;
padding: 16px 0;
background: #001863;
color: #fff;
font-weight: 500;
font-size: 1.2rem;

fill:#fff;
}
#denisura .contents .item_col .item_area a.a-air{
background: #3cb37a;
}
#denisura .contents .item_col .item_area a svg{
margin-left: 1rem;
width: auto;
height: 1.3rem;
}
#denisura .contents .item_col .item_area a:hover{
opacity: 1;
}
#denisura .contents .item_col .item_area a:hover svg{
margin-left: 2rem;
transition: .6s;
}

/*****************************
       画像切り替え
******************************/
#denisura .contents .item_col .img_area .mainImg{
border: 3px solid #eee;
}
#denisura .contents .item_col .img_area .subImg dl{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 8px auto;
width: calc(100% + 2px);
}
#denisura .contents .item_col .img_area .subImg dl dt{
margin: 0px;
padding: 0px;
width:calc(11% - 4px);
border: 2px solid #eee;
vertical-align: top;
}
#denisura .contents .item_col .img_area .subImg dl dt.dt_air{
margin: 0px;
padding: 0px;
width:calc(20% - 6px);
border: 2px solid #eee;
vertical-align: top;
}
#denisura .contents .item_col .img_area .subImg dl dt img{
cursor:pointer;
}
#denisura .contents .item_col .img_area .subImg dl dd{
margin: 0px;
padding: 0px;
}
#denisura .contents .item_col .img_area .select{
border: 2px solid #aaa !important;
}
#denisura .contents .item_col .img_area .sub_img3.subImg dl dt{
width:calc(16% - 6px);
}
#denisura .contents .item_col .img_area .sub_img3.subImg dl dt.dt_ja{
width:calc(25% - 10px);
}
#denisura .contents .item_col .img_area .sub_img3.subImg dl dt.dt_tj{
width:calc(25% - 10px);
}
#denisura .contents .item_col .img_area .sub_img4.subImg dl dt{
margin: 0 3px;
width:calc(25% - 10px);
}
#denisura .contents .item_col .img_area .sub_img3.subImg dl dt.dt_cn{
width:calc(34% - 12px);
}
#denisura .contents .item_col .img_area .sub_img4.subImg dl{
justify-content: center;
}
/*****************************
       画像切り替え
******************************/

/*****************************
       detail
******************************/
#denisura .detail_cont{
margin-top: 80px;
padding: 80px 0;
background: #F7F7F7;
}
#denisura .detail_cont h3{
margin: 0 auto;
padding-bottom: 8px;
max-width: 800px;
width: 90%;
border-bottom: solid 2px #000;
text-align: center;
font-weight: 500;
font-size: 2rem;
}
#denisura .detail_cont .box_area{
padding: 40px 0;
width: 100%;
}
#denisura .detail_cont .box_area .colLR{
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: center;
margin: 0 auto;
max-width: 800px;
width: 90%;
}
#denisura .detail_cont .box_area .colLR img{
width: 50%;
}
#denisura .detail_cont .box_area .colLR p{
width: 50%;
font-weight: 700;
font-size: 1.6rem;
}
#denisura .detail_cont a{
display: flex;
align-items: center;
justify-content: center;
margin: 24px auto 0;
padding: 16px 0;
max-width: 500px;
width: 100%;
background: #001863;
color: #fff;
font-weight: 500;
font-size: 1.2rem;

fill:#fff;
}
#denisura .detail_cont a.a-air{
background: #3cb37a;
}
#denisura .detail_cont a svg{
margin-left: 1rem;
width: auto;
height: 1.3rem;
}
#denisura .detail_cont a:hover{
opacity: 1;
}
#denisura .detail_cont a:hover svg{
margin-left: 2rem;
transition: .6s;
}

#denisura .orderR{
order: 2;
}
#denisura .orderL{
order: 1;
}
/*****************************
       detail
******************************/

/*****************************
       banner
******************************/
#denisura .banner_area{
padding: 80px 0px;
width: 100%;
}
#denisura .banner_area .inner{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
#denisura .banner_area .inner a{
width: 49%;
}
/*****************************
       banner
******************************/

/*****************************
       footer
******************************/
#denisura .footer_area{
padding: 80px 0;
background: #001863;
color: #fff;
}
#denisura .footer_area .footercol a{
background: #fff;
}
#denisura .footer_area .footercol a p{
color: #001863;

fill: #001863;
}
#denisura .footer_area .footercol a:hover{
border:solid 3px #fff;
background: #001863;
}
#denisura .footer_area .footercol a:hover p{
color: #fff;

fill: #fff;
}
/*****************************
footer
******************************/

#denisura .pc {
display: block;
}
#denisura .sp {
display: none;
}

/********フェード**********/
.sa {
width: 100%;
opacity: 0;
-webkit-transition: all .8s ease;
transition: all .8s ease;
}
.sa.show {
opacity: 1;
-webkit-transform: none;
transform: none;
}
.sa--lr {
-webkit-transform: translate(-100px, 0);
transform: translate(-100px, 0);
}
.sa--rl {
-webkit-transform: translate(100px, 0);
transform: translate(100px, 0);
}
.sa--up {
-webkit-transform: translate(0, 100px);
transform: translate(0, 100px);
}
.sa--down {
-webkit-transform: translate(0, -100px);
transform: translate(0, -100px);
}
.sa--scaleUp {
-webkit-transform: scale(.5);
transform: scale(.5);
}
.sa--scaleDown {
-webkit-transform: scale(1.5);
transform: scale(1.5);
}
.sa--rotateL {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.sa--rotateR {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
/********フェード**********/

@media screen and (max-width: 750px) {
#denisura .pc {
display: none;
}
#denisura .sp {
display: block;
}

/*****************************
　　共通
******************************/
#denisura .main {
width: 100%;
height: auto;
}
#denisura .main img{
object-fit: contain;
}

#denisura .btn_area {
margin: 40px auto;
width: 100%;
}
#denisura .btn_area a{
margin-bottom: 4px;
padding: 12px 0;
width: 100%;
}
#denisura .btn_area a p{
width: 100%;
font-size: 1rem;
}
#denisura .btn_area a p svg{
height: 20px;
}


/*****************************
　　voice
******************************/
#denisura .voice{
padding: 80px 0px;
width: 100%;
}
#denisura .v-air{
margin-top: 40px;
}
#denisura .voice img.c-logo{
margin: 0 auto 40px;
width: 30%;
}
#denisura .voice img.icon{
top: 4.5%;
right: 8%;
width: 20%;
}
#denisura .voice .title{
margin: 0 auto 40px;
width: 90%;
}
#denisura .voice .title img{
width: 4%;
}
#denisura .voice .title p{
font-size: 1.3rem;
}
#denisura .voice .c-flex01{
display: block;
justify-content: space-between;
margin: 0 auto 4px;
width: 100%;
}
#denisura .voice .c-flex01 img{
display: block;
margin: 0 auto 4px 0;
width: 70%;
}
#denisura .voice .c-flex01 img:last-of-type{
margin: 0 0 0 auto;
}
#denisura .voice .c-flex02{
display: block;
margin: 0 auto 4px;
}
#denisura .voice .c-flex02 img{
display: block;
margin: 0 auto 4px 0;
width: 60%;
}
#denisura .voice .c-flex02 img:nth-of-type(2){
margin: 0 0 0 auto;
}
#denisura .voice .c-flex01 .c-f-box{
display: block;
width: 100%;
}
#denisura .voice .c-flex01 .c-f-box img{
margin-bottom: 4px;
width: 100%;
}
#denisura .voice p{
font-size: 1.3rem;
padding: 10px 0px 14px;
}


/*****************************
　contents
******************************/
#denisura .contents .item_col{
flex-wrap: wrap;
}
#denisura .contents .item_col .img_area {
width: 100%;
}
#denisura .contents .item_col .item_area {
margin-top: 24px;
width: 100%;
}
#denisura .contents .item_col .item_area p.name{
font-size: 1.5rem;
}
#denisura .contents .item_col .item_area p.price{
margin: 8px 0 16px;
font-size: 1.2rem;
}
#denisura .contents .item_col .item_area p.price span{
font-size: .8rem;
}
#denisura .contents .item_col .item_area p.copy{
font-size:1.2rem;
}
#denisura .contents .item_col .item_area p.lead{
margin: 16px 0;
font-size:.9rem;
}
#denisura .contents .item_col .item_area p.detail{
font-size: .8rem;
}
#denisura .contents .item_col .item_area p.col2{
flex-wrap: wrap;
text-align: center;
font-size: .9rem;
}
#denisura .contents .item_col .item_area p.col2 span:first-child{
margin:  0 auto 8px;
font-size: .8rem;
}
#denisura .contents .item_col .item_area p.col2 span:last-child{
margin-bottom: 16px;
width: 100%;
font-size: .8rem;
}
#denisura .contents .item_col .item_area a{
margin-top: 8px;
font-size: 1rem;
}
#denisura .contents .item_col .item_area a svg{
height: 1rem;
}
#denisura .contents .item_col .img_area .subImg dl dt {
margin: 0px;
padding: 0px;
width: calc(19% - 1px);
border: 2px solid #eee;
vertical-align: top;
}
#denisura .contents .item_col .img_area .subImg dl.dl_sp{
justify-content: flex-start;
}

/*****************************
detail
******************************/
#denisura .detail_cont{
margin-top: 40px;
padding: 40px 0;
}
#denisura .detail_cont h3{
width: 100%;
text-align: left;
font-weight: 400;
font-size: 1.2rem;
}
#denisura .detail_cont .box_area{
padding: 40px 0 0;
width: 100%;
}
#denisura .detail_cont .box_area .colLR{
width: 100%;
}
#denisura .detail_cont .box_area .colLR p{
font-weight: 500;
font-size: .8rem;
}
#denisura .detail_cont a{
font-size: 1rem;
}
#denisura .orderR{
order: 2;
}
#denisura .orderL{
order: 1;
}
/****** air *******/
#denisura .v-air .c-flex01 img{
width: 100%;
}
#denisura .v-air .c-flex01 .c-f-box img{
margin-bottom: 0px;
width: 85%;
}
#denisura .v-air .c-flex02{
align-items: flex-end;
margin-bottom: 10px;
}
#denisura .v-air .c-flex02 img{
width: 80%;
}
#denisura .v-air .c-flex02 img:first-of-type{
width: 70%;
}
#denisura .v-air .c-flex02 img:last-of-type{
width: 60%;
}
#denisura .v-air .c-flex03 img{
width: 90%;
}
#denisura .v-air .c-flex03 img:last-of-type{
width: 100%;
}
/*****************************
detail
******************************/

/*****************************
banner
******************************/
#denisura .banner_area .inner a{
width: 100%;
margin-bottom: 4px;
}
/*****************************
       banner
******************************/

/*****************************
footer
******************************/
#denisura .footer_area{
padding: 16px 0;
}
/*****************************
footer
******************************/



}