@charset "utf-8";
/*
Theme Name: info2カラム右
Theme URI: http://information21.jp/
Description: infoのテーマ2カラム右
Author: information co., ltd.
Version: 2.0
*/


/*----------------------------------------
■共通設定
-----------------------------------------*/


@font-face {
    font-family: Hannari;
    src: url("/assets/fonts/hannari-sub.woff2") format("woff2");
    font-display: swap;
}


body, h1, h2, h3, h4, h5, h6, p, td, th, ol, ul, li, dl, dt, dd, form, pre{
	margin:0;
	padding:0;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 13px;
	color:#52463F;
	word-break:break-all;
	word-wrap: break-word;
-webkit-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased;
}
body{
	background:url(/assets/img/bg.jpg) no-repeat top center #FBFDF3;
	line-height:2;
}


p {
	
	margin-bottom:18px;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	
}
img {
	vertical-align:bottom;
	border: none;
}

a:link {
	color: #8CB23D;
	text-decoration:underline;
}
a:visited {
	color: #8CB23D;
}
a:active,
a:hover {
	color:#587A1C;
	text-decoration:none;
}


h3{
	background-color:#000000;
	padding:10px 0 10px 10px;
	font-style:14px;
	color:#ffffff;
	margin-bottom:18px;
}
h3 a{
	color:#ffffff;
}
h3 a:visited {
	color: #ffffff;
}

.min{
font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;
}
.han{
 font-family: Hannari,"Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;
}


/*----------------------------------------
■汎用クラス
-----------------------------------------*/
.clearfix{
	zoom:1;
}
.clearfix:after{
	content:"";
	display:block;
	clear:both;
}



.alignright{
	float:right;
	margin-left:20px;
	margin-bottom:20px;
}
.alignleft{
	float:left;
	margin-right:20px;
	margin-bottom:20px;
}
.aligncenter{
	clear:both;
	display:block;
	margin:25px auto;
}
.postmeta{
	clear:both;
}
.post {
	zoom:1;
}
.post .post{
	margin:10px;
}
.post:after{
	content:"";
	display:block;
	clear:both;
}

.wp-pagenavi{
	margin-top:20px;
	clear:both;
}

.wp-pagenavi{
padding-top:40px;
	margin:40px auto 40px auto;
	clear:both;
text-align:center;
}

.wp-pagenavi .pages{
padding:10px;
 border-radius: 15px;        /* CSS3草案 */  
    -webkit-border-radius: 15px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 15px;   /* Firefox用 */  
margin-right:10px;
}
.wp-pagenavi a, .wp-pagenavi span{
border:none !important;
}

.wp-pagenavi .current{
background:#E9E9A0;
}
.wp-pagenavi a:hover{
color:#587A1C;
}

.wp-pagenavi .current,
.wp-pagenavi .larger,
.wp-pagenavi .nextpostslink,
.wp-pagenavi .previouspostslink,
.wp-pagenavi .extend,
.wp-pagenavi .smaller,
.wp-pagenavi .last,
.wp-pagenavi .first
{
padding:10px;
margin-right:10px;
    -webkit-border-radius: 15px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 15px;   /* Firefox用 */  
 border-radius: 15px;        /* CSS3草案 */  
}





::selection {
    background: #8AB039;
}
::-moz-selection {
      background: #8AB039;
}




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

#wrapper{
overflow: hidden;
 position: relative;
}


#header-area{
height:150px;
width:100%;
background:url(/assets/img/header-bg.jpg) repeat-x top center
}
#header{
	width:980px;
	height:150px;
	margin:0 auto;
	position:relative;
}
#header h1{
letter-spacing: 0.2em;
	font-size:10px;
	font-weight:normal;
	position:absolute;
	top:16px;
	left:0;
line-height:1;
margin:0;
color:#999999;
}
#header #logo{
	position:absolute;
	top:42px;
	left:0;
height:86px;
width:428px;
}
 #header #logo a{
	display:block;
	height:86px;
width:428px;
	outline-style:none;
	text-indent:-9999px;
        background:url(/assets/img/logo.png);
}
#header-tel-area{
width:266px;
position:absolute;
	top:66px;
	left:460px;
}
#header-tel-top{
color:#83712C;
letter-spacing: 0.25em;
line-height:1;
margin-bottom:6px;
text-align:right;
}
#header-tel-no{
color:#745A4A;
font-size:32px;
line-height:1;
margin:0;
letter-spacing: 0.1em;
background:url(/assets/img/icon-ohayo.png) no-repeat bottom 0px right 10px;
padding-bottom:10px;
background-size:57px;
text-align:right;
}
#header-tel-no span{
background:url(/assets/img/icon-tel.png) no-repeat 0 6px;
background-size:24px;
padding-left:30px;
}
.header-contact{
position:absolute;
	top:66px;
	right:0;
height:50px;
width:240px;
}
.header-contact a{
color:#FFF;
text-decoration:none;
}
.header-contact-btn{
letter-spacing: 0.1em;
text-align:center;
line-height:50px;
height:50px;
width:240px;
display:inline-block;
background:#E0D24D;
 transition: .3s;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.header-contact-btn:hover{
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
}
.header-contact-btn-icon{
background:url(/assets/img/icon-mail.png) no-repeat 0 2px;
background-size:15px;
padding-left:20px;
}



/*----------------------------------------
■グローバルナビ
-----------------------------------------*/
#globalNavi{
}
#globalNavi ul{
	list-style:none;
	margin:0 auto;
	padding:0;
	width:980px;
}
#globalNavi li{
	display:inline;
	float:left;
}
#globalNavi a{
	display:block;
	height:36px;
	outline-style:none;
	text-indent:-9999px;
}

