@charset "UTF-8";


/*---------------------------- PC向けのスタイル ----------------------------*/
@media print, screen and (min-width: 780px) {


/*---------- ページ全体の指定 ----------*/
html {
margin: 0;
  padding: 0;
}
body {
  width: 100%;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "MS P ゴシック", "MS P Gothic", sans-Serif;
  margin: 0;
  padding: 0;
  font-size: 16px;
  color: #333333;
  background-color: #ffffff;
  -webkit-text-size-adjust: none;
  box-sizing: border-box;:
}

.img_a {
  display: block;
}

.img_b {
  display: none;
}


/*---------- メイン ----------*/

#main {
  width: 100%;
  overflow: hidden;
  margin: 0 auto 0 auto;
  padding: 0;
  text-align: center;
  background-color: #ffffff;
}
/*---------- ヘッダー上部 ----------*/

#top-menu {
  width: 1024px;
  height: 60px;  /*-- 高さ --*/
  padding: 0;  /*-- 余白 --*/
  margin: 0 auto 0 auto;
  display:flex;
}
#top-menu div:nth-child(1) {
	margin:0;
	padding:0;
	width:60%;
	display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}

#top-menu div:nth-child(1) #login-out {
	margin:0;
	padding:0;
}



#top-menu div:nth-child(2) {
	margin:0;
	padding:0;

	width:40%;
display: flex;
    justify-content: flex-end;
    align-items: flex-end;}



/*---------- ヘッダー ----------*/

#header {
  width: 100%;
  height: 87px;  /*-- 高さ --*/
  margin: 0 auto 0 auto;
  border-top: solid 2px #a5967a;
  padding:0;
}

#header h1 {
  margin: 0 auto 0 auto;
  width: 1024px;
  padding: 2px 0 0 0;
  font-weight: normal;
  text-align: right;
  font-size: 10px;
  color: #9d896c;
}


/*---------- ヘッダー内 ----------*/

#header #header_inner {
  width: 1024px;
  height: 87px;  /*-- 高さ --*/
  padding: 0;  /*-- 余白 --*/
  margin: 0 auto 0 auto;
  display:flex;
  background-color:#fff;
}

.clearfix:after {
  content: "";
  display: block;
  clear: both;
  height: 0; 
  visibility: hidden;
}

@media (max-width: 768px){
	#header #header_inner {
		display:block;
	}
}
/*----- 左 logo -----*/

#h_logo {
  width: 35%;
  padding: 0;
  text-align: left;
  font-size: 14px;
  color: #444444;
  line-height: 1.5;
  text-decoration: none;
  display:flex;
  align-items: center;
}

#h_logo h2 {
  margin: 4px 0 0 0;  /*-- logo 位置 --*/
  padding: 0;
  text-align: left;
  font-size: 20px;
  color: #444444;
  letter-spacing: 0.05em;
}

#h_logo a {
  font-size: 20px;
  color: #666666;
  text-decoration: none;
}

#h_logo a:hover {
  font-size: 20px;
  color: #888888;
  text-decoration: none;
}

#h_logo .h_sub {
  margin: 0 !important;  /*-- logo 下側 位置 --*/
  padding: 0;
  font-size: 13px;
  color: #999999 !important;
}

@media (max-width: 768px){
	#h_logo {
	  width: 100%;
	  padding: 0;
	  text-align: center;
	  font-size: 14px;
	  color: #444444;
	  line-height: 1.5;
	  text-decoration: none;
	  display:block;
	}
}


/*----- 右 ヘッダー・ナビゲーション -----*/

#h_nav {
  width: 65%;
  height:100%;
  margin: 0px 0 0px 0;  /*-- nav 位置 --*/
  padding: 0;
background:#fff;
display:flex;
  align-items: center;

}
#h_nav ul {
	width:90%;
	height:100%;
display:flex;
  margin: 0 auto 0 auto;
  padding: 0;
}
#h_nav li {
  list-style-type: none;
  color: #ffffff;
	width:calc(100% / 4);
	height:100%;

}
#h_nav li a {
  padding: 0px 0px 0px 0px;
  font-size: 13px;
  color: #765c47;
  letter-spacing: 0.05em;
  text-decoration: none;
	width:100%;
	height:100%;
display:flex;
  align-items: center;
justify-content: center;
  
}
#h_nav li a:hover {
  color: #765c47;
  background-color: #f7f4ec;
}

