@charset "UTF-8";
/****************
*  　　コモン     *
*****************/
body{
  width:100vw;
  color:#4b4a48;
  background-color: rgba(248,248,248,1);
  font-family: 'Kiwi Maru', serif;
  /*overflow-wrap: break-word;*/
  word-break: break-all;
}
ul,ol{list-style: none;}
a{text-decoration: ;  color:#4b4a48;}
a:hover{opacity: 0.8;}
img,figure{max-width: 100%;}
figure{max-width: 100%;text-align: center;}

/****************
*  レイアウト     *
*****************/
.grid_lo{display: grid;}
.subgrid{
  display: grid;
  grid-template-rows: subgrid;
  grid-row-gap:.5rem;
  margin-bottom: 1rem;
}
._2{grid-row: span 2;}
._3{grid-row: span 3;}
._4{grid-row: span 4;}
._5{grid-row: span 5;}
._6{grid-row: span 6;}

header{
  width: 100vw;
  height:60px;
  padding:1rem 1vw 0 1vw;
  position:fixed;
  top:0;left:0;
  z-index:10;
}
main{grid-row:2;width: 100%;}
footer{
  padding:2rem 1vw 0 1vw;
  width: 100vw;
  align-items: center;
  background-color: rgba(224,224,224,1);
  border-top: solid 1px rgba(216,216,216,1);
}
.top_content_grid{
  grid-template-rows: repeat(6,1fr);
  grid-template-columns: repeat(8,1fr);
  grid-gap:1rem;
  width: 100%;
  height:calc(100vh - 40px);
  padding: 0 40px 40px 40px;
  margin-top: 40px;
  overflow: scroll;
}
.other_content_grid{
  grid-area: 1 / 1 / 2 / 1;
  grid-template-rows:60px 1fr 60px;
  min-height: 100vh;
}
.other_content_grid section{
  padding-left: 7.5vw;padding-right: 7.5vw;
}
.col2{grid-template-columns: 1fr 1fr;grid-gap:2rem;}
.col3{grid-template-columns: repeat(3,1fr);grid-gap:1.5rem;}
.dl_grid{grid-template-columns: auto 1fr;grid-column-gap:1rem;}
.dl_grid dt{
  background-color: #4b4a48;
  color:#fff;
  border-bottom: solid 1px #4b4a48;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.dl_grid dd{border-bottom: solid 1px #4b4a48;}
._centering{width: fit-content;margin: auto;}
.col_rep_250{}

/****************
* 　　ヘッダー　　 *
*****************/
.menu_area{position: relative;}
.menu_switch_label{
  position: absolute;
  right:0;
}
.menu_switch_label i{
  font-size: 2rem;
  width: 100%;
}
.menu_name{
  margin-top: -0.3rem;
  font-size: .5rem;
  display: block;
  width: 100%;
}
#menu_switch{display: none;}
#menu_switch:checked ~ .menu_mount {
  opacity: 1;
  z-index: -1;
  /*visibility: visible*/
  display: flex;
  animation:tabAnim ease-in 0.5s ; -ms-animation:tabAnim ease-in 0.5s ;
}
.menu_mount{
  height:100vh;
  width: 100vw;
  background-color: #fff;
  position: fixed;
  top:0;left:0;
  padding: 0rem 3vw 0 3vw;
  transition: all .5s ease-in;
  opacity: 0;
  /*visibility:hidden;*/
  z-index: -100;
  display: none;
  align-items: center;
  justify-content: center;
}
.menu_list{
  font-size:1.5rem;
  margin-bottom: 2.5rem;
}
.menu_list i{margin-right:0.5rem;}
.menu_list a{text-decoration: none;}
/****************
*  topページ   *
*****************/
.top_content_grid input[type="radio"]{display: none;}
.box_triger{
  cursor: pointer;
  border-radius:10px;
  /*aspect-ratio:1/1;*/
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Mochiy Pop One', sans-serif;
  color:#fff;
  font-size:3vw;
  text-align: center;
  box-shadow: 0 1px 4px 0 rgba( 0, 0, 0, 0.2 );
}
.box_triger a{text-decoration: none;}
.cont1_label{
  grid-row:1;grid-column:1;
  background-image: url('../img/logo_sq.png');
  background-size: contain;
  background-position : center ;
  background-color:#fff;
}
.cont2_label{
  grid-row:1;grid-column:2;
  background-image: url('../img/portrait_nagae_sq.jpg');
  background-size: contain;
  background-position : center ;
}
.cont2_label2{
  grid-row:1;grid-column:2;
  background-size: contain;
  background-position : center ;
}
.cont3_label{
  grid-row:1;grid-column:3;
  background-color: #fbdcbd;
}
.cont4_label{
  grid-row:1;grid-column:4;
  background-color: #dccde4;
}
.cont5_label{
  grid-row:1;grid-column:5;
  background-color: #fadde2;
}
.cont6_label{
  grid-row:1;grid-column:6;
  background-color: #d5ebf8;
}
.cont7_label{
  grid-row:1;grid-column:7;
  background-color: #d9ecd0;
}
.cont8_label{
  grid-row:1;grid-column:8;
  background-color: #f9cfbf;
}
.cont9_label{
  grid-row:2;grid-column:1;
  background-color: #feebc0;
}
.cont10_label{
  grid-row:2;grid-column:8;
  background-color: #fbdcbd;
}
.cont11_label{
  grid-row:3;grid-column:1;
  background-color: #dccde4;
}
.cont12_label{
  grid-row:3;grid-column:8;
  background-color: #fadde2;
}
.cont13_label{
  grid-row:4;grid-column:1;
  background-color: #d5ebf8;
}
.cont14_label{
  grid-row:4;grid-column:8;
  background-color: #d9ecd0;
}
.cont15_label{
  grid-row:5;grid-column:1;
  background-color:  #f9cfbf;
}
.cont16_label{
  grid-row:5;grid-column:8;
  background-color: #feebc0;
}
.cont17_label{
  grid-row:6;grid-column:1;
  background-color:#fbdcbd ;
}
.cont18_label{
  grid-row:6;grid-column:2;
  background-color: #dccde4;
}
.cont19_label{
  grid-row:6;grid-column:3;
  background-color: #fadde2;
}
.cont20_label{
  grid-row:6;grid-column:4;
  background-color: #d5ebf8;
}
.cont21_label{
  grid-row:6;grid-column:5;
  background-color:#d9ecd0;
}
.cont22_label{
  grid-row:6;grid-column:6;
  background-color: #f9cfbf;
  font-size:2vw;
}
.cont23_label{
  grid-row:6;grid-column:7;
  background-color: #feebc0;
  font-size:2.5vw;
}
.cont24_label{
  grid-row:6;grid-column:8;
  font-size:1.5vw;
}
.top_content_grid label:hover{transform: scale(1.05,1.05);}

/* 表示エリア */
.display_area{
  grid-area:2/2/6/8;
  position: relative;
  display:flex;
  align-items: center;
  overflow-y:scroll;
  background: rgba( 255, 255, 255, 1 );
  box-shadow: 0 2px 8px 0 rgba( 0, 0, 0, 0.2 );
  border-radius: 10px;
  border: 1px solid rgba( 255, 255, 255, 0.18 );
  padding-left: 1vw;padding-right: 1vw;;
}
.disp_cont{
  display:none;
  height:100%;width: 100%;
  padding-top: 2.5vh;
  padding-bottom: 2.5vh;
  font-size:2vh;
  position:relative;
}
.bg_mark{
  display: block;
  position: absolute;
  right:0;bottom:0;
  opacity: 0.25;
  z-index:0;
  height:20vh;width: 20vh;
  background-repeat: no-repeat;
  background-size:contain;
}
/* ページ共通要素 */
.disp_cont h1{font-size:2.5vh;text-align: center;margin-bottom:2rem;}

/*オレンジ*/
.disp_cont:nth-of-type(3) h1,.disp_cont:nth-of-type(10) h1,.disp_cont:nth-of-type(17) h1{
  border-bottom: 4px solid #f0831e;border-image: linear-gradient(to right, #f0831e 0%, #fbdcbd 100%);
  border-image-slice: 1;
}
.disp_cont:nth-of-type(3) .henge_title,.disp_cont:nth-of-type(10) .henge_title, .disp_cont:nth-of-type(17) .henge_title{
  color: #f0831e;
}
.disp_cont:nth-of-type(3) .to_segment a,.disp_cont:nth-of-type(10) .to_segment a,.disp_cont:nth-of-type(17) .to_segment a{
  color: #f0831e;
}
.disp_cont:nth-of-type(3) .bg_mark,.disp_cont:nth-of-type(10) .bg_mark,.disp_cont:nth-of-type(17) .bg_mark{
  background-image:url("../img/mark_wing_orenge.png");
}

/*紫*/
.disp_cont:nth-of-type(4) h1,.disp_cont:nth-of-type(11) h1,.disp_cont:nth-of-type(18) h1{
  border-bottom: 4px solid #92529c;border-image: linear-gradient(to right, #92529c 0%, #dccde4 100%);
  border-image-slice: 1;
}
.disp_cont:nth-of-type(4) .henge_title,.disp_cont:nth-of-type(11) .henge_title, .disp_cont:nth-of-type(18) .henge_title,.disp_cont:nth-of-type(4) .to_segment a,.disp_cont:nth-of-type(11) .to_segment a,.disp_cont:nth-of-type(18) .to_segment a{
  color: #92529c;
}
.disp_cont:nth-of-type(4) .bg_mark,.disp_cont:nth-of-type(11) .bg_mark,.disp_cont:nth-of-type(18) .bg_mark{
  background-image:url("../img/mark_wing_purple.png");
}
/*ピンク*/
.disp_cont:nth-of-type(5) h1,.disp_cont:nth-of-type(12) h1,.disp_cont:nth-of-type(19) h1{
  border-bottom: 4px solid #ec7a9b;border-image: linear-gradient(to right, #ec7a9b 0%, #fadde2 100%);
  border-image-slice: 1;
}
.disp_cont:nth-of-type(5) .henge_title,.disp_cont:nth-of-type(12) .henge_title, .disp_cont:nth-of-type(19) .henge_title,.disp_cont:nth-of-type(5) .to_segment a,.disp_cont:nth-of-type(12) .to_segment a,.disp_cont:nth-of-type(19) .to_segment a{
  color: #ec7a9b;
}
.disp_cont:nth-of-type(5) .bg_mark,.disp_cont:nth-of-type(12) .bg_mark,.disp_cont:nth-of-type(19) .bg_mark{
  background-image:url("../img/mark_wing_pink.png");
}
/*ブルー*/
.disp_cont:nth-of-type(6) h1,.disp_cont:nth-of-type(13) h1,.disp_cont:nth-of-type(20) h1{
  border-bottom: 4px solid #3db8e2;border-image: linear-gradient(to right, #3db8e2 0%, #d5ebf8 100%);
  border-image-slice: 1;
}
.disp_cont:nth-of-type(6) .henge_title,.disp_cont:nth-of-type(13) .henge_title, .disp_cont:nth-of-type(20) .henge_title,.disp_cont:nth-of-type(6) .to_segment a,.disp_cont:nth-of-type(13) .to_segment a,.disp_cont:nth-of-type(20) .to_segment a{
  color: #3db8e2;
}
.disp_cont:nth-of-type(6) .bg_mark,.disp_cont:nth-of-type(13) .bg_mark,.disp_cont:nth-of-type(20) .bg_mark{
  background-image:url("../img/mark_wing_blue.png");
}
/*グリーン*/
.disp_cont:nth-of-type(7) h1,.disp_cont:nth-of-type(14) h1,.disp_cont:nth-of-type(21) h1{
  border-bottom: 4px solid #6cbc5b;border-image: linear-gradient(to right, #6cbc5b 0%, #d9ecd0 100%);
  border-image-slice: 1;
}
.disp_cont:nth-of-type(7) .henge_title,.disp_cont:nth-of-type(14) .henge_title, .disp_cont:nth-of-type(21) .henge_title,.disp_cont:nth-of-type(7) .to_segment a,.disp_cont:nth-of-type(14) .to_segment a,.disp_cont:nth-of-type(21) .to_segment a{
  color: #6cbc5b;
}
.disp_cont:nth-of-type(7) .bg_mark,.disp_cont:nth-of-type(14) .bg_mark,.disp_cont:nth-of-type(21) .bg_mark{
  background-image:url("../img/mark_wing_green.png");
}
/*オレンジ？*/
.disp_cont:nth-of-type(8) h1,.disp_cont:nth-of-type(15) h1,.disp_cont:nth-of-type(22) h1{
  border-bottom: 4px solid #e9463f;border-image: linear-gradient(to right, #e9463f 0%, #f9cfbf 100%);
  border-image-slice: 1;
}
.disp_cont:nth-of-type(8) .henge_title,.disp_cont:nth-of-type(15) .henge_title, .disp_cont:nth-of-type(22) .henge_title,.disp_cont:nth-of-type(8) .to_segment a,.disp_cont:nth-of-type(15) .to_segment a,.disp_cont:nth-of-type(22) .to_segment a{
  color: #e9463f;
}
.disp_cont:nth-of-type(8) .bg_mark,.disp_cont:nth-of-type(15) .bg_mark,.disp_cont:nth-of-type(22) .bg_mark{
  background-image:url("../img/mark_wing_red.png");
}
/*イエロー*/
.disp_cont:nth-of-type(9) h1,.disp_cont:nth-of-type(16) h1,.disp_cont:nth-of-type(2) h1,.disp_cont:nth-of-type(23) h1{
  border-bottom: 4px solid #fabd00;border-image: linear-gradient(to right, #fabd00 0%, #feebc0 100%);
  border-image-slice: 1;
}
.disp_cont:nth-of-type(9) .henge_title,.disp_cont:nth-of-type(16) .henge_title, .disp_cont:nth-of-type(2) .henge_title{
  color: #fabd00;
}
.disp_cont:nth-of-type(9) .to_segment a,.disp_cont:nth-of-type(16) .to_segment a,.disp_cont:nth-of-type(2) .to_segment a,.disp_cont:nth-of-type(2) .to_segment a{
  color: #fabd00;
}
.disp_cont:nth-of-type(9) .bg_mark,.disp_cont:nth-of-type(16) .bg_mark,.disp_cont:nth-of-type(2) .bg_mark,.disp_cont:nth-of-type(23) .bg_mark{
  background-image:url("../img/mark_wing_yellow.png");
}

.disp_cont h2{font-size:2.5vh;margin-bottom: 2rem;}
.henge_cnt{display: block;text-align: center;}
.henge_title{
  display: block;
  text-align: center;
  font-size: 5vh;
  margin: auto;
}
.disp_cont p{font-size: 2vh;text-align: center;}
.to_segment{
  position: absolute;
    bottom: 2vh;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    margin: auto;
    width: fit-content;
}
.toarchive{color:#f0831e;}

/* 各ページ要素 */
#cont_1 figure{text-align: center;margin-bottom: 2rem;}
.main_logo_sq{display: none;}
#cont_1 div{
  display: flex;
  justify-content: center;
  gap: 1.5rem;
}
#cont_1 i{font-size:3rem;}
.tolink_mark{margin-top: 2rem;}
.portrait_sp{display: none;}
.prof_list{margin-bottom:1rem;}
.wc_prof{margin-bottom: 2rem;}
.talk_part p{text-align: start;}
.talk_part dl{margin-top: 2rem;}
.talk_part dt{color:#92529c;font-weight: bold;}
.talk_part dd{margin-bottom: 0.5rem;}
.news_date{
  width: 5rem;
  padding-left: 0.25rem;padding-right: 0.25rem;
}
.news_list li{margin-bottom: 0.5rem;font-size:2vh;}
.news_date{
  display:block;
  background-color: #4b4a48;
  color:#fff;
  width: fit-content;
  padding-left: 0.25rem;padding-right: 0.25rem;
}
.news_cont{display:block;margin-bottom: 1rem;}

#input_1:checked ~ .display_area #cont_1{display:block; animation:tabAnim ease-in 0.5s ; -ms-animation:tabAnim ease-in 0.5s ;}
#input_2:checked ~ .display_area #cont_2{display:block; animation:tabAnim ease-in 0.5s ; -ms-animation:tabAnim ease-in 0.5s ;}
#input_3:checked ~ .display_area #cont_3{display:block; animation:tabAnim ease-in 0.5s ; -ms-animation:tabAnim ease-in 0.5s ;}
#input_4:checked ~ .display_area #cont_4{display:block; animation:tabAnim ease-in 0.5s ; -ms-animation:tabAnim ease-in 0.5s ;}
#input_5:checked ~ .display_area #cont_5{display:block; animation:tabAnim ease-in 0.5s ; -ms-animation:tabAnim ease-in 0.5s ;}
#input_6:checked ~ .display_area #cont_6{display:block; animation:tabAnim ease-in 0.5s ; -ms-animation:tabAnim ease-in 0.5s ;}
#input_7:checked ~ .display_area #cont_7{display:block; animation:tabAnim ease-in 0.5s ; -ms-animation:tabAnim ease-in 0.5s ;}
#input_8:checked ~ .display_area #cont_8{display:block; animation:tabAnim ease-in 0.5s ; -ms-animation:tabAnim ease-in 0.5s ;}
#input_9:checked ~ .display_area #cont_9{display:block; animation:tabAnim ease-in 0.5s ; -ms-animation:tabAnim ease-in 0.5s ;}
#input_10:checked ~ .display_area #cont_10{display:block; animation:tabAnim ease-in 0.5s ; -ms-animation:tabAnim ease-in 0.5s ;}
#input_11:checked ~ .display_area #cont_11{display:block; animation:tabAnim ease-in 0.5s ; -ms-animation:tabAnim ease-in 0.5s ;}
#input_12:checked ~ .display_area #cont_12{display:block; animation:tabAnim ease-in 0.5s ; -ms-animation:tabAnim ease-in 0.5s ;}
#input_13:checked ~ .display_area #cont_13{display:block; animation:tabAnim ease-in 0.5s ; -ms-animation:tabAnim ease-in 0.5s ;}
#input_14:checked ~ .display_area #cont_14{display:block; animation:tabAnim ease-in 0.5s ; -ms-animation:tabAnim ease-in 0.5s ;}
#input_15:checked ~ .display_area #cont_15{display:block; animation:tabAnim ease-in 0.5s ; -ms-animation:tabAnim ease-in 0.5s ;}
#input_16:checked ~ .display_area #cont_16{display:block; animation:tabAnim ease-in 0.5s ; -ms-animation:tabAnim ease-in 0.5s ;}
#input_17:checked ~ .display_area #cont_17{display:block; animation:tabAnim ease-in 0.5s ; -ms-animation:tabAnim ease-in 0.5s ;}
#input_18:checked ~ .display_area #cont_18{display:block; animation:tabAnim ease-in 0.5s ; -ms-animation:tabAnim ease-in 0.5s ;}
#input_19:checked ~ .display_area #cont_19{display:block; animation:tabAnim ease-in 0.5s ; -ms-animation:tabAnim ease-in 0.5s ;}
#input_20:checked ~ .display_area #cont_20{display:block; animation:tabAnim ease-in 0.5s ; -ms-animation:tabAnim ease-in 0.5s ;}
#input_21:checked ~ .display_area #cont_21{display:block; animation:tabAnim ease-in 0.5s ; -ms-animation:tabAnim ease-in 0.5s ;}
#input_22:checked ~ .display_area #cont_22{display:block; animation:tabAnim ease-in 0.5s ; -ms-animation:tabAnim ease-in 0.5s ;}
#input_23:checked ~ .display_area #cont_23{display:block; animation:tabAnim ease-in 0.5s ; -ms-animation:tabAnim ease-in 0.5s ;}
.fadeout {
  animation : fadeOut 1.5s;
  animation-fill-mode: both;
}

@keyframes tabAnim{
  0%{opacity:0;}
  100%{opacity:1;}
}
@keyframes fadeOut {
  100% {opacity: 1;}
  0% {opacity: 0;}
}
div.twitter{
  overflow: scroll;
  height: 80%;
  margin-bottom: 1rem;
}

/****************
*  コンテンツ共有   *
*****************/

.link_btn{
  border: solid .5px #4b4a48;
  border-radius: 1.5rem;
  display: inline-block;
  margin-top: .5rem;
}
.link_btn a{
  display: block;
  text-decoration: none;
  color:#fff;background-color:#4b4a48;
  border-radius: 1.5rem;
  padding:.25rem 1rem .25rem 1rem;
}
/****************
*  コーナー紹介   *
*****************/
.sec_segment{
  margin:auto;
  text-align: center;
  width:fit-content;height:100%;
  padding-bottom:2.5rem;
}
.segment_list{}
.segment_list dt{
  font-size:1.25rem;font-weight: bold;color:#3db8e2;
  width: fit-content;margin:auto;
  display: grid;
  grid-template-columns: 1fr auto;
  grid-column-gap:.5rem;
  align-items: center;
}
.segment_list dd{margin-bottom:1rem;}

.segment_list dt:nth-of-type(n){color:#92529c;}
.segment_list dt:nth-of-type(2n){color:#e9463f;}
.segment_list dt:nth-of-type(3n){color:#f0831e;}
.segment_list dt:nth-of-type(4n){color:#ec7a9b;}
.segment_list dt:nth-of-type(5n){color:#fabd00;}
.segment_list dt:nth-of-type(6n){color:#6cbc5b;}
.segment_list dt:nth-of-type(7n){color:#3db8e2;}

.segment_list dt:nth-of-type(n):after{
  content: '';
  width: 50px;
  height: 50px;
  background: url(../img/mark_wing_purple.png) no-repeat;
  background-size: contain;
}
.segment_list dt:nth-of-type(2n):after{
  content: '';
  width: 50px;
  height: 50px;
  background: url(../img/mark_wing_red.png) no-repeat;
  background-size: contain;
}
.segment_list dt:nth-of-type(3n):after{
  content: '';
  width: 50px;
  height: 50px;
  background: url(../img/mark_wing_orenge.png) no-repeat;
  background-size: contain;
}
.segment_list dt:nth-of-type(4n):after{
  content: '';
  width: 50px;
  height: 50px;
  background: url(../img/mark_wing_pink.png) no-repeat;
  background-size: contain;
}
.segment_list dt:nth-of-type(5n):after{
  content: '';
  width: 50px;
  height: 50px;
  background: url(../img/mark_wing_yellow.png) no-repeat;
  background-size: contain;
}
.segment_list dt:nth-of-type(6n):after{
  content: '';
  width: 50px;
  height: 50px;
  background: url(../img/mark_wing_green.png) no-repeat;
  background-size: contain;
}
.segment_list dt:nth-of-type(7n):after{
  content: '';
  width: 50px;
  height: 50px;
  background: url(../img/mark_wing_blue.png) no-repeat;
  background-size: contain;
}

/****************
*  イベント   *
*****************/
.event_main_logo{
  margin: 2.5rem auto 5rem auto;
  width:75%;
}
.arc_event{padding-bottom: 2.5rem;font-size:1.25rem;}
.arc_event div,.arc_event p,.arc_event ul{margin-bottom: 1rem;}
.arc_event section{margin-bottom: 5rem;}
.arc_title{
  font-size:3rem;
  border-bottom: 4px solid #6cbc5b;border-image: linear-gradient(to right, #6cbc5b 0%, #d9ecd0 100%);
  border-image-slice: 1;
  margin-top: 2.5rem;margin-bottom: 2rem;
  text-align: center;
}
.sec_title{
  font-size: 2.5rem;
  width:fit-content;
  margin: auto ;margin-bottom: 2rem;
  border: solid 1px;
  -moz-border-image: url(../img/border_image.png) 81 67 81 71 round;
  -webkit-border-image: url(../img/border_image.png) 81 67 81 71 round;
  -ms-border-image: url(../img/border_image.png) 81 67 81 71 round;
  border-image: url(../img/border_image.png) 81 67 81 71 round;
  border-width: 48px 40px;
}
.sub_title,.playguid_name{
  font-size:1.75rem;margin-bottom: .5rem;
  display: grid;
  grid-template-columns: auto 1fr;
  grid-column-gap:.5rem;
  align-items: center;
}

.sub_title:nth-child(n):before,.playguid_box:nth-of-type(n) > .playguid_name:before{
  content: '';
  width: 50px;
  height: 50px;
  background: url(../img/mark_wing_pink.png) no-repeat;
  background-size: contain;
}
.sub_title:nth-of-type(5n):before,.playguid_box:nth-of-type(5n) > .playguid_name:before{
  content: '';
  width: 50px;
  height: 50px;
  background: url(../img/mark_wing_yellow.png) no-repeat;
  background-size: contain;
}
.sub_title:nth-of-type(3n):before,.playguid_box:nth-of-type(3n) > .playguid_name:before{
  content: '';
  width: 50px;
  height: 50px;
  background: url(../img/mark_wing_green.png) no-repeat;
  background-size: contain;
}
.sub_title:nth-of-type(2n):before,.playguid_box:nth-of-type(2n) > .playguid_name:before{
  content: '';
  width: 50px;
  height: 50px;
  background: url(../img/mark_wing_blue.png) no-repeat;
  background-size: contain;
}
.sub_title:nth-of-type(7n):before,.playguid_box:nth-of-type(7n) > .playguid_name:before{
  content: '';
  width: 50px;
  height: 50px;
  background: url(../img/mark_wing_purple.png) no-repeat;
  background-size: contain;
}
.sub_title:nth-of-type(4n):before,.playguid_box:nth-of-type(4n) > .playguid_name:before{
  content: '';
  width: 50px;
  height: 50px;
  background: url(../img/mark_wing_red.png) no-repeat;
  background-size: contain;
}
.sub_title:nth-of-type(6n):before,.playguid_box:nth-of-type(6n) > .playguid_name:before{
  content: '';
  width: 50px;
  height: 50px;
  background: url(../img/mark_wing_orenge.png) no-repeat;
  background-size: contain;
}
.item_price,.item_txt{
  border-bottom:dashed 0.5px #4b4a48;
  padding-bottom: 0.25rem;margin-bottom: 0.25rem;
}
.item_txt,.item_detail{font-size: 0.8rem;}
ul.list_lv1{padding-left: 2.5rem;padding-right:1rem;margin-bottom: 1rem;}
ul.list_lv1 li{text-indent: -1rem;margin-bottom: 0.5rem;}
ul.list_lv1 li:before{content:'○';display: inline-block;margin-right: 1rem;}
ul.list_lv2{padding-left:1.5rem;}
ul.list_lv2 li{margin-bottom: 0.5rem;text-indent: -.75rem;}
ul.list_lv2 li:before{content:'・';display: inline-block;margin-right: 0.5rem;}

.hor_scroll{
  display: grid;
  grid-auto-flow: column;
  grid-column-gap:1rem;
  justify-content: space-around;
  width: 100%;
}
.hor_scroll figure{
  min-width: 150px;
}
.hor_scroll figcaption{font-size: 1rem;}
.sp_scroll{display: none;margin: auto;width: fit-content;}

.existing_prd_list{font-size: 0.9rem;}
.existing_prd_list li{
  margin-bottom: 0.5rem;
  display: grid;
  grid-template-columns: auto 1fr;
  align-items:center;
}
.num_box{
  display: inline-block;
  color: #fff;
  background-color: #000;
  margin-right: .5rem;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
/****************
*  メールフォーム   *
*****************/
.sec_page{height:100vh;display: flex;}
.sec_contact{
  width: 80vw;
  margin: auto;
  text-align: center;
  font-size: 1.5rem;
}
.article_title{
  font-size: 4rem;
  border-bottom: 4px solid #3db8e2;border-image: linear-gradient(to right, #3db8e2 0%, #d5ebf8 100%);
  border-image-slice: 1;
  margin-top: 2.5rem;margin-bottom: 2rem;
}
.todirect{margin: 1.5rem auto 1.5rem auto;}
.sec_contact form{margin-top: 1rem;}
.mail_grid{
  margin: auto;
  grid-template-columns: auto 2fr;
}
.mail_grid dt{
  background-color: #4b4a48;
  color:#fff;
  border: solid 1px #4b4a48;
  border-radius: 3px;
  padding: 0.25rem;
}
.mail_grid dd{
  border: solid 1px #4b4a48;
  border-radius: 3px;
  text-align: start;
  padding: 0.25rem 0.5rem 0.25rem 0.5rem;
}
.mail_grid input[type="text"]{width: 80%;}
.mail_grid select{width: 100%}
.mail_grid textarea{width: 100%}
.submit_box{
  margin-top: .75rem;
  display: flex;
  justify-content: center;
  gap:1rem;
}
.submit_box input{
  display: block;
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.submit_btn{
  border-radius: 5px;
  padding:0.25rem 0.5rem 0.25rem 0.5rem;
  background-color: #4b4a48;
}
.submit_btn a,.submit_btn input,a.submit_btn,input.submit_btn{color:#fff;}
.submit_btn a:hover,.submit_btn input:hover,a.submit_btn:hover,input.submit_btn:hover{transform: scale(1.1,1.1);}
a.submit_btn{text-decoration: none;}
.red{color: #e9463f;}
.article_title_mail{
  font-size: 4rem;
  border-bottom: 4px solid #e9463f;border-image: linear-gradient(to right, #e9463f 0%, #f9cfbf 100%);
  border-image-slice: 1;
  margin-top: 2.5rem;margin-bottom: 2rem;
}

.for_contact{}
.for_contact li{width: 100%;}
.contact_box{
  text-align: center;
  vertical-align: middle;
  border: solid 2px #4b4a48;
  border-radius: 10px;
  padding: 0.5rem;
  margin-bottom: 0 !important
}
.contact_box a{color: #4b4a48;}
.contact_box .fa{font-size: 2rem;}
.explain{text-align: center;color: #4b4a48;}

/* 背景 */
.bg_only{
  position: fixed;
  z-index: -1;
  top:0;left:0;
  min-height: 100vh;width: 100vw;
}
#bg_top{
  height:60px;width: 100vw;
  position: absolute;
  top:0;left:0;
  background-image: url(../img/bg_line.png);
  background-repeat:repeat-x;
  background-size: cover;
}
#bg_bottom{
  height:60px;width: 100vw;
  position: absolute;
  bottom:0;left:0;
  background-image: url(../img/bg_line.png);
  background-repeat:repeat-x;
  background-size: cover;
}
.top_bar{
  background-image: url(../img/bg_line.png);
  background-repeat:repeat-x;
  background-size: cover;
  grid-row: 1;
  z-index: -1;
}
.bottom_bar{
  background-image: url(../img/bg_line.png);
  background-repeat:repeat-x;
  background-size: cover;
  grid-row: 3;
  z-index: -1;
}
/****************
*  　フッター     *
*****************/
.external_link,.copyright{
  text-align: center;
}
.copyright{padding-top:.5rem;padding-bottom: 0.5rem;}