url()/*
Theme Name: yamatou


default
Theme URI: http://320press.com/wpbs
Description: A simple responsive theme based on the Bootstrap framework. Includes multiple page templates, two different sidebars and a theme options panel.
Version: 3.2
Author: Chris Barnes
Author URI: http://cbarn.es
Tags: black, white, one-column, two-columns, flexible-width, custom-background, custom-colors, custom-menu, full-width-template, theme-options
License: GNU General Public License v2.0 & Apache License 2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html http://www.apache.org/licenses/LICENSE-2.0
*/

/* HEADS UP: Everything that you will normally find here can be found in the library/less/wp.less 
	192行　要チェック
*/

@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Montserrat);
@font-face {
    font-family: glyphicons-halflings-regular;
    src: url(font/glyphicons-halflings-regular.ttf) format("truetype");
}

/* Body */

/* *{outline: solid 1px #f00}*/


body {
padding-top: 0;
font-family: "リュウミン R-KL", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", Sawarabi Mincho, serif;
background-color: #fff;
font-weight: 200;
text-align:justify;
padding-right: -15px; 
color: #6e6e6e;
line-height: 1.5em;
font-size: 1.5em;
}


/* 歴史のページ用　背景色の指定*/
body.page-id-108  {
padding-top: 0;
/* font-family: Lato, "Noto Sans JP", "游ゴシック Medium"s, "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;  　2018/11/21　全体を明朝に変更*/
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Sawarabi Mincho" , serif;
/* background-image: url(images/bg1.jpg); */
background-color: #c1c1c1;
color: #fff;
font-weight: 200;
text-align:justify;
/* font-family:'hannari', serif; */
padding-right: -15px;z-index: 
color: #666;
line-height: 1.5em;
font-size: 1.5em;
}



/* こだわりのページ用　背景色の指定*/
body.page-id-106  {
padding-top: 0;
/* font-family: Lato, "Noto Sans JP", "游ゴシック Medium"s, "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;  　2018/11/21　全体を明朝に変更*/
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Sawarabi Mincho" , serif;
/* background-image: url(images/bg1.jpg); */
background-color: #776d62;
color: #fff;
font-weight: 200;
text-align:justify;
/* font-family:'hannari', serif; */
padding-right: -15px;z-index: 
color: #666;
line-height: 1.5em;
font-size: 1.5em;
}





@media(max-width: 767px) {
    body {
        /*    padding-top: 58px;  上部の隙間を消す　2019/06/11*/
        padding-top: 0px;
        font-size: 1.2em;
    }
}


/* pの嫌な隙間を削除*/

p{
	margin: 0;
}




/*  下部の隙間 */
#main article{
	margin-bottom: 0px;
	padding-bottom: 0px;
}

/* リンク */
a:link {
	color: #6e6e6e;
	text-decoration: none;
	outline: none;
}
a:visited {
	color: #6e6e6e;
	text-decoration: none;
	outline: none; 
}
a:hover {
	/*color: #455ED1;*/
	color: #E2D4B0;
	text-decoration: underline;
	outline: none; 
}
a:active {
	color: #6e6e6e;
	text-decoration: none;
	outline: none; 
}

a:focus { outline:none;}



/*  画像のリンク */

/* a:hover img {   既定
  opacity: 0.9;
  filter: alpha(opacity=90);
  -ms-filter: "alpha(opacity=90)";
}
*/


a:hover img {
  opacity: 1;
  -webkit-animation: flash 1.5s;
  animation: flash 1.5s;
}
@-webkit-keyframes flash {
  0% {
    opacity: .4;
  }
  100% {
    opacity: 1;
  }
}
@keyframes flash {
  0% {
    opacity: .4;
  }
  100% {
    opacity: 1;
  }
}



 
 
 /**   Flwxbox 関係　　*********************************/


.topbox1{
  display : -webkit-box;     /* old Android */
  display : -webkit-flex;    /* Safari etc. */
  display : -ms-flexbox;     /* IE10        */
  display : flex;

  background: #fff;
 
}


/*  トップページの各コンテンツ*/

#id1 {
  -webkit-flex-direction: row;             /* Safari etc. */
  -ms-flex-direction    : row;             /* IE10        */
  flex-direction        : row;
  display: flex;
  line-height: -0.9em;
}

#id2 {
  -webkit-flex-direction: row;             /* Safari etc. */
  -ms-flex-direction    : row;             /* IE10        */
  flex-direction        : row;
  display: flex;
}

#id3 {
  -webkit-flex-direction: row;             /* Safari etc. */
  -ms-flex-direction    : row;             /* IE10        */
  flex-direction        : row;
  display: flex;
}

#id4 {
  -webkit-flex-direction: row;             /* Safari etc. */
  -ms-flex-direction    : row;             /* IE10        */
  flex-direction        : row;
  display: flex;
}


.fl_con-50{
	 width: 50%;
	 background-color: #f5f5f5;
 }
 

  
  @media (max-width: 580px) {

 .fl_con-50{
	 width: 100%;
	 background-color: #5f5f5;
	 margin: 0;
	 padding-bottom: 3em;
 }
 
 #id1 {
   -webkit-flex-direction: column;          /* Safari etc. */
  -ms-flex-direction    : column;          /* IE10        */
  flex-direction        : column;
}

#id2 {
  -webkit-flex-direction: column-reverse;  /* Safari etc. */
  -ms-flex-direction    : column-reverse;  /* IE10        */
  flex-direction        : column-reverse;
}

 #id3 {
   -webkit-flex-direction: column;          /* Safari etc. */
  -ms-flex-direction    : column;          /* IE10        */
  flex-direction        : column;
}

#id4 {
  -webkit-flex-direction: column-reverse;  /* Safari etc. */
  -ms-flex-direction    : column-reverse;  /* IE10        */
  flex-direction        : column-reverse;
}

  
 }



.top_info{
	width: 40%;
	margin-left: auto;
	margin-right: auto;
	font-size: 1.5em;
	text-align: center;
	padding-bottom: 0.2em;
	border-bottom: 1px solid #999;
}
@media (max-width: 580px) {

.top_info{
	width: 60%;
	margin-left: auto;
	margin-right: auto;
	font-size: 1.8em;
	text-align: center;
	padding-bottom: 0.2em;
	border-bottom: 1px solid #999;
}
}

 /**   END Flwxbox 関係　　*********************************/
 
 
 /**   ↓　新着情報の表示　　*********************************/

.wn-1 li{
	list-style-type: none;
	border-bottom:  1px dotted #c1c1c1;
	padding-bottom: 0.2em;
	margin-bottom: 0.2em;
}

@media (max-width: 580px) {

.wn-1 li{
	list-style-type: none;
	border-bottom:  1px dotted #c1c1c1;
	padding-bottom: 0.2em;
	margin-bottom: 0.2em;
	float: right;
	font-size: 0.9em;
	width: 100%;
}

}




/* トップぺページのメインコンテンツ*/

.main_col1
{
	color: #fff;
	background-color: #c1c1c1;
	width: 90%;
	
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	
}


@media (max-width: 980px) {

.main_col1{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	
}
}

