@charset "utf-8";
@font-face { font-family: 'YuGothic'; src: local('Yu Gothic Medium'); font-weight: normal; }
@font-face { font-family: 'YuGothic'; src: local('Yu Gothic Bold'); font-weight: bold; }
html { font-size: 62.5%; }
body { margin: 0px; background-color: #fff; color: #000; line-height: 1.618; font-family: YuGothic, sans-serif; font-feature-settings: 'palt' 1; }
nav, article, aside, div, section, footer, address { display: block; overflow: hidden; }

@media screen and (max-width :1015px) {
body { font-size: 1.4rem; }
#navmain, #navside, #headercontact, #fixedcontactbtn, #sideinfo { display: none }
#wrapper { position: relative; }
header { margin-top: 16px; margin-bottom: 16px; position: relative; }
#headerlogo { text-align: center }
#headerlogo img { max-width: 48% }
#hamicon { position: absolute; top: 0px; right: 16px; }
#hamicon i { display: block; cursor: pointer; color: #333; }
#sidebar { background-color: #333; color: #fff; font-size: 1.3rem; }
#sidecontact { padding-right: 10px; padding-left: 10px; line-height: 1; margin-top: 16px; }
#sidecontact div { margin-bottom: 16px; }
#sidecontact a { border-radius: 4px; padding: 8px; border-style: none; color: #fff !important; display: block; background-color: #555; text-decoration: none !important; }
#sidecontact a:hover { text-decoration: none !important; background-color: #777; }
#sidecontact a.aphone:before { display: inline-block; font-family: FontAwesome; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f098"; width: 1.28571429em; text-align: center }
#sidecontact a.amail:before { display: inline-block; font-family: FontAwesome; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f0e0"; width: 1.28571429em; text-align: center }
#sidebar li { display: block; border-bottom: 1px solid #555; }
#sidebar li a { color: #fff; text-decoration: none; display: block; padding: 8px 10px; }
#sidebar li a:before { display: inline-block; font-size: 1.1rem; font-family: FontAwesome; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f054"; width: 1.28571429em; text-align: center }
#sidebar li a:hover { background-color: #444; border-right: 3px solid #f60; }
#sidebar aside { text-align: right; margin-top: 15px; margin-right: 15px; }
#sidebar a.slide-close { font-size: 1.2rem; color: #bbb; text-align: right; text-decoration: none; }
#indexcontainer { }
#container { margin-top: 24px; }
#topicpath { margin-left: 16px; margin-right: 16px; font-size: 1.3rem; margin-bottom: 32px; }
#topicpath a { color: #000; text-decoration: underline; }
#topicpath a:hover { color: #999; }
section.sec00 { margin-left: 16px; margin-right: 16px; }
section.sec08 { margin-left: 16px; margin-right: 16px; margin-bottom: 8px; }
section.sec16 { margin-left: 16px; margin-right: 16px; margin-bottom: 8px; }
section.sec24 { margin-left: 16px; margin-right: 16px; margin-bottom: 16px; }
section.sec32 { margin-left: 16px; margin-right: 16px; margin-bottom: 16px; }
section.sec40 { margin-left: 16px; margin-right: 16px; margin-bottom: 24px; }
section.sec56 {
	margin-left: 16px;
	margin-right: 16px;
	margin-bottom: 32px;
	width: 100%;
}
section.sec72 { margin-left: 16px; margin-right: 16px; margin-bottom: 40px; }
section.sec88 { margin-left: 16px; margin-right: 16px; margin-bottom: 48px; }
section.secflex00 { margin-left: 8px; margin-right: 8px; display: -webkit-flex; display: flex; }
section.secflex08 { margin-left: 8px; margin-right: 8px; margin-bottom: 8px; display: -webkit-flex; display: flex; }
section.secflex16 { margin-left: 8px; margin-right: 8px; margin-bottom: 8px; display: -webkit-flex; display: flex; }
section.secflex24 { margin-left: 8px; margin-right: 8px; margin-bottom: 16px; display: -webkit-flex; display: flex; }
section.secflex32 { margin-left: 8px; margin-right: 8px; margin-bottom: 16px; display: -webkit-flex; display: flex; }
section.secflex40 { margin-left: 8px; margin-right: 8px; margin-bottom: 24px; display: -webkit-flex; display: flex; }
section.secflex56 { margin-left: 8px; margin-right: 8px; margin-bottom: 24px; display: -webkit-flex; display: flex; }
section.secflex72 { margin-left: 8px; margin-right: 8px; margin-bottom: 32px; display: -webkit-flex; display: flex; }
section.secflex88 { margin-left: 8px; margin-right: 8px; margin-bottom: 32px; display: -webkit-flex; display: flex; }
section.secflexspacebetween { margin-left: 16px; margin-right: 16px; margin-bottom: 32px; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; }
section.secflexjustifybaseline { margin-left: 16px; margin-right: 16px; margin-bottom: 30px; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -webkit-align-items: baseline; -ms-align-items: baseline; align-items: baseline; }
.aside08 { margin-bottom: 8px; margin-left: 16px; margin-right: 16px; }
.aside16 { margin-bottom: 16px; margin-left: 16px; margin-right: 16px; }
.aside24 { margin-bottom: 24px; margin-left: 16px; margin-right: 16px; }
.aside32 { margin-bottom: 32px; margin-left: 16px; margin-right: 16px; }
.aside40 { margin-bottom: 40px; margin-left: 16px; margin-right: 16px; }
div.arrowh { text-align: center; font-size: 50px; }
div.div12 { padding-left: 8px; padding-right: 8px; padding-bottom: 24px; }
div.div12l { width: 42%; padding-left: 8px }
div.div12c { text-align: center; font-size: 4.4rem; }
div.div12r { width: 42%; padding-right: 8px }
dl.myphoto12lcr { }
dl.myphoto12lcr dd { padding-top: 10px; padding-right: 5px; padding-left: 5px; }
dl.myphoto12 { }
dl.myphoto12 dd { padding-top: 10px; padding-right: 5px; padding-left: 5px; }
div.div13 { padding-left: 8px; padding-right: 8px; padding-bottom: 24px; }
dl.myphoto13 { }
dl.myphoto13 dd { padding-top: 10px; padding-right: 5px; padding-left: 5px; }
div.div14 { padding-left: 8px; padding-right: 8px; padding-bottom: 24px; }
dl.myphoto14 { }
dl.myphoto14 dd { padding-top: 10px; padding-right: 5px; padding-left: 5px; }
li.lidl01, li.lidl02 { margin-bottom: 7px; padding-bottom: 7px; border-bottom: 1px dotted #ccc; display: block; overflow: hidden; }
li.lidl01 dl, li.lidl02 dl { }
li.lidl01 dt, li.lidl02 dt { font-weight: bold; font-size: 1.2rem; padding-right: 4px; border-right: 3px solid #ccc; width: calc(28% - 7px); float: left; clear: both; }
li.lidl01 dd, li.lidl02 dd { padding-left: 8px; float: right; width: calc(72% - 8px); }
.imglist01i, .imglist02i { text-align: center }
.imglist01i img, .imglist02i img { max-width: 100% }
.imglist01 { margin-top: 16px; }
.imglist02 { margin-top: 16px }
table.mybox01 { width: 100%; border-collapse: separate; border-spacing: 0px 10px; }
table.mybox01 th { width: 32%; padding: 8px 16px; border: 1px solid #ccc; background-color: #f0f0f0; text-align: left; font-size: 1.3rem }
table.mybox01 td { padding: 7px 15px; border: none; }
table.mybox02 { width: 100%; border-collapse: collapse; }
table.mybox02 th { width: 32%; padding: 8px 16px; border-bottom-color: #ccc; border-top-color: #ccc; border-bottom-style: solid; border-top-style: solid; border-bottom-width: 1px; border-top-width: 1px; background-color: #f0f0f0; text-align: left; font-size: 1.3rem; }
table.mybox02 td { padding: 7px 15px; border-bottom-color: #ccc; border-top-color: #ccc; border-bottom-style: solid; border-top-style: solid; border-bottom-width: 1px; border-top-width: 1px; }
table.mybox03 { width: 100%; border-collapse: separate; border-spacing: 0px 10px; }
table.mybox03 th { width: 32%; padding: 8px 16px; text-align: left; color: #fff; font-size: 1.3rem; border-style: none; border-top-left-radius: 3px; border-bottom-left-radius: 3px; }
table.mybox03 td { padding: 5px 15px; background-color: #f0f0f0; border-style: none; border-top-right-radius: 3px; border-bottom-right-radius: 3px; }
table.mybox04 { width: 100%; border-collapse: collapse; }
table.mybox04 th {
	padding: 2px;
	background-color: #f0f0f0;
	text-align: left;
	font-size: 1.2rem;
	border: 1px solid #ccc;
	width: 19%;
}
table.mybox04 td { padding: 2px; border: 1px solid #ccc; font-size: 1.2rem; }
div.mycard01 { width: 44%; max-width: 296px; border-radius: 2px; border-style: none; box-shadow: 0 2px 2px #aaa; margin: 2px; background-color: #fff; }
div.mycard01 .cardimg01 img { max-width: 100%; border-style: none; border-top-left-radius: 2px; border-top-right-radius: 2px; }
div.mycard01 .carddesc01 { padding-top: 16px; padding-right: 16px; padding-left: 16px; }
.imgmax40 { max-width: 40% }
.imgmax { max-width: 100% }
img.imgleft { clear: both; float: left; margin-right: 8%; margin-bottom: 1em; }
img.imgright { clear: both; float: right; margin-left: 8%; margin-bottom: 1em; }
.myutdiv { width: 100% }
.myut { width: 100%; position: relative; padding-top: 56.25%; }
.myut iframe { position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; border-style: none; }
.myuttitle { color: #000; font-size: 1.5rem; }
#slidecontainer { }
#indexslide { }
#indexslide img { max-width: 100% }
#indexheading { margin-top: 32px; text-align: center; margin-left: 16px; margin-right: 16px; }
#indexheading p { }
#indexbanner01 { margin-top: 24px; }
.indexbanner12 { padding-top: 24px; padding-bottom: 24px; margin-bottom: 1px; }
.indexbannerbox01 { background-image: url(../../home/img/image01.jpg); background-position: center top; }
.indexbannerbox02 { background-image: url(../../home/img/image02.jpg); background-position: center top; }
.indexbannerimg { display: none; }
.indexbannertext01 { width: 88%; margin-left: auto; margin-right: auto; }
.indexbannertitle01 { background-color: rgba(255,85,0,0.6); color: #fff; text-align: center; padding-top: 12px; padding-bottom: 8px; }
.indexbannersubtitle01e { font-size: 1.8rem; text-transform: uppercase; line-height: 1; font-family: 'Open Sans'; letter-spacing: 0.2rem; }
.indexbannersubtitle01j { font-size: 1.2rem; margin-top: 4px; }
.indexbannerdesc01 { background-color: rgba(255,255,255,0.7); padding: 12px 16px; color: #000; font-size: 1.3rem; font-weight: bold; }
.indexbannerbtn01 { text-align: center; margin-top: 16px; }
#indexbanner02 { margin-top: 24px; }
.indexbanner13 { padding-top: 24px; padding-bottom: 24px; margin-bottom: 1px; }
.indexbannerbox03 { background-image: url(../../home/img/image09.jpg); background-position: center top; }
.indexbannerbox04 { background-image: url(../../home/img/image10.jpg); background-position: center top; }
.indexbannerbox05 { background-image: url(../../home/img/image11.jpg); background-position: center top; }
.indexbannertext02 { width: 88%; margin-left: auto; margin-right: auto; }
.indexbannertitle02 { background-color: rgba(255,85,0,0.6); color: #fff; text-align: center; padding-top: 8px; padding-bottom: 8px; }
.indexbannersubtitle02j { font-size: 1.6rem; font-weight: bold; }
.indexbannersubtitle02e { font-size: 1.2rem; margin-top: 2px; text-transform: uppercase; line-height: 1; font-family: 'Open Sans'; color: #fff; }
.indexbannerdesc02 { padding: 12px 16px; color: #fff; font-weight: bold; text-align: center }
.indexbannerbtn02 { text-align: center; }
#containerindextopics { background-color: #f4f4f4; padding-top: 24px; padding-bottom: 24px; margin-top: 24px }
#indextopics { margin-left: 16px; margin-right: 16px; }
.indextopics { display: block; overflow: hidden; background-color: #fff; margin-bottom: 8px; }
.indextopics dl { }
.indextopics dt { background-color: #f50; color: #fff; padding-left: 8px; }
.indextopics dd { padding: 8px; }
section.indexsec { margin-top: 32px; }
.indexitems { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin-left: 8px; margin-right: 8px; }
.indexitem { width: calc(50% - 16px); padding-left: 8px; padding-right: 8px; margin-bottom: 24px; }
.indexitemimg img { max-width: 100% }
.indexitemdesc { margin-top: 8px; }
.indexitembtn { text-align: center; margin-top: 8px; }
.indexitembtn img { max-width: 80% }
#containerpagetitle { background-color: #200000; background-image: url(../img/backpagetitlemob.jpg); background-repeat: no-repeat; background-position: left top; background-size: cover; padding-top: 24px; padding-bottom: 24px; }
#pagetitle { text-align: center; text-shadow: 1px 1px 2px #210600; }
#pagetitlee { color: #fff; font: 600 2.6rem 'Open Sans'; text-transform: uppercase; padding-top: 0px; }
#pagetitlee:first-letter { font-size: 3.2rem; }
#pagetitlej { color: #fff; font-size: 1.4rem; }
#containerfooter { background-color: #ededed; }
footer { margin-top: 32px; margin-right: 16px; margin-left: 16px; }
#navfooter ul { -webkit-flex-wrap: wrap; flex-wrap: wrap; display: -webkit-flex; display: flex; -webkit-justify-content : space-around; justify-content : space-around; }
#navfooter li { display: block; padding: 2px; font-size: 1.3rem; text-align: center; width: 44%; background-color: #fff; border: 1px solid #ccc; margin-bottom: 8px; }
#navfooter a { color: #555; text-decoration: none; }
#footerdesc { text-align: center; padding-top: 32px; }
#containercopyright { background-color: #000; color: #fff; text-align: center; font-size: 1.1rem; padding-top: 8px; padding-bottom: 8px; }
#pt a { color: #f50 }
#pt a:hover { color: #f80 }
.ddtitle { display: block; margin-bottom: 12px; border-style: none; padding: 2px 8px; color: #fff; background-color: #333; }
.backflow { background-image: url(../img/backflow.png); background-repeat: no-repeat; background-position: 16px 80px; }
h2 { margin: 0px; font-size: 1.8rem; }
h2.h201 { font: 600 2.3rem/1.1 'Open Sans'; text-transform: uppercase; margin-bottom: 32px; padding-bottom: 32px; background-image: url(../img/backh201.png); background-repeat: no-repeat; background-position: center bottom; letter-spacing: 0.2rem; }
h2.h202 { text-align: center; margin-bottom: 24px; }
h2.h202 .h202e { font: 600 2rem/1.1 'Open Sans'; text-transform: uppercase; letter-spacing: 0.2rem; display: block; }
h2.h202 .h202j { font-size: 1.2rem;}
h2.h203 { text-align: center; margin-bottom: 24px; }
h2.h203 .h203j { font-size: 1.8rem; line-height: 1.3; display: block; }
h2.h203 .h203e { font-size: 1.1rem; display: block; margin-top: 8px; color: #f50; font-weight: normal; }
h3 { margin-top: 0px; margin-bottom: 16px; font-size: 1.6rem; border-bottom: 2px solid #f50; padding-bottom: 8px; }
.f11 { font-size: 1.1rem; }
.f12 { font-size: 1.2rem; }
.f13 { font-size: 1.2rem; }
.f14 { font-size: 1.4rem; }
.f16 { font-size: 1.4rem; }
.f18 { font-size: 1.6rem; }
.f20 { font-size: 1.6rem; }
.f24 { font-size: 2rem; }
.f32 { font-size: 2.8rem; }
.f40 { font-size: 4rem; }
.f48 { font-size: 4.8rem; }
.f56 { font-size: 5.6rem; }
div.div13, div.div14 { width: 44% }
}

@media screen and (min-width :1016px) {
body { font-size: 1.6rem; }
#hamicon, #sidebar { display: none; }
header { width: 984px; margin-left: auto; margin-right: auto; height: 110px; overflow: visible }
#headerlogo { width: 208px; height: 110px; float: left; clear: both; }
#navmain {
	float: left;
	height: 60px;
	margin-left: 40px;
	margin-top: 24px;
	width: 494px;
	overflow: visible;
	background-image: url(../img/backnavmain.png);
	background-repeat: no-repeat;
	z-index: 3000;
}
#navmain strong, #navmain em { display: none; }
#navmain ul.dropnav > li {
	display: block;
	float: left;
	height: 60px;
	overflow: visible;
	z-index: 30000;
}
#navmain ul.dropnav > li > a { display: block; height: 60px }
#nav01, #nav01on, #nav01 a { width: 86px }
#nav01 a { background-image: url(../img/nav01.png); background-repeat: no-repeat; }
#nav01on, #nav01 a:hover { background-image: url(../img/nav01on.png); }
#nav02, #nav02on { width: 102px; }
#nav02 { background-image: url(../img/nav02.png); background-repeat: no-repeat; }
#nav02on, #nav02:hover { background-image: url(../img/nav02on.png); background-repeat: no-repeat; }
#nav03, #nav03on { width: 57px; }
#nav03 { background-image: url(../img/nav03.png); background-repeat: no-repeat; }
#nav03on, #nav03:hover { background-image: url(../img/nav03on.png); background-repeat: no-repeat; }
#nav04, #nav04on, #nav04 a { width: 125px; }
#nav04 a { background-image: url(../img/nav04.png); background-repeat: no-repeat; }
#nav04on, #nav04 a:hover { background-image: url(../img/nav04on.png); background-repeat: no-repeat; }
#nav02, #nav02on, #nav03, #nav03on, #nav04, #nav04on { margin-left: 41px }
.dropnav { position: relative; }
ul.dropnav_second-level { visibility: hidden; opacity: 0; z-index: 1; }
.dropnav_second-level li { display: block; width: 80px; text-align: center }
.dropnav_second-level li a { display: block; background-color: #333; padding: 8px; color: #fff; text-decoration: none; width: 80px; font-size: 1.1rem; }
.dropnav_second-level li a:hover { background-color: #777; }
.dropnav:before, .dropnav:after { content: " "; display: table; }
.dropnav:after { clear: both; }
.dropnav { *zoom: 1;
}
.dropnav > li.dropnav_single { position: relative; }
li.dropnav_single ul.dropnav_second-level { position: absolute; top: 52px; left: 50%; margin-left: -45px; width: 80px; -webkit-transition: all .2s ease; transition: all .2s ease; }
li.dropnav_single:hover ul.dropnav_second-level { top: 60px; visibility: visible; opacity: 1; }
#headercontact { float: right; padding-left: 31px; height: 86px; padding-right: 28px; border-right: 1px solid #e0e0e0; border-left: 1px solid #e0e0e0; padding-top: 24px; max-width: 181px; }
#headerphone { background-image: url(../img/backheaderphone.png); background-repeat: no-repeat; background-position: left center; min-height: 1.6rem; font-size: 2rem; font-weight: bold; padding-left: 17px; white-space: nowrap; }
#headeraddress { font-size: 1.1rem; color: #999; line-height: 1.4; }
#indexcontainer { width: 1016px; margin-left: auto; margin-right: auto; }
#container { width: 1016px; margin-left: auto; margin-right: auto; margin-top: 40px; }
div#container\ shop{width: 1320px; margin-left: auto; margin-right: auto; margin-top: 40px; }
article#maincontents { width: 732px; float: right; clear: both; }
#sideinfo { width: 252px; margin-right: 32px; float: left; }
section.sec00 { width: 700px; margin-left: 16px; margin-right: 16px; }
section.sec08 { width: 700px; margin-left: 16px; margin-right: 16px; margin-bottom: 8px; }
section.sec16 { width: 700px; margin-left: 16px; margin-right: 16px; margin-bottom: 16px; }
section.sec24 { width: 700px; margin-left: 16px; margin-right: 16px; margin-bottom: 24px; }
section.sec32 { width: 700px; margin-left: 16px; margin-right: 16px; margin-bottom: 32px; }
section.sec40 { width: 700px; margin-left: 16px; margin-right: 16px; margin-bottom: 40px; }
section.sec56 { width: 700px; margin-left: 16px; margin-right: 16px; margin-bottom: 56px; }
section.sec72 { width: 700px; margin-left: 16px; margin-right: 16px; margin-bottom: 72px; }
section.sec88 { width: 700px; margin-left: 16px; margin-right: 16px; margin-bottom: 88px; }
section.secflex00 { width: 732px; display: -webkit-flex; display: flex; }
section.secflex08 { width: 732px; margin-bottom: 08px; display: -webkit-flex; display: flex; }
section.secflex16 { width: 732px; margin-bottom: 16px; display: -webkit-flex; display: flex; }
section.secflex24 { width: 732px; margin-bottom: 24px; display: -webkit-flex; display: flex; }
section.secflex32 { width: 732px; margin-bottom: 32px; display: -webkit-flex; display: flex; }
section.secflex40 { width: 732px; margin-bottom: 40px; display: -webkit-flex; display: flex; }
section.secflex56 { width: 732px; margin-bottom: 56px; display: -webkit-flex; display: flex; }
section.secflex72 { width: 732px; margin-bottom: 72px; display: -webkit-flex; display: flex; }
section.secflex88 { width: 732px; margin-bottom: 88px; display: -webkit-flex; display: flex; }
.aside08 { width: 236px; margin-bottom: 8px; margin-left: 16px; }
.aside16 { width: 236px; margin-bottom: 16px; margin-left: 16px; }
.aside24 { width: 236px; margin-bottom: 24px; margin-left: 16px; }
.aside32 { width: 236px; margin-bottom: 32px; margin-left: 16px; }
.aside40 { width: 236px; margin-bottom: 40px; margin-left: 16px; }
div.arrowh { text-align: center; font-size: 7.2rem; width: 700px; }
div.div12 { width: 334px; padding-left: 16px; padding-right: 16px; padding-bottom: 32px; }
div.div12l { width: 304px; margin-left: 16px; }
div.div12c { width: 92px; text-align: center; font-size: 7.2rem; }
div.div12r { width: 304px; margin-right: 16px; }
dl.myphoto12 { width: 334px; }
dl.myphoto12 dd { width: 324px; padding-top: 10px; padding-right: 5px; padding-left: 5px; }
dl.myphoto12lcr { width: 304px; }
dl.myphoto12lcr dd { width: 294px; padding-top: 10px; padding-right: 5px; padding-left: 5px; }
div.div13 { width: 212px; padding-left: 16px; padding-right: 16px; padding-bottom: 32px; }
dl.myphoto13 { width: 212px; }
dl.myphoto13 dd { width: 202px; padding-top: 10px; padding-right: 5px; padding-left: 5px; }
div.div14 { width: 151px; padding-left: 16px; padding-right: 16px; padding-bottom: 32px; }
dl.myphoto14 { width: 151px; }
dl.myphoto14 dd { width: 141px; padding-top: 10px; padding-right: 5px; padding-left: 5px; }
.imglist01i { width: 212px; float: left; clear: both; }
.imglist01 { width: 456px; margin-left: 32px; float: right; }
.imglist02i { width: 212px; float: right; clear: both; }
.imglist02 { width: 456px; margin-right: 32px; float: left; }
li.lidl01 { width: 700px; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #ccc; display: block; overflow: hidden; }
li.lidl01 dl { width: 700px; }
li.lidl01 dt { clear: both; float: left; width: 151px; padding-right: 15px; font-weight: bold; }
li.lidl01 dd { float: right; width: 516px; padding-left: 14px; border-left: 3px solid #ccc; }
li.lidl02 { width: 456px; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #ccc; display: block; overflow: hidden; }
li.lidl02 dl { width: 456px; }
li.lidl02 dt { clear: both; float: left; width: 104px; padding-right: 15px; font-weight: bold; }
li.lidl02 dd { float: right; width: 320px; padding-left: 14px; border-left: 3px solid #ccc; }
table.mybox01 { width: 700px; border-collapse: separate; border-spacing: 0px 10px; }
table.mybox01 th { width: 160px; padding: 8px 16px; border: 1px solid #ccc; background-color: #f0f0f0; text-align: left; font-size: 1.3rem }
table.mybox01 td { padding: 8px 16px; border: none; }
table.mybox02 { width: 700px; border-collapse: collapse; }
table.mybox02 th { width: 160px; padding: 8px 16px; border-bottom-color: #ccc; border-top-color: #ccc; border-bottom-style: solid; border-top-style: solid; border-bottom-width: 1px; border-top-width: 1px; background-color: #f0f0f0; text-align: left; font-size: 1.3rem; }
table.mybox02 td { padding: 8px 16px; border-bottom-color: #ccc; border-top-color: #ccc; border-bottom-style: solid; border-top-style: solid; border-bottom-width: 1px; border-top-width: 1px; }
table.mybox03 { width: 700px; border-collapse: separate; border-spacing: 0px 10px; }
table.mybox03 th { width: 160px; padding: 8px 16px; text-align: left; color: #fff; font-size: 1.3rem; border-style: none; border-top-left-radius: 3px; border-bottom-left-radius: 3px; }
table.mybox03 td { padding: 8px 16px; background-color: #f0f0f0; border-style: none; border-top-right-radius: 3px; border-bottom-right-radius: 3px; }
table.mybox04 { width: 700px; border-collapse: collapse; }
table.mybox04 th { padding: 8px 16px; background-color: #f0f0f0; text-align: left; font-size: 1.3rem; border: 1px solid #ccc; }
table.mybox04 td { padding: 8px 16px; border: 1px solid #ccc; }
div.mycard01 { width: 208px; border-radius: 2px; border-style: none; box-shadow: 0 2px 2px #aaa; margin: 2px; background-color: #fff; }
div.mycard01 .cardimg01 img { max-width: 100%; border-style: none; border-top-left-radius: 2px; border-top-right-radius: 2px; }
div.mycard01 .carddesc01 { padding-top: 16px; padding-right: 16px; padding-left: 16px; }
#topicpath { width: 984px; font-size: 1.3rem; margin-bottom: 32px; margin-left: 16px; margin-right: 16px; }
#topicpath a { color: #000; text-decoration: underline; }
#topicpath a:hover { color: #999; }
#slidecontainer { height: 620px; position: relative; }
#indexslide { width: 1560px; position: absolute; top: 0px; left: 50%; margin-left: -780px; }
#indexheading { margin-top: 72px; text-align: center; }
#indexheading p { font-size: 1.8rem; line-height: 2 }
#indexbanner01 { width: 1280px; margin-left: auto; margin-right: auto; margin-top: 40px; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; }
.indexbanner12 { width: 640px; height: 328px; position: relative; }
.indexbannertext01 { position: absolute; top: 64px; bottom: 32px; left: 148px; right: 148px; }
.indexbannertitle01 { background-color: rgba(255,85,0,0.6); color: #fff; text-align: center; padding-top: 12px; padding-bottom: 8px; }
.indexbannersubtitle01e { font-size: 2.4rem; text-transform: uppercase; line-height: 1; font-family: 'Open Sans'; letter-spacing: 0.5rem; }
.indexbannersubtitle01j { font-size: 1.2rem; margin-top: 4px; }
.indexbannerdesc01 { background-color: rgba(255,255,255,0.7); padding-top: 12px; padding-right: 16px; padding-left: 16px; color: #000; font-weight: bold; height: 88px; font-size: 1.4rem; }
.indexbannerbtn01 { text-align: center; margin-top: 24px; }
#indexbanner02 { width: 1278px; margin-left: auto; margin-right: auto; margin-top: 88px; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; }
.indexbanner13 { width: 426px; height: 255px; position: relative; }
.indexbannertext02 { position: absolute; top: 0px; left: 0px; right: 0px; background-image: url(../img/backf50triangle.png); background-repeat: no-repeat; background-position: center top; }
.indexbannertitle02 { color: #fff; text-align: center; padding-top: 8px; }
.indexbannersubtitle02j { font-size: 1.8rem; }
.indexbannersubtitle02e { font-size: 1.2rem; margin-top: 2px; text-transform: uppercase; line-height: 1; font-family: 'Open Sans'; color: rgba(143,32,33,1.00); }
.indexbannerdesc02 { margin-top: 36px; color: #fff; margin-left: 32px; margin-right: 32px; text-align: center; font-size: 1.5rem; height: 96px }
.indexbannerbtn02 { text-align: center; margin-top: 16px; }
#containerindextopics { background-color: #f4f4f4; padding-top: 56px; padding-bottom: 40px; }
#indextopics { width: 984px; margin-left: auto; margin-right: auto; }
.indextopics { width: 984px; display: block; overflow: hidden; background-color: #fff; height: 35px; margin-bottom: 16px; }
.indextopics dl { width: 984px; }
.indextopics dt { background-color: #f50; float: left; clear: both; height: 29px; width: 88px; color: #fff; padding-left: 16px; padding-top: 6px; }
.indextopics dd { background-image: url(../img/backindextopicsdd.png); background-repeat: no-repeat; background-position: left center; height: 29px; width: 848px; padding-left: 32px; float: right; padding-top: 6px; }
section.indexsec { width: 1016px; margin-top: 80px; }
.indexitems { width: 1016px; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.indexitem { width: 306px; padding-left: 16px; padding-right: 16px; }
.indexitemimg { }
.indexitemdesc { margin-top: 12px; }
.indexitembtn { text-align: center; margin-top: 16px; }
#containerpagetitle { background-color: #200000; background-image: url(../img/backpagetitle.jpg); background-repeat: no-repeat; background-position: center top; height: 320px; }
#pagetitle { width: 984px; margin: 40px auto 32px; }
#pagetitlee { color: #fff; text-align: center; font: 600 5.6rem 'Open Sans'; padding-left: 440px; text-transform: uppercase; padding-top: 56px; }
#pagetitlee:first-letter { font-size: 6.4rem; }
#pagetitlej { color: #fff; text-align: center; padding-left: 440px; font-size: 2rem; }
#containerfooter { background-color: #ededed; }
footer { width: 984px; margin: 40px auto 32px; }
#navfooter { border-bottom: 1px solid #dcdcdc; padding-bottom: 32px; text-align: center; }
#navfooter li { display: inline-block; padding-left: 8px; padding-right: 8px; font-size: 1.3rem; }
#navfooter a { color: #555; }
#footerdesc { border-top: 1px solid #fff; text-align: center; padding-top: 40px; }
#containercopyright { background-color: #000; color: #fff; text-align: center; font-size: 1.1rem; padding-top: 8px; padding-bottom: 8px; }
#pt a { color: #f50 }
#pt a:hover { color: #f80 }
#fixedcontactbtn {
	width: 80px;
	height: 181px;
	position: fixed;
	top: 176px;
	right: 0px;
	z-index: 5000;
}
.ddtitle { display: block; margin-bottom: 12px; border-style: none; padding: 2px 8px; color: #fff; background-color: #333; }
.backflow { background-image: url(../img/backflow.png); background-repeat: no-repeat; background-position: 16px 80px; }
h2 { margin: 0px; font-size: 1.8rem; }
h2.h201 { font: 600 3rem/1.1 'Open Sans'; text-transform: uppercase; margin-bottom: 32px; padding-bottom: 32px; background-image: url(../img/backh201.png); background-repeat: no-repeat; background-position: center bottom; letter-spacing: 0.5rem; }
h2.h202 { text-align: center; margin-bottom: 32px; }
h2.h202 .h202e { font: 600 3rem/1.1 'Open Sans'; text-transform: uppercase; letter-spacing: 0.5rem; }
h2.h202 .h202j { font-size: 1.2rem; margin-left: 16px; }
h2.h203 { text-align: center; margin-bottom: 32px; }
h2.h203 .h203j { font-size: 3rem; line-height: 1.3; letter-spacing: 0.7rem; display: block; }
h2.h203 .h203e { font-size: 1.1rem; display: block; margin-top: 8px; color: #f50; font-weight: normal; }
h3 { margin-top: 0px; margin-bottom: 16px; font-size: 1.7rem; border-bottom: 2px solid #f50; padding-bottom: 8px; }
h3:first-letter { font-size: 2.2rem; }
.f11 { font-size: 1.1rem; }
.f12 { font-size: 1.2rem; }
.f13 { font-size: 1.3rem; }
.f14 { font-size: 1.4rem; }
.f16 { font-size: 1.6rem; }
.f18 { font-size: 1.8rem; }
.f20 { font-size: 2rem; }
.f24 { font-size: 2.4rem; }
.f32 { font-size: 3.2rem; }
.f40 { font-size: 4rem; }
.f48 { font-size: 4.8rem; }
.f56 { font-size: 5.6rem; }
}
h1 { margin: 0px; font-size: 1.4rem; font-weight: normal; display: none; }
h4 { margin: 0px; font-size: 1.4rem; color: #f60; }
h5 { margin-top: 0px; margin-bottom: 10px; font-size: 1.2rem; color: #fff; font-weight: normal; padding: 4px 8px; background-color: #000; }
p { margin-top: 0px; margin-bottom: 1.618em; }
p.indent { text-indent: 1em; }
a:link { color: #f50; }
a:hover { color: #f90; }
ol { padding: 0px 0px 0px 1em; list-style: decimal outside; margin: 0px 0px 0px 1em; }
ul { margin: 0px; padding: 0px; list-style: none; }
ul.mylist01 li { padding-left: 12px; position: relative; margin-bottom: 10px; }
ul.mylist01 li:before { position: absolute; font: 8px 'FontAwesome'; left: 0px; top: 7px; content: "\f0c8"; color: #ccc; }
dl, dt, dd { margin: 0px; display: block; overflow: hidden; }
img { border-style: none; vertical-align: middle; }
label { cursor: pointer; }
form { margin: 0px; padding: 0px; }
input[type="text"], input[type="password"], textarea, select { font-size: 1.4rem; padding: 5px; border: 2px solid #ddd; border-radius: 4px; transition: 0.2s; font-family: YuGothic, sans-serif; }
input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus { border-color: #66b3ff; }
input[type="submit"], input[type="reset"], input[type="button"], button { transition: 0.3s; background-color: #2196f3; color: #fff; text-decoration: none; padding: 8px 16px; font: 1.3rem/1 YuGothic, sans-serif; cursor: pointer; border-style: none; border-radius: 2px; white-space: nowrap; }
input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, button:hover { background-color: #1976d2; }
address { display: block; overflow: hidden; font-style: normal; }
hr.hr01 { border: 0; height: 1px; background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.75), rgba(0,0,0,0)); background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.75), rgba(0,0,0,0)); background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.75), rgba(0,0,0,0)); background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.75), rgba(0,0,0,0)); margin-bottom: 40px; margin-top: 0px; }
hr.hr02 { margin-bottom: 40px; border-left-style: none; border-right-style: none; border-bottom-style: none; border-top: 1px solid #ccc; margin-top: 0px; }
.secflex { display: -webkit-flex; display: flex; }
.flexwrap { -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.flexspacebetween { -webkit-justify-content: space-between; justify-content: space-between; }
.flexspacearound { -webkit-justify-content : space-around; justify-content : space-around; }
.flexcenter { -webkit-justify-content : center; justify-content : center; }
.flexaligncenter { -webkit-align-items: center; align-items: center; }
.flexalignbaseline { -webkit-align-items: baseline; align-items: baseline; }
img.imgleft { clear: both; float: left; margin-right: 48px; margin-bottom: 2em; }
img.imgright { clear: both; float: right; margin-left: 48px; margin-bottom: 2em; }
.formli { display: block; background-color: #faf9f4; margin-bottom: 20px; border-style: none; border-radius: 10px; padding-top: 20px; padding-bottom: 20px; }
.formli dt {
	border-left: 4px solid #427fed;
	padding-left: 4px;
	line-height: 1.2;
	font-weight: bold;
	font-size: 1.3rem;
	margin-left: 3%;
	margin-right: 3%;
	padding-top: 5px;
}
.formli dd { margin-left: 3%; margin-right: 3%; margin-top: 15px; }
.formmust { color: #fff; font-weight: normal; font-size: 1.1rem; line-height: 1; padding: 2px 4px; border-radius: 4px; border-style: none; background-color: #f50; display: inline-block; }
.w97p { width: 95% }
.w64p { width: 64% }
.w48p { width: 48% }
.w32p { width: 32% }
li.dllist { display: block; border-bottom: 1px solid #ccc; overflow: hidden; margin-bottom: 7px; padding-bottom: 7px; }
li.dllist dl { }
li.dllist dt { clear: both; float: left; padding-left: 5px; padding-right: 15px; text-align: right; }
li.dllist dd { margin: 0px; float: right; padding-left: 17px; border-left: 3px solid #b5daff; padding-right: 5px; }
ul#autolink li, ul#manuallink li { font-size: 1.4rem }
ul#autolink li.index, ul#manuallink li.index { margin-bottom: 8px; padding-bottom: 8px; border-bottom: 1px dotted #ccc; padding-left: 20px; padding-right: 4px; position: relative; }
ul#autolink li.index:before, ul#manuallink li.index:before { position: absolute; font-family: 'FontAwesome'; left: 4px; top: 0px; content: "\f138" }
ul#autolink li.subindex, ul#manuallink li.subindex { margin-bottom: 8px; padding-bottom: 8px; border-bottom: 1px dotted #ccc; padding-left: 20px; padding-right: 4px; position: relative }
ul#autolink li.subindex:before, ul#manuallink li.subindex:before { position: absolute; font-family: 'FontAwesome'; left: 12px; top: 0px; content: "\f0da" }
ul#autolink a, ul#manuallink a { display: block; text-decoration: none; color: #000; }
ul#autolink a:hover, ul#manuallink a:hover { color: #999 }
.mt00 { margin-top: 0px; }
.mt08 { margin-top: 8px; }
.mt16 { margin-top: 16px; }
.mt24 { margin-top: 24px; }
.mt32 { margin-top: 32px; }
.mt40 { margin-top: 40px; }
.mt56 { margin-top: 56px; }
.mt72 { margin-top: 72px; }
.mt88 { margin-top: 88px; }
.mb00 { margin-bottom: 00px; }
.mb08 { margin-bottom: 08px; }
.mb16 { margin-bottom: 16px; }
.mb24 { margin-bottom: 24px; }
.mb32 { margin-bottom: 32px; }
.mb40 { margin-bottom: 40px; }
.mb56 { margin-bottom: 56px; }
.mb72 { margin-bottom: 72px; }
.mb88 { margin-bottom: 88px; }
dl.dl01 { width: 142px; float: right; margin-left: 37px; }
dl.dl01 dt { width: 142px; }
dl.dl01 dd { width: 142px; margin-top: 15px; }
div.seccolor01 { border: 1px solid #ccc; padding-top: 16px; padding-right: 16px; padding-left: 16px; }
div.seccolor02 { border: 5px solid #b13b00; padding-top: 16px; padding-right: 16px; padding-left: 16px; }
div.seccolor03 { padding-top: 16px; padding-right: 16px; padding-left: 16px; background-color: #efebdc; }
dl.myfaq dt { position: relative; color: #fff; padding: 8px 16px 8px 36px; line-height: 1.1; border-style: none; border-top-left-radius: 3px; border-top-right-radius: 3px; }
dl.myfaq dt:before { position: absolute; font-family: 'FontAwesome'; left: 16px; top: 10px; content: "\f059" }
dl.myfaq dd { position: relative; padding: 16px 16px 16px 36px; border-left: 1px solid #ccc; border-right-style: solid; border-bottom: 1px solid #ccc; border-top-style: none; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-right-width: 1px; border-right-color: #ccc; }
dl.myfaq dd:before { position: absolute; font-family: 'FontAwesome'; left: 16px; top: 16px; content: "\f0a4" }
table.mybox03 th, dl.myfaq dt { background-color: #471800; }
img.hovimg:hover { opacity: 0.7; filter: alpha(opacity=70); }
img.hovimg { transition: .3s; }
img.hovimg:hover { opacity: .7; filter: alpha(opacity=70); }
a.mybtn00 { display: inline-block; line-height: 1.1; color: #fff; text-decoration: none; background-color: #f50; padding: 5px 3px; border-style: none; border-radius: 3px; font-size: 1.1rem; transition: .3s; white-space: nowrap; }
a.mybtn00:hover { background-color: #f90; }
a.mybtn01 { display: inline-block; line-height: 1.1; color: #fff; text-decoration: none; background-color: #f50; padding: 6px 14px; border-style: none; border-radius: 3px; font-size: 1.2rem; transition: .3s; white-space: nowrap; }
a.mybtn01:hover { background-color: #f90; }
a.mybtn02 { transition: .4s; display: inline-block; color: #0066c0; text-decoration: none; line-height: 1; padding: 1.618rem 3.303rem; border: 3px solid #0066c0; font-weight: bold; white-space: nowrap; }
a.mybtn02:hover { border-color: #309eff; color: #309eff; }
a.mybtn03 { display: inline-block; }
a.mybtn03 img { transition: .3s; }
a.mybtn03:hover img { opacity: .7; filter: alpha(opacity=70); }
.ff50 { color: #f50 }
.tal { text-align: left !important }
.tac { text-align: center !important; }
.tar { text-align: right !important }
div.ofv, section.ofv { overflow: visible !important }
#pt { text-align: right; position: fixed; bottom: 15px; right: 15px; display: none; }
#pt span { background-image: url(../img/backpt.png); background-repeat: no-repeat; background-position: center center; }
.myuttitle { color: #000; font-size: 1.6rem; }
div.div12 img, div.div12l img, div.div12r img, div.div13 img, div.div14 img, .imglist01i img, .imglist02i img { max-width: 100% !important }
#wrapper img { height: auto !important }
#lightbox { background-color: #fff; padding: 15px 15px 35px; border: 1px solid #666; border-radius: 10px; }
#lightboxCaption { color: #333; font-size: 1.3rem; text-align: center; padding-top: 10px; }
#lightboxIndicator { border: 1px solid #fff; }
#lightboxOverallView, #overlay { background-color: #000; opacity: 0.8; }
* html #lightboxOverallView, * html #overlay { background-color: #000; filter: Alpha(opacity=80); }

#top_img_area {
	text-align: center;
}
@media screen and (max-width :1015px) {
	#top_img_area {
		margin: auto 3%;
	}
	#top_img_area img {
		width: 100%;
		height: auto;
	}
}