@media (max-width: 768px){
	#h_nav {
	  width: 100%;
	  height:100%;
	  margin: 0px 0 0px 0;  /*-- nav 位置 --*/
	  padding: 0;
	background:#fff;
	display:flex;
	  align-items: center;

	}

}


/*
#h_nav ul {
  display: inline-block;
  float: right;
  text-align: left;
  margin: 0 auto 0 auto;
  padding: 0;
}

#h_nav li {
  display: inline-block;
  list-style-type: none;
  color: #ffffff;
}

#h_nav li a {
  display: inline-block;
  padding: 4px 19px 2px 19px;
  font-size: 13px;
  color: #765c47;
  line-height: 1.3;
  letter-spacing: 0.05em;
  text-decoration: none;
  border-left: solid 1px #d6c6af;
}

#h_nav li a:hover {
  color: #765c47;
  background-color: #f7f4ec;
}

#h_nav li.home a {
  padding: 4px 19px 2px 19px;
  border-left: none;
}
*/

/*---------- SPナビアイコン ----------*/

button.nav_icon {
  display: none;
}

button .bar {
  display: none;
}

button.active span.bar1,
button.active span.bar2,
button.active span.bar3 {
  display: none;
}


/*---------- SP電話ボタン ----------*/

.phone {
  display: none;
}


/*---------- メイン画像 ----------*/

#header-img {
  clear: both;
  width: 100%;
  margin: 0 0 10px 0;
  text-align: center;
    background-image:
    repeating-linear-gradient(to bottom,
      transparent 25px,
      rgba(0, 0, 0, 0.04) 26px,  rgba(0, 0, 0, 0.04) 26px,
      transparent 27px,  transparent 51px, 
      rgba(0, 0, 0, 0.04) 52px,  rgba(0, 0, 0, 0.04) 52px,
      transparent 53px,  transparent 77px, 
      rgba(0, 0, 0, 0.04) 78px,  rgba(0, 0, 0, 0.04) 78px,
      transparent 79px,  transparent 103px, 
      rgba(0, 0, 0, 0.04) 104px,  rgba(0, 0, 0, 0.04) 104px,
      transparent 105px,  transparent 129px, 
      rgba(0, 0, 0, 0.04) 130px,  rgba(0, 0, 0, 0.04) 130px),

    repeating-linear-gradient(to right,
      transparent 25px,
      rgba(0, 0, 0, 0.04) 26px,  rgba(0, 0, 0, 0.04) 26px,
      transparent 27px,  transparent 51px, 
      rgba(0, 0, 0, 0.04) 52px,  rgba(0, 0, 0, 0.04) 52px,
      transparent 53px,  transparent 77px, 
      rgba(0, 0, 0, 0.04) 78px,  rgba(0, 0, 0, 0.04) 78px,
      transparent 79px,  transparent 103px, 
      rgba(0, 0, 0, 0.04) 104px,  rgba(0, 0, 0, 0.04) 104px,
      transparent 105px,  transparent 129px, 
      rgba(0, 0, 0, 0.04) 130px,  rgba(0, 0, 0, 0.04) 130px);

}

.main_photo {
  display: block;
  margin: 0 auto 0 auto;
  width:1024px;
  border:1px solid #fff;
}


/*---------- コンテンツ ----------*/

#container {
  width: 1024px;
  margin: 0 auto 0 auto;
  padding: 6px 0 10px 0;
}


/*---------- メインコンテンツ ----------*/

#contents {
  margin: 0;
  padding: 16px 0 20px 0;
  font-size: 16px;
  width: 1024px;
  letter-spacing: 0.05em;
  text-align: left;
  line-height: 1.7;
}

#contents #pannavi {
  margin: 0 0 6px 0;
  padding: 0 0 8px 0;
  font-size: 15px;
}

#contents #pannavi a {
  font-size: 15px;
}

#contents h2 {
  height: auto;
  margin: 0 0 14px 0;
  padding: 5px 0 0 0;
  font-size: 34px;
  color: #990000;
  text-align: center;
}

#contents h2.page_title {
  margin: 0 0 18px 0;
  padding: 18px 0 18px 30px !important;
  line-height: 1.7;
  font-size: 20px;
  color: #581201;
  border: none;
  text-align: left;
  background-image: url(../img/page_title.gif);
  background-repeat: no-repeat;
}

#contents h2.txt {
  height: auto;
  margin: 0 0 7px 0;
  padding: 0;
  border: none;
  font-size: 16px;
  color: #54351f;
  background: none;
}

