@charset "UTF-8";
/* Custom */
#lclear { width: 100%; clear: both; margin: 0 0 -25px; }
#mclear { display: none; }
#container2 { background: url(../common/data_img/index_5.png) left top 50px no-repeat, url(../common/data_img/index_1.png) left top / 100% no-repeat, url(../common/data_img/index_2.png) left bottom / 100% no-repeat, url(../common/data_img/index_6.png) right bottom 50px no-repeat; margin: 0 0 -1px; }
#container2 #main h1 { text-align: center; }
#container2 #main h1 span { border-bottom: 3px solid; border-image: conic-gradient(#de4141,#e8ac51,#f2e55c,#39a869,#4784bf,#5d5099,#a55b9a) 1; }
#container2 #main #fours_culm { background-color: rgba(255,255,255,0.5); }
#container2 #main #fours_culm h2 { text-align: center; font-size: 120%; margin: 5px 1% 5px; }
#container h1 { background: url(../common/data_img/index_3.png) bottom no-repeat; margin: 30px 1% 30px 0; padding: 0 0 35px 20px; }
#container #main li { border: 1px solid #fb9a71; border-radius: 10px; }
#container #main #pankuz li { border: 0px solid #fff; }
#clum3 { margin: 45px 0 0; }
#clum3 ul:nth-child(1) { width: 24%; }
#clum3 ul:nth-child(2) { width: 34%; }
#list_entry li, #list_entry2 li, #list_entry3 li, #list_entry4 li, #list_entry5 li, #list_entry6 li,
#list_entry7 li { border: 1px solid #fb9a71; }
#list_entry7 li #volu_img { background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; width: 100%; height: 160px; float: left; margin: 0 0 8px; padding: 0; float: left; border: none; display: block; border-radius: 10px 10px 0 0; }
#list_entry7 li #volu_img:hover { opacity:0.6; filter: alpha(opacity=60); -ms-filter: "alpha( opacity=60 )"; }
#list_entry7 li #volu_name { text-align: center; line-height: 140%; width: 98%; float: left; margin: 0 1%; padding: 0; display: block; }
#list_entry7 li #volu_day { font-size: 80%; line-height: 140%; text-align: center; width: 100%; float: left; margin: 0; padding: 0; display: block; }
#list_entry7 li #volu_area { font-size: 80%; line-height: 140%; text-align: center; width: 100%; float: left; margin: 0; padding: 0; display: block; }
/* Volu Alo */
#volu_img { background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; width: 100%; height: 160px; float: left; margin: 0 0 8px; padding: 0; float: left; border: none; display: block; border-radius: 10px 10px 0 0; }
#volu_img:hover { opacity:0.6; filter: alpha(opacity=60); -ms-filter: "alpha( opacity=60 )"; }
#volu_name { text-align: center; line-height: 140%; width: 98%; float: left; margin: 0 1%; padding: 0; display: block; border-radius: 10px; }
#volu_day { font-size: 80%; line-height: 140%; text-align: center; width: 100%; float: left; margin: 0; padding: 0; display: block; }
#volu_area { font-size: 80%; line-height: 140%; text-align: center; width: 100%; float: left; margin: 0; padding: 0; display: block; }
/* Volu SYS */
#volu h2 { margin: 30px 3% 50px; padding: 6px 15px; border-bottom: 3px solid; border-image: conic-gradient(#de4141,#e8ac51,#f2e55c,#39a869,#4784bf,#5d5099,#a55b9a) 1; }
#volu #privacy h2 { background: transparent; color: #6d98d0; font-size: 90%; font-weight: bold; margin: 3px 0; padding: 0; border: transparent; }
#volu li { width: 9%; float: right; margin: 15px 1% 15px 0; padding: 0; display: block; border: transparent; }
#volu table { width: 90%; margin: 0 5%; }
#volu #imggp { width: 94%; height: auto; float: left; margin: 0 3%; padding: 0; display: block; }
#volu #imggp img { border-radius: 5px; }
#volu #imggp li { width: 47%; float: left; margin: 0 2% 3% 1%; padding: 0; display: block; }
#volu #ytplayer { float: left; margin: 0 0 0 15%; disply: block; }
/* Search Alo */
#info_accept { width: 18%; float: right; margin: -35px 3%; padding: 0; display: block; }
#colla_accept { width: 40%; float: left; margin: -35px 3%; padding: 0; display: block; }
#info h2 { border-bottom: 3px solid; border-image: conic-gradient(#de4141,#e8ac51,#f2e55c,#39a869,#4784bf,#5d5099,#a55b9a) 1; }
#info p { margin: 4px 2% 13px 5%; }
#info #accept { width: 13%; float:left; margin: 0 0 -90px 3%; padding: 0; display: block; }
#info #privacy h2 { background: transparent; color: #6d98d0; font-size: 90%; font-weight: bold; margin: 3px 0; padding: 0; border: transparent; }
#info_cate { background: #e5e5e5; width: auto; float: left; margin: 1% 0 1% 1%; padding: 0.3% 1%; display: block; border: solid 2px #bababa; border-radius: 10px; }
#info_cate:hover { background: #fff; }
#event h2 { border-bottom: 3px solid; border-image: conic-gradient(#de4141,#e8ac51,#f2e55c,#39a869,#4784bf,#5d5099,#a55b9a) 1; }
#event #privacy h2 { background: transparent; color: #6d98d0; font-size: 90%; font-weight: bold; margin: 3px 0; padding: 0; border: transparent; }
#event_cate { background: #e5e5e5; width: auto; float: left; margin: 1% 0 1% 1%; padding: 1%; display: block; border: solid 2px #bababa; border-radius: 10px; }
#event_cate:hover { background: #fff; }
#volu_cate { background: #e5e5e5; width: auto; float: left; margin: 1% 0 1% 1%; padding: 1%; display: block; border: solid 2px #bababa; border-radius: 10px; }
#volu_cate:hover { background: #fff; }
#form { background-color: #f2ecda; width: 87%; float: left; margin: 0 0 0 1%; padding: 5%; display: block; border-radius: 10px; }
#free_word { text-align: right; margin: 0 0 -43px; }
/* SideNavi Alo */
#list li { width: 93%; float: clear; margin: 0 3% 6%; padding: 0; border: 1px solid #fb9a71; border-radius: 10px; }
#list li #event_img { background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; width: 100%; height: 160px; float: left; margin: 0 0 8px; padding: 0; float: left; border: none; display: block; border-radius: 10px 10px 0 0; }
#list li #event_img:hover { opacity:0.6; filter: alpha(opacity=60); -ms-filter: "alpha( opacity=60 )"; }
#list li #event_name { text-align: center; line-height: 140%; width: 98%; float: left; margin: 0 1%; padding: 0; display: block; }
#list li #event_day { font-size: 80%; line-height: 140%; text-align: center; width: 100%; float: left; margin: 0; padding: 0; display: block; }
#list li #event_area { font-size: 80%; line-height: 140%; text-align: center; width: 100%; float: left; margin: 0; padding: 0; display: block; }
#list li #info_img { background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; width: 100%; height: 160px; float: left; margin: 0 0 8px; padding: 0; float: left; border: none; display: block; border-radius: 10px 10px 0 0; }
#list li #info_img:hover { opacity:0.6; filter: alpha(opacity=60); -ms-filter: "alpha( opacity=60 )"; }
#list li #info_name { text-align: center; line-height: 140%; width: 98%; float: left; margin: 0 1%; padding: 0; display: block; }
#list li #info_area { font-size: 80%; line-height: 140%; text-align: center; width: 100%; float: left; margin: 0; padding: 0; display: block; }
#list li #volu_img { background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; width: 100%; height: 160px; float: left; margin: 0 0 8px; padding: 0; float: left; border: none; display: block; border-radius: 10px 10px 0 0; }
#list li #volu_img:hover { opacity:0.6; filter: alpha(opacity=60); -ms-filter: "alpha( opacity=60 )"; }
#list li #volu_name { text-align: center; line-height: 140%; width: 98%; float: left; margin: 0 1%; padding: 0; display: block; border-radius: 10px; }
#list li #volu_day { font-size: 80%; line-height: 140%; text-align: center; width: 100%; float: left; margin: 0; padding: 0; display: block; }
#list li #volu_area { font-size: 80%; line-height: 140%; text-align: center; width: 100%; float: left; margin: 0; padding: 0; display: block; }
/* Info Index */
#info_in { background-color: rgba(255, 255, 255, 0.7); width: 96%; float: left; padding: 1% 2%; border-radius: 10px; }
#info_in ul { width: 100%; float: left; margin: 0; padding: 2% 0 1%; }
#info_in li { background: #fff; width: 22.7%; float: left; margin: 0 1% 2%; padding: 0; border: 1px solid #fb9a71; border-radius: 11px; }
#info_in li.no_rist { background: transparent; text-align: center; width: 80%; float: left; margin: 0 0 0 10%; padding: 0; border: 0px solid #fff; }
#info_in li #info_img { background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; width: 100%; height: 160px; float: left; margin: 0 0 8px; padding: 0; float: left; border: none; display: block; border-radius: 10px 10px 0 0; }
#info_in li #info_img:hover { opacity:0.6; filter: alpha(opacity=60); -ms-filter: "alpha( opacity=60 )"; }
#info_in li #info_name { text-align: center; line-height: 140%; width: 98%; float: left; margin: 0 1%; padding: 0 0 8px; display: block; }
#info_in li #info_name2 { font-size: 80%; line-height: 140%; text-align: center; width: 100%; float: left; margin: 0; padding: 0 0 8px; display: block; }
#info_in li #info_area { font-size: 80%; line-height: 140%; text-align: center; width: 100%; float: left; margin: 0; padding: 0; display: block; }
#info_in li #colla_img { background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; width: 100%; height: 160px; float: left; margin: 0 0 8px; padding: 0; float: left; border: none; display: block; border-radius: 10px 10px 0 0; }
#info_in li #colla_img:hover { opacity:0.6; filter: alpha(opacity=60); -ms-filter: "alpha( opacity=60 )"; }
#info_in li #colla_name { text-align: center; line-height: 140%; width: 98%; float: left; margin: 0 1%; padding: 0 0 8px; display: block; }
#info_in li #colla_day { font-size: 80%; line-height: 140%; text-align: center; width: 100%; float: left; margin: 15px 0 0; padding: 0; display: block; }
#info_in li #colla_area { font-size: 80%; line-height: 140%; text-align: center; width: 100%; float: left; margin: 0; padding: 0; display: block; }
/* Other */
ul#open { position: relative; width: 94%; float: left; margin: 0 3%; padding: 0; }
ul#open li { width: 42%; float: left; margin: 0 1% 3% 2%; padding: 2%; display: block; border: #c3c7d8 1px solid; border-radius: 10px }
ul#open li h3 { font-size: 120%; text-align: center; margin: 0 0 5px; padding: 10px 0 8px; }
ul#open li:nth-child(1) h3, ul#open li:nth-child(8) h3 { background-color: rgba(235,156,62,0.3); }
ul#open li:nth-child(2) h3, ul#open li:nth-child(9) h3 { background-color: rgba(248,216,98,0.3); }
ul#open li:nth-child(3) h3, ul#open li:nth-child(10) h3 { background-color: rgba(234,120,160,0.3); }
ul#open li:nth-child(4) h3, ul#open li:nth-child(11) h3 { background-color: rgba(224,96,86,0.3); }
ul#open li:nth-child(5) h3, ul#open li:nth-child(12) h3 { background-color: rgba(94,183,218,0.3); }
ul#open li:nth-child(6) h3, ul#open li:nth-child(13) h3 { background-color: rgba(92,179,123,0.3); }
ul#open li:nth-child(7) h3, ul#open li:nth-child(14) h3 { background-color: rgba(140,126,216,0.3); }
ul#open li span { font-size: 100%; text-align: center; width: 100%; float: left; margin: 0; padding: 0; display: block; }
ul#acco { position: relative; width: 94%; float: left; margin: 0 3%; padding: 0; }
ul#acco li { width: 47%; float: left; margin: 0 1% 0 2%; padding: 0; }
ul#acco li h3 { background: url(../common/images/info_click.png) right no-repeat; font-size: 120%; margin: 0 0 20px; padding: 2% 6%; display: block; border: #c3c7d8 1px solid; border-radius: 10px; }
ul#acco li h3:hover { opacity:0.6; filter: alpha(opacity=60); -ms-filter: "alpha( opacity=60 )"; }
ul#acco li:nth-child(1) h3, ul#acco li:nth-child(11) h3 { background-color: rgba(248,216,98,0.3); }
ul#acco li:nth-child(5) h3, ul#acco li:nth-child(10) h3 { background-color: rgba(94,183,218,0.3); }
ul#acco li:nth-child(3) h3, ul#acco li:nth-child(9) h3, ul#acco li:nth-child(17) h3 { background-color: rgba(235,156,62,0.3); }
ul#acco li:nth-child(8) h3, ul#acco li:nth-child(14) h3 { background-color: rgba(140,126,216,0.3); }
ul#acco li:nth-child(2) h3, ul#acco li:nth-child(16) h3 { background-color: rgba(234,120,160,0.3); }
ul#acco li:nth-child(6) h3, ul#acco li:nth-child(12) h3, ul#acco li:nth-child(18) h3 { background-color: rgba(92,179,123,0.3); }
ul#acco li:nth-child(7) h3, ul#acco li:nth-child(15) h3 { background-color: rgba(224,96,86,0.3); }
ul#acco li:nth-child(4) h3, ul#acco li:nth-child(13) h3 { background-color: rgba(255,255,255,0.3); }
ul#acco dl.sublist dt { position: relative; padding: 0 4% 5%; }
/* Colu Edit */
#colu_edit { background-color: #efe4d0; position: relative; width: 94%; float: left; margin: 50px 0; padding: 0 3% 1%; display: block; border-radius: 10px; }
#colu_edit #colu_edit2 { color: #fff; background-color: #736648; position: absolute; top: -20px; left: 10%; width: auto; float: left; margin: 0; padding: 1% 3%; display: block; border-radius: 10px; }
#colu_edit h2 { margin: 30px 3% 10px; }
#colu_edit #colu_img { background-color: #fff; width: 180px; height: 180px; float: left; margin: 1% 0 0; display: block; border-radius: 50%; }
c#renkei h2 { border-bottom: 3px solid; border-image: conic-gradient(#de4141,#e8ac51,#f2e55c,#39a869,#4784bf,#5d5099,#a55b9a) 1; }
#renkei p { font-size: 90%; width: 95%; float: left; margin: 0 0 15px 5%; display: block; }
#renkei label { margin: 0 8px 0 0; border-bottom: 5px #ddf2da solid; }
#renkei #tellyou { background: #fff2e6; width: 90%; float: left; margin: 20px 2% 5px; padding: 3%; border-radius: 10px; }
#renkei #btn a { background-color: #73b87a; }
#renkei2 { background: #fff2e6; width: 90%; float: left; margin: 20px 2% 5px; padding: 3%; border-radius: 10px; }
#renkei2 h2 { background: url(../common/data_img/index_3.png) left bottom / 100% no-repeat; text-align: center; margin: 0; padding: 0 0 30px; }
#renkei2 h3 { font-size: 170%; text-align: center; margin: 30px 1% 0; }
#renkei2 h4 { margin: 10px 1%; padding: 0 0 0 5px; border-bottom: 1px #535353 solid }
#collabo { text-align: center; background: #fff2e6; width: 90%; float: left; margin: 30px 2%; padding: 1% 3% 3%; border-radius: 10px; }
#collabo p { text-align: left; margin: 20px 0 5px; }
#request li { width: 94%; float: left; padding: 2%; display: block; }
/* Chat */
#chat form { width: 90%; margin: 1% 5%; padding: 0; }
#chat li { width: 90%; margin: 1% 5%; padding: 0; }
#chat li img { width: 90%; margin: 1% 5%; border-radius: 50%; }
#chat li #buserR { text-align: center; width: 15%; float: right; margin: 0; padding: 0; display: block; }
#chat li #bmessageR { width: 70%; float: right; margin: 1% 2% 1% 0; padding: 0; display: block; }
#chat li #bmessageR .balloonR { background-color: #e7f3ea; position: relative; width: 90%; margin-left: 15px; padding: .8em 1.2em; display: flex; align-items: center; border-radius: 5px; }
#chat li #bmessageR .balloonR::before { background-color: #e7f3ea; position: absolute; right: -15px; width: 15px; height: 30px; clip-path: polygon(0 0, 100% 50%, 0 100%); content: ''; }
#chat li #bmessageR .bday { font-size: 80%; padding-left: 15px; }
#chat li #buserL { text-align: center; width: 15%; float: left; margin: 0; padding: 0; display: block; }
#chat li #bmessageL { width: 70%; float: left; margin: 1% 0 1% 2%; padding: 0; display: block; }
#chat li #bmessageL .balloonL { background-color: #e7f3ea; position: relative; width: 90%; margin-left: 15px; padding: .8em 1.2em; display: flex; align-items: center; border-radius: 5px; }
#chat li #bmessageL .balloonL::before { background-color: #e7f3ea; position: absolute; left: -15px; width: 15px; height: 30px; clip-path: polygon(0 50%, 100% 0, 100% 100%); content: ''; }
#chat li #bmessageL .bday { text-align: right; font-size: 80%; }

