/*
Theme Name: E
*/

@media screen and (min-width: 769px){
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0px;
padding: 0px;
border: 0px none;
}

body {
animation: fadeIn 1s ease 0s 1 normal;
-webkit-animation: fadeIn 1s ease 0s 1 normal;
}



body,html{
line-height: 1.5;
height: auto;
}

body {
width: 100%;
margin: 0 auto;
font-family: "Yu Mincho", "YuMincho", serif;
font-weight: 400;
font-size:14px;
letter-spacing: 1px;
background: url(images/bg.gif) repeat-y;
}
#all{
width: 100%;
overflow:hidden;
}

ol, ul{
list-style: none;
}

a{
text-decoration:none;
color: #ec1f1f;
}

a:hover{
color: #678ede;
}

a:hover .imghover {
opacity:0.7;
-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
-khtml-opacity: 0.7;              /* Safari 1.x */
zoom:1;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}

.cf:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
overflow: hidden;
font-size: 0.1em;
line-height: 0;
}

.cf {
min-height: 1px;
zoom:1;
clear: both;
}

* html .cf {
height: 1px;
/*\*//*/
height: auto;
overflow: hidden;
/**/
}

img{
vertical-align: bottom;   
}

.spnone {
display: none;
}

#page-top {
position: fixed;
bottom: 20px;
right: 20px;
font-size: 77%;
z-index: 999;
}

#page-top a {
text-decoration: none;
color: #fff;
width: 50px;
padding: 10px 0;
text-align: center;
display: block;
border-radius: 5px;
}

#page-top a:hover {
text-decoration: none;
}

.red{
color:#d31111;
}

b{
font-weight:bold;
}

svg{
margin-right:8px;
}

p.come{margin-bottom:20px;}

/*　↑固定　　↑固定　　↑固定　　↑固定　　↑固定　*/
#headertext{
width: 100%;
background:#c02820;
}

h1{
width: 1200px;
margin: 0 auto;
font-size: 12px;
line-height: 2;
color: #fff;
}

header{
width: 100%;
background: url(images/head_bg.gif) repeat-x;
height: 100px;
padding: 7px 0;
box-sizing: border-box;
position:relative;
z-index:100;
}

.fixed{
position: fixed;
top: 0;
left: 0;
}

.youtube{
width: 80%;
margin: 0 auto;
text-align: center;
padding: 30px 0;
}

.wap{
max-width: 1000px;
margin: 0 auto;
}
.entry-content p{
font-size:16px;
}
#primary{
width: 90%;
padding: 50px 0;
margin: 0 auto;
}

.logo{
width: 110px;
float: left;
}

p.mapadd{
text-align:center;
margin-bottom: 25px;
font-size: 1.2em;
}


.arc{
position: relative;
}
.mainimg{width:100vw;height:100vh;}
.mainimg {
/* 画像ファイルの指定 */
background-image: url(../../uploads/2019/04/main.jpg);

/* 画像を常に天地左右の中央に配置 */
background-position: center center;

/* 画像をタイル状に繰り返し表示しない */
background-repeat: no-repeat;

/* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
background-attachment: fixed;

/* 表示するコンテナの大きさに基づいて、背景画像を調整 */
background-size: cover;

/* 背景画像が読み込まれる前に表示される背景のカラー */
background-color: #000;
}	


.mainimg img{width:100%;}

.slide_foot{
width: 100%;
position: absolute;
bottom: 0px;
}

.slide_foot img{
width: 100%;
height: auto;
}

section{
width: 100%;
padding: 50px 0;
}

.first_clm{
width: 100%;
text-align: center;
}

.sec_clm{
width: 100%;
float: left;
margin-bottom: 60px;			
}
.slogan dt{
width: 25%;
margin: 0 auto;
padding-bottom: 20px;
}

.slogan dt img{
width: 100%;
}

.slogan dd{
width: 100%;
margin-bottom: 30px;
font-size: 20px;
background: url(images/honoo_bg.jpg) no-repeat fixed;
background-size: cover;
padding: 30px 0;
font-weight:bold;
line-height:2;
}