@media (max-width: 580px) {

.main_col1{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 3em;
	
}

}


.main_col2{
	margin: 1em;
	padding-bottom: 1em;
	text-align: left;
}



.text_st2{
	font-size: 1.5em;
	text-shadow:2px 2px 3px #707070;
	text-align: center;
	margin-bottom: 0.5em;
	
}

@media (max-width: 580px) {
.text_st2{
	font-size: 1.8em;
	text-shadow:2px 2px 3px #707070;
	text-align: center;
	margin-bottom: 0.5em;
	
}

}


/*2018/09/05　ボタンのDefaultの背景をクリア   2018/10/20　repair

.btn{
	background-color: #fff;
}

.btn a:link {
	background-color: #fff;
}
*/

header{
background-repeat: repeat-x;
/* background-image: url(images/bg_header.jpg); */
background-color: #c1c1c1;
/*background: rgba(255,255,255,0.95); */
position: relative;
z-index: 1000;


}

@media (max-width: 580px) {

.navbar-header{
	background-color: #c1c1c1;
}

}

/*　ーーーー	表示の切り替え　ーーーーーーーーーーーーーーーーー　*/
.tit_pc{
	display: block;
}

.tit_sp{
	display: none;
}

@media (max-width: 580px) {
	
.tit_pc{
	display: none;
}

.tit_sp{
	display: block;
}

}






/* GMの背景 リンク　設定　*/
.navbar-default {

/*background-color: #ffffff;
 border-top: solid 1px #999;
border-bottom: solid 1px #999; */
line-height: 1em;
  
/* background-image: url(images/bg1.jpg); */
}

.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
    max-height: calc(100vh - 58px);
}

@media(min-width: 768px) {

    .navbar-default {
        margin-top: 3px;
        padding-top: 12px;
    }
    .navbar-fixed-top {
        position: static;
        border: none;
    }
}

@media (max-width: 580px) {
	
.navbar-default {
margin-top: 0;
background-color: #c1c1c1;
border-top: solid 0px #ffffff;
border-bottom: solid 0px #ffffff;
padding-top: 8px;
/* color: #1a902b; */
border-bottom: 1px solid #f6f5ee;

}

}
	
	

.navbar-default a:link {
	color: #000;
	text-decoration: none;
	outline: none;
	display: block;
}


.navbar-default a:visited {
	color: #000;
	text-decoration: none;
	outline: none; 
}


.navbar-default a:hover {
	color: #000;
	text-decoration: none;
	outline: none; 
	background-position: center bottom;
	background-size: 70% auto;
	background-repeat: no-repeat;
}




.navbar {
  min-height: 30px;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
  background-color: transparent;
  background-color: #ffffff;
  text-align: center;

}


.tel-no-img {
  float: right;
  margin-left: 4rem;
}


.navbar-toggle{
	background-color: #fff;
}

.sp_tel{
	margin-bottom: 4em;
}

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




footer {
position: relative;
background-color: #d0d0d0;
padding-top: 3rem;
padding-bottom: 3rem;
color: #ffffff;
/* font-size: 0.8em; */

line-height: 1em;
}




@media (min-width: 1080px) {

.fgm_mt{
	margin-top: 1em !important;
}

}



@media (max-width: 580px) {

footer {
position: relative;
background-color: #d0d0d0;
padding-top: 3rem;
padding-bottom: 3rem;
color: #ffffff;
font-size: 1em;


}
}



/*  上に戻るボタン  */
#page-top {
	
	position: fixed;
	bottom: 40px;
	right: 20px;
	font-size: 77%;
	width: 60px;
	height: 60px;
}
#page-top a {
	
	text-decoration: none;
	color: #000;
	width: 100px;
	padding: 10px 0;
	text-align: center;
	display: block;
	border-radius: 5px;
	opacity: 0.5;
	width: 60px;
	height: 60px;
	background-image: url(images/p_top.png);
}
#page-top a:hover {
	text-decoration: none;
	
	
	background-image: url(images/p_top.png);
}

@media (max-width: 580px) {
	#page-top {
	
	position: fixed;
	bottom: 40px;
	right: 20px;
	font-size: 77%;
	width: 56px;
	height: 70px;
}
	}
	
	
#scroll-to-top {
	display:  none;
}
	
.navbar-default .navbar-nav>li>a.active {
	color: #000;
}



.navbar-static-top{
	padding-top: 12px;
}

.slide-container {display: none;}
section .post_content {display: none;}




/*　ーーーー	header　Globalnavigationーーーーーーーーーーーーーーーーー　*/

ul, menu, dir {
	-webkit-padding-start: 0px
}


.gnavi {
display:table; /* テーブル要素として表示 */
table-layout:fixed; /* 横幅を固定 */
width:60%/* 任意の横幅 */;
margin-bottom: 1rem;
}

.box_gnavi{
	padding: 0px;
}


/*　スマホの時の嫌な線分の非表示　　*/
.navbar-collapse{
	
	border-top: solid 0px #000;
}






.gnavi li {
			text-align: center;
			display: table-cell;
			/* border-left: 1px solid #c1c1c1;
			border-right: 1px solid #c1c1c1;  */
			font-size: 1em;
			/* border-bottom: 2px solid #a61021;　   2019/06/27　左右の罫線
			border-spacing: 20px 0; */
			padding-bottom: 0.5rem;
			/*background: url(images/bg_gm.jpg); */
			background-repeat: no-repeat;
			background-position: center bottom;
			background-size: 80% auto;
		}
 
.gnavi li + li {
			border-left: none;
		}
		

/* gnavi li hover エフェクト 2018/10/17*/
ul.gnavi li {
	position: relative;
}

ul.gnavi li::after {
	display: block;
	content: '';
	width: 80%;
	height: 2px;
	position: absolute;
	background-color: #6c6c6c;
	bottom: -6px;
	left:10%;
	transform-origin: center;
	opacity: 0;
	transform: scaleX(0);
	transition: all 0.3s;
}

ul.gnavi li:hover::after
 {
	opacity: 1;
	transform: scaleX(1);
	transition: all 0.3s;
}

@media (max-width: 988px) {
.gnavi li {
			text-align: center;
			display: table-cell;
			/* border-left: 1px solid #999;   2019/06/27　左右の罫線
			border-right: 1px solid #999;   */
			font-size: 0.8em;
		}

}



.gnavi a:link {
	color: #fff;
	text-decoration: none;
	outline: none;
}


.gnavi a:visited {
	color: #fff;
	text-decoration: none;
}


.gnavi a:hover {
	color: #707070;
	text-decoration: none; 
}




.menu_g li{ 
display: inline; 
padding-bottom: 3px;
margin: 0; 
float: left;
width: 40%;
border-bottom: dotted 1px #333;
margin-bottom: 4px;
margin-left: 5%;
margin-right: 5%;
text-align: center;

}



/*　ーーーー	Header contents　ーーーーーーーーーーーー　*/	
img.head_logo {
    width: 20%;
    max-width: 198px
    float: left;

  }


.header_contents{
	
	padding-top: 0.5em;
	padding-bottom: 0em;
	
	
}


