/* Styles */
/* Page Defults */
body{font-weight:bold;margin: 0;font-family: YuGothic, 'ŸàƒSƒVƒbƒN', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif; text-align:center; font-size:1.0em;}
.draw{height:0;}
.drawer-menu-item{text-align:left;}
a img:hover{ filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; }

img{
    max-width: 100%;
}

@media (min-width: 1px) {
	header{display:block;}
	.satellite_pc{display:none; }
	.satellite_sm{display:block; margin:0; width:100%; background-color:; height:320px;}
	.hiromas_logo{width:80%; margin:10px 10%;}
	.contents{width:100%; margin:0 auto;}
	.contents2{width:90%; margin:0 auto;}
	.nav{display:none;}
	.shoplist{width:100%; margin:25px 0%; float:left; font-weight:bold; font-size:2.0em; color:#000;}
	.shoplist2{width:48%; margin:1%;}
	.ichiran{font-weight:bold; font-size:1.8em; margin:50px 0 20px;}
	.footer_link{font-weight:bold; font-size:1.2em; color:#000;}
	.catch_text{text-align:center; font-size:1.7em; font-weight:bold; margin-top:40px; line-height:2.0em; margin-bottom:20px;}
	.catch_text2{text-align:center; font-size:1.2em; font-weight:bold; margin-top:5px; line-height:2.0em; margin-bottom:20px;}
	.catch_text3{text-align:center; font-size:1.2em; font-weight:bold; margin-top:5px; line-height:2.0em;}

	.hr_width{width:90%;}
	.drawer-brand{font-size:1.4em; font-weight:bold; background-color:#c8161d;}
	.tenpo_ichiran{font-size:1.4em; font-weight:bold; background-color:#999;}
	.service_img{float:left; width:48%; margin:1%; background-color:; font-size:1.35em;}
	.footer_icon{font-size:6.9em; margin:10px;}
}
@media (min-width: 768px) {
	header{display:none;}
	.satellite_pc{display:none; }
	.satellite_sm{display:block; margin:0; width:100%; background-color:; height:510px;}
	.hiromas_logo{width:33%; margin:10px 33%;}
	.contents{width:100%; margin:0 auto; background-color:#fff;}
	.contents2{width:90%; margin:0 auto;}
	.nav{display:block; float:left; width:100%; background-color:#b41017;}
	.shoplist{width:29%; margin:2.1%; float:left; font-weight:bold; font-size:1.45em; color:#000;}
	.shoplist2{width:30%; margin:0%;}
	.ichiran{font-weight:bold; font-size:1.8em; margin:50px 0 20px;}
	.footer_link{font-weight:bold; font-size:1.2em; color:#000;}
	.catch_text{text-align:center; font-size:1.7em; font-weight:bold; margin-top:40px; line-height:2.0em;}
	.catch_text2{text-align:center; font-size:1.3em; font-weight:normal; margin-top:10px; line-height:2.0em;}
	.catch_text3{text-align:center; font-size:1.4em; font-weight:bold; margin-top:10px; line-height:2.0em;}

	.hr_width{width:100%;}
	.drawer-brand{font-size:1.4em; font-weight:bold; background-color:#c8161d;}
	.tenpo_ichiran{font-size:1.4em; font-weight:bold;}
	.service_img{float:left; width:21%; margin:2%; background-color:; font-size:1.35em;}
	.footer_icon{font-size:3.5em; margin:30px;}
}

@media (min-width: 1300px) {
	header{display:none;}
	.satellite_pc{display:none; }
	.satellite_sm{display:block; margin:0; width:100%; background-color:; height:510px;}
	.hiromas_logo{width:300px; margin:30px 0 40px;}
	.contents{width:100%; margin:0 auto; background-color:#fff;}
	.contents2{width:1100px; margin:0 auto 55px;}
	.nav{display:block; float:left; width:100%; background-color:#b41017;}
	.shoplist{width:28%; margin:2.6%; float:left; font-weight:bold; font-size:1.5em; color:#000;}
	.shoplist2{width:30%; margin:0%;}
	.ichiran{font-weight:bold; font-size:1.9em; margin:50px 0 20px;}
	.footer_link{font-weight:bold; font-size:1.2em; color:#000;}
	.catch_text{text-align:center; font-size:1.7em; font-weight:bold; margin-top:40px; line-height:1.8em;}
	.catch_text2{text-align:center; font-size:1.3em; font-weight:bold; margin-top:-5px; line-height:1.8em;}
	.catch_text3{text-align:center; font-size:1.4em; font-weight:normal; margin-top:-5px; line-height:1.8em;}
	.hr_width{width:70%;}
	.drawer-brand{font-size:1.4em; font-weight:bold; background-color:#c8161d;}
	.tenpo_ichiran{font-size:1.4em; font-weight:bold;}
	.service_img{float:left; width:21%; margin:2%; background-color:; font-size:1.35em;}
	.footer_icon{font-size:3.5em; margin:30px;}

}


.drawer-menu{text-decoration: none;}
a.drawer-menu-item{text-decoration: none;}
.top_button{display:block; float:left; width:100%; font-size:1.5em; letter-spacing:0.1em; padding:6px; text-align:center; border:0px solid; border-color:#f00; background-color:#b41017; color:#fff; text-decoration:none; margin:0; font-weight:bold;}
.top_button:hover{color:#ff0;}
.top_button2{display:block; float:left; width:100%; font-size:1.6em; letter-spacing:0.1em; padding:6px; text-align:center; border:0px solid; border-color:#f00; background-color:#b41017; color:#fff; text-decoration:none; margin:0; font-weight:bold;box-sizing: border-box;}
.top_button2:hover{color:#ff0;}
.shoplist:hover{color:#c8161d;}
.shoplist2:hover{color:#c8161d;}
.shoplist span{line-height:0.1em;}

.explanation{font-size:1.6em; color: #000; margin:-15px auto 10px;}

#page-top {position: fixed; bottom: 20px; right: 20px;}
#page-top a {background: #000; text-decoration: none; color: #fff; width: 60px; padding: 10px 0; text-align: center; display: block; }
#page-top a:hover {text-decoration: none; background: #999;}


}



.accordion_center dt {
    cursor:pointer;
    background-repeat: no-repeat;
    background-position: 350px center;
    border:solid 1px #ccc;
    padding:15px;
    font-size:26px;
	border: 1px solid #000;
}

#accordion dd{
    display:none;
}

.accordion_center dd{
    
    font-size:14px;
    line-height:140%;
    margin:0;
    padding:15px;   
}
.accordion_center dd a{
	color: #c8161d;
}

.accordion_center dt.active{

}
.accordion_center dt.over {
    cursor:pointer;
    background-color: #fff;
}

figure{
    text-align: center;
}


@media (min-width: 768px) {
	.accordion_center dd{margin-bottom:30px;}
}

.under{font-size:0.8em; background-color:#c8161d; color:#fff; padding:2px 6px; border-radius: 20px;}
dt{font-weight:bold; line-height:2.0em;}


@media (min-width: 1px) {
	.satellite_pc{display:none; }
	.satellite_sm{display:block; margin:0; width:100%; background-color:; height:300px;}
	.hiromas_logo{width:80%; margin:10px 10%;}
	.contents{width:100%; margin:0 auto;}
	.contents2{width:90%; margin:0 auto;}
	.nav{display:none;}
	.shoplist{width:100%; margin:25px 0%; float:left; font-weight:bold; font-size:2.0em; color:#000;}
	.shoplist2{width:48%; margin:1%;}
	.ichiran{font-weight:bold; font-size:1.8em; margin:50px 0 20px;}
	.footer_link{font-weight:bold; font-size:1.2em; color:#000;}
	.catch_text{text-align:center; font-size:1.7em; font-weight:bold; margin-top:40px; line-height:2.0em;}
	.catch_text2{text-align:center; font-size:1.2em; font-weight:bold; margin-top:5px; line-height:2.0em;}
	.catch_text3{text-align:center; font-size:1.2em; font-weight:bold; margin-top:5px; line-height:2.0em;}

	.hr_width{width:90%;}
	.drawer-brand{font-size:1.4em; font-weight:bold; background-color:#c8161d;}
	.tenpo_ichiran{font-size:1.4em; font-weight:bold; background-color:#999;}
	.waku{width:98%; margin:1%;}
	.sub_title{font-size:1.1em; font-weight:bold; border-bottom:solid; border-color:#c0bfbf; border-width:0.05em; width:100%; padding-bottom:10px;}
	.sub_title1{font-size:1.1em; font-weight:bold; border-bottom:solid; border-color:#c0bfbf; border-width:0.05em; width:72%; padding-bottom:10px;}
	.mes_text{font-size:0.9em; line-height:1.8em;}
	.ceo_jobtitle{font-size:1.0em; text-align:right; font-family:????? R-KL;}
	.ceo_name{font-size:1.3em; text-align:right; font-weight:bold; font-family:MS ?? ,serif;}
	.main_title{font-size:1.15em; color:#fff; margin:0 auto; font-weight:bold; background-color:#d8261c; padding:10px; margin-bottom:50px;}
	.footer_style{margin:50px auto 0; width:100%; text-align:center;}
	.footer_text{font-weight:bold; font-size:0.8em; color:#000; text-decoration:none;}
	.ceo_img{float: right; margin-left:10px; width:50%;}
}
@media (min-width: 768px) {
	.satellite_pc{display:none; }
	.satellite_sm{display:block; margin:0; width:100%; background-color:; height:500px;}
	.hiromas_logo{width:33%; margin:10px 33%;}
	.contents{width:100%; margin:0 auto; background-color:#f00;}
	.contents2{width:90%; margin:0 auto;}
	.nav{display:block; float:left; width:100%;}
	.shoplist{width:29%; margin:2.1%; float:left; font-weight:bold; font-size:1.45em; color:#000;}
	.shoplist2{width:30%; margin:0%;}
	.ichiran{font-weight:bold; font-size:1.8em; margin:50px 0 20px;}
	.footer_link{font-weight:bold; font-size:1.2em; color:#000;}
	.catch_text{text-align:center; font-size:2.0em; font-weight:bold; margin-top:40px; line-height:2.0em;}
	.catch_text2{text-align:center; font-size:1.3em; font-weight:normal; margin-top:10px; line-height:2.0em;}
	.catch_text3{text-align:center; font-size:2.0em; font-weight:bold; margin-top:10px; line-height:2.0em;}

	.hr_width{width:100%;}
	.drawer-brand{font-size:1.4em; font-weight:bold; background-color:#c8161d;}
	.tenpo_ichiran{font-size:1.4em; font-weight:bold;}
	.waku{width:80%; margin:10%;}
	.sub_title{font-size:1.1em; font-weight:bold; border-bottom:solid; border-color:#c0bfbf; border-width:0.05em; width:100%; padding-bottom:10px;}
	.sub_title1{font-size:1.1em; font-weight:bold; border-bottom:solid; border-color:#c0bfbf; border-width:0.05em; width:65%; padding-bottom:10px;}
	.mes_text{font-size:0.9em; line-height:1.8em;}
	.ceo_jobtitle{font-size:1.0em; text-align:right; font-family:????? R-KL;}
	.ceo_name{font-size:1.3em; text-align:right; font-weight:bold; font-family:MS ?? ,serif;}
	.main_title{font-size:1.15em; color:#fff; margin:0 auto; font-weight:bold; background-color:#d8261c; padding:10px; margin-bottom:50px;}
	.footer_style{margin:50px auto 0; width:100%; text-align:center;}
	.footer_text{font-weight:bold; font-size:0.8em; color:#000; text-decoration:none;}
	.ceo_img{float: right; margin-left:110px; width:200px;}
}

@media (min-width: 1300px) {
	.satellite_pc{display:none; }
	.satellite_sm{display:block; margin:0; width:100%; background-color:; height:500px;}
	.hiromas_logo{width:300px; margin:30px 0 40px;}
	.contents2{width:1100px; margin:0 auto 55px;}
	.nav{display:block; float:left; width:1100px;}
	.shoplist{width:28%; margin:2.6%; float:left; font-weight:bold; font-size:1.45em; color:#000;}
	.shoplist2{width:30%; margin:0%;}
	.ichiran{font-weight:bold; font-size:1.9em; margin:50px 0 20px;}
	.footer_link{font-weight:bold; font-size:1.2em; color:#000;}
	.catch_text{text-align:center; font-size:1.6em; font-weight:bold; margin-top:40px; line-height:1.8em;}
	.catch_text2{text-align:center; font-size:1.3em; font-weight:normal; margin-top:-5px; line-height:1.8em;}
	.catch_text3{text-align:center; font-size:1.4em; font-weight:normal; margin-top:-5px; line-height:1.8em;}
	.hr_width{width:70%;}
	.drawer-brand{font-size:1.4em; font-weight:bold; background-color:#c8161d;}
	.tenpo_ichiran{font-size:1.4em; font-weight:bold;}

	.waku{width:1000px; margin:0 auto;}
	.sub_title{font-size:1.1em; font-weight:bold; border-bottom:solid; border-color:#c0bfbf; border-width:0.05em; width:100%; padding-bottom:10px;}
	.sub_title1{font-size:1.1em; font-weight:bold; border-bottom:solid; border-color:#c0bfbf; border-width:0.05em; width:65%; padding-bottom:10px;}
	.mes_text{font-size:0.9em; line-height:1.8em;}
	.ceo_jobtitle{font-size:1.0em; text-align:right; font-family:????? R-KL;}
	.ceo_name{font-size:1.3em; text-align:right; font-weight:bold; font-family:MS ?? ,serif;}
	.main_title{font-size:1.15em; color:#fff; margin:0 auto; font-weight:bold; background-color:#d8261c; padding:10px; margin-bottom:50px;}
	.footer_style{margin:50px auto 0; width:900px; text-align:center;}
	.footer_text{font-weight:bold; font-size:0.8em; color:#000; text-decoration:none;}
	.ceo_img{float: right; margin-left:110px; width:200px;}
}

#demo01 table{
    width:100%;
    border-top:solid 1px #ccc;
}

#demo01 table td{
    border-bottom:solid 1px #ccc;
    padding:5px;
}