h2{
width: 100%;
text-align: center;
margin-bottom: 50px;
}


.bannerarea_01{
width: 100%;
float: left;
margin-bottom: 50px;
}

.bannerarea_01 img{
width:100%;
}

.bannerarea_02{
width: 100%;
float: left;
}

.bannerarea_02 img{
width:100%;
}

.boshu_01{
width:48%;
float:left;
}

.boshu_02{
width:48%;
float:right;
}

.boshu_03{
width: 31.333%;
float: left;
}

.boshu_04{
width: 31.333%;
float: left;
margin: 0 3%;
}

.boshu_05{
width: 31.333%;
float: right;
}

.information{
width: 94%;
margin: 0 auto;
}

.info_left h3{
width:100%;
float:left;
margin-bottom:10px;
text-align:center;
}

.info_left{
width: 50%;
float: left;

}
.info_left dl{
width: 100%;
height: 510px;
float: left;
background: rgba(213, 213, 213, 0.4);
padding: 20px;
box-sizing:border-box;
overflow: auto;
}

.info_right{
width: 47%;
float: right;
}

.info_right h3{
text-align: center;
}


.map{
width: 100%;
margin: 0 auto;

}


.greeting{
width: 90%;
margin: 0 auto;
}
.greetingbox{
width:100%;
float:left;
margin-bottom:60px;
}

.greetingbox dt{
width:25%;
float:left;
text-align: center;
}
.greetingbox dt img{
width:100%;
}

.greetingbox dt span{
display:block;
float:left;
width:100%;
margin-top:15px;
}
.greetingbox dd{
width:70%;
float:right;
font-size:16px;
}

.douga{
width: 100%;
float: left;
margin-bottom: 30px;
}

.douga iframe{
width:100%;
height: 400px;
}

.kisei{
width: 100%;
float: left;
margin-bottom: 60px;
}

.kisei_hiru{
width:48%;
float:left;
}

.kisei_yoru{
width:48%;
float:right;
}

.kisei img{
width:100%;
}
	
.mainbanner{
width: 90%;
margin: 0 auto;
}
	
.leftbanner{
width: 50%;
float: left;
text-align: center;	
margin-bottom: 30px;
}

.rightbanner{
width: 50%;
float: right;
text-align: center;	
margin-bottom: 30px;
}








footer{
width: 100%;
height: 360px;
position: relative;
text-align: center;
}

.foot_left{
width: 20%;
float: left;
}

.foot_link li{
width: 180px;
height: 60px;
float: left;
margin: 5px;
}

.foot_link li img{
width: 100%;
height: auto;
}

.foot_link p{
width: 100%;
float: left;
text-align: right;
color: #fff;
margin-top: 30px;
}

.foottitle{
width: 100%;
color: #fff;
padding-left: 5px;
text-align: left;
}

.foot_link{
width: 80%;
float: left;
}

.foot_left img{
width:100%;
}

.copy{
position: absolute;
bottom: 0;
right: 0;
left: 0;
color: #fff;
background: #000;
line-height: 2;
font-size: 12px;
}




footer{
width: 100%;
padding: 30px 0;
float: left;
height: 300px;
background: #9e0404;
}


#ez-map{min-height:150px;min-width:150px;height: 420px;width: 100%;}
#ez-map .infoTitle{}
#ez-map .infoWebsite{}
#ez-map .infoEmail{}
#ez-map .infoTelephone{}
#ez-map .infoDescription{}


#primary h2 {
position: relative;
padding: .6em 0;
font-size:26px;
clear:both;
}
#primary h2::before,
#primary h2::after {
position: absolute;
left: 0;
content: '';
width: 100%;
height: 6px;
box-sizing: border-box;
}
#primary h2::before {
top: 0;
border-top: 2px solid #999;
border-bottom: 1px solid #999;
}
#primary h2::after {
bottom: 0;
border-top: 1px solid #999;
border-bottom: 2px solid #999;
}