.globalNavi1 a{
	width:81px;
 transition: .3s;
	background:url(/assets/img/navi1.png) no-repeat;
}
.globalNavi1 a:hover{
	background:url(/assets/img/navi1r.png) no-repeat;
}


.globalNavi2 a{
	width:211px;
 transition: .3s;
	background:url(/assets/img/navi2.png) no-repeat;
}
.globalNavi2 a:hover{
	background:url(/assets/img/navi2r.png) no-repeat;
}

.globalNavi3 a{
	width:157px;
 transition: .3s;
	background:url(/assets/img/navi3.png) no-repeat;
}
.globalNavi3 a:hover{
	background:url(/assets/img/navi3r.png) no-repeat;
}

.globalNavi4 a{
	width:202px;
 transition: .3s;
	background:url(/assets/img/navi4.png) no-repeat;
}
.globalNavi4 a:hover{
	background:url(/assets/img/navi4r.png) no-repeat;
}

.globalNavi5 a{
	width:185px;
 transition: .3s;
	background:url(/assets/img/navi5.png) no-repeat;
}
.globalNavi5 a:hover{
	background:url(/assets/img/navi5r.png) no-repeat;
}

.globalNavi6 a{
	width:144px;
 transition: .3s;
	background:url(/assets/img/navi6.png) no-repeat;
}
.globalNavi6 a:hover{
	background:url(/assets/img/navi6r.png) no-repeat;
}





/*----------------------------------------
■キャッチイメージ
-----------------------------------------*/
#catchArea{
	width:980px;
	margin:0 auto 60px auto;
text-align:center;
}



/*----------------------------------------
■メイン
-----------------------------------------*/
#main{
	width:100%;
	margin:60px 0 60px;
}
#main-top{
width:100%;
	margin:20px 0;
}

/*----------------------------------------
■コンテンツ
-----------------------------------------*/
#contents-area{
width:980px;
margin:0 auto;
}


#contents{
	width:680px;
	margin-right:50px;
	float:left;
}

#breadNavi{
width:980px;
margin:0 auto 18px;
}

#text-2 ul{
	padding:0 0 10px 0;
	list-style: square inside url(/images/items/arrow_black.png);
}

/*----------------------------------------
■サイド
-----------------------------------------*/
#side_left{
	width:200px;
	float:left;
}
#side .sitenavi{
	background:#ffffff;
	list-style:none;
	padding:10px 7px;
	margin-bottom:15px;
}
#side .sitenavi a{
	background:url(/images/items/icon_link.gif) no-repeat left center;
	padding-left:17px;
	line-height:25px;
}

#recent-posts-2 h2,
#categories-3 h2,
#archives-2 h2{
font-size:18px;
font-weight:normal;
margin-bottom:18px;
}


#recent-posts-2 ul,
#categories-3 ul,
#archives-2 ul{
	list-style:none;
	margin-bottom:40px;
}

#recent-posts-2 ul li,
#archives-2 ul li{
border-bottom:solid 1px #DAD4CB;
padding-bottom:10px;
margin-bottom:10px;
font-size:16px;
}
#recent-posts-2 ul li{
padding-bottom:15px;
margin-bottom:15px;
}

#archives-2 ul li a{
background:url(/assets/img/icon-arrow.png) no-repeat 0 4px;
background-size:8px;
padding-left:14px;
}

#cate-title{
height:45px;
margin-bottom:20px;
line-height:45px;
color:#FFF;
padding-left:16px;
font-size:16px;
letter-spacing: 0.1em;
}