h1 {
	font-size: 1.8em;
	letter-spacing: 3px;
    display: inline-block;
    text-align: center;
    border-bottom: 1px solid #c1c1c1;
    margin-bottom: 3px;
}

.h1_bn {
	font-size: 2.5em;
	
    display: inline-block;
    text-align: center;
    border-bottom: 0px solid #FFF;
    margin-bottom: 3px;
}



h2 {
	font-size: 2.32em;
	
    /*  display: inline-block;
    text-align: center;
    border-bottom: 1px solid #c1c1c1;
    margin-bottom: 3px; */
}


h3 {
	font-size: 1.5em;
	/*line-height: 1em;
    display: inline-block;
    margin:0px;
    text-align: center;
    border-bottom: 1px solid #c1c1c1;
    margin-bottom: 3px;
    padding: 0.1em;*/
}



.text_st1{
	font-size: 0.9em;
	margin-bottom: 4em;
	/* margin-top: -0.1em; */
}


.text_st3{
	font-size: 1.2em;
	margin-bottom: 1em;
	/* margin-top: -0.1em; */
	
}



@media (max-width: 980px) {
.text_st1{
	font-size: 0.9em;
	margin-bottom: 3em;
	/* margin-top: -0.1em; */
}

}


@media (max-width: 580px) {

.text_st1{
	font-size: 0.8em;
	margin-bottom: 4em;
	margin-top: 1em;
}

}




@media (max-width: 980px) {

img.head_logo {
    width: 40%;
    max-width: 108px
    float: left;
  }

.tel-no-img {
    display: none;
  } 
  } 
  
 .navbar-toggle{
	/*margin-top: -80px;*/
	/* z-index: 9999;
	position: fixed; */
}

@media (max-width: 988px) {
	
img.head_logo {
    width: 25%;
    float: left;
  }
#sidebar1 {
		display: none;
	}
#text-3 {
		display: block;
	}  
  

  
}


@media (max-width: 580px) {
	
  
/* 画像とテキストの表示切り替え */
  .img-txt img {
    display: none;
　}
  .img-txt span {
    display: block;
  }
/* 画像とテキストの表示切り替え 終わり*/

.navbar-brand {
    padding: 0;
}

img.head_logo {
    width: 50%;
    max-width: 240px;
    float: left;
    margin-left: 0.5rem;
  }


}


/*　ーーーー	Header contents　ここまで　ーーーーーーーー　*/

/*　ーーーー	Footer　Globalnavigationーーーーーーーーーーーーーーーーー　*/



/*   desktopメニューのリストマークなど　*/

/* リストマーク　有り　*/
.li_f {
	font-size: 1.1em;
	line-height: 1.5em;
	/* margin-left: -3em; */
	list-style: none;
}

.li_f li:before {
  font-family: FontAwesome;
  content: '\f105'; /* アイコンのunicode */
  margin-left: 1em;
  margin-left: -2em¥9;/* IE対策 */
  
}

/* IE対策 */
@media all and (-ms-high-contrast: none){
.li_f li:before {
  font-family: FontAwesome;
  content: '\f105'; 
  margin-left: -2em;
  
}

}


.li_f a:link {
	color: #666;
	text-decoration: none;
	outline: none;
}


.li_f a:visited {
	color: #666;
	text-decoration: none;
}


.li_f a:hover {
	color: #7DA2CD;
	text-decoration: none; 
}


/* リストマーク　無し　*/
.li_f1 {
	font-size: 1.1em;
	line-height: 1.5em;
	list-style: square;
	/* margin-left: -3em; */
	list-style: none;
}



.li_f1 a:link {
	color: #666;
	text-decoration: none;
	outline: none;
}


.li_f1 a:visited {
	color: #666;
	text-decoration: none;
}


.li_f1 a:hover {
	color: #7DA2CD;
	text-decoration: none; 
}


/*   mobile　メニューのリストマークなど　*/


.menu_f {
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-left: 0px;
	color: #666;
}


.menu_f ul{
	font-size: 0;
}


.menu_f li{ 
list-style: none;
font-size: 0.9em;; 
display:inline-block;
float: left; 
margin-left: 2%;
margin-rigth: 2%;
margin-bottom: 8px;
width: 45%;
border-bottom: dotted 1px #999;
text-indent: 0.5em;
line-height: 2.5rem;
}

.menu_f li:before {
  font-family: FontAwesome;
  content: '\f105'; /* アイコンのunicode */
}


.menu_f a:link {
	color: #666;
	text-decoration: none;
	outline: none;
}


.menu_f a:visited {
	color: #666;
	text-decoration: none;
}


.menu_f a:hover {
	color: #a61021;
	text-decoration: none; 
}


.copyright{
	color: #666;
	text-align: center;
	font-size: 0.6em;
	margin-top: 12px;
	padding-top: 12px;
	/*padding-bottom: 12px; */
}


.footer_information{
	margin-top: 2em;
	padding-top: 1.5em;
	border-bottom:  1px solid #4e9e1a;   
    vertical-align: bottom;
	
}

@media (max-width: 988px) {


.footer_information{
	margin-top: 2em;
	padding-top: 1.5em;
	font-size: 0.8em;
}

}

img.footer_logo {
    width: 100%;
    max-width: 270px;
    /*float: left;*/
  
  }
.footer_tel{
	float: right;
}


.footer_add{
	font-size: 0.9em;
}

@media (max-width: 580px) {
	
img.footer_logo {
    width: 100%;
    max-width: 198px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2em;
    /*float: left;*/
  
  }

	
.footer_add{
	font-size: 0.7em;
}

}



@media (max-width: 580px) {

.footer_information_sp{
	margin-top: 2em;
}

.footer_information_sp1{
	margin-top: 1em;
	font-size: 0.8em;
}

}


.footer_sns{
	margin-top: 2em;
	margin-left: auto;
	margin-right: auto;
}

.sns_ico1{
	width: 2.5em;
	margin-right: 3em;
}
.sns_ico2{
	width: 2.5em;
}

@media (max-width: 580px) {
.footer_sns{
	margin-top: 0em;
	margin-left: auto;
	margin-right: auto;
}

}



/*　ーーーー	fontの設定　ーーーーーーーーーーーーーーーーー　*/


.att1{
	text-indent: -2em;
	padding-left: 2em;
}

.att1_1{
	text-indent: -2em;
	padding-left: 2em;
	margin-top: -1em;
}


.att2{
	text-indent: -2em;
	padding-left: 2em;
	font-size: 0.8em;
}


.att2_1{
	text-indent: -2em;
	padding-left: 2em;
	font-size: 0.8em;
	margin-top: -1em;
}



.att2_g{
	text-indent: -2em;
	padding-left: 2em;
	font-size: 0.8em;
	color: #999;

	　　
}

.att2_g_1{
	text-indent: -2em;
	padding-left: 2em;
	font-size: 0.8em;
	color: #999;
	margin-top: -1em;
	　　
}



.att2_gr{
	text-indent: -2em;
	padding-left: 2em;
	font-size: 0.8em;
	color: #a48e63;
}

