@charset "UTF-8";
/* CSS Document */

.main1c{font-size: 16px;}


/*フッター*/
#footer2{padding: 0 0 140px;}
@media screen and (max-width:767px) {
#footer2{padding: 0 0 0px;}
#wrap_btm::after{content: ''; display: block; height: 80px; line-height: 150px;}
}


section{/*width: 1200px;*/ margin: auto; font-feature-settings: "palt";}

/*html {scroll-behavior: smooth;}*/

/*main{width: 1200px; margin: auto;}*//*仮*/
section img{width: 100%;}
section ul,section li,
.fixed_bar_inr.ul, .fixed_bar_inr li{list-style: none; margin: 0; padding: 0;}
section p{margin: 0; padding: 0;}

section h2{border-top: 0px;}
section h3{border-top: 0px; margin-bottom: 0; padding: 0;}
section h3::before{display: none;}

@media screen and (max-width:767px) {
section section,
section{width: 100%;}
}


/*PC/SP切り替え*/
.viewPc {
display: block;
}
.viewSp {
display: none;
}
@media screen and (max-width:767px) {
.viewSp {
display: block;
}
.viewPc {
display: none!important;
}
}

/*ギフトバナー*/
.gift_bnr{width: 1000px; margin: 0 auto 60px;}

/*Web限定ページ内リンク*/
.limited_button1{background: #a30103;}
.limited_button1 a{width: 1200px; margin: 25px auto; display: block;}

.limited_button2{width: 920px; margin: auto;}


/*商品の選択に進む*/
.select_button .Label{width: 710px; margin: auto;}
.select_button .set_premium,
.select_button .set_special,
.select_button .set_normal{display: flex; justify-content: space-between; width: 920px; margin: 0 auto 30px; padding: 5px 20px 20px; align-items: center;
background: #FFEEC0; border: 1px solid #000;}
.select_button .set_normal{padding: 20px 20px 20px;}


.select_button .set_btn{width: 360px; margin: auto;}
.select_button .pict{width: 425px;}
.select_button .setitem{width: 470px; margin: 20px 0 0;
font-feature-settings: "palt";}

.select_button .set{font-size: 1.6rem; line-height: 1.7em; margin-bottom: 5px;}
.select_button .set span{width: 15px; height: 15px; line-height: 15px; text-align: center; background: #1D2086; color: #fff; display: inline-block;
margin-left: 0.8em; margin-right: 2px;}
.select_button  .price{font-size: 1.6rem; margin-bottom: 25px;}
.select_button  .otoku{color: #E40000; font-size: 1.8rem; font-weight: bold;}

@media screen and (max-width:767px) {
/*ギフトバナー*/
.gift_bnr{width: 90%; margin: 0 auto 30px;}

/*Web限定ページ内リンク*/
.limited_button1 a{width: 100%; margin: 25px 0;}
.limited_button2{width: 100%; margin: auto;}

.select_button .Label{width: 95%; padding: 1rem 0!important;}
.select_button .set_premium,
.select_button .set_special,
.select_button .set_normal{width: 95%; display: block; padding: 5px 2% 20px;}

.select_button .set_btn{width: 70%; margin: auto;}
.select_button .pict{width: 95%; margin: auto;}
.select_button .setitem{width: 100%; margin: 20px 0 0;}

.select_button  .otoku{letter-spacing: -0.1em;}

#slctbtn00.select_button .Label{width: 95%; padding: 0 0 1rem!important;}
}


#mv .mv_pc{}

/*#mv .mv_pc > div{width: 1200px; margin: auto;}*/


#mv .mv_pc .mv1{background:url("/defaultShop/woodconespecial/images/wood_main_pc_01bg.png")repeat-x;
background-size: 100% 158px;}
#mv .mv_pc .mv2{background:url("/defaultShop/woodconespecial/images/wood_main_pc_02bg.jpg")no-repeat;
background-size:cover;}

#mv .mv_pc .mv1 img,
#mv .mv_pc .mv2 img{width: 1200px; margin: auto; display: block;}

#mv .mv_cap{font-size: 1.4rem; width: 1030px; margin: auto; text-align: right; padding: 10px 0;}
#mv .mv_cap span{color: #f00;}


#block01{background: url("/defaultShop/woodconespecial/images/wood_block01_bg.jpg")no-repeat;
background-size: cover; background-position: bottom; padding: 15px 0 40px;}
#block01 .parts01{width: 995px; margin: auto;}

#block01 .victor_txt{
background: rgb(228,165,33);
background: linear-gradient(135deg, rgba(228,165,33,1) 0%, rgba(255,245,150,1) 32%, rgba(255,251,227,1) 46%, rgba(255,245,150,1) 62%, rgba(228,165,33,1) 100%);
width: 500px; border-radius: 15px;
border: 3px solid #BB782E;

display: flex;flex-wrap: wrap;
justify-content:center;
align-items: center;

box-shadow: 4px 4px 12px 0px rgba(0, 0, 0, 0.4);
}

#block01 .victor_txt .tit{
background: #504346; margin: 0; padding: 0; border-radius: 13px 13px 0 0; text-align: center; color: #fff;
width: 100%;

}
#block01 .victor_txt .v_txt{/*width: 240px;*/ width:calc(100% - 20px); padding: 10px; margin-right: 10px; font-size: 1.5rem; /*line-height: 1.2em;*/}
#block01 .victor_txt .v_logo{/*width: 130px;*/ width:200px; padding: 20px 0;}