.cat-item{
width:170px;
height:45px;
margin-bottom:12px;
line-height:45px;
text-align:center;
font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;
color:#FFF;
font-size:16px;
letter-spacing: 0.1em;
 transition: .3s;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.cat-item:hover{
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
}
.cat-item a{
width:170px;
height:45px;
display:inline-block;
text-decoration:none;
color:#FFF;
padding-left:14px;
}
.cat-item-1 a{
background:url(/assets/img/icon-cate1.png) no-repeat 30px 12px;
}
.cat-item-11 a{
background:url(/assets/img/icon-cate6.png) no-repeat 30px 12px;
}

.cat-item-1,
.cate-title-blog{
background-image: -webkit-gradient(
                  linear
                , left top
                , right bottom
                , from(#8AB039)
                , to(#ACD48F));
background-image: -moz-linear-gradient(
         left top
    , #8AB039 0%
    , #ACD48F);

}


.cat-item-11,
.cate-title-topics{
background-image: -webkit-gradient(
                  linear
                , left top
                , right bottom
                , from(#E0B201)
                , to(#E0D24D));
background-image: -moz-linear-gradient(
         left top
    , #E0B201 0%
    , #E0D24D);
}

.side-recent-date{
font-size:16px;
line-height:1;
letter-spacing: 0.1em;
margin-bottom:6px;
}
.side-recent-dai{
font-size:16px;
line-height:1.6;
margin:0;
}


#side_right{
	width:250px;
	float:right;
}
/*----------------------------------------
■facebook/twitter
-----------------------------------------*/
#tabs{
height:370px;
}

#tabs ul{
width: 200px;
margin-bottom:7px;
}
#tabs li{
margin:0;
padding:0;
}

#tabs #tab_facebook{
background:url(/images/side/bg_facebook.png) no-repeat;
display: block;
width:100px;
height:40px;
text-indent: -9999px;
outline-style:none;
}
#tabs .ui-tabs-selected #tab_facebook{
background:url(/images/side/bg_facebook_selected.png) no-repeat;
}

#tabs #tab_twitter{
background:url(/images/side/bg_twitter.png) no-repeat right top;
display: block;
width:100px;
height:40px;
text-indent: -9999px;
outline-style:none;
}
#tabs .ui-tabs-selected #tab_twitter{
background:url(/images/side/bg_twitter_selected.png) no-repeat right top;
}


.ui-tabs-hide { display: none; }
.ui-tabs {
margin: 10px 0 0 0;
}
.ui-tabs-nav {

list-style: none;
margin: 0;
padding: 0;

}
.ui-tabs-nav:after {
display: block;
clear: both;
content: " ";
}
.ui-tabs-nav li { 
float: left; 
font-weight: bold;
width: 99px;
}
.ui-tabs-nav a{
display: block;
}
.ui-tabs-nav a {
margin: 1px 0 0;
padding-left: 0;
text-align: center;
outline: 0;
text-decoration:none;
}
.ui-tabs-nav .ui-tabs-selected a {
position: relative;
top: 1px;
z-index: 2;
margin-top: 0;
color: #000;
}



.ui-tabs-nav .ui-tabs-selected a:link,
.ui-tabs-nav .ui-tabs-selected a:visited,
.ui-tabs-nav .ui-tabs-disabled a:link,
.ui-tabs-nav .ui-tabs-disabled a:visited { cursor: text; }
.ui-tabs-nav a:hover,
.ui-tabs-nav a:focus,
.ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-deselectable a:hover,
.ui-tabs-nav .ui-tabs-deselectable a:focus,
.ui-tabs-nav .ui-tabs-deselectable a:active { cursor: pointer; }
.ui-tabs-disabled { opacity: .4; }
.ui-tabs-panel { padding: 0; }
.ui-widget { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1.1em/*{fsDefault}*/; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-tabs-panel { width: 178px; border: 0px solid #ade500/*{borderColorActive}*/;}
.ui-tabs-panel img { border:none; }


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

#footer-guide-area{
height:840px;
background:url(/assets/img/footer-guide.png) no-repeat top center;
}

#footer-guide{
width:980px;
margin:0 auto;
position:relative;
}
#footer-guide-title{
text-align:center;
padding-top:100px;
margin-bottom:50px;
}
#footer-guide-kaba{
position:absolute;
width:348px;
top:-50px;
left:10px;
margin:0;
}
#footer-guide-menu{
margin-bottom:20px;
}
#footer-guide-menu ul{
list-style:none;
}
#footer-guide-menu ul li{
width:306px;
float:left;
margin-right:31px;
visibility: hidden;
}
#footer-guide-menu ul li:last-child{
margin-right:0px;
}
.footer-guide-name{
font-size:30px;
text-align:center;
line-height:1;
margin-bottom:16px;
color:#8AB039;
}
#footer-guide-menu ul li:last-child .footer-guide-name{
color:#745A4A;
}
.footer-guide-img-area{
width:306px;
height:206px;
position:relative;
margin-bottom:16px;
overflow:hidden;
}

.footer-guide-img{
width:300x;
height:200px;
position:absolute;
top:3px;
left:3px;
    transition:0.3s;
}

.footer-guide-img-area:hover .footer-guide-img{
-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -ms-transform:scale(1.1,1.1);
    -o-transform:scale(1.1,1.1);
    transform:scale(1.1,1.1);
}

.footer-guide-img-waku{
position:absolute;
width:306px;
height:206px;
}
.footer-guide-text{
font-size:15px;
line-height:1.8;
}

.footer-guide-more{
width:240px;
height:50px;
text-align:center;
margin:0 auto;
font-size:16px;
}
.footer-guide-more a{
color:#FFF;
text-decoration:none;
}
.footer-guide-more-btn{
width:240px;
height:50px;
line-height:50px;
color:#FFF;
font-size:16px;
display:inline-block;
background:#8AB039;
 transition: .3s;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.footer-guide-more-btn:hover{
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
}


#footer-con-area{
width:100%;
display:inline;
 position: fixed;
    left: 50%;
    bottom: 0;
    margin:90px 0 0 -50%;
height:90px;
z-index:10;
background:#F5F6E3;
box-shadow:0 -5px 6px 2px rgba(79,100,32,0.12);
}

#footer-con{
width:980px;
height:90px;
margin:0px auto 0;
padding:0px 0 0 0;
position:relative;
}

#footer-con #logo{
	position:absolute;
	top:-6px;
	left:0;