.att3{
	text-indent: -2em;
	padding-left: 2em;
	font-size: 0.6em;
}

@media (max-width: 580px) {
	.att3{
		text-indent: -2em;
		padding-left: 2em;
		font-size: 0.6em;
		
	}
}


.att4 {
	text-indent: -1em;
	padding-left: 2em;
}

.att4_1 {
	text-indent: -1em;
	padding-left: 2em;
	margin-top: -1em;
}



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

.font_m1_1 {
	margin-top: -0.5em;
}

.font_s1{
	font-size: 0.8em;
}

.font_s2{
	font-size: 0.7em;
}

.font_s3{
	font-size: 0.5em;
}


/* 電話発信 */
.tel-link {
    color: #06F;
    font-size: 16px;
    font-weight: bold;
}





/* 　テーブルの設定*/

.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
  border-top: 0px solid #FFF;
} 

.table-bordered td {
  border:dotted 1px #999;
  margin: 6px;
}





.table-bordered1 td {
 border-top:solid 1px #ddd;
 border-bottom:solid 1px #ddd;
    margin: 6px;
    border-left: none;
	border-right: none;
	
}

.table-bordered1 th {
 border-top:solid 1px #ddd;
 border-bottom:solid 1px #ddd;
    margin: 6px;
    border-left: none;
	border-right: none;
	text-indent: 2em;
	font-weight: 100;
	text-align: right;
	vertical-align: bottom;
}




@media (max-width: 580px) {
.table-bordered1 th {
 border-top:solid 1px #ddd;
 border-bottom:solid 1px #ddd;
    margin: 6px;
    border-left: none;
	border-right: none;
	text-indent: 0em;
	font-weight: 300;
	font-size: 0.9em;
}


}



#gnavi .navbar-collapse collapse in{
	padding-bottom: 48px;
	padding-left: 0px;
	margin-left: 0px;
}

@media(max-width: 767px) {
    #gnavi {
        padding-bottom: 20px;
    }
}

.menu_g{
	margin-left: 0px;
	padding-left: 0px;
}

.menu_g li{ 
display: inline; 
padding-bottom: 6px;
margin: 0; 
float: left;
width: 40%;
border-bottom: dotted 1px #666;
margin-bottom: 8px;
margin-left: 5%;
margin-right: 5%;
text-align: center;
font-size: 0.8em;
}


.top{
	margin-top: 2px;
}


/*   hamburger　button　　*/

.navbar-default .navbar-toggle {
	border-color: #666;
}

.navbar-default .navbar-toggle  .navbar-toggle:hover, .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:visited{
	background-color: #fff;
}

.navbar-toggle:hover .navbar-default .navbar-toggle:focus {
	background-color: #f2f2f2;
}

.navbar-default .navbar-toggle .icon-bar{
	background-color: #666;
}









/*　ーーーー	レイアウト　ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
	ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー　*/
	
.row_st1{
	margin-top: 14vh;
}

.row_st2{
	margin-top: 10vh;
}

.row_st3{
	margin-top: 6vh;
}

.row_st4{
	margin-top: 4vh;
}

.row_st5{
	margin-top: 2vh;
}

.row_st6{
	margin-top: 1vh;
}


.bm_st1{
	margin-bottom: 1em;	
}

.bm_st1{
	margin-bottom: 1em;	
}
.bm_st2{
	margin-bottom: 2em;	
}
.bm_st3{
	margin-bottom: 3em;	
}
.bm_st4{
	margin-bottom: 4em;	
}
.bm_st5{
	margin-bottom: 5em;	
}





/*　ーーーー	レイアウト　補助　ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
	ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー　*/
	
/* コンテンツ上部の余白 */
	
.mt_st1{
	margin-top: 1em!important;
}

.mt_st2{
	margin-top: 2em!important;
}

.mt_st3{
	margin-top: 3em!important;
}

.mt_st3_1{
	margin-top: 3em!important;
}


@media (max-width: 980px) {
.mt_st3_1{
	margin-top: 2.3em!important;
	font-size: 1.2em !important;
}
}

@media (max-width: 580px) {

.mt_st3_1{
	margin-top: 3em!important;
	font-size: 1.8em !important;
}
}


.mt_st4{
	margin-top: 4em!important;
}

.mt_st5{
	margin-top: 5em!important;
}

.mt_st6{
	margin-top: 6em!important;
}

.mt_st7{
	margin-top: 7em!important;
}

.mt_st8{
	margin-top: 8em!important;
}

.mt_st9{
	margin-top: 9em!important;
}

.mt_st10{
	margin-top: 10em!important;
}

.mt_st11{
	margin-top: 11em!important;
}

.mt_st12{
	margin-top: 12em!important;
}


@media (max-width: 580px) {
.mt_st3_1{
	margin-top: 1em !important;
}


}

/* 下部の余白 */

.mb_st1{
	margin-bottom: 1em!important;
}
.mb_st2{
	margin-bottom: 2em!important;	
}
.mb_st3{
	margin-bottom: 3em!important;	
}
.mb_st4{
	margin-bottom: 4em!important;	
}
.mb_st5{
	margin-bottom: 5em!important;	
}
.mb_st6{
	margin-bottom: 6em!important;	
}
.mb_st7{
	margin-bottom: 7em!important;	
}
.mb_st8{
	margin-bottom: 8em!important;	
}

.mb_st_s1{
	margin-bottom: 0.5em!important;	
}


/* 　2019/06/27　最下部専用　  */
.mb_b{
	margin-bottom: 6em!important;	
}

/* 　2019/07/16　甘味専用　  */
.mb_st6_k1{
	margin-bottom: 6em!important;	
}



/* Mobile端末の余白 */

@media (max-width: 580px) {

.mt_s_st1{
	margin-top: 1vh;
}

.mt_s_st2{
	margin-top: 2vh;
}

.mt_s_st3{
	margin-top: 3vh;
}

.mb_s_st1{
	margin-bottom: 1em;	
}
.mb_s_st2{
	margin-bottom: 2em;	
}
.mb_s_st3{
	margin-bottom: 3em;	
}
.mb_s_st4{
	margin-bottom: 4em;	
}
.mb_s_st5{
	margin-bottom: 5em;	
}
.mb_s_st6{
	margin-bottom: 6em;	
}
.mb_s_st7{
	margin-bottom: 7em;	
}
.mb_s_st8{
	margin-bottom: 8em;	
}

.mb_st6_k1{
	margin-bottom: 0em!important;	
}



}


.box_text_st1{
	width: 70%;
	margin-left: auto;
	margin-right: auto;
}



/*タブレットでの表示*/
.visible-tb{
	display: none !important;
}

@media (max-width: 960px) {

.visible-tb{
	 display: block !important;
  }

}









/*　ーーーー	フッターメニュー　ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
	ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー　*/

ul.fm_p_list {
padding:0.5em;
list-style-type:none;

}
ul.fm_p_list li {
position:relative;
margin-top: 0.5em;
padding: 0em 0.3em 0.3em 1.3em;
border-bottom: 1px dotted #666;
/* max-width: 90%; */
}
ul.fm_p_list li::before {
position: absolute;
content: '';
display: block;
top: 0.5em;
left: 0;
width: 6px;
height: 6px;
/* border-right: 2px solid #886a08;
border-bottom: 2px solid #886a08;  */
transform: rotate(-45deg);
}



