@charset "Shift-JIS";


/*reset*/

body, div, h1, h2, h3, h4, h5, p, ul, ol, li, dl, dt, dd,
header, footer, nav, article, section, adress {
	margin:0;
	padding:0;
}

html {
	font-size: 62.5%; /*10px*/
}

h1, h2, h3, h4, h5, p, dl, ul, ol {
	margin:10px 0;
}

ul {
	list-style: inside;
}

table,tbody,tr,td{
border-collapse: collapse;
}

img {
	vertical-align:bottom;
}
a img {
	border:0;
}

a { text-decoration: none; color: #096;}
a:hover, a:active { color: #333; }

.open li a { text-decoration: none; color: #039;}
.open li a:hover, .open li a:active { color: #C00; }

button{
padding: 0;
border: none;
outline: none;
appearance: none;
background: none;
cursor: pointer;
}


/* border-box */

* {-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box
  }

/* 共通項目 */

body {
	font-size:1.6rem; /* 16px */
	line-height: 1.6;
	color: #333;
    /*font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;*/
font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
/*font-family: Meiryo, "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;*/
}

.clearfix:after {
	content: ""; 
	display: block; 
	clear: both;
}

.wrapper{
margin:0;
padding:0;
display: flex;
position: relative;
}

asid{
width: 25%;
min-width: 186px;
max-width: 240px;
}

main{
flex:1;
}

.menu_head{
background:url("../img/back_obi.png") repeat-x top left;
text-align: center;
}

.menu_title{
font-weight: bold;
letter-spacing: 3px;
color:#40CE84;
}

.sp_img{
display: none;
}

/*ナビゲーション*/

.menumark{
display:none;
}

.menu{
list-style: none;
}

.menu > li{
padding: 10px 5px;
}

.menu li button{
width: 100%;
background-color:#fff;
border-radius: 8px;
font-size: 1.6rem;
padding: 10px 0;
text-decoration: none;
text-align: center;
}

.menu li.cd button{
background-color: mediumaquamarine;
color: #fff;
}

.menu li.cd button:hover{
background-color: #36A781;
}

.menu li.event button{
background-color: hotpink;
color: #fff;
}

.menu li.event button:hover{
background-color: #FF2893;
}

.menu li.event button span{
display: inline-block;
transform: scale(0.9, 1);
}

.menu li.koushu button{
background-color: yellowgreen;
color: #fff;
letter-spacing: 1em;
text-indent: 1em;
}

.menu li.koushu button:hover{
background-color: #779E26;
}

.menu li.school button{
background-color: cornflowerblue;
color: #fff;
letter-spacing: calc(1em/3);
text-indent: calc(1em/3);
}

.menu li.school button:hover{
background-color: #1654C4;
}

.menu li.info button{
background-color: #B9EFD3;
color: #007214;
}

.menu li.info button:hover{
background-color: #2CC475;
}

.menu li.info span{
display: inline-block;
transform: scale(0.9, 1);
}

.menu li ul{
list-style: none;
margin: 0 5px;
border-top: 1px solid #eee;
font-size: 1.4rem;
}

.open{
display:none;
}

.menu li ul li{
padding: 10px 10px;
background: #fff;
border-bottom: 1px solid #ccc;
}

.menu li ul li a{
display: block;
width: 100%;
}

/*ページタイトル*/

h1{
font-size: 2.1rem;
text-align: center;
margin: 30px 0;
}

h1.green:before{
content:'';
display: inline-block;
width: 50px;
height: 50px;
margin-right: 0.5em;
background:url(../img/mark_green.png) no-repeat center center;
background-size: contain;
vertical-align: middle;
}

h1.orange:before{
content:'';
display: inline-block;
width: 50px;
height: 50px;
margin-right: 0.5em;
background:url("../img/mark_orange.png") no-repeat center center;
background-size: contain;
vertical-align: middle;
}


h1.pink:before{
content:'';
display: inline-block;
width: 50px;
height: 50px;
margin-right: 0.5em;
background:url("../img/mark_pink.png") no-repeat center center;
background-size: contain;
vertical-align: middle;
}

h1.yl_green:before{
content:'';
display: inline-block;
width: 50px;
height: 50px;
margin-right: 0.5em;
background:url("../img/mark_yg.png") no-repeat center center;
background-size: contain;
vertical-align: middle;
}

h1.blue,
h1.yl_green{
letter-spacing: 1em;
}

h1.blue:before{
content:'';
display: inline-block;
width: 50px;
height: 50px;
margin-right: 0.5em;
background:url("../img/mark_blue.png") no-repeat center center;
background-size: contain;
vertical-align: middle;
}

h1.how{
padding: 0 5px;
font-size: 2.1rem;
line-height: 2;
color: #339999;
}

h1.how:before{
content:'';
display: inline-block;
width: 36px;
height: 36px;
margin: 3px 0.5em 0 5px;
background:url(../img/egg_onpu01.png) no-repeat center top;
background-size: contain;
vertical-align: top;
}

h2{
font-size: 1.8rem;
text-align: center;
}

h2.kazari:before,
h2.kazari:after{
content:'♪♪♪♪♪';
color: #6C9;
}

h2.kazari_o:before,
h2.kazari_o:after{
content:'♪♪♪♪♪';
color: #F90;
}

h2.kazari_p:before,
h2.kazari_p:after{
content:'♪♪♪♪♪';
color: #F69;
}

h2.kazari_yg:before,
h2.kazari_yg:after{
content:'♪♪♪♪♪';
color: #CC3;
}


h3{
padding: 0 5px;
font-size: 1.6rem;
line-height: 2;
color: #006633;
}

h3:before{
content:'';
display: inline-block;
width: 24px;
height: 24px;
margin: 3px 0.5em 0 5px;
background:url(../img/egg_onpu02.png) no-repeat center top;
background-size: contain;
vertical-align: top;
}

h3.black,
h3.black_orange{
padding: 0 5px;
font-size: 2rem;
line-height: 2;
color: #000000;
}

h3.black:before{
content:'';
display: inline-block;
width: 32px;
height: 32px;
margin: 3px 0.5em 0 5px;
background:url(../img/egg_onpu01.png) no-repeat center top;
background-size: contain;
vertical-align: top;
}

h3.black_orange:before{
content:'';
display: inline-block;
width: 32px;
height: 32px;
margin: 3px 0.5em 0 5px;
background:url("../img/egg_onpu04.png") no-repeat center top;
background-size: contain;
vertical-align: top;
}

h3.no_kigou:before,
h3.no_kigou_or:before,
h3.obi:before{
content:none;
}

h3.no_kigou{
text-align: center;
color: #009900;
font-size: 1.8rem;
margin-top: 20px;
}

h3.no_kigou_or{
text-align: center;
color: #F60;
font-size: 1.8rem;
margin-top: 20px;
}

h3.obi{
background-color: #F9C;
color: #333;
padding: 5px 0;
font-size: 1.6rem;
text-align: center;
}

h3.school,
h3.mschool,
h3.hschool{
text-align: left;
color: #000;
}

h3.school:before{
content:'■';
color:#F36;
font-size: 1.8rem;
width: 18px;
height: 18px;
background:none;
margin: 0 0.1em 0 0;
vertical-align: top;
}

h3.mschool:before{
content:'■';
color:#009;
font-size: 1.8rem;
width: 18px;
height: 18px;
background:none;
margin: 0 0.1em 0 0;
vertical-align: top;
}

h3.hschool:before{
content:'■';
color:#060;
font-size: 1.8rem;
width: 18px;
height: 18px;
background:none;
margin: 0 0.1em 0 0;
vertical-align: top;
}

h4{
font-size: 1.6rem;
margin-top: 20px;
}

h4 span{
font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
color: #33C;
font-size: 1.8rem;
}

h4 div{
font-weight: normal;
display: inline;
}

.text_red{
color: #C00;
}
.text_blue{
color: #006;
}

.text_orange{
color: #F90;
}

.moji1{
padding-left: 1em;
}

.migiyose{
text-align: right;
margin-right: 2em;
}

.float_r{
float: right;
padding-left: 1em;
}

hr.page{
width: 90%;
margin: 0 auto;
}

.tume{
margin: 0 0 ;
}

/* totop */

#pagetop {
	position: fixed;
	bottom: 25px;
	right: 0;
	width: 40px;
	z-index: 90;
	text-decoration: none;
    margin: 0 0;
	background-color: #66CDAA;
}

#pagetop p {
margin: 0 0;
}

/*#pagetop p span { font-size: 1.8rem; }*/

a#move_top { 
	display: block; 
	position:relative;
	cursor: pointer; 
	font-size: 1.4rem;
	font-weight: bold;
	writing-mode: vertical-rl;
    width: 100%;
	color: #fff; 
	text-decoration: none; 
	text-align: center;
    vertical-align: middle;
    margin: 0 0;
	padding:20px 5px 20px 0; 
}


/*メインサイド*/

main {
padding: 0 20px;
}

/*フッター*/

footer{
background-color: #B9EFD3;
font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic",'Century Gothic', sans-serif;
font-size: 1.2rem;
text-align: right;
padding: 4px 10px 4px 0;
}

.pre_footer{
margin: 30px 0;
}

.footer_inner{
margin: 0 auto;
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
}

.footer_inner p.shamei{
font-size: 1.8rem;
}
.footer_inner address{
font-size: 1.2rem;
}

/*プライバシーポリシー*/

.policy{
font-size: 1.4rem;
line-height: 2;
}

.policy p{
margin: 10px 0;
}

.policy p.sage3{
margin-left: 4em;
}

/*ホットニュース*/

.head_news{
padding: 10px 0 0 0;
}

.news_title{
width: 100%;
height: 40px;
background: url("../img/gosenpu_end.png") no-repeat right top 1px,
 url("../img/gosenpu.png") repeat-x left 162px top 1px;
}

.inline{
width: 100%;
height: 200px;
overflow-y: scroll;
margin: 5px auto;
padding: 5px 5px;
border:1px solid #ccc;
}

.news{
width: 96%;
}

/*おすすめ枠*/

.osusume{
width: 100%;
background-color: #3399CC;/*chocolate;*/
border-radius: 10px;
padding: 10px 20px 30px 20px;
}

.osusume h1{
margin: 0 0;
color: white;
font-size: 1.8rem;
text-align: center;
}

.osusume h1:before,
.osusume h1:after{
content:' ■ ';
font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
}

.osusume_frame{
background-color: white;
margin-top: 6px;
padding: 20px 20px;
border-radius: 10px;
}

.osusume_frame_s{
width: 90%;
max-width: 700px;
margin: 0 auto;
}


.osusume .midashi,
.catch_copy{
font-size: 2.1rem;
font-weight: bold;
}

.osusume .midashi:before{
content: '● ';
color: chocolate;
}

.osusume_frame_s p.catch{
font-size: 1.4rem;
margin: 0 0 0 21px;
}



.osusume_contents{
background-color: #fff;
margin: 10px 0 ;
padding: 20px 0;
border-radius: 20px;
}

.osusume_contents .inner_box{
width: 100%;
height: 520px;
overflow-y: scroll;
}

.osusume_contents .inner_box > div{
padding: 0 20px;
text-align: left;
}

.osusume_contents .inner_box table{
margin: 0 auto;
}

.osusume_contents .inner_box table td{
margin: 0 0;
padding: 0 0;
}

.osusume_contents .inner_box table td img{
width: 100%;
max-width: 500px;
}

.midashi1{
font-size: 21px;
margin: 0 0;
font-weight: bold;
}

.catch{
font-size: 16px;
}

.name_r{
text-align: right;
}

.float_l{
display: flex;
align-content: center;
justify-content: space-between;
}

.float_r{
float:right;
}

.kyokusyokai{
width: 60%;
}

.kyokusyokai ul{
margin: 0 0;
padding: 0 10px 0 16px;
}


.appeardata{
border: 1px solid #666;
padding: 12px 10px;
margin-bottom: 10px;
}

.kyokusyokai li{
list-style: none;
}

.kyokusyokai li:before{
content: "・";
vertical-align: top;
}

.kyokusyokai ul li div.appeardata ul{
padding: 0 0;
}

.kyokusyokai ul li div.appeardata ul li{
font-size: 14px;
line-height: 1.8;
}

.img_box{
width: 40%;
max-width: 200px;
}

.img_box img{
width: 100%;
}

.showbtn{
display: inline-block;
cursor: pointer; 
}

.appeardata { display: none; }

.mincho{
font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}

.catch{
margin-left: 1.6em;
}

.osusume_imgs{
margin-top: 20px;
display: flex;
justify-content: space-around;
align-items: center;
}

.osusume_img2{
padding-left: 20px;
}

.osusume02{
display: flex;
justify-content: space-around;
align-items: flex-end;
margin-top: 20px;
}


.goods1{
margin-bottom: 30px;
}

.goods_catch{
padding-left: 2.4em;
}

.s01{
display: flex;
justify-content: flex-start;
align-items: center;
}

.s02{
display: flex;
justify-content: center;
align-items: center;
padding: 0 2.6em;
margin-top: 20px;
}

.syohin_box{
padding-left: 4em;
padding-right: 2em;
}

.syohin_box2{
padding-left: 3.6em;
padding-right: 2em;
}

.syohin_photo{
text-align: center;
margin-right: 2.6em;
}

.syohinmei{
font-size: 1.8rem;
font-weight: bold;
}

.width140{
width: 140px;
}

.width140 img{
width: 100%;
}

.width200,
.width200b{
width: 200px;
}

.width200b{
min-width: 150px;
}

.width200 img,
.width200b img{
width: 100%;
}

.width400{
width: 400px;
}

.width400 img{
width: 100%;
}

.syohinmei span{
font-size: 1.4rem;
font-weight: normal;
color: #333;
}

.keimaki img{
border: 1px solid #333;
}

.goods_box{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
align-items: flex-end;
margin-bottom: 30px;
}

.goods{
width: 25%;
text-align: center;
font-size: 1.4rem;
line-height: 1.2;
padding-bottom: 10px
}

.goods img{
width: 100%;
max-width: 100px;
margin-bottom: 6px;
}

/*つくりたい方*/

.uchiwaku{
width: 90%;
margin: 30px auto 30px auto;
max-width: 800px;
}

.uchiwaku p{
margin-left: 1em;
}

.leftimage{
display: flex;
}

.mihon{
width: 240px;
}

.kakakuhyo{
margin-left: 1em;
}
.kakakuhyo,
.kakakuhyo td{
border: 1px solid #333;
}

.kakakuhyo td{
padding: 0 10px;
font-size: 1.4rem;
line-height: 1.8;
}

.kakakuhyo td:nth-child(1){
background-color:#FFC;
white-space: nowrap;
text-align: center;
}

.kakakuhyo2{
margin-left: 2em;
}
.kakakuhyo2 td{
border: 1px solid #333;
padding: 5px 10px;
font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
}

.kakakuhyo3{
margin-left: 1em;
}

.kakakuhyo3,
.kakakuhyo3 td{
border: 1px solid #333;
}

.kakakuhyo3 td{
padding: 5px 0.5em;
text-align: center;
font-size: 1.4rem;
}

.color_y{
background-color: #FFC;
}

.color_p{
background-color: #FCF;
}

.kakomi{
border: 2px solid #F60;
font-size: 1.4rem;
line-height: 1.6;
padding: 2px 12px;
margin-top: 20px;
}

p.right_small{
font-size: 1.2rem;
text-align: right;
}

.green_obi{
padding: 6px 1em;
background-color: #6C9;
color: #fff;
font-weight: bold;
}

.roman_list{
margin-left: 2em;
list-style-type: upper-roman;
list-style-position: outside;
}

.div2{
display: flex;
align-items: center;
justify-content: space-between;
}

.image_center{
}

.zeikomi{
margin-left: 1em;
font-size: 1.2rem;
}

.meisai td{
padding: 2px 10px;
text-align: left;
}

.underbar{
border-bottom: 1px solid #333;
}

.meisai td:nth-child(2){
white-space: nowrap;
}

/*.mihon img{
width: 100%;
height: auto;
}*/

.text_box{
width: 75%;
}

/*マザーズシステム 箇条書き*/

dl.kihon{
margin: 0 0 10px 0;
}

dl.kihon dt{
width: 3em;
float:left;
text-align: right;
}

dl.kihon dd{
margin-left: 3em;
}

/*検索結果*/

.kekka_t{
width: 95%;
margin: 10px auto;
background-color:#00CC99;
color: #fff;
font-size: 1.4rem;
text-align: center;
padding: 10px 0;
}

.kekka_table,
.kekka_table1{
width: 95%;
margin: 0 auto;
}

.kekka_table th,
.kekka_table td,
.kekka_table1 th,
.kekka_table1 td{
border: 1px solid #999;
padding: 5px 10px;
}

/*買い物トップ*/

.kensakuwaku{
width: 80%;
max-width: 940px;
margin: 30px auto;
}

.kensakuwaku td{
background-color: #FFFFCC;
padding: 10px 0 10px 10px;
font-size: 1.4rem;
line-height: 2.4;
white-space: nowrap;
}

.kensakuwaku td:first-child{
vertical-align: top;
}

.kensakuwaku input[type="text"]{
width: 12em;
}

.kensakuwaku td.kensaku{
padding-right: 20px;
padding-left: 16px;
text-align: right;
vertical-align: bottom;
}

.kensakuwaku td.moreserch{
background-color: #fff;
text-align: right;
}

.genre_title{
width: 80%;
max-width: 940px;
margin: 0 auto 10px auto;
padding: 0 0;
background-color: #66CC99;
}

.genre{
width: 80%;
max-width: 940px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
gap: 20px 20px;
justify-content: space-around;
}

.last5, .last4, .last3, .last2, .last1{
width: 107px;
height: 0;
}

.howto{
display: block;
margin: 10px auto;
width: 12em;
text-align: center;
background-color:#FFFFCC;
}

.howto a{
display: block;
width: 100%;
color: #006633;
border: 1px solid #063;
border-radius: 6px;
}

.howto a:hover{
border-color: #C00;
background-color: #FF3;
}

.howto a:hover h3{
color: #C00;
}

.howto a:hover h3:before{
background:url(../img/egg_onpu03.png) no-repeat center top;
background-size: contain;
}

.attention{
width: 80%;
max-width: 940px;
margin: 20px auto;
padding: 0 16px;
border: 3px solid #F00;
}

/*買い物かごリスト*/

.ue10{
margin-top: 10px;
}

.artists_menu ul{
display: flex;
flex-wrap: wrap;
list-style: none;
border-top: 1px solid #000;
border-right: 1px solid #000;
margin: 10px 0 0;
}

.artists_menu ul li{
width: 25%;
min-height: 50px;
font-size: 1.4rem;
line-height: 1.4;
display: flex;
border-left: 1px solid #000;
border-bottom: 1px solid #000;
justify-content: center;
text-align: center;
}

.sp_br,
.list_br{
display: none;
}

.artists_menu ul li a{
display: flex;
align-items: center;
justify-content: center;
width: 100%;
padding: 10px 10px;
background-color: #CCFFCC;
}

.artists_menu ul li a:hover,
.artists_menu ul li a:active{
background-color: #FFFFCC;
}

.obi{
background-color: #0c9;
text-align: center;
padding: 5px 0;
margin: 0 0;
}

.obi a{
color: #fff;
}

.syohin_space{
margin: 20px auto 0 auto;
}

.series{
background-color:#FFFFCC;
width: 100%;
}

.series td{
padding: 5px 10px;
}

.series td:nth-child(1){
white-space: nowrap;
}

.series h2 {
	font-size: 1.6rem;
	font-weight: bold;
	color: #000000;
}
.syoukaibun{
font-size: 1.4rem; line-height: 1.4; color: #333333;
}

.syouhizei { 
font-size: 1.2rem; color: #CC0000; font-weight: bold; 
}

.tabmenu{
margin-top: 30px;
padding: 0 30px;
display: flex;
align-items: flex-end;
justify-content: flex-start;
gap: 10px;
}

#tab1, #tab2, #tab3, #tab4{
width: 25%;
height: 40px;
max-width: 200px;
display: flex;
align-items: center;
justify-content: center;
font-size: 1.4rem;
font-weight: bold;
letter-spacing: 0.1em;
border-radius: 8px 8px 0 0;
}