height:86px;
width:428px;
}
#footer-con #logo a{
	display:block;
	height:86px;
width:428px;
	outline-style:none;
	text-indent:-9999px;
        background:url(/assets/img/logo.png);
}

#footer-con #header-tel-area{
	top:18px;
}
#footer-con .header-contact{
	top:18px;
}




#footer-area{
height:730px;
width:100%;
background:#F5F6E3;

}

#footer{
width:980px;
height:330px;
margin:0 auto;
position:relative;
}

#footer-img{
position:absolute;
top:18px;
width:222px;
height:175px;
}

#footer-info-area{
position:absolute;
top:18px;
left:250px;
width:216px;
}
#footer-info{
font-size:14px;
line-height:1.7;
margin-bottom:14px;
}
#footer-info-p{
width:216px;
height:46px;
text-align:center;
background:#D9EAB9;
line-height:46px;
font-size:16px;
color:#8AB039;
letter-spacing: 0.2em;
}
#footer-info-p span{
background:url(/assets/img/icon-car.png) no-repeat 0 3px;
background-size:27px;
padding:6px 0 6px 36px;
}

#footer-time-area{
position:absolute;
top:18px;
right:0px;
width:478px;
}
#footer-time{
margin-bottom:12px;
}
#footer-time-hosoku{
font-size:14px;
line-height:1.4;
margin-bottom:8px;
}
#footer-time-hosoku2{
font-size:11px;
line-height:1;
margin-bottom:0;
}
.footer-time-sat{
background:url(/assets/img/footer-time-sat.png) no-repeat;
padding-left:22px;
padding-bottom:4px;
}
.footer-time-close{
margin-left:20px;
color:#A9932C;
font-weight:bold;
}


#footer-navi-area{
width:978px;
margin:0 1px;
position:absolute;
top:226px;
border-top:solid 1px #BFD38E;
padding-top:28px;
}
#footer-navi-area ul{
list-style:none;
}
#footer-navi-area ul li{
width:163px;
float:left;
line-height:1;
margin-bottom:14px;
font-size:14px;
}

#footer-navi-area ul li a{
background:url(/assets/img/icon-arrow.png) no-repeat 0 4px;
background-size:6px;
padding-left:12px;
color:#52463F;
text-decoration:none;
opacity:1;
 transition: .3s;
}
#footer-navi-area ul li a:hover{
opacity:0.8;
}


#footer-map-area{
border-top:solid 1px #D7D1C3;
height:300px;
}
#footer-bottom-area{
height:100px;
background:#755B4A;
}


.pagetop{
padding-top:16px;
width:36px;
height:36px;
line-height:1;
margin:0 auto 16px;
}
.pagetop a{
width:36px;
height:36px;
	display:block;
	outline-style:none;
	text-indent:-9999px;
 transition: .3s;
	background:url(/assets/img/pagetop.png) no-repeat;
}
.pagetop a:hover{
background:url(/assets/img/pagetopr.png) no-repeat;
}

address{
	width:100%;
	margin:0 auto;
	text-align:center;
	font-style:normal;
font-size:14px;
color:#FFF;
line-height:1;
letter-spacing: 0.1em;
}



/*----------------------------------------
■トップページ
-----------------------------------------*/

#top-main-area{
height:500px;
width:100%;
background:url(/assets/img/top-main.png) no-repeat top center;
}
#top-main{
height:500px;
width:980px;
margin:0 auto;
position:relative;
}
#top-main-huki1{
position:absolute;
top:0;
left:-28px;
width:180px;
height:148px;
}
#top-main-huki2{
position:absolute;
top:37px;
right:-33px;
width:180px;
height:148px;
}

.floating{
animation-duration: 3s !important;	
	-webkit-animation-duration: 3s !important;
}


#top-message-area{
height:546px;
background:url(/assets/img/top-message.jpg) no-repeat top center;
background-size:cover;
border-top:solid 1px #FBFDF3;
border-bottom:solid 1px #FBFDF3;
}
#top-message-title{
text-align:center;
margin-top:-30px;
margin-bottom:30px;
}
#top-message-title-under{
text-align:center;
color:#83712C;
font-size:30px;
line-height:1;
margin-bottom:30px;
letter-spacing: 0.3em;
}

#top-message-text{
font-size:16px;
text-align:center;
}

#top-news-area{
background:url(/assets/img/top-news-bg.jpg) no-repeat top center;
padding:30px 0;
}
#top-news{
width:980px;
margin:0 auto;
}
.top-news-box{
width:460px;
padding:0 30px 0 0;
float:left;
}
#top-news div.top-news-box:last-child{
padding:0 0 0 30px;
}

.top-news-title{
text-align:center;
margin-bottom:16px;
height:24px;
}
#top-news-blog .top-news-title img{
width:75px;
}
#top-news-topics .top-news-title img{
width:98px;
}

#top-blog-area{
margin-bottom:24px;
}
#top-blog-area ul{
list-style:none;
}
#top-blog-area ul li{
color:#FFF;
font-size:18px;
letter-spacing: 0.1em;
}
#top-blog-area ul li a{
color:#FFF;
font-size:15px;
letter-spacing: 0em;
padding-left:20px;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
text-decoration:none;
}
#top-blog-area ul li a:hover{
opacity:0.8;
}

