@charset "utf-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; }
@media print {
body {
zoom: 80%;
}
}
/*----------------------------------------------------
基本
----------------------------------------------------*/
.active ul {
display:none !important;
}
.alert_wrap {
border: 2px solid #446B67;
padding: 15px;
width:100%;
float:left;
box-sizing: border-box;
margin-bottom: 40px;
background: #F9F5E2;
}
.alert_wrap dt {
color:#446B67;
font-size: 130%;
font-weight: bold;
}
.alert_wrap dd {
color:#446B67;
}
.tac {
text-align: center;
}
body {
font-family: "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro," メイリオ", Meiryo, Osaka," ＭＳ Ｐゴシック", MS PGothic," sans-serif";
line-height: 1.5;
}
.confirm_mt0 {
background: url(../img/b_icon02.png);
background-size: auto 60%;
background-position: center left 10%;
background-repeat: no-repeat;
}
.toplink {
background-image: url(../img/b_icon01.png);
background-size: auto 60%;
background-position: center left 10%;
background-repeat: no-repeat;
}
input.mr20 {
margin-right:25px;
}
#prevLink {
background: url(/wp-content/plugins/wp-jquery-lightbox/styles/images/prev.gif) left 50% no-repeat !important;
}
#nextLink {
background: url(/wp-content/plugins/wp-jquery-lightbox/styles/images/next.gif) right 50% no-repeat !important;
}
.form_absolute {
position: relative;
bottom: 0;
line-height: 1.3;
margin-top: 35px;
color: #E28244 !important;
}
.confirm .confirm_none {
display: none !important;
}
.satei_img {
float:right;
zoom:.8;
}
.single .mwform-checkbox-field {
width:auto !important;
margin-right:30px;
}
.single .mw_wp_form form dl {
border:none !important;
}
.single .mw_wp_form form dt,.single .mw_wp_form form dd {
width:100% !important;
border:none !important;
}
.button_black input {
background:#000;
color:#fff;
padding:10px 20px;
border:none;
font-size: 16px;
}
.mw_wp_form_confirm dd br {
display:none !important;
}
.mwform-checkbox-field {
width:100%;
float:left;
margin-left:0 !important;
}
.mw_wp_form input[name="text-12"] {
margin-bottom:10px !important;
}
body .menseki .mwform-checkbox-field {
width:auto !important;
float:none !important;
margin-left:10px !important;
}
.mw_wp_form_confirm .confirm_none {
display: none;
}
.mw_wp_form_confirm dl table tr td:last-child {
padding-bottom:0 !important;
}
.mw_wp_form_confirm dt {
padding-top: 15px !important;
}
.mw_wp_form_confirm dd {
min-height: 54px;
}
.main_menu {
color:#fff !important;
}
.pdfs a {
pointer-events: none !important;
}
.mwform-radio-field {
width:100%;
float:left;
margin-left:0 !important;
}
.f_bloc {
width:100%;
float:left;
margin-bottom:40px;
}
.f_bloc h2 {
color:#fff;
font-weight: bold;
padding:5px 10px;
background:#446B67;
margin-bottom:25px;
}
.f_left {
width:40%;
float:left;
}
.f_right {
width:55%;
float:right;
}
.f_right a {
color:#679ADA;
}
.single form .blue {
margin-top: 20px;
float: left;
width: 100%;
margin-bottom: 15px;
}
.video_wrap {
width:900px;
margin:0 auto;
}
.column_head img {
height:20px;
}
div.wpcf7-mail-sent-ok {
width:100%;
float:left;
border:none !important;
padding-left:0 !important;
}
strong {
font-weight: bold !important;
}
orange {
color:#E28244 !important;
mrgin-left:5px;
}
.red {
color:#E93222;
width:100%;
float:left;
margin-top:15px;
}
footer h3 {
color:#fff !important;
}
div.wpcf7-mail-sent-ng {
width: 100%;
float: left;
box-sizing: border-box;
margin-left: 0;
}
.toggle01_detail h3 img {
height:25px;
width:auto;
float:left;
}
.toggle02_detail h3 img {
height:25px;
width:auto;
float:left;
}
.toggle03_detail h3 img,.toggle04_detail h3 img,.toggle05_detail h3 img,.toggle06_detail h3 img {
height:25px;
width:auto;
float:left;
}
.fix_contact {
position: fixed;
right:15px;
bottom:60px;
}
.fix_contact img {
width:80px !important;
height:auto;
}
@font-face {
font-family: 'rock';
src: url('../font/rock.eot');
}
@font-face {
font-family: 'rock';
src: url('../font/rock.ttf') format('truetype');
}
.rock {
font-family: 'rock' !important;
}
.flow {
width:100%;
float:left;
background-color:#FCF9F3;
border:1px solid #446B67;
box-sizing: border-box;
padding:25px;
}
.flow .left {
float:left;
width:18% !important;
text-align: center;
margin-right:2%;
}
.flow .right {
width:80% !important;
float:right;
}
.flow h3 {
font-weight: bold;
font-size:21px;
margin:0 0 35px 0;
}
.back_link {
width:100%;
float:left;
text-align: right;
margin-top:15px;
}
.flow_arrow {
width:100%;
height:50px;
margin-top:20px;
margin-bottom:20px;
float:left;
text-align: center;
}
.flow_arrow img {
height:100%;
width:auto;
}
.page_text right {
width:100%;
float:left;
text-align: right;
margin-top:20px;
}
.white01 {
border:1px solid #000;
box-sizing: border-box;
background:#fff;
float:left;
width:100%;
padding:25px;
margin-top:25px;
color:#406460;
}
.white02 {
background:#fff;
border:1px solid #000;
padding:25px;
margin-top:25px;
color:#406460;
width:300px;
}
.mb20 {
margin-bottom:20px;
}
.flow07 center img {
width:280px;
margin-left:-50px;
}
.flow01 {
background-image:url(../img/flow01.png);
background-size:150px;
background-position: left 15px center;
background-repeat: no-repeat;
}
.flow02 {
background-image:url(../img/flow02.png);
background-size:150px;
background-position: left 15px center;
background-repeat: no-repeat;
}
.flow03 {
background-image:url(../img/flow03.png);
background-size:150px;
background-position: left 15px center;
background-repeat: no-repeat;
}
.flow04 {
background-image:url(../img/flow04.png);
background-size:150px;
background-position: left 15px center;
background-repeat: no-repeat;
}
.flow05 {
background-image:url(../img/flow05.png);
background-size:150px;
background-position: left 15px center;
background-repeat: no-repeat;
}
.flow06 {
background-image:url(../img/flow06.png);
background-size:150px;
background-position: left 15px center;
background-repeat: no-repeat;
}
.flow07 {
background-image:url(../img/flow07.png);
background-size:150px;
background-position: left 15px center;
background-repeat: no-repeat;
}
.mt40 {
margin-top:60px;
}
.cont03_icon img {
position: relative;
top: 15px;
width:40px;
}
.bloc4 {
width:100%;
float:left;
margin-top:30px;
}
.bloc4 h2 {
width:100%;
float:left;
text-align: center;
font-size:21px;
font-weight: bold;
color:#446B67;
font-family: 'ヒラギノ明朝 ProN W3', 'MS PMincho', serif;
margin-bottom:20px;
}
.map_left h3,.map_right h3 {
color:#446B67;
font-weight: bold;
margin-bottom:20px;
}
.map_left {
width:50%;
float:left;
margin-top:30px;
}
.map_right {
width:50%;
float:left;
margin-top:30px;
}
.bloc3 {
width:100%;
float:left;
}
.bloc3 h2 {
color:#fff;
font-size:21px;
box-sizing: border-box;
float:left;
width:100%;
padding:5px 20px;
background:#446B67;
}
.bloc2 h2 {
background:url(../img/hosue.png);
color:#395A56;
font-size:21px;
font-weight: bold;
width:100%;
float:left;
background-repeat: no-repeat;
background-size:auto 100%;
padding-left:50px;
box-sizing: border-box;
margin-bottom:25px;
}
.bloc3 td {
border:1px solid #909090 !important;
}
.single_title img {
height:30px;
line-height: 30px;
}
.single_title {
height:30px;
line-height: 30px;
}
.blue {
color:#4FA7C0 !important;
}
.lightgreen {
color:#8CA960 !important;
}
.full {
width:100%;
float:left;
margin-top:15px;
}
.bloc2 .left {
width:48%;
float:left;
}
.left.w40 {
width:40%;
}
.mw_wp_form_confirm input[name="text-12"] {
width:40%;
margin:0 20px 10px;
}
.radio-5 span {
width:auto !important;
float:none !important;
}
.radio-6 span {
width:auto !important;
float:none !important;
}
.wpcf7-list-item-label {
margin-right:15px;
}
.fl {
float:left;
position: relative;
top:10px;
}
input.wpcf7-form-control.wpcf7-text {
margin-bottom:10px;
}
.p_none p {
width:auto !important;
margin-bottom:20px;
}
.mw_wp_form .p_none .wpcf7-list-item {
width:auto !important;
position: relative;
}
.mw_wp_form input[name="text-13"],.mw_wp_form input[name="text-12"] {
width:40%;
margin:0 20px;
}
.bloc2 .right {
width:48%;
float:right;
}
.checkbox-4,.checkbox-5 {
float:left;
}
.bloc2 {
width:100%;
float:left;
margin-bottom:50px;
}
div.bloc2.sales01.mt50 {
margin-top:50px;
margin-bottom:0;
}
.mw_wp_form h4 {
font-weight: bold;
font-size:18px;
margin-bottom:10px;
}
.mw_wp_form dl table tr td:first-child {
padding-bottom:20px;
width:30%;
}
.mw_wp_form dl table tr td:last-child {
padding-bottom:20px;
}
.page-template-page_form02 span.wpcf7-list-item,.mw_wp_form span.wpcf7-list-item {
margin-left:0;
}
.page-template-page_form02 form,.mw_wp_form form {
width:100%;
float:left;
margin-top:20px;
}
.page-template-page_form02 form dl,.mw_wp_form form dl {
width:100%;
float:left;
border-left:1px solid #000;
border-right:1px solid #000;
border-top:1px solid #000;
box-sizing: border-box;
}
.border_bottom {
border-bottom:1px solid #000;
margin-bottom:25px;
}
.page-template-page_form02 form dt,.mw_wp_form form dt {
width:30%;
float:left;
}
.page-template-page_form02 form dd,.mw_wp_form form dd {
width:70%;
float:right;
border-left:1px solid #000;
}
.page-template-page_form02 .wpcf7-list-item,.mw_wp_form .wpcf7-list-item {
width:80%;
float:left;
}
.page-template-page_form02 p,.mw_wp_form p {
width:100%;
float:left;
line-height: 2;
}
.page-template-page_form02 a.blue,.mw_wp_form a.blue {
margin-top: 20px;
float:left;
width:100%;
margin-bottom:15px;
}
.intro_message {
width:100%;
float:left;
margin:50px 0;
font-family: 'ヒラギノ明朝 ProN W3', 'MS PMincho', serif;
font-size:24px;
text-align: center;
line-height: 2;
}
.toggle01,.toggle02,.toggle03,.toggle04,.toggle05,.toggle06 {
line-height:50px;
}
.toggle01 span,.toggle02 span,.toggle03 span,.toggle04 span,.toggle05 span,.toggle06 span {
cursor: pointer;
cursor: hand;
}
.toggle01_detail,.toggle02_detail,.toggle03_detail,.toggle04_detail,.toggle05_detail,.toggle06_detail{
width:100%;
float:left;
display:none;
border:1px solid #7F7F7F;
}
.profiel img.right {
margin-left: 30px;
}
.inner {
width:900px;
margin:0 auto;
}
.news_left {
width:50%;
float:left;
text-align: center;
}
.news_right {
width:48%;
float:right;
margin-top:55px;
}
p {
word-wrap: break-word;
}
img {
max-width: 100%;
height:auto;
}
a {
text-decoration: none;
color:#000;
}
.single h3 {
color:#446B67;
font-weight: bold;
font-size:18px;
width:100%;
float:left;
margin-bottom:15px;
}
.bloc .left {
width:48%;
float:left;
}
.bloc .right {
width:48%;
float:right;
}
.bloc {
width:100%;
float:left;
margin-bottom:55px;
}
.arc_title {
line-height: 1.9;
}
.arc_title img {
float:left;
margin-right:10px;
}
.arc_wrap .left {
width:48%;
float:left;
}
.arc_wrap .right {
width:48%;
float:right;
}
.arc_wrap {
width:100%;
float:left;
box-sizing: border-box;
border:1px solid #000;
padding:20px;
margin-bottom:25px;
}
.date {
color:#364856;
margin-bottom:10px;
}
.column_head {
text-align: center;
font-size: 21px;
line-height: 1.8;
border-top:1px dashed #000;
border-bottom:1px dashed #000;
padding:15px 0;
margin-top:20px;
margin-bottom:40px;
color:#364856;
}
.tags {
border-top:1px dashed #000;
border-bottom:1px dashed #000;
padding:15px 0;
margin-top:20px;
margin-bottom:40px;
width:100%;
float:left;
}
.tags li {
float:left;
margin-right:15px;
list-style-type: none;
}
.column_head span {
font-family: 'ヒラギノ明朝 ProN W3', 'MS PMincho', serif;
}
.shueki {
line-height: 1.5;
background:#357D22 !important;
}
.parking {
line-height: 1.5;
background:#92B03B !important;
}
div.bloc.madori {
margin-bottom:30px;
}
.detail_seat a {
color:#fff !important;
font-size:18px;
padding:20px 0;
width:100%;
float:left;
}
.detail_seat {
background:#92B03B;
color:#fff;
text-align: center;
width:80%;
float:left;
margin-left:10%;
margin-top:40px;
margin-bottom:0;
}
.mt20 {
margin-top:30px;
width:100%;
float:left;
}
footer h3 {
text-align: center;
color:#fff;
font-size: 24px !important;
margin-top: 50px;
width: 100%;
float: left;
}
footer h3 img {
height:60px;
position: relative;
top: 18px;
margin-left: 20px;
}
.float {
width:100%;
float:left;
}
.fixed {
position: fixed;
top: 0;
width: 100%;
z-index: 10000;
display:block !important;
}
#nav_ex {
display:none;
}
/*----------------------------------------------------
物件ページ
----------------------------------------------------*/
.cat_image {
position: relative;
margin-bottom:20px;
}
.cat_image .absolute {
position: absolute;
text-align: center;
width: 100%;
top: 125px;
color: #fff;
font-size: 28px;
font-family: 'ヒラギノ明朝 ProN W3', 'MS PMincho', serif;
}
.cat_image .absolute2 {
position: absolute;
text-align: center;
width: 100%;
top: 155px;
color: #fff;
font-size: 28px;
font-family: 'ヒラギノ明朝 ProN W3', 'MS PMincho', serif;
}
.dot {
width:100%;
height:333px;
position: absolute;
top:0;
left:0;
}
.madori .left {
float:left;
width:49%;
}
.madori .right {
float:right;
width:49%;
}
.top_info span {
background: #3A4956;
color:#fff;
border-radius: 8px;
height: 30px;
box-sizing: border-box;
padding:5px 15px;
margin-right:10px;
float:left;
}
.green {
background:#386c67 !important;
}
.icons img {
float:left;
height:30px;
margin-right:5px;
}
.icons {
line-height: 30px;
}
.top_info {
padding: 15px 15px 20px;
width:100%;
float:left;
box-sizing: border-box;
}
#dropmenu{
list-style-type: none;
padding: 0;
}
#dropmenu li{
position: relative;
width: 15%;
float: left;
margin: 0;
padding: 0;
text-align: center;
}
#dropmenu li a{
display: block;
margin: 0;
padding: 0;
color: #fff;
font-size: 14px;
line-height: 1;
text-decoration: none;
}
#dropmenu li ul{
list-style: none;
position: absolute;
top: 100%;
left: 0;
margin: 0;
padding: 0;
color:#92B03B;
margin-top:15px;
z-index: 1000;
}
#dropmenu li:last-child ul{
left: 0%;
width: 100%
}
#dropmenu li ul li{
overflow: hidden;
width: 100%;
height: 0;
color: #fff;
margin-left:-0%;
-moz-transition: .2s;
-webkit-transition: .2s;
-o-transition: .2s;
-ms-transition: .2s;
transition: .2s;
text-align: center;
box-sizing: border-box;
}
#dropmenu li ul li a{
padding: 13px 10px;
text-align: center;
font-size: 14px;
font-weight: normal;
box-sizing: border-box;
}
#dropmenu li:hover > a{
color: #eff7b1;
}
#dropmenu > li:hover > a{
border-radius: 3px 3px 0 0;
}
#dropmenu li:hover ul li{
overflow: visible;
height: 38px;
background: #92B03B;
}
#dropmenu li:hover ul li.mh40{
height: 45px;
}
#dropmenu li:hover .menu_height {
height:63px;
}
#dropmenu li:hover ul li:first-child{
border-top: 0;
}
#dropmenu li:hover ul li:last-child{
border-bottom: 0;
}
#dropmenu li:hover ul li:last-child a{
border-radius: 0 0 3px 3px;
}
.menu__second-level li {
border:none !important;
text-align: center;
}
.page-header {
background: #3A4956;
color:#fff;
padding:8px 15px;
width:100%;
float:left;
box-sizing: border-box;
margin-bottom:30px;
}
.form_wrap dl {
width:100%;
float:left;
margin-bottom:10px;
}
.form_wrap dt {
margin:0 0 10px 0;
padding:0 !important;
}
.form_wrap dd {
margin:0;
padding:0 !important;
}
input[type="text"],textarea,input[type="email"] {
border:1px solid #000;
width:100%;
box-sizing: border-box;
padding:10px 15px;
font-size:14px;
}
footer {
margin-top: 80px;
}
footer p {
width:100%;
float:left;
text-align: center;
color:#fff;
margin-top:25px;
}
input.wpcf7-form-control.wpcf7-submit,.wpcf7c-btn-back,.wpcf7c-btn-confirm {
width:auto !important;
padding:10px 15px;
background:#000;
color:#fff;
}
#main .list_wrap {
margin-left:1%;
margin-right:1%;
}
.list_wrap table {
width:100%;
}
.list_wrap h2 {
color:#446B67;
font-weight: bold !important;
margin-bottom:10px;
}
.list_wrap {
width:31.3333333333333333%;
float:left;
margin-bottom:30px;
}
.list_wrap td {
border:1px solid #7F7F7F;
padding:8px;
}
.list_wrap tr td:first-child {
width:35%;
}
.wpcf7c-conf {
background:#ddd !important;
}
.wrap {
width:100%;
float:left;
margin-top:30px;
}
.single_title {
color:#3A4956;
font-weight: bold !important;
font-size:17px;
margin-bottom:25px;
}
.main {
margin-bottom:40px;
}
.single_head {
width:100%;
float:left;
}
.single_head .left {
width:65%;
float:left;
}
#controls {
display:none !important;
}
.single_head .right {
float:right;
width:33%;
}
.single_head td {
border:1px solid #7F7F7F;
padding:8px;
min-width:100px;
}
.gallery .main p {
margin-bottom:25px;
text-align: left;
font-size:17px;
}
.movie_wrap {
width:100%;
float:left;
}
.table_price {
color:#DD873F;
font-weight: bold;
}
.main_text {
width:100%;
float:left;
margin-top:25px;
margin-bottom:40px;
line-height: 1.5;
}
.gallery {
width:100%;
float:left;
}
.gallery .main {
width:65%;
float:left;
}
.gallery .main2 {
width:65%;
float:left;
}
.gallery .main img {
max-width: 100% !important;
height:auto !important;
}
.gallery .thumb {
width:33%;
float:right;
}
.gallery .thumb2 {
width:33%;
float:right;
}
.gallery .thumb li {
margin-bottom:15px;
overflow: hidden;
font-size: 12px;
height:100px;
}
.thumb li:nth-child(odd) {
width:48%;
float:left;
}
.thumb li:nth-child(even) {
width:48%;
float:right;
}
.gallery .thumb2 li {
margin-bottom:15px;
overflow: hidden;
}
.thumb2 li:nth-child(odd) {
width:48%;
float:left;
}
.thumb2 li:nth-child(even) {
width:48%;
float:right;
}
.plus_text {
width:100%;
float:left;
word-wrap: break-word;
line-height: 1.5;
}
.bloc {
width:100%;
float:left;
}
.bloc h2 {
width:100%;
float:left;
background:#687E29;
padding:10px 20px;
color:#fff;
font-size:17px;
font-weight:bold;
box-sizing: border-box;
margin-top:40px;
margin-bottom:25px;
}
.bloc dt,.bloc dd {
padding:15px;
box-sizing: border-box;
}
.w100,.w50 {
width:100%;
float:left;
}
.w100 dt {
width:199px;
float:left;
background:#DBE6ED;
border-top:1px solid #B0B1B1;
border-left:1px solid #B0B1B1;
border-right:1px solid #B0B1B1;
box-sizing: border-box;
}
.w100 dd {
float:left;
width:800px;
border-top:1px solid #B0B1B1;
}
.w50 dt {
width:199px;
float:left;
background:#DBE6ED;
border-top:1px solid #B0B1B1;
border-left:1px solid #B0B1B1;
border-right:1px solid #B0B1B1;
box-sizing: border-box;
}
.w50 dd {
float:left;
width:300px;
border-top:1px solid #B0B1B1;
}
.dl_wrap {
width:100%;
float:left;
box-sizing: border-box;
border-right:1px solid #B0B1B1;
border-bottom:1px solid #B0B1B1;
}
.home iframe,.page iframe {
width:100%;
}
.detail_table td {
border:1px solid #B0B1B1;
width:300px;
padding:15px;
box-sizing: border-box;
}
.detail_table {
width:100%;
float:left;
}
.detail_table .blue {
width:200px !important;
background:#DBE6ED;
}
/*----------------------------------------------------
ヘッダー
----------------------------------------------------*/
#header img {
width:1000px;
height:auto;
}
.header_top {
width:100%;
float:left;
background:#68b82d;
}
.header_top h1 {
font-size:13px;
font-weight: normal;
height:35px;
line-height: 35px;
color:#fff;
}
.logo {
float:left;
margin-top:20px;
}
.header_contact {
float:right;
margin-left:15px;
}
.header_tel {
float:right;
}
.header_middle {
width:100%;
float:left;
padding:15px 0;
}
.slide_wrap {
background:url(../img/slide04.png);
background-size:100% auto;
padding-bottom: 23.5%;
background-position: bottom;
background-repeat: no-repeat;
position: relative;
width:100%;
float:left;
}
.over_img {
position: absolute;
top: 480px;
left: 0;
z-index: 10000;
}
#nav ul {
padding: 15px 0;
width: 100%;
float: left;
}
#nav li {
float:left;
width:14.2857142857%;
text-align: center;
position: relative;
border-left:1px solid #fff;
box-sizing: border-box;
color:#fff;
line-height: 1;
font-size: 14px;
cursor: pointer;
cursor: hand;
}
#nav li:last-child {
border-right:1px solid #fff;
}
#nav li a {
float:left;
text-align: center;
width:100%;
color:#fff;
text-decoration: none;
}
#nav li a:hover {
}
#header {
width:100%;
float:left;
background:url(../img/header_back.jpg);
background-size: cover;
}
.archive #header {
background:url(../img/header_back.jpg) !important;
}
.single #header {
background:url(../img/header_back.jpg) !important;
}
#nav {
background:#687E29;
width:100%;
float:left;
}
#globalNavi2 ul {
padding: 20px 0;
width: 100%;
float: left;
}
#globalNavi2 li {
float:left;
width:14.2857142857%;
text-align: center;
position: relative;
border-left:1px solid #fff;
box-sizing: border-box;
}
#globalNavi2 li:last-child {
border-right:1px solid #fff;
}
#globalNavi2 li a {
float:left;
text-align: center;
width:100%;
color:#fff;
text-decoration: none;
}
#globalNavi2 li a:hover {
}
#header {
width:100%;
float:left;
background:url(../img/header_back.jpg);
background-size: cover;
}
.archive #header {
background:url(../img/header_back.jpg) !important;
}
.single #header {
background:url(../img/header_back.jpg) !important;
}
#nav,#globalNavi2 {
background:#687E29;
width:100%;
float:left;
}
/*----------------------------------------------------
トップページコンテンツ
----------------------------------------------------*/
.content_wrap {
width:100%;
float:left;
}
.news_wrap {
width:100%;
float:left;
}
.news_wrap dl {
width:100%;
float:left;
margin:0 0 10px 0;
padding:0;
}
.news_wrap dt {
float:left;
margin-right:10px;
padding:0;
color:#446B67;
}
.news_wrap a {
color:#446B67;
}
.news_wrap dd {
float:left;
padding:0;
color:#446B67;
}
.cont01 .inner {
margin:0 auto;
}
.cont01 .left {
width:48%;
float:left;
}
.cont03 h2 {
text-align: center;
color:#446B67;
font-size:24px;
font-weight: bold !important;
background:none;
font-family: 'rock';
}
.cont01 h2 {
background:none;
color:#446B67;
font-size:24px;
font-weight: bold !important;
font-family: 'rock';
}
.cont01 .right {
float:right;
width:48%;
}
.cont01 {
width:100%;
float:left;
padding: 50px 0 10px;
}
.cont03 li:nth-child(1) .box {
height:200px;
}
.cont03 li:nth-child(2) .box {
height:200px;
}
.cont03 li:nth-child(1) .box p {
text-align: left;
margin-left:50px;
}
.cont03 li:nth-child(2) .box p {
text-align: left;
margin-left:30px;
}
.cont03_intro {
text-align: center;
font-size:28px;
font-family: 'ヒラギノ明朝 ProN W3', 'MS PMincho', serif;
}
.map {
width:100%;
float:left;
position: relative;
overflow: hidden;
margin-top:-10px;
margin-bottom:65px;
}
.map .map_img {
position: absolute;
z-index: 1000;
}
.map:hover .map_img {
display:none;
}
.cont03 li:nth-child(1) {
background:#3A4956;
padding:11px;
float:left;
width:31.33333333333%;
box-sizing: border-box;
text-align: center;
height:222px;
}
.cont03 li:nth-child(2) {
background:#446B67;
padding:11px;
float:left;
width:31.33333333333%;
margin:0 3%;
box-sizing: border-box;
text-align: center;
height:222px;
}
.cont03 li:nth-child(3) {
background:#92B03B;
padding:11px;
float:right;
width:31.33333333333%;
box-sizing: border-box;
margin-bottom:28px;
text-align: center;
}
.cont03 li:nth-child(4) {
background:#687E29;
padding:11px;
float:right;
width:31.33333333333%;
box-sizing: border-box;
text-align: center;
}
.cont01 ul {
width:100%;
float:left;
}
.cont01 li {
float:left;
width:31%;
margin-right:3.5%;
}
.cont01 li:last-child {
margin-right:0;
}
.cont01 img {
width:100%;
}
.cont02 {
width:100%;
float:left;
background:url(../img/top04.png);
background-position: bottom;
background-size:100% auto;
}
.cont02 h2 {
text-align: center;
width:100%;
float:left;
margin-bottom:80px;
}
.cont02 ul {
float:left;
width:100%;
margin-bottom:80px;
}
.cont02 ul li {
width:19.2%;
margin-right:1%;
float:left;
}
.cont02 li:last-child {
margin-right:0;
}
.cont02 li img {
width:100%;
}
.center {
width:100%;
float:left;
text-align: center;
}
.cont03 {
padding:10px 0;
width:100%;
float:left;
background:url(../img/top12.png);
background-position: bottom;
background-size:100% 100%;
}
.cont08 {
padding: 0;
width:100%;
float:left;
background:url(../img/top12.png);
background-position: bottom;
background-size:100% 100%;
}
.cont08 img {
width:100%;
}
.cont03 h2 {
width:100%;
float:left;
text-align: center;
margin-bottom:55px;
}
.cont03 .left {
width:48%;
text-align: center;
float:left;
}
.cont03 h3 {
font-size:19px;
line-height: 31px;
color:#fff;
}
.cont03 .left ul {
background:url(../img/top16.png);
background-size: 100% 100%;
padding:50px 30px 25px;
width:100%;
float:left;
box-sizing: border-box;
position: relative;
}
.cont03 .left li {
float:left;
margin-right:15px;
}
.cont03 .left li:last-child {
margin-right:0;
}
.cont03_img01 {
position: absolute;
left: 5px;
top: -50px;
}
.cont03 .left h4 {
margin-bottom:20px;
margin-left: 50px;
}
.cont03 .right h4 {
margin-bottom:20px;
margin-left:-10px;
}
.cont03 .right {
float:right;
width:48%;
}
.cont03 .right ul {
background:url(../img/top16.png);
background-size: auto 100%;
padding:50px 33px 25px;
width:100%;
float:left;
box-sizing: border-box;
position: relative;
}
.cont03 .right li {
float:left;
margin-right:25px;
}
.cont03 li a {
color:#fff;
}
.box {
width:100%;
padding:20px 10px;
box-sizing: border-box;
border:2px solid #fff;
}
.mr0 {
margin-right:0 !important;
}
.link_wrap {
width:100%;
float:left;
}
.link_left {
background:#c51919;
color:#fff;
text-decoration: none !important;
font-size:17px;
float:left;
height:50px;
line-height: 50px;
padding-left:35px;
margin-left:20px;
width: 245px;
text-align: left;
margin-top:30px;
}
.link_right {
background:#c51919;
color:#fff;
text-decoration: none !important;
font-size:17px;
float:right;
height:50px;
line-height: 50px;
padding-left:35px;
margin-right:20px;
width:165px;
text-align: left;
margin-top:30px;
}
.link_center {
background:#c51919;
color:#fff;
text-decoration: none !important;
font-size:17px;
width:259px;
float:left;
height:50px;
line-height: 50px;
padding-left:15px;
margin-top:30px;
box-sizing: border-box;
}
.link_left img,.link_right img,.link_center img {
float:right;
margin: 17px 35px 17px 0;
}
.cont04 {
padding:80px 0 100px;
width:100%;
float:left;
background:url(../img/top35.png);
background-position: bottom;
background-size:100% 100%;
}
.cont04 h2 {
width:100%;
float:left;
text-align: center;
margin-bottom:35px;
}
.cont04 h3 {
text-align: center;
font-weight:bold;
font-size:16px;
line-height: 32px;
}
.cont04 li img {
width:100%;
float:left;
}
.cont04 li {
float:left;
border:2px solid #64b632;
box-sizing: border-box;
margin-right:2%;
width:23.5%;
position: relative;
}
.person_wrap {
width:100%;
float:left;
margin-top:45px;
}
.label {
padding-top:10px;
padding-left:15px;
position: absolute;
background:url(../img/top36.png);
box-sizing: border-box;
width:204px;
height:81px;
bottom: 50px;
left: -2px;
color:#fff;
font-weight: bold;
line-height: 26px
}
.person_wrap h4 {
width:100%;
float:left;
background:#64b632;
text-align: center;
color:#fff;
font-size:28px;
font-weight:bold;
padding:10px 0;
}
.person_wrap h4 span {
font-size:18px;
margin-left:5px;
}
.link_green {
width:100%;
float:left;
text-align: center;
margin-top:60px;
}
.link_green a {
background:#296d00;
color:#fff;
font-size:18px;
height:55px;
line-height: 55px;
width:315px;
float:left;
margin-left:345px;
}
.link_green img {
margin:21px 30px 0 0;
float:right;
}
.cont05 {
background:#cfedb8;
padding:40px 0;
width:100%;
float:left;
}
.cont05 .left {
float:left;
}
.cont05 .right {
float:right;
}
.cont06 {
padding:80px 0 60px;
width:100%;
float:left;
background:url(../img/top42.png);
background-position: bottom;
background-size:100% 100%;
border-bottom:5px solid #296d00;
}
.cont06 .left {
width:530px;
float:left;
}
.cont06 .right {
float:right;
width:450px;
}
.cont06 .blog_wrap {
background:url(../img/top40.png);
background-size:100% 100%;
width:450px;
height:220px;
box-sizing: border-box;
}
.blog_wrap h3 {
padding: 28px 0 0 38px !important;
float: left;
font-weight: bold;
font-size:16px;
letter-spacing: -1px;
width:100%;
box-sizing: border-box;
}
.blog_wrap {
margin-bottom:20px;
}
.blog_wrap h3 span {
float:right;
margin-right:20px;
}
.news_list {
background:url(../img/top41.png);
padding-left:20px;
background-repeat: no-repeat;
background-position: left 1px;
}
.news_list dt {
font-size:13px;
margin-bottom: 10px;
}
.news_list dd {
font-size: 13px;
margin-bottom: 20px;
margin-left:0;
margin-right:0;
}
.news_list dd a {
color:#000;
text-decoration: underline;
}
.cont06 .left h2 {
text-align: center;
}
.cont07 {
padding:65px 0 50px;
text-align: center;
width:100%;
float:left;
}
/*----------------------------------------------------
フッター
----------------------------------------------------*/
footer {
width:100%;
float:left;
padding:10px 0 35px;
background:#687E29;
}
footer a {
color:#fff;
text-decoration: none !important;
}
footer li {
font-size:15px;
float:left;
}
footer .first_ul {
width:25%;
float:left;
}
footer .first_ul li {
background:url(../img/footer04.png);
background-repeat: no-repeat;
padding-left:10px;
background-position: left center;
margin-bottom:15px;
width:100%;
float:left;
}
footer .second_ul {
width:100%;
float:left;
}
footer .second_ul li {
font-size:13px;
background:none !important;
}
footer .left {
width:50%;
float:left;
}
footer .left img {
float:left;
}
footer .wrap {
float:left;
width:100%;
}
.copy {
width:100%;
float:left;
background:#296d00;
text-align: center;
color:#fff;
font-size:13px;
padding:10px 0;
}
/*----------------------------------------------------
あすなろ伸学舎とは
----------------------------------------------------*/
.four span {
width:100%;
float:left;
background:#66cc33;
font-size:15px;
text-align: center;
color:#fff;
height:30px;
line-height: 30px;
}
.yellow dl {
width:100%;
float:left;
margin-bottom:20px;
}
.yellow dl:nth-child(3) dt {
width:110px;
height:30px;
line-height: 30px;
font-size:14px;
color:#fff;
text-align: center;
background:#f39800;
margin-right:15px;
float:left;
}
.yellow dl dt {
width:110px;
height:30px;
line-height: 30px;
font-size:14px;
color:#fff;
text-align: center;
background:#f39800;
margin-right:15px;
float:left;
}
yellow dd {
float:left;
}
.page_title {
width:100%;
float:left;
background:#6d3e00;
text-align: center;
padding:20px 0;
}
.intro {
width:100%;
float:left;
margin:55px 0;
text-align: center;
font-size:13px;
line-height: 24px;
}
.about01 {
width:100%;
float:left;
}
.about01 .left img,.about01 .right img {
width:100%;
}
.about01 h2 {
text-align: center;
margin-top:20px;
width:100%;
float:left;
}
.about01 h3 {
width:100%;
float:left;
}
.about01 .left h2 img,.about01 .right h2 img {
width:auto;
}
.about01 .left {
width:460px;
float:left;
border:1px solid #cccccc;
box-sizing: border-box;
background:#fff;
padding-bottom:30px;
}
.about01 .right {
width:460px;
float:right;
border:1px solid #cccccc;
box-sizing: border-box;
background:#fff;
padding-bottom:30px;
}
.about01 h3 {
width:100%;
float:left;
text-align: center;
color:#fff;
background:#498b19;
padding:3px 0;
margin-top:10px;
font-size:18px;
}
.about01 ul {
width:100%;
float:left;
padding:20px;
box-sizing: border-box;
}
.about01 li {
background-image:url(../img/about05.png);
background-repeat: no-repeat;
background-color:#fbca34;
font-size:15px;
color:#000;
width:100%;
float:left;
box-sizing: border-box;
padding:10px 0 10px 40px;
background-position: 10px center;
margin-bottom:10px;
}
.about01 span {
font-size:11px;
}
.about01 .btn_wrap {
width: 100%;
float: left;
box-sizing: border-box;
padding: 0 20px;
margin-top:30px;
}
.btn_wrap a:first-child {
background-color:#6d3e00;
float:left;
width:190px;
height:65px;
color:#fff;
text-align: center;
text-decoration: none !important;
box-sizing: border-box;
padding-top:15px;
background-image:url(../img/about06.png);
background-position: center 50px;
background-repeat: no-repeat;
}
.btn_wrap a:last-child {
background-color:#6d3e00;
float:right;
width:190px;
height:65px;
color:#fff;
text-align: center;
text-decoration: none !important;
box-sizing: border-box;
padding-top:15px;
background-image:url(../img/about06.png);
background-position: center 50px;
background-repeat: no-repeat;
}
.about02 {
width:100%;
float:left;
padding-top:100px;
}
.about02 h2 {
text-align: center;
width:100%;
float:left;
margin-bottom:30px;
}
.back {
width:100%;
float:left;
padding:0px 0 40px;
background:url(../img/about08.png);
background-size:100%;
}
.back .left {
width:400px;
float:left;
margin:0 50px;
}
.back .left h3 {
background:url(../img/about09.png);
height;68px;
line-height: 68px;
width:100%;
float:left;
text-align: center;
font-size:24px;
color:#fff;
margin-bottom:35px;
}
.back .left li {
background:url(../img/about10.png);
height:102px;
width:100%;
float:left;
text-align: center;
font-size:19px;
color:#ea799d;
box-sizing: border-box;
padding-top:15px;
}
.back .left li span {
width:100%;
float:left;
text-align: center;
color:#000;
font-size:15px;
font-size: 15px;
margin-top: 18px;
}
.back .right {
width:400px;
float:left;
margin:0 50px;
}
.back .right h3 {
background:url(../img/about11.png);
height;68px;
line-height: 68px;
width:100%;
float:left;
text-align: center;
font-size:24px;
color:#fff;
margin-bottom:35px;
}
.back .right li {
background:url(../img/about12.png);
height:102px;
width:100%;
float:left;
text-align: center;
font-size:19px;
color:#6ea8e2;
box-sizing: border-box;
padding-top:15px;
}
.back .right li.one {
background:url(../img/about13.png) !important;
height:102px;
width:100%;
float:left;
text-align: center;
font-size:19px;
color:#6ea8e2;
box-sizing: border-box;
padding-top:30px;
background-repeat: no-repeat;
}
.back .right li span {
width:100%;
float:left;
text-align: center;
color:#000;
font-size:15px;
font-size: 15px;
margin-top: 18px;
}
.back .full {
width:900px;
float:left;
background:url(../img/about14.png) !important;
color:#77b34c;
text-align: center;
font-size:20px;
background-size:100%;
height:106px;
margin:0 50px;
margin-top:20px;
box-sizing: border-box;
padding-top:20px;
}
.back .full span {
width:100%;
float:left;
margin-top:27px;
color:#000;
font-size:18px;
}
.aboupt03 {
width:100%;
float:left;
}
.about03 h2 {
text-align: center;
width:100%;
float:left;
margin-bottom:15px;
margin-top:50px;
}
.about03 p {
text-align: center;
font-size:13px;
margin-bottom:25px;
width:100%;
float:left;
}
.about05 p {
text-align: center;
font-size:13px;
margin-bottom:25px;
width:100%;
float:left;
}
.about05 .column-2 {
font-size:13px;
padding-left:20px;
}
.about03 dl {
width:100%;
float:left;
margin-top:30px;
}
.about03 dt {
width:185px;
float:left;
margin-right:15px;
height;90px;
}
.about03 dd {
width:800px;
float:left;
background:#ddfbc7;
border-left:5px solid #9be069;
box-sizing: border-box;
height:92px;
padding-left:40px;
padding-top:25px;
padding-right:120px;
line-height: 24px;
font-size:13px;
}
.about04 {
width:100%;
float:left;
}
.about04 h2 {
text-align: center;
width:100%;
float:left;
margin-bottom:15px;
margin-top:50px;
}
.mt170 {
margin-top:150px !important;
}
.about04 h3 {
text-align: center;
width:100%;
float:left;
margin-bottom:30px;
}
.full_wrap {
width:100%;
float:left;
}
.full_wrap h4 {
width:100%;
float:left;
text-align: center;
color:#fff;
font-size:19px;
line-height: 50px;
background:#66cc33;
}
.full_wrap p {
width:100%;
float:left;
margin-top:15px;
margin-bottom:15px;
text-align: center;
}
.yellow {
margin:0 20px 20px 20px;
box-sizing: border-box;
width:960px;
background: #fefcd2;
float:left;
box-sizing: border-box;
padding:25px 100px;
}
.yellow h5 {
width:100%;
float:left;
font-size:18px;
color:#79c741;
text-align: center;
margin-top:20px;
margin-bottom:30px;
}
.three {
width:100%;
float:left;
margin-top:40px;
margin-bottom:85px;
}
.about03 {
width:100%;
float:left;
}
.three li {
float:left;
width:316px;
height:133px;
box-sizing: border-box;
font-size:13px;
line-height: 24px;
letter-spacing: 1px;
}
#tablepress-7,#tablepress-8,#tablepress-9 {
margin-bottom:45px;
}
.three span {
background: #66cc33;
width:100%;
float:left;
font-size: 18px;
text-align: center;
color:#fff;
padding-top: 5px;
padding-bottom:5px;
margin-bottom:13px;
}
.three li:nth-child(2) {
margin:0 26px;
}
.four {
width:100%;
float:left;
margin-bottom: 85px;
}
.four li {
width:227.5px;
float:left;
margin-right:30px;
background-size:100% 100%;
font-size:13px;
line-height: 24px;
}
.four li:last-child {
margin-right:0;
}
.about05 {
width:100%;
float:left;
margin-top:80px;
}
.about05 h2 {
width:100%;
float:left;
text-align: center;
}
.about05 p {
width:100%;
float:left;
text-align: center;
margin:45px 0 80px;
}
#tablepress-7 .column-1,#tablepress-8 .column-1,#tablepress-9 .column-1 {
background:#fefcd2;
text-align: center;
padding:15px 0;
font-size:15px;
color:#6d3e00;
width:140px;
}
#tablepress-7 td,#tablepress-8 td,#tablepress-9 td {
vertical-align: middle;
}
.about05 h3 {
width:100%;
float:left;
background:#66cc33;
color:#fff;
text-align: center;
font-size:20px;
padding:8px 0;
margin-bottom:20px;
}
/*----------------------------------------------------
お問い合わせ
----------------------------------------------------*/
.contact01 h2 {
width:100%;
float:left;
text-align: center;
}
.contact01 p {
width:100%;
float:left;
text-align: center;
}
.contact02 h2 {
width:100%;
float:left;
text-align: center;
}
.contact02 p {
text-align: center;
width:100%;
float:left;
font-size:13px;
line-height: 24px;
margin-bottom:60px;
}
.contact02 p span {
color:#fff;
background:#e83835;
padding:3px 5px;
margin-right:3px;
font-size:11px;
}
.contact03 dl {
width:100%;
float:left;
margin-bottom:25px;
}
.contact03 dt {
width:185px;
height:30px;
line-height: 30px;
color:#fff;
font-size:13px;
background: #895818;
float:left;
}
.contact03 dt:before {
content:"▶︎";
color:#fff;
font-size:10px;
margin-left:5px;
margin-right:10px;
}
.contact03 dd {
width:745px;
float:right;
font-size:13px;
}
.mt7 {
margin-top: 7px;
}
.contact03 input[type="text"] {
height:30px;
box-sizing: border-box;
line-height: 30px;
}
.contact03 h3 {
background:url(../img/green_back.png);
width:100%;
float:left;
font-size:18px;
height:30px;
line-height: 30px;
box-sizing: border-box;
padding-left:10px;
color:#fff;
margin-bottom:25px;
}
.privacy {
width:744px;
float:left;
box-sizing: border-box;
margin:60px auto 45px;
height:270px;
overflow: scroll;
box-sizing: border-box;
padding:20px;
border:1px solid #ccc;
color:#666;
font-size:12px;
margin-left:128px;
}
.w270 input {
width:270px;
}
.w90 input {
width:90px;
}
.w50 input {
width:50px;
}
.pankuzu {
font-size:13px;
color:#000;
width:100%;
float:left;
margin-top:15px;
margin-bottom:65px;
}
.pankuzu a {
color:#000;
text-decoration: none !important;
}
.contact01 {
width:100%;
float:left;
}
.contact02 {
width:100%;
float:left;
margin-top:45px;
}
.contact02 h2 {
width:100%;
float:left;
margin-bottom:40px;
}
.contact03 {
width:100%;
float:left;
margin-top:90px;
}
.extra {
font-size:12px;
width:100%;
float:left;
margin-top:20px;
color:#666;
}
.pd20 {
padding:0 20px;
width:100%;
float:left;
}
.exsample {
color:#666;
margin-left:15px;
}
select {
margin-bottom:10px;
}
.attention {
width:100%;
float:left;
color:#e83a37;
margin-top:10px;
}
.intro_first {
color:#666;
width:100%;
float:left;
margin-bottom:10px;
}
.contact03 dt span {
background:#e83b37;
color:#fff;
float:right;
margin-right:5px;
padding:0 5px;
font-size:10px;
line-height: 20px;
margin-top:5px;
}
.submit {
width:100%;
float:left;
margin-bottom:100px;
text-align: center;
}
.submit input {
background:url(../img/comfirm.png);
width:231px;
height:54px;
border:none;
}
/*----------------------------------------------------
教室案内
----------------------------------------------------*/
.info01 h2 {
text-align: center;
width:100%;
float:left;
margin-bottom:15px;
margin-top:50px;
}
.info01 p {
width:930px;
margin:45px 35px 0;
font-size:13px;
line-height: 35px;
}
.info01 .green_wrap {
width:930px;
margin:45px 35px 50px;
float:left;
background:url(../img/info04.png);
padding:20px 35px 30px;
box-sizing: border-box;
}
.green_wrap h3 {
width:100%;
float:left;
text-align: center;
margin-bottom:25px;
}
.info01 li {
background:url(../img/info05.png);
width:413px;
height:37px;
margin-bottom:10px;
box-sizing: border-box;
padding: 12px 0 0 35px;
}
.info01 li:nth-child(odd) {
float:left;
}
.info01 li:nth-child(even) {
float:right;
}
.info02 {
width:100%;
float:left;
text-align: center;
}
.info02 h2 {
text-align: center;
width:100%;
float:left;
margin-bottom:15px;
margin-top:50px;
}
.info02 p {
width:100%;
float:left;
text-align: center;
font-size:13px;
line-height: 24px;
margin-bottom:45px;
}
.info03 {
width:100%;
float:left;
margin-top:110px;
}
.info03 p {
text-align: center;
width:100%;
float:left;
}
.info03 li {
width:474px;
height:185px;
box-sizing: border-box;
padding:50px 0 0 190px;
background-repeat: no-repeat;
}
.info03 h2 {
width:100%;
float:left;
text-align: center;
}
.info03 p {
width:100%;
float:left;
text-align: center;
font-size:13px;
line-height: 24px;
margin-top:35px;
}
.info03 h3 {
font-size:18px;
color:#663300;
font-weight: bold;
margin-bottom:25px;
}
.info03 h4 {
font-size:15px;
color:#663300;
font-weight: bold;
line-height: 24px;
}
.info03 li:nth-child(1) {
background:url(../img/info09.png);
float:left;
}
.info03 li:nth-child(2) {
background:url(../img/info12.png);
float:right;
background-repeat: no-repeat !important;
}
.info03 li:nth-child(3) {
background:url(../img/info10.png);
float:left;
}
.info03 li:nth-child(4) {
background:url(../img/info13.png);
float:right;
background-repeat: no-repeat !important;
}
.info03 li:nth-child(5) {
background:url(../img/info11.png);
float:left;
}
.wood {
margin-top:40px;
width:100%;
float:left;
background:url(../img/info19.png);
padding:40px 0 50px;
backgr0und-size:100%;
}
.info04 {
margin-top:140px;
width:100%;
float:left;
}
.info04 h2 {
width:100%;
float:left;
text-align: center;
margin-bottom:60px;
}
.inner2 {
width:840px;
margin:0 auto;
}
.info04 table {
border-right:1px solid #cccccc !important;
border-bottom:1px solid #cccccc !important;
}
.info04 td {
border-top:1px solid #cccccc !important;
border-left:1px solid #cccccc !important;
vertical-align: middle !important;
font-size:13px;
}
.info04 tr td:first-child {
width:125px;
padding:3px;
background:url(../img/info15.png);
vertical-align: middle;
text-align: center;
color:#fff;
height:50px;
}
.info04 tr td:nth-child(2) {
padding-left:40px;
}
.info04 tr td:nth-child(3) {
padding-left:40px;
}
.info04 .left {
float:left;
width:390px;
text-align: center;
font-size:13px;
}
.info04 .right {
float:right;
width:390px;
text-align: center;
font-size:13px;
}
.info04 table {
margin-bottom:40px;
}
.info04 .left img {
margin-bottom:15px;
}
.info04 .right img {
margin-bottom:15px;
}
.bloc_global {
width:100%;
float:left;
background:#66cc33;
padding:25px 0;
}
.global1,.global2 {
width:100%;
float:left;
margin-top:30px;
}
.global1 a:nth-child(1) {
float:left;
}
.global1 a:nth-child(2) {
float:right;
}
.global2 a:nth-child(1) {
float:left;
}
.global2 a:nth-child(2) {
float:left;
margin:0 65px;
}
.global2 a:nth-child(3) {
float:left;
}
/* =====================================================================
* 本館 中学部 一斉授業
* =================================================================== */
.hi01 {
width:100%;
float:left;
margin-bottom:70px;
}
.hi01 h2 {
width:100%;
float:left;
text-align: center;
margin:45px 0 60px;
}
.hi01 .left {
float:left;
width:625px;
line-height: 28px;
font-size:13px;
}
.hi01 .right {
float:right;
}
.junior01 {
width:100%;
float:left;
margin-bottom:70px;
}
.junior01 h2 {
width:100%;
float:left;
text-align: center;
margin:45px 0 60px;
}
.junior01 .left {
float:left;
width:50%;
line-height: 28px;
font-size:13px;
}
.junior01 .right {
float:right;
width:50%;
}
.navs {
width:100%;
float:left;
background:#9be069;
}
.navs ul {
width:100%;
float:left;
text-align: center;
padding:25px 0;
}
.navs li {
width:155px;
background:#498b19;
text-align: center;
display: inline-block;
margin:0 25px;
height:58px;
vertical-align: top;
background-image: url(../img/arrow_bottom.png);
background-repeat: no-repeat;
background-position: bottom 10px center;
}
.navs li.one_col {
width:155px;
background-color:#498b19;
text-align: center;
display: inline-block;
margin:0 25px;
background-image: url(../img/arrow_bottom.png);
background-repeat: no-repeat;
background-position: bottom 10px center;
}
.navs a {
color:#fff;
line-height: 45px;
text-decoration: none !important;
}
.junior02 {
width:100%;
float:left;
}
.junior02 ul {
width:100%;
float:left;
}
.junior02 li {
width:100%;
float:left;
margin-bottom:80px;
}
.hi02 ul {
width:100%;
float:left;
}
.hi02 li {
width:100%;
float:left;
margin-bottom:80px;
}
.sec_title {
width:100%;
float:left;
background:url(../img/green.png);
color:#fff;
padding:15px 20px 15px 175px;
box-sizing: border-box;
position: relative;
}
.sec_title h2 {
font-size:24px;
}
.sec_title p {
float:left;
width:145px;
background:url(../img/junior04.png);
background-size:100% 100%;
position: absolute;
top:-5px;
left:5px;
height:50px;
line-height: 50px;
width:145px;
text-align: center;
}
.sec_top {
width:100%;
float:left;
text-align: center;
margin:40px 0 35px;
line-height: 24px;
}
.sec_top p {
line-height: 30px;
}
.sec_top h4 {
font-size:20px;
color:#aa5b33;
margin-bottom:30px;
}
.hi02 {
width:100%;
float:left;
margin-top:100px;
}
.hi02 img {
float:left;
margin-right:20px;
}
.hi02 .left {
float:left;
width:265px;
margin-right:30px;
}
.hi02 .right {
float:left;
width:400px;
}
.hi02 h5 {
color:#f99621;
font-size:15px;
line-height: 22px;
width:100%;
float:left;
}
.hi02 .left h3 {
background:#f0aac0;
color:#fff;
font-size:13px;
padding:5px 10px;
box-sizing: border-box;
width:100%;
float:left;
}
.hi02 .left p {
color:#cc6d8b;
font-size:13px;
width:100%;
float:left;
margin-bottom:35px;
margin-top:10px;
margin-left:11px;
}
.hi02 .right h3 {
background:#9dc5ed;
color:#fff;
font-size:13px;
padding:5px 10px;
box-sizing: border-box;
width:100%;
float:left;
}
.hi02 .right p {
color:#2b5e92;
font-size:13px;
width:100%;
float:left;
margin-bottom:35px;
margin-top:10px;
margin-left:11px;
}
.junior_wrap {
width:730px;
float:left;
}
.hi02 li p {
font-size:13px;
}
red {
color:#ff0000;
}
.hi03 {
width:100%;
float:left;
}
.hi03 h2 {
text-align: center;
width:100%;
float:left;
margin-bottom:35px;
}
.hi03 .yellow {
width:100%;
margin:0;
padding:40px 0;
float:left;
}
.hi03 h3 {
font-size:24px;
line-height: 30px;
width:100%;
float:left;
text-align: center;
}
.hi03 .title_bottom {
font-size: 13px;
margin-left: 480px;
margin-top: 15px;
margin-bottom:30px; float: left;
}
.hi03 span {
float:right;
width:100%;
text-align: right;
font-size:12px;
}
.junior03 {
width:100%;
float:left;
}
.junior03 h2 {
text-align: center;
width:100%;
float:left;
margin-bottom:35px;
}
.junior03 .yellow {
width:100%;
margin:0;
padding:40px 0;
float:left;
}
.junior03 h3 {
font-size:24px;
line-height: 30px;
width:100%;
float:left;
text-align: center;
}
.junior03 .title_bottom {
font-size: 13px;
margin-left: 480px;
margin-top: 15px;
margin-bottom:30px; float: left;
}
.junior03 span {
float:right;
width:100%;
text-align: right;
font-size:12px;
}
#tablepress-3 {
border:1px solid #ddd;
}
#tablepress-3 td {
border-right:1px solid #ddd;
}
#tablepress-3 .row-1 {
background:url(../img/junior10.png);
background-size*100% auto;
color:#fff;
padding:15px 0;
text-align: center;
}
#tablepress-3 .row-1 td {
text-align: center;
}
#tablepress-3 td {
padding:15px 13px;
font-size:13px;
}
#tablepress-2 {
border:1px solid #ddd;
}
#tablepress-2 td {
border-right:1px solid #ddd;
}
#tablepress-2 .row-1 {
background:url(../img/junior10.png);
background-size*100% auto;
color:#fff;
padding:15px 0;
text-align: center;
}
#tablepress-2 .row-1 td {
text-align: center;
}
#tablepress-2 td {
padding:15px 13px;
font-size:13px;
}
.junior02_text {
font-size:13px;
line-height: 24px;
width:100%;
float:left;
margin-top:25px;
}
.hi04 h2 {
text-align: center;
width:100%;
float:left;
margin-top:80px;
margin-bottom:40px;
}
.junior04 h2 {
text-align: center;
width:100%;
float:left;
margin-top:80px;
margin-bottom:40px;
}
.hi04 p {
width:100%;
float:left;
font-size:13px;
line-height: 30px;
margin-bottom:45px;
}
.junior04 p {
width:100%;
float:left;
font-size:13px;
line-height: 30px;
margin-bottom:45px;
}
.junior02 {
width:100%;
float:left;
margin-top:100px;
}
.junior02 img {
float:left;
margin-right:20px;
}
.junior02 .left {
float:left;
width:265px;
margin-right:30px;
}
.junior02 .right {
float:left;
width:400px;
}
.junior02 h5 {
color:#f99621;
font-size:15px;
line-height: 22px;
width:100%;
float:left;
}
.junior02 .left h3 {
background:#f0aac0;
color:#fff;
font-size:13px;
padding:5px 10px;
box-sizing: border-box;
width:100%;
float:left;
}
.junior02 .left p {
color:#cc6d8b;
font-size:13px;
width:100%;
float:left;
margin-bottom:35px;
margin-top:10px;
margin-left:11px;
}
.junior02 .right h3 {
background:#9dc5ed;
color:#fff;
font-size:13px;
padding:5px 10px;
box-sizing: border-box;
width:100%;
float:left;
}
.junior02 .right p {
color:#2b5e92;
font-size:13px;
width:100%;
float:left;
margin-bottom:35px;
margin-top:10px;
margin-left:11px;
}
.junior_comment {
width:100%;
float:left;
font-size:13px;
line-height: 24px;
}
.junior02 .sec_title {
margin-bottom:50px;
}
.sec_title span {
float:right;
background:#f9c421;
color:#fff;
padding:10px 20px;
font-size:13px;
}
.sec_title h2 {
float:left;
}
.junior02 .sec_title h2 {
margin-top:5px;
}
.junior03 {
width:100%;
float:left;
}
.bekkan01 {
width:100%;
float:left;
margin-bottom:65px;
}
.bekkan01 h2 {
width:100%;
float:left;
text-align: center;
margin-bottom:40px;
margin-top:75px;
}
.bekkan01 .left {
float:left;
width:560px;
font-size:13px;
line-height:28px;
}
.bekkan01 .right {
float:right;
}
.bekkan02 {
float:left;
width:100%;
}
.bekkan02 h2 {
width:100%;
float:left;
margin-top:65px;
text-align: center;
margin-bottom:20px;
}
.bekkan02 .yellow {
width:100%;
float:left;
margin:0;
padding-top:30px;
padding-bottom:40px;
}
.bekkan02 h3 {
width:100%;
float:left;
text-align: center;
margin-bottom:35px;
}
.bekkan02 .p1 {
text-align: center;
font-size:13px;
line-height: 30px;
margin-bottom:40px;
}
#tablepress-4 {
border:1px solid #ddd;
width:675px;
margin:0 auto 90px;
}
#tablepress-4 td {
border-right:1px solid #ddd;
}
#tablepress-4 .column-1 {
background:url(../img/junior10.png);
background-size*100% auto;
color:#fff;
padding:15px 0;
text-align: center;
width:150px;
}
#tablepress-4 td {
padding:15px 13px;
font-size:13px;
}
.bekkan02 span {
float:right;
width:100%;
text-align: right;
font-size:12px;
}
#tablepress-5 {
border:1px solid #ddd;
}
#tablepress-5 td {
border-right:1px solid #ddd;
}
#tablepress-5 .row-1 {
background:url(../img/junior10.png);
background-size*100% auto;
color:#fff;
padding:15px 0;
text-align: center;
}
#tablepress-5 .row-1 td {
text-align: center;
}
#tablepress-5 td {
padding:15px 13px;
font-size:13px;
}
#tablepress-5 .column-2,#tablepress-5 .column-3,#tablepress-5 .column-4,#tablepress-5 .column-5,#tablepress-5 .column-6 {
text-align: center;
}
.bekkan02 h4 {
width:120px;
height:25px;
line-height: 25px;
text-align: center;
color:#fff;
background: #ad4e2b;
margin-top:25px;
margin-bottom:10px;
font-size:13px;
}
.bekkan02 p {
font-size:13px;
line-height: 26px;
}
.bekkan03 {
width:100%;
float:left;
padding-top:70px;
}
.bekkan03 h2 {
width:100%;
float:left;
text-align: center;
}
.bekkan03 .left {
width:40%;
padding:5%;
float:left;
}
.bekkan03 .right {
float:right;
width:50%;
}
.bekkan03 .center {
width:100%;
float:left;
text-align: center;
margin-bottom:40px;
font-size:13px;
}
.bekkan03 span {
float:right;
text-align: right;
width:100%;
font-size:12px;
margin-top:15px;
}
.bekkan03 p {
font-size:13px;
margin-top:10px;
}
#tablepress-6 {
border:1px solid #ddd;
margin:0 auto 0px;
}
#tablepress-6 td {
border-right:1px solid #ddd;
}
#tablepress-6 .column-1 {
background:url(../img/junior10.png);
background-size*100% auto;
color:#fff;
padding:15px 0;
text-align: center;
width:150px;
}
#tablepress-6 td {
padding:15px 13px;
font-size:13px;
}
.bekkan03 h3 {
width:100%;
float:left;
text-align: center;
}
.pr {
position: relative;
}
.pa {
position: absolute;
right: 260px;
}
.junior_nav li {
height:72px;
padding-top:8px;
}
.junior_nav a {
line-height: 24px;
}
.junior_nav .one_col {
padding-top: 22px;
height: 58px;
}
.home .breadcrumbs {
display:none;
}
.breadcrumbs {
margin-top:30px;
width:100%;
float:left;
}
a {
cursor: pointer !important;
cursor: hand !important;
opacity: 1;
}
.mt30 {
margin-top:30px;
}
.mincho {
font-family: 'ヒラギノ明朝 ProN W3', 'MS PMincho', serif;
font-weight: bold;
text-align: center;
width:100%;
float:left;
color:#446B67;
font-size:21px;
margin-bottom:25px;
}
.bloc_menu {
width:100%;
float:left;
margin-bottom:35px;
}
.bloc_menu li {
width:31.3333333333%;
float:left;
color:#fff;
box-sizing: border-box;
text-align: center;
padding:10px;
}
.bloc_menu li:nth-child(2) {
margin-left:3%;
margin-right:3%;
}
.border {
border:1px solid #fff;
width:100%;
float:left;
box-sizing: border-box;
padding: 35px;
}
.bloc_menu li h4 {
font-family: 'ヒラギノ明朝 ProN W3', 'MS PMincho', serif;
font-size:18px;
font-weight: bold;
}
.color01 {
background:#313D48 !important;
}
.color02 {
background:#446B67 !important;
}
.color03 {
background:#92B03B !important;
}
.color04 {
background:#687E29 !important;
}
.green01 {
background:#536421;
}
.blue01 {
margin-left:3%;
margin-right:3%;
background:#3A4956;
}
.blue04 {
margin-left:3%;
margin-right:3%;
background:#3A4956;
}
.green02 {
background:#92B03B;
}
.green01 .border {
padding-top:35px;
}
.blue01 .border {
padding-top:35px;
}
.green02 .border {
padding-top:45px;
}
.blue04 .border {
padding-top:45px;
}
.green01 h4 {
margin-bottom:20px;
}
.blue01 h4 {
margin-bottom:20px;
}
.green02 h4 {
margin-bottom: 37px;
}
.blue04 h4 {
margin-bottom: 37px;
}
.flow01 .back {
background:url(../img/flow_01.png);
background-position: right 15px bottom 10px;
background-repeat: no-repeat;
background-size: 280px auto;
}
.flow03 .back {
background:url(../img/flow_02.png);
background-position: right 15px bottom 10px;
background-repeat: no-repeat;
background-size: 280px auto;
}
.flow04 .back {
background:url(../img/flow_03.png);
background-position: right 15px bottom 10px;
background-repeat: no-repeat;
background-size: 280px auto;
}
.sales_ex {
width:60%;
margin-left:20%;
margin-bottom:50px;
float:left;
}
.sales_ex .left {
width:60%;
float:left;
}
.sales_ex .right {
float:right;
width:40%;
margin-top: 50px;
}
.sales_ex .right h3 {
font-weight: bold;
margin-bottom: 15px;
text-align: center;
}
.flow_box {
width:100%;
float:left;
}
.flow_box li {
background:#fff;
color: #395A56;
border:1px solid #ccc;
box-sizing: border-box;
padding:20px 5px;
font-weight: bold;
margin-bottom:20px;
}
.flow_box li:nth-child(odd) {
float:left;
width:48%;
}
.flow_box li:nth-child(even) {
float:right;
width:48%;
}
.flow_box li:nth-child(4) {
padding: 32px 5px;
}
.flow_left {
width:45%;
float:left;
box-sizing: border-box;
background:#fff;
border:1px solid #ccc;
padding:15px;
z-index: 1;
position: relative;
}
.text_left {
float:left;
width:45%;
text-align: center;
font-weight: bold;
font-size: 14px;
}
.text_right {
width:55%;
float:left;
font-size: 14px;
text-align: center;
font-weight: bold;
}
.text_right span {
font-size:11px;
color: #395A56;
font-weight: normal;
text-align: left;
letter-spacing: -1px;
with:100%;
float:left;
margin-top:5px;
letter-spacing: -1px;
}
.flow_right {
float:right;
width:45%;
}
.flow_right li {
background:#fff;
border:1px solid #ccc;
box-sizing: border-box;
padding:15px;
font-weight: bold;
font-size: 14px;
text-align: center;
float:left;
width:100%;
}
.flow_box_ex {
position: relative;
}
.arrow_absolute {
position: absolute;
left: 273px;
top: 12px;
z-index: 0;
}
.arrow_bottom {
width:100%;
float:left;
background:url(../img/arrow_bottom.png);
background-position: center bottom;
background-repeat: no-repeat;
height:30px;
}
.mb25 {
margin-bottom:35px;
}
#to_top_scrollup {
background-image: url(https://bluemark.xsrv.jp/site2/wp-content/uploads/2017/09/pagetop.png) !important;
background-color:transparent !important;
background-size:100% 100%;
text-indent: -9999;
opacity: 1 !important;
}
.dashicons-arrow-up-alt2:before {
content:none !important;
}
.new_tag {
background:#F0963A;
padding:2px 5px;
font-size: 11px;
position: relative;
left:5px;
top:-2px;
color:#fff;
}
.back_page {
width:80%;
float:left;
margin-top:50px;
margin-left:10%;
border:1px solid #7F7F7F;
background:#e0ebf7;
}
.back_page a {
width:100%;
float:left;
text-align: center;
padding:20px;
box-sizing: border-box;
color:#47AFEA;
}
@media screen and ( min-width:681px ) {
}
@media screen and ( min-width:681px ) {
.ls1 {
letter-spacing: -1px;
}
.c1 {
padding-top:38px !important;
}
.c2 {
padding-top:28px !important;
}
.c3 {
padding-top:125px !important;
}
.c4 {
padding-top:130px !important;
}
.c5 {
padding-top:55px !important;
}
.c6 {
padding-top: 95px !important;
}
.c7 {
padding-top: 240px !important;
}
.c8 {
padding-top:90px !important;
}
.main_text li {
margin-left:20px;
}
.staff_other_detail .right {
border: none !important;
margin-top: 0 !important;
}
div.left.w50 {
width: 65%;
}
.cont02 {
margin-bottom:30px !important;
}
.home .cont03_icon h2 {
margin-top:0 !important;
}
.estate_list small {
margin-left:16px;
}
.title01 {
text-align: center;
}
.title01 img {
height: 28px;
width:auto;
}
.rock.title02 {
text-align: center;
margin-bottom:30px;
}
.title02 img {
height:42px;
width:auto;
}
.title03 {
text-align: center;
}
.title03 img {
height:21px;
width:auto;
margin-top: 4px;
}
.title04 {
text-align: center;
}
.title04 img {
height:21px;
margin-top: 4px;
width:auto;
}
.menu_ex {
text-align: left !important;
margin-left:12px !important;
line-height: 1.4 !important;
}
.estate_list {
padding:0 !important;
}
.estate_list a {
width:100%;
float:left;
max-height: 65px;
}
.staff_other_detail .left,.staff_other_detail .left.w100 {
width:50% !important;
}
.sp {
display:none !important;
}
.gallery .main li {
text-align: center;
}
.gallery .main li img {
max-height: 440px;
width:auto;
max-width:100%;
}
.img_right {
width:200px;
float:right;
}
.home_header {
background:url(/wp-content/uploads/2021/07/main_pc.png) !important;
background-position: center !important;
background-size:auto 480px !important;
height:480px;
text-align: center;
width:100%;
overflow: hidden;
}
.home_header img {
height:480px;
width:auto;
}
.right.w38 {
width: 28%;
}
}
.links_right {
width:100%;
float:left;
text-align: right;
text-decoration: underline;
margin-top:15px;
}
div.wpcf7-validation-errors {
width:100%;
box-sizing: border-box;
float:left;
margin:25px 0 0 0 !important;
}
span.wpcf7-not-valid-tip {
width:100%;
float:left;
margin-bottom:10px;
}
.column_first p {
margin-bottom:50px;
}
.tab_display {
display: none;
}
@media screen and (min-width:648px) and ( max-width:1024px) {
.page_top_img {
width:100%;
box-sizing: border-box;
}
.page_top_img img {
width:100% !important;
}
#content {
width:100%;
float:left;
box-sizing: border-box;
padding:0 3%;
}
.inner {
width:100% !important;
box-sizing: border-box;
}
img {
max-width: 100%;
}
html,body {
overflow-x: hidden;
}
.tab_none {
display:none;
}
.video_wrap {
width:100%;
}
.tab_display {
display:block;
width:100%;
}
.site-content-contain {
}
/*
.menu.sp {
display:block !important;
}
.menu.sp img {
height:20px;
}
.menu.sp img:first-child {
margin-top:6px;
}
#nav.pc {
display:none;
}
.menu {
width:100%;
float:left;
}
label {
background: #687F28;
color: #fff;
padding: 10px;
display: block;
margin: 0;
text-align: right;
}
input[type="checkbox"].on-off{
display: none;
}
.menu ul {
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
margin: 0;
padding: 0;
list-style: none;
}
.menu li {
padding: 10px 5px;
width:100%;
box-sizing: border-box;
float:left;
border-top:1px dotted #ccc;
}
.menu li a {
width;100%;
float:left;
text-decoration: none !important;
color:#fff;
}
input[type="checkbox"].on-off + ul{
height: 0;
overflow: hidden;
}
input[type="checkbox"].on-off:checked + ul{
height: 700px;
background: #92B03A;
}
.main_menu {
background: url(../img/footer04.png);
background-repeat: no-repeat;
padding-left: 10px;
background-position: left center;
margin-top: 15px;
width: 100%;
float: left;
}.main_menu:before {
content:">";
float:left;
color:#fff;
margin-right:10px;
}
.sub_menu {
border:none !important;
padding:0 0px 0 30px !important;
width: 50% !important;
}
.sub_menu:before {
content:"・";
float:left;
color:#fff;
margin-right:10px;
}
*/
}
@media screen and ( min-width:480px ) and ( max-width:680px) {
body .tabl {
display:block !important;
}
body .tabl.sp {
display:none !important;
}
body .estate_list {
width:33.33333333333% !important;
}
}
@media screen and ( max-width:680px) {
body .estate_list {
width:50%;
}
}
@media screen and ( max-width:680px ) {
#main .list_wrap {
margin-left:1%;
margin-right:1%;
border-bottom:1px dotted #999;
padding-bottom:30px;
}
.tablet {
display:none;
}
.video_wrap {
width:100% !important;
}
.white02 {
background: #fff;
border: 1px solid #000;
padding: 25px;
margin-top: 25px;
color: #406460;
width: 100% !important;
box-sizing: border-box !important;
}
.f_left {
width:100%;
float:left;
margin-bottom:15px;
}
.f_right {
width:100%;
float:right;
}
.menu_img {
height: 15px;
position: relative;
top: 3px;
}
.estate_list {
box-sizing: border-box !important;
}
.p_none p {
float:none !important;
}
.p_none .wpcf7-form-control-wrap {
top:5px;
}
.mw_wp_form dl table tr td:first-child {
width:35%;
}
.page-template-page_form02 form dd, .mw_wp_form form dd {
padding-top:0;
border-left:none !important;
width:100%;
}
.page-template-page_form02 form dt, .mw_wp_form form dt {
width:100%;
padding-bottom:10px;
}
.main_text li {
margin-left:20px;
}
.mt50 {
margin-top:50px;
}
.staff_other_detail .right {
border: none !important;
margin-bottom:10px;
}
body .news_right {
margin-bottom: 30px !important;
}
.cont03 li:nth-child(1) .box p {
text-align: center !important;
margin:0 !important;
}
.cont03 li:nth-child(2) .box p {
text-align: center !important;
margin:0 !important;
}
.news_right {
margin-bottom:60px !important;
}
.cont08 .right {
margin-top:45px;
}
.fb-page {
width:100%;
}
.fb-page span {
width:100%;
}
.fb-page iframe {
position: relative;
}
.cont03 li:nth-child(1) .box p {
text-align: left;
margin-left:50px;
}
.cont03 li:nth-child(2) .box p {
text-align: left;
margin-left:30px;
}
.profiel_bottom .right {
width:68% !important;
float:right;
background-size:100% 100%;
padding:20px !important;
box-sizing: border-box;
margin-top: 20px !important;
}
.home .footer_contact {
display:none;
margin-left:2%;
width:96%;
}
.estate_list small {
margin-left:1px;
}
body .profiel_bottom .left {
width:100% !important;
}
body .profiel_bottom .right {
width:100% !important;
}
.profiel_bottom .left img {
width:50%;
margin-left:25%;
}
.title01 {
text-align: center;
}
.title01 img {
zoom:0.35;
width:auto;
}
.rock.title02 {
text-align: center;
margin-bottom:30px;
}
.title02 img {
zoom:0.35;
width:auto;
}
.title03 {
text-align: center;
}
.title03 img {
zoom:0.35;
width:auto;
}
label img {
height:10px;
margin-left:5px;
}
.arrow_bottom.sp {
width:100% !important;;
margin-top:0 !important;
}
.flow_box li {
width:100% !important;
}
.flow_left {
width:100% !important;
}
.flow_right {
width:100% !important;
}
.arrow_absolute {
display:none;
}
.map_img {
display:none;
}
.img_right {
width: 130px;
float: right;
}
.flow .sp {
width:70%;
margin-top:20px;
}
.flow .back {
background:none !important;
padding:0 !important;
}
.flow {
background-position: center top 10px !important;
background-size: auto 80px !important;
padding-top:100px !important;
}
.flow .right {
width:100% !important;
}
.flow h3 {
font-size:16px;
}
.mt0 {
margin-top:0 !important;
}
.border_none {
border:none !important;
}
.rental01 .left,.rental02 .left,.rental03 .left {
margin-bottom:15px;
}
.estate_list {
line-height: 1.5 !important;
}
.estate01 .left img {
width:150px !important;
margin-left:10px;
margin-bottom:10px;
}
.sales03,.sales04 {
margin-bottom:35px;
}
.bloc_menu li {
width:100%;
float:left;
color:#fff;
box-sizing: border-box;
text-align: center;
padding:10px;
margin:0 0 20px 0 !important;
}
.sales_ex {
width:100%;
margin-left:0 !important;
}
.sales_ex img {
max-width: 60%;
margin-left:20%;
}
.sales_ex .left {
width:100%;
}
.sales_ex .right {
width:100%;
}
.sales_ex .right {
margin-top:20px;
}
.map_left,.map_right {
width:100%;
}
.estate03 li {
width:100% !important;
background-size: 100% 100% !important;
}
.sales06 li:nth-child(odd),.sales06 li:nth-child(even) {
width:100% !important;
}
.bloc2 h2 {
font-size:14px !important;
}
.sales03,.sales04,.sales05 {
width:100% !important;
}
.intro_message {
font-size:16px;
}
.cont03_icon img {
width:20px !important;
top:2px !important;
}
.news_left {
width:98%;
float:left;
text-align: center;
margin-top:30px;
}
.news_right iframe {
width:100% !important;
}
.news_right {
width:98%;
float:right;
margin-top:30px;
text-align: center;
}
.left {
width:100% !important;
}
.right {
width:100% !important;
}
footer .menu a {
font-size:14px;
}
footer h3 img {
height:40px;
}
.single_title {
font-size:14px;
}
.single_head .left {
width:100%;
}
.single_head .right {
width:100%;
}
.gallery .main {
width:100%;
}
.gallery .thumb {
width:100%;
margin-bottom:30px;
}
.gallery .main2 {
width:100%;
}
iframe {
height:200px;
}
.detail_table td {
font-size:12px;
}
.single_head td {
font-size:12px;
}
.menu {
width:100%;
float:left;
}
label {
background: #687F28;
color: #fff;
padding: 10px;
display: block;
margin: 0;
text-align: right;
}
input[type="checkbox"].on-off{
display: none;
}
.menu ul {
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
margin: 0;
padding: 0;
list-style: none;
}
.menu li {
padding: 10px 5px;
width:100%;
box-sizing: border-box;
float:left;
border-top:1px dotted #ccc;
}
.menu li a {
width;100%;
float:left;
text-decoration: none !important;
color:#fff;
}
input[type="checkbox"].on-off + ul{
height: 0;
overflow: hidden;
}
input[type="checkbox"].on-off:checked + ul{
height: 700px;
background: #92B03A;
}
.main_menu {
background: url(../img/footer04.png);
background-repeat: no-repeat;
padding-left: 10px;
background-position: left center;
margin-top: 15px;
width: 100%;
float: left;
}.main_menu:before {
content:">";
float:left;
color:#fff;
margin-right:10px;
}
.sub_menu {
border:none !important;
padding:0 0px 0 30px !important;
width: 50% !important;
}
.sub_menu:before {
content:"・";
float:left;
color:#fff;
margin-right:10px;
}
.estate02 {
padding:2% !important;
font-size:11px;
}
.estate02 a {
font-size:11px;
width:100%;
float:left;
margin-bottom:10px;
}
.margin_minus {
margin:0 !important;
top:0 !important;
}
small {
font-size:9px !important;
width:100%;
float:left;
padding-left:10px;
}
footer h3 {
font-size:21px !important;
}
footer h3 img {
}
footer p {
font-size:12px;
}
.copy {
font-size:11px;
}
.list_wrap {
width: 100%;
float: left;
margin-bottom: 30px;
}
.list_wrap td {
font-size:12px;
}
.text_absolute {
font-size:9px;
}
/* =====================================================================
* グローバル
* =================================================================== */
.pc {
display:none !important;
}
body {
min-width: 100%;
font-size: 14px;
font-family: "メイリオ", "Meiryo","游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif;
}
.inner {
width:96%;
padding:0 2%;
}
img {
max-width:100%;
box-sizing: border-box;
}
/* =====================================================================
* ヘッダー
* =================================================================== */
.over_img {
display:none;
}
/* =====================================================================
* トップページ
* =================================================================== */
.cont02 ul li {
width: 32.333333%;
margin-right: 1%;
float: left;
}
.cont02 h2 {
margin-bottom:20px;
}
.cont02 ul {
margin-bottom:20px;
}
.cont03 h2 img {
width:70%;
}
.cont03 h2 {
margin-bottom: 35px;
}
.cont03 h3 {
font-size: 14px;
}.cont03_img01 {
position: absolute;
left: 15px;
top: 20px;
width: 60px;
}
.cont03 .left li {
float: left;
margin-right: 0;
margin-bottom: 15px;
}
.link_left,.link_right {
margin-left:0 !important;
width:48% !important;
margin-right:0 !important;
box-sizing: border-box;
margin-top:15px !important;
margin-bottom:10px !important;
}
.cont03 .right {
float: left;
width: 100%;
}
.sp_cont2_h3 {
margin-top:30px;
text-align: center;
}
.cont03 .right li {
float: left;
margin-right: 0 !important;
}
.link_center {
width:100%;
}
.cont04 h3 {
text-align: left;
font-weight: bold;
font-size: 14px;
line-height: 32px;
}
.cont04 li {
width:48%;
margin-bottom: 25px;
}
.label {
font-size: 12px;
}
.person_wrap h4 {
font-size:16px;
}
.person_wrap h4 span {
font-size:14px;
}
.link_green a {
width:100%;
margin:0 !important;
}
.link_green {
margin:0 !important;
}
.cat_image {
position: relative;
margin-bottom:20px;
overflow: hidden;
}
.cat_image img {
height:auto;
width:100% !important;
max-width: 150% !important;
min-height: 130px;
}
.cat_image .absolute {
position: absolute;
text-align: center;
width: 100%;
top:40px;
color: #fff;
font-size: 18px;
font-family: 'ヒラギノ明朝 ProN W3', 'MS PMincho', serif;
}
.cat_image .absolute2 {
position: absolute;
text-align: center;
width: 100%;
top: 55px;
color: #fff;
font-size: 18px;
font-family: 'ヒラギノ明朝 ProN W3', 'MS PMincho', serif;
}
.dot {
}
.wrap {
width: 100%;
float: left;
margin-top: 20px;
}
.page-header {
margin-top:0;
}
.cont03 .right {
width:48%;
float:right;
}
.cont03 li:nth-child(1) {
background:#3A4956;
padding:15px;
float:left;
width:48%;
box-sizing: border-box;
text-align: center;
height:170px;
}
.cont03 li:nth-child(2) {
background:#446B67;
padding:15px;
float:right;
width:48%;
box-sizing: border-box;
text-align: center;
height:170px;
margin:0;
}
.cont03 li:nth-child(3) {
background:#92B03B;
padding:15px;
float:left;
width:48%;
box-sizing: border-box;
margin-bottom:20px;
text-align: center;
margin-top:20px;
}
.cont03 li:nth-child(4) {
background:#687E29;
padding:15px;
float:right;
width:48%;
box-sizing: border-box;
text-align: center;
margin-top:20px;
}
.cont03 li:nth-child(1) .box {
height: 140px;
}
.cont03 li:nth-child(2) .box {
height: 140px;
}
.estate03 li {
background:none !important;
padding-top:0 !important;
width:48% !important;
margin:0 1% 15px !important;
min-height: 50px !important;
}
.footer_contact {
text-align: center;
}
.staff_other_detail .left {
width:100% !important;
}
.profiel_bottom .left.w100 {
width:100% !important;
}
.left.w50 {
width:50% !important;
}
.right.w48 {
width:48% !important;
}
.cont03 h2.title01 img {
width:auto !important;
}
.cont01 .left {
margin-bottom:45px;
}
.bloc h2 {
margin-top:0;
}
.cont01 {
padding:50px 0 0 0;
margin-bottom:0;
}
.cont03 .left {
margin-bottom:25px;
}
.cont03 {
padding:0px 0 0 0;
margin-bottom:0;
}
.cont03_intro {
font-size:18px;
}
.bloc {
margin-bottom:35px;
}
}
.mb0 {
margin-bottom:0 !important;
}
.staff01 .left {
width:68%;
float:left;
}
.staff01 {
width:100%;
float:left;
margin-bottom:30px;
}
.staff01 .right {
width:30%;
float:right;
}
.staff01 h2 {
text-align: center;
margin:0 0 25px 0;
background:none;
color:#446B67;
font-weight: bold;
border-top:1px solid #000;
border-bottom:1px solid #000;
}
.green_text {
width:100%;
float:left;
color:#687E29;
margin-top:15px;
}
.toggle_wrap {
width:100%;
float:left;
color:#679AD0;
}
.toggle01_detail h3,.toggle02_detail h3,.toggle03_detail h3,.toggle04_detail h3,.toggle05_detail h3,.toggle06_detail h3 {
background:#446B67;
font-family: 'ヒラギノ明朝 ProN W3', 'MS PMincho', serif;
font-weight: bold;
font-size:21px;
box-sizing: border-box;
width:100%;
float:left;
padding:8px 0 8px 20px;
color:#fff;
}
.profiel {
padding:25px !important;
box-sizing: border-box;
width:100%;
float:left;
}
.profiel_bottom {
width:100%;
float:left;
padding:25px !important;
box-sizing: border-box;
}
.profiel_bottom h4 {
font-size:16px;
color:#446B67;
width:100%;
float:left;
margin-bottom:15px;
}
.profiel_bottom .left {
width:30% !important;
float:left;
margin-right:2%;
}
.profiel_bottom .right {
width:68% !important;
float:right;
background-size:100% 100%;
padding:25px;
box-sizing: border-box;
border:1px dashed #777;
margin-top:100px;
}
.estate01 .left {
width:73%;
float:left;
}
.estate01 .right {
float:right;
width:25%;
}
.estate02 {
background:url(../img/partner_middle.png);
background-size:100% 100%;
padding: 20px 20px 20px 90px;
box-sizing: border-box;
float:left;
width:100%;
margin-top:0px;
}
.partner_top,.partner_bottom,.partner_top img,.partner_bottom img {
width:100%;
float:left;
}
small {
font-size:12px;
}
.maptext {
font-size:14px;
margin-top:25px;
width:100%;
float:left;
}
.margin_minus {
position: relative;
top:-15px;
}
.partner_top {
margin-top:25px;
position: relative;
}
.text_absolute {
position: absolute;
right: 0;
top: 20px;
}
.estate_list {
width:33.33333333%;
float:left;
line-height: 2.5;
padding:0 0.5%;
}
.img_margin {
width:100%;
float:left;
margin:20px 0;
}
.estate03 li {
margin-right:2%;
background-size:100% auto !important;
background-repeat: no-repeat !important;
text-align: center;
padding-top:100px;
}
.estate03 h4 {
margin-bottom:30px;
}
.estate03 a {
color:#557FAC;
}
.estate03 li:nth-child(1) {
width:23.5%;
float:left;
box-sizing: border-box;
min-height:250px;
background-repeat: no-repeat;
background:url(../img/estate_list01.png);
}
.estate03 li:nth-child(2) {
width:23.5%;
float:left;
box-sizing: border-box;
min-height:250px;
background-repeat: no-repeat;
background:url(../img/estate_list02.png);
}
.estate03 li:nth-child(3) {
width:23.5%;
float:left;
box-sizing: border-box;
min-height:250px;
background-repeat: no-repeat;
background:url(../img/estate_list03.png);
}
.estate03 li:nth-child(4) {
width:23.5%;
float:left;
box-sizing: border-box;
min-height:250px;
background-repeat: no-repeat;
background:url(../img/estate_list04.png);
margin-right:0 !important;
}
.estate03 li:nth-child(5) {
width:23.5%;
float:left;
box-sizing: border-box;
min-height:250px;
background-repeat: no-repeat;
background:url(../img/estate_list05.png);
}
.estate03 li:nth-child(6) {
width:23.5%;
float:left;
box-sizing: border-box;
min-height:250px;
background-repeat: no-repeat;
background:url(../img/estate_list06.png);
}
.estate03 li:nth-child(7) {
width:23.5%;
float:left;
box-sizing: border-box;
min-height:250px;
background-repeat: no-repeat;
background:url(../img/estate_list07.png);
}
.estate_menu {
margin-top:30px;
width:100%;
float:left;
}
.sales_menu li {
width:33.3333333333%;
float:left;
text-align: center;
padding:0 2%;
box-sizing: border-box;
}
.sales_menu {
width:100%;
float:left;
margin-top:25px;
margin-bottom:15px;
}
.sales03 img,.sales04 img,.sales05 img {
height:180px;
width:auto;
}
.sales03 {
width:28%;
float:left;
margin-right:2%;
text-align: center;
}
.sales04 {
width:28%;
float:left;
margin-right:2%;
text-align: center;
}
.sales05 {
width:40%;
float:left;
text-align: center;
}
.sales02 h3 {
font-weight: bold;
margin-bottom:15px;
}
.sales02 p {
text-align: left !important;
}
.sales06 li:nth-child(odd) {
width:49%;
float:left;
}
.sales06 li:nth-child(even) {
width:49%;
float:right;
}
.sales06 h4 {
font-weight: bold;
}
.sales06 li {
background-repeat: no-repeat !important;
background-position: 20px center;
box-sizing: border-box;
padding:20px 20px 20px 100px;
background-color:#FCF9F3;
border:1px solid #000;
height:140px;
margin-bottom:20px;
background-size:auto 50%;
}
.sales06 li:nth-child(1) {
background-image:url(../img/no01.png);
}
.sales06 li:nth-child(2) {
background-image:url(../img/no02.png);
}
.sales06 li:nth-child(3) {
background-image:url(../img/no03.png);
}
.sales06 li:nth-child(4) {
background-image:url(../img/no04.png);
}
.sales06 li:nth-child(5) {
background-image:url(../img/no05.png);
}
.sales06 li:nth-child(6) {
background-image:url(../img/no06.png);
}
.sales06 li:nth-child(7) {
background-image:url(../img/no07.png);
}
.sales06 li:nth-child(8) {
background-image:url(../img/no08.png);
}
.sales06 li:nth-child(9) {
background-image:url(../img/no09.png);
}
.sales07 {
width:100%;
float:left;
margin-top:30px;
}
.rental03 .left {
width:48%;
float:left;
border:1px solid #446B67;
}
.rental03 .right {
width:48%;
float:right;
border:1px solid #446B67;
}
.rental03 h3 {
width:100%;
float:left;
box-sizing: border-box;
color:#Fff;
background:#446B67;
text-align: center;
padding:8px;
font-weight: bold;
}
.rental03 p {
widht:100%;
float:left;
box-sizing: border-box;
padding:20px;
}
.staff_other_detail {
width:100%;
float:left;
box-sizing: border-box;
margin-top:20px;
margin-bottom:20px;
}
.staff_other_detail .right {
width:48% !important;
background:none !important;
padding:0 !important;
}
.staff_other_detail .left {
width:48%;
float:left;
}
.blue_text {
width:100%;
float:left;
color:#679AD8;
margin-top:15px;
}
.map_left span {
color:#446B67;
}
.imotostyle {
width:100%;
float:left;
}
.imotostyle h4 {
width:100%;
float:left;
text-align: center;
}
.staff_other_detail .left img {
margin-left:15px;
}
.fa-arrow-circle-up:before {
content:none !important;
background:url(../img/pagetop.png);
background-size: 100% auto !important;
}
h2.screen-reader-text {
display:none !important;
}
.nav-links {
width:100%;
float:left;
}
svg.icon.icon-arrow-right,svg.icon.icon-arrow-left {
width: 30px;
height: 15px;
}
.page-numbers {
display:none;
}
.next.page-numbers {
float:right;
display:block;
}
.prev.page-numbers {
float:left;
display:block;
}
.post-template-default .footer_contact {
display:none;
}
div#page.site {
width:100%;
float:left;
}