/* Tablet用 */
@media only screen and (min-width: 916px) and (max-width: 1000px) {
#container2 { width: 100%; margin: 0; }
/* Info Index */
}

/* Tablet2用 */
@media only screen and (min-width: 701px) and (max-width: 915px) {
#container2 { background: url(../common/data_img/index_7.png) left top 50px no-repeat, url(../common/data_img/index_3.png) left top / 100% no-repeat, url(../common/data_img/index_4.png) left bottom / 100% no-repeat, url(../common/data_img/index_8.png) right bottom 50px no-repeat; width: 100%; margin: 0; padding: 180px 0 130px; }
#info td.title { width: 94%; display: block; }
#info td.text { width: 94%; display: block; }
#form { width: 90%; margin: 0; padding: 5%; }
ul#open li { width: 96%; }
ul#acco li { width: 96%; }
/* Info Index */
}

/* Mobile用 */
@media only screen and (min-width: 541px) and (max-width: 700px) {
#lclear { display: none; }
#mclear { width: 100%; clear: both; margin: 0 0 -25px; }
#container2 { background: url(../common/data_img/index_7.png) left top 50px no-repeat, url(../common/data_img/index_3.png) left top / 100% no-repeat, url(../common/data_img/index_4.png) left bottom / 100% no-repeat, url(../common/data_img/index_8.png) right bottom 50px no-repeat; width: 100%; margin: 0; padding: 130px 0; }
#free_word { text-align: left; margin: 5px 0; }
#info td.title { width: 94%; display: block; }
#info td.text { width: 94%; display: block; }
#form { width: 90%; margin: 0; padding: 5%; }
#form label { width: auto; margin: 5px 20px 5px 0; }
ul#open li { width: 90%; }
ul#acco li { width: 96%; }
/* Info Index */
}

