/* reset */
html {overflow-y: scroll;}
body,div,table,tr,th,td,p,ul,ol,dl,dt,dd,img,a,form,h1,h2,h3,h4,h5,h6,hr{margin:0;padding:0;border:0;font-style: normal;}
ul{list-style-type: none;}
input:focus {border:none;outline:none;}

/* loader */
#loading{left:0;margin:auto 30%;position: absolute;top:26%;}
#loading img{ width:100%;margin:auto; }
#loader-bg {background:#a1d8e6;height:100%;left:0px;position: fixed;top:0px;width:100%;z-index:99999;}
@media screen and (max-width:479px){
#loading{left:5%;margin:auto;}
#loading img{ width:95%;margin:auto; }
}

div#wrapper {
        background-color:#a1d8e6;
	color:#363636;
	font-family: "Noto Sans JP", sans-serif;
	font-size:14px;
	line-height:140%;
	margin:0 auto;
	padding:0 0 10px 0;
	-webkit-text-size-adjust: none;
}

#container{ margin:0 auto;width:700px; }
@media screen and (max-width:479px){
#container{ margin:0 auto;width:100%; }
}

/* clearfix */
.clearfix:after { content:"."; display:block; clear:both; height:0; visibility:hidden; }
.clear { clear:both; }

/*モダンブラウザ用*/
img,iframe,object {max-width: 100%;vertical-align:top;}

/* br */
.br-sp { display:none; }
@media screen and (max-width:812px){
.br-sp { display:block; }
.br-pc { display:none; }
}

h1{ margin:0 auto;text-align: center;width:100%;}
h1 img{ display:block;margin:0 auto;padding: 0;width:100%;}

