@charset "utf-8";
/*--------------------------------------------------
	基本設定
--------------------------------------------------*/
body {
	font-size: 14px;
	color: #333;
	/* font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif; */
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	line-height:150%;
	margin: 0px;
	text-align:left;
    background: url(https://hannari.deasgarden.jp/wp/wp-content/uploads/background.jpg) top left repeat-x;
}
@media print {
  body {
    width: 1200px;
    transform: scale(0.8);
    -moz-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    transform-origin: 0 0;
  }
}
h1,h2,h3,ul,ol,li,dl,dt,dd{
	padding: 0px;
	margin: 0px;
	line-height:100%;
}
h1,h2,h3,h4{
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    line-height:180%;
}
h1:before{
    content: none;
}
h2:before{
    content: none;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
p {
    float: left;
	padding: 0px;
	margin: 10px 0 0 0;
	line-height:150%;
}
figure{
    float: left;
}
figcaption{
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
    font-size:12px;
}
img {
	border: none;
	vertical-align: top;
}
hr{
	display: none;
}
form {
	padding:0px;
	margin:0px;
}
ul{
	list-style: none;
}
.clear{
	clear:both;
	font-size:0px;
	line-height:0px;
	height:0px;
}
.anchor{
	font-size:0px;
	line-height:0px;
	display:block;
	overflow:hidden;
	height:0px;
}
div{
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
div:after,section:after,address:after {  
    content:"";
    display:table;
    clear:both;
}
.clfx {  
    content:"";
    display:table;
    clear:both;
}
@media screen and (max-width:767px){
    body {
        background: none;
    }
}
/*--------------------------------------------------
	リンク設定
--------------------------------------------------*/
a{
	color:#36C;
	text-decoration:underline;
}
a:hover {
	color:#903;
	text-decoration:none;
}
[href^="tel"] {
    text-decoration: none;
    color: #FFF;
    cursor: default;
    pointer-events: none;
}
@media screen and (max-width: 768px) {
    [href^="tel"] {
        pointer-events: auto;
    }
}
/*--------------------------------------------------
	ヘッダー設定
--------------------------------------------------*/
#page_top {
  margin: 0;
  padding: 0;
}

header{
	width:100%;
	margin:0;
}
.header{
	width:1170px;
    margin: 30px auto 0 auto;
}
.header-cate{
	width:1179px;
    margin: 20px auto 0 auto;
}
.header-cate li{
    float: left;
    width: 380px;
    margin: 0 10px 10px 0; 
}
.header-cate li img{
    border: 1px solid #CCC;
}
.header-cate li.li-last{
    margin-right: 0;
}

@media screen and (max-width:767px){
	.header{
	   width:100%;
        margin: 0 0 0 0;
    }
    .header-cate{
	   width:100%;
        margin: 10px 0 0 0;
    }
    .header-cate li{
        width: 30%;
        margin: 0 0 10px 2.3%; 
    }
    .header-cate li img{
        width: 100%;
        height: auto;
    }
	
}

@media screen and (min-width:768px){
	.sma-head,.sma-space,#gNav,#gNavbtn,.sma-yohaku,#fademenu,.sma-foot-menu,.mb-br,.br-mb,#mainImages{
		display:none;
	}
}


/*-------------------------------------------------------------
#Social
-------------------------------------------------------------*/
#Social{
	width:56px;
	position:fixed;
	bottom:60px;
	right:10px;
    z-index: 99999;
}
#Social img{
	width:56px;
	height:auto;
	float:left;
	margin:20px 0 0 0;
    clear:both;
}