#top-blog-area ul li a{
color:#FFF;
}
.top-news-more{
width:194px;
height:40px;
margin:0 auto;
text-align:center;
}
.top-news-more a{
color:#FFF;
text-decoration:none;
}
.top-news-more-btn{
width:194px;
height:40px;
line-height:40px;
display:inline-block;
border:solid 1px #FFF;
 transition: .3s;
background:rgba(255,255,255,0);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
font-size:15px;
}
#top-news-topics .top-news-more-btn:hover{
color:#755B4A;
}
.top-news-more-btn:hover{
background:rgba(255,255,255,100);
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
color:#8AB039;
}

#top-news-topics ul{
padding-top:16px;
list-style:none;
padding-bottom:4px;
}
#top-news-topics ul li{
width:220px;
float:left;
margin-right:20px;
margin-bottom:20px;
}
#top-news-topics ul li:nth-child(even){
margin-right:0px;
}

.top-topi-l{
width:70px;
float:left;
margin-right:10px;
}
.top-topi-r{
width:140px;
float:left;
}
.top-topi-img{
width:70px;
margin:0;
}
.top-topi-img .news_image{
width:70px;
height:70px;
 transition: .3s;
 border-radius: 35px;        /* CSS3草案 */  
    -webkit-border-radius: 35px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 35px;   /* Firefox用 */  
}
.top-topi-img:hover .news_image{
 border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
}
.top-topi-catch{
font-size:15px;
color:#FFF;
line-height:1.2;
margin-bottom:6px;
}
.top-topi-catch a{
color:#FFF;
text-decoration:none;
}
.top-topi-catch a:hover{
opacity:0.8;
}
.top-topi-text{
font-size:11px;
color:#FFFCDC;
line-height:1.6;
margin:0;
}


#top-doctor-area{
background:url(/assets/img/top-doctor.jpg) no-repeat top center;
padding-top:54px;
padding-bottom:180px;
margin-bottom:-140px;
}
#top-doctor{
width:980px;
margin:0 auto;
position:relative;
}


#top-doctor-title{
font-size:38px;
line-height:1.2;
}
#top-doctor-text{
font-size:16px;
width:550px;
}
#top-doctor-topics{
color:#928045;
font-size:13px;
width:550px;
}

#top-doctor-name{
position:absolute;
top:20px;
left:615px;
padding-top:38px;
font-size:20px;
letter-spacing: 0.2em;
line-height:1;
background:url(/assets/img/top-doc-name.png) no-repeat;
}


.top-doctor-name-s{
font-size:14px;
padding-right:4px;
}


#top-doctor-pro{
position:absolute;
top:116px;
left:615px;
}

@keyframes pulse {
0% {
opacity: 0.9 !important;	
}
100% {
opacity: 0.9 !important;	
}
}
@-webkit-keyframes pulse {
0% {
opacity: 0.9 !important;	
}
100% {
opacity: 0.9 !important;	
}
}

#news{
}
#news ul{
	padding:0;
	margin:0;
}
#news li{
	list-style:none;
	border-bottom:dotted 1px #000000;
	padding:10px 0;
}
#news li a{
	margin-left:30px;
}



/*----------------------------------------
■お問い合わせ
-----------------------------------------*/
#wpcf7-submit{
	text-align:center;
}

.wpcf7-list-item{
	white-space:nowrap;
	display:block;
	
}
/*----------------------------------------
■会社概要
-----------------------------------------*/
#googleMapsArea{
	height:300px;
}
#googleMapsArea2{
	height:500px;
margin-bottom:20px;
}






/*----------------------------------------
■お知らせ
-----------------------------------------*/

.news-all-box{
padding-bottom:30px;
margin-bottom:30px;
border-bottom:dotted 1px #8AB039;
}

.news-all-top{
border-left:solid 6px #8AB039;
padding-left:18px;
margin-bottom:20px;
}


.news-all-img{
width:180px;
margin:0;
 transition: .3s;
opacity:1;
}
.news-all-img:hover{
opacity:0.8;
}

.news_image{
 display: inline-block;
    background-position: center center;
    background-repeat: no-repeat;
width: 180px;
    height:180px;
    background-size: cover;
}
.news-all-l{
width:180px;
float:left;
margin-right:20px;
}
.news-all-r{
width:480px;
float:left;
}

.news-all-catch{
font-size:22px;
line-height:1.2;
margin-bottom:10px;
}
.news-single-catch{
font-size:36px;
line-height:1.2;
margin-bottom:10px;
}
#news-single-naiyou,
#news-single-naiyou p{
font-size:18px;
}
#news-single-naiyou{
margin-bottom:40px;
}


.news-all-catch a{
color:#52463F;
text-decoration:none;
}
.news-all-catch a:hover{
color: #8CB23D;
}
.news-all-more{
margin:0;
line-height:1;
}
.news-all-date{
line-height:1;
margin-bottom:0;
}

.news-all-date .han{
font-size:16px;
letter-spacing: 0.1em;
}

.news-all-date .cate{
margin-left:10px;
}
.cate a{
text-decoration:none;
}
.cate-blog a{
color:#8AB039;
}
.cate-topics a{
color:#E0D24D;
}
.cate a:hover{
opacity:0.8;
}