#block01 ul{display: flex; align-items: center;
justify-content: space-between; width: 900px; margin: 20px auto 20px;}
#block01 ul li{}
#block01 ul li:first-child{width: 400px;}

#block01 .blk01_txt{width: 920px; margin: auto; padding:20px 25px 30px; background: #FFE4C1;
border-radius: 25px;
font-size: 2rem;
line-height: 1.6em;
font-family: 'Noto Serif JP', YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
font-weight: 900;}

#block01 .blk01_txt h3{font-size: 2.6rem;  margin-bottom: 20px;
    font-feature-settings: "palt"; letter-spacing: -0.1em;
font-family: 'Noto Serif JP', YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";}

#block01 .blk01_txt b{color: #A20000; font-weight: bold;}

@media screen and (max-width:767px) {
#block01{background-size: 100% auto; padding: 15px 0 0;
background-position: top;}
#block01 .parts01{width: 100%;}
#block01 ul{display: block; width: 100%;}
#block01 ul li:first-child{width: 60%; margin: auto;}

#block01 .victor_txt{width: 90%; margin: auto;}
#block01 .victor_txt .v_txt{width: 95%; line-height: 1.3em; padding: 10px 0 0; margin-right: 0px;}
#block01 .victor_txt .v_logo{width: 180px; padding: 20px 0 20px;}

#block01 .blk01_txt h3{font-size: 2.2rem;}
#block01 .blk01_txt{width: 80%; margin: 30px auto;
font-size: 1.6rem;}
}




#block02{
background: rgb(61,98,171);
background: linear-gradient(0deg, rgba(61,98,171,0) 0%, rgba(61,98,171,0.3) 50%, rgba(0,47,124,0.8) 100%);

padding: 25px 0 0;
}

#block02 h2{padding: 0; margin: 0;}
#block02 h2 p{width: 800px; margin: auto;}

#block02 .blk02_box01{display: flex; justify-content: space-between; align-items: center;
width: 712px; margin: auto;}
#block02 .blk02_box01 .txt{width: 500px;
font-size: 2rem;
text-shadow: 2px 2px 2px #fff, -2px -2px 2px #fff,
-2px 2px 2px #fff,  2px -2px 2px #fff,
2px 0 2px #fff, -2px  0 2px #fff,
0 2px 2px #fff,  0 -2px 2px #fff;
font-family: 'Noto Serif JP', YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
font-weight: 900;}
#block02 .blk02_box01 .txt span{font-size: 0.8em;}

#block02 .blk02_box01 .ex07_logo{width: 153px;}

#block02 .blk02_box02{width: 940px; margin: auto;}


@media screen and (max-width:767px) {
#block02{background-size: 100% auto; padding: 45px 0 0; position: relative;
padding: 0;}
#block02 .blk02_box01{width: 95%;}
#block02 .blk02_box01 .txt{width: 100%;}
#block02 .blk02_box01 .ex07_logo{width: 25%; position: absolute;
right: 10px; top:10px;}
#block02 .blk02_box02{width: 95%;}

#block02 h2 p{width: 74%; margin: 0;}
}


#block03{
background: rgb(255,249,152);
background: linear-gradient(180deg, rgba(255,249,152,1) 0%, rgba(255,255,255,1) 510px, rgba(255,255,255,1) 1000px);
padding: 30px 0 40px;}

#block03 h2{width: 720px; margin: 0 auto 15px; padding: 0;}
#block03 h3{width: 660px; margin: 0 auto 10px;}

/*#block03 .songlist{margin: 30px 0 0;}

#block03 .songlist_box{
background: rgb(255,255,255);
background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 35%, rgba(255,249,152,.8) 60%, rgba(255,255,255,1) 87%, rgba(255,255,255,1) 100%);
}*/

#block03 .readmore-content .innr{
background: rgb(255,255,255);
background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 35%, rgba(255,249,152,.8) 60%, rgba(255,255,255,1) 87%, rgba(255,255,255,1) 100%);
}

#block03 .listmark-num{
    counter-reset: my-counter;
    padding: 0;
}
#block03 .listmark-num.box01{
    counter-reset: my-counter 0;
    padding: 0;
}
#block03 .listmark-num.box02{
    counter-reset: my-counter 12;
    padding: 0;
}
#block03 .listmark-num.box03{
    counter-reset: my-counter 24;
    padding: 0;
}
#block03 .listmark-num.box04{
    counter-reset: my-counter 36;
    padding: 0;
}
#block03 .listmark-num.box05{
    counter-reset: my-counter 48;
    padding: 0;
}
#block03 .listmark-num.box06{
    counter-reset: my-counter 60;
    padding: 0;
}
#block03 .listmark-num.box07{
    counter-reset: my-counter 70;
    padding: 0;
}
#block03 .listmark-num.box08{
    counter-reset: my-counter 80;
    padding: 0;
}

#block03 .listmark-num.box09{
    counter-reset: my-counter 90;
    padding: 0;
}

#block03 .listmark-num.box10{
    counter-reset: my-counter 100;
    padding: 0;
}

#block03 .listmark-num.box11{
    counter-reset: my-counter 110;
    padding: 0;
}

#block03 .listmark-num.box12{
    counter-reset: my-counter 120;
    padding: 0;
}

#block03 .listmark-num.box13{
    counter-reset: my-counter 130;
    padding: 0;
}

#block03 .listmark-num.box14{
    counter-reset: my-counter 140;
    padding: 0;
}

#block03 .listmark-num.box15{
    counter-reset: my-counter 150;
    padding: 0;
}