#contents h3 {
  margin: 12px 3px 10px 3px;
  padding: 15px 10px 10px 18px;
  line-height: 1.4;
  font-size: 17px;
  color: #54351f;
  border-top: solid 1px #dddddd;
  border-right: solid 1px #dddddd;
  border-bottom: solid 1px #966934;
  border-left: solid 5px #966934;
  background-color: #f9f2d5;
      box-sizing: border-box;

}

#contents h3.beta {
  margin: 12px 2px 10px 2px;
  padding: 14px 10px 12px 16px;
  line-height: 1.4;
  font-size: 18px;
  color: #fffffc;
  border: none;
  background-image: url(../img/h3_beta.gif);
  background-repeat: no-repeat;
}

#contents h3.point {
  margin: 10px 0 10px 0;
  padding: 10px 10px 8px 10px;
  line-height: 1.4;
  font-size: 18px;
  color: #882200;
  border-top: solid 1px #999999;
  border-right: solid 1px #bbbbbb;
  border-bottom: solid 4px #663300;
  border-left: solid 1px #bbbbbb;
  background-image: url(../img/h3_point.gif);
  background-repeat: repeat-x;
}

#contents h3.gold {
  height: 41px;
  margin: 12px 2px 10px 2px;
  padding: 14px 10px 0 18px;
  line-height: 170%;
  font-size: 19px;
  text-align: left;
  color: #662200;
  border: none;
  background-image: url(../img/h3_gold.gif);
  background-repeat: no-repeat;
}

#contents h3.gold02 {
  height: 71px;
  margin: 12px 2px 10px 2px;
  padding: 14px 2px 0 18px;
  line-height: 170%;
  font-size: 18px;
  text-align: left;
  color: #662200;
  border: none;
  background-image: url(../img/h3_gold02.gif);
  background-repeat: no-repeat;
}

#contents h3.gray {
  height: 41px;
  margin: 12px 2px 10px 2px;
  padding: 14px 10px 0 18px;
  line-height: 170%;
  font-size: 19px;
  text-align: left;
  color: #662200;
  border: none;
  background-image: url(../img/h3_gray.gif);
  background-repeat: no-repeat;
}

#contents h3.gray02 {
  height: 71px;
  margin: 12px 2px 10px 2px;
  padding: 14px 2px 0 18px;
  line-height: 170%;
  font-size: 18px;
  text-align: left;
  color: #662200;
  border: none;
  background-image: url(../img/h3_gray02.gif);
  background-repeat: no-repeat;
}

#contents p {
  margin: 15px 0 15px 0;
  padding: 0 2px 0 2px;
  line-height: 1.7;
  font-size: 16px;
}


/*---------- PC背景全幅 ----------*/

.inners {
  width: 1024px;
  margin: 0 auto 0 auto;
  padding: 0 10px 0 13px;
  line-height: 1.8;
  letter-spacing: 0.05em;
}

.flex_bg {
  margin: 0 calc(50% - 50vw) !important;
  padding: 20px 0 20px 0;
  line-height: 1.8;
  letter-spacing: 0.05em;
  background-color: #f1f6f9;
}

.flex_gold_bg {
  margin: 0 calc(50% - 50vw) !important;
  padding: 20px 14px 20px 14px;
  line-height: 1.8;
  letter-spacing: 0.05em;
  background-color: #ebe6e0;
}


/*---------- ３コンテンツ・ボックス ----------*/

.box {
  width: 100%;
  margin: 0 auto 0 auto;
}

.box:after {
  content: "";
  display: block;
  clear: both;
}

.box1 {
  float: left;
  width: 31.4%;
  padding: 4px;
  margin: 0 4px 0 4px;
}

.box2 {
  float: left;
  width: 31.4%;
  padding: 4px;
  margin: 0 4px 0 4px;
}

.box3 {
  float: left;
  width: 31.4%;
  padding: 4px;
  margin: 0 4px 0 4px;
}


/*---------- 画像の回り込み ----------*/

img.picture {
  margin: 0 10px 10px 0;
  float: left;
}

img.picture_r {
  margin: 0 5px 10px 10px;
  float: right;
}


/*---------- 表（テーブル） ----------*/

table.t01 {
  width: 530px;
  padding: 4px;
  border: solid 1px #cccccc;
  border-collapse: collapse;
}

