/*
Theme Name: 
Description: 
Theme URI: 
Version: 1.0
License: miyoshian
License URI: 
*/

@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Lato:400,700);
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);


/****************************************

          リセットCSSここから

*****************************************/

html {
    box-sizing: border-box;
    font-size:62.5%; /*1em=10px */
    overflow-y: scroll; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    margin:0;
    padding:0;
    border:0;
    outline:0;
    vertical-align:baseline;
    background:transparent;
}


body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    font-family: Lato, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

h1,h2,h3,h4,h5,h6 {
    font-weight:normal;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

img{
    vertical-align: top;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

/****************************************

          body設定(主に書式)

*****************************************/
body{
    color: #333;
    line-height: 1.6;
    background: url(images/main_bg.png) center top repeat-y
}

/****************************************

          ページ共通

*****************************************/
#wrapper{
	width: 100%;
	min-width: 1260px;
	min-height:100%;
	float: none;
	margin: 0 auto;
    overflow: hidden;
}


@media screen and (max-width: 767px) {
    #wrapper{
        width: 100%;
        min-width: 0;
        min-height:100%;
        float: none;
        margin: 0 auto;
        overflow: hidden;
    }
    
    #wrapperPage{
        width: 100%;
        min-width: 0;
        min-height:100%;
        float: none;
        margin: 0 auto;
        overflow: hidden;
        background: url(images/page_body_bg.jpg) center top 80px no-repeat;
        background-size: contain;
    }
    
}

/****************************************

          フォント指定

*****************************************/
li,tt,tr,dt,dd,p{
	font-size: 1.4em;
}

h1{
    color: #333333;
    font-weight: bold;
    font-size: 2.6em;
}
h2{
	font-size: 2.2em;
	font-weight: bold;
    color: #791813;
}
h3{
//    font-size: 1.6em;
//    color: #503E26;
//	    font-family: "游明朝", YuMincho,"Times New Roman","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","メイリオ", Meiryo, serif;
    font-size: 2.2em;
	color:#320100;
	font-weight:bold;
}
h4{
    font-size: 1.4em;
	font-weight: bold;
	color: #FF780A;
}
h5{
	font-size:1.4em;
	color:#585858;
	font-weight:bold;
}
@media all and (-ms-high-contrast:none){
	/*h4.hyoutanyama_lunch_headline01{*/
	h1,h2,h3,h4{
	padding: 0.2em 0.2em 0.1em;
	}
}
 
/****************************************

          リンク指定

*****************************************/
a:link,a:visited{
	font-weight: normal;
    color: #FFF;
    color: #EFB16F;
    text-decoration: underline;
	-webkit-transition:0.2s linear;
	transition:0.2s linear;
}
a:hover,a:active {
	font-weight: normal;
    color: #FFFFC4;
    color: #D48928;
    text-decoration: underline;
	-webkit-transition:0.2s linear;
	transition:0.2s linear;
}



/****************************************

         オンマウス時のアクション

*****************************************/

a:hover img.img_opacity {
	opacity: 0.75;
	filter: alpha(opacity=75);
	-webkit-transition:0.2s linear;
	transition:0.2s linear;
}
a img.img_opacity {
	-webkit-transition:0.2s linear;
	transition:0.2s linear;
}

a:hover img.img_opacity0 {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: 0.4s linear;
    transition:0.4s linear;
}
a img.img_opacity0 {
    -webkit-transition: 0.4s linear;
    transition:0.4s linear;
}




/****************************************

pcヘッダー

*****************************************/
@media screen and (min-width: 768px) {

    #spHeader,#spNavi,#toggle{display: none;}

    #pcHeader{
        width:100%;
    	background:#5B4B31;
    }
    
    #pcHeaderPage{
        width: 100%;
        height: 600px;
		background:#5B4B31;
    }
    
}

.pcHeaderBox{
    width: 1020px;
    height: 110px;
    padding-top:0px;
    position: relative;
    margin: 0 auto;
}
.logo{
    width:300px;
    position: absolute;
    left:calc(50% - 150px);
}
.headerDiscription{
	width:1020px;
	height:45px;
	margin:0 auto;
	//padding:5px;
	color:#CEC9C2;
	text-align:center;
	font-size:10px;
}
.headerAccess{
    width:308px;
    height:30px;
    float:left;
    text-indent:100%;
    overflow:hidden;
    white-space: nowrap;
    background:url(images/header_access.png) no-repeat left top;
}
.headerInfo{
    width:185px;
    height:30px;
    float:right;
 	margin-top:10px;
    text-indent:100%;
    overflow:hidden;
    white-space: nowrap;
    background:url(images/header_info.png) no-repeat left top;
}




