/*
Theme Name:hanadining
Theme URI: 
Version: 1.0
Author: matsumiya
Author URI: http://design.yoshida-sd.com/
License: matsumiya
*/

.header .logo {
    width: 243px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
    height: 41px;
}

.header .logo a{
	background:url(img/logo.png);
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	display:block;
    width: 243px;
    height: 41px;
background-size: cover;
}


.t-home_news h3{
display:inline-block;
}

.dropmenu li a {
    text-align: center;
}

/*メインコンテンツ*/
#main{
max-width: 100%;
width:780px;
font-size: 100%;
z-index: 1;
padding: 5px;
vertical-align: top;
display: inline-block;
}


.post{
padding:0px 0 20px 0px;
z-index:1;
}

.entrytext{
padding:20px 0px 30px;
}

.shop_hr{
    border: none;
    border-bottom: solid 1px #877A05!important;
    margin: 50px 0px;
}


/*固定ページ*/

.header{
min-height:80px;
position:fixed;
    z-index: 5;
}
.header .fix_area ,.header_fix,.header .inner{
height:80px!important;
}

/*店舗情報*/

#main h2,.shop_h2{
	font-size: 150%;
    text-align: center;
    padding: 50px;
    font-weight: bold;
    color: #877A05;
}

#main h3,.shop_h3{
font-size: 120%;
    text-align: left;
    padding: 0px 0 0px 10px;
    margin: 25px 0 25px;
    font-weight: bold;
    color: #333;
    border-left: #877A05 solid 4px;
}

.shop_subtitle{
    font-size: 70%;
    color: #333;
    display: block;
    margin-bottom: 10px;
    letter-spacing: 5px;
}
.shop_subtitle:after{
border-bottom: 1px solid #333;
    width: 60px;
    content: "";
    display: block;
    margin: 12px auto;
}

.shop_copy{
	font-size: 125% !important;
    display: block;
    font-weight: bold;
    padding: 5px 0 10px;
    border-bottom: 1px dashed #877A05;
}

.shop_info{

}

.shop_gallery{
    width: 98%;
    margin: 20px auto;
}
.shop_gallery img{
border:none!important;
box-sizing:border-box;
padding:1%;
}

.shop_table {
    margin: 10px 0 30px;
    letter-spacing: 0;
    font-size: 95%;
    border-bottom: #d6ceb4 solid 1px;
    border-top: #d6ceb4 solid 1px;
}

.shop_table th , .shop_table td{
text-align:left;
border-bottom:1px solid #ddd;

}

.shop_table th a, .shop_table td a{
padding-bottom:5px;
border-bottom:1px solid #333;
}

.shop_table th{
    text-align: left;
    padding: 10px;
    border-bottom: 1px solid #d6ceb4;
    background-color: #F2F2D2;
}

.shop_table td{
padding: 10px;
}

/*固定ページメインタイトル*/

#pageheader{
    width: 100%;
    padding: 120px 0px 80px;
    margin: 0 auto;
    background-size: cover;
    position: relative;
    background: url(img/pagehead2.jpg) no-repeat;
    background-size: cover;
    z-index: 0;
}

.filter{
background:#333;
opacity: 0.2;
height: 100%;
width: 100%;
position: absolute;
top: 0px;
z-index:1;
}

.pageheader_cont{
width:1080px;
max-width:90%;
margin:0 auto;
height:auto;
padding-left: 10px;
z-index:10;
position: relative;
}

.pageheader_cont h2{
    color: #fff!important;
    font-size: 140%!important;
    margin: 10px auto;
    padding: 10px;
    border: none;
    letter-spacing: 3px;
    background: rgb(135,122,5,0.6);
    text-align: center;
    display: block;
    width: 80%;
    margin: auto;
}

.pageheader_cont h2 span{
    width: 100%;
    border: 1px solid;
    display: block;
    padding: 2% 0px;
    box-sizing: border-box;
}

.about_head{
}


.gaiyou_head{
}


/*カテゴリー一覧設定*/

/*トピックス専用*/
.topics_h3{
	background: none!important;
    font-size: 115%!important;
    margin: 10px 0!important;
    padding: 5px 0px!important;
    border: none!important;
    border-bottom: 1px #8C8B1F solid !important;
}