.news-all-text,.news-all-text p{
font-size:16px;
margin-bottom:12px;
}


#single_social{
	list-style:none;
}
#single_social li{
	float:left;
}
.postmeta{
	border-top:dotted 1px #8AB039;
	padding:20px 0;
}
.postmeta p{
	margin-top:5px;
}

/*----------------------------------------
■クリニック紹介
-----------------------------------------*/

#clinic-message-area{
padding:50px 0 30px;
background:url(/assets/img/top-message.jpg) no-repeat top center;
background-size:cover;
border-bottom:solid 1px #FBFDF3;
}

#clinic-message-title{
text-align:center;
color:#83712C;
font-size:30px;
line-height:1;
padding-bottom:30px;
border-bottom:solid 2px #E3E6E0;
margin-bottom:30px;
letter-spacing: 0.3em;
}

#clinic-message-text{
font-size:16px;
text-align:center;
}


#clinic-doctor-area{
padding:50px 0;
background:url(/assets/img/clinic-doctor-bg.jpg) no-repeat top center;
}
#clinic-doctor{
width:980px;
margin:0 auto;
position:relative;
}
#clinic-doctor-title{
font-size:30px;
color:#FFF;
line-height:1;
margin-bottom:20px;
}
#clinic-doctor ul{
list-style:none;
}
#clinic-doctor li{
background:url(/assets/img/icon-arrow.png) no-repeat 0 8px;
background-size:8px;
padding-left:14px;
color:#FFF;
font-size:16px;
}


#clinic-doctor-name{
position:absolute;
top:20px;
left:568px;
padding-top:38px;
font-size:20px;
letter-spacing: 0.2em;
line-height:1;
background:url(/assets/img/top-doc-name.png) no-repeat;
}


.clinic-doctor-name-s{
font-size:14px;
padding-right:4px;
}

#clinic-doctor-kaba{
position:absolute;
top:230px;
left:308px;
width:148px;
margin:0;
}

#clinic-info{
padding:50px 0px;
margin:0 auto;
width:980px;
}
#clinic-info-l{
width:478px;
float:left;
}
#clinic-info-r{
width:460px;
float:right;
}


#clinic-info-logo{
margin-bottom:26px;
}

#clinic-infp-address{
font-size:16px;
line-height:1;
margin-bottom:10px;
}
.clinic-info-t{
margin-bottom:16px;
}
.clinic-info-t th{
text-align:left;
color:#8AB039;
font-size:16px;
letter-spacing: 0.2em;
font-weight:normal;
}
.clinic-info-t td{
font-size:16px;
text-align:left;
}

#clinic-info-kamoku{
margin-bottom:14px;
}
#clinic-info-kamoku ul{
list-style:none;
}
#clinic-info-kamoku ul li{
width:158px;
float:left;
margin-right:2px;
height:46px;
line-height:46px;
text-align:center;
font-size:16px;
letter-spacing: 0.2em;
color:#8AB039;
background:#D9EAB9;
}
#clinic-info-kamoku ul li:last-child{
color:#745A4A;
background:#E9E9A0;
margin-right:0px;
}

#clinic-info-img-area{
clear:both;
padding-top:20px;
margin:0 1px;
}
#clinic-info-img-area ul{
list-style:none;
}
#clinic-info-img-area ul li{
width:240px;
float:left;
margin-right:6px;
}
#clinic-info-img-area ul li:last-child{
margin-right:0px;
}

.clinic-info-img{
width:240px;
height:180px;
margin-bottom:16px;
}
.clinic-info-img img{
width:240px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
}

.clinic-info-img-dai{
color:#8AB039;
font-size:20px;
letter-spacing: 0.2em;
text-align:center;
margin-bottom:10px;
line-height:1;
}
.clinic-info-img-text{
text-align:center;
line-height:1.6;
font-size:16px;
}

#clinic-map-top{
width:980px;
margin:0 auto 20px;
}
#clinic-map-top-l{
width:213px;
float:left;
margin-bottom:0;
}
#clinic-map-top-r{
padding-top:10px;
line-height:1;
margin-bottom:0;
width:760px;
float:right;
font-size:16px;
text-align:right;
}

#clinic-map-car{
width:324px;
height:70px;
margin:0 auto 30px;
background:#D9EAB9;
line-height:70px;
text-align:center;
color:#8AB039;
font-size:28px;
}
#clinic-map-car span{
background:url(/assets/img/icon-car.png) no-repeat ;
background-size:36px;
padding-left:46px;
padding-top:0px;
padding-bottom:10px;
letter-spacing: 0.1em;
}


/*----------------------------------------
■診療案内
-----------------------------------------*/

#guide-area{
width:980px;
margin:0 auto 40px;
}
.guide-kamoku-box{
margin-bottom:40px;
}
.guide-kamoku-info{
width:454px;
}

.guide-kamoku-img{
width:490px;
margin:0;
}
.guide-kamoku-name{
color:#8AB039;
font-size:50px;
letter-spacing: 0.1em;
margin-bottom:16px;
line-height:1;
visibility: hidden;
}
.guide-kamoku-text{
font-size:16px;
margin-bottom:20px;
visibility: hidden;
}