#block03 .boxwrap{display: flex; justify-content:flex-start; flex-wrap: wrap;
width: 980px; margin: 0 auto 30px;
font-weight: 600;}
#block03 .boxwrap ul{width: calc((100% - 20px)/3);
background: #DDF4FF;
margin-bottom: 10px;}
#block03 .boxwrap ul.box02,
#block03 .boxwrap ul.box05,
#block03 .boxwrap ul.box07,
#block03 .boxwrap ul.box10,
#block03 .boxwrap ul.box13{margin: 0 10px 10px;}


#block03 .boxwrap .box16{display: flex; align-items: flex-end;
padding: 0 0 10px 20px;}
#block03 .boxwrap .box16 span{color: #f00;}


#block03 .listmark-num > li{
    padding-left: 0px;
    /*font-size: 14px;*/
    font-size: 16px;
    margin-bottom: 3px;
    padding: 2px 10px;
}

#block03 .listmark-num > li:first-child{/*font-size: 16px;*/font-size: 18px;
background: #006bb7; padding: 5px 0 5px 10px;
color: #fff;
display: flex; align-items:flex-start;}

#block03 .listmark-num > li:first-child div,
#block03 .listmark-num > li:first-child p{color: #fff;}

#block03 .listmark-num > li::before {
content: counter(my-counter)" .";
counter-increment: my-counter;

width: 25px; height: 18px; line-height:18px;
letter-spacing: -0.1em;
font-feature-settings: "palt";
color: #4472c4;
text-align: center; /*border-radius: 20px; border: 1px solid #000; */
display: inline-block;
font-size: 15px;
margin-right: 5px;}

#block03 .boxwrap.jazz_clss ul{background: #FFE8E8;}
#block03 .boxwrap.jazz_clss .listmark-num > li:first-child{
color: #fff;
background: #C5025D;
}
#block03 .boxwrap.jazz_clss .listmark-num > li:first-child span{/*border: 1px solid #C5025D;*/color: #C5025D;}
#block03 .boxwrap.jazz_clss .listmark-num > li::before{
color: #C5025D;
/*border: 1px solid #C5025D; */
}

#block03 .listmark-num.box09 li:last-child::before,
#block03 .listmark-num.box10 li::before,
#block03 .listmark-num.box11 li::before,
#block03 .listmark-num.box12 li::before,
#block03 .listmark-num.box13 li::before,
#block03 .listmark-num.box14 li::before,
#block03 .listmark-num.box15 li::before{letter-spacing: -0.15em; text-align: left; width: 30px;}

#block03 .listmark-num > li:first-child::before{display: none;}

#block03 .listmark-num > li:first-child span{/*border: 1px solid #000;*/
width: 25px; height: 25px; line-height: 25px; text-align: center; 
display: inline-block; margin-right: 5px;
font-size: 14px;
border-radius: 20px;
background: #fff; color: #002063; font-weight: 600;}


@media screen and (max-width:767px) {
#block03 h2{width: 95%;}
#block03 h3{width: 90%;}
#block03 .boxwrap{width: 95%; margin: 30px auto; display: block;}
#block03 .boxwrap ul{width: 100%; margin-bottom: 0;}


#block03 .boxwrap ul.box02, #block03 .boxwrap ul.box05, #block03 .boxwrap ul.box07, #block03 .boxwrap ul.box10, #block03 .boxwrap ul.box13{margin: 0 ;}

#block03 .listmark-num > li{
    padding-left: 0px;
    margin-bottom: 0px;
    padding: 0px 10px;}
    
#block03 .boxwrap .box16{align-items: flex-start;
padding: 20px 0 10px 20px;}
}


#block04 h2{background: #682E1F; padding: 12px 0 0; margin: 0 0 25px;}
#block04 h2 p{width: 720px; margin: auto; padding: 0;}

#block04{
background: rgb(255,238,192);
background: linear-gradient(180deg, rgba(255,238,192,1) 0%,rgba(255,238,192,1) 100px, rgba(255,255,255,1) 100%);
padding: 0 0 40px;}
#block04 ul{display: flex; width: 920px; margin: auto;}
#block04 ul li{width:213px;}
#block04 ul li:first-child{width: 440px; margin-right: 40px;}
#block04 ul li:last-child{margin-left: 20px;}

#block04 ul li:first-child p{/*font-size: 16px;*/ font-size: 1.8rem;}
#block04 ul li p.cap{/*font-size: 11px;*/ font-size: 1.3rem;}

#block04 ul li b{color:#E40012; }

@media screen and (max-width:767px) {
#block04 h2 p{width: 95%;}
#block04 ul{width: 98%; flex-wrap: wrap;}
#block04 ul li{width: 45%; padding: 0 2%;}
#block04 ul li:first-child{width: 100%; margin-right: 0; margin-bottom: 20px;}
#block04 ul li:last-child{margin-left: 0;}
#block04 ul li p.cap{line-height: 1.2em;}
}


#block05{
background: rgba(219,236,216,1.00);
background: linear-gradient(180deg, rgba(219,236,216,1) 0%,rgba(219,236,216,1) 100px, rgba(255,255,255,1) 100%);}
#block05 .innr{display: flex; flex-wrap: wrap; justify-content: space-between; width: 920px; margin: auto;}


#block05 h2{ padding: 12px 0 0; margin: 0 0 25px;
background-image: url("/defaultShop/woodconespecial/images/block05_h2_bg.png");}
#block05 h2 p{width: 600px; margin: auto; padding: 0;}