/****************************************

spヘッダー

*****************************************/
@media screen and (max-width: 767px) {
    #pcHeader,#pcHeaderPage{display: none;}
    img{width: 100%; height: auto;}

    #spHeader{
        display: block;
        width:100%;
		background:#5B4B31;
		//background: url(images/header_bg.png) center top no-repeat;
    }
    
    .spLogo{
        width: 250px;
        margin: 0 auto;
        padding: 20px 0;
    }
    
    
    
    

    #toggle {
        position:absolute; /*bodyに対しての絶対位置指定です*/
        right:15px;
        top:25px;
        width:30px;
        height:25px;
        cursor:pointer;
        z-index: 9999;
    }

    #toggle div {
        position:relative;
    } /*spanの絶対位置指定の親にします*/
    #toggle span {
        display:block;
        position:absolute; /*#navToggle div に対して*/
        width:100%;
        height: 4px;
        background: #999;
        border-radius: 4px;
        -webkit-transition: .35s ease-in-out;
        transition: .35s ease-in-out;
    }
    #toggle span:nth-child(1) {
        top:0;
    }
    #toggle span:nth-child(2) {
        top:11px;
    }
    #toggle span:nth-child(3) {
        top:22px;
    }
    
    .open_navi #toggle{
        position: fixed;
    }

    .open_navi #toggle span:nth-of-type(1) {
        -webkit-transform: translateY(11px) rotate(-315deg);
        transform: translateY(11px) rotate(-315deg);
    }
    .open_navi #toggle span:nth-of-type(2) {
        opacity: 0;
    }
    .open_navi #toggle span:nth-of-type(3) {
        -webkit-transform: translateY(-11px) rotate(315deg);
        transform: translateY(-11px) rotate(315deg);
    }


    #spNavi {
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        width: 100vw;
        overflow-y: scroll;
        text-align: left;
        background-color: rgba(0,0,0,.9);
		background-color:rgba(110,90,58,0.9);
	    z-index: 999;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        -webkit-transition:.7s ease-in-out;
        transition: .7s ease-in-out;
    }


    .open_navi #spNavi {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition:.7s ease-in-out;
        transition: .7s ease-in-out;
    }


    .open_navi #wrapper {
        -webkit-transform-origin: left center;
        transform-origin: left center;
        -webkit-filter: blur(3px);
        filter: blur(3px);
        -webkit-transition:.7s ease-in-out;
        transition: .7s ease-in-out;
    }



    #spNavi .menu {
        padding-top: 80px;
        text-align: center;
    }

    #spNavi .menu .menu-item{
        width:100%;
        text-align:center;
        border-top:#fff 1px solid;
        border-bottom:#fff 1px solid;
        cursor:pointer;
        color: #FFF;
        margin: 0 auto;
        font-size: 1.4rem;
        box-sizing: border-box;
    }


    #spNavi .menu-item a,
    #spNavi .menu-item span{
        display: block;
        padding: 15px 0 14px;
    }

    #spNavi .menu-item a:link,
    #spNavi .menu-item a:visited,
    #spNavi .menu-item a:hover,
    #spNavi .menu-item a:active,
    #spNavi .sub-menu li a:link,
    #spNavi .sub-menu li a:visited,
    #spNavi .sub-menu li a:hover,
    #spNavi .sub-menu li a:active{
        color: #FFF;
        text-decoration: none;
    }

    #spNavi .sub-menu{
        width:100%;
        text-align:center;
        display:none;
    }
    #spNavi .sub-menu li{
        width:100%;
        text-align:center;
        border-top:#fff 1px solid;
    }

    #spNavi .sub-menu li a{
        display: block;
        padding: 11px 0 10px;
        color: #ccc;
        background:rgba(255,255,255,0.2);
	    
   
    }
    #spNavi .sub-menu li a:hover{
        color: #ccc;
        background:none;
    }


    .menu-item-has-children{
        position: relative;
    }

    .menu-item-has-children::before{
        content: '';
        width: 14px;
        height: 14px;
        border: 0px;
        border-top: solid 1px #ddd;
        border-right: solid 1px #ddd;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
        -webkit-transition:.2s ease-in-out;
        transition: .2s ease-in-out;
        position: absolute;
        top: 14px;
        right: 20px;
    }
    .menu-item-has-children.menu_open::before{
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transition:.2s ease-in-out;
        transition: .2s ease-in-out;
        top:22px;
    }

}
/****************************************

pc用 横ナビ

*****************************************/
#gNavi{
	width:1020px;
	height: 70px;
	margin: 0 auto;
}
#gNavi .menu{
  *zoom: 1;
  list-style-type: none;
  margin:0 auto;
}
#gNavi .menu:before, #gNavi .menu:after{
  content: "";
  display: table;
}
#gNavi .menu:after{
  clear: both;
}
#gNavi .menu li{
  position: relative;
  width: auto;
  float: left;
  text-align: center;
  line-height:0;
}
#gNavi .menu li a{
  display: block;
  margin: 0;
  color: #FFF;
  font-size: 1.4em;
  line-height: 1;
  text-decoration: none;
}
#gNavi .menu li ul{
  list-style: none;
  position: absolute;
  z-index: 9999;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
}
#gNavi .menu li ul li{
  width: 100%;
}
#gNavi .menu li ul li a{
	width:100%;
	padding:13px 5px;
  	border-top: 1px solid #ccc;
  	font-size:0.6em;
  	background: #000;
	background:#6e5a3a;
  	text-align: center;
  	opacity: 0.95;
	filter: alpha(opacity=95);
	box-sizing:border-box;
}
#gNavi .menu li ul li a:hover{
	background:#FFF;
	color:#000;
	-webkit-transition:0.2s linear;
	transition:0.2s linear;
}
#gNavi .menu li ul{
    visibility: hidden;
    opacity: 0;
    -webkit-transition:0s;
    transition: 0s;
}
#gNavi .menu li:hover ul{
    visibility: visible;
    opacity: 0.95;
}
#gNavi .menu li ul li a{
    visibility: hidden;
    opacity: 0;
    -webkit-transition:.5s;
    transition: .5s;
}
#gNavi .menu li:hover ul li a{
    visibility: visible;
    opacity: 1;
}




/****************************************

          ティーザー

*****************************************/

