@charset "utf-8";

#bg_mainimage{overflow:hidden;width:100%;}
#mainimage{width:831px;margin:auto;margin-top:5px;}
#mainimage_left{width:231px;height:400px;float:left;}
#mainimage_right{width:600px;height:400px;position:relative;background-position:bottom;float:left;}
#mainimage_title{font-size:small;font-weight:normal;font-family:meiryo,"メイリオ","ＭＳ Ｐゴシック",Osaka, "ヒラギノ角ゴ Pro W3";text-align:left;line-height:1.4em;padding:0.01em 4px;border-top:1px dashed #666;border-bottom:1px dashed #666666;background-color:#cc0000;filter:alpha(opacity=50);-moz-opacity:0.50;-khtml-opacity:0.50;opacity:1.0;position:absolute;bottom:2px;right:0px;}
#mainimage_title img{margin-right:0px;position:relative;top:1px;}
#mainimage_desc{color:#ffffff;font-size:small;text-align:left;line-height:140%;background-color:transparent;background-color:#000000;filter:alpha(opacity=80);-moz-opacity:0.80;-khtml-opacity:0.80;opacity:0.80;position:absolute;bottom:0px;display:none;}
#mainimage_desc a{color:#FFFFFF;display:block;padding:0.5em;}
#mainimage_desc a:hover{background-color:#660000;}
#mainimage_desc strong{font-weight:normal;}

.tsuki {font-size:x-small; font-weight:normal; background-color:#ccc; padding:1px 3px; margin-left:0.5em; border-radius:0.5em;}

main{margin:auto;}
main #request {display:flex; flex-wrap: wrap; justify-content: center;}
main section:not(#event):not(#main_bottom) {
	width:100%;
	align-self: center;
	box-sizing:border-box;
	border-radius:8px 8px 0px 0px;
	border:1px solid #cccccc;
	box-shadow:0px 0px 5px 0px #cccccc;
}
main section:not(#event):not(#main_bottom):nth-last-child(-n+6) dl dd.image{display:none;}
main section:not(#event):not(#main_bottom):hover {background-color:#eeeeee;}

main section#event {max-width:1158px; box-sizing: border-box; border-top:1px dashed #cccccc;border-bottom:1px dashed #cccccc;padding:0.5em; max-width:none;}
main section#event h2 {font-size:12px;}
main section#event ul li {line-height:2em;list-style-type:none;}

main section img {max-width:100%;height:auto;margin:0;padding:0;border-radius:8px 8px 0px 0px;}
main section dd.image {line-height:0;}
main section dt.title {margin:0.7em 0.7em 0 0.7em; line-height:1.4em;}
main section dd.desc {color:#666; margin:0 0.7em 0.7em 0.7em; line-height:1.4em; height:4.2em; overflow:hidden;}
main section dd.desc a {color:#666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}

main section#main_bottom {clear:both;}
main section#main_bottom fieldset {padding:0.5em;}
main section#main_bottom fieldset legend {font-size:small;}
main section#main_bottom fieldset ul {list-style-type:none; font-size:small;}

aside {margin:0.5em;}
aside h2 {font-size:medium;font-weight:normal;margin-bottom:1em;}
aside li:hover {background-color:#eeeeee;}

address {box-sizing:border-box;}

@media screen and (max-width:425px){
#mainimage, aside{display:none;}
main section {margin:0.5em;}
}

@media screen and (min-width:426px) and (max-width:600px){
#mainimage, aside {display:none;}
main section {margin:0.5em;}
}

@media screen and (min-width:601px) and (max-width:768px){
#mainimage, aside {display:none;}

main{width:100%;}
main section {margin:1em auto;}
main section#event ul li {line-height:1em;list-style-type:disc;margin:0.3em 1.8em;}
}

@media screen and (min-width:769px) and (max-width:1247px){
#mainimage, aside {display:none;}

main section {margin:0.5em;}
main section#event ul li {line-height:1em;list-style-type:disc;margin:0.3em 1.8em;}
main section:not(#event):not(#main_bottom) {max-width:368px;}
main section:not(#event):not(#main_bottom):nth-child(-n+12) {min-height:368px}
}

@media screen and (min-width:1248px) and (max-width:1479px){
#rogo {display:none;}

#container {max-width:1130px;}
main {width:800px;float:left;}
main section {margin:0.5em;}
main section#event ul li {line-height:1em;list-style-type:disc;margin:0.3em 1.8em;}
main section:not(#event):not(#main_bottom) {max-width:48%; overflow:hidden;}
main section:not(#event):not(#main_bottom):nth-child(-n+12) {min-height:368px}
aside {display:block;}
}

@media screen and (min-width:769px) {
main section#s0 {display:none;}
}

@media screen and (max-width:1280px) {
#widget {display:none;}
}

@media screen and (min-width:1480px){
#rogo {display:none;}

#container {max-width:1480px;}
main {width:1158px;float:left;}
main section {margin:0.5em;}
main section#event ul li {line-height:1em;list-style-type:disc;margin:0.3em 1.8em;}
main section:not(#event):not(#main_bottom) {flex-basis: 370px; height:auto;}
main section:not(#event):not(#main_bottom):nth-child(-n+12) {min-height:368px}
aside {display:block;}
}