h2.ttl{ color:#166d96;font-family: "M PLUS 1", sans-serif;font-size:56px;margin:80px auto 40px;text-align:center;width:100%; }
h2.ttl2{ color:#166d96;font-family: "M PLUS 1", sans-serif;font-size:40px;margin:60px auto 20px;text-align:center;width:100%; }
h2 span{ display:block;font-size:14px;margin-top:10px; }
@media screen and (max-width:479px){
h2.ttl{ font-family: "M PLUS 1", sans-serif;font-size:36px;margin:40px auto 20px;text-align:center;width:100%; }
h2.ttl2{ font-family: "M PLUS 1", sans-serif;font-size:30px;margin:60px auto 20px;text-align:center;width:100%; }
h2 span{ display:block;font-size:14px;margin-top:10px; }
}

h3{ color:#166d96;font-size:24px!important;margin:30px auto 0!important;text-align: center;width:94%;}
h3 p{ color:#ffffff;display:block;font-size:16px;line-height:160%;margin-top:15px; }
h3 p span{ color:#ffffff;font-size:21px;margin-top:10px; }
@media screen and (max-width:479px){
h3{ font-size:18px!important;margin:30px auto 0!important;text-align: center;width:94%;}
h3 p{ display:block;font-size:16px;line-height:160%;margin-top:10px; }
}


.lead{ color:#ffffff;font-family: "Noto Serif JP", serif;font-size:24px;font-weight:500;line-height:150%;letter-spacing:0.2em;margin:0 auto;padding: 0 10px;text-align:center;width:94%; }
.lead span.art{ font-size:24px;letter-spacing:0.05em;line-height:160%; }
.lead span.cp{ border-top:3px dotted #166d96;border-bottom:3px dotted #166d96;color:#166d96;display:block;font-family: "M PLUS 1", sans-serif;font-size:21px;font-weight:600;letter-spacing:0em;margin:20px auto 25px;padding:10px 0; }
.lead img{ display:block;margin:20px auto -40px;width:75%; }
@media screen and (max-width:479px){
.lead{ font-size:18px;font-weight:400;line-height:140%;letter-spacing:0.15em; }
.lead span.art{ font-size:15px;letter-spacing:0.05em;line-height:140%; }
}

.date{ background:#ffffff;border-radius:72px;font-size:21px;font-weight:600;line-height:160%;margin:0 auto;padding:10px 0;text-align:center;width:94%; }
.date h4{ background:#166d96!important;border-radius:48px;color:#ffffff;font-size:21px!important;font-weight:600;margin:0 auto 5px!important;padding:2px 0!important;text-align: center;width:75%;}
.date2{ border-top:3px dotted #363636;border-bottom:3px dotted #363636;font-size:21px;font-weight:600;line-height:160%;margin:0 auto 20px;padding:5px 0;text-align:center;width:94%; }
.date2 h4{ background:#363636!important;border-radius:48px;color:#ffffff;font-size:21px!important;font-weight:600;margin:5px auto!important;padding:2px 0!important;text-align: center;width:75%;}
@media screen and (max-width:479px){
.date{ border-radius:60px;font-size:19px;font-weight:600;line-height:140%;margin:0 auto;padding:10px 0;text-align:center;width:94%; }
.date h4{ color:#ffffff;font-size:19px!important;font-weight:600;margin:0 auto 2.5px!important;padding:2px 0!important;text-align: center;width:75%;}
.date2{ font-size:18px;font-weight:600;line-height:150%;margin:0 auto 20px;padding:5px 0;text-align:center;width:94%; }
.date2 h4{ color:#ffffff;font-size:18px!important;font-weight:600;margin:5px auto!important;padding:2px 0!important;text-align: center;width:75%;}
}

.cntnts{ background:#ffffff;background-image: url(https://sp-m.mu-mo.net/img/specials/sp/wintercp2024/bg1.jpg),url(https://sp-m.mu-mo.net/img/specials/sp/wintercp2024/bg2.jpg);
  background-repeat: no-repeat;
  background-position: top,bottom;
  background-size: 100%;margin:20px auto;padding:100px 0;width:100%; }
.cntnts .txt{ font-size:14px;margin:10px auto;text-align:center;width:94%; }
.cntnts .al{ display: flex;flex-wrap:wrap;justify-content: flex-start;margin:0 auto 60px;padding:0!important;width:94%; }
.cntnts .al li{ margin:10px auto;width:48%; }
.cntnts .al li a{ color:#363636;text-decoration:none; }
.cntnts .al li img{ display:block;margin:0 auto;width:94%; }
.cntnts .al li h5.al_art{ color:#166d96;font-family: "M PLUS 1", sans-serif;font-size:16px;margin:5px auto;padding:5px 0;text-align:center;width:94%; }
.cntnts .al li .tokuten{ border-top:3px dotted #363636;border-bottom:3px dotted #363636;font-size:14px;margin:0 auto;padding:5px 0;text-align:center;width:94%; }
.cntnts .catch{ color:#166d96;font-family: "Noto Serif JP", serif;font-size:18px;font-weight:600;padding:80px 0;text-align:center; }
.cntnts .lead{ color:#363636;font-family: "Noto Sans JP", sans-serif;font-size:15px;font-weight:400;letter-spacing:0;line-height:140%;margin:0 auto 20px;padding: 0 10px;text-align:center;width:94%; }
.cntnts .lead h3{ color:#166d96;;font-size:18px!important;margin:0 auto;padding:0 0 10px;text-align:center; }
.cntnts .lead span{ font-weight:700; }
.cntnts .al_art{ margin:0 auto 60px;padding:0!important;width:94%; }
.cntnts .al_art li{ margin:10px auto;width:100%; }
.cntnts .al_art li img{ display:block;margin:0 auto;width:50%; }
.cntnts .al_art li .al_ttl{ color:#166d96;font-size:16px;margin:5px auto;padding:5px 0;text-align:center;width:94%; }
.cntnts .al_art li .info{ font-size:14px;margin:0 auto;padding: 0;text-align:center;width:94%; }
.cntnts .al_art li .info span{ font-size:16px;font-weight:600; }
.cntnts .al_art .tokuten{ border-top:3px dotted #363636;border-bottom:3px dotted #363636;font-size:14px;margin:15px auto;padding:5px 0;text-align:center;width:75%; }
.cntnts .al_art .tokuten img{ margin:10px auto;width:35%; }
.cntnts .btn{ background:#166d96;margin:5px auto;position: relative;width:75%; }
.cntnts .btn a{ color:#ffffff!important;display:block;font-size:16px;font-weight:600;padding:10px 0;text-align:center;text-decoration:none; }
.cntnts .btn a:after{content: '＞';font-family: FontAwesome;right: 1.6em;padding: 0;position: absolute;width: 0;}
@media screen and (max-width:479px){
.cntnts{ background:#ffffff;background-image: url(https://sp-m.mu-mo.net/img/specials/sp/wintercp2024/bg1.jpg),url(https://sp-m.mu-mo.net/img/specials/sp/wintercp2024/bg2.jpg);
  background-repeat: no-repeat;
  background-position: top,bottom;
  background-size: 100%;margin:20px auto;padding:50px 0;width:100%; }
.cntnts .txt{ font-size:14px;margin:10px auto;text-align:center;width:94%; }
.cntnts .catch{ color:#166d96;font-family: "Noto Serif JP", serif;font-size:15px;font-weight:600;padding:60px 0;text-align:center; }
}

.attention{ margin:40px auto;width:100%; }
.attention .txt{ font-size:14px;line-height:140%;margin:20px auto;position: relative;width:90%; }
.attention .txt a { color:#166d96!important;list-style-type:none;text-decoration: underline; }
.attention .btn{ background:#166d96;border-radius:60px;margin:20px auto;position: relative;width:94%; }
.attention .btn a{ color:#ffffff!important;display:block;font-size:18px;font-weight:600;padding:20px 0;text-align:center;text-decoration:none; }
.attention .btn a::after{content: '＞';font-family: FontAwesome;left: 90%;padding: 0;position: absolute;width: 0;}
@media screen and (max-width:479px){
.attention .txt{ font-size:13px;line-height:150%;margin:10px auto 30px;position: relative;width:92%; }
}

.contact{ margin:40px auto;width:100%; }
.contact .txt{ font-size:16px;line-height:160%;margin:20px auto;position: relative;text-align:center;width:90%; }
.contact .txt a { color:#166d96!important;list-style-type:none;text-decoration: underline; }
@media screen and (max-width:479px){
.contact .txt{ font-size:14px;line-height:160%;margin:5px auto;position: relative;text-align:center;width:90%; }
}

.chart{ margin:40px auto;width:100%; }
.chart .billboard{ display:block;margin:0 auto;width:50%; }

/* officialSite */
.footer{ display: flex;flex-wrap:wrap;justify-content: flex-start;margin:80px auto;width:100%; }
.footer .officialSite { border-right:1px solid #363636;font-size:24px;line-height:100%;font-weight:500;text-align:center;margin:0 auto;padding:20px 0;width:33%; }
.footer .officialSite:last-child{ border-right:none; }
.footer .officialSite a { color:#ffffff;text-decoration:none; }
.footer .officialSite a img { margin:0 auto;font-size:24px;width:75%; }
@media screen and (max-width:479px){
.footer{ margin:40px auto;width:100%; }
}

/* sns */
ul.sns { /*display: flex;flex-wrap:wrap;justify-content: flex-start;*/margin:0 auto;padding:0!important;width:60%; }
ul.sns li { margin:0 auto;width:25.33%; }
ul.sns li img { display:block;margin:0 auto;padding:0;vertical-align:bottom;width:75%; }
ul.sns:after { content:".";display: block;height:0px;clear:both;visibility:hidden; }
@media screen and (max-width:479px){
ul.sns { /*display: flex;flex-wrap:wrap;justify-content: flex-start;*/margin:0 auto;padding:0!important;width:90%; }
ul.sns li { margin:0 auto;width:25.33%; }
ul.sns li img { display:block;margin:0 auto;padding:5px 0 0;vertical-align:bottom;width:75%; }
ul.sns:after { content:".";display: block;height:0px;clear:both;visibility:hidden; }
}

.back a { color:#363636;display:block;font-size:16px;margin:20px auto 0;padding:2px 0;text-align:left;width:94%; }

/* アコーディオン */
.accordion {
margin: 10px auto;
max-width: 75%;
}
.toggle {
display: none;
}
.option {
margin-bottom: 10px;
position: relative;
}
.title,
.content {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transform: translateZ(0);
transition: all 0.3s;
}
.title {
border: none;
background:#a1d8e6;
color: #ffffff;
display: block;
font-size:16px;
font-weight: bold;
padding: 10px 0;
text-align:center;
}
.title::after,
.title::before {
background-color: #ffffff;
content: "";
right: 1.25em;
top: 1.0em;
height: 0.75em;
position: absolute;
transition: all 0.3s;
width: 2px;
}
.title::after {
transform: rotate(90deg);
}
.content {
background:#a1d8e6;
max-height: 0;
margin-top: -8px;
overflow: hidden;
}
.content p {
background:#ffffff;
color:#000000;
font-size: 14px;
line-height: 140%;
margin: 0 auto 5px;
padding: 5px;
width:90%;
}
.toggle:checked + .title + .content {
max-height: 500px;
transition: all 1.5s;
}
.toggle:checked + .title::before {
transform: rotate(90deg) !important;
}

/*h3.switch {
background:#6baafb;
color: #ffffff;
cursor:pointer;
font-size: 1.1em!important;
margin:10px auto 0!important;
padding:5px 0;
width:100%;
}    
h3.switch:after{content: '＋';font-family: FontAwesome;padding: 0 0 0 20px;position: absolute;width: 0;}
h3.active {
color: #ffffff;
}
.toggle_txt {
background:#6baafb;
overflow: hidden;
padding: 5px 10px;
}
.toggle_txt span{
background:#ffffff;
color:#000000;
display:block;
font-size:11px;
margin:0 auto;
padding:2%;
width:100%;
}*/

/* fadein */
.fadein {opacity : 0.1;transform : translate(0px, 60px);transition : all 600ms;}
.fadein.scrollin {opacity : 1;transform : translate(0px, 0px);}

/* asterisk */
.asterisk-list{ margin:0 auto 10px;width:94%;}
.asterisk-list p{ font-size:13px;font-weight:400;line-height:150%;margin:10px auto;padding:0 0 0 0.5em;text-indent:-1em;text-align:left;text-justify:inter-ideograph;word-break:break-all;width:94%; }
.asterisk-list p a{ color:#166d96;font-weight:600;text-decoration:underline; }
.asterisk-list p:before { content: '・'; }

.asterisk-list1{ margin:0 auto;width:94%;}
.asterisk-list1 p{ font-size:12px;font-weight:400;line-height:140%;margin:5px auto;padding:0 0 0 0.5em;text-indent:-1em;text-align:left;text-justify:inter-ideograph;word-break:break-all;width:94%; }
.asterisk-list1 p.sml{ font-size:11px;font-weight:400;line-height:150%;margin:5px auto;padding:0 0 0 0.5em;text-indent:-1em;text-align:left;text-justify:inter-ideograph;word-break:break-all;width:94%; }
.asterisk-list1 p.sml_c{ font-size:11px;font-weight:400;line-height:150%;margin:5px auto;padding:0 0 0 0.5em;text-indent:-1em;text-align:center;text-justify:inter-ideograph;word-break:break-all;width:94%; }
.asterisk-list1 p.cntr{ font-size:13px;font-weight:400;line-height:140%;margin:10px auto;padding:0 0 0 0.5em;text-indent:-1em;text-align:center;text-justify:inter-ideograph;word-break:break-all;width:100%; }
.asterisk-list1 p:before { content: '※'; }
@media screen and (max-width:479px){
.asterisk-list1 p.sml_c{ font-size:11px;font-weight:400;line-height:150%;margin:5px auto;padding:0 0 0 0.5em;text-indent:-1em;text-align:left;text-justify:inter-ideograph;word-break:break-all;width:94%; }
}