/* Mobile2用 */
@media screen and (max-width: 540px) {
#container2 { background: url(../common/data_img/index_7.png) center top 30px / 100% no-repeat, url(../common/data_img/index_3.png) left top / 100% no-repeat, url(../common/data_img/index_4.png) left bottom / 100% no-repeat, url(../common/data_img/index_8.png) center bottom 30px / 100% no-repeat; width: 100%; margin: 0; padding: 160px 0 140px; }
#container2 #main #fours_culm { width: 43%; margin: 0 1.5% 3%; padding: 3% 2%; }
#free_word { text-align: left; margin: 5px 0; }
#info td.title { width: 94%; display: block; }
#info td.text { width: 94%; display: block; }
#form { width: 90%; margin: 0; padding: 5%; }
#form label { width: auto; margin: 5px 20px 5px 0; }
ul#open li { width: 90%; }
ul#acco li { width: 96%; }
#colla_accept { width: 30%; }
/* Info Index */
#info_in { width: 70%; margin: 0 5%; padding: 6% 10% 3%; }
#info_in li { width: 100%; margin: 0 0 10%; }
#info_in li #info_img { height: 200px; }
#info_in li #colla_img { height: 240px; }
label { width: auto; }
}

/* search */
#search { background: url(../common/data_img/search_5.png) left top 50px no-repeat, url(../common/data_img/search_1.png) top / 100% no-repeat, url(../common/data_img/search_2.png) bottom / 100% no-repeat, url(../common/data_img/search_6.png) right bottom 50px no-repeat; width: 100%; overflow: hidden; margin: 0 0 -1px; padding: 30px 0; display: block; }
#search h1 { text-align: center; letter-spacing: 0.2em; margin: 30px 0; padding: 0; }
#search h1 span { border-bottom: 3px solid; border-image: conic-gradient(#de4141,#e8ac51,#f2e55c,#39a869,#4784bf,#5d5099,#a55b9a) 1; }
#search h2 { text-align: center; font-size: 130%; letter-spacing: 0.2em; margin: 50px 0; padding: 0; }
#search form { background-color: rgba(255, 255, 255, 0.7); width: 76%; float: left; margin: 0 10%; padding: 3%; display: block; border-radius: 10px; }
/* Tablet用 */
@media only screen and (min-width: 916px) and (max-width: 1000px) {}
/* Tablet2用 */
@media only screen and (min-width: 701px) and (max-width: 915px) {
#search { background: url(../common/data_img/search_7.png) left top 50px no-repeat, url(../common/data_img/search_3.png) left top / 100% no-repeat, url(../common/data_img/search_4.png) left bottom / 100% no-repeat, url(../common/data_img/search_8.png) right bottom 50px no-repeat; width: 100%; margin: 0; padding: 180px 0 130px; }
#search form { width: 90%; margin: 0; padding: 5%; }
}
/* Mobile用 */
@media only screen and (min-width: 541px) and (max-width: 700px) {
#search { background: url(../common/data_img/search_7.png) left top 50px no-repeat, url(../common/data_img/search_3.png) left top / 100% no-repeat, url(../common/data_img/search_4.png) left bottom / 100% no-repeat, url(../common/data_img/search_8.png) right bottom 50px no-repeat; width: 100%; margin: 0; padding: 130px 0; }
#search form { width: 80%; margin: 0 5%; padding: 5%; }
#search form label { width: auto; margin: 5px 20px 5px 0; }
}
/* Mobile2用 */
@media screen and (max-width: 540px) {
#search { background: url(../common/data_img/search_7.png) center top 30px / 100% no-repeat, url(../common/data_img/search_3.png) left top / 100% no-repeat, url(../common/data_img/search_4.png) left bottom / 100% no-repeat, url(../common/data_img/search_8.png) center bottom 30px / 100% no-repeat; width: 100%; margin: 0; padding: 180px 0 150px; }
#search form { width: 80%; margin: 0 5%; padding: 5%; }
#search form label { width: auto; margin: 5px 20px 5px 0; }
}