#slider{
	width: 100%;
	height:500px;
    margin: 0 auto;
    position:relative;
    z-index: 1;
	background: url(images/slider_bg.jpg) center center no-repeat;
}
.slider_box{
    width: 100%;
	min-width: 1020px;
	left: 50%;
	margin-left: -510px;
	position: relative;
}



#teaser{
    //width: 1920px;
    height:260px;
    margin: 0 auto 0px;
    position: relative;
    z-index: 1;
}
#teaser img{
	position:absolute;
	left:50%;
	width:1920px;
	margin-left:-960px;
}

@media screen and (max-width: 767px) {
    
    #spSlider{
        width: 100%;
    }
    
    #spSlider .metaslider{
        width:100%;
    }
    
    
    #spTeaser{
        width: 100%;
     //   padding: 40px 0;
      //  border-top: solid 1px rgba(255,255,255,0.55);
      //  border-bottom: solid 1px rgba(255,255,255,0.55);
      //  text-align: center;
	 	height:292px;
	 	position:relative;
    }
    
    #spTeaser img{
        width: 100%;
   		//width:auto;
	 	position:absolute;
		left:50%;
		//height:auto;
		width:1920px;
		margin-left:-960px;
    }
    
}

/****************************************

          content 共通設定

*****************************************/
main {
	width: 100%;
	margin: 0 auto;
	 background: url(images/main_bg.png) center top repeat-y;
}

.breadcrumb_area {
	max-width:1020px;
	height:0px;
	position:relative;
	margin:0 auto;
	background:#ffff00;
}
.breadcrumb{
	width:1020px;
	margin:20px auto;
    text-align:right;
	position:absolute;
}

.breadcrumb p{
    color:#918C8A;
}



.padding_bottom10{
	padding-bottom:10px;
}
.padding_bottom15{
	padding-bottom:15px;
}
.padding_bottom20{
	padding-bottom:20px;
}
.padding_bottom20{
	padding-bottom:30px;
}
.padding_bottom40{
	padding-bottom:40px;
}
.padding_bottom50{
	padding-bottom:50px;
}
.padding_top10{
	padding-top:10px;
}
.padding_top20{
	padding-top:20px;
}
.padding_top30{
	padding-top:30px;
}
.padding_top40{
	padding-top:40px;
}
.padding_top50{
	padding-top:50px;
}
.padding_left00{
	padding-right:0px;
	float:left;
}
.padding_left10{
	padding-right:10px;
	float:left;
}
.padding_left20{
	padding-right:20px;
	float:left;
}
.sp_padding_left20{
	padding-right:20px;
	float:left;
}
.padding_left30{
	padding-right:30px;
	float:left;
}
.padding_left40{
	padding-right:40px;
	float:left;
}
.padding_right00{
	float:right;
}
.padding_right10{
	padding-left:10px;
	float:right;
}
.padding_right20{
	padding-left:20px;
	float:right;
}
.padding_right30{
	padding-left:30px;
	float:right;
}
.padding_right40{
	padding-left:40px;
	float:right;
}
.margin_top50{
	margin-top:50px;
}
.margin_bottom10{
	margin-bottom:10px;
}
.margin_bottom15{
	margin-bottom:15px;
}
.margin_bottom20{
	margin-bottom:20px;
}
.margin_bottom30{
	margin-bottom:30px;
}
.margin_bottom40{
	margin-bottom:40px;
}
.margin_bottom45{
	margin-bottom:45px;
}
.margin_bottom50{
	margin-bottom:50px;
}
.font_center{
	text-align:center !important;
}

@media screen and (max-width: 767px) {
.img_normal img{
	width:auto;
	max-width:100%;
}
.sp_center{
	text-align:center;
}
.br:before{
	content:"\A";
	white-space:pre;
}

.margin_bottom15,
.margin_bottom20,
.margin_bottom30,
.margin_bottom40,
.margin_bottom45,
.margin_bottom50{
	margin-bottom:20px;
}
.padding_bottom15,
.padding_bottom20,
.padding_bottom30,
.padding_bottom40,{
	padding-bottom:20px;
}

.padding_left00,
.padding_left10,
.padding_left20,
.padding_left30,
.padding_left40{
	padding-right:0px;
	padding-bottom:20px;
	float:none;
}
.padding_right00,
.padding_right10,
.padding_right20,
.padding_right30,
.padding_right40{
	padding-left:0px;
	padding-bottom:20px;
	float:none;
}
    
    .breadcrumb_area {
        width: auto;
        height: auto;
        margin:10px auto 35px;
        padding: 0 10px;
    }
    .breadcrumb{
        width: 100%;
        margin:0 auto;
        text-align: right;
    }

.link_box01{
	width:auto;
	margin:0 auto;
	padding:20px;
	text-align:center;
	box-sizing:border-box;
}
.link_box01 img{
	width:auto;
	max-width:100%;
	float:none;
}
/* 2カラム */
ul.link_2column01{
	max-width:1090px;
	margin:0 auto 20px;
	float:none;
}
ul.link_2column01 li:nth-child(1){
	float:left;
	width:50%;
	margin-right:0px;
	padding-right:10px;
	text-align:right;
	box-sizing:border-box;
}
ul.link_2column01 li:nth-child(2){
	float:left;
	width:50%;
	margin-right:0px;
	padding-left:10px;
	text-align:left;
	box-sizing:border-box;
}
.img_normal img{
	width:auto;
	max-width:100%;
}
.img_50{
	width:50%;
	max-width:545px;
	margin:0 auto;
}
.img_50 img{
	max-width:100%;
}

}