#block05 h3{color: #ED744C; border-bottom: 2px solid #ED744C; padding: 0; margin-bottom: 12px;}

/*base2008対策*/
#block05 h3::before{
     content: ""; 
     position: relative; 
     border-radius: 0px; 
     width: auto; 
     height: auto; 
    }
#block05 h3::before{
content: '●';
color:#F6BAA6;
padding-right: 5px;
display: inline-block;
}


#block05 .blk05_box{width: calc((100% - 35px)/2); position: relative;
margin-bottom: 25px;}
#block05 .blk05_box:first-child .pict{position: absolute; bottom: 0;}
#block05 .blk05_box .pict{margin: 10px 0 0;}

#block05 .blk05_box02{width: 100%; margin-bottom: 25px;}

#block05 .blk05_box02-1{display: flex; align-items: center; justify-content: space-between; margin: 0 0 25px;}
#block05 .blk05_box02-2{display: flex; justify-content: space-between;}
#block05 .blk05_box02-2 dl{width: 435px; border: 2px solid #965736;}
/*#block05 .blk05_box02-2 dl:first-child{width: calc(435px - 60px);}*/
#block05 .blk05_box02-2 dl:last-child{position: relative;}


/*base2008対策*/
#block05 .blk05_box02-2 dl dt,
#block05 .blk05_box02-2 dl dd{
float: none; padding: 0; width: auto; border-bottom:none; margin: 0;}


#block05 .blk05_box02-2 dl:first-child dt,
#block05 .blk05_box02-2 dl:first-child dd{padding-left: 60px; position: relative;}

#block05 .blk05_box02-2 dl dt{background: #965736; color: #fff; line-height: 40px; padding-left: 10px;}
#block05 .blk05_box02-2 .rimo{position: absolute; top: 3px; left: 3px; width: 47px;}

#block05 .blk05_box02-2 dl dt i{font-style: normal; background: #5A2E00; padding: 5px; border-radius: 5px;}

#block05 .blk05_box02-2 dl dd{display: flex; justify-content: space-between; padding: 8px 20px 5px;}
#block05 .blk05_box02-2 .txt1{width: 184px;}
#block05 .blk05_box02-2 .pict1{width:155px;}
#block05 .blk05_box02-2 .txt2{width: 293px;}
#block05 .blk05_box02-2 .pict2{width:120px; position: absolute; /*top:25px;*/ right: 0; bottom: 5px;}


#block05 .blk05_box .txt{font-size: 1.8rem;}
#block05 .blk05_box .txt b{color: #f00;}

#block05 .cap{font-size: 15px;}


@media screen and (max-width:767px) {
#block05{}
#block05 h2 p{width: 95%;}
#block05 .innr{display: block; width: 100%;}
#block05 .blk05_box{width: 95%; margin: 0 auto 20px;}
#block05 .blk05_box:first-child .pict{position: relative;}
#block05 .blk05_box02{width: 95%; margin: auto;}
#block05 .blk05_box02-1,
#block05 .blk05_box02-2{display: block;}

#block05 .blk05_box02-2 dl{width: calc(100% - 4px);}

#block05 .blk05_box02-2 .rimo{width: 43px; left: 6px;}
#block05 .blk05_box02-2 .pict2{position: relative;}
}


#block06{
background: rgba(255,238,192,1.00);
background: linear-gradient(180deg, rgba(255,238,192,1) 0%,rgba(255,238,192,1) 900px, rgba(255,255,255,1) 100%); padding: 0 0 60px;}

#block06 h2{background: #A5B3F3; padding: 12px 0 0; margin: 0 0 25px;
border: solid #003E88; border-width: 2px 0;}
#block06 h2 p{width: 685px; margin: auto; padding: 0;}


#block06 h3{color: #fff; background:#003E88;  position: relative; 
padding: 10px 0 10px 40px;
margin: 0 0 20px;
font-feature-settings: "palt";}
#block06 h3 i{font-style: normal; background: #A5B3F3; border-radius: 5px; margin-right: 5px; display: inline-block;
width: 26px; height: 26px; line-height: 26px; text-align: center;
position: absolute; left: 10px; top: 12px;}

#block06 .innr{display: flex; flex-wrap: wrap; justify-content: space-between; width: 930px; margin: auto;}
#block06 .innr div{width: 460px;}
#block06 .innr div:first-child{width: 100%; /*margin: 0 0 30px;*/}
#block06 .innr ul{display: flex; justify-content: space-between;}

#block06 .blk06_box01{width: 512px;}
#block06 .blk06_box01 ul{}
#block06 .blk06_box01 ul li.main_box{/*width: 50%;*/width: 370px;}
#block06 .blk06_box01 ul li.sub_box{
display: flex; flex-wrap: wrap; justify-content: space-between;
/*width: 48%;*/ width: 510px;
/*align-items:flex-end;*/}
#block06 .blk06_box01 ul li.sub_box .b01{width: 193px;}
#block06 .blk06_box01 ul li.sub_box .b02{/*width: 240px;*/ width: calc(100% - 223px);}
#block06 .blk06_box01 ul li.sub_box .b03{width: 100%;}

#block06 .cap{font-size: 15px; padding-left: 12px; position: relative;}
#block06 .cap::before{content: '▲'; color: #1D2086; left: -4px; position: absolute;}

#block06 b{color: #E40012; font-weight: bold;}

#block06 .blk06_box02,
#block06 .blk06_box03{margin: 30px 0 0;}