/* news */
#news { background: url(../common/data_img/news_5.png) left top 50px no-repeat, url(../common/data_img/news_1.png) top / 100% no-repeat, url(../common/data_img/news_2.png) bottom / 100% no-repeat, url(../common/data_img/news_6.png) right bottom 50px no-repeat; width: 100%; overflow: hidden; margin: 0 0 -1px; padding: 30px 0; display: block; }
#news h1 { text-align: center; letter-spacing: 0.2em; margin: 30px 0; padding: 0; }
#news h1 span { border-bottom: 3px solid; border-image: conic-gradient(#de4141,#e8ac51,#f2e55c,#39a869,#4784bf,#5d5099,#a55b9a) 1; }
#news h2 { letter-spacing: 0.2em; margin: 20px 0; padding: 0; }
#news #btn a { background-color: #78998a; }
/* Tablet用 */
@media only screen and (min-width: 916px) and (max-width: 1000px) {}
/* Tablet2用 */
@media only screen and (min-width: 701px) and (max-width: 915px) {
#news { background: url(../common/data_img/news_7.png) left top 50px no-repeat, url(../common/data_img/news_3.png) left top / 100% no-repeat, url(../common/data_img/news_4.png) left bottom / 100% no-repeat, url(../common/data_img/news_8.png) right bottom 50px no-repeat; width: 100%; margin: 0; padding: 180px 0 130px; }
}
/* Mobile用 */
@media only screen and (min-width: 541px) and (max-width: 700px) {
#news { background: url(../common/data_img/news_7.png) left top 50px no-repeat, url(../common/data_img/news_3.png) left top / 100% no-repeat, url(../common/data_img/news_4.png) left bottom / 100% no-repeat, url(../common/data_img/news_8.png) right bottom 50px no-repeat; width: 100%; margin: 0; padding: 180px 0 130px; }
}
/* Mobile2用 */
@media screen and (max-width: 540px) {
#news { background: url(../common/data_img/news_7.png) left top 50px no-repeat, url(../common/data_img/news_3.png) left top / 100% no-repeat, url(../common/data_img/news_4.png) left bottom / 100% no-repeat, url(../common/data_img/news_8.png) right bottom 50px no-repeat; width: 100%; margin: 0; padding: 180px 0 130px; }
}