td.t01 {
  padding: 10px;
  border-collapse: collapse;
}

td.head {
  padding: 9px 6px 6px 15px;
  border: solid 1px #cccccc;
  border-collapse: collapse;
  background-image: url(../img/main_block_bg.gif);
}

td.t00 {
  padding: 4px;
}


table.table_line {
  border-collapse: collapse;
  border: solid 1px #cccccc;
  width: 100%;
}

td.table_head {
  border-collapse: collapse;
  border: solid 1px #cccccc;
  padding: 14px 14px 10px 14px;
  background-color: #fffeee;
  width: 100px;
}

td.table_left {
  border-collapse: collapse;
  border: solid 1px #cccccc;
  padding: 14px 14px 10px 14px;
  width: auto;
  background-color: #fffeee;
}

td.table_right {
  border-collapse: collapse;
  border: solid 1px #cccccc;
  padding: 14px 14px 10px 14px;
  width: 680px;
  background-color: #ffffff;
}

td.table_line {
  border-collapse: collapse;
  border: solid 1px #cccccc;
  padding: 14px 14px 10px 14px;
  width: auto;
}


/*---------- フッター ----------*/

#footer {
  clear: both;
  width: 100%;
  margin: 0;
  padding: 30px 0 0 0;
  text-align: center;
  font-size: 14px;
  color: #333333;
  line-height: 1.8;
  background-color: #f9f0d6;
}

#footer a {
  color: #333333;
  font-size: 14px;
  text-decoration: none;
}

#footer a:hover {
  color: #555555;
  text-decoration: none;
}

#footer .footer_nav ul {
  width: 710px;
  text-align: center;
  margin: 0 auto 0 auto;
  padding: 0 7px 10px 7px;
  display:flex;
}
#footer .footer_nav li {
  margin: 0 0 20px 0;
  padding: 0;
  list-style-type: none;
  color: #333333;
	width:calc(100% / 4);

}


/* フッター ナビゲーション */
/*
#footer .footer_nav ul {
  clear: both;
  width: 1010px;
  text-align: center;
  margin: 0 auto 0 auto;
  padding: 0 7px 10px 7px;
}

#footer .footer_nav li {
  margin: 0 0 20px 0;
  padding: 0;
  display: inline;
  list-style-type: none;
  float: left;
  color: #333333;
}

#footer .footer_nav li a {
  padding: 0 16px 0 16px;
  font-size: 14px;
  text-align: center;
  display: inline;
  letter-spacing: 0.05em;
  text-decoration: none;
}

#footer .footer_nav li a:hover {
  color: #555555;
}
*/

/* フッター コピーライト */

#footer .copy {
  margin: 0;
  padding: 10px 0 10px 0;
  font-size: 14px;
  color: #fffffc;
  background-color: #564732;
}

#footer .copy a {
  color: #fffffc !important;
  text-decoration: none;
}

#footer .copy a:hover {
  color: #eeeeee !important;
  text-decoration: none;
}

#footer .copy a:visited {
  color: #fffffc;
  text-decoration: none;
}

}




/*---------------------------- タブレット向けのスタイル ----------------------------*/
@media print, screen and (min-width:780px) and (max-width:1024px) {

#main,
#header h1,
#header #header_inner,
#container,
#contents,
.inners,
#footer .footer_nav ul {
  width: 100%;
}

#h_nav li a {
  font-size: 11px;
}

.box {
  width: 100%;
}

.box1,
.box2,
.box3 {
  width: 30.5%;
}

}




/*---------------------------- 共通部分（コンテンツ） ----------------------------*/


/*---------- 見出しタイトル装飾 ----------*/

#contents h3.white {
  margin: 20px 4px 20px 4px;
  padding: 10px 0 6px 0;
  line-height: 1.6;
  color: #792b04;
  border-top: none;
  border-right: none;
  border-bottom: solid 2px #aaaaaa;
  border-left: none;
  background-color: #ffffff;
  background-image: none;
}

#contents h4.memo {
  margin: 12px 0 10px 0;
  padding: 15px 10px 11px 16px;
  line-height: 1.4;
  color: #df5f08;
  border-bottom: solid 1px #df5f08;
  border-left: solid 5px #df5f08;
  background-color: #fbe8d3;
}

#contents h4.memo_w {
  margin: 12px 0 10px 0;
  padding: 16px 10px 10px 16px;
  line-height: 1.4;
  color: #54351f;
  background-color: #fff8ee;
}