#block06 .blk06_box02 li{width: calc((100% - 197px));}
#block06 .blk06_box03 li{width: calc(100% - 154px);}

#block06 .blk06_box02 li.pict{width: 182px; margin-right: 15px;}
#block06 .blk06_box03 li.pict{width: 154px; margin-right: 15px;}

@media screen and (max-width:767px) {

#block06 h2 p{width: 90%;}
#block06 .innr{display: block; width: 100%;}
#block06 .innr ul{display: block; width: 95%; margin: auto;}
#block06 .innr ul li:first-child{width: 60%; margin: 0 auto 20px;}
#block06 .innr div{width: 100%;}
#block06 .blk06_box01 ul li.main_box{width: 90%;}

#block06 .blk06_box01{width: 100%;}
#block06 .blk06_box01 ul li.sub_box{
display: flex; flex-wrap: wrap; justify-content: space-between;
align-items: flex-start;
width: 95%; margin: auto;}
#block06 .blk06_box01 ul li.sub_box .b01{width: 30%;}
#block06 .blk06_box01 ul li.sub_box .b02{width: 67%;}
#block06 .blk06_box01 ul li.sub_box .b03{width: 100%;}


#block06 .blk06_box02 li,
#block06 .blk06_box03 li{width: 100%;}
#block06 .blk06_box02 li.pict,
#block06 .blk06_box03 li.pict{width: 50%; margin: auto;}

#block06 .cap{line-height: 1.2em;}
}




#block07{background: #FFEBD3; border: 3px solid #682E1F;
border-radius: 27px;
width: 976px; margin: 0 auto 40px;
}

#block07 h2{background: #682E1F; padding: 12px 0 0; margin: 0 0 25px;
border-radius: 23px 23px 0 0;}
#block07 h2 p{width: 520px; margin: auto; padding: 0;}

#block07 h3{border-bottom: 2px solid; margin-bottom: 10px;  padding: 0 0 5px;}


#block07 li:nth-child(1) h3{border-bottom-color: #006979;}
#block07 li:nth-child(2) h3{border-bottom-color: #E9613B;}
#block07 li:nth-child(3) h3{border-bottom-color: #E9613B;}
#block07 li:nth-child(4) h3{border-bottom-color: #0068B5;}
#block07 li:nth-child(5) h3{border-bottom-color: #006979;}

#block07 ul{display: flex; flex-wrap: wrap; justify-content: space-between; width: 900px; margin: auto;}
#block07 li{width: 392px;background: #fff; border-radius: 25px;border: 3px #7F4C42 solid; margin-bottom: 25px; padding: 20px;}

#block07 li:last-child{width: 100%; display: flex;}

#block07 li div{
font-family: 'Noto Serif JP', YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
font-weight: 700;
font-feature-settings: "palt";
font-size: 1.6rem;
}
#block07 li div .name{font-size: 1.5rem;}

#block07 li div b{color: #AB5943; font-weight: bold;
font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";}

#block07 .cap{font-size: 1.1rem; text-align: center; margin: 0 0 30px;}

#block07 li:last-child div{width: 550px;}
#block07 li:last-child div h3 p{width: 417px;}


@media screen and (max-width:767px) {
#block07{width: 96%;}
#block07 h2 p{width: 96%;}
#block07 ul{display: block; width: 100%;}
#block07 li{width: 85%; margin:0 auto 20px;}
#block07 li:last-child{display: block; width: 85%;}
#block07 li:last-child div{width: 100%;}
#block07 li:last-child div h3 p{width: 100%;}
#block07 .cap{line-height: 1.4em; margin: 0 10px 20px;}
}



#block08{
background: rgba(255,238,192,1.00);
background: linear-gradient(180deg, rgba(255,238,192,1) 0%,rgba(255,238,192,1) 100px, rgba(255,255,255,1) 100%);
padding: 0 0 60px;}

#block08 .innr{display: flex; justify-content: space-between;
width: 920px; margin: auto; padding: 30px 0 0;
}

#block08 .innr div.profbox{width: 197px;}
#block08 .innr div.txtbox{width: 695px;}

#block08 h2{display: flex; align-items: center; justify-content: space-between;
border: 2px solid #003E88; border-width: 2px 0; padding: 0; margin: 0 0 20px;}

#block08 h2 p:first-child{width: 150px;  flex-shrink: 0;}
#block08 h2 p:last-child{width: calc(100% - 170px);  flex-shrink: 0;}


#block08 .innr div{
font-family: 'Noto Serif JP', YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
font-weight: 600;
font-feature-settings: "palt";
font-size: 1.8rem;
}

#block08 .prof01{border-bottom: 1px solid;}
#block08 .prof02{font-size: 1.2rem; padding-top: 15px;}

#block08 .innr b{color: #AB5943; font-weight: bold;
font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";}


@media screen and (max-width:767px) {
#block08{padding: 0 0 60px;}
#block08 .innr{width: 100%;
/*flex-direction: column-reverse;*/ flex-wrap: wrap;}

#block08 .innr div.txtbox{width: 94%; margin: auto;}
#block08 .innr div.profbox{width: 90%; margin:  30px auto;
display: flex; align-items: center;}
#block08 .innr div.profbox div{margin-right: 10px; width: calc(35% - 10px);}
#block08 .prof01{line-height: 1.2em; font-size: 1rem;}
#block08 .prof02{line-height: 1.4em; width: 65%; padding-top: 0;}
#block08 .prof02 .prof01{margin-bottom: 10px; padding-bottom: 10px;}
#block08 .prof02 .prof01 img{width: 40%;}
}



