@charset "UTF-8";

html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}

/* vietnamese */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 400;
  src: local('Quicksand Regular'), local('Quicksand-Regular'), url(https://fonts.gstatic.com/s/quicksand/v6/NUrn2XQrRfyGZp5MknntaRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 400;
  src: local('Quicksand Regular'), local('Quicksand-Regular'), url(https://fonts.gstatic.com/s/quicksand/v6/s2PXW4WrV3VLrOUpHiqsfRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 400;
  src: local('Quicksand Regular'), local('Quicksand-Regular'), url(https://fonts.gstatic.com/s/quicksand/v6/sKd0EMYPAh5PYCRKSryvW1tXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

* {box-sizing: border-box;margin:0;padding: 0}
body {font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック';font-size:16px;line-height:1.7;background-color:#e7ebee;width:100%;min-width:1020px;}




/* ----------------------------------------

COMMON

---------------------------------------- */

li {list-style-type:none;}
a {text-decoration:none;color:#005ebb;}
a:hover {text-decoration:underline;}
strong {font-weight:bold;letter-spacing:0.02em;}
img {max-width:100%;height:auto;}

.clear {clear:both;}
.i_right {float:right;margin:0 0 0 20px;}
.i_left {float:left;margin:0 20px 0 0;}

.des {font-size:12px;color:#777;}

input[type="text"], input[type="email"], input[type="number"], input[type="tel"], input[type="password"] {-webkit-appearance:none;padding:10px;border:1px solid #ccc;background-color:#eee;border-radius:0;width:100%;}
select {-webkit-appearance:none;border:1px solid #ccc;padding:10px;border-radius:0;width:100%;background-color:#eee;}
textarea {-webkit-appearance:none;padding:10px;border:1px solid #ccc;border-radius:0;width:100%;background-color:#eee;}
input[type="submit"] {-webkit-appearance:none;color:#fff;text-align:center;font-size:19px;font-weight:bold;background-color:#4db381;margin:20px 0;border:none;border-radius:3px;cursor:pointer;padding:15px 0;width:100%;}

.half_box {float:left;width:calc(50% - 10px);margin:0 5px;}


/* ----------------------------------------

HEADER

---------------------------------------- */

.login_wrap {width:700px;margin:0 auto;margin-top:30px;background-color:#fff;padding:30px;min-height:1020px;}
.login_wrap h1 {font-weight:bold;font-size:26px;margin:15px 0;}
.login_wrap .signup {text-align:center;margin:30px 0 0;font-size:15px;text-decoration: underline;}
.login_wrap p {margin:15px 5px 30px;}

/* ----------------------------------------

HEADER

---------------------------------------- */

.site_header {width:100%;min-width:1020px;background-color:#01c8ff;color:#fff;padding:1px 0;height:70px;}
.site_header_box {position:relative;margin:0 auto;width:1020px;height:68px;padding:1px 0;}
.site_header_box .logo {width:140px;margin:22px 20px 0;padding:1px 0;}
.site_header_box .logo img {width:100%;height:auto;}
.site_header_box .site_header_form {position:absolute;left:200px;width:600px;top:14px;}
.site_header_box .site_header_form .form_text {float:left;width:400px;height:40px;overflow:hidden;padding:0;line-height:1.0;margin:0;}
.site_header_box .site_header_form input[type="text"] {margin:0;padding:9px 10px 8px;width:400px;border-radius:3px 0 0 3px;border:none;color:#fff;font-size:15px;background-color:#e8f7ff;}
.site_header_box .site_header_form input[type="text"]:focus {border:none;outline:0;}
.site_header_box .site_header_form input[type="text"]:placeholder-shown {color:#8693e0;}
.site_header_box .site_header_form input[type="text"]::-webkit-input-placeholder {color:#8693e0;}
.site_header_box .site_header_form input[type="text"]:-moz-placeholder {color:#8693e0;}
.site_header_box .site_header_form input[type="text"]::-moz-placeholder {color:#8693e0;}
.site_header_box .site_header_form input[type="text"]:-ms-input-placeholder {color:#8693e0;}
.site_header_box .site_header_form .form_submit {float:left;width:100px;height:40px;overflow:hidden;padding:0;line-height:1.0;margin:0;border-left:1px solid #599ae1;}
.site_header_box .site_header_form input[type="submit"] {margin:0;padding:0;border-radius:0 3px 3px 0;border:none;width:100px;height:40px;background:#3589e7 url(../../../../images/icon/search_submit.png) left 50% top 50% no-repeat;background-size:24px;}
.site_header_box .site_header_pr {position:absolute;right:140px;top:17px;font-size:13px;border-radius: 5px;overflow:hidden;}
.site_header_box .site_header_pr a {color:#fff;display:block;background-color: #3589e7;padding:7px 10px;}

/* contact link */
.site_header_box .site_header_contact {position:absolute;right:0;top:0;width:100px;height:69px;overflow:hidden;text-align:center;}
.site_header_box .site_header_contact a {color:#fff;display:block;padding:45px 0 0;height:69px;overflow:hidden;font-size:10px;background:url(../../../../images/icon/mail.png) left 50% top 0px no-repeat;background-size:50px;}
.site_header_box .site_header_contact a:hover {background-color:#3589e7;text-decoration:none;}

@media screen and (max-width:1140px) {.gnav_box {margin:0;}}

.gnav {width:100%;background-color:#5798f1;border-bottom:3px solid #3a7bd2;}
.gnav_box {margin:0 auto;max-width:1000px;}
ul.gnav_list {border-left:1px solid #3a7bd2;}
ul.gnav_list li {float:left;border-right:1px solid #3a7bd2;font-size:17px;}
ul.gnav_list li a {display:block;padding:20px 30px;line-height:1.0;color:#fff;}
ul.gnav_list li a:hover {text-decoration:none;}
ul.gnav_list li:hover {background-color:#3a7bd2;}


/* ----------------------------------------

TOP

---------------------------------------- */

.home_main_header {width:100%;height:400px;padding:0;margin:0 0 50px;background-color:#01c8ff;}
.home_main_header_box {background:url(/images/home_main_bg.png) left bottom no-repeat;background-size:1020px;width:1020px;margin:0 auto;padding:1px 0;height:400px;}
.home_main_header_box .info {width:600px;margin:100px 20px 0;}
.home_main_header_box .info .sentence {font-size:48px;color:#fff;line-height:1.4;}
.home_main_header_box .info .sentence span {font-size:28px;}

.home_box {margin:50px 0 30px;height:437px;overflow: hidden;}
.home_box .sp-slide {height:400px !important;}
.home_box .sp-image-container {height:400px !important;}
.home_box .sp-image {height:400px !important;}
.home_box .sp-grab {height:400px !important;}
.home_box .sp-mask {height:400px !important;}

.home_main_post_box {position:relative;float:left;width:700px;height:350px;margin:50px 0 30px;}
.home_main_post_box a {display:block;height:350px;text-decoration: none;color:#fff;}
.home_main_post_box a .home_main_post_info {position:absolute;left:0;bottom:0;height:80px;width:100%;padding:15px;background:url(../../../../images/icon/post_bottom_bg.png) left top repeat;}
.home_main_post_box a .home_main_post_info .home_main_post_title {font-size:15px;color:#fff;}
.home_main_post_box a .home_main_post_info .home_main_post_description {font-size:12px;color:#fff;}

.home_content_box {float:right;width:320px;height:350px;padding:10px 30px;background-color:#fff;margin:50px 0 30px;border-top:3px solid #599ae1;}
.home_content_box .home_content_block {margin:20px 0;line-height: 1.3;}
.home_content_box .home_content_block a {font-weight:bold;font-size:15px;color:#333;}
.home_content_box .home_content_block a:hover {}
.home_content_box .home_content_block span {font-size:11px;color:#999;}

/* top tag list */ 
.home_tag_box1 {float:left;width:210px;}
.home_tag_box2 {float:left;width:210px;margin:0 10px;}
.home_tag_box1 h3,.home_tag_box2 h3 {font-size:17px;margin:0;padding:0;}
.main .home_tag_box1 ul, .main .home_tag_box2 ul {margin:10px 0 0;}
.main .home_tag_box1 ul li, .main .home_tag_box2 ul li {position:relative;list-style-type:none;margin:0;padding:5px 0 5px 50px;font-size:16px;}
.main .home_tag_box1 ul li .thumbnail, .main .home_tag_box2 ul li .thumbnail {position:absolute;left:0;top:5px;width:36px;height:36px;overflow: hidden;}
.main .home_tag_box1 ul li .thumbnail img,　.main .home_tag_box2 ul li .thumbnail img {width:36px;height:auto;}
.main .home_tag_box1 ul li .count, .main .home_tag_box2 ul li .count {display:inline;margin:0 0 0 8px;border:1px solid #ddd;font-size:11px;padding:1px 3px;border-radius: 3px;}
.main .home_tag_box1 ul li .count span, .main .home_tag_box2 ul li .count span {display: none;}

.home_pref_box {padding:1px 20px 20px;background-color:#fff;margin:20px 0;}
.home_pref_box ul.pref_list {margin:10px 0 0;padding:0;font-size:11px;padding:0 0 20px;}
.home_pref_box ul.pref_list li {float:left;list-style-type: none;width:490px;margin:0;padding:3px 0;}
.home_pref_box ul.pref_list li dl {margin:0;padding:0;}
.home_pref_box ul.pref_list li dl dt {float:left;list-style-type: none;margin:0;padding:0;width:70px;overflow:hidden;}
.home_pref_box ul.pref_list li dl dd {float:left;list-style-type: none;margin:0;padding:0;width:420px;}
.home_pref_box ul.pref_list li dl dd ul {margin:0;padding:0;}
.home_pref_box ul.pref_list li dl dd ul li {float:left;list-style-type: none;margin:0;padding:0 3px;width:auto;}
.home_pref_box ul.pref_list li dl dd ul li a {}
.home_pref_box ul.pref_list li dl dd ul li a:hover {text-decoration: underline;}
.home_pref_box ul.tag_list {font-size:13px;}
.home_pref_box ul.tag_list li {float:left;padding:3px 5px;}
.home_pref_box ul.tag_list li a {display: block;}

.home_more_button {margin:20px 0 50px;font-size:21px;font-weight:bold;}
.home_more_button a {display:block;padding:25px 0;text-align: center;color:#fff;background-color:#4db381;border-radius:5px;}

.top_wrap {width:1020px;margin:0 auto;overflow: hidden;}
.top_wrap h2 {font-weight:bold;font-size:21px;margin:40px 10px 20px;}
.top_wrap .new_post_box {float:left;position:relative;width:320px;margin:10px;padding:0 0 50px;background-color: #fff;}
.top_wrap .new_post_box .new_post_image {width:100%;height:160px;overflow:hidden;}
.top_wrap .new_post_box .new_post_image img {width:100%;height:auto;}
.top_wrap .new_post_box .new_post_title {font-size:17px;font-weight:bold;margin:15px 20px 10px;max-height:56px;overflow: hidden;}
.top_wrap .new_post_box .new_post_title a {color:#222;}
.top_wrap .new_post_box .new_post_title a:hover {text-decoration: none;color:#777;}
.top_wrap .new_post_box .new_post_author {font-size:13px;font-weight:bold;margin:10px 20px;line-height: 1.8;}
.top_wrap .new_post_box .new_post_author img {display:block;float:left;width:24px;height:24px;line-height:1.0;margin:0 5px 0 0;border-radius: 50%;}
.top_wrap .new_post_box .new_post_author a {color:#434343;}
.top_wrap .new_post_box .new_post_content {font-size:12px;color:#555;margin:20px;line-height:1.4;}
.top_wrap .new_post_box .new_post_category {position:absolute;left:0;bottom:0;width:100%;border-top:1px solid #ddd;padding:10px;color:#777;font-size:12px;}
.top_wrap .new_post_box .new_post_category a {color:#777;padding:0 3px;}

/* ----------------------------------------

MAIN

---------------------------------------- */

.wrap {width:1020px;margin:0 auto;overflow: hidden;}
.content {width:100%;float:left;}
.content_inner {margin:0 320px 0 0;}
.main {background-color:#fff;padding:25px 25px 65px;font-size:16px;line-height:1.8;color:#333;}


/* パンくずリスト */
.breadcrumbs {background-color:#e7ebee;font-size:14px;color:#333;margin:0;overflow:hidden;height:55px;padding:15px 10px;}
.breadcrumbs span {}
.breadcrumbs a {color:#434343;padding:0 2px;}
.breadcrumbs .category_box {float:left;margin:3px 0;}
.breadcrumbs ul.tag_list {float:left;margin:0 10px;}
.breadcrumbs ul.tag_list li {list-style-type: none;font-size:11px;float:left;margin:0 5px;}
.breadcrumbs ul.tag_list li a {display: block;background-color:#fff;border:1px solid #eee;padding:5px 7px;border-radius: 2px;}

.main h1 {font-weight:bold;font-size:26px;margin:15px 0;}
.main h1.home {margin:0;display:block;}
.main h1.home img {display:block;line-height:1.0;}
.main h2 {background:none;font-weight:bold;font-size:21px;margin:40px 0 25px;border-bottom: 3px solid #5798f1;padding:15px 15px 10px;}
.main h3 {font-weight:bold;font-size:16px;margin:40px 0 10px;color:#1d2f79;background-color:#e8f7ff;padding:15px 20px;}
.main h4 {font-weight:bold;font-size:17px;margin:20px 5px 5px;color:#434343;}

.main p {margin:15px 5px 30px;}
.main ol {margin:20px 0;counter-reset:li;}
.main ol li {position:relative;list-style-type:none;padding:6px 0 4px 40px;color:#333;}
.main ol li:before {content:counter(li);counter-increment:li;position:absolute;top:6px;left:0;width:30px;height:20px;font-size:23px;text-align:center;line-height:1.4;}

.main ul {margin:25px 5px;}
.main ul li {list-style-type:square;margin:0 0 0 30px;}

table {border-collapse:collapse;width:100%;margin:20px 0;}
table tr th {border:1px solid #ddd;background-color:#eee;padding:10px;text-align:center;font-weight:bold;}
table tr td {border:1px solid #ddd;padding:10px;background-color: #fff;}

#top_x_div {margin:30px 0 0;}

blockquote {background-color:#f5f5f5;border:2px solid #eee;padding:20px 20px 0;margin:20px 0;font-size:14px;border-radius:5px;}

.submit_box {margin:20px 40px;text-align:center;}
.submit_box input[type="submit"] {-webkit-appearance:none;border:none;background-color:#4db381;border-bottom:5px solid #3a8660;border-radius:8px;color:#fff;padding:15px 40px;cursor:pointer;margin:20px 0 20px;}
.submit_box input[type="submit"]:hover {margin:23px 0 20px;border-bottom:2px solid #3a8660;}

a:hover img {opacity:0.85;}

.linkBox {position:relative;border:2px solid #339dff;padding:10px 0 10px 80px;font-size:16px;margin:20px 10px;}
.linkBox:before {position:absolute;background-color:#339dff;left:-5px;top:-5px;height:100%;width:70px;content:"参考";text-align:center;color:#fff;font-size:19px;line-height:2.6;vertical-align:middle;display:table-cell;}

.graph_mansion {padding:20px;background:url(/images/bg/graph_mansion.png) left top no-repeat;}

.wp-embedded-content {width:100% !important;}


/* ----------------------------------------

Main DESIGN

----------------------------------------- */

/* h2 Design */
.main {counter-reset: h2;}
.main h2.post {position:relative;font-family: Quicksand,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Yu Gothic",Meiryo,"ＭＳ Ｐゴシック",Helvetica,Arial,Verdana,sans-serif;padding:120px 25px 80px;text-align:center;width:100%;background-color:#2b368e;margin:20px 0;color:#fff;border:none;line-height:1.6;font-size:28px;}
.main h2.post:after {position:absolute;left:350px;top:80px;width:50px;content:counter(h2);counter-increment:h2;font-size:28px;font-family: Quicksand,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Yu Gothic",Meiryo,"ＭＳ Ｐゴシック",Helvetica,Arial,Verdana,sans-serif;text-align:left;}
.main h2.post:before {position:absolute;left:290px;top:80px;width:60px;content:"Step";font-size:28px;font-family: Quicksand,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Yu Gothic",Meiryo,"ＭＳ Ｐゴシック",Helvetica,Arial,Verdana,sans-serif;text-align:left;}

.main h2.info {font-family: Quicksand,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Yu Gothic",Meiryo,"ＭＳ Ｐゴシック",Helvetica,Arial,Verdana,sans-serif;padding:40px 25px;text-align:center;background-color:#2b368e;margin:20px -25px;color:#fff;border:none;line-height:1.6;font-size:28px;}
.main h2.top {margin:-25px -25px 20px;}
.main h2.just {margin-top:0;margin-bottom:0;}

/* String Design */
.quicksand {font-family: Quicksand,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Yu Gothic",Meiryo,"ＭＳ Ｐゴシック",Helvetica,Arial,Verdana,sans-serif;}
.bold {font-weight:bold;}
.emphasis {font-family:Quicksand,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Yu Gothic",Meiryo,"ＭＳ Ｐゴシック",Helvetica,Arial,Verdana,sans-serif;font-weight:bold;font-size:24px;text-align: center;color:#2b368e;padding:20px 30px;}
.emphasis_fill {font-family:Quicksand,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Yu Gothic",Meiryo,"ＭＳ Ｐゴシック",Helvetica,Arial,Verdana,sans-serif;font-weight:bold;font-size:24px;text-align: center;background-color:#ecd433;color:#2b368e;padding:30px;}
.flow_arrow {background:url(../../../../images/icon/arrow.png) left 50% top no-repeat;background-size:80px;width:100%;height:77px;margin:20px 0;padding:0;}

/* Float List Design */
.main ul.side_by_list {overflow: hidden;zoom: 1;font-size:13px;}
.main ul.side_by_list li {list-style-type: none;float:left;margin:5px;border:1px solid #ddd;border-radius:20px;padding:5px 15px;}

/* Flow Design */
.flow_box {margin:-20px 0;padding:40px 0;background:url(../../../../images/icon/flow_box_bg.png) left top repeat-y;}

/* Link Button */
.inner_link_button {overflow: hidden;border-radius: 5px;border:1px solid #67d29c;}
.inner_link_button a {display:block;padding:10px;text-align:center;color:#3bcb82;}
.inner_link_button a:hover {text-decoration: none;}

/* Table Design */
.main table.h_2 {font-size:15px;font-weight:bold;font-family: Quicksand,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Yu Gothic",Meiryo,"ＭＳ Ｐゴシック",Helvetica,Arial,Verdana,sans-serif;}
.main table.h_2 th {background-color:#599ae1;border:1px solid #387cc9;padding:15px;text-align:left;min-width:100px;color:#fff;font-size:20px;text-align:center;}
.main table.h_2 td {background-color:#f1f6fb;border:1px solid #387cc9;padding:15px;color:#387cc9;font-size:18px;}

.main table.hv {font-size:15px;font-weight:bold;font-family: Quicksand,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Yu Gothic",Meiryo,"ＭＳ Ｐゴシック",Helvetica,Arial,Verdana,sans-serif;}
.main table.hv th.first {background-color:#599ae1;border:1px solid #387cc9;padding:20px 10px;text-align:center;min-width:100px;color:#fff;font-size:15px;text-align:center;}
.main table.hv th {background-color:#f1f6fb;border:1px solid #387cc9;padding:20px 10px;text-align:center;min-width:100px;color:#387cc9;font-size:15px;text-align:center;}
.main table.hv td {background-color:#fff;border:1px solid #387cc9;padding:20px 10px;color:#387cc9;text-align:center;}
.main table.hv td ul li {list-style-type: none;margin:0;}
.main table.hv td ul {margin:5px 0;}
.main table.just {margin:0 -25px;width:calc(100% + 50px);}

/* pagenation Design */
.page-numbers {margin:5px;padding:5px 10px;border-radius:5px;border:1px solid #e9e9e9;}
a.page-numbers {background-color:#f9f9f9;}

ul.page_list {margin: 0 auto;width: 340px;margin-top: 30px;margin-bottom: 30px;}
ul.page_list li {list-style-type: none;float: left;border-radius: 3px;width: 30px;height: 30px;padding: 7px 0;font-size: 16px;text-align: center;margin: 5px;color: #aaa;overflow: hidden;background: none;line-height: 1.0;}
ul.page_list li a {display: block;margin: -7px 0;padding: 7px 0;background-color: #47a756;color: #fff;}
ul.page_list li.prev, ul.page_list li.next {width: 60px;}

/* ----------------------------------------

BOX DESIGN

----------------------------------------- */

.l_200_l {float:left;width:200px;}
.l_200_r {float:right;width:calc(100% - 200px);}



/* ----------------------------------------

Main Header

---------------------------------------- */

.header_image {margin:-25px -25px 0;height:300px;overflow: hidden;}
.header_image img {width:100%;height:auto;}

.post_header {margin:10px 0 5px;}
.main .post_header p.date {margin:0;padding:0;font-size:13px;color:#222;}

/* 口コミトップ */
.buzz_archive_title_box {position:relative;height:300px;margin:-25px -25px 20px;background:url(../../../../images/icon/buzz_bg.png) left 50% top 44px no-repeat;}


/* ----------------------------------

Main Description

---------------------------------- */

/* 記事の説明 */ 
.main p.post_description {margin:0 0 20px;padding: 0 0 20px;font-size:13px;color:#555;border-bottom:1px solid #eee;}

/* SNSリンク 旧 */
.post_info_box {margin:20px 0;border-bottom:1px solid #e7ebee;padding:10px 0;}
.post_info_box .twitter,.post_info_box .facebook,.post_info_box .hatena {float:left;margin:0 5px;}
.post_info_box .twitter img, .post_info_box .facebook img, .post_info_box .hatena img {width:50px;height:50px;border-radius: 5px;}

/* SNSリンク 新 */
.post_sns_box {color:#999;margin:20px 0 40px;font-size:14px;line-height:1.0;}
.post_sns_box .heading {float:left;width:180px;padding:14px 0;text-align:center;height:42px;}
.post_sns_box .twitter {float:left;width:150px;height:42px;}
.post_sns_box .facebook {float:left;width:150px;height:42px;}
.post_sns_box .hatena {float:left;width:150px;height:42px;}

.post_sns_box {color:#999;margin:20px 0 40px;font-size:14px;}
.post_sns_box .twitter {float:left;width:150px;background:#1da1f2 url(/images/icon/sns/twitter.png) left 25px top 50% no-repeat;background-size:auto 20px;text-align:center;margin:0;}
.post_sns_box .facebook {float:left;width:150px;background:#3b5998 url(/images/icon/sns/facebook.png) left 25px top 50% no-repeat;background-size:auto 20px;text-align:center;margin:0;}
.post_sns_box .hatena {float:left;width:150px;background:#00a4d4 url(/images/icon/sns/hatena.png) left 25px top 50% no-repeat;background-size:auto 20px;text-align:center;margin:0;}
.post_sns_box a {color:#fff;font-weight:bold;display:block;padding:14px 25px 0 60px;text-align: right;}

/* SNSリンク for page */
.page_sns_box {background-color:#e7ebee;color:#999;padding:24px 30px;margin:20px 0 40px;width:100%;font-size:14px;height:108px;line-height:1.0;}
.page_sns_box .heading {float:left;width:200px;padding:23px 0;text-align:center;height:60px;}
.page_sns_box .twitter {float:left;width:214px;height:60px;}
.page_sns_box .facebook {float:left;width:214px;height:60px;}
.page_sns_box .hatena {float:left;width:214px;height:60px;}


/* ----------------------------------

Main AD Supervision

---------------------------------- */

/* 記事下広告 旧 */
.adBox {font-size:16px;padding:0 5px 30px;line-height:1.7;color:#333;}
.adBox img {line-height:1.0;width:300px;}
.adBox a {padding:0;}
.main .adBox p {margin:5px 0 15px;letter-spacing:0.02em;}
.adHeading {font-weight:bold;margin:50px -5px 25px;text-align:center;padding:81px 10px;background-color:#2b368e;font-family: Quicksand,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Yu Gothic",Meiryo,"ＭＳ Ｐゴシック",Helvetica,Arial,Verdana,sans-serif;color:#fff;border:none;line-height:1.6;font-size:28px;}
.adButton {position:relative;background-color:#ef1515;border-radius:3px;font-size:18px;font-weight:bold;margin:50px 0 0;}
.adButton a {display:block;padding:20px 0;text-align:center;color:#fff;text-decoration: underline;}
.adButton:hover {opacity: 0.85;}

/* 記事下広告 新 */
.lead_box {font-size:16px;padding:0 5px 30px;line-height:1.7;color:#333;}
.lead_box img {line-height:1.0;width:300px;}
.lead_box a {padding:0;}
.main .lead_box p {margin:5px 0 15px;letter-spacing:0.02em;}
.lead_heading {font-weight:bold;margin:50px -5px 25px;text-align:center;padding:81px 10px;background-color:#2b368e;font-family: Quicksand,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Yu Gothic",Meiryo,"ＭＳ Ｐゴシック",Helvetica,Arial,Verdana,sans-serif;color:#fff;border:none;line-height:1.6;font-size:28px;}
.lead_button {position:relative;background-color:#ef1515;border-radius:3px;font-size:18px;font-weight:bold;margin:50px 0 0;}
.lead_button a {display:block;padding:20px 0;text-align:center;color:#fff;text-decoration: underline;}
.lead_button:hover {opacity: 0.85;}

.post_lead_box {border:1px solid #cce4f3;background-color:#fafdff;padding:20px;text-align:center;margin:-15px 0 30px;}

/* 相場広告 */
.ad_box {margin:20px 0;padding:0;}
.ad_box_des {font-size:15px;color:#555;padding:0 3px;}
.ad_box_ttl {font-size:28px;border-bottom:1px solid #ddd;font-weight:bold;line-height:1.2;padding:0 0 10px;}
.ad_button {margin:40px;border-radius:5px;border-bottom:5px solid #cd0a0a;background-color:#ef1515;font-family: Quicksand,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Yu Gothic",Meiryo,"ＭＳ Ｐゴシック",Helvetica,Arial,Verdana,sans-serif;}
.ad_button a {display:block;padding:15px;text-align:center;color:#fff;font-size:28px;font-weight:bold;}
.ad_button a:hover {text-decoration:none;}
.ad_button:hover {margin:43px 40px 40px;border-bottom:2px solid #cd0a0a;}
.ad_img_left {float:left;width:300px;margin:10px 0;}
.ad_img_right {float:right;width:340px;margin:10px 0;}

/* 監修 */
.supervision_box {padding:20px;}
.supervision_box .supervision_icon {text-align:center;margin:15px 0 0;}
.supervision_box .supervision_name {font-size:21px;font-weight:bold;text-align:center;margin:10px 0 25px;}
.supervision_box .supervision_description {}
.supervision_box .supervision_link {margin:20px 0 0;}
.supervision_box .supervision_link a {display:block;padding:15px;text-align:center;border:1px solid #2b368e;color:#2b368e;border-radius:5px;}
.supervision_box .supervision_link a:hover {background-color:#2b368e;color:#fff;text-decoration: none;}


/* ---------------------------

POST AUTHOR

--------------------------- */

.post_author_bg {margin:60px 0 20px;}
.post_author {position:relative;font-size:17px;padding:10px 0 20px 120px;min-height:105px;}
.post_author_bg .post_author_title {font-weight:bold;font-size:17px;margin:30px 0 0;color:#1863c8;}
.post_author .author_name {}
.post_author .author_name a {color:#888;}
.post_author .author_description {color:#222;font-size:12px;}
.post_author .author_url {font-size:12px;line-height:1.7;margin:5px 0 0;}
.post_author .author_url a {color:#888;text-decoration: underline;}
.post_author_bg .contribution_button {margin:10px 0;padding:0;width:100%;height: 65px;border-radius: 3px;overflow: hidden;}
.post_author_bg .contribution_button a {display:block;padding:20px 0;text-align:center;background-color:#67d29c;color:#fff;text-decoration: underline;}


/* ----------------------------------

Main CONTENT

---------------------------------- */

/* link */
.main .outer_link p.link_text {margin:40px 5px 10px;font-size:19px;}
.main .outer_link p.link_text a {display: block;color:#222;padding:0 5px 5px;border-bottom:1px solid #eee;}
.main .outer_link p.rel_text {color:#777;font-size:13px;}

/* img */
.post_img_box {margin:20px 0;}
.post_img_box .post_img_content img {width:100%;height:auto;}
.post_img_box .post_img_description {font-size:13px;color:#777;margin:0 5px;}

/* ---------------------------

RELATE

--------------------------- */

ul.relate {margin:0 10px;}
.main ul.relate li, .newsBox ul.relate li {position:relative;padding:15px 10px 15px 180px;border-bottom: 1px solid #f5f5f5;height:130px;margin:0;list-style-type: none;}
ul.relate li .post_thumnail {position:absolute;left:0;top:20px;width:150px;height:100px;overflow:hidden;}
ul.relate li .post_thumnail img {width:150px;height:auto;border-radius:5px 0 5px 0;}
ul.relate li .post_title {margin:5px 0 0;font-size:17px;}
ul.relate li .post_title a {color:#222;font-weight:bold;}
ul.relate li .post_title a:hover {text-decoration: underline;}
ul.relate li .post_content {font-size:11px;color:#999;}
ul.relate li .post_category {margin:0 0 3px;font-size:11px;height:21px;overflow:hidden;}
ul.relate li .post_category a {color:#1b90c6;padding:0 2px;}

.main ul.recommend_qa {margin:0 10px;}
.main ul.recommend_qa li {position:relative;padding:20px 0;border-bottom: 1px solid #f5f5f5;height:150px;margin:0;list-style-type: none;}
.main ul.recommend_qa li .post_title {margin:5px 0 0;font-size:18px;padding:5px 0 5px 40px;height:42px;overflow:hidden;background:url(/images/icon/qa_title_icon.png) left top 50% no-repeat;background-size:auto 20px;}
.main ul.recommend_qa li .post_title a {font-weight:bold;}
.main ul.recommend_qa li .post_title a:hover {text-decoration: underline;}
.main ul.recommend_qa li .post_content {font-size:13px;color:#999;}


/* ----------------------------------------

UL

---------------------------------------- */

ul.list {margin:20px 0;font-size:15px;font-weight:bold;}
ul.list li {background:url(/images/ul_arrow.png) left 50% no-repeat;background-size:15px;padding:6px 0 4px 25px;color:#333;}

ul.postList {border-top:1px solid #ddd;margin:20px 0;}
ul.postList li {position:relative;border-bottom:1px solid #ddd;font-size:14px;}
ul.postList li .postListImage {position:absolute;left:0:top:0;width:150px;}
ul.postList li .postListImage img {width:150px;height:auto;}
ul.postList li .postListString {padding:0 0 0 170px;}
.main ul.postList li h1 {font-weight:bold;font-size:19px;margin:0 0 10px;padding:0 0 7px;border-bottom:1px dashed #eee;line-height:1.2;}
ul.postList li a {display:block;padding:20px 15px;color:#434343;}
ul.postList li a:hover {text-decoration:none;background-color:#f5f5f5;}
ul.postList li .postListContent {margin:10px 0;padding:0 50px 0 0;background:url(/images/post_list_arrow.png) right 50% no-repeat;background-size:38px;}
ul.postList li .postListCategory {border-radius:5px;font-size:12px;font-weight:bold;padding:5px 10px;background-color:#ddd;}

ul.tagList {font-size:13px;}
ul.tagList li {float:left;padding:3px;}



/* ----------------------------------------

TAG ARCHIVE

---------------------------------------- */

.tag_list_box {background:#f3efe4 url(/wp-content/uploads/2017/01/69-2.png) left top no-repeat;padding:1px 30px;}
.tag_list_box h1 {font-size:36px;font-weight:bold;margin:5px 0;padding:30px;color:#fff;height:290px;}
.tag_list_box p {}
.tag_list_content_box {padding:30px 0 30px 50px;background:url(/wp-content/uploads/2017/01/70.png) left 0 top repeat-y;}
.tag_list_content_box .heading {position:relative;font-size:28px;font-weight:bold;margin:30px 0 20px;padding:15px;border-radius:40px;text-align:center;color:#fff;background-color:#1a53b1;}
.tag_list_content_box .heading:before {position:absolute;left:-69px;top:10px;content:"";width:100px;height:50px;background:url(/wp-content/uploads/2017/01/71.png) left top no-repeat;}

.tag_list_content_box .info {float:left;width:50%;text-align:center;}
.tag_list_content_box .info .image {width:400px;height:320px;}
.tag_list_content_box .info .count {font-size:18px;font-weight:bold;text-align:center;font-family: Quicksand,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Yu Gothic",Meiryo,"ＭＳ Ｐゴシック",Helvetica,Arial,Verdana,sans-serif;}
.tag_list_content_box .info .count span {font-size:72px;}

.tag_list_content_box .link {float:right;width:50%;padding:15px 0 0;}
.tag_list_content_box ul {font-size:13px;margin:10px 0 20px;}
.tag_list_content_box ul li {position:relative;display: inline-block;vertical-align: middle;height:60px;padding:10px 10px 10px 60px;}
.tag_list_content_box ul li img {position:absolute;left:0;top:10px;width:40px;height:40px;border-radius:20px;}
.tag_list_content_box ul li a {color:#333;}
.tag_list_content_box .link .button {background-color:#3589e7;overflow: hidden;border-radius:5px;}
.tag_list_content_box .link .button a {display:block;padding:20px 0;text-align:center;color:#fff;}
.tag_list_content_box .link .button:hover {background-color:#1c6ecb;}
.tag_list_content_box .link .button a:hover {text-decoration: none}

.tag_flow_box {position:relative;background:url(/images/icon/tag_flow.png) left 0px top 50% no-repeat;margin:50px -10px;width:980px;height:390px;}

.flow1, .flow2, .flow3, .flow4, .flow5, .flow6, .flow7, .flow8, .flow9, .flow10, .flow11, .flow12, .flow13, .flow14 {position:absolute;display: inline-block;width:120px;height:120px;background-color:#333;color:#fff;overflow:hidden;padding:20px;text-align:center;font-size:13px;border-radius: 10px;}
.flow1 a, .flow2 a, .flow3 a, .flow4 a, .flow5 a, .flow6 a, .flow7 a, .flow8 a, .flow9 a, .flow10 a, .flow11 a, .flow12 a, .flow13 a, .flow14 a {color:#fff;font-weight:bold;}
.flow1 {left:10px;top:0;}
.flow2 {left:150px;top:0;}
.flow3 {left:290px;top:0;}
.flow4 {left:430px;top:0;}
.flow5 {left:570px;top:0;}
.flow6 {left:710px;top:0;}
.flow7 {left:850px;top:0;}
.flow8 {left:850px;top:270px;}
.flow9 {left:710px;top:270px;}
.flow10 {left:570px;top:270px;}
.flow11 {left:430px;top:270px;}
.flow12 {left:290px;top:270px;}
.flow13 {left:150px;top:270px;}
.flow14 {left:10px;top:270px;}



/* ----------------------------------------

REAL ESTATE

---------------------------------------- */

.real_estate_map {position:relative;height:600px;margin:0 -25px;background:#f7fff5 url(../../../../images/icon/map.png) left 95px top 70px no-repeat;background-size:550px;}
.real_estate_map h2 {position:relative;font-family: Quicksand,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Yu Gothic",Meiryo,"ＭＳ Ｐゴシック",Helvetica,Arial,Verdana,sans-serif;padding:30px 10px;text-align:center;background-color:#2b368e;margin:40px 0 0;color:#fff;border:none;line-height:1.6;font-size:28px;}
.real_estate_map ul.area1 {position:absolute;right:45px;top:140px;width:90px;border:1px solid #dce8d9;background:url(../../../../wp-content/uploads/2017/01/107.png) left top repeat;list-style-type:none;padding:15px 15px 10px;font-size:14px;}
.real_estate_map ul.area2 {position:absolute;right:45px;top:390px;width:180px;border:1px solid #dce8d9;background:url(../../../../wp-content/uploads/2017/01/107.png) left top repeat;list-style-type:none;padding:15px 15px 10px;font-size:14px;}
.real_estate_map ul.area3 {position:absolute;left:360px;top:115px;width:90px;border:1px solid #dce8d9;background:url(../../../../wp-content/uploads/2017/01/107.png) left top repeat;list-style-type:none;padding:15px 15px 10px;font-size:14px;}
.real_estate_map ul.area4 {position:absolute;right:240px;top:390px;width:90px;border:1px solid #dce8d9;background:url(../../../../wp-content/uploads/2017/01/107.png) left top repeat;list-style-type:none;padding:15px 15px 10px;font-size:14px;}
.real_estate_map ul.area5 {position:absolute;left:255px;top:150px;width:90px;border:1px solid #dce8d9;background:url(../../../../wp-content/uploads/2017/01/107.png) left top repeat;list-style-type:none;padding:15px 15px 10px;font-size:14px;}
.real_estate_map ul.area6 {position:absolute;left:150px;top:180px;width:90px;border:1px solid #dce8d9;background:url(../../../../wp-content/uploads/2017/01/107.png) left top repeat;list-style-type:none;padding:15px 15px 10px;font-size:14px;}
.real_estate_map ul.area7 {position:absolute;left:250px;top:390px;width:90px;border:1px solid #dce8d9;background:url(../../../../wp-content/uploads/2017/01/107.png) left top repeat;list-style-type:none;padding:15px 15px 10px;font-size:14px;}
.real_estate_map ul.area8 {position:absolute;left:45px;top:210px;width:90px;border:1px solid #dce8d9;background:url(../../../../wp-content/uploads/2017/01/107.png) left top repeat;list-style-type:none;padding:15px 15px 10px;font-size:14px;}
.main .real_estate_map ul li {padding:2px 0;margin:0;list-style-type: none;text-align:center;}
.real_estate_map ul.area2 li {padding:2px 0;float:left;width:50%;}
.main .real_estate_map p {margin:20px;font-size:15px;}
.real_estate_map ul.area1:after {position:absolute;left:5px;top:-10px;width:calc(100% - 10px);content:"北海道・東北";color:#555;font-size:12px;text-align:center;}
.real_estate_map ul.area2:after {position:absolute;left:5px;top:-10px;width:calc(100% - 10px);content:"関東";color:#555;font-size:12px;text-align:center;}
.real_estate_map ul.area3:after {position:absolute;left:5px;top:-10px;width:calc(100% - 10px);content:"北陸・甲信越";color:#555;font-size:12px;text-align:center;}
.real_estate_map ul.area4:after {position:absolute;left:5px;top:-10px;width:calc(100% - 10px);content:"東海";color:#555;font-size:12px;text-align:center;}
.real_estate_map ul.area5:after {position:absolute;left:5px;top:-10px;width:calc(100% - 10px);content:"関西";color:#555;font-size:12px;text-align:center;}
.real_estate_map ul.area6:after {position:absolute;left:5px;top:-10px;width:calc(100% - 10px);content:"中国";color:#555;font-size:12px;text-align:center;}
.real_estate_map ul.area7:after {position:absolute;left:5px;top:-10px;width:calc(100% - 10px);content:"四国";color:#555;font-size:12px;text-align:center;}
.real_estate_map ul.area8:after {position:absolute;left:5px;top:-10px;width:calc(100% - 10px);content:"九州・沖縄";color:#555;font-size:12px;text-align:center;}

.real_estate_list_box {padding:20px 0;border-bottom:2px solid #eee;}
.real_estate_list_box .image {float:left;width:100px;height:100px;overflow: hidden;}
.real_estate_list_box .image img {width:100px;height:auto;}
.real_estate_list_box .info {float:right;width:calc(100% - 120px);}
.real_estate_list_box .info .name {font-size:17px;font-weight:bold;margin:0 0 5px;}
.real_estate_list_box .info .address {background:url(/images/icon/address_icon.png) left top 50% no-repeat;background-size:20px;height:26px;padding:3px 0 3px 30px;font-size:13px;}
.real_estate_list_box .info .phone {background:url(/images/icon/phone_icon.png) left top 50% no-repeat;background-size:20px;height:26px;padding:3px 0 3px 30px;font-size:13px;}


/* ----------------------------------------

BUZZ

---------------------------------------- */

.buzz_title_box {position:relative;height:300px;padding:100px 30px 0;margin:-25px -25px 30px;}
.buzz_title_box.house {background:url(../../../../images/icon/buzz_house_bg.png) left top no-repeat;}
.buzz_title_box.mansion {background:url(../../../../images/icon/buzz_house_bg.png) left top no-repeat;}
.buzz_title_box.land {background:url(../../../../images/icon/buzz_house_bg.png) left top no-repeat;}
.main .buzz_title_box h1 {text-align:center;margin:0;padding:0;color:#fff;font-size:36px;}
.buzz_title_box .buzz_date {position:absolute;right:10px;bottom:5px;color:#fff;font-size:12px;}

/* 口コミのタグ */
.buzz_archive_box {padding:25px 20px 10px;font-size:15px;background-color:#e4f2ff;margin:20px 0;}
.buzz_archive_box .buzz_image {float:left;width:80px;height:80px;overflow:hidden;border-radius: 5px 0 5px 0;}
.buzz_archive_box .buzz_image img {max-width:240px !important;width:240px;height:auto;}
.buzz_archive_box h2.buzz_title {float:right;width:calc(100% - 100px);margin:0;padding:0;border:none;font-size:24px;line-height:1.4;}
.buzz_archive_box h2.buzz_title a {color:#434343;}
.buzz_archive_box h2.buzz_title a:hover {color:#777;}
.buzz_archive_box .buzz_info {float:right;width:calc(100% - 100px);color:#777;font-size:13px;margin:0;padding:0;}
.buzz_archive_box .buzz_content {line-height:1.5;background-color: #fff;border:1px solid #ddd;padding:20px 20px 5px;margin:20px 0;}

.prev_next_box {margin:30px -25px;background-color:#eee;}
.prev_next_box .prev {float:left;width:50%;height: 78px;}
.prev_next_box .next {float:right;width:50%;height: 78px;}
.prev_next_box .prev a {display:block;padding:25px 20px;color:#555;background-color:#eee;}
.prev_next_box .next a {display:block;padding:25px 20px;text-align:right;color:#555;background-color:#eee;}
.prev_next_box .prev a:hover, .prev_next_box .next a:hover {background-color:#ddd;text-decoration: none;}

/* 口コミのタグリスト */
.main ul.buzz_tag_list {}
.main ul.buzz_tag_list li {font-size:13px;float:left;width:calc(100% / 3 - 12px);margin:6px;list-style-type: none;}
.main ul.buzz_tag_list li a {display:block;background-color:#e7ebee;border:1px solid #eee;color:#555;padding:7px;}

.introduction {background-color:#f4f9fb;border:1px solid #eee;padding:20px 10px 10px;margin:20px 0;text-align:center;}
.introduction .heading {text-align:center;font-size:17px;}
.introduction .charactor {margin:20px 0 0;display:inline-block;padding:5px 0 0 70px;line-height:1.4;height:50px;}
.introduction .customer {position:relative;}
.introduction .charactor:before {position:absolute;left:0;width:50px;height:50px;border-radius:25px;top:0;content:"";background:url(/images/buzz/charactor_customer.png) left 0 top 50% no-repeat;background-size:50px;}
.introduction .staff {position:relative;}
.introduction .staff:before {position:absolute;left:0;width:50px;height:50px;border-radius:25px;top:0;content:"";background:url(/images/buzz/charactor_staff.png) left 0 top 50% no-repeat;background-size:50px;}
.introduction .company {position:relative;}
.introduction .company:before {position:absolute;left:0;width:50px;height:50px;border-radius:25px;top:0;content:"";background:url(/images/buzz/charactor_company.png) left 0 top 50% no-repeat;background-size:50px;}
.introduction .charactor .address {font-size:12px;color:#777;}
.introduction .description {font-size:14px;margin:20px 0 0;color:#555;text-align:left;}
.introduction .info {text-align:center;margin:20px 0 0;font-size:12px;}
.introduction .info .box {float:left;width:calc(100% / 3);}
.introduction .info .box .name {font-size:14px;color:#777;margin:10px 0 3px;}
.introduction .info .box .value {letter-spacing: -0.05em;}
.introduction .info .box .value span {font-size:19px;}



/* ----------------------------------------

INTERVIEW

---------------------------------------- */

.interview_wrap {width:1020px;margin:0 auto;overflow: hidden;background-color: #fff;}
.interview_box {background-color: #fff;margin:60px 0 0;padding:1px 0;}
.interview_box .lead_title {font-size:28px;text-align:center;margin:40px 0 30px;}
.interview_box .interview_info {float:left;width:520px;padding:25px;}
.interview_box .interview_info h3 {font-size:36px;color:#2b368e;}
.interview_box .interview_info .address {margin:0 0 30px;}
.interview_box .interview_info .heading {background-color:#599ae1;color:#fff;padding:15px 0;text-align:center;font-weight:bold;}
.interview_box .interview_info .phone {text-align:center;margin:15px 0 0;color:#599ae1;font-size:56px;font-family:Impact;letter-spacing:0.05em;line-height:1.4;}
.interview_box .interview_info .hours {text-align:center;font-size:18px;font-weight:bold;color:#599ae1;}
.interview_box .interview_mail {float:right;width:500px;padding:25px;}
.interview_box .interview_mail .heading {background-color:#599ae1;color:#fff;padding:15px 0;text-align:center;font-weight:bold;}
.interview_box .interview_mail p {margin:20px 0;}
.interview_box .interview_mail input[type="text"] {width:100%;border-radius:0;background-color:#e7ebee;border:1px solid #ccc;}
.interview_box .interview_mail textarea {width:100%;height:200px;border-radius:0;background-color:#e7ebee;border:1px solid #ccc;}
.interview_box .interview_mail input[type="submit"] {-webkit-appearance:none;border:none;width:100%;background-color:#4db381;color:#fff;padding:10px 0;width:100%;margin:0;border-radius:3px;}
.interview_box .interview_map {padding:25px;}
.interview_box .contact_button {color:#fff;text-align:center;font-size:19px;font-weight:bold;background-color:#4db381;margin:20px 0;border-radius:3px;cursor:pointer;padding:15px 0;width:100%;}
.interview_box .contact_message {border:3px solid #ddd;padding:15px;font-size:14px;display: none;}



/* ----------------------------------------

QA

---------------------------------------- */

.qa_post_heading {position:relative;width:515px;margin:0 auto;text-align:center;font-size:13px;margin-top:40px;font-weight:bold;padding:0 0 15px;color:#555;}
.qa_post_heading:before {position:absolute;left:-20px;top:0;width:1px;height:80px;background-color: #ccc;content: "";display: inline-block;-webkit-transform: rotate(-30deg);-ms-transform: rotate(-30deg);transform: rotate(-30deg);}
.qa_post_heading:after {position:absolute;right:-20px;top:0;width:1px;height:80px;background-color: #ccc;content: "";display: inline-block;-webkit-transform: rotate(30deg);-ms-transform: rotate(30deg);transform: rotate(30deg);}
.qa_post_heading span {font-size:28px;color:#1d2f79;}
.qa_post_box {font-size:18px;margin:0 0 40px;color:#1d2f79;background:#eef9ff url(/images/qa/post_under_icon.png) left 20px bottom no-repeat;background-size:200px;padding:25px 25px 10px 250px;}
.qa_post_box strong {font-weight:bold;background: -webkit-linear-gradient(transparent 70%,#bee8ff 0);background: linear-gradient(transparent 70%,#bee8ff 0);}
.qa_post_box .qa_post_button {background-color:#2d8ceb;color:#fff;font-weight:bold;font-size:19px;margin:20px 0 10px;padding:1px 0;text-align:center;border-radius:3px;}
.qa_post_box .qa_post_button a {display: block;color:#fff;padding:10px 0 10px 30px;background:url(/images/qa/question_button_icon.png) left 90px top 50% no-repeat;background-size:25px;}
.qa_post_box .qa_post_button a span {background-color:#fff;color:#c00;font-size:13px;padding:3px 10px;margin:0 0 0 5px;border-radius:15px;}
.qa_search_box {background-color: #256ccd;margin:0 0;color:#fff;padding:15px 30px;}
.qa_search_box .heading {float:left;width:130px;font-size:13px;font-weight: bold;padding:14px 0 0;}
.qa_search_box .text_form {float:left;width:370px;margin:0;overflow: hidden;}
.qa_search_box .text_form input[type="text"] {background-color:#fff;width:370px;border:none;height:50px;}
.qa_search_box .button {float:left;width:90px;}
.qa_search_box .button input[type="submit"] {margin:0;background-color:#4db381;display: block;color:#fff;text-align:center;height:50px;font-size:15px;font-weight:bold;border-radius:0 3px 3px 0;}


table.form_table {border:none;border-top:1px solid #eee;}
table.form_table th {border:none;background-color:transparent;vertical-align: top;border-bottom:1px solid #eee;font-size:14px;font-weight:bold;text-align:left;}
table.form_table td {border:none;background-color:transparent;vertical-align: top;border-bottom:1px solid #eee;}
table.form_table td textarea {height:300px;font-size:15px;}

/* ----------------------------------------

SIDE

---------------------------------------- */

.side {float:right;width:300px;margin-left:-300px;margin-top:0;}

.side_box {background-color:#fff;margin:0 0 30px;padding:0 0 1px;}
.side_box h3 {font-weight:bold;text-align:center;padding:15px 10px;font-size:18px;color:#fff;background-color:#3a7bd2;font-family:Quicksand,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Yu Gothic",Meiryo,"ＭＳ Ｐゴシック",Helvetica,Arial,Verdana,sans-serif;}
.side_box ul.sideList {margin:0;}
.side_box ul.sideList li {}
.side_box ul.sideList li a {position:relative;color:#333;font-weight:bold;display:block;padding:15px 10px 15px 100px;height:100px;font-size:13px;line-height:1.4;overflow:hidden;}
.side_box ul.sideList li a div {position:absolute;left:15px;top:15px;width:70px;height:70px;overflow:hidden;border-radius:5px 0 5px 0;}
.side_box ul.sideList li a div img {width:70px;height:70px;}
.side_box ul.sideList li:hover {opacity: 0.9;}
.side_box ul.sideList li a:hover {text-decoration: none;}

/* タグリスト */
.side_box ul.categoryList {margin:0;}
.side_box ul.categoryList li {}
.side_box ul.categoryList li a {position:relative;color:#333;display:block;padding:15px 10px;font-size:15px;}
.side_box ul.categoryList li:hover {opacity: 0.9;}
.side_box ul.categoryList li a:hover {text-decoration: none;}

/* カテゴリーリスト */
.side_box ul.categoryIconList {margin:0;}
.side_box ul.categoryIconList li {line-height:1.0;}
.side_box ul.categoryIconList li a {position:relative;color:#333;display:block;padding:20px 10px 20px 50px;font-size:15px;}
.side_box ul.categoryIconList li.house a {background:url(../../../../images/icon/side_icon_house.png) left 15px top 50% no-repeat;background-size:20px;}
.side_box ul.categoryIconList li.mansion a {background:url(../../../../images/icon/side_icon_mansion.png) left 15px top 50% no-repeat;background-size:20px;}
.side_box ul.categoryIconList li.land a {background:url(../../../../images/icon/side_icon_land.png) left 15px top 50% no-repeat;background-size:20px;}
.side_box ul.categoryIconList li.real_estate a {background:url(../../../../images/icon/side_icon_real_estate.png) left 15px top 50% no-repeat;background-size:20px;}
.side_box ul.categoryIconList li.story a {background:url(../../../../images/icon/side_icon_story.png) left 15px top 50% no-repeat;background-size:20px;}
.side_box ul.categoryIconList li.agent a {background:url(../../../../images/icon/side_icon_agent.png) left 15px top 50% no-repeat;background-size:20px;}
.side_box ul.categoryIconList li:hover {opacity: 0.9;}
.side_box ul.categoryIconList li a:hover {text-decoration: none;}


/* 検索ボックス */
.side_box .search_box {padding:0 0 10px;}
.side_box .search_box table {border:none;width:280px;padding:0 10px;}
.side_box .search_box table th {padding:0 10px;border:none;background-color:#fff;}
.side_box .search_box table th input[type="text"] {width:160px;}
.side_box .search_box table td {width:60px;padding:0 10px;background-color:#fff;border:none;}
.side_box .search_box table td input[type="submit"] {padding:10px 20px;margin:0;font-size:16px;}


/* トップページ/都道府県 */
.side_box ol.side_rate_pref {counter-reset:li;}
.side_box ol.side_rate_pref li {position:relative;font-size:13px;line-height:1.4;border-top:1px solid #ddd;}
.side_box ol.side_rate_pref li:before {content:counter(li);counter-increment:li;position:absolute;font-size:19px;color:#777;top:13px;left:5px;width:24px;height:20px;text-align:center;line-height:1.4;}
.side_box ol.side_rate_pref li a {color:#555;display:block;padding:15px 10px 15px 40px;}
.side_box ol.side_rate_pref li a span {font-weight:bold;font-size:16px;color:#434343;}
.side_box ol.side_rate_pref li a:hover {text-decoration:none;}
.side_box ol.side_rate_pref li:hover {background-color:#eee;}

/* 都道府県ページ/取引価格・取引数 */
.side_box ul.side_rate_type_value {}
.side_box ul.side_rate_type_value li {font-size:14px;line-height:1.7;padding:10px;border-top:1px solid #ddd;color:#555;}
.side_box ul.side_rate_type_value li span {color:#222;font-size:17px;}
.side_box ul.side_rate_type_value li span b {font-weight:bold;}

/* PR */
.side_pr_box {margin:20px 10px;line-height: 1.0;}
.side_pr_box a {display: block;line-height: 1.0;}
.side_pr_box img {width:100%;height:auto;line-height: 1.0;}
.side_pr_box .side_link_button {margin:0;}
.side_pr_box .side_link_button a {display: block;padding:20px;text-align: center;background-color: #47a756;color:#fff;}
.side_pr_box .side_link_button a:hover {text-decoration: none;opacity: 0.85;}

/* SIDE AUTHOR */
.side_post_author {position:relative;padding:0 0 0 90px;margin:20px 15px 40px;height:85px;font-size:12px;overflow:hidden;}
.side_post_author .avatar {position:absolute;left:0;top:0;width:80px;height:80px;border-radius:5px;}
.side_post_author .author_name {margin:0;}
.side_post_author .author_name a {color:#888;}
.side_post_author .author_description {color:#999;font-size:11px;line-height:1.5;}

.side_box ul.side_post_list {margin:0;}
.side_box ul.side_post_list li {line-height:1.3;}
.side_box ul.side_post_list li a {position:relative;display:block;padding:18px 10px 15px 50px;font-size:15px;background:url(/images/icon/sidebar_post_list_icon.png) left 10px top 50% no-repeat;background-size:30px;}
.side_box ul.side_post_List li:hover {opacity: 0.9;}
.side_box ul.side_post_List li a:hover {text-decoration: none;}

.side_box ul.side_qa_list {margin:0;}
.side_box ul.side_qa_list li {line-height:1.3;}
.side_box ul.side_qa_list li a {position:relative;display:block;padding:18px 10px 15px 50px;font-size:15px;background:url(/images/icon/qa_title_icon.png) left 10px top 50% no-repeat;background-size:30px;}
.side_box ul.side_qa_List li:hover {opacity: 0.9;}
.side_box ul.side_qa_List li a:hover {text-decoration: none;}

.side_box .form_text {float:left;width:200px;margin:20px 10px 10px;overflow:hidden;}
.side_box .form_text input[type="text"] {width:200px;height:50px;background-color:#eee;border-radius:0;}
.side_box .form_button {float:right;width:60px;margin:20px 10px 10px;overflow:hidden;}
.side_box .form_button input[type="submit"] {width:60px;height:50px;margin:0;font-size:14px;}
.side_box .form_example {color:#999;margin:15px 15px 0;font-size:12px;padding:0 0 15px;}

.side_box .question_button {background-color:#2d8ceb;color:#fff;font-weight:bold;font-size:19px;margin:20px;padding:1px 0;text-align:center;border-radius:3px;}
.side_box .question_button a {display: block;color:#fff;padding:10px 0 10px 30px;background:url(/images/qa/question_button_icon.png) left 30px top 50% no-repeat;background-size:25px;}
.side_box .question_button a span {background-color:#fff;color:#c00;font-size:13px;padding:3px 10px;margin:0 0 0 5px;border-radius:15px;}


/* ----------------------------------------

SIDE RATE

---------------------------------------- */

nav.rate_side {background-color:#271f1c;float:left;width:320px;margin-left:-320px;margin-top:0;padding-bottom:32768px;margin-bottom:-32768px;color:#fff;}
.rate_side_box {margin:0 0 30px;}
.rate_side_box h3 {font-weight:bold;border:none;font-size:24px;padding:0;margin:20px 20px 0;font-family: Quicksand,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Yu Gothic",Meiryo,"ＭＳ Ｐゴシック",Helvetica,Arial,Verdana,sans-serif;}

.rate_side_box ul.side_rate_type_value {font-family: Quicksand,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Yu Gothic",Meiryo,"ＭＳ Ｐゴシック",Helvetica,Arial,Verdana,sans-serif;}
.rate_side_box ul.side_rate_type_value li {font-size:14px;line-height:1.7;padding:5px 10px 5px 80px;color:#fff;}
.rate_side_box ul.side_rate_type_value li a {display:block;color:#fff;text-decoration: underline;}
.rate_side_box ul.side_rate_type_value li.type1 {background:url(/images/icon/rate_type_icon1.png) left 10px top 10px no-repeat;background-size:60px;}
.rate_side_box ul.side_rate_type_value li.type2 {background:url(/images/icon/rate_type_icon2.png) left 10px top 10px no-repeat;background-size:60px;}
.rate_side_box ul.side_rate_type_value li.type3 {background:url(/images/icon/rate_type_icon3.png) left 10px top 10px no-repeat;background-size:60px;}
.rate_side_box ul.side_rate_type_value li.type4 {background:url(/images/icon/rate_type_icon4.png) left 10px top 10px no-repeat;background-size:60px;}
.rate_side_box ul.side_rate_type_value li.type5 {background:url(/images/icon/rate_type_icon5.png) left 10px top 10px no-repeat;background-size:60px;}
.rate_side_box ul.side_rate_type_value li .value {}
.rate_side_box ul.side_rate_type_value li .value span {font-size:28px;letter-spacing: -0.05em;}
.rate_side_box ul.side_rate_type_value li .rank {font-size:12px;color:#aaa;}

.rate_side_box ul.sideList {}
.rate_side_box ul.sideList li {}
.rate_side_box ul.sideList li a {position:relative;color:#fff;display:block;padding:10px 10px 10px 100px;height:90px;font-size:13px;line-height:1.4;overflow:hidden;}
.rate_side_box ul.sideList li a div {position:absolute;left:15px;top:10px;}
.rate_side_box ul.sideList li a div img {width:70px;height:70px;}
.rate_side_box ul.sideList li:hover {opacity: 0.9;}
.rate_side_box ul.sideList li a:hover {text-decoration: none;}

/* カテゴリーリスト */
.rate_side_box ul.categoryIconList {}
.rate_side_box ul.categoryIconList li {}
.rate_side_box ul.categoryIconList li a {position:relative;color:#fff;display:block;padding:10px 10px 10px 50px;font-size:15px;}
.rate_side_box ul.categoryIconList li.house a {background:url(../../../../images/icon/side_icon_house.png) left 15px top 50% no-repeat;background-size:20px;}
.rate_side_box ul.categoryIconList li.mansion a {background:url(../../../../images/icon/side_icon_mansion.png) left 15px top 50% no-repeat;background-size:20px;}
.rate_side_box ul.categoryIconList li.land a {background:url(../../../../images/icon/side_icon_land.png) left 15px top 50% no-repeat;background-size:20px;}
.rate_side_box ul.categoryIconList li.real_estate a {background:url(../../../../images/icon/side_icon_real_estate.png) left 15px top 50% no-repeat;background-size:20px;}
.rate_side_box ul.categoryIconList li.story a {background:url(../../../../images/icon/side_icon_story.png) left 15px top 50% no-repeat;background-size:20px;}
.rate_side_box ul.categoryIconList li.agent a {background:url(../../../../images/icon/side_icon_agent.png) left 15px top 50% no-repeat;background-size:20px;}
.rate_side_box ul.categoryIconList li:hover {opacity: 0.9;}
.rate_side_box ul.categoryIconList li a:hover {text-decoration: none;}

/* 市区町村リスト */
.rate_side_box ol.side_rate_pref {counter-reset:li;font-family: Quicksand,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Yu Gothic",Meiryo,"ＭＳ Ｐゴシック",Helvetica,Arial,Verdana,sans-serif;}
.rate_side_box ol.side_rate_pref li {position:relative;line-height:1.4;}
.rate_side_box ol.side_rate_pref li:before {content:counter(li);counter-increment:li;position:absolute;font-size:21px;color:#aaa;top:15px;left:25px;width:24px;height:20px;text-align:center;line-height:1.4;}
.rate_side_box ol.side_rate_pref li a {display:block;padding:15px 10px 15px 60px;color:#fff;}
.rate_side_box ol.side_rate_pref li a .name {font-size:17px;font-weight:bold;text-decoration: underline;}
.rate_side_box ol.side_rate_pref li a .value {font-size:13px;}
.rate_side_box ol.side_rate_pref li a:hover {text-decoration:none;color:#ccc;}


/* ----------------------------------------

INTERVIEW

---------------------------------------- */

.side_box dl.interview {margin:15px 20px;padding:1px 0;}
.side_box dl.interview dt {font-size:14px;}
.side_box dl.interview dd {margin:5px 0 20px;font-size:17px;}




/* ----------------------------------------

FOOTER

---------------------------------------- */

.site_footer {background-color:#333;text-align:center;color:#fff;padding:30px 0;width:100%;min-width:1020px;font-size:13px;}
.site_footer a {color:#fff;}

.site_footer .footer_admin {width:1020px;margin:0 auto;background:url(/images/footer_thumbnail_default.png) left top 15px no-repeat;background-size:150px;padding:10px 0 10px 170px;height:120px;text-align:left;}
.site_footer .footer_admin .left {float:left;width:360px;}
.site_footer .footer_admin .left .title {font-size:18px;}
.site_footer .footer_admin .right {float:right;width:450px;}
.site_footer .footer_admin .right .twitter {float:left;width:120px;height:100px;border:1px solid #555;background:url(/images/icon/twitter_monochrome.png) left 50% top 3px no-repeat;color:#fff;font-size:15px;text-align:center;margin:0 10px;}
.site_footer .footer_admin .right .facebook {float:left;width:120px;height:100px;border:1px solid #555;background:url(/images/icon/facebook_monochrome.png) left 50% top 3px no-repeat;color:#fff;font-size:15px;text-align:center;margin:0 10px;}
.site_footer .footer_admin .right .google {float:left;width:120px;height:100px;border:1px solid #555;background:url(/images/icon/google_monochrome.png) left 50% top 3px no-repeat;color:#fff;font-size:15px;text-align:center;margin:0 10px;}
.site_footer .footer_admin .right .twitter a {display: block;padding:65px 0 0;height:100px;}
.site_footer .footer_admin .right .facebook a {display: block;padding:65px 0 0;height:100px;}
.site_footer .footer_admin .right .google a {display: block;padding:65px 0 0;height:100px;}
.site_footer .footer_admin .right .twitter a:hover,.site_footer .footer_admin .right .facebook a:hover,.site_footer .footer_admin .right .google a:hover {text-decoration: none;}
.site_footer .footer_admin .right .twitter:hover,.site_footer .footer_admin .right .facebook:hover,.site_footer .footer_admin .right .google:hover {background-color: #555;}

.site_footer .footer_menu {width:1020px;margin:0 auto;margin-top:50px;margin-bottom: 30px;}
.site_footer .footer_menu ul {margin:0 auto;width:840px;}
.site_footer .footer_menu ul li {float:left;padding:0 10px;border-left:1px solid #aaa;}
.site_footer .footer_menu ul li:first-child {border:none;}

.foot_content {width:1020px;margin:0 auto;margin-top:30px;font-size:12px;text-align: left;}
.foot_heading {font-size:16px;font-weight:bold;margin:10px 0 0;}
.foot_content ul.foot_list {margin:10px 0 0;padding:0 0 20px;}
.foot_content ul.foot_list li {float:left;list-style-type: none;margin:0;padding:0 3px;}
.foot_content ul.foot_list li a {}
.foot_content ul.foot_list li a:hover {text-decoration: underline;}

ul.foot_pref_list {margin:10px 0 0;padding:0;font-size:11px;padding:0 0 20px;}
ul.foot_pref_list li {float:left;list-style-type: none;width:510px;margin:0;padding:3px 0;}
ul.foot_pref_list li dl {margin:0;padding:0;}
ul.foot_pref_list li dl dt {float:left;list-style-type: none;margin:0;padding:0;width:80px;overflow:hidden;}
ul.foot_pref_list li dl dd {float:left;list-style-type: none;margin:0;padding:0;width:430px;}
ul.foot_pref_list li dl dd ul {margin:0;padding:0;}
ul.foot_pref_list li dl dd ul li {float:left;list-style-type: none;margin:0;padding:0 3px;width:auto;}
ul.foot_pref_list li dl dd ul li a {}
ul.foot_pref_list li dl dd ul li a:hover {text-decoration: underline;}

.foot_left {float:left;width:50%;}
.foot_right {float:right;width:50%;}