.cate_block{
    border-bottom: 1px solid #8C8B1F;
    width: 100%;
    max-width: 100%;
    text-align: center;
    font-size: 0;
    margin: 10px auto 20px;
    padding: 5px 0 5px;
}
.cate_left{
    display: inline-block;
    width: 260px;
    max-width: 100%;
    vertical-align: top;
    padding: 10px!important;
    height: 180px;
    overflow: hidden;
}
.cate_right{
vertical-align:top;
display:inline-block;
box-sizing:border-box;
font-size:14px;
width:450px;
max-width:100%;
text-align:left;
padding:10px!important;
}

.morelink a{
    background: #8C8B1F;
    border-radius: 5px;
    padding: 2px 8px;
	margin-top:15px;
    color: #fff;
    display: inline-block;
}

/*ドロップダウンメニューCSS*/

#top_mainmenu {
	max-width: 100%;
    width: 480px;
    margin: 0 auto;
    display: inline-block;
}

#top_mainmenu ul{
    margin: 0 auto;
    display: block;
    box-sizing: border-box;
    padding: 14px 0px;
    width: 100%;
    text-align: right;
}

#top_mainmenu li{
    display: inline-block;
    letter-spacing: 1px;
}

#top_mainmenu li:first-child{
border:none!important;
}

#top_mainmenu li a{
    color: #333;
    padding: 8px 20px;
    font-size: 105%;
}

#top_mainmenu li a span{
display:block;
text-align:right;
font-size:70%;
}


#top_mainmenu li:first-child{

}

#top_mainmenu li ul li {
border:none!important;
padding:0px;
border-bottom:none!important;
}

#top_mainmenu li ul li a{
    color: #8C8C00;
}


.dropmenu{
  *zoom: 1;
  list-style-type: none;
  /*width: 780px;*/
  padding: 0;
}
.dropmenu:before, .dropmenu:after{
  content: "";
  display: table;
}
.dropmenu:after{
  clear: both;
}
.dropmenu li{
  position: relative;

}
.dropmenu li a{
  display: block;
}
.dropmenu li ul{
  list-style: none;
  position: absolute;
  z-index: 9999;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
  width: 240px!important;
  border-radius:5px;
}
.dropmenu li ul li{
    margin:0px!important;
    background: #fff!important;
    width: 240px!important;
    line-height: 150%;
    opacity: 0.8;
}
.dropmenu li ul li a{
  padding: 10px 5px!important;
  border-top: 1px solid #cccccc;
  text-align: center;
  font-size: 100%;
  letter-spacing:1px;
  font-weight: normal;
color:#513F2D;
width: 230px!important;
}

.dropmenu li:hover > a{
  background: #D3CC85;
  color:#ffffff;
}
.dropmenu li a:hover{
  color:#ffffff;
  background:none;
}

.dropmenu li ul li a:hover{
background:#D3CC85;
color:#ffffff!important;
}


/*フェードイン*/
.fade-in2 li ul{
  opacity: 0;
  top: 50%;
  visibility: hidden;
  transition: .5s;
  width: 100%;
}
.fade-in2 li:hover ul{
  top: 100%;
  visibility: visible;
  opacity: 1;
}

.fade-in2 li ul li:hover{

}

.fade-in2 li ul li a:hover{

opacity: 1!important;
}


/*パンくずリスト*/
.breadcrumbs{
 font-size: 80%;
 margin-left: 5px;
 margin-bottom:15px;

}
.breadcrumbs span{
padding: 0 7px;
}

.breadcrumbs a{
color:#8C8B1F;
}


/*レスポンシブ対応*/

.pcheader{display:block; min-width:1080px;}
.mobileheader{display: none!important;}
.mobile{display: none!important;}

#header,#wrap, #container,.slide00,#footer,.panel_bg{min-width:1080px;}
.drawer-hamburger{display:none!important;}

@media screen and (max-width: 768px){
.drawer-hamburger{display:block!important;}

#header,#wrap,#container, #footer,.slide00,.panel_bg{min-width:100%; max-width:100%; }
.two_box,.three_box,.four_box,.five_box,.seven_box,.six_box{
max-width:100%;
width:100%;
margin:0px;
box-sizing:border-box;
}

.fix_area ,.header_fix, .header .inner{
height:60px!important;
}

.two_box img,.three_box img,.four_box img,.five_box img,.seven_box img,.six_box img{
margin:5px auto;
}

#main_menu{display:none;}


.pcheader{
display:none!important;
}
.mobileheader{max-width:100%;
min-width:100%;
display:block!important;

    position: relative!important;
    z-index: 1;
}


.mobile{display: block!important;}

.pc{    
    display: none!important;}




}