#block09{background: url("/defaultShop/woodconespecial/images/block09_bg.jpg");
background-repeat:repeat;
padding: 0 0 40px;}

#block09 .innr{width: 920px; margin: auto;}

/*2008対策*/
#block09 h2{margin: 0; padding: 0;}
#block09 h2::after{margin: 0; height: 0;}
#block09 h2::before{margin: 0; height: 0;}

#block09 h2{padding:20px 0 30px;}

#block09 ul{display: flex; justify-content: space-between; align-items: center; text-align: center;}
#block09 ul.blk09_box03{flex-direction: row-reverse;}

#block09 ul.blk09_box01 li:first-child{width: 550px;}
#block09 ul.blk09_box01 li:last-child{width:340px;}

#block09 ul.blk09_box02 li:first-child,
#block09 ul.blk09_box03 li:first-child{width: 526px;}
#block09 ul.blk09_box02 li:last-child,
#block09 ul.blk09_box03 li:last-child{width:calc(100% - 526px);}

#block09 ul.blk09_box04{}
#block09 ul.blk09_box04{
background: rgb(246,225,144);
background: linear-gradient(90deg, rgba(246,225,144,1) 0%, rgba(255,255,255,1) 21%, rgba(255,255,255,1) 60%, rgba(246,225,144,1) 100%);
border-radius: 15px;
border: 3px solid #BB782E;
display: flex;flex-wrap: wrap;
justify-content:center;
align-items: center;
box-shadow: 4px 4px 12px 0px rgba(0, 0, 0, 0.4);
}
#block09 ul.blk09_box04 h3{width: 95%; margin: 0 auto 0px;}


#block09 ul.blk09_box05{
background: rgba(204,204,204,1.00);
background: linear-gradient(90deg, rgba(204,204,204,1.00) 0%, rgba(255,255,255,1) 21%, rgba(255,255,255,1) 60%, rgba(204,204,204,1.00) 100%);
border-radius: 15px;
border: 3px solid #8B8B8C;
display: flex;flex-wrap: wrap;
justify-content:center;
align-items: center;
box-shadow: 4px 4px 12px 0px rgba(0, 0, 0, 0.4);
}


#block09 ul li p.f_mincho{
color: #fff; font-size: 26px; font-weight: bold;
font-family: 'Noto Serif JP', YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
line-height: 1.2em;}


#block09 ul.blk09_box02,
#block09 ul.blk09_box03 {margin-top: 25px;}

#block09 ul.blk09_box04,
#block09 ul.blk09_box05 {padding: 10px 0; margin-top: 25px;}

#block09 ul.blk09_box04 h4,
#block09 ul.blk09_box05 h4{color: #B40005; font-size: 2.2rem;}


#block09 ul.blk09_box04 .price,
#block09 ul.blk09_box05 .price{margin-top: 10px;}

#block09 ul.blk09_box04 p.f_mincho,
#block09 ul.blk09_box05 p.f_mincho{color: #000;}

#block09 ul.blk09_box04 li:first-child,
#block09 ul.blk09_box04 li:first-child{}


#block09 ul.blk09_box04 li:nth-child(2),
#block09 ul.blk09_box05 li:nth-child(2){/*margin-top: -15px;*/ width: 470px;}

#block09 ul.blk09_box04 li:nth-child(2) p,
#block09 ul.blk09_box05 li:nth-child(2) p{margin-bottom: 10px;}

#block09 ul.blk09_box04 li:last-child,
#block09 ul.blk09_box05 li:last-child{text-align: left; margin-left: 20px;
width: calc(100% - 505px);
}

#block09 ul.blk09_box04 li:last-child span,
#block09 ul.blk09_box05 li:last-child span{background: #1D2086; color: #fff; /*padding: 3px 4px;*/ margin-right: 5px; line-height: 1.3em; width: 20px; height: 20px; text-align: center; display: inline-block;}

#block09 .blk09_btn{width: 183px; margin: 10px auto;}
#block09 .blk09_btn a{text-decoration: none; color: #000; display: inline-block;  border-radius: 10px; width: 183px; text-align: center; line-height: 35px; font-size: 20px;
font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
font-weight: 600;
border-bottom:3px solid #757474; border-right:3px solid #909090;
box-shadow: 6px 7px 10px -5px #000;
background: #fff;
background: linear-gradient(99deg, rgba(255,255,255,1) 50%, rgba(165,165,165,1) 100%);}

#block09 .txt{background: rgba(255,255,255,.80);
padding: 20px; margin: 10px 0 0; font-size: 1.8rem;}
#block09 .txt b{font-weight: bold; color: #8F0000;}