#contents h4.border {
  height: 34px;
  margin: 10px 0 15px 0;
  padding: 10px 10px 0 4px;
  line-height: 1.4;
  color: #e85922;
  border-top: none;
  border-right: none;
  border-bottom: solid 3px #966934;
  border-left: none;
  background-color: #ffffff;
}


/*---------- ボタン装飾 ----------*/

.btn,
.btn_w {
  margin-top: 30px !important;
  text-align: center;
}

.btn a {
  display: inline-block;
  padding: 14px 34px 14px 34px !important;
  margin: 0 0 15px 0 !important;
  color: #7e5f15 !important;
  text-decoration: none;
  border: solid 2px #a88d4b;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
}

.btn a:hover {
  color: #a88d4b !important;
  background-color: #eeeeee !important;
}


/*---------- メインコンテンツ ----------*/

img.line {
  margin: 0 8px 4px 0;
  vertical-align: middle;
}

img.head_photo {
  margin: 0 0 16px 0;
}

hr.line {
  margin: 0 0 10px 0;
  padding: 2px 0 6px 0;
  border: 0;
  border-bottom: dotted 1px #666666;
}

.news {
  height: 170px;
  overflow: auto;
  line-height: 1.8;
  padding: 8px 6px 7px 6px;
  margin: 12px 3px 12px 3px;
  border: solid 1px #cccccc;
  background-color: #ffffff;
}

p.back {
  margin: 0;
  padding: 0 5px 0 0;
  text-align: right;
}


/*---------- 画像の回り込み ----------*/

img.picture_le {
  margin: 0 10px 10px 0;
  float: left;
}

img.picture_ri {
  margin: 0 5px 10px 10px;
  float: right;
}

br.clear {
  display: block;
  clear: both;
}


/*---------- コンテンツ枠装飾 ----------*/

.gray_bg {
  margin: 18px 0 18px 0;
  padding: 2px 18px 2px 18px;
  line-height: 1.8;
  letter-spacing: 0.05em;
  border-top: solid 1px #dddddd;
  border-right: solid 1px #dddddd;
  border-bottom: solid 1px #dddddd;
  border-left: solid 1px #dddddd;
  background-color: #eeeeee;
}

.gray_bg p {
  padding: 3px;
  line-height: 1.7;
  letter-spacing: 0.05em;
}

.brown_bg {
  margin: 18px 2px 18px 2px;
  padding: 2px 8px 2px 18px;
  line-height: 1.8;
  letter-spacing: 0.05em;
  border-top: solid 1px #dddddd;
  border-right: solid 1px #dddddd;
  border-bottom: solid 1px #dddddd;
  border-left: solid 1px #dddddd;
  background-color: #f8f4e6;
}

.pink_bg {
  margin: 18px 2px 18px 2px;
  padding: 2px 8px 2px 18px;
  line-height: 1.8;
  letter-spacing: 0.05em;
  border-top: solid 1px #dddddd;
  border-right: solid 1px #dddddd;
  border-bottom: solid 1px #dddddd;
  border-left: solid 1px #dddddd;
  background-color: #fdeee6;
}

.green_bg {
  margin: 18px 2px 18px 2px;
  padding: 2px 8px 2px 18px;
  line-height: 1.8;
  letter-spacing: 0.05em;
  border-top: solid 1px #dddddd;
  border-right: solid 1px #dddddd;
  border-bottom: solid 1px #dddddd;
  border-left: solid 1px #dddddd;
  background-color: #f0f6da;
}

.blue_bg {
  margin: 18px 2px 18px 2px;
  padding: 2px 8px 2px 18px;
  line-height: 1.8;
  letter-spacing: 0.05em;
  border-top: solid 1px #dddddd;
  border-right: solid 1px #dddddd;
  border-bottom: solid 1px #dddddd;
  border-left: solid 1px #dddddd;
  background-color: #ebf6f7;
}

.info_bg {
  margin: 18px 2px 18px 2px;
  padding: 2px 8px 2px 18px;
  line-height: 1.8;
  letter-spacing: 0.05em;
  background-color: #fff8e3;
}

.point_bg {
  margin: 10px 2px 10px 2px;
  padding: 2px 5px 2px 15px;
  line-height: 1.8;
  letter-spacing: 0.05em;
  border: solid 1px #dfcf98;
  background-color: #fcfbf9;
}