/****************************************

          contentトップ用

*****************************************/
.top_box01_bg{
	width:100%;
    background: url(images/top_bg01.png) center top no-repeat;
	box-sizing:border-box;
}
.top_box01{
	max-width:960px;
	margin:0 auto;
	box-sizing:border-box;
	text-align:center;
}
.top_box01_img01{
	width:1920px;
}
.top_box01_img01 img{
	float:left;
}

.top_box02{
	width:100%;
}
.top_box02 a{
	text-decoration:none;
	color:#fff;
}
.top_box02_left{
	float:left;
	width:50%;
	height:510px;
	padding:60px;
	box-sizing: border-box;
    background:url(images/top_bg01.png) no-repeat center top;
}
.top_box02_text{
	width:530px;
	color:#fff;
}
.top_box02_right{
	float:right;
	width:50%;
	height:510px;
	padding:60px;
	box-sizing: border-box;
    background:url(images/top_bg02.png) no-repeat center top;
}

.top_box03_bg{
	width:100%;
	background:#5B4B31;
	box-sizing:border-box;
}
.top_box03{
	padding-top:50px;
}
.top_box03 a img:hover{
	opacity: 0.75;
	filter: alpha(opacity=75);
}
.top_box03b{
	margin:0 auto 50px;
	width:1020px;
	height:210px;
	text-align:center;
	background: url(images/top_bg03.png) center top no-repeat;
	box-sizing:border-box;
}
.top_box03b h4{
	font-family: "游明朝", YuMincho,"Times New Roman","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","メイリオ", Meiryo, serif;
	color:#fff;
	padding-top:25px;
	font-size:26px;
}
.top_box03b p{
	font-family: "游明朝", YuMincho,"Times New Roman","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","メイリオ", Meiryo, serif;
	color:#fff;
	font-size:14px;
	margin-bottom:15px;c
}
.top_box04{
    width: 1020px;
	margin:0 auto 60px;
 	box-sizing:border-box;
}
.top_box04_text{
    width: 550px;
	padding:20px;
 	box-sizing:border-box;
	background:#E5E2DE;
}

/* 3カラム */
ul.top_3column01{
	max-width:1020px;
	margin:0 auto 50px;
}
ul.top_3column01 li{
	float:left;
	width:320px;
	margin-right:30px;
}
ul.top_3column01 img:hover{
	opacity: 0.8;
	filter: alpha(opacity=80);
}
ul.top_3column01 li:nth-child(3){
	margin-right:0px;
}
/* 2カラム */
ul.top_2column01{
	max-width:1020px;
	margin:0 auto 60px;
}
ul.top_2column01 li{
	float:left;
	width:550px;
	margin-right:50px;
}
ul.top_2column01 li:nth-child(2){
	width:420px;
	margin-right:0px;
}


table.top_tbl01{
	max-width:550px;
	margin:0 auto 20px;
	float:left;
	border-collapse: collapse;
	
}
table.top_tbl01 th.field01{
	width:100px;
	color:#5B4B31;
	vertical-align:top;
	text-align:left;
	padding:10px 0;
	font-size:14px;
	border-bottom: 1px dotted #333;
}
table.top_tbl01 td.detail01{
	width:450px;
	text-align:left;
	vertical-align:center;
	padding:10px 0;
	font-size:14px;
	border-bottom: 1px dotted #333;
}