.blk09_inbox h3{text-align: center; background: #666;color: #fff; font-size: 2rem; margin: 0 0 30px; line-height: 2em;}

.blk09_inbox .board_p{width: 600px; margin: auto;}
.blk09_inbox .board_tx{width: 715px; margin: 20px auto;}
/*.blk09_inbox .board_btn{background: #4FA500; width: 712px; height: 95px;
text-align: center; margin: 15px auto;
border-radius: 20px;
box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.4);}*/
.blk09_inbox .board_btn a{display: block; width: 100%; padding: 30px 0;
font-size: 22px; color: #fff; text-decoration: none; line-height: 1em;}
.blk09_inbox .board_btn a span{ color: #FFFF00;}

.blk09_inbox dl{width: 720px; margin: auto;}

/*2008対策*/
.blk09_inbox dl dt,
.blk09_inbox dl dd{float: none; padding: 0; width: auto; margin: 0;}
.blk09_inbox p{margin: 0; padding: 0;}

.blk09_inbox dl dt{color: #fff; font-size: 1.4em; background: #612E15; padding: 10px 30px;}
.blk09_inbox dl dd{background: #F9CE9D; padding: 15px 30px;}

.blk09_container{width: 660px; margin: auto;}
.blk09_container {
  display: grid; 
/*  grid-template-columns: 1fr 1fr 1fr; 
  grid-template-rows: 1fr 0.5fr 1.3fr; 
  gap: 20px 20px; 
  grid-template-areas: 
    "b01 b01 b02"
    "b03 . b02"
    "b03 b04 b04"; */
    
/*grid-template-columns: 1fr 1fr 1fr; 
grid-template-rows: 1fr 1fr 1fr; */
grid-template-columns: 1fr 1.5fr;
grid-template-rows: 1fr ;
gap: 20px 20px; 
grid-template-areas: 
"b01 b01 b02"
"b03 b01_2 b01_2"
"b03 b04 b04";
}
.blk09_b01 { grid-area: b01; font-size: 1.3em;}
.blk09_b01_2 { grid-area: b01_2;}
.blk09_b02 { grid-area: b02;width: 187px;}
.blk09_b03 { grid-area: b03; width: 290px;}
.blk09_b04 { grid-area: b04; width: 397px;}

.blk09_b03 p,.blk09_b04 p{ font-size: 1em!important; margin: 10px 0 0;}

.blk09_b01_2{padding: 10px; border: 1px solid #e0b3b3; background: rgba(255,255,255,.80); border-radius: 20px; font-size: 1em!important;}


@media screen and (max-width:767px) {
.blk09_b01 { grid-area: b01; font-size: 4.3vw!important;}
.blk09_b01_2{font-size: 4.3vw!important;}

#block09 .innr{width: 100%;}
#block09 h2{padding:20px 0 10px;}

#block09 ul.blk09_box01{}
#block09 ul.blk09_box01 li:first-child{width: auto;}
#block09 ul.blk09_box01 li:last-child{width:auto;}

#block09 ul.blk09_box02,
#block09 ul.blk09_box03,
#block09 ul.blk09_box04,
#block09 ul.blk09_box05{display: block;}


#block09 ul.blk09_box04,
#block09 ul.blk09_box05{width: 95%; margin: 30px auto 0;}

#block09 ul.blk09_box04 li,
#block09 ul.blk09_box05 li{width: 98%; margin: auto;}
#block09 ul li p.f_mincho{font-size: 24px;}


#block09 ul.blk09_box02 li:first-child,
#block09 ul.blk09_box03 li:first-child{width: 100%;}
#block09 ul.blk09_box02 li:last-child,
#block09 ul.blk09_box03 li:last-child{width:100%;}

#block09 ul.blk09_box04 li:last-child, 
#block09 ul.blk09_box05 li:last-child{margin: auto; width: 95%;}

#block09 ul.blk09_box04 li:nth-child(2),
#block09 ul.blk09_box05 li:nth-child(2){margin-top: 0px; width: 95%;}

.blk09_inbox h3{line-height: 1.3em;}
.blk09_inbox .board_p{width: 80%;}
.blk09_inbox .board_tx{width: 90%; margin: 10px auto;}

.blk09_inbox dl{width: 90%; margin: 10px auto;}

.blk09_container{width: 95%; display: flex; flex-wrap: wrap;align-items: center;}
.blk09_b01 { width: 100%;}
.blk09_b02 {width:50%;}
.blk09_b03 {width:40%;}
.blk09_b04 {width:100%;}

.blk09_b03 p,.blk09_b04 p{ font-size: 3.5vw!important; line-height: 1.4em;}

#block09 ul.blk09_box04 li:last-child span,
#block09 ul.blk09_box05 li:last-child span{width: 40px; height: 40px;}
}


#price_box{font-weight: bold; width: 920px; margin: 0 auto 30px; border: 1px solid #000;}
#price_box h3{text-align: center; border-bottom: 1px solid #000;
font-size: 1.5em; width: 720px; margin: 32px auto 20px; padding: 0 0 10px;
font-feature-settings: "palt";}
#price_box h3 span{color: #E40012; font-size: 1.3em;}

/*2008対策*/
#price_box dl{border-top: none;}
#price_box dl dt,
#price_box dl dd{float: none; padding: 0;  margin: 0; border-bottom: none;}
#price_box p{margin: 0; padding: 0;}
/*#price_box ul,#price_box  li{list-style: none; margin: 0; padding: 0;}*/
#price_box ul.pset,#price_box ul.pset li{list-style: none; margin: 0; padding: 0;}
.order-delivery li{float: none;}


#price_box dl{display: flex; width: 720px; margin: 0 auto 30px;
justify-content: flex-start;}
#price_box dl dt{width: 270px;}
#price_box dl dd{width: calc(100% - 295px); margin-left: 25px;}

#price_box dl.lastbox{/*align-items: center;*/}
#price_box dl.lastbox dd{position: relative;}
#price_box dl.lastbox dd .tokutei{
margin: 20px 0 0;
/*position: absolute; bottom: 20px;*/

width: 390px;}

.tokutei{width: 390px; margin: 30px auto 30px;}

#price_box ul.pset{counter-reset: cnt;}
#price_box ul.pset li::before {
counter-increment: cnt;
content: counter(cnt);
display: inline-block; width: 20px;
text-align: center; line-height: 20px; height: 20px;
background: #1D2086; color: #fff;
position: absolute;
left: 0px;}
#price_box ul.pset li{padding-left: 25px; position: relative; bottom: 0;}

#price_box p.tit{margin: 5px 0 0px; font-weight: bold; /*font-size: 2rem;*/ font-size: 1.2em;}
#price_box p.tit2{margin: 0px 0 5px; font-weight: bold; border-bottom: 1px solid #000; display: inline-block;}
#price_box p.tit3{margin: 10px 0 5px; font-weight: bold; border-bottom: 1px solid #000; display: inline-block;}

#price_box .order_box{width: 720px; margin: 20px auto;}

#price_box .payway-list{margin-left: 0!important;}

@media screen and (max-width:767px) {
#price_box{width: 95%;}
#price_box h3{width: 95%; /*padding: 0 0;*/ font-size: 5vw;}
#price_box dl{display: block; width: 100%;}
#price_box dl dd{width: 95%; margin: auto;}
#price_box dl dt{margin: auto; width: 95%;}


#price_box .order_box{width: 90%;}
#price_box h3 span{display: block; font-size:4.8vw; }
#price_box p.tit{font-size: 4vw; font-feature-settings: "palt";}

#price_box dl.lastbox dd .tokutei{width: 270px; margin: auto; position: relative; bottom: 0;}

#shop_contents2 > p.tokutei{width: 270px; margin-left: auto; margin-right: auto; margin-bottom: 30px;}

.order-delivery li{width: 100%;}
#price_box .payway-list{margin-top: 20px;}

#price_box ul.pset li::before {width: 40px; height: 40px; line-height: 40px;}
#price_box ul.pset li{padding-left: 45px;}

}

.section .spec-title{margin: 40px 0 0;}
.section .spec-title::before{background: #8b272b;}



/*追従予約ボタン*/
@media screen and (min-width: 768px) {
.fixed-buy-button{display: none;}
	}
.fixed_bar{
    display: block;
    position: fixed;
    bottom: 0;
    left: 0;
    background: #E5FFE5;
    /*background: #fff2cc;*/
    /*background: rgba(255,255,255,1.00);*/
    width: 100%;
    z-index: 10;
     box-shadow: 0 -4px 5vw rgba(0,0,0,0.3);}
	.fixed_bar_inr{display: flex; justify-content: space-between; align-items: center;
   /* max-width: 920px; margin: auto;*/
    max-width: 1200px; margin: auto;
    padding: 15px 0 10px;
    
   }
    

	/*.fixed_bar_inr li{width: 30%; padding-bottom: 10px;}*/

	.fixed_bar_inr li{width: 530px; padding-bottom: 10px;}
    .fixed_bar_inr li p{width: 100%; padding: 0; margin: 0;}



@media screen and (max-width: 767px) {
	/*.fixed_bar{display: none;}*/
    .fixed_bar{display: block;}
    .fixed_bar_inr li{width: 30%; padding-bottom: 10px;}
    .fixed_bar_inr li p{width: 100%; padding: 0 0px; margin: 0;}
    
    
    /*スマホ*/
    /*元の注文ボタン*/
    .fixed-buy-button{display: none; pointer-events: none; margin-bottom: -100px;}
    
    .fixed_bar_inr{flex-wrap: wrap; justify-content: center; }
    .fixed_bar_inr li:first-child{/*margin: 0 25% 0;*/ width: 85%;}
    .fixed_bar_inr li{width: 49%; padding-bottom: 5px;}
    .fixed_bar_inr li p{width:95%; padding: 0; margin: auto;}
    
}


/*大きいモニター用*/
@media screen and (min-width: 1800px) {
/*.fixed_bar_inr{max-width: 1200px;}
.fixed_bar_inr li{width: 33%; padding-bottom: 10px;}*/
}


#topicpath{display: none;}
.global-navi-bar{display: none;}


.pagetop_w {
    height: 50px;
    width: 50px;
    position: fixed;
    right: 30px;
    bottom: 140px;
    background: #fff;
    border: solid 2px #000;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 30;
    text-decoration: none!important;
    font-weight: bold;
}
a.pagetop_w{color: #000;}

.pagetop__arrow{display: block; position: relative; padding-top: 10px; font-size: 1.5rem!important;}
.pagetop__arrow::before {
content: '';
    height: 10px;
    width: 10px;
    border-top: 3px solid #000;
    border-right: 3px solid #000;
    transform: translateY(20%) rotate(-45deg);
    position: absolute;
    top:0px;
    left: 10px;
}

@media screen and (max-width: 767px) {

.pagetop_w {
    right: 10px;
    bottom: 160px;
    
    height: 15vw;
    width: 15vw;
    }
.pagetop__arrow{
    font-size: 4vw!important;}
.pagetop__arrow::before{
left: 45%;
top: -10px;
}
}


@media screen and (min-width: 768px) {

.fixed_bar_inr.viewSp{padding: 0;}
.fixed_bar_inr.viewSp li{padding: 0;}
}

/*#block01{display: none;}*/
/*#block02{display: none;}*/
/*#block03{display: none;}*/
/*#block04{display: none;}*/
/*#block05{display: none;}*/
/*#block06{display: none;}*/
/*#block07{display: none;}*/
/*#block08{display: none;}*/
/*#block09{display: none;}*/

/*.select_button{display: none;}*/

/*#price_box{display: none;}*/

