@charset "UTF-8";
@import "../../modules/new_base.css";

/* MAIN IMAGE */
div#main_image {text-align:center;padding:0.25em;margin:0.5em auto;background-color:#eeeeee;}
div#main_image img {width:100%;object-fit:contain;}

/* LIST */
div.List {margin:3em 0;border-top:0.2em solid #784478;border-bottom:0.2em solid #784478;}
div.List h2 {text-align:center;font-size:1.25em;padding:0.5em;background-color:#936293;color:#ffffff;}
div.List ul {list-style-type:none;margin:0.5em 0;padding:0;font-size:0.8em;}
div.List ul li {padding:0.25em;}
div.List ul li p {margin:0.5em;}
div.List ul li p strong {color:#cc0000;}

div.List_pic {text-align:center;}
div.List_pic a {display:block;color:#999;text-decoration: none;font-size:0.8em;}
div.List_pic img {object-fit:contain;width:80%;height:auto;display:block;margin:0 auto;}
div.List_pic a img {border:2px solid #999999;}
div.List_pic a img:hover {border:2px solid #cc0000;}

/* ___ [[ List END ] ___ */
div#Adress {text-align:center;margin:2em auto;padding:0.5em;background-color:#eeeeee;}
div#Adress h2 {color:#936293;border-bottom:2px solid #936293;}
div#Adress p {text-align:left;}
div#Adress p strong {color:#cc0000;}
div.adress_box {margin:0.5em auto;max-width:900px;text-align:center;}
div.adress_box img {object-fit:scale-down;width:90%;}


/* ==== ==== [[[ Media Queries ]]] ==== ==== ==== ==== ==== ==== */

/* ---- window size [ smartphone ] ---- ---- ---- ---- ---- ---- */
@media screen and (max-width: 699px) {
/*	div.List {}
	div.List ul {} */
	div.List ul li {background-color:#eeeeee;margin:0.5em;padding: 1em 0;}
	
/*	div.List_pic {} */
	div.List_pic a img {max-width:400px;}
}

/* ---- window size [ tablet & pc ] ---- ---- ---- ---- ---- ---- */
@media screen and (min-width: 700px) {
/*	div.List {} */
	div.List h2 {text-align:left;}
	div.List h2:before {content:"▼ ";}
	div.List ul {display:flex;justify-content:space-between;}
	div.List ul li {border-right:2px dotted #cccccc;}
	div.List ul li:last-child {border-right:none;}
	
/*	div.List_pic {} */
	div.List_pic a img {width:100%;border-radius:0.5em;}
	
	ul.form_ul li {width:calc(100% / 3);}
	ul.shop_ul li {width:calc(100% / 2);}
}

/* ---- window  [ print ] ---- ---- ---- ---- ---- ---- */
@media print {}