/*　ーーーー	ヘッダーの一覧メニュー　ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
	ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー　*/


}







/*固定のテスト
header{}

@media (max-width: 580px) {

header{
	position: fixed;
	z-index: 9999999999;
}


}*/


/* 固定のテスト   2018/10/04 */
header.g_header {
	position: fixed;
	width: 100%;
	z-index: 10001;
}

/* ul.gnavi 修正  2018/10/04 */
ul.gnavi {
	display: flex;
	justify-content: flex-end;
	width: 100%;
	margin-top: -2rem;
}

ul.gnavi li {
	display: block;
	padding-bottom: 0;
	width: 20%;
}

@media (max-width: 1200px) {
	ul.gnavi {
		margin-top: -18px;
	}

	ul.gnavi_top {
		margin-top: 0rem;
	}

	ul.gnavi li {
		/* font-size: 1em;   2019/06/27　iPad向けに削除　*/
		width: 11em;
	}

	div.imgbox {
		width: 2200px;
	}
}

@media (max-width: 980px) {
	ul.gnavi {
		margin-top: -24px;
	}

	ul.gnavi_top {
		margin-top: 0rem;
	}
}

/*  2019/07/10　GM上部の隙間調整  スマホ時要注意*/
nav.navbar {
	padding-top: -12px;
	padding-bottom: 0;
	margin: 0;
	margin-top: 2em;
}

@media (max-width: 980px) {
nav.navbar {
	padding-top: -12px;
	padding-bottom: 0;
	margin: 0;
	margin-top: 0em;
}

}


@media (min-width: 992px) {
	.container {
		width: 960px;
		
	}
}


@media (min-width: 1200px) {
	.container {
		width: 1140px;
		
	}
}

div.imgbox {
	display: inline-block;
	width: 200px;
	float: right;
}

div.imgbox > img {
	display: block;
	width: 100%;
}


/* スライダーの調整   2018/10/04 */
div.sliderbox {
	width: 100%;
	overflow: hidden;
	padding-top: 120px;
}

@media (max-width: 767px) {
	div.sliderbox {
		padding-top: 0;
	}
}


 
 
  /* モバイル画面時のメニュー横のアイコン 2018/10/17*/
 div.iconbox {
	 display: none;
 }

@media screen and (max-width: 760px) {
	 div.iconbox {
		 display: inline-flex;
		 float:right;
	 }

	 div.iconbox > a {
		 display: block;
		 width: 44px;
		 margin-right: 10px;
	 }

	 div.iconbox > a >img {
		 display: block;
		 width: 100%;
	 }
}

@media screen and (max-width: 460px) {
	 div.iconbox>a {
		 width: 40px;
		 padding-top: 5px;
	 }
}

@media screen and (max-width: 350px) {
	 div.iconbox_gheader {
		 margin-top: -1rem;
		 padding-top: 0;
	 }
}

 /* モバイル画面時のヘッダーのロゴ修正 2018/10/17*/
a.navbar-brand {
	float: left;
	padding: 0 15px 0 15px;
	height: 50px;
	width: 160px;
}

a.navbar-brand > img.head_logo {
	display: block;
	width: 100%;
}

@media screen and (max-width: 580px) {
	a.navbar-brand {
		width: 140px;
		padding: 0 15px 0 5px;
	}

	a.navbar-brand>img.head_logo {
		margin-left: 0;
	}
}

 
/*flexbox*/
.box_f1 {
  display: -webkit-flex;
  display: flex;
}


.box_f1 section {
  -webkit-flex: 1;
  flex: 1;
  margin: 10px;
  padding: 15px;
}



.text_lm_st1{
	margin-left: 1em;
}
.text_lm_st1_1{
	font-size: 1.2em;
	color: #886a08;
	margin-left: 1em;
}
.text_lm_st2{
	margin-left: 2em;
}



.btn-warning{

    color: #886a08;
    background-color: #ece7d4;
    border-color: #d3bc5d;

}



/* 
.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #000;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
} */

/* @media (max-width: 580px) {

.row img{
	margin-bottom: 1.5em;
}

.header_navi1 img{
	margin-bottom: 0.2em;
}
} */



/*2018/12/14　追記　hoverで拡大表示*/

.img_expand {
	overflow: hidden;
	
}
.img_expand img {
	display: block;
	transition-duration: 0.3s;
}
.img_expand img:hover {
	transform: scale(1.05);
	transition-duration: 0.3s;	
}

/************************************* 
    字詰め処理  by 辻之内
*************************************/
@media (max-width: 960px){
	.toolong {
		letter-spacing: -0.05em;
	}
}

@media (max-width: 580px) {
	.toolong {
		letter-spacing: 0;
	}
}



.toolong_01 {
	display: inline;
}

@media (max-width: 960px){
	.toolong_01 {
		letter-spacing: -0.15em;
	}
}

@media (max-width: 580px) {
	.toolong_01 {
		letter-spacing: 0;
	}
}


.toolong_02 {
	display: inline;
}

@media (max-width: 580px) {
	.toolong_02 {
		font-size: 16px;
	}
}


.toolong_03 {
	display: inline;
}

@media (max-width: 580px) {
	.toolong_03 {
		letter-spacing: -0.05em;
	}
}


.toolong_04 {
	display: inline;
}

@media (max-width: 580px) {
	.toolong_04 {
		letter-spacing: -0.1em;
	}
}



@media (max-width: 580px) {
	.toolong_05 {
		letter-spacing: -0.05em;
	}
}



.fs10 {
	display: inline;
}

@media (max-width: 580px) {
	.fs10 {
		font-size: 12px;
	}
}

/************************************* 
    タブレット表示の際に横スライダー出ることへの対処  by 辻之内
*************************************/
@media (min-width: 768px) {
	.container {
		width: 720px;
	}
}

@media (min-width: 992px) {
	.container {
		width: 950px;
	}
}

@media (min-width: 1200px) {
	.container {
		width: 1140px;
	}
}

.row {
	margin-left: 0;
	margin-right: 0;
}


/*固定ヘッダーの対策 2019/06/18　*/
@media (max-width: 580px) {

.container{
	margin-top: 2em;
}
}




/************************************* 
    幅などの補正　　by Kagami
*************************************/


.width_st1{
	max-width: 80%;
}

.width_st1_ce{
	max-width: 90%;
	margin-left: auto;
	margin-right: auto;
}


.width_st2{
	max-width: 60%;
}

.width_st3{
	max-width: 50%;
}


@media (max-width: 580px) {

.width_st1{
	max-width: 100%;
}

.width_st1_ce{
	max-width: 100%;
}

.width_st2{
	max-width: 100%;
}

.width_st3{
	max-width: 50%;
}

}




.box_l_st1{
	border-left: 1px solid #999;
}

@media (max-width: 580px) {
.box_l_st1{
	border-left: none;
}

}