.pale_bg {
  margin: 18px 2px 18px 2px;
  padding: 8px;
  line-height: 1.8;
  letter-spacing: 0.05em;
  background-color: #fffedf;
}

.message_bg {
  margin: 18px 2px 18px 2px;
  padding: 2px 8px 2px 18px;
  line-height: 1.8;
  letter-spacing: 0.05em;
  background-color: #fff8e3;
  background-image: url(../img/message.png);
  background-repeat: no-repeat;
}

.memo_bg {
  margin: 8px 0 18px 0;
  padding: 6px 18px 6px 18px;
  line-height: 1.8;
  letter-spacing: 0.05em;
  background-color: #faf2e2;
}

.memo_w_bg {
  margin: 8px 0 12px 0;
  padding: 6px 18px 6px 18px;
  line-height: 1.8;
  letter-spacing: 0.05em;
  background-color: #fff8ee;
}

.koe_bg {
  margin: 0;
  padding: 0;
}

.koe_beta_bg {
  margin: 8px 0 8px 0;
  padding: 2px 10px 2px 10px;
  line-height: 1.8;
  letter-spacing: 0.05em;
  background-color: #7e6a41;
}

.check_bg {
  margin: 8px 0 18px 0;
  padding: 2px 18px 2px 18px;
  line-height: 1.7;
  letter-spacing: 0.05em;
  color: #6c4e1f;
  border: solid 6px #ded0b2;
  background-color: #faf1e3;
}

.check_bg p {
  margin: 18px 0 18px 0;
  padding: 0 2px 0 2px;
  line-height: 1.7;
  color: #6c4e1f;
}

.banner_bg {
  margin: 3px 0 10px 0;
  padding: 10px 10px 10px 14px;
  border-top: solid 3px #dec58e;
  border-right: solid 3px #dec58e;
  border-bottom: solid 3px #dec58e;
  border-left: solid 3px #dec58e;
  background-color: #fff8e3;
}

.waku_bg {
  margin: 14px 2px 14px 2px;
  padding: 2px 8px 2px 10px;
  line-height: 1.8;
  letter-spacing: 0.05em;
  border-top: solid 10px #f1eae0;
  border-right: solid 6px #f1eae0;
  border-bottom: solid 10px #f1eae0;
  border-left: solid 6px #f1eae0;
}

.waku_gray_bg {
  margin: 14px 2px 14px 2px;
  padding: 6px 14px 2px 14px;
  line-height: 1.8;
  letter-spacing: 0.05em;
  border-top: solid 2px #dddddd;
  border-right: solid 2px #dddddd;
  border-bottom: solid 2px #dddddd;
  border-left: solid 2px #dddddd;
  background-color: #fcfbf9;
}

#contents .waku_tone_bg {
  margin: 14px 2px 14px 2px;
  padding: 2px 8px 2px 10px;
  line-height: 1.8;
  letter-spacing: 0.05em;
  border-top: solid 10px #f1eae0;
  border-right: solid 6px #f1eae0;
  border-bottom: solid 10px #f1eae0;
  border-left: solid 6px #f1eae0;
  background-color: #fffcf7;
}

.waku_gold_bg {
  margin: 14px 2px 14px 2px;
  padding: 2px 6px 2px 8px;
  line-height: 1.8;
  letter-spacing: 0.05em;
  border-top: solid 5px #f0ddb2;
  border-right: solid 5px #f0ddb2;
  border-bottom: solid 5px #f0ddb2;
  border-left: solid 5px #f0ddb2;
  background-color: #fff8e3;
}

.gray_bg_contact {
  margin: 18px 2px 10px 2px;
  padding: 10px 8px 10px 18px;
  line-height: 1.7;
  letter-spacing: 0.05em;
  border-top: solid 1px #dddddd;
  border-right: solid 1px #dddddd;
  border-bottom: solid 1px #dddddd;
  border-left: solid 1px #dddddd;
  background-color: #eeeeee;
}

.gray_bg_contact p {
  margin: 0;
  padding: 3px 0 3px 0;
  line-height: 1.7;
}


/*---------- 文字装飾 ----------*/

span.big {
  font-size: 1.12em;
  line-height: 1.9;
}

span.b_big {
  font-weight: bold;
  font-size: 1.12em;
  line-height: 1.7;
}

span.b_big_x {
  font-weight: bold;
  font-size: 1.25em;
  line-height: 1.7;
}