#shika .guide-kamoku-info,
#syoni .guide-kamoku-img{
float:right;
}
#shika .guide-kamoku-img,
#syoni .guide-kamoku-info{
float:left;
}

.guide-toku-dai{
color:#FFF;
font-size:15px;
background:#8AB039;
height:32px;
padding:0 12px;
line-height:32px;
letter-spacing: 0.2em;
margin-bottom:12px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}

.guide-toku-hosoku{
color:#928045;
line-height:1.6;
}

.guide-toku-img{
margin-bottom:12px;
}
.guide-toku-img ul{
list-style:none;
}
.guide-toku-img ul li{
width:150px;
margin-right:2px;
float:left;
}
.guide-toku-img ul li:last-child{
margin-right:0px;
}
.guide-toku-img ul li img{
width:150px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}

.guide-kamoku-bottom{
padding-top:30px;
border-top:solid 2px #EAE9DF;
text-align:center;
font-size:16px;
margin-top:-10px;
margin-bottom:40px;
}

#guide-visit-area{
background:#E9E9A0;
padding:30px;
position:relative;
}
#guide-visit-area-l{
width:300px;
float:left;
}
#guide-visit-area-r{
width:590px;
float:right;
}
#guide-visit-img{
margin:0;
}
#guide-visit-dai{
padding-top:10px;
letter-spacing: 0.3em;
font-size:18px;
line-height:1;
margin-bottom:16px;

}
#guide-visit-text{
font-size:15px;
margin-bottom:14px;
}

#guide-visit-more{
width:240px;
height:50px;
text-align:center;
}

#guide-visit-more a{
color:#FFF;
text-decoration:none;
}

.guide-visit-more-btn{
letter-spacing: 0.1em;
width:240px;
height:50px;
line-height:50px;
display:inline-block;
background:#755B4A;
font-size:16px;
color:#FFF;
 transition: .3s;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.guide-visit-more-btn:hover{
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
}

#guide-visit-check{
position:absolute;
width:96px;
margin:0;
top:-50px;
right:20px;
visibility: hidden;
}


/*----------------------------------------
■訪問歯科治療
-----------------------------------------*/

#visit-top-area{
background:url(/assets/img/visit-top-bg.png) no-repeat top center;
height:582px;
}
#visit-top{
width:980px;
margin:0 auto;
height:582px;
position:relative;
}
#visit-top-text{
position:absolute;
right:30px;
top:10px;
}

#visit-info-top{
text-align:center;
font-size:26px;
margin-bottom:30px;
line-height:1.6;
}
#visit-info-area{
width:920px;
margin:0 auto 30px;
padding:30px;
background:#E9E9A0;
position:relative;
}

.visit-info-t{
border-collapse:separate;
border-spacing:10px;
}
.visit-info-t th{
background-image: -webkit-gradient(
                  linear
                , left top
                , right bottom
                , from(#E0B201)
                , to(#E0D24D));
background-image: -moz-linear-gradient(
         left top
    , #E0B201 0%
    , #E0D24D);

text-align:center;
vertical-aling:center;
color:#FFF;
font-size:18px;
font-weight:normal;
padding:12px;
letter-spacing: 0.2em;
}
.visit-info-t td{
padding:12px;
text-align:left;
font-size:16px;
vertical-aling:center;
}
#visit-info-10years{
position:absolute;
bottom:-30px;
right:30px;
margin:0;
visibility: hidden;
}

#visit-tel-top{
width:450px;
margin:0 auto 12px;
height:34px;
line-height:34px;
text-align:center;
color:#FFF;
font-size:16px;
background:#8AB039;
}
#visit-tel-no{
text-align:center;
font-size:60px;
line-height:1;
margin-bottom:8px;
color:#755B4A;
letter-spacing: 0.1em;
}
#visit-tel-no span{
background:url(/assets/img/icon-tel.png) no-repeat 0 6px;
background-size:48px;
padding-left:56px;
}

#visit-tel-hosoku{
font-size:16px;
text-align:center;
}

/*----------------------------------------
■お問い合わせ
-----------------------------------------*/

#contact-top-area{
width:980px;
margin:0 auto 20px;
}

#contact-top-text{
text-align:center;
font-size:16px;
padding-bottom:30px;
border-bottom:solid 2px #DAD4CB;
margin-bottom:30px;
}

#contact-tel{
text-align:center;
font-size:60px;
line-height:1;
margin-bottom:8px;
color:#755B4A;
letter-spacing: 0.1em;
}
#contact-tel span{
background:url(/assets/img/icon-tel.png) no-repeat 0 6px;
background-size:48px;
padding-left:56px;
}

#contact-tel-under{
width:450px;
margin:0 auto 12px;
height:34px;
line-height:34px;
text-align:center;
color:#FFF;
font-size:16px;
background:#8AB039;
}

#contact-form-area{
background:url(/assets/img/contact-form-area.png) no-repeat top center;
margin-bottom:-180px;
padding-bottom:180px;
}

#contact-form{
width:980px;
margin:0 auto 20px;
padding-top:34px;
}

#contact-form-title{
text-align:center;
margin-bottom:24px;
}
#contact-form-top-text{
font-size:20px;
text-align:center;
line-height:1;
margin-bottom:20px;
}
#contact-form-top-hossu{
text-align:center;
font-size:14px;
}