/* ranking2 */
#ranking2 { background: url(../common/data_img/ranking2_5.png) left top 50px no-repeat, url(../common/data_img/ranking2_1.png) top / 100% no-repeat, url(../common/data_img/ranking2_2.png) bottom / 100% no-repeat, url(../common/data_img/ranking2_6.png) right bottom 50px no-repeat; width: 100%; overflow: hidden; margin: 0 0 -1px; padding: 30px 0; display: block; }
#ranking2 h1 { text-align: center; letter-spacing: 0.2em; margin: 30px 0; padding: 0; }
#ranking2 h1 span { border-bottom: 3px solid; border-image: conic-gradient(#de4141,#e8ac51,#f2e55c,#39a869,#4784bf,#5d5099,#a55b9a) 1; }
#ranking2 h2 { letter-spacing: 0.2em; margin: 50px 0; padding: 0; }
/* Tablet用 */
@media only screen and (min-width: 916px) and (max-width: 1000px) {}
/* Tablet2用 */
@media only screen and (min-width: 701px) and (max-width: 915px) {
#ranking2 { background: url(../common/data_img/ranking2_7.png) left top 50px no-repeat, url(../common/data_img/ranking2_3.png) left top / 100% no-repeat, url(../common/data_img/ranking2_4.png) left bottom / 100% no-repeat, url(../common/data_img/ranking2_8.png) right bottom 50px no-repeat; width: 100%; margin: 0; padding: 180px 0 130px; }
}
/* Mobile用 */
@media only screen and (min-width: 541px) and (max-width: 700px) {
#ranking2 { background: url(../common/data_img/ranking2_7.png) left top 50px no-repeat, url(../common/data_img/ranking2_3.png) left top / 100% no-repeat, url(../common/data_img/ranking2_4.png) left bottom / 100% no-repeat, url(../common/data_img/ranking2_8.png) right bottom 50px no-repeat; width: 100%; margin: 0; padding: 180px 0 130px; }
}
/* Mobile2用 */
@media screen and (max-width: 540px) {
#ranking2 { background: url(../common/data_img/ranking2_7.png) left top 50px no-repeat, url(../common/data_img/ranking2_3.png) left top / 100% no-repeat, url(../common/data_img/ranking2_4.png) left bottom / 100% no-repeat, url(../common/data_img/ranking2_8.png) right bottom 50px no-repeat; width: 100%; margin: 0; padding: 180px 0 130px; }
}