span.check {
  font-weight: bold;
  font-size: 1.12em;
  line-height: 1.7;
  color: #555555;
}

span.red {
  color: #e60033;
}

span.red_x {
  color: #e60033;
  font-size: 1.12em;
  line-height: 1.7;
}

span.red_b {
  color: #e60033;
  font-weight: bold;
  line-height: 1.7;
}

span.red_big {
  color: #e60033;
  font-weight: bold;
  font-size: 1.12em;
  line-height: 1.7;
}

span.red_big_x {
  color: #e60033;
  font-weight: bold;
  font-size: 1.25em;
  line-height: 1.7;
}

span.brown {
  color: #993300;
}

span.brown_b {
  color: #993300;
  font-weight: bold;
}

span.brown_x {
  color: #993300;
  font-size: 1.12em;
  line-height: 1.7;
}

span.brown_b {
  color: #993300;
  font-weight: bold;
  line-height: 1.7;
}

span.brown_big {
  color: #993300;
  font-weight: bold;
  font-size: 1.12em;
  line-height: 1.7;
}

span.brown_big_x {
  color: #993300;
  font-weight: bold;
  font-size: 1.25em;
  line-height: 1.7;
}

span.blue {
  color: #007bbb;
}

span.blue_b {
  color: #007bbb;
  font-weight: bold;
  line-height: 1.7;
}

span.blue_big {
  color: #007bbb;
  font-weight: bold;
  font-size: 1.12em;
  line-height: 1.7;
}

span.pink {
  color: #c53d43;
}

span.pink_b {
  color: #c53d43;
  font-weight: bold;
  line-height: 1.7;
}

span.pink_big {
  color: #c53d43;
  font-weight: bold;
  font-size: 1.12em;
  line-height: 1.7;
}

span.orange {
  color: #e85922;
  line-height: 1.7;
}

span.orange_b {
  color: #e85922;
  font-weight: bold;
  line-height: 1.7;
}

span.orange_big {
  color: #e85922;
  font-weight: bold;
  font-size: 1.12em;
  line-height: 1.7;
}

span.orange_big_x {
  color: #e85922;
  font-weight: bold;
  font-size: 1.25em;
  line-height: 1.7;
}

span.green {
  color: #00ae4f;
}

span.green_b {
  color: #688119;
  font-weight: bold;
  line-height: 1.7;
}

span.green_big {
  color: #688119;
  font-weight: bold;
  font-size: 1.12em;
  line-height: 1.7;
}

span.mark {
  padding: 2px 2px 0 2px;
  color: #54351f;
  line-height: 1.7;
  background-color: #fdfaab;
}

span.mark_b {
  padding: 2px 2px 0 2px;
  color: #54351f;
  line-height: 1.7;
  font-weight: bold;
  background-color: #fdfaab;
}

span.mark_big {
  padding: 2px 2px 0 2px;
  color: #54351f;
  font-size: 1.12em;
  line-height: 1.7;
  font-weight: bold;
  background-color: #fdfaab;
}

 span.mark_red {
  padding: 2px 2px 0 2px;
  color: #e60033;
  line-height: 1.7;
  background-color: #fdfaab;
}

span.mark_red_b {
  padding: 2px 2px 0 2px;
  color: #e60033;
  font-weight: bold;
  line-height: 1.7;
  background-color: #fdfaab;
}

span.mark_brown {
  padding: 2px 2px 0 2px;
  color: #993300;
  line-height: 1.7;
  background-color: #fdfaab;
}

span.mark_brown_b {
  padding: 2px 2px 0 2px;
  color: #993300;
  font-weight: bold;
  line-height: 1.7;
  background-color: #fdfaab;
}


/*---------- サイドエリア ----------*/

#menu hr.line {
  margin: 0;
  padding: 2px 0 6px 0;
  border: 0;
  border-bottom: dotted 1px #666666;
}


/*---------- トップに戻る ----------*/

.menu_back p.back {
  margin: 6px 0 0 0;
  padding: 0 5px 0 0;
  text-align: right;
}

.scroll {
  width: 180px;
  height: 28px;
}

.area-div {
	width:100%;
	margin:20px auto;
	display:flex;
	justify-content:space-between;
	
    
    
}
.area-div div {
	width:18%;
padding: 0em 0.1em;
    margin: 0 0.1em;
   box-shadow: 1px 1px 5px 1px #999;
      	text-align:center;
}
.area-title {
	font-weight:bold;
}
.area-div div p {
	margin:0px 0px -10px;
	padding:0px;
	background-color:#fff;
}