h4.top_headline02{
	margin-bottom:25px;
	width:295px;
	height:65px;
    background:url(images/top_tit02.png) no-repeat left top;
	text-indent:100%;
    overflow:hidden;
    white-space: nowrap;
}
h4.top_headline03{
	margin-bottom:25px;
	width:295px;
	height:65px;
    background:url(images/top_tit03.png) no-repeat left top;
   text-indent:100%;
    overflow:hidden;
    white-space: nowrap;
}
h4.top_headline04{
	margin:0 auto 25px;
	width:190px;
	height:45px;
    background:url(images/top_tit04.png) no-repeat left top;
	text-indent:100%;
    overflow:hidden;
    white-space: nowrap;
}
h4.top_headline05{
	margin:0 auto;
	width:170px;
	height:50px;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	margin-bottom:30px;
    background:url(images/top_tit05.png) no-repeat center top;
}
.top_label01{
	font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3", serif;
	text-decoration: none;
	width:520px;
	height:40px;
	line-height:40px;
	border:#FFF 1px solid;
	box-sizing:border-box;	
	margin-bottom:15px;
	padding-left:40px;
	background-color:rgba(255,255,255,0.2);
	background-image:url(images/top_label01_bg.png);
	background-position:left top;
	background-repeat:no-repeat;
	font-size:16px;
	colot:#fff;
}
.top_label02{
	font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3", serif;
	text-decoration: none;
	float:left;
	width:253px;
	margin-right:14px;
	height:40px;
	line-height:40px;
	border:#FFF 1px solid;
	box-sizing:border-box;	
	padding-left:40px;
	background-color:rgba(255,255,255,0.2);
	background-image:url(images/top_label01_bg.png);
	background-position:left top;
	background-repeat:no-repeat;
	font-size:16px;
	colot:#fff;
}
.top_label03{
	font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3", serif;
	text-decoration: none;
	float:left;
	width:253px;
	height:40px;
	line-height:40px;
	border:#FFF 1px solid;
	box-sizing:border-box;	
	padding-left:40px;
	background-color:rgba(255,255,255,0.2);
	background-image:url(images/top_label01_bg.png);
	background-position:left top;
	background-repeat:no-repeat;
	font-size:16px;
	colot:#fff;
}
.top_label01:hover,
.top_label02:hover,
.top_label03:hover{
	background-color:rgba(255,255,255,0.5);
}
@media screen and (max-width: 767px) {
h4.top_headline02,
h4.top_headline03{
	width: auto;
	margin-bottom:20px;
}

.top_box01{
	height:auto;
   	margin:0px auto;
	padding:20px;
}
.top_box01_img01{
	width:100%;
	text-align:center;
	padding:0 20px;
	box-sizing:border-box;
}
.top_box01_img01 img{
	float:none;
}
.top_box02{
	width:auto;
	height:auto;
   	margin:0px auto;
	padding:0px 20px;
}
.top_box02_text{
	width:auto;
}
.top_box02_left{
	width:100%;
	height:auto;
	padding:20px;
	box-sizing:border-box;
	float:none;
	margin-bottom:20px;
	box-sizing: border-box;
}
.top_box02_right{
	width:100%;
	height:auto;
	padding:20px;
	box-sizing:border-box;
	float:none;
	box-sizing: border-box;
}
.top_box03_bg{
	margin-top:20px;
	padding:20px;
}
.top_box03b{
	width:100%;
	height:auto;
   	margin:0px auto;
	padding:20px;
	background:none;
	border:#FFF 2px solid;
}
.top_box03b h4{
	padding-top:0px;
	font-size:16px;
}
ul.top_3column01{
	max-width:100%;
	margin:0 auto;
	padding: 0 20px;
	height:auto;
}
ul.top_3column01 li,
ul.top_3column01 li:nth-child(3){
	float:none;
	max-width:100%;
	height:auto;
	margin:0 auto 20px;
	box-sizing:border-box;
}
ul.top_2column01{
	max-width:100%;
	margin:0 auto 20px;
}
ul.top_2column01 li,
ul.top_2column01 li:nth-child(2){
	float:none;
	width:100%;
	margin-bottom:20px;
	margin-right:0px;
}

.top_box04{
    width:auto;
	margin:0 auto;
    height:auto;
	padding:20px;
 	box-sizing:border-box;
}
.top_box04_text{
    width:auto;
}
.top_box03{
	height:auto;
   	margin:0px auto;
	padding:30px 20px;
}

.top_label01{
	width:90%;
}
.top_label02{
	float:none;
	width:90%;
	margin-bottom:15px;
}
.top_label03{
	float:none;
	width:90%;
}

    
}


/****************************************

news トップ用

*****************************************/
.news_box{
    width: 1020px;
    margin: 0 auto 30px;
	text-align:right;
}
.news_post{
	width:100%;
    margin: 0 auto 30px;
}
.news_box a{
	cursor:pointer;
}
ul.news_list li{
	width:1020px;
	background:#EEE9E5;
	padding:10px;
	margin-bottom:10px;	
	box-sizing: border-box;
	color:#333333;
	font-size:10px;
}
.news_tit{
	text-align:left;
	max-width:100%;	
}
.news_text{
	margin-top: 6px;
	text-align: left;
}
.news_label{
	width:120px;
	padding-right:10px;
	box-sizing: border-box;
	float:left;
	text-align:left;
}
#news_display{
	display:none;
}
.brown{
	font-family: "メイリオ";
	font-size:7px;
	color:#5B4B31;
}


@media screen and (max-width: 767px) {
    
    .news_box{
        width: 100%;
        float: none;
        margin-bottom: 40px;
    }
    
.news_post{
	width:100%;
    margin: 0 auto 15px;
}

ul.news_list li,
ul.news_list li:nth-child(2){
	width:100%;
	height:auto;
	margin-bottom:10px;
	box-sizing: border-box;
}

.news_label{
	width:100%;
	box-sizing: border-box;
	float:none;
   background:url(images/news_tit01.png) no-repeat left top;
}
 
 
}


/****************************************

          content下層用

*****************************************/
.page_main{
	width:1020px;
	margin:60px auto;
}
.page_left{
	max-width:740px;
	float:left;
}

h2.page_headline01{
	font-family: "游明朝", YuMincho,"Times New Roman","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","メイリオ", Meiryo, serif;
	width:740px;
	height:45px;
	margin:0 auto 30px;
	padding-top:0px;
	padding-left:30px;
  	color:#6D5939;
    font-size: 2.4rem;
	font-weight:bold;
	line-height:30px;
	box-sizing:border-box;
	background:url(images/page_tit01.png) left top no-repeat;

}
h3.page_headline02{
	font-family: "游明朝", YuMincho,"Times New Roman","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","メイリオ", Meiryo, serif;
	width:100%;
	height:50px;
	margin:0 auto 20px;
	padding-top:0px;
	padding-left:20px;
  	color:#fff;
    font-size: 2.0rem;
	line-height:50px;
	box-sizing:border-box;
	background:url(images/page_tit02.png) left top no-repeat;
}
h3.page_headline03{
	width:100%;
	height:auto;
	line-height:1.3;
	margin:0 auto 20px;
	padding:15px;
  	color:#fff;
    font-size: 1.8rem;
	box-sizing:border-box;
	background:url(images/page_tit03.png) left top no-repeat;
}
.page_box01{
    max-width:740px;
	height:290px;
	padding:30px;
	color:#fff;
	box-sizing:border-box;
    background:url(images/page_bg01.png) left top no-repeat;
}
.page_box02{
	max-width:740px;
	box-sizing: border-box;
}
.page_box02 p{
	 overflow: hidden;
}
.page_box03{
    max-width:740px;
	background:#E5E0D9;
	padding:20px;
	box-sizing:border-box;
}
.page_box03 p{
	 overflow: hidden;
}
.page_box03 a{	
	text-decoration:none;
}
.page_box03 a:hover{	
	opacity: 0.8;
	filter: alpha(opacity=80);
}