/* tsutaetai */
#tsutaetai { background: url(../common/data_img/tsutaetai_5.png) left top 50px no-repeat, url(../common/data_img/tsutaetai_1.png) top / 100% no-repeat, url(../common/data_img/tsutaetai_2.png) bottom / 100% no-repeat, url(../common/data_img/tsutaetai_6.png) right bottom 50px no-repeat; width: 100%; overflow: hidden; margin: 0 0 -1px; padding: 30px 0; display: block; }
#tsutaetai h1 { text-align: center; letter-spacing: 0.2em; margin: 30px 0; padding: 0; }
#tsutaetai h1 span { border-bottom: 3px solid; border-image: conic-gradient(#de4141,#e8ac51,#f2e55c,#39a869,#4784bf,#5d5099,#a55b9a) 1; }
#tsutaetai h2 { letter-spacing: 0.2em; margin: 50px 0; padding: 0; }
#tsutaetai #btn a { background-color: #b294c0; }
/* Tablet用 */
@media only screen and (min-width: 916px) and (max-width: 1000px) {}
/* Tablet2用 */
@media only screen and (min-width: 701px) and (max-width: 915px) {
#tsutaetai { background: url(../common/data_img/tsutaetai_7.png) left top 50px no-repeat, url(../common/data_img/tsutaetai_3.png) left top / 100% no-repeat, url(../common/data_img/tsutaetai_4.png) left bottom / 100% no-repeat, url(../common/data_img/tsutaetai_8.png) right bottom 50px no-repeat; width: 100%; margin: 0; padding: 180px 0 130px; }
}
/* Mobile用 */
@media only screen and (min-width: 541px) and (max-width: 700px) {
#tsutaetai { background: url(../common/data_img/tsutaetai_7.png) left top 50px no-repeat, url(../common/data_img/tsutaetai_3.png) left top / 100% no-repeat, url(../common/data_img/tsutaetai_4.png) left bottom / 100% no-repeat, url(../common/data_img/tsutaetai_8.png) right bottom 50px no-repeat; width: 100%; margin: 0; padding: 180px 0 130px; }
}
/* Mobile2用 */
@media screen and (max-width: 540px) {
#tsutaetai { background: url(../common/data_img/tsutaetai_7.png) left top 50px no-repeat, url(../common/data_img/tsutaetai_3.png) left top / 100% no-repeat, url(../common/data_img/tsutaetai_4.png) left bottom / 100% no-repeat, url(../common/data_img/tsutaetai_8.png) right bottom 50px no-repeat; width: 100%; margin: 0; padding: 180px 0 130px; }
}