#tab1 a, #tab2 a,
#tab3 a, #tab4 a{
display: flex;
width: 100%;
height: 100%;
align-items: center;
justify-content: center;
color: #663300;
}

.cate_border{
height: 16px;
}

.menu_cd{background-color:#FF99CC;}
.menu_dvd{background-color: #FFCC00;}
.menu_cbook{background-color: #66CC66;}
.menu_book{background-color: #99CCFF;}

#tab1{
letter-spacing: 1em;
text-indent: 1em;
background-color:#FFCCCC;
}
#tab2{background-color:#FFFF99;}
#tab3{background-color:#CCFFCC;}
#tab4{
background-color:#CCFFFF;
}

#tab1.selected{background-color:#FF99CC; color: #fff;}
#tab2.selected{background-color: #FFCC00; color: #fff;}
#tab3.selected{background-color: #66CC66; color: #fff;}
#tab4.selected{background-color: #99CCFF; color: #fff;}

.artist_index{
padding: 1em 2em;
}

.list{
width: 100%;
}

.list, .list tbody, .list tr, .list td{
border-collapse: collapse;
border: 1px solid #333;
}

.list td{
padding: 5px 10px;
}

td.syohintytle {
vertical-align: middle;
text-align: center;
white-space: nowrap;
font-size: 1.4rem;
}

.artist_box td.syohintytle{
width: 230px;
}

td.syohinlist,
td.syohinsu{
font-size: 1.4rem;
text-align: center;
vertical-align: middle;
white-space: nowrap;
}

td.pair_syohinsu{display: none}

td.syohin_txt{
font-size: 1.4rem;
line-height: 1.4;
}

p.button{
text-align: center;
}
p.button a{
display: inline-block;
padding: 2px 10px;
background-color: #EEE;
border: 1px solid #999;
border-radius: 10px;
color: #333;
margin-bottom: 1em;
}
p.button a:hover{
background-color: #666;
color: #fff;
}

.close_btn{
width: 8em;
text-align: center;
margin: 20px auto;
}

/*詳細検索*/

.subtitle{
font-weight: bold;
text-align: center;
margin: 30px 0;
}

.shosai_kensaku{
width: 95%;
max-width: 400px;
margin: 20px auto;
}

.shosai_kensaku td{
padding: 5px 10px;
}

.shosai_kensaku td:first-child{
font-size: 1.4rem;
white-space: nowrap;
}

.short{
width: 2em;
}

/* 学校公演 */

.title_img img{
width: 100%;
}

.lead, .cource{
width: 100%;
}

.cource tr:nth-child(even) td{
text-align: left;
font-size: 12px;
}

.cource td{
padding: 4px 5px;
text-align: center;
}

.cource td:nth-child(even){
width: 12%;
}

.cource td:nth-child(odd){
width: 16%;
}

.cource td:nth-child(even) img,
.cource td:nth-child(odd) img{
width: 100%;
}
.cource td:nth-child(even) img{
max-width: 60px;
}

.mojisage1{
font-size: 12px;
text-align: left;
margin-left: 1em;
text-indent: -1em;
}


.flex_img_r{
display: flex;
align-items: center;
justify-content: space-around;
}


.right_image{
width: 40%;
max-width: 240px;
text-align: right;
margin-left: 1em;
margin-right: 1em;
}

.right_image img{
width: 100%;
}

/*公演紹介*/

.kouen_repo{
display: flex;
flex-wrap: wrap;
font-size: 12px;
justify-content: flex-start;
margin: 0 auto;
}

.report{
display: flex;
justify-content: center;
align-content: center;
}

.repo{
width: 120px;
display: flex;
flex-direction: column;
}

.repo_img img{
width: 100%;
}

.repo_txt{
padding: 5px 0;
}

.arrow{
flex-grow: 1;
text-align: center;
padding: 0 10px;
}

.arrow img{
width: 100%;
max-width: 60px;
}

.digest_t{
padding: 10px 0;
background:url("../school_live2/img/yellow_onpu.png") repeat-x left center;
background-color: #000;
text-align: center;
}

.bg_black{
background-color: black;
}

.bg_black td{
font-size: 1.4rem;
padding: 5px 10px;
text-align: right;
color: #fff;
}

.bg_black td a,
.kaisetsu a{
color:#F90;
}
.bg_black td a:hover,
.kaisetsu a:hover{
color: #FFFF00;
}


.digest_frame{
display: flex;
flex-wrap: wrap;
align-content: center;
justify-content: center;
background-color: #000;
}

.ensou{
width: 240px;
padding: 5px 10px;
}

.ensou_img{
height: 280px;
display: flex;
align-items: center;
justify-content: center;
}

.play{
text-align: center;
}

.kaisetsu{
color: #fff;
font-size: 1.4rem;
}

.members{
margin-top: 30px;
padding: 10px 0;
background:url("../school_live2/img/orange_onpu_white.png") repeat-x left center;
background-color: #fff;
text-align: center;
}

/*メンバー紹介*/

.member_box{
border : 1px solid #FF9900;
padding: 10px 10px;
display: flex;
flex-wrap: wrap;
align-content: center;
justify-content: center;
}

.member{
width: 50%;
display: flex;
align-items: center;
justify-content: flex-start;
}

.member_img{
display: flex;
padding: 10px 0;
align-content: center;
justify-content: center;
}

.member_txt{
padding: 0 10px;
font-size: 1.4rem;
}


.orange_waku{
margin-top: 20px;
margin-bottom: 20px;
background-color: #FF9900;
padding: 10px 10px;
}

.orange_waku a{
color: #660000;
}

/*公演申し込みフォーム*/


.kouen_form{
background-color: #FFC;
margin-bottom: 30px;
}

.kouen_form td{
padding: 5px 10px;
border: 1px solid #663300;
}

td.yamabuki{
background-color:#FC6;
}

td.white{
background-color: #fff;
border: none;
}

textarea{
width: 100%;
height: 80px;
}

input[type="text"]{
width: 100%;
}


/*買い物方法*/

.howto_box{
width: 90%;
max-width: 800px;
margin: 0 auto;
}

.gazo01{
width: 90%;
max-width: 751px;
margin: 0 auto;
}

.gazo01 img{
width: 100%;
}

.sage1{
margin-left: 1em;
text-indent: -1em;
}

.sage3{
margin-left: 3em;
text-indent: -3em;
}

.wakukei{
width: 90%;
margin: 0 auto;
max-width: 800px;
border: 1px solid #333;
}

.wakukei img{
width: 100%;
}

.yellow_waku{
margin: 20px auto;
border: 1px solid #333;
}
.yellow_waku td{
background-color: #FFC;
padding: 20px 10px;
}

.close_btn a{
display: block;
border: 1px solid #666;
background-color: #ccc;
border-radius: 8px;
padding: 8px 0;
font-size: 1.6rem;
color: #333;
}

/*インフォーメーション*/

ul.index_list {
list-style: none;
width: 15em;
margin: 0 auto;
padding: 20px 0 50px 0;
line-height: 2;
}

.ayumi table{
margin: 0 auto;
}

.ayumi td{
padding: 10px 10px;
font-size: 1.4rem;
line-hight: 1.6;
border-bottom: 1px solid #999;
}

.ayumi td.orange_obi{
background-color: #FFB13D;
font-size: 1.6rem;
font-weight: bold;
}

.ayumi td.orange_obi span{
font-weight: normal;
}

.or_bold{
color: #F90;
}

.footer_index{
margin-top: 30px;
text-align: center;
font-size: 1.4rem;
}

.nodot {
  counter-reset: list-count;
  list-style: none;
  margin-left: 2em;
  margin-top: 20px;
}

.nodot > li::before {
  content: counter(list-count) "　";
  counter-increment: list-count;
}

.nodot li{
line-height: 1.8;
margin-left: 2em;
text-indent: -2em;
}

/*ニュース*/

.o_midashi{
background-color: #FC6;
color: #630;
font-size: 1.8rem;
font-weight: bold;
padding: 2px 5px;
}

.no_box{
width: 100%;
margin: 10px 0;
}

.no_box td{
width: 25%;
text-align: left;
vertical-align: top;
}


/*コンサート*/

.event_year{
background-color: #FCC;
padding: 5px 10px;
font-weight: bold;
}

.events{
border: 1px solid #FCC;
border-top: none;
padding: 10px 1em;
}

.events p{
margin: 0 0;
}

.noevent{
height: 25vh;
display: flex;
align-items: center;
justify-content: center;
}


/*祭衆*/

.matsuri_shokai{
width: 100%;
}

.matsuri_shokai td{
text-align: center;
}

.matsuri_shokai td img.matsuri_t{
width: 95%;
max-width: 340px;
}

.matsuri_shokai td img.matsuri_rogo{
width: 80%;
max-width: 240px;
}

.matsurisyu_img{
display: flex;
width: 100%;
align-items: center;
justify-content: space-around;
}

.matsurisyu_img img{
width: 100%;
}

td.maturisyu{
text-align: left;
font-weight: bold;
padding: 0 10px;
}
td.maturisyu p{
margin-left: 0;
}

td.maturisyu .sage1{
margin-left: 1em;
}

.yellow_back{
margin-top: 20px;
padding: 10px 16px;
background-color: #FFFFCC;
text-align: left;
font-size: 1.4rem;
line-height: 1.8;
}

.yellow_back_l{
margin-top: 20px;
margin-bottom: 20px;
padding: 10px 16px;
background-color: #FFFFCC;
text-align: left;
line-height: 1.8;
}

.momo_back{
margin-top: 20px;
padding: 5px 10px;
background-color: #FFCCCC;
text-align: left;
font-size: 1.6rem;
line-height: 1.6;
}

.blue_back{
margin-top: 20px;
padding: 5px 10px;
background-color: #CFF;
text-align: left;
font-size: 1.6rem;
line-height: 1.6;
}

.momo_back ul,
.blue_back ul{
margin-left: 1em;
}

.uchiwaku p.sage2{
margin-left: 2em;
text-indent: -2em;
text-align: left;
}

.kouen_photo{
width: 90%;
max-width: 600px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
}

.kouen_photo img{
width: 50%;
}

.jisage{
padding-left: 1em;
padding-right: 1em;
text-align: left;
}

.matsuri_prof_t{
background-color: #99F;
font-weight: bold;
padding: 5px 10px;
text-align: left;
}

.matsuri_prof{
border: 1px solid #99F;
padding: 5px 10px;
font-size: 1.4rem;
line-height: 1.6;
text-align: left;
}

.matsuri_prof p{
margin-left: 0px;
}

.matsuri_prof dl{
margin-top: 0px;
}

.matsuri_prof dt{
width: 4em;
float: left;
text-align: right;
}

.matsuri_prof dd{
margin-left: 4em;
}

.kansou{
}

.kansou th,
.kansou td{
padding: 5px 10px;
text-align: left;
}

.kansou th{
background-color: #F6C;
color: #fff;
font-weight: bold;
}

.kansou td{
background-color: #FCC;
}

.kansou tr:nth-child(odd) td{
background-color: #FFC;
}

.kansou td.peppermint{
background-color: #CFC;
}

/* 音楽観賞会 */

.kouen_menu {
margin-top: 20px;
}

.kouen_menu ul{
list-style: none;
display: flex;
margin: 0 0;
align-content: space-between;
gap: 3px;
}

.kouen_menu ul li{
width: calc(100%/3);
border-radius: 6px 6px 0 0;
font-size: 1.4rem;
display: flex;
align-items: center;
justify-content: center;
}

.kouen_menu ul li a{
display: block;
padding: 8px 10px;
color: #333;
font-weight: bold;
}

.kouen_menu ul li.selected{
padding: 8px 10px;
color: #fff;
}

.kouen_menu ul li.syogaku{
background-color: #F69;
}

.kouen_menu ul li.chugaku{
background-color: #9CF;
}

.kouen_menu ul li.koukou{
background-color: #E5FFA8;
}

span.chu{
letter-spacing: 0.5em;
text-indent: -0.5em;
}

span.high{
letter-spacing: 0.25em;
text-indent: -0.25em;
}

.kansho_t{
text-align: center;
}

.kansho_t img{
width: 95%;
max-width: 600px;
}

.orange_kei{
border: 1px solid #F90;
background-color: #FFC;
padding: 5px 10px;
}

.kouen_contents{
background-color: #F69;
padding: 5px 5px;
}

.kouen_contents_m{
background-color: #9CF;
padding: 5px 5px;
}

.kouen_contents_h{
background-color: #E5FFA8;
padding: 5px 5px;
}

.kouen_contents table,
.kouen_contents_m table,
.kouen_contents_h table{
width: 100%;
}

.img100 img{
width: 100%;
}

.bg_white{
background-color: #fff;
margin-bottom: 5px;
padding: 10px 10px;
}

.bg_white:last-child{
margin-bottom: 0;
}

.bg_white p{
margin: 0 0;
}

.center{
text-align: center;
}

.img_double{
display: flex;
}

.img_double > div{
width: 50%;
text-align: center;
}

.bg_white p.aki10{
margin: 10px 0;
}

.left1em{
padding-left: 1em;
}

.column2{
display: flex;
}

.column2 > div{
width: 50%;
padding-left: 1em;
}

.column2 div p{
margin-left: 1em;
text-indent: -1em;
}

.kansyo_prof{
background-color:#FFC;
padding: 20px 16px;
border-radius: 10px;
font-size: 1.4rem;
}

.kansyo_prof dl{
clear: both;
}

.kansyo_prof dt{
width: 4.5em;
float:left;
}

.kansyo_prof dd{
margin-left: 4.5em;
}

.image_right{
float:right;
margin-left: 1em;
}

.gaiji{
display: inline;
width: 16px;
vertical-align: -2px;
}

.bg_white .p_midashi{
font-weight: bold;
color: #F36;
margin-top: 20px;
}

.bg_white p.sage1{
margin-left: 1em;
text-indent: -1em;
}

.img_set{
margin-top: 20px;
display: flex;
align-content: space-between;
gap: 10px;
}

.text_side{
width: 60%;
}

.image_side{
width: 35%;
display: flex;
flex-direction: column;
align-items: flex-end;
justify-content: space-between;
}

.image_side img{
width: 100%;
max-width: 168px;
}

.pink_kei{
margin: 20px 0;
}
.pink_kei td{
border: 1px solid #F69;
padding: 5px 10px;
font-size: 1.4rem;
}

.pink_kei td.pink_white{
background-color: #F69;
color: #fff;
font-size: 1.6rem;
}

.red_white{
background-color: #F03;
color: #fff;
padding: 2px 5px;
}

.blue_white{
background-color: #0066CC;
color: #fff;
padding: 2px 5px;
}

.green_white{
background-color: #090;
color: #fff;
padding: 2px 5px;
}

.bg_white p.large{
line-height: 1.8;
}

/*企画関連*/

.kikaku_num{
max-width: 580px;
margin: 50px auto 20px auto;
}

.kikaku_num td{
vertical-align: middle;
text-align: left;
}

.kikaku_num td img{
margin-right: 1em;
}
.kikaku_num td.midasi1 a{
font-weight: bold;
}

br.orikaesi{
display: none;
}

.corner_menu{
text-align: center;
}

.corner_title1,
.corner_title2,
.corner_title3{
font-size: 2.1rem;
margin-bottom: 30px;
}

.corner_title1:before{
content: '';
display: inline-block;
width: 40px;
height: 40px;
margin-right: 0.5em;
background: url(../kikaku/img/numonpu_01.png) no-repeat center center;
background-size: contain;
vertical-align: middle;
}

.corner_title2:before{
content: '';
display: inline-block;
width: 30px;
height: 30px;
margin-right: 0.5em;
background: url(../kikaku/img/numonpu_02.png) no-repeat center center;
background-size: contain;
vertical-align: middle;
}

.corner_title3:before{
content: '';
display: inline-block;
width: 30px;
height: 30px;
margin-right: 0.5em;
background: url(../kikaku/img/numonpu_03.png) no-repeat center center;
background-size: contain;
vertical-align: middle;
}

/*企画・アーティスト*/

.artists_index{
display: flex;
flex-wrap: wrap;
align-content:space-between;
justify-content: space-between;
gap: 20px 10px;
}

.artists_index > div{
width: 30%;
display: flex;
align-items: center;
}

.artists_index > div a{
border-left: 12px solid #FFCC33;
background-color: #FFFFCC;
padding: 5px 10px;
width: 100%;
color: #333;
}

.artists_index > div a:hover{
border-left: 12px solid #096;
background-color: #FFFFEE;
color: #096;
}

.artist_t{
text-align: center;
}

.artist_name{
font-size: 3.2rem;
font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
color: green;
}

.artist_name span{
font-size:2.4rem;
margin: 0 1em;
}

.artist_catch{
font-size: 1.8rem;
color: red;
}

.shokai_table td{
padding: 10px 16px;
text-align: left;
vertical-align: top;
}

.shokai_table td.center{
text-align: center;
}

.shokai_table td div.doubles{
display: flex;
align-items: center;
gap: 5px;
flex-direction: column;
justify-content: space-between;
}

.shokai_table td div.triple{
display: flex;
height: 100%;
align-items: center;
gap: 30px;
flex-direction: column;
justify-content: space-around;
}

.shokai_table td ul{
list-style-position: outside;
}

@media screen and (max-width: 1065px){
br.orikaesi{
display: inline;
}

}

@media screen and (max-width: 1030px){

.goods_catch{
padding-left: 0;
}

.syohin_box{
padding-left: 1.6em;
}

.width400{
width: auto;
padding-left: 0;
}
.width200{
width: auto;
}

.width200b{
width: auto;
margin-right: 0;
}

}

@media screen and (max-width: 980px){

.kensakuwaku td{
display: block;
width: 100%;
padding-bottom: 0;
white-space: normal;
padding-right: 10px;
}

.kensakuwaku input[type="text"]{
width: 24em;
}

.kensakuwaku td.kensaku{
padding-bottom: 10px;
}

.member{
width: 100%;
}

}

@media screen and (max-width: 900px){

.s01, .s02{
flex-direction: column;
justify-content:center;
}

.inversion{
flex-direction:column-reverse;
}

.width400{
text-align: center;
}
.width400 img{
width: 240px;
}
.width200 img{
width: 200px;
}

.syohin_box{
width: 100%;
}

.syohin_photo{
margin-right: 1.6em;
}

.syohin_box2{
padding-left: 1em;
padding-right: 0;
}


}

@media screen and (max-width: 880px){

.matsurisyu_img{
flex-wrap: wrap;
}

.matsurisyu_img img{
width: 44%;
}
.kouen_photo{
flex-wrap: nowrap;
flex-direction: column;
align-items: center;
}

.kouen_photo img{
width: 80%;
}
}

@media screen and (max-width: 850px){
.goods{
font-size: 1.2rem;
}

}

@media screen and (max-width:780px){

.syohin_photo{
margin-right: 0;
}

.s02{
padding: 0 10px;
}

.sp_br{
display: inline;
}

}


@media screen and (max-width: 850px) and (min-width: 740px){

.tabmenu{
padding: 0 12px;
}

.list tr{
display: flex;
flex-wrap: wrap;
border: none;
}

.list td{
display: block;
}

td.syohintytle{
width: 70%;
border-bottom: none;
}

.artist_box td.syohintytle{
width: 70%;
}

td.syohinlist{
width: 30%;
display: flex;
flex-direction: column;
justify-content: center;
align-content: center;
border-bottom: none;
}

td.syohinlist hr{
width: 90%;
}

td.syohin_txt{
width: 70%;
border-top: none;
}

td.syohinsu{
width: 30%;
border-top: none;
display: flex;
flex-direction: column;
justify-content: center;
align-content: center;
}

td.pair_syohinsu{
display: table-cell;
width: 30%;
border-top: none;
}

td.syohinlist p,
td.syohinsu p{
margin: 5px 0;
}

.shokai_table td{
display: block;
width: 100%;
}

.shokai_table td div.triple{
display: flex;
height: 100%;
align-items: center;
gap: 10px;
flex-direction:row;
justify-content: space-between;
align-content: center;
}

img.img20{
width: 20%;
}

img.img40{
width: 40%;
}

/*ニュース*/

.no_box td{
font-size: 1.4rem;
}

/*トップおすすめ曲リスト*/

.list_br{
display: inline;
}

}


@media screen and (max-width:740px){

.wrapper{
flex-direction: column;
}

main{
padding-top: 80px;
}

/*ナビゲーション*/

asid{
width: 100%;
max-width: initial;
min-width: initial;
}

.menumark{
display: block;
position: fixed;
z-index: 9999;
top: 20px;
right: 10px;
cursor: pointer;
width: 50px;
height: 50px;
}

.menumark span{
display: inline-block;
transition: all .4s;
position: absolute;
left: 14px;
height: 3px;
border-radius: 2px;
background-color: #fff;
width: 45%;
}

.menumark span:nth-of-type(1){
top: 15px;
}

.menumark span:nth-of-type(2){
top: 23px;
}

.menumark span:nth-of-type(3){
top: 31px;
}

.menumark.pdactive span:nth-of-type(1){
top: 18px;
left:18px;
transform:translateY(6px)rotate(-45deg);
width: 50%;
}

.menumark.pdactive span:nth-of-type(2){
opacity: 0;
}

.menumark.pdactive span:nth-of-type(3){
top: 30px;
left:18px;
transform:translateY(-6px)rotate(45deg);
width: 50%;
}


.menu_head{
position: fixed;
text-align: left;
width: 100%;
background-color: #fff;
box-shadow: 0px 10px 10px -5px rgba(0,0,0,0.2);
}

.pcimg{
display: none;
}

.sp_img{
display: inline-block;
}
.menu_title{
display: none;
}

.menu{
display: none;
transform: scaleY(0);
transform-origin: center top;
transition:  transform .3s;
margin: 0 0;
}

ul.is-resize {
opacity: 0;
transform: none;
transition: none;
}

nav{
position: relative;
}

.active{
display: block;
width: 100%;
position: absolute;
top:70px;
right: 0;
transform: scaleY(1);
transition: opacity .3s;
z-index: 100;
}

.menu > li{
padding: 0 0;
}

.menu li button{
border-radius: 0px;
}

.menu li.cd button,
.menu li.event button,
.menu li.koushu button,
.menu li.school button{
background-color: #fff;
color: #36A781;
border: 1px solid #B9EFD3;
border-bottom: none;
}

.menu li.info button{
background-color: #fff;
color: #36A781;
border: 1px solid #B9EFD3;
}

.menu li.cd button:hover,
.menu li.event button:hover,
.menu li.koushu button:hover,
.menu li.school button:hover,
.menu li.info button:hover{
color: #fff;background-color: #36A781;
border-color: #36A781;
}

.menu li.event button span,
.menu li.info span{
display: inline-block;
transform: scale(1, 1);
}

.menu li ul li{
padding: 0 0;
}

.menu li ul li a{
padding: 10px 10px;
text-align: center
}

.menu li ul li a:hover{
background-color: #E9FF93;
}

/*検索結果*/

.kekka_table th,
.kekka_table td,
.kekka_table1 th,
.kekka_table1 td{
display: block;
}

.kekka_table tr,
.kekka_table1 tr {
display: flex;
flex-wrap: wrap;
border-bottom: 2px solid #000;
}

.kekka_table th:nth-child(1),
.kekka_table th:nth-child(2),
.kekka_table td:nth-child(1),
.kekka_table td:nth-child(2){
width: 50%;
}

.kekka_table th:nth-child(3),
.kekka_table th:nth-child(4),
.kekka_table th:nth-child(5),
.kekka_table th:nth-child(6),
.kekka_table th:nth-child(7),
.kekka_table td:nth-child(3),
.kekka_table td:nth-child(4),
.kekka_table td:nth-child(5),
.kekka_table td:nth-child(6),
.kekka_table td:nth-child(7){
width: 20%;
}

.kekka_table1 th:nth-child(1),
.kekka_table1 th:nth-child(2),
.kekka_table1 th:nth-child(3),
.kekka_table1 td:nth-child(1),
.kekka_table1 td:nth-child(2),
.kekka_table1 td:nth-child(3){
width: calc(100%/3);
}

.kekka_table1 th:nth-child(4),
.kekka_table1 th:nth-child(5),
.kekka_table1 td:nth-child(4),
.kekka_table1 td:nth-child(5){
width: 50%;
}


/*インフォーメーション*/

.full{
/*height: 55vh;*/
}

/*祭衆メンバー紹介*/

.member{
width: 50%;
}


/*公演申し込みフォーム*/

.kouen_form{
width: 100%;
}

.kouen_form td{
display: block;
width: 100%;
border-bottom: none;
}

.kouen_form td.last{
border: 1px solid #663300;
}

}

@media screen and (max-width: 680px){

.shokai_table td{
display: block;
width: 100%;
}

.shokai_table td.center{
text-align: center;
}


/*祭衆メンバー紹介*/

.member{
width: 100%;
}

}

@media screen and (max-width:680px) and (min-width: 490px){

.shokai_table td div.doubles{
flex-direction: column;
}

.shokai_table td div.triple{
display: flex;
height: 100%;
align-items: center;
gap: 10px;
flex-direction:row;
justify-content: space-between;
align-content: center;
}

img.img20{
width: 20%;
}

img.img40{
width: 40%;
}

}

@media screen and (max-width:640px){

.footer_inner{
flex-direction: column;
gap: 0;
}

.footer_inner p{
margin: 0 0;
}

.osusume_frame{
padding: 10px 10px;
}

.goods{
width: 50%;
}

.catch{
margin-left: 0;
}


/*ニュース*/

.no_box td{
font-size: 1.4rem;
}

}

@media screen and (max-width:610px){

.tabmenu{
padding: 0 12px;
}

.list tr{
display: flex;
flex-wrap: wrap;
border: none;
}

.list td{
display: block;
}

td.syohintytle{
width: 60%;
border-bottom: none;
}

.artist_box td.syohintytle{
width: 60%;
}

td.syohinlist{
width: 40%;
display: flex;
flex-direction: column;
justify-content: center;
align-content: center;
border-bottom: none;
}

td.syohinlist hr{
width: 90%;
}

td.syohin_txt{
width: 60%;
border-top: none;
}

td.syohinsu{
width: 40%;
border-top: none;
display: flex;
flex-direction: column;
justify-content: center;
align-content: center;
}

td.pair_syohinsu{
width: 40%;
border-top: none;
}

}

@media screen and (max-width: 600px){

.artists_index > div{
width: 45%;
}

}

@media screen and (max-width:560px){

/*トップページおすすめ*/

.osusume_imgs,
.osusume02{
flex-direction: column;
margin-top: 50px;
}

.osusume02{
align-items: center;
}

.series tr{
display: flex;
flex-direction: column;
}

.series td{
display: block;
width: 100%;
}

.leftimage{
flex-direction: column;
}

.mihon{
width: 100%;
text-align: center;
}

.text_box{
width: 100%;
}


/*トップおすすめ曲リスト*/

.list_br{
display: inline;
}



/*ニュース*/

.no_box td{
display: block;
width: 100%;
font-size: 1.6rem;
}


}

@media screen and (max-width:510px){
#tab2{
font-size: 90%;
}
}

@media screen and (max-width:480px){

.sp_br{display: none;}

.kensakuwaku input[type="text"]{
width: 90%;
}

.artists_index > div{
width: 100%;
}

.shosai_kensaku td{
display: block;
width: 100%;
}

.shosai_kensaku td:first-child{
padding-bottom: 0;
}

.shosai_kensaku td:nth-child(2){
padding-top: 0;
}

}