@charset "utf-8";
/* CSS Document */

#wind_instruments{margin:0 auto; width:100%; padding:0;}
#wind_instruments .wind_instruments_main{margin:-5% auto 0 auto; width:100%;}
#wind_instruments .wind_instruments_main img{filter:saturate(115%);}
#wind_instruments p{font-size:100%; line-height:180%; color:#161616; margin:3% auto; padding:0 3%;}

#wind_instruments .wind_inst_banner{margin:5% auto 5% auto; width:96%; padding:0;}
#wind_instruments .wind_inst_banner img{filter:saturate(115%);}

#wind_instruments .wind_inst_menu{margin:0 auto 3% auto; width:100%; padding:0;}
#wind_instruments .wind_inst_menu ul{padding:0; margin:0; list-style:none; width:100%; display:flex; flex-wrap:wrap;}
#wind_instruments .wind_inst_menu li{margin:0 1% 1% 1%; padding:0; width:48%;}
#wind_instruments .wind_inst_menu li a{display:block; width:100%; background-image:url("../../img/pc/wind_instruments/wi_menu2.png"); background-repeat:no-repeat; background-size:contain; overflow:hidden; text-indent:100%; white-space:nowrap; padding-top:34.21%; height:0;}
#wind_instruments .wind_inst_menu li:nth-child(2n){margin-right:0;}
#wind_instruments .wind_inst_menu li:first-child a{background-image:url("../../img/pc/wind_instruments/wi_menu1.png");}
#wind_instruments .wind_inst_menu li:nth-child(3) a{background-image:url("../../img/pc/wind_instruments/wi_menu3.png");}
#wind_instruments .wind_inst_menu li:nth-child(4) a{background-image:url("../../img/pc/wind_instruments/wi_menu4.png");}
#wind_instruments .wind_inst_menu li:nth-child(5) a{background-image:url("../../img/pc/wind_instruments/wi_menu5.png");}
#wind_instruments .wind_inst_menu li:nth-child(6) a{background-image:url("../../img/pc/wind_instruments/wi_menu6.png");}
#wind_instruments .wind_inst_menu li:nth-child(7) a{background-image:url("../../img/pc/wind_instruments/wi_menu7.png");}
#wind_instruments .wind_inst_menu li:hover{opacity:0.7;}

#wind_instruments p span{color:#d50202; font-weight:bold;}
#wind_instruments p span.bold{font-weight:bold; color:#161616;}
#wind_instruments a:hover{opacity:0.7;}

#wind_instruments h2{width:100%; border-left:solid 3px #c09d7b; box-sizing:border-box; background-color:#f8f8f8; color:#484848; font-size:100%; line-height:100%; padding:5% 0 5% 3%; margin:6% auto 3% auto; font-family:"游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}

#wind_instruments h3{width:100%; background-color:#99c042; color:#fff; font-size:100%; line-height:100%; padding:5% 0 5% 3%; margin:6% auto 3% auto; font-family:"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "メイリオ", sans-serif; border:3px solid #c0db83; box-sizing:border-box;}

#wind_instruments h3.h3_2{background-color:#e69c2e; border:3px solid #f3c889; box-sizing:border-box;}

#wind_instruments h4{width:100%; border-left:solid 3px #c09d7b; box-sizing:border-box; background-color:#f8f8f8; color:#484848; font-size:100%; line-height:100%; padding:4% 0 4% 2.5%; margin:6% auto 3% auto;}