/* events */
#events { background: url(../common/data_img/events_5.png) left top 50px no-repeat, url(../common/data_img/events_1.png) top / 100% no-repeat, url(../common/data_img/events_2.png) bottom / 100% no-repeat, url(../common/data_img/events_6.png) right bottom 50px no-repeat; width: 100%; overflow: hidden; margin: 0 0 -1px; padding: 30px 0; display: block; }
#events h1 { text-align: center; letter-spacing: 0.2em; margin: 30px 0; padding: 0; }
#events h1 span { border-bottom: 3px solid; border-image: conic-gradient(#de4141,#e8ac51,#f2e55c,#39a869,#4784bf,#5d5099,#a55b9a) 1; }
#events h2 { text-align: center; font-size: 130%; letter-spacing: 0.2em; margin: 50px 0; padding: 0; }
#events form { background-color: rgba(255, 255, 255, 0.7); width: 76%; float: left; margin: 0 10%; padding: 3%; display: block; border-radius: 10px; }
/* Tablet用 */
@media only screen and (min-width: 916px) and (max-width: 1000px) {}
/* Tablet2用 */
@media only screen and (min-width: 701px) and (max-width: 915px) {
#events { background: url(../common/data_img/events_7.png) left top 50px no-repeat, url(../common/data_img/events_3.png) left top / 100% no-repeat, url(../common/data_img/events_4.png) left bottom / 100% no-repeat, url(../common/data_img/events_8.png) right bottom 50px no-repeat; width: 100%; margin: 0; padding: 180px 0 130px; }
#events form { width: 80%; margin: 0 5%; padding: 5%; }
}
/* Mobile用 */
@media only screen and (min-width: 541px) and (max-width: 700px) {
#events { background: url(../common/data_img/events_7.png) left top 50px no-repeat, url(../common/data_img/events_3.png) left top / 100% no-repeat, url(../common/data_img/events_4.png) left bottom / 100% no-repeat, url(../common/data_img/events_8.png) right bottom 50px no-repeat; width: 100%; margin: 0; padding: 130px 0; }
#events form { width: 80%; margin: 0 5%; padding: 5%; }
#events form label { width: auto; margin: 5px 20px 5px 0; }
}
/* Mobile2用 */
@media screen and (max-width: 540px) {
#events { background: url(../common/data_img/events_7.png) center top 30px / 100% no-repeat, url(../common/data_img/events_3.png) left top / 100% no-repeat, url(../common/data_img/events_4.png) left bottom / 100% no-repeat, url(../common/data_img/events_8.png) center bottom 30px / 100% no-repeat; width: 100%; margin: 0; padding: 160px 0 120px; }
#events form { width: 80%; margin: 0 5%; padding: 5%; }
#events form label { width: auto; margin: 5px 20px 5px 0; }
}

/* event2 */
#event2 { background: url(../common/data_img/event2_5.png) left top 50px no-repeat, url(../common/data_img/event2_1.png) top / 100% no-repeat, url(../common/data_img/event2_2.png) bottom / 100% no-repeat, url(../common/data_img/event2_6.png) right bottom 50px no-repeat; width: 100%; overflow: hidden; margin: 0 0 -1px; padding: 30px 0; display: block; }
#event2 h1 { text-align: center; letter-spacing: 0.2em; margin: 30px 0; padding: 0; }
#event2 h1 span { border-bottom: 3px solid; border-image: conic-gradient(#de4141,#e8ac51,#f2e55c,#39a869,#4784bf,#5d5099,#a55b9a) 1; }
#event2 h2 { letter-spacing: 0.2em; margin: 50px 0; padding: 0; }
/* Tablet用 */
@media only screen and (min-width: 916px) and (max-width: 1000px) {}
/* Tablet2用 */
@media only screen and (min-width: 701px) and (max-width: 915px) {
#event2 { background: url(../common/data_img/event2_7.png) left top 50px no-repeat, url(../common/data_img/event2_3.png) left top / 100% no-repeat, url(../common/data_img/event2_4.png) left bottom / 100% no-repeat, url(../common/data_img/event2_8.png) right bottom 50px no-repeat; width: 100%; margin: 0; padding: 180px 0 130px; }
}
/* Mobile用 */
@media only screen and (min-width: 541px) and (max-width: 700px) {
#event2 { background: url(../common/data_img/event2_7.png) left top 50px no-repeat, url(../common/data_img/event2_3.png) left top / 100% no-repeat, url(../common/data_img/event2_4.png) left bottom / 100% no-repeat, url(../common/data_img/event2_8.png) right bottom 50px no-repeat; width: 100%; margin: 0; padding: 180px 0 130px; }
}
/* Mobile2用 */
@media screen and (max-width: 540px) {
#event2 { background: url(../common/data_img/event2_7.png) left top 50px no-repeat, url(../common/data_img/event2_3.png) left top / 100% no-repeat, url(../common/data_img/event2_4.png) left bottom / 100% no-repeat, url(../common/data_img/event2_8.png) right bottom 50px no-repeat; width: 100%; margin: 0; padding: 180px 0 130px; }
}

