@charset "UTF-8";
@import url("../../../modules/new_base.css");
@import url("../../../modules/new_list.css");

body {}
div#header {}
div#bread-crumbs {}
div#main {}
div#footer {}

div#main_image {padding:0.5em;text-align:center;}
div#main_image img {width:100%;height:auto;object-fit:contain;border-radius:1em;}

div#column {}
div#column_R {}
div#column_L {}

/* - box -*/
div.box {margin:5em auto;padding:0.25em 0.5em;width:95%;}

div.box h2 {font-size:1.5em;padding:0.25em;margin-bottom:0.5em;border:0.2em solid #cc0000;color:#cc0000;}
div.box h2:before {content:"≪ ";}
div.box h2:after{content:" ≫";}
div.box h3 {border-bottom:1px dotted #666666;margin-top:2em;}

div.box_img {text-align:center;}
div.box_img img {width:100%;height: auto;object-fit:contain;}
div.box_img video {width:100%;height:auto;max-width:650px;border-radius:0.5em;}

div.box table.gallery_tb {table-layout: fixed;width:100%;}
div.box table.gallery_tb caption {font-size:0.8rem;color:#999999;}
div.box table.gallery_tb a {font-weight:bold;text-decoration:none;color:#cc0000;}
div.box table.gallery_tb a:hover {text-decoration:underline;}
div.box table.gallery_tb p {text-align:left;font-size:0.8em;}
div.box table.gallery_tb img {max-width:100%;width:300px;height:auto;object-fit:cover;aspect-ratio: 1 / 1;}
div.box table.gallery_tb ul {text-align:left;}
div.box table.gallery_tb ul li {}
div.box table.gallery_tb ul li a {display:block;}
div.box table.gallery_tb th,
div.box table.gallery_tb td {text-align:center;border:1px dashed #cccccc;vertical-align:top;}

ul.box_ul {font-size:1.3em;font-weight:bold;color:#fc5e03;}
ul.box_ul li {margin:0.5em;}

div.pdf_link {margin:2em;text-align:center;}
div.pdf_link a {
	display: block;color: green;text-decoration: none;
	padding: 0.5em 0.2em 0.5em 80px;border: 2px solid green;
	background : url(../../../modules/pdf64.png) no-repeat left center;}
div.pdf_link a:hover {
	color:red;text-decoration: underline;border:2px solid red;}
div.pdf_link a b {font-size:1.25em;}

form.contact_form {margin:1em 0;text-align:center;border:2px solid #cccccc;padding:0.5em;border-radius:0.5em;}
form.contact_form dl {margin:0.5em 0;border-bottom:1px solid #cccccc;border-top:1px solid #cccccc;text-align:left;}
form.contact_form dt {margin:0.25em 0;font-weight:bold;background-color:#cccccc;}
form.contact_form dt:before {content:"■ ";}
form.contact_form dt b {color:red;}
form.contact_form dd {margin:0.5em 0;}
form.contact_form input[type="text"] {width:100%;max-width:20em;}
form.contact_form input[type="email"] {width:100%;max-width:20em;}
form.contact_form input[type="submit"] {width:100%;max-width:20em;margin:1em auto;}
form.contact_form textarea {width:100%;height:12em;}

ul.shop_ul {list-style-type:none;margin:0;padding:0;display:flex;}
ul.shop_ul li {padding:0.1em;}
ul.shop_ul li img {width:100%;height: auto;object-fit:contain;border:2px solid #999999;}

ul.shop_nav {list-style-type:none;margin:0 auto;padding:0;width:90%;}
ul.shop_nav li {margin:0.5em 0;}
ul.shop_nav li a {display:block;}
ul.shop_nav li img {width:100%;height:auto;object-fit:contain;border:2px solid #999999;margin:auto;}

/* -- blogsns link ----- */
div.blogsns {background-color: #ffd7c0;margin:1em 0;padding:0.5em;}
div.blogsns ul {list-style-type:none;margin:0;padding:0;text-align:center;font-size:0.8rem;display:flex;}
div.blogsns ul li {width:33%;}
div.blogsns ul li a {display:block;background-color:#ffffff;border:1px solid #ecaaaa;padding:0.5em 0;}
div.blogsns ul li a:hover {background-color: #ffffcc;}

/* -- customer_message ----- */
div#customer_mes {margin:3em 2em;}
div#customer_mes h2 {font-size:2em;color:#f07777;}
div#customer_mes ul {list-style-type:none;text-align:left;margin:0;padding:0;}
div#customer_mes ul li {border-radius:1em;background-color:#ffcccc;padding:1em;margin:0.5em;}
div#customer_mes ul li p {text-indent:1em;margin:0.5em 0;font-weight:bold;font-size:1.2em;}
div#customer_mes ul li div {text-align:right;font-size:1.2em;}

/* -- column_R ----- ----- */
div#column_R {}
nav#column_nav {}
nav#column_nav h2 {background-color:#666666;color:#ffffff;text-align:center;}
nav#column_nav ol {list-style-type:none;margin:0;padding:0.5em;font-size:0.8em;}
nav#column_nav ol li {margin:0.5em 0;}
nav#column_nav ol li a {
	display:block;padding:0.5em;border:1px solid #cccccc;
	background-color:#ffffff;color:#666666;text-decoration:none;}
nav#column_nav ol li a:hover {text-decoration:underline;}

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

/* ---- window size [ smartphone ] ---- ---- ---- ---- ---- ---- */
@media screen and (max-width: 599px) {


	/* === customer_message ======= */
	div#customer_mes {}
	div#customer_mes ul {}
	div#customer_mes ul li p {font-weight:normal;font-size:0.8em;}
	div#customer_mes ul li div {font-size:0.8em;}
}

/* ---- window size [ tablet & pc ] ---- ---- ---- ---- ---- ---- */
@media screen and (min-width: 600px) and (max-width: 899px) {

}

/* ---- window size [ wide monitor ] ---- ---- ---- ---- ---- ---- */
@media screen and (min-width: 900px) {

}