.entry-content h3 {
position: relative;
padding: 4px 0px 10px 0px;
font-size:20px;
background: rgba(173, 38, 38, 0.8);
color: #fff;
padding-left: 25px;
clear:both;
margin-bottom:20px;
}

.entry-content h3:before{
content:url(images/h3before.png);
position: relative;
top: 7px;
right: 6px;
}

.entry-content h4 {
padding: .5em .75em;
background-color: rgba(165, 165, 165, 0.4);
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
clear: both;
margin-bottom: 10px;
}
.entry-content a{
text-decoration:underline;
}
.boshupage{
width: 70%;
margin: 0 auto;
}
.boshupage dl{
width:100%;
padding-bottom:20px;
float: left;
}
.boshupage dt{
width:14%;
font-size:16px;
float:left;
}
.boshupage dd{
width:86%;
font-size:16px;
float:left;
padding-left: 20px;
box-sizing: border-box;
}
.boshupage p{
width: 100%;
font-size:16px;	
margin-bottom:20px;
float: left;
}

.chuui{
width: 100%;
float: left;
border: 3px solid #bb4f4d;
padding: 10px;
box-sizing: border-box;
margin-bottom: 20px;
font-weight: bold;
}

.douisho p{
width: 100%;
height: 160px;
overflow: auto;
text-align: left !important;
background: #fff;
padding: 20px;
box-sizing: border-box;
font-size: 12px;
}

/*メールフォームCSS*/
input[type="text"],textarea,select {
padding: 0.2em;
border: 1px solid #888;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-size: 13px;
}
textarea.bikou{
width:100%;
}
input[type="text"]:focus,
texture:focus {
box-shadow: 0 0 7px #3498db;
border: 1px solid #3498db;
}

textarea:focus {
box-shadow: 0 0 7px #3498db;
border: 1px solid #3498db;
}

input.sys {
border-radius: 0;   
background: -moz-linear-gradient(top, #FFF 0%, #EEE);
background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));
border: 1px solid #DDD;
color: #111;
padding: 10px 30px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
margin-left: 5px;
margin-top: 10px;
}

input.sys:hover {
background: -moz-linear-gradient(top, #EFEFEF 0%, #EEE);
background: -webkit-gradient(linear, left top, left bottom, from(#EFEFEF), to(#EEE));
}

.mail{
width: 100%;
padding: 20px;
border: 2px solid #c07070;
box-sizing: border-box;
padding-top: 40px;
}

.mail p{
text-align:center;
}

.textleft dt{
text-align:left;
background: rgba(165, 165, 165, 0.4);
}

.mail dt{
width:40%;
font-size: 13px;
padding: 5px;
box-sizing:border-box;
line-height: 1.2;
text-align: right;
}

.mail dd{
width: 60%;
font-size: 13px;
box-sizing: border-box;
margin-bottom: 20px;
line-height: 2;
padding-left: 5%;
}

.mail dd.check{
padding-top:3px;
}

.oubo {
text-align:center;
width:100%;
float:left;
margin-top:40px;
margin-bottom: 60px;
}

.oubo a{
background: #9e0404;
color: #fff;
padding: 12px 44px;
font-size: 30px;
text-decoration: none;
}

.oubo a:hover{
background:#ccc;
color:#222;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}

.eventbox{
width:90%;
margin: 0 auto;
margin-bottom: 40px;
}

.eventbox dt{
width: 100%;
font-size: 22px;
border-bottom: 1px dashed #222;
font-weight: bold;
margin-bottom: 10px;
line-height: 1.8;
box-sizing: border-box;
padding-left: 20px;
}
.eventbox dd{	
width: 90%;
margin: 0 auto;
font-size: 18px;
margin-bottom: 20px;
}	

.caution{
text-align: center;
font-size: 25px;
box-sizing: border-box;
border: 2px solid #db2121;
font-weight: bold;
padding: 10px 10px;
width: 70%;
margin: 0 auto;
clear: both;
margin-top: 30px;
}

.caution a{
text-decoration:underline;
}


}/* min-width: 769px */