/* nijiiro2 */
#nijiiro2 { background: url(../common/data_img/nijiiro2_5.png) left top 50px no-repeat, url(../common/data_img/nijiiro2_1.png) top / 100% no-repeat, url(../common/data_img/nijiiro2_2.png) bottom / 100% no-repeat, url(../common/data_img/nijiiro2_6.png) right bottom 50px no-repeat; width: 100%; overflow: hidden; margin: 0 0 -1px; padding: 30px 0; display: block; }
#nijiiro2 h1 { text-align: center; letter-spacing: 0.2em; margin: 30px 0; padding: 0; }
#nijiiro2 h1 span { border-bottom: 3px solid; border-image: conic-gradient(#de4141,#e8ac51,#f2e55c,#39a869,#4784bf,#5d5099,#a55b9a) 1; }
#nijiiro2 #btn a { background-color: #dcb75e; }
/* Tablet用 */
@media only screen and (min-width: 916px) and (max-width: 1000px) {}
/* Tablet2用 */
@media only screen and (min-width: 701px) and (max-width: 915px) {
#nijiiro2 { background: url(../common/data_img/nijiiro2_7.png) left top 50px no-repeat, url(../common/data_img/nijiiro2_3.png) left top / 100% no-repeat, url(../common/data_img/nijiiro2_4.png) left bottom / 100% no-repeat, url(../common/data_img/nijiiro2_8.png) right bottom 50px no-repeat; width: 100%; margin: 0; padding: 180px 0 130px; }
}
/* Mobile用 */
@media only screen and (min-width: 541px) and (max-width: 700px) {
#nijiiro2 { background: url(../common/data_img/nijiiro2_7.png) left top 50px no-repeat, url(../common/data_img/nijiiro2_3.png) left top / 100% no-repeat, url(../common/data_img/nijiiro2_4.png) left bottom / 100% no-repeat, url(../common/data_img/nijiiro2_8.png) right bottom 50px no-repeat; width: 100%; margin: 0; padding: 180px 0 130px; }
}
/* Mobile2用 */
@media screen and (max-width: 540px) {
#nijiiro2 { background: url(../common/data_img/nijiiro2_7.png) left top 50px no-repeat, url(../common/data_img/nijiiro2_3.png) left top / 100% no-repeat, url(../common/data_img/nijiiro2_4.png) left bottom / 100% no-repeat, url(../common/data_img/nijiiro2_8.png) right bottom 50px no-repeat; width: 100%; margin: 0; padding: 180px 0 130px; }
}

/*  irregular */
#irregular { background: url(../common/data_img/irregular_5.png) left top 50px no-repeat, url(../common/data_img/irregular_1.png) top / 100% no-repeat, url(../common/data_img/irregular_2.png) bottom / 100% no-repeat, url(../common/data_img/irregular_6.png) right bottom 50px no-repeat; width: 100%; overflow: hidden; margin: 0 0 -1px; padding: 30px 0; display: block; }
#irregular h1 { text-align: center; letter-spacing: 0.2em; margin: 30px 0; padding: 0; }
#irregular h1 span { border-bottom: 3px solid; border-image: conic-gradient(#de4141,#e8ac51,#f2e55c,#39a869,#4784bf,#5d5099,#a55b9a) 1; }
#irregular #btn a { background-color: #dcb75e; }
/* Tablet用 */
@media only screen and (min-width: 916px) and (max-width: 1000px) {}
/* Tablet2用 */
@media only screen and (min-width: 701px) and (max-width: 915px) {
#irregular { background: url(../common/data_img/irregular_7.png) left top 50px no-repeat, url(../common/data_img/irregular_3.png) left top / 100% no-repeat, url(../common/data_img/irregular_4.png) left bottom / 100% no-repeat, url(../common/data_img/irregular_8.png) right bottom 50px no-repeat; width: 100%; margin: 0; padding: 180px 0 130px; }
}
/* Mobile用 */
@media only screen and (min-width: 541px) and (max-width: 700px) {
#irregular { background: url(../common/data_img/irregular_7.png) left top 50px no-repeat, url(../common/data_img/irregular_3.png) left top / 100% no-repeat, url(../common/data_img/irregular_4.png) left bottom / 100% no-repeat, url(../common/data_img/irregular_8.png) right bottom 50px no-repeat; width: 100%; margin: 0; padding: 180px 0 130px; }
}
/* Mobile2用 */
@media screen and (max-width: 540px) {
#irregular { background: url(../common/data_img/irregular_7.png) left top 50px no-repeat, url(../common/data_img/irregular_3.png) left top / 100% no-repeat, url(../common/data_img/irregular_4.png) left bottom / 100% no-repeat, url(../common/data_img/irregular_8.png) right bottom 50px no-repeat; width: 100%; margin: 0; padding: 180px 0 130px; }
}