.page_box04{
    max-width:100%;
	background:#fff;
	padding:10px;
	box-sizing:border-box;
}

.about_staff_box01{
    max-width:740px;
	padding:0 20px 20px;
    background:url(images/about_staff_bg01.png) left top no-repeat;
	box-sizing:border-box;
	position:relative;
}
.about_staff_box01 h4{
	font-family: "游明朝", YuMincho,"Times New Roman","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","メイリオ", Meiryo, serif;
	margin-bottom:20px;
	font-size: 2.2rem;
	color:#333;
}
h3.about_overview_headline01{
	font-family: "游明朝", YuMincho,"Times New Roman","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","メイリオ", Meiryo, serif;
  	color:#333;
	font-size: 2.4rem;
	box-sizing:border-box;
}


h4.about_introduction_headline01{
  	color:#333;
	font-size: 1.4rem;
	border-bottom:#333 1px solid;
	margin-bottom:10px;
	padding-bottom:5px;
	text-align:center;
	box-sizing:border-box;
}
/* 2カラム */
ul.about_introduction_3column01{
	max-width:740px;
	text-align:center;
	margin:0 auto 16px;
	height:auto;
	text-align:left;
}
ul.about_introduction_3column01 li{
	float:left;
	width:236px;
	height:auto;
	//margin-top:50px;
	margin-right:16px;
	background:#E5E0D9;
	padding:20px;
	box-sizing:border-box;
}
ul.about_introduction_3column01 li:nth-child(3){
	margin-right:0px;
	//height:530px;
	
}
ul.about_introduction_3column01 li img{
	width:196px;
	height:196px;
}
h4.about_question_headline01{
  	color:#333;
	font-size: 1.6rem;
	line-height:25px;
	border-bottom:#6D5A3A 1px dotted;
	margin-bottom:15px;
	padding-bottom:10px;
	padding-left:35px;
	text-align:left;
	font-weight:normal;
	box-sizing:border-box;
	background:url(images/about_question_tit01.png) left top no-repeat;
}


.guide_denture_box01{
	width:auto;
	display:inline-block;
}
/* 2カラム */
ul.guide_denture_2column01{
	max-width:700px;
	margin:0 auto;
	height:auto;
	text-align:left;
}
ul.guide_denture_2column01 li{
	float:left;
	max-width:335px;
	height:auto;
	//margin-top:50px;
	margin-right:30px;
	box-sizing:border-box;
}
ul.guide_denture_2column01 li:nth-child(2){
	margin-right:0px;
	//height:530px;
	
}



/* 2カラム */
ul.guide_implant_2column01{
	max-width:700px;
	text-align:left;
}
ul.guide_implant_2column01 li{
	float:left;
	max-width:345px;
	height:auto;
	margin-right:10px;
	box-sizing:border-box;
}
ul.guide_implant_2column01 li:nth-child(2){
		margin-right:0px;	
}
ul.guide_implant_2column01 h4{
	width:100%;
	background:url(images/page_tit02_sp.png) left top no-repeat;
	color:#fff;
	margin-bottom:10px;	
	text-align:center;
	padding:10px 0;
	font-size:1.6rem;
}
ul.guide_implant_2column01 p{
	width:100%;
	height:220px;
	background:#fff;
	font-size:1.4rem;
	padding:10px;
	box-sizing:border-box;
}

h4.guide_implant_headline01{
	color:#5B4B31;
	border-bottom:#5B4B31 1px solid;
	padding-bottom:5px;
	margin-bottom:20px;
	font-size:1.6rem;
}

.guide_implant_tbl01{
	width:100%;
//	margin-bottom:10px;
	border-spacing: 0px; 
	border-collapse: collapse; 
}
.guide_implant_tbl01 th{
	background:url(images/page_tit02_sp.png) left top no-repeat;
	padding:10px 0;
	color:#fff;
	//border:10px solid #E5E0D9;
	box-sizing:border-box;


}
.guide_implant_tbl01 td{
	background:#fff;
//	padding:0 !important;
//	margin:0 !important;
	box-sizing:border-box;
	vertical-align:top;
}
.guide_implant_tbl01 th.box01,
.guide_implant_tbl01 td.box01{
	width:255px;
	border-top: 10px solid #E5E0D9;
	border-bottom: 10px solid #E5E0D9;
//	border-right: 10px solid #E5E0D9;
	background:url(images/page_tit02_sp.png) left top repeat;
	vertical-align:middle;
}
.guide_implant_tbl01 img{
	float:left;
	margin:0;
	padding:0;	
}
.guide_implant_tbl01 td p{
	margin:0 !important;
	padding:10px !important;
	font-size:1.4rem;
	
}
.guide_implant_tbl01 th.box02,
.guide_implant_tbl01 td.box02{
	width:150px;
	border-top:10px solid #E5E0D9;
	border-left:10px solid #E5E0D9;
	border-bottom:10px solid #E5E0D9;
}
.guide_implant_tbl01 th.box03,
.guide_implant_tbl01 td.box03{
	width:295px;
	border-top:10px solid #E5E0D9;
	border-left:10px solid #E5E0D9;
	border-bottom:10px solid #E5E0D9;
}
.sp_h4{
	display:none;
}