.box_belongings{
	font-family: "M PLUS Rounded 1c";
	line-height: 2.5em;
	color: #999;
}
.headline_belongings{
	font-family: "M PLUS Rounded 1c";
	font-size: 2em;
	text-align: center;
	border-bottom: 2px dotted #999;
	padding-bottom: 0.5em;
	}
	
	
.box_bqa1{
    background-image: url(images/bg_bqa1.gif);
    background-repeat: no-repeat;
    /* background: rgba(255,255,255,0.5); */
    background-size:20% auto;
    background-position: right top;
    min-height: 20em;
        
}

.box_bqa2{
    background-image: url(images/bg_bqa2.gif);
    background-repeat: no-repeat;
    /* background: rgba(255,255,255,0.5); */
    background-size:20% auto;
    background-position: right top;
    min-height: 20em;
        
}


@media (max-width: 980px) {

.box_bqa1{
    background-image: url(images/bg_bqa1.gif);
    background-repeat: no-repeat;
    /* background: rgba(255,255,255,0.5); */
    background-size:20% auto;
    background-position: right top;
    min-height: 13em;
        
}

.box_bqa2{
    background-image: url(images/bg_bqa2.gif);
    background-repeat: no-repeat;
    /* background: rgba(255,255,255,0.5); */
    background-size:20% auto;
    background-position: right top;
    min-height: 13em;
        
}



}




.box_text_ce_l{
	text-align: center;
	text-shadow:1px 0px 6px #ffffff;
}

@media (max-width: 580px) {

.box_text_ce_l{
	text-align: left;
}
}



.text_ml_st1{
	margin-left: 1em;
}
.text_ml_st2{
	margin-left: 2em;
}
.text_ml_st3{
	margin-left: 3em;
}
.text_ml_st4{
	margin-left: 4em;
}

.text_ml_st4_1{
	margin-left: 4em;
}

.text_ml_st5{
	margin-left: 5em;
}


.text_red{
	color: #8A0808;
}



/**   メニュー表示　　*********************************/
       
.menu dt{
	font-size: 1.2em;
	margin-top: 4em;
}
.menu dd{
	font-size: 0.9em;
	color: #999;
}



@media (max-width: 980px) {
.menu dt{
	font-size: 1.2em;
	margin-top: 1em;
}

}


@media (max-width: 580px) {
.menu dt{
	font-size: 1.2em;
	margin-top: 4em;
}

.adj_1{
	margin-top: -4em;
}
}



.price{
	font-size: 1.2em;
	margin-bottom: 1em;
}
.price::after {
  content: "(税別)";
  font-size: 0.6em;
}


.price1{
	font-size: 1em;
}
.price1::after {
  content: "(税別)";
  font-size: 0.7em;
  margin-left: 0.2em;
}


.sont_s1{
	font-size: 0.8em;
}








/**   メニュー一覧　　*********************************/

/*   献立の見出し */

.hl_1 {
  font-size: 1.2em;
  text-align: center;
  position: relative;
  padding: 0.25em 1em;
  border-top: solid 1px #c1c1c1;
  border-bottom: solid 1px #c1c1c1;
}
.hl_1:before, .hl_1:after {
  content: '';
  position: absolute;
  top: -7px;
  width: 1px;
  height: -webkit-calc(100% + 14px);
  height: calc(100% + 14px);
  background-color: #c1c1c1;
}
.hl_1:before {
  left: 7px;
}
.hl_1:after {
  right: 7px;
}


.table.table-st1>thead>tr>th, .table-st1>tbody>tr>th, .table-st1>tfoot>tr>th, .table-st1>thead>tr>td, .table-st1>tbody>tr>td, .table-st1>tfoot>tr>td {
border-top        : 1px solid #c1c1c1;
border-bottom    : 1px solid #c1c1c1;
} 

.table-st1 td {
border-top        : solid 1px #c1c1c1;
border-st1    : solid 1px #c1c1c1;

border-left       : none;
border-right      : none;
padding-top       : 0.5rem;
padding-bottom    : 0.5rem;
width             : 40%;
}

.table-st1 th {
border-top        : solid 1px #c1c1c1;
border-st1    : solid 1px #c1c1c1;
border-left       : none;
border-right      : dotted 1px #c1c1c1;
padding-left      : 2rem;
padding-top       : 0.5rem;
padding-bottom    : 0.5rem;
vertical-align    : top;
width             :60%;
text-align        : left;
font-weight: normal;
}



/*mobile向け*/

@media (max-width : 580px) {
	
table.table-st1>thead>tr>th, .table-st1>tbody>tr>th, .table-st1>tfoot>tr>th, .table-st1>thead>tr>td, .table-st1>tbody>tr>td, .table-st1>tfoot>tr>td {
border-top        : 0px solid #c1c1c1;
border-st1    : 1px solid #c1c1c1;
}

.table-st1{
border-st1    : none;
}


.table-st1 td {
font-size: 1.1em;
border-top        : none;
border-st1    : none;
border-left       : none;
border-right      : none;
width             : 100%;
display           : block;
border-top        : none;
text-align        : center;
}

.table-st1 th {
background-color  : #c1c1c1;
color             : #fff;
/* font-family	: hannari,sans-serif; */
font-weight: normal;
font-size: 1.1em;
border-top        : none;
border-st1    : none;
 
border-left       : none;
border-right      : none;
padding-left      : 0rem;
vertical-align    : bottom;
text-align        : center;
width             : 100%;
display           : block;
border-top        : none;
padding-top       : 0.2rem;
padding-bottom    : 0.2rem;
}

}



/**   営業時間など　　*********************************/
.table.table-st2>thead>tr>th, .table-st2>tbody>tr>th, .table-st2>tfoot>tr>th, .table-st2>thead>tr>td, .table-st2>tbody>tr>td, .table-st2>tfoot>tr>td {
border-top        : 0px solid #c1c1c1;
border-bottom    : 0px solid #c1c1c1;
} 

.table-st2 td {
border-top        : solid 1px #c1c1c1;
border-st2    : solid 1px #c1c1c1;

border-left       : none;
border-right      : none;
padding-top       : 0.5rem;
padding-bottom    : 0.5rem;
width             : 70%;
}

.table-st2 th {
border-top        : solid 1px #c1c1c1;
border-st2    : solid 1px #c1c1c1;
border-left       : none;
border-right      : dotted 1px #c1c1c1;
padding-left      : 2rem;
padding-top       : 0.5rem;
padding-bottom    : 0.5rem;
vertical-align    : top;
width             :30%;
text-align        : left;
font-weight: normal;
}



/*mobile向け*/

@media (max-width : 580px) {
	
table.table-st2>thead>tr>th, .table-st2>tbody>tr>th, .table-st2>tfoot>tr>th, .table-st2>thead>tr>td, .table-st2>tbody>tr>td, .table-st2>tfoot>tr>td {
border-top        : 0px solid #c1c1c1;
border-st2    : 0px solid #c1c1c1;
}

.table-st2{
border-st2    : none;
}


.table-st2 td {
font-size: 1.1em;
border-top        : none;
border-st2    : none;
border-left       : none;
border-right      : none;
width             : 100%;
display           : block;
border-top        : none;
text-align        : center;
}

.table-st2 th {
background-color  : #c1c1c1;
color             : #fff;
font-weight: normal;
font-size: 1.3em;
border-top        : none;
border-st2    : none;
 
border-left       : none;
border-right      : none;
padding-left      : 0rem;
vertical-align    : bottom;
text-align        : center;
width             : 100%;
display           : block;
border-top        : none;
padding-top       : 0.2rem;
padding-bottom    : 0.2rem;
}

}




