@charset "utf-8";


/* h2,h3などの背景画像*/
.bg-type1{
  background-image: url("../img/title-bar-red.gif");
  background-repeat:repeat-x;
  color:#fff;
  height:35px;
}
.bg-type2{
  background-image: url("../img/title-bar-hana.gif");
  background-repeat:repeat-x;
  color:#fff;
  height:35px;
}
.bg-type3{
  background-image: url("../img/title-bar-brown.gif");
  background-repeat:repeat-x;
  color:#fff;
  height:35px;
}
.bg-type4{
  background-image: url("../img/title-bar-brown2.gif");
  background-repeat:repeat-x;
  color:#fff;
  height:35px;
}
.bg-type5{
  background-image: url("../img/title-bar-brown-simple.gif");
  background-repeat:repeat-x;
  color:#fff;
  height:35px;
}


/************* お知らせ一覧関連 ***************/
.news-info,
.category-icon
{
  display:inline-block;
  margin:3px;
  padding:3px 5px 0 5px;
  line-height:120%;
  color:#ffffff;
  background-color:#AAC863;
  border-width: 1px;
  border-style: solid;
  border-color: #e2e2e2;
  border-radius: 6px;
  width:auto;
  text-align: center;
  font-size:90%;
}
.type1{	background-color:#583320;color:#ffffff;border-color:#583320;}
.type2{	background-color:#ffffff;color:#583320;border-color:#583320;}
.type3{	background-color:#00AEE0;}
.type4{	background-color:#DE6641;}

.news-update
{
	display:inline-block;
	margin:0 0 0 0;
	padding:10px 5px 0 5px;
	line-height:120%;
	text-indent:0px;
}
.icon-link
{
	clear:both;
	display:inline-block;
	background-size:20px 19px;
	padding:5px;
}
.icon-url-link
{
	clear:both;
	display:inline-block;
	padding-right:25px;
	background:url(../image/r-arrow.png) no-repeat left;
	text-indent: 25px;
	background-position:0px 0px;
	height:28px;
	margin-top:5px;
}
.update,
.red {
	color:red;
}

/************* カテゴリアイコン枠***************/

.category-wrap{
  width:100%;
  margin-left:1%;
  margin-top:1%;
  margin-bottom:1%;
  overflow: hidden;
}


.category-wrap .category-col1{
  width:50px;
  float:right;
  padding-top:5px;
  padding-right:2%;
  font-size:100%;
  letter-spacing: 1px;
}
.category-wrap .category-col2{
  width:80px;
  float:right;
  padding-top:5px;
  padding-right:8%;
  letter-spacing: 1px;
  font-size:110%;
}

/************************** 写真関連クラス ****************************/

/************* 標準写真レイアウト***************/
section img,
article img {
/*  width:80%;
  height:80%;*/

  width: 100%;
  height: 200px;
  object-fit: contain;

  background-color: rgba(198,156,109,0.3);
  padding:5px;
}

/************* サムネイルレイアウト　タイプ１ ***************/
.layout-thum1 section{
  margin: 0 auto;
  display:block;
  overflow: hidden;
}
.layout-thum1 a{
  display:inline-block;
  float:left;
  margin-left:3%;
  text-align: center;
}

/************* 写真1枚レイアウト タイプ１***************/
section h3,article h3{
  font-size:120%;
  width:93%;
  padding-top:15px;
  padding-left:20px;
/*  font-size:120%;*/

/*
font-size:2.5vmin;
width:93%;
padding-top:10px;
padding-left:2%;
height:52px!important;
*/
}

.h-font-long{
/*  font-size:2.2vmin;*/
  font-size: 95%;
  padding-left:2%;
  height:52px!important;
}

@media screen and (max-width: 768px) {
    section h3,article h3{ 
        padding-top: 5%;    
        font-size: 95%;
        line-height: 1.2;
    }
}


.layout-pic1 section{
  padding-top:2%;
  padding-bottom:5%;
  margin: 0 auto;
}
.layout-pic1 img{
  display:block;
  width:80%;
  height:80%;
  margin: 2%;
}
.layout-pic1 h3{
  display:inline-block;
/*  width:90%;*/
  text-align: center;
  padding-top:3%;
  font-weight: 700;
}
.layout-pic1 p{
  display:block;
  margin: 2%;
}
.layout-pic1.left h3,
.layout-pic1.right h3{
  margin-left:0;
  margin-right:0%;
}
.layout-pic1.left p,
.layout-pic1.right p{
  margin-left:6%;
  margin-right:5%;
}
.layout-pic1.left img,
.layout-pic1.right img{
  margin-left:8%;
  margin-right:5%;
}

/************************** ページレイアウトクラス ****************************/
.article-wrap{
  width:93%;
  background-color: rgba(198,156,109,0.3);
  padding:1%;
  overflow: hidden;
}

/************* ページレイアウト標準***************/
.layout-standard article,
.layout-standard section{
  width:100%;
  padding-top:3%;
  padding-bottom:3%;
  margin: 0 auto;
  overflow: hidden;
}

.layout-standard-wrap{
  margin-left:3%;
}

.layout-standard h3{
  display:inline-block;
  text-align: left;
}

.layout-standard img{
  display:block;
  width:90%;
  margin:5px;
  margin: 0 auto;
  margin-top:2%;
  margin-bottom:2%;

}
.layout-standard p{
  display:block;
  width:90%;
  margin-top:3%;
  margin-bottom:2%;
  margin-left: 5%;
}

/************* メニューリスト　２カラム***************/
.list-2col {
  float:left;
  list-style: none;
  width:45%;
  padding-top:1%;
  padding-bottom:5%;
  margin-top:2%;
  margin-left:2%;
}
.list-2col li{
  padding:1% 2%;
  border-bottom:1px solid #583320;
  overflow: hidden;
  border-color:#fff;
}
.list-2col .price{
  float:right;
  padding:0;
  margin:0;
}
/************* 写真2枚　２カラムページレイアウト***************/
.layout-standard .cont-col1 {
  display:block;
  width:93%;
  margin-top:1%;
}
.layout-standard .thum-col2-wrap {
  display:inline-block;
  width:46%;
  background-color: rgba(198,156,109,0.3);
  margin: 0 auto;
  margin-bottom:1%;
  margin-left:1%;
}
.layout-standard .thum-col2-wrap img{
  display:block;
  width:90%;
  float:none;
}
.layout-standard .thum-col2-wrap p{
  display:block;
  text-align: center;
  width:90%;
  float:none;
}

/************* 写真3枚　3カラムページレイアウト***************/
.layout-standard .thum-col3-wrap {
  display:inline-block;
  width:30%;
  margin-left:1%;
  margin-top:1%;
  margin-bottom:1%;
  background-color: rgba(198,156,109,0.3);
}
.layout-standard .thum-col3-wrap img{
  float:none;
  width:90%;
}
.layout-standard .thum-col3-wrap p{
  display:inline-block;
  text-align: center;
  float:none;
  width:90%;
}

/************* メニュー一覧***************/
.layout-standard .menu-img-list,
.layout-standard .shop-img-list{
  display:inline-block;
  width:93%;
/*  height:100px;*/
  margin-left:1%;
  background-color: rgba(198,156,109,0.3);
  margin-top:0;
  margin-bottom:3px;
/*  overflow: hidden;*/
}
.layout-standard .menu-img-list img,
.layout-standard .shop-img-list img {
  float:left;
  display:inline-block;
  width:15%;
  height:15%;
  margin-top:1%;
  margin-left:1%;
  margin-right:1%;
}
.layout-standard .menu-img-list .title,
.layout-standard .shop-img-list .title {
  display:inline-block;
  float:left;
  width:58%;
  height:20%;
  margin:0;
  margin-top:1%;
}
.layout-standard .menu-img-list .price,
.layout-standard .shop-img-list .remarks{
  display:inline-block;
  text-align: right;
  float:left;
  width:20%;
  height:20%;
  margin-top:1%;
}
.layout-standard .menu-img-list .menu-text,
.layout-standard .shop-img-list .menu-text {
  display:inline-block;
  width:78%;
  height:78%;
  margin:0;
}

/************* メニュー一覧　写真なし***************/
.layout-standard .menu-list{
  display:inline-block;
  width:93%;
  margin-left:1%;
  background-color: rgba(198,156,109,0.3);
  margin-top:0;
  margin-bottom:3px;
}
.layout-standard .menu-list .title {
  display:inline-block;
  float:left;
  width:30%;
  height:20%;
  margin:0;
  margin-top:1%;
  margin-bottom:1%;
  margin-left:1%;
}
.layout-standard .menu-list .menu-text{
  display:inline-block;
  width:45%;
  height:78%;
  margin:0;
  margin-top:1%;
  margin-bottom:1%;
  margin-left:1%;
}
.layout-standard .menu-list .price{
  display:inline-block;
  text-align: right;
  float:right;
  width:20%;
  height:20%;
  margin-top:1%;
  margin-right:3%;
}


.bday-select-data label{
  width:25px!important;
  padding:0!important;
  padding-top:10px!important;
}

/** 950px以上　**/
@media(min-width:950px){

  /************* パンくずリスト***************/
  .breadcrumb {
    width:900px;
  }
  /************* ページの目次***************/
  #page-menu ul{
    width:900px;
  }

  /************* カテゴリアイコン枠***************/
  .category-wrap {
    width:900px;
    overflow: hidden;
  }
  .category-wrap .category-col1{
    width:50px;
    padding-right:10px;
  }
  .category-wrap .category-col2{
    width:80px;
    padding-right:50px;
  }

  /************* 標準写真レイアウト***************/
  section img,
  article img {
    width:400px;
    height:300px;
    background-color: rgba(198,156,109,0.3);
    padding:5px;
    object-fit: scale-down;
   }

  /************* サムネイルレイアウト　タイプ１ ***************/
  .layout-thum1 section{
    width:950px;
    margin: 0 auto;
    display:block;
  }
  .layout-thum1 a{
    margin-left:5%;
  }
  /************* 写真1枚レイアウト タイプ１***************/
  .layout-pic1 section{
    width:950px;
    padding-top:50px;
    padding-bottom:50px;
    margin: 0 auto;
    display:block;
    overflow: hidden;
    clear:both;
  }
  .layout-pic1 img{
    display:block;
    width:400px;
    height:300px;
    margin: 5px;
  }

  section h3,article h3{
    font-size:120%;
    padding-top:15px;
    padding-left:20px;
  }
  .h-font-long{
    font-size:110%;
    padding-top:15px;
    padding-left:20px;
  }

  .layout-pic1 h3{
    display:inline-block;
    width:420px;
    height:30px;
    text-align: center;
    padding-top:10px;
  }
  .layout-pic1 p{
    display:block;
    width:420px;
/*    height:200px;*/
    margin: 5px;
  }

  .layout-pic1.left h3{
    float:right;
    margin-left:40px;
    margin-right:40px;
  }
  .layout-pic1.left p{
    clear:right;  float:right;
    margin-left:40px;
    margin-right:40px;
  }
  .layout-pic1.left img{
    margin-left:40px;
    float:none;
  }
  .layout-pic1.right h3{
    margin-left:40px;
    margin-right:40px;
    float:left;
  }
  .layout-pic1.right p{
  /*  clear:left;*/
    margin-left:40px;
    margin-right:40px;
    float:left;
  }
  .layout-pic1.right img{
    float:none;
  }

  /************* ページレイアウト標準***************/
  .layout-standard article,
  .layout-standard section{
    width:950px;
  }
  .layout-standard-wrap{
    margin-left:3%;
  }
  .layout-standard img{
    float:left;
    width:45%;
  }
  .layout-standard p{
    float:left;
    width:50%;
    margin-left: 2%;
  }

  /************* メニュー一覧　(写真なし)***************/
  .layout-standard .menu-img-list,
  .layout-standard .shop-img-list,
  .layout-standard .menu-list{
    margin-bottom:-5px;
  }
}