@media screen and (max-width:767px){
	#Social{
		width:10%;
		position:fixed;
		bottom:30px;
		right:3%;
	}
	#Social img{
		width:100%;
		height:auto;
		opacity: 0.7;
	}
}
/*--------------------------------------------------
	フッター
--------------------------------------------------*/
.footer{position:relative;padding:6px 0 20px;background:url(https://hannari.deasgarden.jp/wp/wp-content/themes/deashannari/img/footer_bg01.png) repeat-x 0 0,url(https://hannari.deasgarden.jp/wp/wp-content/themes/deashannari/img/footer_bg03.png)
}
.footer div{
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}
.footer a{color:#444;text-decoration:none}
.footer a:hover{color:#a5a5a5;text-decoration:underline}
.footer_nav{padding:25px 0 15px;background:url(https://hannari.deasgarden.jp/wp/wp-content/themes/deashannari/img/footer_bg02.png)}
.footer_nav_l_inner{display:table;border-left:1px solid #e5ddc3}
.footer_nav dl{display:table-cell;padding:0 20px;width:20%;border-right:1px solid #e5ddc3;font-size:1.3rem}
.footer_nav dt{margin:0 0 5px}
.footer_nav dd a{display:block;padding:2px 0}
.footer_nav dd a:before{content:'> '}
.footer_profile{width:1170px;}
.footer_profile_inner{width:600px;display:table;margin:70px auto 50px}
p.footer_profile-logo{float:left;width:300px;}
.footer_profile-body{float:left;width:300px;display:table-cell;font-size:12px}
.footer_profile-name{float:left;width:300px;font-size:16px}
.footer_profile-name-sub{font-size:12px}
address.footer_profile-address{float:left;width:300px;font-style:normal}
.footer_profile-tel{float:left;width:300px;margin:10px 0}
.footer a.footer_profile-tel-main{display:inline-block;padding:0 0 0 10px;min-height:16px;background:url(https://hannari.deasgarden.jp/wp/wp-content/themes/deashannari/img/footer_ic_tel.png) no-repeat 0 50%;background-size:7px auto;color:#6d9d54;font-size:18px;font-weight:700}
.footer_profile-tel-fax:before{content:'/';padding:0 3px 0 0}
.footer_subnav{font-size:13px;line-height:1.4;text-align:center}
.footer_subnav ul{display:table;margin:0 auto 20px}
.footer_subnav li{display:table-cell;padding:0 6px;border-right:1px solid #737372}
.footer_subnav li:last-child{border-width:0}
.footer_subnav li a{display:block;color:#565656}
.footer_copyright{text-align:center}

@media screen and (min-width:768px) and (max-width:1170px){
    .footer_subnav ul{display:block;letter-spacing:-.4em}
    .footer_subnav li{letter-spacing:normal;display:inline-block;margin-bottom:10px}
    .footer_profile{width:100%;}
    .footer_profile_inner{margin:35px auto}
}
@media (max-width:767px){
    .footer{padding:0 0 10px;background:url(https://hannari.deasgarden.jp/wp/wp-content/themes/deashannari/img/footer_bg02.png)}
    .footer a:hover{text-decoration:none}
    .footer_subnav{background:url(https://hannari.deasgarden.jp/wp/wp-content/themes/deashannari/img/footer_subnav_bg-sp.png);text-align:left}
    .footer_subnav ul{display:block;margin:0;border-top:1px solid #bfd6a6}
    .footer_subnav li,.footer_subnav li:last-child{display:block;padding:0;border:1px solid #bfd6a6;border-width:0 0 1px}
    .footer_subnav li a{display:block;padding:10px 20px 10px 10px;background:url(https://hannari.deasgarden.jp/wp/wp-content/themes/deashannari/img/footer_subnav_ic-arrow-sp.png) no-repeat 100% 50%;background-size:18px auto}
    .footer_profile_inner{display:block;margin:0;padding:32px 0 0;background:url(https://hannari.deasgarden.jp/wp/wp-content/themes/deashannari/img/footer_bg01.png) repeat-x 0 0}
    .footer_profile{width:100%;}
    .footer_profile_inner{width:100%;display:table;margin:70px 0 50px 0;}
    p.footer_profile-logo{width:100%;margin:0 0 0 35%;padding:0;}
    p.footer_profile-logo img{float:left;width:30%;height:auto}
    .footer_profile-body{width:100%;display:block;padding:15px 0;text-align:center}
    .footer_profile-name{width:100%;}
    address.footer_profile-address{width:100%;text-align:center;}
    .footer_profile-tel{width:100%;}
    .footer_profile-btn{width:100%;}
    .footer_profile-btn img{width:125px;height:auto;}
    span.imgtxt-footer_copyright{width:187px;height:9px;background:url(https://hannari.deasgarden.jp/wp/wp-content/themes/deashannari/img/imgtxt-footer_copyright.png) no-repeat 0 0;background-size:100% auto}
}
.breadcrumb-area{
    width: 1170px;
    margin: 0 auto;
}
@media screen and (max-width:767px){
    .breadcrumb-area{
        clear:both;
        width: 94%;
        margin: 0 0 0 3%;
    }
}
/*--------------------------------------------------
	個別
--------------------------------------------------*/
.wrap{
    width: 1170px;
    margin: 0px auto 0px auto;
}
.index-con{
    float: left;
    width: 840px;
    margin: 30px 0 50px 0;
}
.sidebar-area{
    float: right;
    width: 280px;
    margin: 30px 0 50px 0;
}
.index-unit{
    float: left;
    width: 840px;
    margin: 0 0 50px 0;
    padding: 0 0 30px 0;
}
.index-unit-noborder{
    border-bottom: none;
}
.index-unit-photo{
    float: left;
    width: 400px;
    margin: 0 0 0 0;
}
.index-unit-photo img{
    width: 100%;
    height: auto;
}
.index-unit-right{
    float: right;
    width: 400px;
    margin: 0 0 0 0;
}
.index-unit-date{
    float: left;
    width: 100px;
    margin: 0;
    font-size:14px;
    font-weight: bold;
}
.index-unit-user{
    float: left;
    width: 300px;
    margin: 0;
    font-size:14px;
    font-weight: bold;
}
.index-unit-category{
    float: left;
    width: 400px;
    margin: 10px 0 0 0;
    font-size:14px;
    font-weight: bold;
}
.index-unit-category a{
    color:#333;
    text-decoration: none;
}
.index-unit-category a:hover{
    color:#F93;
    text-decoration: underline;
}
.index-unit-title{
    float: left;
    width: 400px;
    margin: 10px 0 0 0;
    font-size:20px;
    font-weight: bold;
}
.index-unit-title a{
    color:#333;
    text-decoration: none;
}
.index-unit-title a:hover{
    color:#F93;
    text-decoration: underline;
}
.index-unit-naiyo{
    float: left;
    width: 400px;
    margin: 15px 0 0 0px;
    line-height: 160%;
}
.index-unit-naiyo-kotei{
    border-bottom: none;
}
.index-unit-tsuduki{
    float: left;
    width: 400px;
    margin: 15px 0 0 0px;
    padding: 0 0 15px 0;
    line-height: 160%;
    border-bottom: dotted 1px #999;
}
.index-unit-tsuduki a{
    text-decoration: none;
    color:#09c;
}
.index-unit-tsuduki a:hover{
    text-decoration:underline;
    color:#F93;
}
.index-unit-comment{
    float: left;
    width: 400px;
    margin: 10px 0 0 0;
    font-size:12px;
    text-align: right;
}
.index-nextprev{
    float: left;
    width: 100%;
    margin: 30px 0 0px 0;
    text-align: center;
}
.detail-unit{
    float: left;
    width: 840px;
    margin: 0 0 50px 0;
    padding: 0 0 30px 0;
    border-bottom: double 3px #999;
}
.detail-unit-noborder{
    border-bottom: none;
}
.detail-unit-date{
    float: left;
    width: 200px;
    margin: 0;
    font-size:16px;
    font-weight: bold;
}
.detail-unit-name{
    float: left;
    width: 400px;
    margin: 0;
    font-size:20px;
}
.detail-unit-category{
    float: right;
    width: 400px;
    text-align: right;
    margin: 0;
    font-size:14px;
    font-weight: bold;
}
.detail-unit-category a{
    color:#333;
    text-decoration: none;
}
.detail-unit-category a:hover{
    color:#F93;
    text-decoration: underline;
}
.detail-unit-title{
    float: left;
    width: 840px;
    margin: 10px 0 0 0;
    font-size:34px;
    font-weight: bold;
}
.detail-unit-naiyo{
    float: left;
    width: 840px;
    margin: 20px 0 0 0px;
    padding: 0 0 30px 0;
    border-bottom: dotted 1px #999;
}
.detail-unit-naiyo h2,.detail-unit-naiyo h3,.detail-unit-naiyo h4{
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size:20px;
    font-weight: bold;
}
.detail-unit-naiyo p{
    width: 100%;
    margin: 0;
    line-height: 200%;
}
.detail-unit-naiyo-kotei{
    border-bottom: none;
}
.detail-unit-comment{
    float: left;
    width: 830px;
    margin: 10px 0 0 0;
    font-size:12px;
    text-align: right;
}
.detail-nextprev{
    float: left;
    width: 100%;
    margin: 30px 0 0px 0;
    text-align: center;
}
.search-area-field{
    float:left;
    width: 180px;
    height: 46px;
    padding: 3px;
    font-size:12px;
    margin: 0 0 0 0;
}
.search-area-button{
    float: left;
    width: 76px;
    height: 46px;
    font-size: 12px;
    margin: 0 0 0 6px;
    padding: 0 0 0 0;
    background: none;
}
.search-area-field2{
    float:left;
    width: 400px;
    height: 46px;
    padding: 3px;
    font-size:12px;
    margin: 20px 0 50px 0;
}
.search-area-button2{
    float: left;
    width: 76px;
    height: 46px;
    font-size: 12px;
    margin: 20px 0 0px 6px;
    padding: 0 0 0 0;
    background: none;
}
.sidebar-h2{
    float: left;
    width: 260px;
    margin: 30px 0 0 0;
    padding: 0 0 12px 10px;
    font-size:12px;
    background: none;
    border-bottom: double 3px #CCC;
}
.sidebar-recent{
    float: left;
    width: 280px;
    margin: 10px 0 0 0;
}
.sidebar-recent li{
    float: left;
    width: 260px;
    margin: 10px 0 0 10px;
    font-size: 12px;
}
.sidebar-recent li a{
    color:#333;
    text-decoration: none;
}
.sidebar-recent li a:hover{
    color:#F93;
    text-decoration: underline;
}
.sidebar-category{
    float: left;
    width: 280px;
    margin: 10px 0 0 0;
}
.sidebar-category li{
    float: left;
    width: 260px;
    margin: 10px 0 0 10px;
    font-size: 12px;
}
.sidebar-category li a{
    color:#09C;
    text-decoration: none;
}
.sidebar-category li a:hover{
    color:#F93;
    text-decoration: underline;
}
.sidebar-tag{
    float: left;
    width: 280px;
    margin: 10px 0 0 0;
}
.sidebar-tag li{
    float: left;
    width: auto;
    margin: 10px 0 0 10px;
    padding: 5px;
    font-size: 10px;
    background-color: #F0F0F0;
}
.sidebar-tag li a{
    color:#333;
    font-weight: bold;
    text-decoration: none;
}
.sidebar-tag li a:hover{
    color:#F93;
    text-decoration: underline;
}
h1.category-title{
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    float: left;
    width: 840px;
    margin: 10px 0 20px 0;
    padding: 0 0 13px 0;
    font-size:34px;
    font-weight: bold;
    border-bottom: dotted 1px #999;
}
h1.category-title:before{
    content: none;
}
@media screen and (max-width:767px){
.wrap{
    width: 100%;
    margin: 0px auto 0px auto;
}
.index-con{
    width: 100%;
    margin: 10px 0 10px 0;
}
.sidebar-area{
    float: left;
    width: 100%;
    margin: 10px 0 10px 0;
}
.index-unit{
    width: 100%;
    margin: 10px 0 0px 0;
    padding: 0 0 10px 0;
}
.index-unit-photo{
    width: 94%;
    margin: 0 0 0 3%;
}
.index-unit-right{
    float: left;
    width: 100%;
    margin: 10px 0 0px 0;
    padding: 0 0 10px 0;
}
.index-unit-date{
    width: 94%;
    margin: 0 0 0 3%;
}
.index-unit-category{
    width: 94%;
    margin: 10px 0 0 3%;
}

.index-unit-title{
    width: 94%;
    margin: 10px 0 0 3%;
    font-size:16px;
}
.index-unit-user{
    width: 94%;
    margin: 10px 0 0 3%;
    font-size:14px;
}
.index-unit-naiyo{
    width: 94%;
    margin: 10px 0 0 3%;
}
.index-unit-comment{
    width: 97%;
    margin: 10px 0 0 0;
    font-size:12px;
    text-align: right;
}
.index-unit-tsuduki{
    width: 97%;
    margin: 10px 0 0 3%;
    padding: 0 0 10px 0;
}
.index-nextprev{
    width: 94%;
    margin: 10px 0 0 3%;
}
.detail-unit{
    width: 100%;
    margin: 10px 0 20px 0;
    padding: 0 0 10px 0;
}
.detail-unit-date{
    width: 47%;
    margin: 0 0 0 3%;
}
.detail-unit-name{
    width: 94%;
    margin: 0 0 0 3%;
    font-size:18px;
}
.detail-unit-category{
    width: 47%;
    margin: 0 3% 0 0;
}

.detail-unit-title{
    width: 94%;
    margin: 10px 0 0 3%;
    font-size:20px;
}
.detail-unit-naiyo{
    width: 94%;
    margin: 10px 0 0 3%;
    padding: 0 0 10px 0;
}
.detail-unit-comment{
    width: 97%;
    margin: 10px 0 0 0;
    font-size:12px;
    text-align: right;
}
.detail-nextprev{
    width: 94%;
    margin: 10px 0 0 3%;
}    
.search-area-field{
    width: 67%;
    height: 46px;
    padding: 3px 1% 3px 1%;
    font-size:12px;
    margin: 0 0 0 3%;
}
.search-area-button{
    width: 25%;
    height: 46px;
    font-size: 12px;
    margin: 0 0 0 3%;
    padding: 0 0 0 0;
    background: none;
}
.search-area-field2{
    width: 67%;
    height: 46px;
    padding: 3px 1% 3px 1%;
    font-size:12px;
    margin: 20px 0 0 3%;
}
.search-area-button2{
    width: 25%;
    height: 46px;
    font-size: 12px;
    margin: 20px 0 0 3%;
    padding: 0 0 0 0;
    background: none;
}
.sidebar-h2{
    width: 94%;
    margin: 20px 0 0 3%;
    padding: 0 0 12px 1%;
    font-size:12px;
    background: none;
    border-bottom: double 3px #CCC;
}
.sidebar-recent{
    width: 94%;
    margin: 0px 0 0 3%;
}
.sidebar-recent li{
    width: 94%;
    margin: 10px 0 0 3%;
    font-size: 12px;
}
.sidebar-category{
    width: 94%;
    margin: 10px 0 0 3%;
}
.sidebar-category li{
    width: 94%;
    margin: 10px 0 0 3%;
}
.sidebar-tag{
    width: 94%;
    margin: 10px 0 20px 3%;
}
.sidebar-tag li{
    width: auto;
    margin: 10px 0 0 1%;
    padding: 1%;
    font-size: 10px;
    background-color: #F0F0F0;
}
.category-title{
    width: 94%;
    margin: 10px 0 0 3%;
    padding: 0 0 13px 0;
    font-size:16px;
}
h1.category-title{
    width: 94%;
    margin: 10px 0 0 3%;
}
}