#wind_instruments .wind_inst_menu1:before{background-image:url("../../img/pc/wind_instruments/wi_ico1.png"); content: ""; display:inline-block; width:26px; height:20px; background-size:contain; background-repeat:no-repeat; vertical-align:middle; margin:0 10px 0 2px; background-position:3% 4px;}
#wind_instruments .wind_inst_menu2:before{background-image:url("../../img/pc/wind_instruments/wi_ico2.png"); content: ""; display:inline-block; width:26px; height:20px; background-size:contain; background-repeat:no-repeat; vertical-align:middle; margin:0 10px 0 2px; background-position:3% 5px;}
#wind_instruments .wind_inst_menu3:before{background-image:url("../../img/pc/wind_instruments/wi_ico3.png"); content: ""; display:inline-block; width:26px; height:20px; background-size:contain; background-repeat:no-repeat; vertical-align:middle; margin:0 10px 0 2px; background-position:3% 8px;}
#wind_instruments .wind_inst_menu4:before{background-image:url("../../img/pc/wind_instruments/wi_ico4.png"); content: ""; display:inline-block; width:26px; height:26px; background-size:contain; background-repeat:no-repeat; vertical-align:middle; margin:0 0 0 2px; background-position:3% 0;}
#wind_instruments .wind_inst_menu5:before{background-image:url("../../img/pc/wind_instruments/wi_ico6.png"); content: ""; display:inline-block; width:22px; height:26px; background-size:contain; background-repeat:no-repeat; vertical-align:middle; margin:0 0 0 2px; background-position:3% 0;}
#wind_instruments .wind_inst_menu6:before{background-image:url("../../img/pc/wind_instruments/wi_ico5.png"); content: ""; display:inline-block; width:26px; height:26px; background-size:contain; background-repeat:no-repeat; vertical-align:middle; margin:0 3px 0 2px; background-position:3% 0;}

#wind_instruments .wi_item{padding:0; margin:0 auto; width:100%;}
#wind_instruments .wi_item ul{padding:0; margin:0 auto 3% auto; list-style:none; width:96%; display:flex; flex-wrap:wrap; justify-content:space-between;}
#wind_instruments .wi_item li{width:49%; margin-top:3%; margin-bottom:3%; padding:0; position:relative;}
#wind_instruments .wi_item li:nth-child(2n+1){margin-left:2%;}

#wind_instruments .wi_item li a{text-decoration:none;}
#wind_instruments .wi_item li:hover{opacity:0.7;}
#wind_instruments .wi_item li img{width:92%; border:1px solid #b0b0b0; margin:0 auto;}
#wind_instruments .wi_item li p.wi_item_name{text-align:center; font-size:85%; line-height:140%; color:#161616; font-weight:bold; width:100%; margin:0; padding:0;}
#wind_instruments .wi_item li p.wi_item_price{text-align:center; font-size:90%; line-height:160%; color:#ce0101; font-weight:bold; width:100%; margin:4px 0; padding:0;}
#wind_instruments .wi_item li p.wi_item_text{text-align:left; font-size:85%; line-height:150%; color:#161616; width:96%; margin:0; padding:0;}
#wind_instruments .wi_item li p.wi_item_text{display: -webkit-box; /* 必須 */
    -webkit-box-orient: vertical; /* 必須 */
    -webkit-line-clamp: 3; /* 行数を制限 */
    overflow: hidden; /* はみ出た部分を非表示 */
}
#wind_instruments .wi_item li span.wi_ico_new{background-color:#9e9d9d; font-size:85%; line-height:100%; text-align:center; padding:2% 2% 2% 3%; color:#fff; letter-spacing:2px; margin:0; position:absolute; top:2%; left:4%;}
#wind_instruments .wi_item li span.wi_ico_used{background-color:#fb3f3f; font-size:85%; line-height:100%; text-align:center; padding:2% 2% 2% 3%; color:#fff; letter-spacing:2px; margin:0; position:absolute; top:2%; left:4%;}
#wind_instruments .wi_con1{width:94%; margin:5% auto 0 auto;}
#wind_instruments .wi_con2{width:94%; margin:0 auto 0 auto;}
#wind_instruments .wi_con2 img{filter:saturate(130%);}
#wind_instruments .wi_con3{width:94%; margin:3% auto 3% auto;}
#wind_instruments .wi_con3 img{filter:saturate(130%);}
#wind_instruments .wi_con4{width:94%; margin:4% auto 3% auto;}
#wind_instruments .wi_con4 img{filter:saturate(130%);}
#wind_instruments .wi_con5{width:94%; margin:3% auto 4% auto;}
#wind_instruments .wi_con5 img{filter:saturate(130%);}
#wind_instruments .wi_con6{width:94%; margin:4% auto 3% auto;}
#wind_instruments .wi_con7{width:94%; margin:3% auto 4% auto;}
#wind_instruments .wi_con7 img{filter:saturate(130%);}
#wind_instruments .wi_btn{width:60%; margin:4% auto 6% auto;}
#wind_instruments .wi_btn img{filter:saturate(115%);}