/**   店舗情報関係　　*********************************/



.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}


@media (max-width: 580px) {

.row-eq-height {
  display: block;
  display: block;
  display: block;
  display: block;
}

}




.box_main1{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.border_st1{
	border-right: 1px solid #c1c1c1;
	padding-right: 0px
}


@media (max-width: 580px) {

.border_st1{
	border-right: none;
	padding-right: 0px
}

}


.text_about{
	font-size: 1.2em;
}

@media (max-width: 980px) {
.text_about{
	font-size: 1em;
}

}

@media (max-width: 580px) {
.text_about{
	font-size: 1.5em;
	text-align: center;
	margin-bottom: 1.5em;
}

}
/**   お土産関係　　*********************************/


.sv_row_1{
	background-color: #F4F2F2;
	margin-bottom: 3rem;	
	padding: 0;
}

@media (max-width: 1180px) {
.sv_row_1{
	background-color: #F4F2F2;
	margin-bottom: 3rem;	
	padding: 0 0 1em 0;

}


}

.sv_text1{
	font-size: 1.5em;
	margin-top: 1.5em;
	margin-bottom: 0.1em;

	
}
.sv_text2{
	font-size: 0.9em;
	margin-bottom: 1em;
}

.sv_text3{
	font-size: 0.9em;
	margin-bottom: 4em;
	margin-top: -0.5em;
}



.sv_img{
	margin-top: 15px;
	margin-bottom: 15px;
}


/**   ボタン　　*********************************/

.btn_st1{
	width: 40%;
}

@media (max-width: 580px) {

.btn_st1{
	width: 60%;
}
}

/**   歴史のページ系　　*********************************/

p.resizeimage img { width: 100%; }






/**   こだわり系　　*********************************/


.hm_mm1{
	margin-top: -20px;
}


.kodawari_st1{
	font-size: 1.8em;
	padding-bottom: 0;
	font-family: "リュウミン R-KL";
}


.kodawari_st1:first-letter{
  font-size:3em;
}


.kodawari_st2{
	margin-bottom: 2em;
	min-height: 12em;
}

@media (max-width: 580px) {
.kodawari_st2{
	margin-bottom: 2em;
	min-height: 6em;
}

}
.k_section1{
	background-color: #b5b2b2;
	padding-top: 6px;
	padding-bottom: 12px;
}

.k_section2{
	background-color: #e3ceb0;
	padding-top: 6px;
	padding-bottom: 12px;
}

.k_section3{
	background-color: #9ab5a2;
	padding-top: 6px;
	padding-bottom: 12px;
}

.k_section4{
	/* background-color: #ffeded; */
	background-color: #f6c0c0;
	padding-top: 6px;
	padding-bottom: 12px;
}


.col_sobakkkk{
	background-image: url(images/img1.png;);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 100%;
	
	
}


.col_soba{
	background-image: url(images/img1.png;);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: cover
	margin: 0;
	padding: 0;
	
}




.comt1{
	margin: 0;
	padding: 0px;
}



.koda1{
	position: relative;
	
}

.koda2{

}

@media (max-width: 580px) {
.koda2{
	margin-top: -40px;
	
}

.koda_kanmi{
	margin-top: 1em;
	
}


}

.img_bw{
	position: absolute;
	bottom: 18px;
	max-height: 100% !important;
}



@media (max-width: 980px) {

.img_bw{
	position: absolute;
	bottom: 3em;;
	max-height: 100% !important;
}

}


@media (max-width: 580px) {

.img_bw{
	position:static;
	/*max-height: 360px !important; */
	bottom: 18px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

}


/*  タブレット表示 */

.visible-tb{
	display: none;
}

.visible-tb1{
	display: none;
}

.visible-tb3{
	display: block;
}

@media (max-width: 980px) {

.visible-tb{
	display: block;
}

.visible-tb1{
	display: block;
	margin-bottom: 1em;
}

.visible-tb3{
	display: none;
}


}

@media (max-width: 580px) {

.visible-tb{
	display: none;
}

}




.bg_wh{
	background-color: #fff !important;
}


.sb_st1 {
  font-size: 1.8em:
  padding: 0.5em;/*文字周りの余白*/
  color: #494949;/*文字色*/
  background: #f5f5f5;/*背景色*/
  border-left: solid 5px #c1c1c1;/*左線（実線 太さ 色）*/
}


.widgettitle {

  font-size: 1.1em;
  padding: 0.5em !important;/*文字周りの余白*/
  color: #494949;/*文字色*/
  background: #f5f5f5;/*背景色*/
  border-left: solid 5px #c1c1c1;/*左線（実線 太さ 色）*/
}


.hm_p_list li{
	font-size: 1.1em;
	list-style: none;
	padding-bottom: 1em;
	margin-top: 1em;
	border-bottom: 1px dotted #999;
	color: #fff;
}



/* リンク */
.hm_p_list li a:link {
	color: #fff;
	text-decoration: none;
	outline: none;
}
.hm_p_list li  a:visited {
	color: #fff;
	text-decoration: none;
	outline: none; 
}
a:hover {
	/*color: #455ED1;*/
	color: #E2D4B0;
	text-decoration: underline;
	outline: none; 
}
a:active {
	color: #6e6e6e;
	text-decoration: none;
	outline: none; 
}





/*--------------------------------
PREV NEXT　　　前後の記事への移動表示
---------------------------------*/
#prev_next{
width:100%;
margin: 36px 0 24px;
padding:0;
display: table;
}
#prev_next  #prev, #prev_next  #next{
width: 50%;
padding:30px 10px 10px;
border-top:#ccc 1px solid;
border-bottom:#ccc 1px solid;
display: table-cell;
position:relative;
text-decoration:none;
}
#prev_next #prev p, #prev_next #next p{
font-size:90%;
line-height:1.5;
}
#prev_next #prev:hover, #prev_next #next:hover{
background-color: rgba(238,238,238,0.7);
}
#prev_next #prev{
border-right:#ccc 1px solid;
}
#prev_next #prev_title, #prev_next #next_title{
font-size:90%;
top:-1em;
position:absolute; 
border: 1px #ccc solid;
background:#fff; 
text-align: center;
padding:3px;
color:#666;
}
#prev_next #next_title{
right:10px;
}
#prev_next #prev img, #prev_next #next img{
margin:0 auto;
}
#prev_next #prev_no, #prev_next #next_no{
width: 50%;
height:140px;
padding:0 10px;
display: table-cell;
}
#prev_next #prev_no{
border-right:#ccc 1px solid;
}
#prev_next_home{
margin:0 auto;
background-color: #39f;
border: solid 9px #fff;
width: 100px;
height:100px;
-moz-border-radius: 100px;
-webkit-border-radius: 100px;
border-radius: 100px;
box-shadow: 0 0 0 3px #39f;
-webkit-box-shadow: 0 0 0 3px #39f;
-moz-box-shadow: 0 0 0 3px #39f;
text-align:center;	
}
#prev_next_home:hover{
background-color: rgba(0,0,255,0.7);
}
#prev_next_home i{
color:#FFF;
margin:10px auto ;
font-size:60px;
}
/*-- ここまで --*/
/*media Queries タブレットサイズ
----------------------------------------------------*/
@media only screen and (max-width: 780px) {
}
/*media Queries タブレットサイズ
----------------------------------------------------*/
@media only screen and (min-width: 380px) {
}
/*media Queries PCサイズ
----------------------------------------------------*/
@media only screen and (min-width: 780px) {
/*-- ここから --*/
/*--------------------------------------
768px PREV NEXT
--------------------------------------*/
#prev_next #prev, #prev_next #prev::before, #prev_next #prev::after,
#prev_next #next, #prev_next #next::before, #prev_next #next::after {	
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all .3s;
transition: all .3s;
}
#prev_next #prev_title, #prev_next #next_title{
padding:3px 10px;
}
#prev_next #next_title{
right:10px;
}
#prev_next #prev img{
float:left;
margin-right:10px
}
#prev_next #next img{
float:right;
margin-left: 10px;
}
/*-- ここまで --*/
}