.price_tbl01{
	width:100%;
	margin-bottom:10px;
}
.price_tbl01 tr.underline{
	border-bottom:#333 1px dotted;
}
.price_tbl01 tr.title th{
	padding-top:15px !important;
}
.price_tbl01 th{
    width:360px;
	text-align:left;
	font-weight:normal;
	box-sizing:border-box;
	padding-bottom:5px;
	padding-top:5px;
}
.price_tbl01 td{
    width:auto;
    text-align:left;
	box-sizing:border-box;
	padding-bottom:5px;
	padding-top:5px;
}




/******************

contact

******************/

/*テーブル*/
table.contact_tbl01{
	width:740px;
	margin-bottom:20px;
	border-collapse: collapse;
	
}
table.contact_tbl01 th.field{
	width:200px;
	vertical-align:middle !important;
	padding:3% 0;
	border-bottom: 1px dotted #333;
}
table.contact_tbl01 td.detail{
	width:540px;
	text-align:left;
	vertical-align:middle;
	padding:3% 0;
	border-bottom: 1px dotted #333;
}



@media screen and (max-width: 767px) {
.page_main{
	width:100%;
	margin:0px auto;
	padding:20px;
	box-sizing:border-box;
}
.page_left{
	max-width:100%;
	width:100%;
	float:none;
}  	
h2.page_headline01{
	width:100%;
	box-sizing:border-box;
}	
h3.page_headline02{
	width:100%;
	height:auto;
	margin:0 auto 20px;
	padding:15px;
	line-height:1.3;
  	color:#fff;
	box-sizing:border-box;
	background:url(images/page_tit02_sp.png) left top no-repeat;
}	
.page_box02_bg{
	height:auto;
	padding-bottom:20px;
    background:url(images/page_bg02_sp.png) center top repeat-y;
}   
.page_box03_bg,
.page_box04_bg{
	padding:20px;
}   

/*ページ別*/
.about_staff_box01{
	padding:20px;
	background:#E5E0D9;
}
.about_staff_box01 h4{
	margin-bottom:10px;
}

/* 2カラム */
ul.about_introduction_3column01{
	max-width:100%;
	text-align:center;
	margin:0 auto;
	height:auto;
	text-align:left;
}
ul.about_introduction_3column01 li{
	float:none;
	width:100%;
	margin-bottom:20px;
	height:auto;
	//margin-top:50px;
	margin-right:0;
	background:#E5E0D9;
	padding:20px;
	box-sizing:border-box;
}
ul.about_introduction_3column01 li img{
	width:100%;
	height:auto;
}


ul.guide_denture_2column01 li{
	float:left;
	max-width:335px;
	height:auto;
	margin-right:0px;
	box-sizing:border-box;
}
ul.guide_denture_2column01 li:nth-child(1){
	margin-bottom:20px;
	
}
.guide_implant_tbl01 th.box01,
.guide_implant_tbl01 td.box01{
	width:214px;
	text-align:center;
	vertical-align:top;
	
}




.guide_implant_tbl01 th.box01,
.guide_implant_tbl01 td.box01,
.guide_implant_tbl01 th.box02,
.guide_implant_tbl01 td.box02,
.guide_implant_tbl01 th.box03,
.guide_implant_tbl01 td.box03
{
	border-top: 1px solid #E5E0D9;
	border-bottom: 1px solid #E5E0D9;
	border: 1px solid #E5E0D9;
}


.guide_implant_tbl01 img{
	width:100%;
	margin-bottom:10px;
}
.sp_noimage{
	display:none;
}
.sp_h4{
	font-size:1.4rem;
	width:100%;
	display:block;
	padding:10px 0 !important;
	color:#fff;
}
/* 2カラム */
ul.guide_implant_2column01{
	max-width:100%;
	text-align:left;
}
ul.guide_implant_2column01 li{
	float:none;
	max-width:100%;
	height:auto;
	margin-right:0px;
	margin-bottom:20px;
	box-sizing:border-box;
}
ul.guide_implant_2column01 li:nth-child(2){
		margin-right:0px;
		margin-bottom:0px;	
}

ul.guide_implant_2column01 p{
	width:100%;
	height:auto;
}


table.contact_tbl01{
	width:100%;
	margin-bottom:20px;
	border-collapse: collapse;
	
}
table.contact_tbl01 th.field{
	width:auto;
	vertical-align:middle !important;
	padding:3% 15px 3% 0;
	border-bottom: 1px dotted #333;
}
table.contact_tbl01 td.detail{
	width:auto;
	text-align:left;
	vertical-align:middle;
	padding:3% 0;
	border-bottom: 1px dotted #333;
}

}




/****************************************

         single.php

*****************************************/

.single_box {
	width: 1020px;
    margin: 0 auto;
}

.single_text {
	width: 100%;
}

.pager{
	clear:both;
	text-align:center;
	padding:30px 0;
}

a.page-numbers,
.pager .current{
	background:rgba(0,0,0,0.02);
	border:solid 1px rgba(0,0,0,0.1);
	border-radius:5px;
	padding:5px 8px;
	margin:0 2px;
    font-size: 1.4rem;
}
.pager .current{
	background:rgba(0,0,0,1);
	border:solid 1px rgba(0,0,0,1);
	color:rgba(255,255,255,1);
}
.nav-below{
    margin: 30px 0 20px;
    text-align: center;
}

