.top_txt {
max-width: 540px;
margin: 0 auto;
font-family:"教科書ICA M", "Kyoukasho ICA Medium", 'Meiryo', 'メイリオ', Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
}
p.txt1 {
color: #593d23;
font-size: 18px;
margin-top: 22px;
margin-bottom: 25px;
line-height: 2 !important;
}
p.txt2 {
color: #f6733a;
font-size: 18px;
margin-bottom: 0px;
line-height: 1.2 !important;
}
p.txt3 {
color: #f6733a;
font-size: 24px;
margin-bottom: 36px;
}
form.blog_search_form {
margin-top: 10px;
}
ol.list01 li {
text-indent: -2em;
padding-left: 2em;
}
ul.check li {
padding: 7px 0px 5px 24px;
position: relative;
}
ul.check li:before {
background: none repeat scroll 0 0 #593d23;
border: 1px solid #593d23;
border-radius: 3px;
content: "";
height: 17px;
left: 0;
position: absolute;
top: 9px;
width: 17px;
z-index: 0;
}
ul.check li:after {
    position: absolute;
    top: 9px;
    left: 3px;
    content: "";
    width: 17px;
    height: 9px;
    border: transparent 4px solid;
    border-left: 2px solid #FFFFFF;
    border-bottom: 2px solid #FFFFFF;
    transform: rotate(-40deg);
    -webkit-transform: rotate(-40deg);
    -ms-transform: rotate(-40deg);
    z-index: 10;
}
.arrow_box {
position: relative;
height: 40px;
width: 100%;
}
.arrow_box:after {
display: block;
content: "";
position: absolute;
top: 10px;
left: 50%;
margin: 0 0 0 -30px;
width: 0px;
height: 0px;
border: 30px solid transparent;
border-top: 16px solid #839c76;
}
.content {
border: 3px solid #728d50;
border-top: none;
padding: 31px 57px 38px;
margin-bottom: 60px;
border-radius: 0 0 7px 7px;
}
.img_left {
float: left;
max-width: 72px;
width: 9%;
margin-right: 3%;
}
.txt_right {
float: left;
width: 88%;
}
.content p {
color: #593d23;
font-size: 16px;
margin-bottom: 25px;
}
p.title {
background: #728d50;
color: #fff;
text-align: center;
font-size: 30px;
margin-bottom: 0;
border-radius: 7px 7px 0 0;
letter-spacing: 6px;
padding: 20px 0 28px 0;
line-height: 1.2 !important;
font-family:"教科書ICA M", "Kyoukasho ICA Medium", 'Meiryo', 'メイリオ', Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
}
.content p.title1 {
display: inline-block;
color: #fff;
font-size: 18px;
padding: 3px 40px 8px 40px;
border-radius: 5px;
background: #cfa972;
margin-bottom: 13px;
font-family:"教科書ICA M", "Kyoukasho ICA Medium", 'Meiryo', 'メイリオ', Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
}
.content p.title2 {
display: inline-block;
color: #fff;
font-size: 18px;
padding: 3px 40px 8px 40px;
border-radius: 5px;
background: #f6733a;
margin-bottom: 13px;
font-family:"教科書ICA M", "Kyoukasho ICA Medium", 'Meiryo', 'メイリオ', Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
}
.question_txt {
border-radius: 4px;
padding: 34px 0 5px 25px;
border: 3px solid #cfa972;
background: url(/wp-content/themes/genova_tpl/asset/top_bg04.jpg) no-repeat 98% bottom #f0e1cb;
}
.question_txt p {
color: #593d23;
font-size: 18px;
margin-bottom: 25px;
text-indent: -2em;
padding-left: 2em;
font-family:"教科書ICA M", "Kyoukasho ICA Medium", 'Meiryo', 'メイリオ', Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
}
.question_txt p strong {
color: #f6733a;
font-size: 24px;
font-weight: normal;
line-height: 1.2;
padding-right: 8px;
font-family:"黎ミンY20 R","Reimin Y20 Regular", 'Meiryo', 'メイリオ', Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
}
.q_txt {
color: #728d50;
font-size: 24px;
margin-top: 20px;
line-height: 1.2 !important;
font-family:"教科書ICA M", "Kyoukasho ICA Medium", 'Meiryo', 'メイリオ', Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
}
.q_left {
float: left;
max-width: 457px;
width: 48%;
}
.v_right {
float: right;
max-width: 485px;
width: 50%;
margin-bottom: 18px;
}
.img_twoleft {
float: left;
max-width: 465px;
width: 49%;
}
.img_tworight {
float: right;
max-width: 465px;
width: 49%;
}
.img_three {
width: 100%;
max-width: 960px;
margin: 24px auto 0;
}
.img_three li {
float: left;
margin-right: 33px;
width: 100%;
max-width: 298px;
}
.img_three li.last {
margin-right: auto;
}
.wite {
width: 100%;
max-width: 960px;
margin: 50px auto 38px;
}
.wite ul li {
float: left;
margin-right: 33px;
width: 100%;
max-width: 298px;
}
.wite ul li.last {
margin-right: 0;
}
.top h3 {
width: 70%;
margin: 0 auto;
color: #593d23;
font-size: 30px;
display: inherit;
background: none;
padding-bottom: 20px;
padding-left: 0;
border-bottom: 2px solid #593d23;
font-family:"教科書ICA M", "Kyoukasho ICA Medium", 'Meiryo', 'メイリオ', Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
}
.top h3 {
padding-top: 38px;
margin-bottom: 29px;
}
.top .bg2 h3 {
padding-top: 61px;
margin-bottom: 34px;
}
.full .bg2.b_09 {
margin: 0 auto 46px !important;
}
.b_01 {
margin: 0 0 1em;
}
#mainimage h2,
#page h2, 
#inquiryForm h2,
#page h3, 
#inquiryForm h3,
#page h4, 
#inquiryForm h4,
#page h5, 
#inquiryForm h5 { 
font-family:"教科書ICA M", "Kyoukasho ICA Medium", 'Meiryo', 'メイリオ', Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
}
@media screen and (max-width: 767px) {
p.txt3 {
    margin-bottom: 0;
}
}
/* *******************************************************************************
1. common
├ 1-1. float
├ 1-2. margin
├ 1-3. padding
├ 1-4. text-align
├ 1-5. bold
├ 1-6. ph
├ 1-7. pc sp change
├ 1-8. image layout
├ 1-9. image decoration
├ 1-10. rollover(Transmission)
├ 1-11. other
│ ├ 1-11-1. before after
│ ├ 1-11-2. list
│ ├ 1-11-3. flow
│ └ 1-11-4. qa
â”” 1-12. table
├ 1-12-1. default
├ 1-12-2. table01
├ 1-12-3. table02 
â”” 1-12-4. hours 
2. header
3. nav
4. mainimage
├ 4-1. top 
â”” 4-2. under
5. footer
6. content
├ 6-1. title
├ 6-2. top
├ 6-3. under 
├ 6-4. map 
├ 6-5. tel
â”” 6-6. other
7. full content
8. blog
├ 8-1. img
├ 8-2. side list
├ 8-3. writer 
â”” 8-4. sns 
9. tel link
├ 9-1. content text link
├ 9-2. tel link
â”” 9-3. side link
10. hikoukai
******************************************************************************* */
/* =====================================
1. common
===================================== */
/* 1-1. float -------------------------- */
.fl {
float: left;
}
.fr {
float: right;
}
.cl{
    clear: both;
}
/* 1-2. margin -------------------------- */
.m00 {
margin: 0 !important;
}
.m05 {
margin: 5px !important;
}
.m10 {
margin: 10px !important;
}
.m15 {
margin: 15px !important;
}
.m20 {
margin: 20px !important;
}
.m25 {
margin: 25px !important;
}
.m30 {
margin: 30px !important;
}
.m35 {
margin: 35px !important;
}
.m40 {
margin: 40px !important;
}
.m45 {
margin: 45px !important;
}
.m50 {
margin: 50px !important;
}
.mt00 {
margin-top: 0 !important;
}
.mt05 {
margin-top: 5px !important;
}
.mt10 {
margin-top: 10px !important;
}
.mt15 {
margin-top: 15px !important;
}
.mt20 {
margin-top: 20px !important;
}
.mt25 {
margin-top: 25px !important;
}
.mt30 {
margin-top: 30px !important;
}
.mt35 {
margin-top: 35px !important;
}
.mt40 {
margin-top: 40px !important;
}
.mt45 {
margin-top: 45px !important;
}
.mt50 {
margin-top: 50px !important;
}
.mr00 {
margin-right: 0 !important;
}
.mr05 {
margin-right: 5px !important;
}
.mr10 {
margin-right: 10px !important;
}
.mr15 {
margin-right: 15px !important;
}
.mr20 {
margin-right: 20px !important;
}
.mr25 {
margin-right: 25px !important;
}
.mr30 {
margin-right: 30px !important;
}
.mr35 {
margin-right: 35px !important;
}
.mr40 {
margin-right: 40px !important;
}
.mr45 {
margin-right: 45px !important;
}
.mr50 {
margin-right: 50px !important;
}
.mb00 {
margin-bottom: 0 !important;
}
.mb05 {
margin-bottom: 5px !important;
}
.mb10 {
margin-bottom: 10px !important;
}
.mb15 {
margin-bottom: 15px !important;
}
.mb20 {
margin-bottom: 20px !important;
}
.mb25 {
margin-bottom: 25px !important;
}
.mb30 {
margin-bottom: 30px !important;
}
.mb35 {
margin-bottom: 35px !important;
}
.mb40 {
margin-bottom: 40px !important;
}
.mb45 {
margin-bottom: 45px !important;
}
.mb50 {
margin-bottom: 50px !important;
}
.ml00 {
margin-left: 0 !important;
}
.ml05 {
margin-left: 5px !important;
}
.ml10 {
margin-left: 10px !important;
}
.ml15 {
margin-left: 15px !important;
}
.ml20 {
margin-left: 20px !important;
}
.ml25 {
margin-left: 25px !important;
}
.ml30 {
margin-left: 30px !important;
}
.ml35 {
margin-left: 35px !important;
}
.ml40 {
margin-left: 40px !important;
}
.ml45 {
margin-left: 45px !important;
}
.ml50 {
margin-left: 50px !important;
}
/* 1-3. padding -------------------------- */
.pa00 {
padding: 0 !important;
}
.pa05 {
padding: 5px !important;
}
.pa10 {
padding: 10px !important;
}
.pa15 {
padding: 15px !important;
}
.pa20 {
padding: 20px !important;
}
.pa25 {
padding: 25px !important;
}
.pa30 {
padding: 30px !important;
}
.pa35 {
padding: 35px !important;
}
.pa40 {
padding: 40px !important;
}
.pa45 {
padding: 45px !important;
}
.pa50 {
padding: 50px !important;
}
.pt00 {
padding-top: 0 !important;
}
.pt05 {
padding-top: 5px !important;
}
.pt10 {
padding-top: 10px !important;
}
.pt15 {
padding-top: 15px !important;
}
.pt20 {
padding-top: 20px !important;
}
.pt25 {
padding-top: 25px !important;
}
.pt30 {
padding-top: 30px !important;
}
.pt35 {
padding-top: 35px !important;
}
.pt40 {
padding-top: 40px !important;
}
.pt45 {
padding-top: 45px !important;
}
.pt50 {
padding-top: 50px !important;
}
.pr00 {
padding-right: 0 !important;
}
.pr05 {
padding-right: 5px !important;
}
.pr10 {
padding-right: 10px !important;
}
.pr15 {
padding-right: 15px !important;
}
.pr20 {
padding-right: 20px !important;
}
.pr25 {
padding-right: 25px !important;
}
.pr30 {
padding-right: 30px !important;
}
.pr35 {
padding-right: 35px !important;
}
.pr40 {
padding-right: 40px !important;
}
.pr45 {
padding-right: 45px !important;
}
.pr50 {
padding-right: 50px !important;
}
.pb00 {
padding-bottom: 0 !important;
}
.pb05 {
padding-bottom: 5px !important;
}
.pb10 {
padding-bottom: 10px !important;
}
.pb15 {
padding-bottom: 15px !important;
}
.pb20 {
padding-bottom: 20px !important;
}
.pb25 {
padding-bottom: 25px !important;
}
.pb30 {
padding-bottom: 30px !important;
}
.pb35 {
padding-bottom: 35px !important;
}
.pb40 {
padding-bottom: 40px !important;
}
.pb45 {
padding-bottom: 45px !important;
}
.pb50 {
padding-bottom: 50px !important;
}
.pl00 {
padding-left: 0 !important;
}
.pl05 {
padding-left: 5px !important;
}
.pl10 {
padding-left: 10px !important;
}
.pl15 {
padding-left: 15px !important;
}
.pl20 {
padding-left: 20px !important;
}
.pl25 {
padding-left: 25px !important;
}
.pl30 {
padding-left: 30px !important;
}
.pl35 {
padding-left: 35px !important;
}
.pl40 {
padding-left: 40px !important;
}
.pl45 {
padding-left: 45px !important;
}
.pl50 {
padding-left: 50px !important;
}
/* 1-4. text-align -------------------------- */
.tal {
text-align: left;
}
.tac {
text-align: center;
}
.tar {
text-align: right;
}
/* 1-5. bold -------------------------- */
.bold {
font-weight: bold;
}
/* 1-6. ph -------------------------- */
.ph {
display: inline-block;
border: 1px solid #e3e3e3;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
.ph img {
width: 100%;
}
/* 1-7. pc sp change -------------------------- */
.pc {
display: block !important;
}
.sp {
display: none !important;
}
@media screen and (max-width: 767px) {
.pc {
display: none !important;
}
.sp {
display: block !important;
}
}
/* 1-8. image layout -------------------------- */
/** 基本設定 **/
/* right */
.b_11_2_in span img,
.b_11 .b_11_in span img {
float: right;
width: 40%;
margin: 0 0 20px 20px;
}
/** 個別設定 **/
/* left */
.img_l span img {
float: left !important;
margin: 0 20px 20px 0 !important;
}
/* right 
.img_r span img {
float: right !important;
margin: 0 0 20px 20px !important;
}*/
/* 1-9. image decoration -------------------------- */
/* Round */
.image img, .text_image img, .gnv_tmp_style img {
border-radius: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
}
/* 1-10. rollover(Transmission) -------------------------- */
.rollover a img:hover, .rollover span a img:hover, .rollover .img_r span a img:hover {
opacity: 0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}
/* =====================================
1-11. other
===================================== */
/* 1-11-1. before after -------------------------- */
.ba_box {
background: url(/wp-content/themes/genova_tpl/asset/ba_ar.png) no-repeat 49% 55%;
display: table;
width: 100%;
}
.ba_box div.column_l, .ba_box div.column_r {
display: table-cell;
width: 30%;
}
.ba_box div.column_l span, .ba_box div.column_r span {
width: 100%;
}
.ba_box div.column_l p, .ba_box div.column_r p, .ba_box div.column_l span img, .ba_box div.column_r span img {
width: 95% !important;
margin: 0 auto !important;
}
.ba_box .column_r, .ba_box .column_l {
text-align: center;
color: #B69440;
font-size: 120%;
font-weight: bold;
}
.ba_box .column_r span {
text-align: right;
}
@media screen and (max-width: 767px) {
.ba_box {
background: url(/wp-content/themes/genova_tpl/asset/ba_ar_sp.png) no-repeat center 50%;
margin: 0 auto 5em !important;
}
.ba_box div.column_l, .ba_box div.column_r {
width: 100% !important;
display: block !important;
}
.ba_box .column_l {
margin-bottom: 2em!important;
}
.ba_box .column_r span {
text-align: center;
}
}
/* 1-11-2. list -------------------------- */
/* list 01 */
.ic_01 {
width: 100%;
}
.ic_01 .clearfix {
padding: 5px 5px 5px 25px;
}
.ic_01 span {
position: relative;
line-height: 1;
}
.ic_01 span:before {
content: "";
position: absolute;
background: #000;
top: 10px;
left: -16px;
margin-top: -4px;
height: 7px;
width: 7px;
border-radius: 50%;
}
/* ul */
.ic_01 ul {
margin: 25px;
}
.ic_01 li {
position: relative;
padding: 5px 5px 5px 0;
}
.ic_01 li:before {
content: "";
position: absolute;
background: #000;
top: 10px;
left: -16px;
margin-top : 0px;
height: 7px;
width: 7px;
border-radius: 50%;
}
/* list 02 */
.ic_02 .clearfix {
padding: 5px 5px 5px 35px;
}
.ic_02 .clearfix span {
position: relative;
line-height: 1;
}
.ic_02 span:before {
content: "\00a0";
display: block;
border: solid 9px #000;
height: 0;
width: 0;
position: absolute;
left: -29px;
top: 10px;
margin-top: -8px;
}
.ic_02 span:after {
content: "\00a0";
display: block;
width: 4px;
height: 7px;
border: solid #fff;
border-width: 0 2px 2px 0;
position: absolute;
left: -23px;
top: 10px;
margin-top: -4px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
/* ul */
.ic_02 ul {
margin: 35px;
}
.ic_02 li {
position: relative;
padding: 5px 5px 5px 0;
}
.ic_02 li:before {
content: "\00a0";
display: block;
border: solid 9px #000;
height: 0;
width: 0;
position: absolute;
left: -29px;
top: 10px;
margin-top: -4px;
}
.ic_02 li:after {
content: "\00a0";
display: block;
width: 4px;
height: 7px;
border: solid #fff;
border-width: 0 2px 2px 0;
position: absolute;
left: -23px;
top: 10px;
margin-top: 0;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
/* arrow list 01 */
.ic_arrow_01 div {
padding: 5px 5px 5px 25px;
}
.ic_arrow_01 span {
position: relative;
}
.ic_arrow_01 span:before {
display: block;
content: "";
position: absolute;
left: -15px;
width: 0;
height: 0;
margin-top: 6px;
border: 5px solid transparent;
border-left: 5px solid #000;
}
.ic_arrow_01 span:hover:before {
left: -12px;
}
/* ul */
.ic_arrow_01 ul {
margin: 25px;
}
.ic_arrow_01 li {
position: relative;
padding: 5px 5px 5px 0;
}
.ic_arrow_01 li:before {
display: block;
content: "";
position: absolute;
top: 10px;
left: -15px;
width: 0;
height: 0;
margin-top: -1px;
border: 5px solid transparent;
border-left: 5px solid #000;
}
/* arrow list 02 */
.ic_arrow_02 .clearfix {
padding: 5px 5px 5px 30px;
}
.ic_arrow_02 span {
position: relative;
}
.ic_arrow_02 span:before {
display: block;
content: "";
position: absolute;
top: 10px;
left: -25px;
width: 16px;
height: 16px;
margin-top: -8px;
border-radius: 50%;
background: #999;
}
.ic_arrow_02 span:after {
display: block;
content: "";
position: absolute;
top: 10px;
left: -19px;
width: 0;
height: 0;
margin-top: -5px;
border: 5px solid transparent;
border-left: 5px solid #fff;
}
.ic_arrow_02 span:hover:before {
left: -22px;
}
.ic_arrow_02 span:hover:after {
left: -16px;
}
/* ul */
.ic_arrow_02 ul {
margin: 30px;
}
.ic_arrow_02 li {
position: relative;
padding: 5px 5px 5px 0;
}
.ic_arrow_02 li:before {
display: block;
content: "";
position: absolute;
top: 10px;
left: -25px;
width: 16px;
height: 16px;
margin-top: -4px;
border-radius: 50%;
background: #999;
}
.ic_arrow_02 li:after {
display: block;
content: "";
position: absolute;
top: 10px;
left: -19px;
width: 0;
height: 0;
margin-top: -1px;
border: 5px solid transparent;
border-left: 5px solid #fff;
}
.ic_arrow_02 li:hover:before {
left: -22px;
}
.ic_arrow_02 li:hover:after {
left: -16px;
}
/* 1-11-3. flow -------------------------- */
img.gnv_tmp_flow_arrow_01, img.gnv_tmp_flow_arrow_02 {
margin: 10px auto 0;
}
.flow.b_11 .b_11_in span img {
width: 30% !important;
float: left !important;
}
@media screen and (max-width: 767px) {
.flow.b_11 .b_11_in span img {
width: 100% !important;
float: none !important;
}
}
/* 1-11-4. qa -------------------------- */
.gnv_tmp_qa_q {
border-left: 3px solid #333;
margin-bottom: 10px;
padding: 10px;
display: table;
}
.gnv_tmp_qa_q span.tit {
font-size: 200%;
font-weight: bold;
color: #333;
padding-right: 20px;
display: table-cell;
width: 30px;
}
.gnv_tmp_qa_a {
border-left: 3px solid #ccc;
margin-bottom: 10px;
padding: 10px;
display: table;
}
.gnv_tmp_qa_a span.tit {
font-size: 200%;
font-weight: bold;
color: #ccc;
padding-right: 20px;
display: table-cell;
width: 30px;
}
.gnv_tmp_qa_a p, .gnv_tmp_qa_q p {
display: table-cell;
width: 100%;
vertical-align: top;
}
/* =====================================
1-12. table
===================================== */
/* 1-12-1. default -------------------------- */
.b_06 table td, .b_06 table th {
border: 1px solid #593d23;
padding: 5px !important;
}
.b_06_item {
background: none repeat scroll 0 0 #ecd8ba;
width: 30%;
}
/* 1-12-2. table01 -------------------------- */
table.gnv_tmp_table01 {
margin-bottom: 1.5em;
	    width: 100%;
}
table.gnv_tmp_table01 th, table.gnv_tmp_table01 td {
text-align: left;
padding: 7px;
}
table.gnv_tmp_table01 {
background: #fff;

}
table.gnv_tmp_table01 thead th {
background: #ddd;
border-top: 1px dotted #ccc;
}
table.gnv_tmp_table01 th {
width: 15%;
border-bottom: 1px solid #839c76;
}
.flow table.gnv_tmp_table01 th {
width: auto;
}
table.gnv_tmp_table01 td {
border-bottom: 1px solid #ccc;
}
/* 1-12-3. table02 -------------------------- */
table.gnv_tmp_table02 {
margin-bottom: 1.5em;
}
table.gnv_tmp_table02 th, table.gnv_tmp_table02 td {
padding: 5px;
text-align: left;
}
table.gnv_tmp_table02 {
width: 100%;
}
table.gnv_tmp_table02 thead th {
background: #ecd8ba;
border: 1px solid #593d23;
text-align: center;
}
table.gnv_tmp_table02 tbody th {
width: 23%;
}
table.gnv_tmp_table02 th {
border: 1px solid #593d23;
}
table.gnv_tmp_table02 td {
border: 1px solid #593d23;
}
table.gnv_tmp_table02 td:last-child {
width: 23%;
}
/* 1-12-4. hours -------------------------- */
table.gnv_tmp_hours th, table.gnv_tmp_hours td {
text-align: center;
}
table.gnv_tmp_hours tbody th {
width: 20%;
}

/*th {
padding: 0px !important;
}*/
@media screen and (max-width: 767px) {
table.gnv_tmp_hours th, table.gnv_tmp_hours td {
font-size: 70%;
}
}
/* =====================================
2. header
===================================== */

/* =====================================
3. nav
===================================== */
#notfoundBody nav, #sitemapBody nav, #newsList nav, #websiteNewsDetail nav {
margin-bottom: 20px;
}
#inquiryBody nav {
display: none;
}
/* 12-1. global nav -------------------------- */
.menu_list {
background: #8da370;
}
.sf-menu {
padding-top: 0;
}
.sf-menu a.sf-with-ul:before {
background: none;
display: none;
}
.sf-menu>li.current, .sf-menu>li.sfHover, .sf-menu>li:hover {
margin-bottom: 0;
border-bottom: 3px solid #fff;
}
/* 12-2. sub nav -------------------------- */
.sf-menu ul {
padding: 10px 0;
width: 115px;
top: 23px;
left: 0;
background-color: #593d23;
}
.sf-menu ul li {
padding: 5px 10px;
}
.sf-menu ul li a {
line-height: 1.2;
font: 14px "教科書ICA M", "Kyoukasho ICA Medium", 'Meiryo', 'メイリオ', Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
}
.sf-menu ul li a:hover {
color: #fff;
opacity: 0.7;
}
.sf-menu>li {
padding: 0 8px 0 8px;
margin: 5px 0 6px 0;
border-right: 1px solid #acbe95;
}
.sf-menu>li.last {
border-right: none;
}
.sf-menu>li>a {
color: #fff;
font-size: 16px;
text-transform: none;
font-family:"教科書ICA M", "Kyoukasho ICA Medium", 'Meiryo', 'メイリオ', Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
}
/* =====================================
4. mainimage
===================================== */
/* 4-1. top -------------------------- */
/* slider default hidden */
#camera_wrap {
display: none!important;
}
/* image size fixed */
#mainimage .main_content {
height: auto;
text-align: center;
}
@media screen and (max-width: 767px) {
#mainimage .main_content {
background: none;
height: auto;
}
}
/* 4-2. under -------------------------- */
.under #mainimage .under_mainimage {
background: #593d23;
margin-bottom: 44px;
}
#notfoundBody #mainimage, #sitemapBody #mainimage, #newsList #mainimage, #websiteNewsDetail #mainimage, #inquiryBody #mainimage {
display: none;
}
.under #mainimage .under_mainimage h2 span {
margin-bottom: 0;
}
/* =====================================
5. footer
===================================== */
#footer img {
width: auto;
}
#footer .footerLink {
list-style: outside none none;
margin: 0 auto 16px;
width: 76%;
}
#footer .footerLink li {
display: inline;
color: #593d23;
line-height: 1.6;
font-size: 16px;
font-family:"教科書ICA M", "Kyoukasho ICA Medium", 'Meiryo', 'メイリオ', Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
}
#footer .footerLink li a {
padding-right: 5px;
}
/* =====================================
6. content
===================================== */
#content {
text-align: left;
line-height: 1.8;
word-wrap: break-word;
}
#content p {
line-height: 1.8;
}
.under #content {
min-height: 600px;
}
/* 6-1. title -------------------------- */
.under h2 {
font-size: 33px;
color: #fff;
text-align: center;
line-height: 1.2;
padding: 41px 0;
letter-spacing: 10px;
font-weight: normal;
}
h2.titleBg {
text-align: left;
}
#content h4 {
line-height: 1.2 !important;
}
#content h3 {
line-height: 1.2 !important;
}
#content h5 {
font-weight: bold !important;
border-bottom: 1px solid #d3d3d3;
margin-bottom: 15px;
padding-bottom: 8px;
}
#content .block3 h5, #content .block4 h5, #content .block5 h5, #content .block1 h5 {
overflow: hidden;
font: 14px/18px;
}
/* 6-2. top -------------------------- */
/* balloon */
.div1 {
font-size: 30px;
}
.div1:before {
background: none;
}
.div1:after {
content: '';
position: absolute;
border-top: 22px solid #00bff3;
border-right: 0px solid transparent;
border-left: 25px solid transparent;
bottom: -19px;
left: 35%;
}
/* 3color */
.item {
height: 380px !important;
}
.item h4 {
line-height: 1;
}
.mrg12 img {
width: 100% !important;
}
.img1 {
width: 32%;
}
/* 6-3. under -------------------------- */
.block2 {
height: auto !important;
}
.div6 {
background: url(/wp-content/themes/genova_tpl/asset/block1_div6.png) no-repeat;
}
.div3 {
background: url(/wp-content/themes/genova_tpl/asset/block3_div3.png) no-repeat;
}
.div4 {
background: url(/wp-content/themes/genova_tpl/asset/block4_div4.png) no-repeat;
}
.div5 {
background: url(/wp-content/themes/genova_tpl/asset/block5_div5.png) no-repeat;
}
.box_inner figure img {
width: 100% !important;
}
/* link */
.a13 {
background: url(/wp-content/themes/genova_tpl/asset/ic_01.png) no-repeat;
text-indent: -9999px;
margin-bottom: 0;
}
/* list */
.list {
padding-right: 15px;
}
.list li:hover {
background: url(/wp-content/themes/genova_tpl/asset/ic_02.png) no-repeat 0 50%;
}
.list li {
padding-left: 17px;
margin-bottom: 20px;
}
.list a {
line-height: 18px;
}
@media screen and (max-width: 767px) {
.list {
padding-right: 0;
}
.list li:hover {
background: url(/wp-content/themes/genova_tpl/asset/ic_02.png) no-repeat 0 10%;
}
.list a {
line-height: 18px !important;
}
.b_11_in:last-child {
margin: 0 0 1em;
}
}
/* 6-4. map -------------------------- */
.gnv_tmp_map {
position: relative;
width: 100%;
padding-top: 40%;
}
.gnv_tmp_map iframe {
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
border: none;
}
@media screen and (max-width: 767px) {
.gnv_tmp_map {
padding-top: 220px;
}
}
/* 6-5. tel -------------------------- */
.tel_txt a {
cursor: text;
}
.tel_txt a:hover {
text-decoration: none;
}
@media screen and (max-width: 767px) {
.tel_txt a, .tel_txt a:hover {
text-decoration: underline;
}
}
/* 6-6. other-------------------------- */
/* column2 column margin */
.b_10.b_10_column2 div.column_l {
padding-right: 10px;
}
.b_10.b_10_column2 div.column_r {
padding-left: 10px;
}
/* box color */
.bc01 {
background: #e8daca;
padding: 20px 15px;
}
.bc02 {
background: #cf9e64;
padding: 20px 15px;
}
.bc03 {
background: #b09371;
padding: 20px 15px;
}
.bc04 {
background: #635545;
padding: 20px 15px;
}
.bc01 img, .bc02 img, .bc03 img, .bc04 img {
width: 100% !important;
}
/* =====================================
7. full content
===================================== */
.full #content .container_12 {
width: 100% !important;
}
.full .div1 {
margin-top: 0;
}
.full .block6, .full .list {
margin-bottom: 0;
}
.full .block2 {
margin-top: 0;
}
.full #content .block4, .full #content .block5 {
margin-bottom: 0;
}
.full .b_01, .full .b_02, .full .b_04_2, .full .b_09, .full .b_10, .full .b_11, .full .b_10 .grid_12, .full .b_11 .grid_12 {
margin: 0 auto !important;
}
.full .grid_12 {
margin: 0 auto !important;
padding: 0 !important;
position: relative !important;
width: 960px !important;
float: none;
display: block;
}
.full .grid_12 .grid_1 {
width: 60px !important;
}
.bg3 {
    background: url(/wp-content/themes/genova_tpl/asset/top_bg03_03.png) repeat left top;
}
.bg3 .inner{
background-image: url(/wp-content/themes/genova_tpl/asset/top_bg03_01.png), url(/wp-content/themes/genova_tpl/asset/top_bg03_02.png);
background-repeat: no-repeat, no-repeat;
background-position: left, right;
max-width:1300px;
padding: 45px 0 23px;
margin:0 auto;
}
.bg04 {
    background: #eddabe;
    padding-bottom: 25px;
}
@media screen and (max-width: 1300px) {
.bg3 .inner{
background-position: left bottom, right bottom;
background-size: 100% auto, 100% auto;
}
}