#wind_instruments .wi_con_box{margin:2% auto 4% auto; width:80%; border:2px solid rgba(234,0,3,1.00); color:rgba(234,0,3,1.00)}
#wind_instruments p.wi_con_text_c{text-align:center;}
#wind_instruments p.wi_con_text_c a{text-align:center; padding:2% 3%; color:rgba(234,0,3,1.00)}
#wind_instruments p.wi_con_text_c a:hover{text-decoration:underline;}

#wind_instruments .tel_banner_takasaki_forest{margin:4% auto 4% auto; width:96%;}


#wind_instruments .wi_form{width:100%; margin:0 auto 0 auto; padding:0;}
#wind_instruments .wi_form p.event_formtext1{font-size:100%; line-height:200%; color:#161616; text-align:left; margin:4% auto; width:90%;}
#wind_instruments .wi_form table{width:94%; border-collapse:collapse; border:1px solid #292929; margin:2% auto 0 auto; padding:0;}
#wind_instruments .wi_form table th,#wind_instruments .wi_form table td{border:1px solid #ccc; padding:2% 2%; font-size:90%; line-height:200%; text-align:center;}
#wind_instruments .wi_form table th{background-color:#f8fafa; color:#4d4d4d; font-weight:normal; text-align:center;}
#wind_instruments .wi_form table th span{background-color:#c72a1c; font-size:9px; line-height:100%; text-align:center; padding:1% 2%; color:#fff; letter-spacing:2px; margin:-4px 0 0 10px;}
#wind_instruments .wi_form table td a{color:#0273be; text-decoration:none; font-weight:bold;}
#wind_instruments .wi_form table td a:hover{text-decoration:underline;}
#wind_instruments .wi_form table td p{font-size:90%; line-height:180%; margin:5px auto 0 auto;}

#wind_instruments .wi_form .contact_btn{width:40%; margin:30px auto 0 auto; padding:0 0 5% 0; background:#fff;}
#wind_instruments .wi_form .contact_btn a:hover{color:#fff; text-decoration:none;}

.input_class1{width:60%; border:solid 1px #ccc; margin:1% 2% 1% 2%; font-size:100%; padding:10px;}
.input_class2{width:60%; border:solid 1px #ccc; margin:1% 2% 1% 0; font-size:100%; padding:10px;}
.input_class3{width:90%; border:solid 1px #ccc; margin:1% 2% 1% 0; font-size:100%; padding:10px;}
.input_class4{width:30%; border:solid 1px #ccc; margin:1% 1% 1% 1%; font-size:100%; padding:10px;}
.input_class_check{width:14px; height:14px; border:solid 1px #ccc; margin:12px 12px 12px 0;}
.input_area1{font-size:100%; border:solid 1px #ccc; line-height:180%; width:90%; height:200px; padding:10px;}

select{border:solid 1px #ccc; margin:10px 10px 10px 0; font-size:110%; padding:10px;}


.arrow_con{position:relative; display:inline-block; padding:0; color:#fff; vertical-align:middle; text-decoration:none; font-size:13px; font-family:"Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;}
.arrow_con::before,.arrow_con::after{position:absolute; top:0; bottom:0; left:0; margin:auto; content:""; vertical-align:middle;}

.arrow_icon_con::before{left:30px; top:-2px; width:8px; height:8px; border-top:1px solid #fff; border-right:1px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg);}

.arrow_icon_menu::before{left:-15px; top:-2px; width:5px; height:5px; border-top:1px solid #000; border-right:1px solid #000; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.arrow_icon_menu:hover:before{border-top:1px solid #7b94a5; border-right:1px solid #7b94a5;}

.arrow_icon_menu_r::before{left:-15px; top:-2px; width:5px; height:5px; border-top:1px solid #7b94a5; border-right:1px solid #7b94a5; -webkit-transform: rotate(45deg); transform: rotate(45deg);}

a.btn_con{display:block; position:relative; overflow:hidden; width:100%; background-color:#c72718; padding:6% 0 6% 0; text-align:center; color:#fff; text-decoration:none;}
a.btn_con:after{content:""; position:absolute; top:-100%; left:-150%; height:100%; width:100%; background :#fff; opacity:0.3; transition:.4s;}
a.btn_con:hover:after{top:0; left:0;}