.area-div div p a {
	display:block;
	width:100%;
	text-decoration:none;
}
.area-div div p a:hover {
	background-color:#89c3eb;
	font-weight:bold;
	color:#fff;
}

.area-div div ul {
	list-style:none;
}
.area-div div ul li {
}
.area-div div ul li a {
	text-decoration:none;
	display:block;
	width:100%;
	padding:3px 0;
}
.area-div div ul li a:hover {
	background-color:#89c3eb;
	font-weight:bold;
	color:#fff;
}



.std_tb_souran {
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
}
.std_tb_souran td {
	padding:5px;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	line-height:1.5;
	text-align:left;
	vertical-align:top;
	position:relative;
}
.std_tb_souran th {
	width:20%;
	padding:5px;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	line-height:1.5;
	text-align:left;
	vertical-align:top;
	background-color:#eaf4fc;

}

@media (max-width: 768px){
	.std_tb_souran td {
		width:100%;
		display:block;
		padding:5px;
		border-right:1px solid #ccc;
		border-bottom:1px solid #ccc;
		line-height:1.5;
		vertical-align:top;
		position:relative;
	}
	.std_tb_souran th {
		width:100%;
		padding:5px;
		border-right:1px solid #ccc;
		border-bottom:1px solid #ccc;
		line-height:1.5;
		text-align:center;
		vertical-align:top;
		background-color:#eaf4fc;
		display:block;


	}


}


h4.souran-h4 {
width:100%;
font-size:1.4em;
font-weight:bold;
 padding: 0.7em;
  background: #fff;
box-sizing: border-box; 
/*
  background: aliceblue;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.23);
*/
}

h4.souran-h4 a {
	text-decoration: none;
	display:block;
	width:100%;
	height:100%;
}
h4.souran-h4 a:hover {
	text-decoration: none;
	background:#ebf6f7;

}

.std_tb_tiku {
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
}
.std_tb_tiku td {
	width:85%;
text-align:left;
	padding:7px;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	line-height:1.5;
	vertical-align:top;
	position:relative;
box-sizing: border-box;
}
.std_tb_tiku td a {
width:10%;
	display: inline-block;
	padding:7px;
	text-decoration:none;
	font-weight:bold;
	text-align:center;

}

.std_tb_tiku td a:hover {

	display: inline-block;
	padding:7px;
	text-decoration:none;
	background:#ebf6f7;
}

.std_tb_tiku th {
	width:15%;
	padding:7px 7px 7px 12px;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	text-align:left;
	vertical-align:center;
	background-color:#eaf4fc;
box-sizing: border-box;
}

@media (max-width: 768px){
  .std_tb_tiku {
	}
	.std_tb_tiku td {
		width:100%;
		display:block;
	}
	.std_tb_tiku td a {
	width:20%;
	display: inline-block;
		padding:7px;
		text-decoration:none;
		font-weight:bold;
		text-align:center;
	}

	.std_tb_tiku td a:hover {

		display: inline-block;
		padding:7px;
		text-decoration:none;
		background:#ebf6f7;
	}

	.std_tb_tiku th {
		width:100%;
		display:block;
	}


}

.list-back {
	width:30%;
	padding:10px;
	text-align:center;
	font-size:1.2em;
	font-weight:normal;
	margin:20px auto;
	letter-spacing:2px;
	background-color:#ffffff;
	border-radius:10px;
	border:none;
	color:#000;
	cursor:pointer;
}
.list-back:hover {
	background-color:#eee;
}

.fa-book:before{
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-family: "Font Awesome 5 Free"; 
	font-weight: 900;
	content: '\f106';
}
.fa-book-open-reader:before{
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-family: "Font Awesome 5 Free"; 
	font-weight: 900;
	content: '\f106';
}
.iframe-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}

.iframe-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ichiran-post {
	margin-bottom:20px;
}


.ichiran-h3 {
	text-align:left;
}

.ichiran-h3 a {
	text-decoration:none;
}

.searchandfilter p{
    display:block;
    background-color:red;
}
.searchandfilter ul{
    display:block;
}
.searchandfilter li{
    list-style: none;
    display:block;
    margin-bottom: 1em;
}
.widget-area .searchandfilter li, .widget-area .searchandfilter p{
    display:block;
}
.searchandfilter{
    text-align: center;
}