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

/* PC用のCSSはメディアクエリの外に記述する */

body.soubei {
	background-color: #E9E2CF;
}
body.soubei-side {
    background-color: #e5e5e5;
}
ul,ol {list-style: none;}

#wrapper {
	color: #3E3E3E;
}

.wraptop,.wrap {
    padding: 0;
    width: 100%;
    margin: 0;
    max-width: 1000px;
  }
.header {
    width: 100%;
    height: auto;
}
.header-side {
    width: 100%;
    height: auto;
    background-color: #CE988E;
    margin-bottom: 10px;
}
.header-in {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    height: auto;
}

h2.yoko-line{color: #CE988E;font-weight: 900;text-align: center;font-size: 1.8rem;}
h2.yoko-line-2 {background-color:rgba(206,152,142,1.00);padding: 0.6em 1em;font-weight: 900;font-size: 1.6rem;}

div.half-2 {width: 100%;padding-bottom: 1em;}
div.half-2 div.half-2-left {float: left;}
div.half-2 div.half-2-right {float: right;text-align: right;}
div.half-2 img {width: 65%;height: auto;}
.line-top {border-top: solid 1px #555!important;}
.line-botton {border-bottom: solid 1px #555!important;}
.half-f h3 {
    color: #c1857a!important;
}

span.read {
    padding: 10px;
    display: block;
    width: 100%;
    text-align: left;
    font-size: 1rem;
    color: #333333;
}
span.toplogo {float: left;}
span.topsns{float:right;}

  
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;
	margin: 0;
	padding: 0;
	background-color: #666158;
}
aside.sidemenu ul li {
	list-style-type: none;
	padding: 15px 5px 0 5px;
	width: 20%;
}
aside.sidemenu ul li img {
    width: 100%;
    height: auto;
}

.white-area {background-color: #ffffff;}

.navigation3 {
    padding-top: 20px;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 20px;
    
}
.content2-upper-color {
	width: 100%;
	background-color: #666158;
	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;
    color: #000;
    padding-bottom: 3em;
}
.tri ul li img {width: 100%;height: auto;}
.tri ul li a {
    color: #000;
    
}

.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;
}

ul.soubei-menu {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
ul.soubei-menu li {
	display: inline-block;
	width: 48%;
	margin: 0 auto;
	padding: 0.5em;
    color: #fff;
}
ul.soubei-menu li img {
    width: 100%;
    height: auto;
}
ul.soubei-menu li h4 {
    font-size: 1.5em;
    font-weight: 700;
    text-align: center;
    color: #fff;
}
ul.soubei-menu li p{
    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{}


/*テーブル*/
table.tenpo-soubei {width: 94%;margin: 5px auto;border-collapse: collapse;}
table.tenpo-soubei th {
	border: solid 1px #e5e5e5;
	width: 20%;
	text-align: left;
	padding: 6px;
	background-color: rgba(102,97,88,1.00);
}
table.tenpo-soubei td {border: solid 1px #e5e5e5;padding: 6px;background-color: #fff;color:#555;}
 
table.tenpo-soubei-in {width: 100%;}
table.tenpo-soubei-in th {width: 15%;}

.two-columns {color:#555;display: inline-flex;width: 100%;} 
.two-columns .left {width:50%;text-align: center;margin-right: 0.25em;}
.two-columns .right{width:50%;text-align: center;margin-left: 0.25em;}
.two-columns .left-line {
    width: 100%;
    padding: 1.5em;
    text-align: center;
    border: solid 1px #555;
    margin-right: 1em;
    background-color: #fff;
    border-radius: 10px;
    background-image: -webkit-linear-gradient(180deg,rgba(241,241,241,1.00) 0%,rgba(209,209,209,1.00) 100%);
    background-image: -moz-linear-gradient(180deg,rgba(241,241,241,1.00) 0%,rgba(209,209,209,1.00) 100%);
    background-image: -o-linear-gradient(180deg,rgba(241,241,241,1.00) 0%,rgba(209,209,209,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(241,241,241,1.00) 0%,rgba(209,209,209,1.00) 100%);
}
.two-columns .right-line {
    width: 100%;
    padding: 1.5em;
    text-align: center;
    border: solid 1px #555;
    margin-left: 1em;
    background-color: #fff;
    border-radius: 10px;
    background-image: -webkit-linear-gradient(180deg,rgba(241,241,241,1.00) 0%,rgba(209,209,209,1.00) 100%);
    background-image: -moz-linear-gradient(180deg,rgba(241,241,241,1.00) 0%,rgba(209,209,209,1.00) 100%);
    background-image: -o-linear-gradient(180deg,rgba(241,241,241,1.00) 0%,rgba(209,209,209,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(241,241,241,1.00) 0%,rgba(209,209,209,1.00) 100%);
}

.two-columns .right-line-in,.two-columns .left-line-in {width: auto; padding: 1.5em;text-align: center;border: solid 1px #555;color:#555;}
.two-columns .right-line-in a,.two-columns .left-line-in a {color: #555;} 
.two-columns .left img,.two-columns .right img  {width: 100%;height: auto;}
.two-columns .left img.mini,.two-columns .right img.mini  {width: 60%;height: auto;}
.two-columns .left-line a,.right-line a {font-size: 1.2rem; color: #555; font-weight: 700;}
.gradient {
    background-image: -webkit-linear-gradient(180deg,rgba(245,245,245,1.00) 0%,rgba(220,220,220,1.00) 100%);
    background-image: -moz-linear-gradient(180deg,rgba(245,245,245,1.00) 0%,rgba(220,220,220,1.00) 100%);
    background-image: -o-linear-gradient(180deg,rgba(245,245,245,1.00) 0%,rgba(220,220,220,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(245,245,245,1.00) 0%,rgba(230,230,230,1.00) 100%);
}
.radius {border-radius: 10px;}
p.amonth-icon {
    font-size: 1.6rem;
    padding: 5px 10px;
    background-color: #a15353;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 8px;
    border-radius: 50px;
}
p.amonth-icon span.first-letter {
    font-size: 3.0rem;
    padding: 5px 20px;
    background-color: #ffffff;
    color: #a15353;
    border-radius: 50px;
    /* [disabled]letter-spacing: 50%; */
}

div.topicon3 {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
  }
div.topicon3 div {  
        padding: 1em;     
    }


.magin-bottom2em {margin-bottom: 2em;}
.magin-bottom1em {margin-bottom: 1em;}


/*p.amonth-icon:first-letter {font-size: 3.0rem;padding: 5px 20px;background-color: #ffffff;color:#a15353;border-radius: 50px;}*/

div.top-bn-don-pc {
    width: 100%;
    height: auto;
    display: block;
    margin: 0;
    padding: 0;
}
div.top-bn-don-pc img {
    width: 100%;
    height: auto;
}
div.top-bn-don-sp {
    display: none;
}

.margin-top-1em {margin-top: 1em;}

hr {
border-style: none;
    border-top: 1px solid #000;
}
.back-blk {
    background-color: #000;
}




@media screen and (max-width: 640px) {
	/* 480px以下に適用されるCSS（スマホ用） */
a[href^="tel:"]{
    pointer-events: none;
  }

.two-columns {margin-bottom: 30px;}
.two-columns .left-line {
    padding: 0.5em;
    text-align: center;
    margin-left: 0.5em;
    margin-right: 0.25em;
}
.two-columns .right-line {
    padding: 0.5em;
    text-align: center;
    margin-left: 0.25em;
    margin-right: 0.5em;
}
.two-columns .left-line a,.right-line a {font-size: 1.2rem; color: #555; font-weight: 700;}
    
table.tenpo-soubei,table.drink {
    width: 94%;
    margin: 5px auto;
    border-collapse: collapse;
    }
table.tenpo-soubei th,table.drink th {
	border: none;
	padding: 6px;
	background-color: rgba(102,97,88,1.00);
	display: block;
	width: auto;
    }
table.tenpo-soubei td,table.drink td  {
    border: none;padding: 6px;
    display: block;
    background-color:#fff;
    text-align: left;
    font-size: 0.75em;
    }


    
.two-columns .left img.mini,.two-columns .right img.mini  {
    width: 100%;
    height: auto;
    }    
body.hon {
    background-image: url("../image/diagonal_05.png");
    background-repeat: repeat;
    background-size:auto;
}    

.wraptop {
  padding: 50px 0 0 0;
}
.wrap {
  padding: 0;
}
.header {
    width: 100%;
    height: auto;
    padding-bottom: 20px;
}
.header-in {
    width: 100%;
    margin: 0 auto;
    height: auto;    
}
    
div.half-2 {width: 100%;padding-bottom: 1em;padding-top:1em; }
div.half-2 div.half-2-left {float: left; width: 50%;}
div.half-2 div.half-2-right {float: right;text-align: right;width: 50%;}
div.half-2 img {width: 90%;height: auto;}
span.read {
    padding: 5px;
    display: block;
    width: 80%;
    font-size: 1rem;
    text-align: justify;
    text-justify: inter-ideograph;
}
span.toplogo {
    width: 100%;
    height: auto; 
    margin: 1em auto 0 auto;
    text-align: center;
    }
    
    span.toplogo img {
        width: 50%;
        height: auto;
    }
    
span.topsns{
    float: right;
    }    

.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;
}
  
    
ul.soubei-menu {
    width: 100%;
    margin: 0 auto;
}
ul.soubei-menu li {
    
    width: 43%;
    margin: 0 auto;
    padding: 0.5em 0.1em;;
}
ul.soubei-menu li img {
    width: 100%;
    height: auto;
}
ul.soubei-menu li h4 {
    font-size: 0.5em;
    font-weight: 700;
    text-align: center;
}
ul.soubei-menu li p{
    font-size: 0.5em;
    text-align: center;
}    
    
    
    
    
 .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-color: #666158;
}
aside.sidemenu ul li {
    width: 45%;
}
aside.sidemenu ul li img {
    height: auto;
} 
.navigation3 {background-image: url("../image/clear.png");}

div.topicon3 {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
  }
div.topicon3 div {  
        padding: 0 0.2em;  
    }
div.topicon3 div img {  
    width: 100%;
    height: auto;
    }
.magin-bottom2em {margin-bottom: 2em;}
.magin-bottom1em {margin-bottom: 1em;}


    
div.top-bn-don-sp {
    width: 100%;
    display: block;
    margin: 0;
    padding: 0;
}
div.top-bn-don-sp img {
       width: 100%; 
        height: auto;
  }
div.top-bn-don-pc {
    display: none;
}
hr {
border-style: none;
    border-top: 1px solid #000;
}
 
.back-blk {
    background-color: #000;
}
    
}