@media screen and (max-width: 767px) {

    .single_box {
        width: auto;
        padding: 0 10px;
    }
}


/****************************************

spFooter

*****************************************/

@media screen and (max-width: 767px) {
    
    #pcFooter,
    .footerPageNav{
        display: none;
    }
    
    #spFooter {
       padding: 20px 0;
        text-align: center;
       // margin-top: 80px;
        border-top: solid 1px rgba(255,255,255,0.55);
		background:#fff;
		color:#fff;
		background:#5B4B31;
    }
    .spFooterList{
		color:#fff;
	}
    .spPagetop{
        width: 50px;
        position: fixed;
        bottom:0;
        right:0;
    }
	.copyright{
    color: #fff !important;
}
    
}


/****************************************

pcFooter

*****************************************/
@media screen and (min-width: 768px) {
    #spFooter{
        display: none;
    }
}

#pcFooter {
    width:100%;
  	background:#5B4B31;
    margin-top:0px;
}
.pagetop{
	display:none !important;
    position: absolute;
    top:-70px;
    right:-200px;
}

.footerNavi{
	color:#fff;
    width: 1020px;
    margin: 0 auto 30px;
	text-align:center;
}
.footerNavi a:link,
.footerNavi a:visited
{
	color:#fff !important;
}
.footerNavi a:hover,
.footerNavi a:active {
	font-weight: normal;
    color: #FFFFC4;
    color: #D48928 !important;
    text-decoration: underline;
	-webkit-transition:0.2s linear;
	transition:0.2s linear;
}

.footer_box{
    width:1020px;
    margin: 0 auto;
    padding-top:40px;
	position:relative;
}

.footer_logo_area{
    width: 300px;
   	margin:0 auto 30px;
}

.footer_logo{
    margin-top: 5px;
}

.footer_center_area{
    width: 360px;
    float: left;
    margin-right: 10px;
}

.footer_box p{
    color: #CECCCC;
}

.copyright{
   	padding-bottom:10px;
    font-size: 1.2rem;
    color: #857F7F;
    text-align: center;
}


/****************************************

         sidebar

*****************************************/


#sidebar{
	width:240px;
	float:right;
}
.sidebar_box01{
	width:100%;
	border:#C2B6A3 1px solid;
	padding:15px 15px 5px;
	text-align:left;
	margin-bottom:30px;
	box-sizing:border-box;
	color:#333333;
}
.sidebar_box01 a:link,
.sidebar_box01 a:visited{
	color:#333;
}
.sidebar_box01 a:hover,.sidebar_box01 a:active {
	font-weight: normal;
    color: #D48928;
    text-decoration: underline;
	-webkit-transition:0.2s linear;
	transition:0.2s linear;
}
.sidebar_box01 p{
	margin-bottom:15px;
}
.sidebar_box02{
	margin-bottom:30px;
}
.sidebar_box02 img:hover{
	opacity: 0.8;
	filter: alpha(opacity=80);
}
.sidebar_box03{
	width:240px;
	background:#E2DED6;
	color:#5E5F5D;
	text-align:center;
}
.sidebar_box03 p{
	font-size:1.25em;
	text-align:left;
	padding:10px;
}
.sidebar_box03 a:hover{
	opacity: 0.8;
	filter: alpha(opacity=80);
}
@media screen and (max-width: 767px) {

#sidebar{
	display:none;
}

}




/****************************************

         P

*****************************************/
/* 改行 */
p.line_break{
	padding-top: 20px;
}
/* 改行 */
p.line_break02{
	padding-top: 30px;
}
/* 赤文字*/
.red{
	color: #AC0000;
	font-weight: bold;
}
.red_p{
	color:#CC0033;
}
.big_red{
    color: #f00;
    font-size: 1.8rem;
}
/* 強調*/
.big_bold{
	font-size:1.6rem;
	font-weight: bold;
}
.bold{
	font-weight: bold;
}

/* 小文字*/
.small{
	font-size: 1em;
	font-weight: bold;
	color: #384C0E;
}



/****************************************

         Contact Form7

*****************************************/
.wpcf7-form textarea{
	//width: 400px !important; /*本文*/
}
.wpcf7-form .wpcf7-submit{
	margin-top:10px;
	width: 50px !important; /*送信ボタン*/
}
.wpcf7 p {
	line-height: 2.0; /*項目間の隙間*/
	padding-top: 3px;
}
.wpcf7-form input{
	width: auto !important; /*ラジオボタン、チェックボタン*/
}
.contact_p_strong{
	border-top: 1px dotted #999;
	font-weight: bold;
	margin-top: 15px;
	padding-top 15px !important;
	font-size:1.4em;
}
.contact_p_strong_tbl{
	font-weight: bold;
	padding-top 15px !important;
	font-size:1.4em;
}
div.wpcf7-response-output{
	font-size: 13px;	
}

/****************************************

         追加

*****************************************/



/****************************************

          clearfix

*****************************************/
.clearfix:after{
    content: "."; 
    display: block; 
    height: 0; 
    font-size:0;    
    clear: both; 
    visibility:hidden;
}
.clearfix{
    display: inline-block;
} 
/* Hides from IE Mac */
* html .clearfix{
    height: 1%;
}
.clearfix{
    display:block;
}

/* End Hack */