@charset "UTF-8";
/* CSS Document */

/* PC用のCSSはメディアクエリの外に記述する */
body.ekimae {
    background-image:url("../ekimae/images/ekimae_bk2.jpg");
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
}
ul,ol {list-style: none;}

.wrap {
    padding: 0;
    margin: 0;
  }
.header {
    width: 100%;
    background-image:url("../ekimae/images/ekimae_orange2_menu.png");
    background-repeat: repeat;
    height: auto;
}
.header-in {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    height: auto;
}
span.read {padding: 10px; display: block;width: 100%;text-align: left; font-size: 1rem;}
span.toplogo {float: left;}
span.toptel{float:right;}
.content {background-image: url("../image/transparent_blk_70.png")}
  
article.left {float: left;width: 75%;}
aside.sidemenu {float: right;width: 25%;}
aside.sidemenu ul {background-image:url("../ekimae/images/ekimae_orange2_50.png")}
aside.sidemenu ul li {list-style-type: none;padding: 5px;}
aside.sidemenu ul li img {width: 100%;height: auto;}

h2.yoko-line {background-image: url("../ekimae/images/ekimae_orange2_50.png");width: auto;padding: 0.5em; display: block;font-size: 1.5em;font-weight: 700;}
h3.yoko-line {background-image: url("../ekimae/images/ekimae_orange2_50.png");width: auto;padding: 0.5em; display: block;font-size: 1.0em;font-weight: 700;}

.navigation3 {
    padding-top: 20px;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 20px;
    background: url("../ekimae/images/ekimae_orange2_menu.png");
}
.content2-upper-color {
    width: 100%;
    background: url("../ekimae/images/ekimae_orange2_menu.png");
    padding-top: 5px;
    padding-bottom: 20px;
}
.content2-upper {
    width: 100%;
    max-width: 1000px;
    margin-top: 20px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0;
}

/*均等４列レイアウト*/
.quad {
    width: 100%;
    text-align: center;
    margin: 0 auto;
}

.quad ul li {
    width: 25%;
    float: left;
    display: block;
}
.quad ul li img {
    width: 100%;
    height: auto;
}

/*均等３列レイアウト*/
.tri {
    width: 75%;
    text-align: center;
    margin: 0 auto;
}
.tri ul li {
    width: 33.333%;
    float: left;
    display: block;
}
.tri ul li img {width: 100%;height: auto;}

.new ul li:first-child  {
    width: 98%;
    color: #ffffff;
    border-bottom: solid 1px #ffffff;
    border-top: solid 1px #ffffff;
    padding: 10px 10px;
}
.new ul li  {
    width: 98%;
    color: #ffffff;
    border-bottom: solid 1px #ffffff;
    border-top: none;
    padding: 10px 10px;
}
.new ul li ul li.date  {
    width: 20%;
    display: inline;
    float: left;
    border:none;
    font-size: 1.2rem;
}
.new ul li ul li.data  {
    width: 80%;
    border: none;
    font-size: 1.2rem;   
}
.tabiiro {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    text-align: center;
}
.sns {width: auto;margin: 20px 0 0 0;text-align: center;}
.sns ul li{display: inline;margin-right:15px; }
.sns ul li:last-child{margin-right:0; }
.sns ul li img {width: 50px;height: auto;}
.content2{
  
}



@media screen and (max-width: 640px) {
	/* 480px以下に適用されるCSS（スマホ用） */
 
body.hon {
    background-image: url("../image/diagonal_05.png");
    background-repeat: repeat;
    background-size:auto;
}    

.wrap {
  padding: 100px 0 0 0;
}
.header {
    width: 100%;
    background-image: url("../ekimae/images/ekimae_orange2_menu.png");
    background-repeat: repeat;
    height: auto;
    padding-bottom: 20px;
}
.header-in {
    width: 100%;
    margin: 0 auto;
    height: auto;
    
}
span.read {
    padding: 5px;
    display: block;
    width: 80%;
    font-size: 1rem;
    text-align: justify;
    text-justify: inter-ideograph;
}
span.toplogo {width: 40%;height: auto; float: left; margin: 0 auto;}
span.toptel{display: none;}    

.content {
  text-align: center;
  font-size: 22px;
  padding: 0;
}

h3.contents{display: none;}

/*均等４列レイアウト*/
.quad {
    text-align: center;
    }
.quad ul li {
    width: 100%;
    display: block;
}
.quad ul li img {
    width: 60%;
    height: auto;
    }
    
/*均等３列レイアウト*/
.tri {
    width: 100%;
    text-align: center;
    margin: 0 auto;
}
.tri ul li {
    width: 100%;
    float: left;
    display: block;
}
.tri ul li img {
    width: 60%;
    height: auto;
    }
    
.new {
    width: 100%;
    text-align: center;
    }
.new ul {
    width: 98%;
    margin: 0 auto;
    }
.new ul li:first-child  {
    width: 98%;
    color: #ffffff;
    border-bottom: solid 1px #ffffff;
    border-top: solid 1px #ffffff;
    padding: 10px 0px;
    text-align: left;
    margin: 0;
}
.new ul li  {
    width: 98%;
    color: #ffffff;
    border-bottom: solid 1px #ffffff;
    border-top: none;
    padding: 10px 0px;
    text-align: left;
    margin: 0;
}
.new ul li ul li.date  {
    width: 98%;
    border-bottom: dotted 1px #ffffff;
    font-size: 1.2rem;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom:15px;
    margin: 0 0 15px 0;
}
.new ul li ul li.data  {
    width: 98%;
    border: none;
    font-size: 1.2rem;  
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 15px;
    
    
}
    
 .tabiiro {
    width: 98%;
    margin: 0 auto;
    padding: 0;
    text-align: center;
}
.tabiiro img {
    width: 90%;
    height: auto;
}

.sns ul li{
    display: inline;
    margin-right: 30px;
}
.sns ul li:last-child{
    margin-right: 0;
}
.sns ul li img {
    width: 80px;
    height: auto;
}
    
.content2{
  font-size: 22px;
  padding-top: 0;
  text-align: center;
}
    
article.left {
    width: 100%;
}
aside.sidemenu {
    width: 100%;
}
aside.sidemenu ul {
    display: inline-flex;
    justify-content: space-around;
    align-content: flex-start;
    flex-wrap: wrap;
    width: 100%;
    background-image: url("../ekimae/images/ekimae_orange2_menu.png");
}
aside.sidemenu ul li {
    width: 45%;
}
aside.sidemenu ul li img {
    height: auto;
} 
.navigation3 {
    background-image: url("../image/clear.png");
    }
ul.half {
    text-align: center;
    }
ul.half li {
    width: 46%;
    margin: 0.25em;
    display: inline-block;
    }
ul.half li img{
    border: solid 1px #555555;
    }
ul.half li p {
    font-size: 0.7em;
    text-align: center;
    }
    
}