@media screen and (min-width: 768px) and (max-width: 995px) {
.full .grid_12 {
width: 96% !important;
max-width: 768px !important;
}
.full .grid_12 .grid_1 {
width: 44px !important;
}
.full .grid_12 .grid_2 {
width: 108px !important;
}
.full .grid_12 .grid_3 {
width: 172px !important;
}
.full .grid_12 .grid_4 {
width: 236px !important;
}
.full .grid_12 .grid_5 {
width: 300px !important;
}
.full .grid_12 .grid_6 {
width: 364px !important;
}
.full .grid_12 .grid_7 {
width: 428px !important;
}
.full .grid_12 .grid_8 {
width: 492px !important;
}
.full .grid_12 .grid_9 {
width: 556px !important;
}
.full .grid_12 .grid_10 {
width: 620px !important;
}
.full .grid_12 .grid_11 {
width: 684px !important;
}
.full .grid_12 .grid_12 {
width: 748px !important;
}
.info.under #content .container_12,
.flow.under #content .container_12,
.bunkatu.under #content .container_12,
.igon.under #content .container_12,
.keisyou.under #content .container_12,
.hudousan.under #content .container_12,
.price.under #content .container_12,
#inquiryBody #content .container_12 {
width: 748px;
}
.bg1 {
background: url(/wp-content/themes/genova_tpl/asset/top_bg01.jpg) no-repeat top center;
padding: 85px 0 35px 0;
}
}
@media screen and (max-width: 767px) {
.full .grid_12 {
width: 300px !important;
}
.full #content .block1, .full #content .block3 {
margin-bottom: 0;
}
}
@media screen and (min-width: 480px) and (max-width: 767px) {
.full .grid_12 {
width: 420px !important;
}
.full .block6 {
margin-bottom: 20px;
}
}
@media screen and (max-width: 767px) {
.full .block6 {
margin-bottom: 20px;
}
.full .grid_2, .full .grid_3, .full .grid_4, .full .grid_5, .full .grid_6, .full .grid_7, .full .grid_8, .full .grid_9, .full .grid_10, .full .grid_11, .full .grid_12 {
margin-bottom: 20px;
}
}
.full .grid_12:after {
clear: both !important;
content: " " !important;
display: block !important;
height: 0 !important;
visibility: hidden !important;
}
.w100, .w100 img {
width: 100%;
}
/* =====================================
8. blog
===================================== */
.Individual .blogcontent {
margin-top: 56px;
}
.blog h3.entry-title {
font-size: 24px;
text-align: left;
text-transform: uppercase;
margin: 10px 0 20px !important;
border-bottom: 1px solid #ccc;
padding: 8px 3% 8px 3%;
width: 94%;
}
/* 8-1. img -------------------------- */
.blogArea img {
margin-bottom: 10px;
}
.blogArea img.icon_imgs {
margin-bottom: 0;
}
/* 8-2. side list -------------------------- */
.blogside h3 {
text-transform: uppercase;
padding: 5px 0 3px 0;
margin-top: 0;
width: 100%;
text-align: center;
background: #efefef;
font-size: 14px;
color: #000;
}
.blogside .list li {
background: url(/static.plimo.com/static/type5/images/marker1.png) no-repeat scroll 0 16px rgba(0, 0, 0, 0);
padding-left: 13px;
text-align: left;
}
.blogside .list a {
word-wrap: break-word;
}
.blogside li:before {
    color: #14408c;
    content: "・";
    font-size: 100%;
    padding-right: 0.4em;
}
input[type="text"] {
border: 1px solid rgb(204, 204, 204);
border-radius: 3px;
padding: 2px;
border-radius: none;
margin-bottom: 5px;
}
#blogBody input[type="text"] {
width: 98%;
}
.blog_search_submit {
text-align: center;
width: 98%;
display: block;
}
.blog_search_submit input {
padding: 0 5px;
}
/* 8-3. writer -------------------------- */
.blog #content .contributor {
color: #999;
font-size: 85%;
margin: 3em 0 0.5em;
text-align: right;
}
/* 8-4. sns -------------------------- */
.blog #content .shareBt {
text-align: right;
}
.blog .shareBt .fb_iframe_widget {
margin-right: 5px;
}
.blog .shareBt .twitter-tweet-button {
text-align: right;
vertical-align: middle;
width: 90px !important;
}
.lineBt img {
margin-top: 5px;
width: auto;
}
/* =====================================
9. link
===================================== */
/* 9-1. content text link -------------------------- */
.link a:link {
text-decoration: underline;
}
/* 9-2. tel link -------------------------- */
a[href^="tel:"] {
pointer-events: none;
cursor: text;
}
@media screen and (max-width: 767px) {
a[href^="tel:"] {
pointer-events: auto;
cursor: pointer;
}
}
/* 9-3. side link -------------------------- */
#sidecontact {
display: block;
position: fixed;
top: 5%;
z-index: 1000;
}
#sidecontact.rightContent {
right: 0;
}
@media screen and (max-width: 767px) {
#sidecontact {
display: none;
}
}
/* =====================================
10. hikoukai
===================================== */
.hikoukai {
display: none !important;
}
#drag-temp-pre-content .parts.hikoukai {
display: block !important;
border: 5px solid #777;
background: #555;
padding: 20px 0;
}
@media screen and (max-width: 1200px) {
h3 {
padding: 10px 0 10px 15px;
}
.content p.title1,
.content p.title2 {
padding: 8px 40px 8px 40px;
}
}
@media screen and (min-width: 996px) {
#notfoundBody #content .container_12 .grid_12 {
width: 960px;
margin-right: 0;
margin-left: 0;
}
}
@media screen and (max-width: 995px) {
.sf-menu>li {
margin: 6px 0 6px 0;
}
.blog h3.entry-title {
padding: 8px 0 8px 3%;
width: 97%;
}
table.gnv_tmp_table01 th {
width: 17%;
}
.img_three li {
margin-right: 5%;
width: 30%;
max-width: 298px;
}
.wite {
width: 98%;
}
.wite ul li {
margin-right: 5%;
width: 30%;
max-width: 298px;
}
}
@media screen and (max-width: 767px) {
.full .inq_tel.b_09 {
max-width: 422px;
width: 100%;
margin: 30px auto !important;
}
.inq_tel img.last {
margin-top: 15px;
}
p.txt1 {
margin-top: 80px;
}
h3 {
padding: 10px 0 10px 15px;
}
#footer {
padding: 40px 0;
}
#footer .footerLink {
width: 94%;
}
.wite {
width: 86%;
}
.wite ul li.last {
margin-right: auto;
}
.content p.title1,
.content p.title2 {
padding: 6px 35px 6px 35px;
}
.content {
padding: 25px;
}
.img_left {
display: none;
}
.txt_right {
float: none;
width: 100%;
}
p.title {
padding: 20px 15px 28px 15px;
}
.top .bg2 h3 {
margin-bottom: 0.5em;
}
.img_twoleft {
float: none;
max-width: inherit;
width: 100%;
margin-bottom: 1em;
    text-align: center;
}
.img_tworight {
float: none;
max-width: inherit;
width: 100%;
    text-align: center;
}
.bg1 {
background: url(/wp-content/themes/genova_tpl/asset/top_bg01_sp.jpg) no-repeat top center;
padding: 46px 0 43px 0;
}
.bg3 {
background: url(/wp-content/themes/genova_tpl/asset/top_bg03_sp.jpg) no-repeat top center #ecd8ba;
padding: 310px 0 30px 0;
height: auto;
}
.bg3 .inner{
background: none;
}
.bg3 .inner2 {
height: auto;
}
.q_left {
float: none;
max-width: inherit;
width: 100%;
}
.v_right {
float: none;
max-width: inherit;
width: 100%;
margin-bottom: 40px;
}
.top h3 {
width: 100%;
font-size: 30px;
}
.menu_list {
background: none;
width: 300px;
margin: 0 auto;
}
.b_11_2_in span img,
.b_11 .b_11_in span img {
float: none;
width: 100%;
margin: 0 auto 20px;
}
.img_three {
margin: 1em auto 0;
}
.img_three li {
margin: 0 auto 1em;
float: none;
width: 100%;
max-width: 421px;
}
.wite ul li {
margin: 0 auto 1em;
float: none;
width: 100%;
}
table.gnv_tmp_table01 {
background: #fff;
width: 100%;
}
}
@media screen and (max-width: 480px) {
.flow table.gnv_tmp_table01 th {
width: 60%;
}
table.gnv_tmp_table01 th {
width: 25%;
}
.bg1 {
padding: 50px 0 43px 0;
height: 709px;
}
.content p.title1,
.content p.title2 {
padding: 6px 21px 6px 21px;
}
.bg3 {
padding: 35% 0 0px 0;
background-size: contain;
}
p.txt1 {
margin-top: 60px;
}
}
@media screen and (max-width: 479px) {
.bg1 {
padding: 40px 0 40px 0;
height: auto !important;
background-size: auto 100%;
}
p.txt1 {
margin-top: 40px;
}
}
@media screen and (max-width: 400px) {
input.searchInput {
width: 75%;
}
}
/* =====================================
1*. viemo
===================================== */
/* 1カラム */
.viemoFrame.col1 {
position: relative!important;
padding-top: 56.25%!important;
}
.viemoFrame.col1 iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* 2カラム */
.viemoFrame.col2.posiL .column_l, .viemoFrame.col2.posiR .column_r, .viemoFrame.col2.double .column_l, .viemoFrame.col2.double .column_r {
position: relative;
padding-top: 28.125%;

}
.viemoFrame.col2 {
display: table;
table-layout: fixed;
width: 100%;
}
.viemoFrame.col2 iframe {
position: absolute;
top: 0;
left: 2%;
width: 96%;
height: 96%;
}
@media screen and (max-width: 767px) {
.viemoFrame .b_11_in:last-child {
margin: 0;
}
}
@media screen and (max-width: 600px) {
.viemoFrame.col2.posiL .column_l, .viemoFrame.col2.posiR .column_r, .viemoFrame.col2.double .column_l, .viemoFrame.col2.double .column_r {
padding-top: 56.25%;
}
.viemoFrame.col2 iframe, .viemoFrame.col2.double iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}