/* ホバー時に拡大表示*/

.bigeffect{
    width:;
}

.bigeffect img{
    width:100%;
    -moz-transition: -moz-transform 0.5s linear;
    -webkit-transition: -webkit-transform 0.5s linear;
    -o-transition: -o-transform 0.5s linear;
    -ms-transition: -ms-transform 0.5s linear;
    transition: transform 0.5s linear;

    -webkit-transform: scale(1.0);
    -moz-transform: scale(1.0);
    -o-transform: scale(1.0);
    -ms-transform: scale(1.0);
    transform: scale(1.0);
}

.bigeffect img:hover{
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    
}






.page-header h1 {
	border-bottom: 0px solid #fff;
	text-align: center;
	margin-bottom: 2em;
}

.archive_title{
	width: 100%;
	border-bottom: 0px solid #fff;
	text-align: center;
	margin-bottom: 2em;
	
	}
	
	
	
/*  2019/07/09　動画表示　及び　動画上のコンテンツ */
.kont {
  position: relative;
  min-height: 100%;
}

.kont video {
  width: 100%;
  height:auto;
}

.kont .ent {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
  background: rgba(28,31,39, 0.3);
  min-height :100%;
}

.ent {
  width: 100%;
  height: auto;
  position: absolute;
}

    .title {
    width:100%;
    color:white;
    text-shadow:0 1px 1px black;
    text-align:center;
    top:10%;
    position:relative;
    font-size:2.5em;
    text-transform:uppercase;
    font-weight:700;
    }
    
    .description {
    top:11%;
    width:80%;
    margin:0 auto;
    text-align:center;
    color:white;
    position:relative;
    font-weight:400;
    opacity:.8;
    }

    .ent hr {
    top:10%;
    background-color:white;
    width:60%;    
    height:1px;
    outline:none;
    border:none;
    opacity:.6;     
    position:relative;   
    }	


.movie_contents{
	width: 80%;
	max-width: 1080px;
	margin: auto;
}

.logo_movie{
	width: 15%;
	max-width: 280px;
	margin-top: 5em;
	margin-bottom: 5em;
	margin-left: auto;
	margin-right: auto;
}

.ico_movie{
	width: 38px;
	margin-top: 2.5em;
}


.navbar_top{
	display: none;
}


@media (max-width: 980px) {

.logo_movie{
	width: 15%;
	max-width: 280px;
	margin-top: 4em;
	margin-bottom: 3em;
	margin-left: auto;
	margin-right: auto;
}

.movie_contents{
	width: 90%;
	max-width: 1080px;
	margin: auto;
}



}


@media (max-width: 580px) {
	
.logo_movie{
	width: 20%;
	max-width: 280px;
	margin-top: 3em;
	margin-bottom: 1em;
	margin-left: auto;
	margin-right: auto;
}

.ico_movie{
	width: 30px;
	margin-top: 2em;
}


.navbar_top{
	display: block;
}
}



.sns_movie{
	margin-top: 2em;
	margin-left: auto;
	margin-right: auto;
}

.sns_ico1_m{
	width: 2em;
	margin-right: 3em;
}
.sns_ico2_m{
	width: 2em;
}

@media (max-width: 580px) {
.sns_movie{
	margin-top: 0em;
	margin-left: auto;
	margin-right: auto;
}

}



.box_rss{
	width: 70%;
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
}

@media (max-width: 980px) {

.box_rss{
	width: 100%;
	}

}


/*レシピの表示テスト*/

.test1{
	font-size: 2em;
	color: green;
	margin-bottom: 0.5em;
}

.test3{
	font-size: 1.3em;
	color: green;
}


.box_tejun{
	display: inherit;
	display: flex;
	flex-wrap: wrap;
}



@media (max-width: 580px) {
.box_tejun{
	display: flex;
	flex-direction: column;
}

}



.box_method{
 width : 33.33333% ; 
  width : -webkit-calc(100% / 3) ;
  width : calc(100% / 3) ;
  
}









.box_purchase{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	padding: 0;
 }
 
.box_genre{
		/* padding: 1em; */
	
	
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	padding: 0;


 }
 

.box_genre dl{
		width : 33.33333% ; /* 未対応ブラウザ用フォールバック */
	width : -webkit-calc(100% / 3) ;
	width : calc(100% / 3) ;
	margin: 0px;
	padding: 1em;
	line-height: 1.5em;
	align-self: stretch;
	/* border: 1px solid #999; */
	padding: 2em;
	align-self: stretch;
	
 }
 
.box_genre dt{
	margin-left: 1em;
	font-size: 1.2em;
	text-indent: -1em;
	padding-left: 1em; 
	line-height: 1em;

}	 
 
 
.box_genre dd{
	font-size: 1em;
	margin-top: 0.5em;
	margin-bottom: 1em;
 }	 




@media (max-width: 580px) {

.box_genre dl{
		width : 50% ; /* 未対応ブラウザ用フォールバック */

	margin: 0px;
	padding: 1em;
	line-height: 1.5em;
	align-self: stretch;
	/* border: 1px solid #999; */
	padding: 2em;
	align-self: stretch;
	
 }
}


/*投稿時の注意書き*/
div.example {
  width: 600px;
  height: 150px;
  background-color: #f1f1f1;
  overflow: scroll;
  margin-top: 5em;
  margin-bottom: 3em;
  margin-left: auto;
  margin-right: auto;
  padding: 2em;
}



.wpcf7 input[type="submit"] ,
.pushbutton-wide{
	background-color: #BDBDBD;
	width: 300px;
	padding: 1em 1em;
	border: none !important;
	color: #fff;
	margin-bottom: 20em;

}