.hissu{
color:#8AB039;
margin-right:4px;
}

.form-t{
margin-bottom:30px;
}

.form-t th,
.form-t td{
padding:20px 30px;
}
.form-t tr{
border-bottom:solid 2px #D7D0BB;
}
.form-t th{
font-weight:normal;
font-size:20px;
letter-spacing: 0.1em;
border-right:solid 2px #D7D0BB;
}

.form-t td input{
border:0;
background-color:#FFF;
padding:10px;
width:100%;
border:none;
line-height:1.6;
font-size:14px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.form-t textarea{
border:0;
padding:10px;
width:100%;
border:none;
line-height:1.6;
font-size:14px;
background-color:#FFF;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}



#contact-form-area span.wpcf7-not-valid-tip{
    display: none;
}

#contact-form-area .wpcf7-not-valid{
    background: #FFE4EC;
}



 #contact-form-area .wpcf7-validation-errors{
        color: #FFF;
        background-color: #DA3A52;
        border: 1px solid #DA3A52;
text-align:center;
font-weight:bold;
line-height:1.4;
font-size:14px;
    }
 #contact-form-area .wpcf7-mail-sent-ng{
 color: #FFF;
        background-color: #DA3A52;
        border: 1px solid #DA3A52;
text-align:center;
font-weight:bold;
line-height:1.4;
font-size:14px;
}
  #contact-form-area .wpcf7-mail-sent-ok {
        color: #FFF;
        background-color: #33CC99;
        border: 1px solid #33CC99;
text-align:center;
font-weight:bold;
line-height:1.4;
font-size:14px;
    }



.form-t .watermark{
font-size:0.6em;
color:rgba(0,0,0,0.2);
}


#form-privacy-text{
text-align:center;
font-size:16px;
margin-bottom:18px;
}

.contact-privacy-check{
text-align:center;
font-size:18px;
font-weight:bold;
margin-bottom:26px;
line-height:1;
}

#form-privacy-naiyou-title{
font-weight:bold;
margin-bottom:10px;
font-size:16px;
}

#form-privacy-naiyou{
padding:20px 30px;
width:800px;
margin:0 auto 20px;
background:#E9E9A0;
color:#745A4A;
text-align:center;
}

.contact-btn{
text-align:center;
margin-bottom:30px;
}


/*----------------------------------------
■リンク
-----------------------------------------*/

#link-area{
width:980px;
margin:0 auto 20px;
}

#link-top{
text-align:center;
font-size:16px;
margin-bottom:30px;
}

.link-box{
padding-bottom:30px;
margin-bottom:30px;
border-bottom:solid 1px #DAD4CB;
}

.link-box-l{
width:280px;
float:left;
}
.link-box-r{
width:675px;
float:right;
}

.link-box-img{
margin:0;
}

.link-box-name{
background:#8AB039;
color:#FFF;
height:34px;
line-height:34px;
padding:0 12px;
margin-bottom:12px;
font-size:16px;
}
.link-box-text{
font-size:16px;
margin-bottom:12px;
}
.link-box-url{
color:#8CB23D;
font-size:16px;
line-height:1;
}


/*----------------------------------------
■サイトマップ
-----------------------------------------*/

#sitemap-area{
width:980px;
margin:0 auto 20px;
}

#sitemap-top-text{
text-align:center;
font-size:16px;
margin-bottom:30px;
}

#sitemap-navi-area{

}
.sitemap-navi-retu{
height:300px;
width:262px;
padding-right:48px;
margin-right:48px;
border-right:solid 1px #DAD4CB;
float:left;
}
#sitemap-navi-area div.sitemap-navi-retu:last-child{
padding-right:0px;
margin-right:0px;
border-right:none;
}

.sitemap-name{
font-size:20px;
padding-left:28px;
background:url(/assets/img/icon-arrow.png) no-repeat;
background-size:12px;
line-height:1;
margin-bottom:16px;
}
.sitemap-name a{
color:#52463F;
text-decoration:none;
}

.sitemap-navi-retu ul{
margin-bottom:30px;
padding-left:36px;
list-style:none;
}
.sitemap-navi-retu ul li{
font-size:16px;
}
.sitemap-navi-retu ul li a{
color:#52463F;
text-decoration:none;
}

.sitemap-name a:hover,.sitemap-navi-retu ul li a:hover{
opacity:0.8;
}

/*----------------------------------------
■トピックス
-----------------------------------------*/

#topics-area{
width:980px;
margin:0 auto 20px;

}
#topics-area ul{
list-style:none;
}

#topics-area ul li{
width:440px;
float:left;
padding-right:49px;
margin-right:49px;
border-right:dotted 2px #8AB039;
height:460px;
margin-bottom:40px;
}
#topics-area ul li:nth-child(even){
padding-right:0;
margin-right:0;
border-right:none;
}
.topics-catch{
text-align:center;
line-height:1.2;
margin-bottom:20px;
font-size:22px;
color:#8AB039;
}
.topics-img{
width:440px;
height:300px;
margin-bottom:20px;
}
.topics-img .news_image{
width:440px;
height:300px;
}
.topics-text{
font-size:16px;
}
.topics-text p{
font-size:16px;
}