@charset "utf-8";


.topBox {
margin-top: 0px;
padding: 65px 0 55px;
background: url(//e-yamayuu.co.jp/wp/wp-content/themes/yamayuu/images/page/top_bg.jpg) no-repeat center center;
background-size: cover;
}
.topBox h2 {
width: 512px;
color: #FFF;
font-size: 36px;
line-height: 1.1;
text-shadow: 2px 2px 6px rgba(99,185,230,0.6),2px 2px 6px rgba(99,185,230,0.6),2px 2px 6px rgba(99,185,230,0.6),2px 2px 6px rgba(99,185,230,0.6);
}
.topBox .inner {
margin: 0 auto;
width: 1150px;
}
#pagePath {
margin-top: -10px;
padding: 14px 5px 11px;
background-color: #EEFCFF;
}
#pagePath ul {
margin: 0 auto;
width: 1150px;
}
#pagePath li,
#pagePath li a {
margin-right: 8px;
display: inline-block;
color: #000;
font-size: 12px;
font-weight: 500;
transition: 1s;
}
#main .headLine02 {
margin-bottom: 35px;
color: #005bac;
font-size: 30px;
text-align: center;
}
#main .headLine02 img {
display: inline-block;
vertical-align: middle;
}
#main .headLine02 .num {
margin-bottom: -15px;
display: inline-block;
color: #2da8cd;
font-family: 'Roboto Condensed', sans-serif;
font-size: 72px;
vertical-align: bottom;
}
#main .cTxt {
margin-bottom: 68px;
color: #333;
font-size: 14px;
font-weight: 500;
text-align: center;
line-height: 2;
}
#main .reasonBox {
padding: 72px 0 52px;
position: relative;
z-index: 1;
background-color: #FFF;
}
#main .reasonBox .headLine02 {
line-height: 1.2;
}
#main .reasonBox h4 {
margin-bottom: 33px;
padding: 31px 20px 22px 130px;
color: #333;
font-size: 24px;
position: relative;
background: url(//e-yamayuu.co.jp/wp/wp-content/themes/yamayuu/images/page/bg01.jpg) repeat left top;
}
#main .reasonBox h4 .small {
font-size: 16px;
}
#main .reasonBox h4 .line {
background: linear-gradient(transparent 65%, #FEE100 65%);
}
#main .reasonBox h4 .num {
padding-top: 10px;
width: 76px;
height: calc(100% + 4px);
position: absolute;
left: 35px;
top: -4px;
color: #2da8cd;
font-size: 54px;
text-align: center;
font-family: 'Roboto Condensed', sans-serif;
font-weight: bold;
box-sizing: border-box;
background: url(//e-yamayuu.co.jp/wp/wp-content/themes/yamayuu/images/page/icon16.png) no-repeat center bottom;
}
#main .reasonBox .text {
margin: 0 0 45px 45px;
color: #005bac;
font-size: 16px;
font-weight: bold;
}
#main .reasonBox ul {
margin: -20px 0 100px;
}
#main .reasonBox li {
margin: 20px 26px 0 0;
padding-bottom: 17px;
width: 268px;
float: left;
background-color: #005BAC;
}
#main .reasonBox li:last-child {
margin-right: 0;
}
#main .reasonBox li .ttl {
margin-bottom: 17px;
padding: 14px 0 10px;
color: #FFF;
font-size: 18px;
font-weight: bold;
text-align: center;
background-color: #8DCFE7;
}
#main .reasonBox li .photo {
margin: 0 auto 18px;
width: 234px;
}
#main .reasonBox li .photo a {
display: block;
position: relative;
}
#main .reasonBox li .photo .txt  {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
text-align: center;
box-sizing: border-box;
background: rgba(0,0,0,0.6);
transition: 1s;
}
#main .reasonBox li .photo .txtInner  {
width: 100%;
height: 100%;
display: table;
}
#main .reasonBox li .photo .inn {
color: #FFF;
font-size: 18px;
font-weight: bold;
text-align: center;
display: table-cell;
vertical-align: middle;
}
#main .reasonBox li .photo .img {
margin: 10px auto 0;
width: 72px;
height: 72px;
display: block;
overflow: hidden;
border-radius: 50%;
border: 1px solid #FFF;
}
#main .reasonBox li .photo a .txt {
transition: 1s;
}
#main .reasonBox li .photo a:hover .txt {
opacity: 0;
transition: 1s;
}
#main .reasonBox li .txt01 {
margin: 0 18px;
color: #FFF;
font-size: 16px;
font-weight: bold;
text-align: center;
}
#main .reasonBox li .price {
margin-top: 2px;
display: block;
font-size: 18px;
line-height: 1.4;
background-color: #FF7200;
}
#main .reasonBox li .price .num {
font-size: 30px;
}
#main .reasonBox .imgBoxL,
#main .reasonBox .imgBoxR {
margin: 0 0 150px;
}
#main .reasonBox .imgBoxL:last-child {
margin: 0 0 100px;
}
#main .reasonBox .imgBoxR .photo {
margin-top: 47px;
float: right;
}
#main .reasonBox .imgBoxR .photo img {
max-width: 545px;
}
#main .reasonBox .imgBoxR .txtBox {
padding-left: 43px;
width: 560px;
float: left;
box-sizing: border-box;
}
#main .reasonBox .imgBoxR h5 {
margin-bottom: 16px;
color: #005bac;
font-size: 16px;
}
#main .reasonBox .imgBoxR p {
margin-bottom: 30px;
font-size: 14px;
line-height: 2.15;
}
#main .reasonBox .imgBoxR p:last-child {
margin-bottom: 0;
}
#main .reasonBox .txt02 {
margin: -3px 0 26px 43px;
color: #005bac;
font-size: 16px;
font-weight: bold;
line-height: 1.65;
}
#main .reasonBox .imgBoxL .photo {
margin-left: 29px;
float: left;
}
#main .reasonBox .imgBoxL .photo img {
max-width: 545px;
}
#main .reasonBox .imgBoxL .txtBox {
margin-top: -1px;
width: 528px;
float: right;
}
#main .reasonBox .imgBoxL h5 {
margin-bottom: 12px;
padding-bottom: 6px;
color: #ff9900;
font-size: 17px;
position: relative;
}
#main .reasonBox .imgBoxL h5:after {
width: 32px;
height: 4px;
position: absolute;
left: 0;
bottom: 0;
background-color: #005BAC;
content: "";
}
#main .reasonBox .imgBoxL p {
margin-bottom: 26px;
font-size: 14px;
line-height: 1.85;
}
#main .reasonBox .imgBoxL p:last-child {
margin-bottom: 0;
}
#main .lixilBox {
margin-bottom: 50px;
}
#main .lixilBox .bgBox {
background: url(//e-yamayuu.co.jp/wp/wp-content/themes/yamayuu/images/page/lixil_bg.jpg) no-repeat center center;
background-size: cover;
}
#main .lixilBox .bgBox .imgBox {
margin: 0 auto;
width: 1150px;
box-shadow: 0 0 22px rgba(3,3,3,0.1);
background-color: #FAF9F7;
}
#main .lixilBox .bgBox .photo {
float: left;
}
#main .lixilBox .bgBox .txtBox {
padding: 13px 20px;
width: 596px;
float: right;
box-sizing: border-box;
}
#main .lixilBox .bgBox .img {
margin-bottom: 10px;
text-align: center;
}
#main .lixilBox .bgBox h3 {
margin: 0 0 17px 30px;
color: #005bac;
font-size: 30px;
line-height: 1.2;
}
#main .lixilBox .bgBox .text {
margin: 0 0 -5px 30px;
font-size: 14px;
line-height: 1.7;
}
#main .lixilBox .price {
margin: 20px 0 0 30px;
color: #695c2d;
font-size: 24px;
font-weight: bold;
}
#main .lixilBox .price .txt {
margin-right: 10px;
padding: 5px 15px;
display: inline-block;
color: #fa0000;
font-size: 18px;
background-color: #FEE100;
text-align: center;
line-height: 1.2;
}
#main .lixilBox .price .num {
margin: 0 5px -15px 0;
display: inline-block;
color: #ff6600;
font-size: 48px;
}
#main .lixilBox .line {
margin-bottom: 43px;
width: 100%;
height: 22px;
background-color: #EEFCFF;
}
#main .lixilBox .blueBox {
margin: 0 auto 85px;
width: 1140px;
border: 5px solid #0A61B0;
}
#main .lixilBox h4 {
color: #FFF;
font-size: 24px;
background-color: #005BAC;
}
#main .lixilBox h4 img {
margin-right: 32px;
display: inline-block;
vertical-align: middle;
}
#main .lixilBox .blueBox .imgBox {
padding: 30px 40px;
width: 100%;
display: table;
box-sizing: border-box;
background-color: #FFF;
}
#main .lixilBox .blueBox .photo {
display: table-cell;
vertical-align: middle;
max-width: 360px;
}
#main .lixilBox .blueBox .photo img {
width: 100%;
}
#main .lixilBox .blueBox .txtBox {
padding-left: 40px;
width: 700px;
display: table-cell;
vertical-align: middle;
box-sizing: border-box;
}
#main .lixilBox .blueBox .lBox {
width: 320px;
display: table-cell;
vertical-align: middle;
}
#main .lixilBox .blueBox .txtBox li {
margin-bottom: 3px;
font-size: 18px;
}
#main .lixilBox .blueBox .txtBox li:last-child {
margin-bottom: 0;
}
#main .lixilBox .blueBox .rBox {
display: table-cell;
vertical-align: middle;
}
#main .lixilBox .blueBox .rBox .price {
margin: 0 0 10px;
font-size: 20px;
}
#main .lixilBox .blueBox .rBox .price .txt {
padding: 3px 15px 2px;
font-size: 16px;
}
#main .lixilBox .blueBox .rBox .price .num {
margin-bottom: -15px;
font-size: 40px;
}
#main .lixilBox .blueBox .rBox .text {
font-size: 17px;
font-weight: bold;
}
#main .lixilBox .blueBox .rBox .text span {
background: linear-gradient(transparent 70%, #D3EEF7 70%);
}
#main .lixilBox .content .headLine02 {
margin-bottom: 42px;
color: #8ccfe6;
}
#main .lixilBox .content .cTxt {
margin-bottom: 66px;
}
#main .lixilBox .content .headLine02 span {
margin-right: 15px;
}
#main .lixilBox .content .cTxt01 {
margin-bottom: 25px;
}
#main .lixilBox .content ul {
margin-top: -20px;
}
#main .lixilBox .content li {
margin: 20px 18px 0 0;
float: left;
}
#main .lixilBox .content li:nth-child(3n) {
margin-right: 0;
}
#main .lixilBox .content li a {
display: block;
overflow: hidden;
transition: all 0.5s !important;
-moz-transition: all 0.5s !important;
-webkit-transition: all 0.5s !important;
}
#main .lixilBox .content li a img {
transition: all 0.5s !important;
-moz-transition: all 0.5s !important;
-webkit-transition: all 0.5s !important;
}
#main .lixilBox .content li a:hover img {
transform: scale(1.2);
-webkit-transform: scale(1.2);
transition: all 0.5s;
}
#main .lixilBox.showroom {
padding-top: 50px;
margin-bottom: 130px;
}
#main .quailty {
margin-bottom: 58px;
}
#main .quailty .bgBox {
padding: 55px 0 180px;
position: relative;
background: url(//e-yamayuu.co.jp/wp/wp-content/themes/yamayuu/images/page/bg02.jpg) no-repeat center bottom;
background-size: cover;
}
#main .quailty h2 {
text-align: center;
}
#main .quailty .bgBox .img01 {
position: absolute;
left: 0;
top: 0;
}
#main .quailty .bgBox .img02 {
position: absolute;
right: 0;
top: 0;
}
#main .comLinkList {
margin-top: -137px;
position: relative;
z-index: 1;
}
#main .comLinkList li {
margin: 30px 20px 0 0;
padding: 6px;
float: left;
width: 370px;
position: relative;
box-sizing: border-box;
background: url(//e-yamayuu.co.jp/wp/wp-content/themes/yamayuu/images/common/bg02.png) repeat left top;
}
#main .comLinkList li .txtImg {
position: absolute;
left: 15px;
top: 0;
z-index: 1;
}
#main .comLinkList li:nth-child(3n) {
margin-right: 0;
}
#main .comLinkList li .imgBox {
padding: 43px 20px 36px;
background-color: #FFF;
}
#main .comLinkList li .pho {
width: 318px;
height: 259px;
overflow: hidden;
margin-bottom: 10px;
position: relative;
}
#main .comLinkList li .pho a {
display: block;
transition: all 0.5s !important;
-moz-transition: all 0.5s !important;
-webkit-transition: all 0.5s !important;
}
#main .comLinkList li .pho a img {
transition: all 0.5s !important;
-moz-transition: all 0.5s !important;
-webkit-transition: all 0.5s !important;
position: absolute;
width: 120%;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
#main .comLinkList li .pho a:hover img {
transform: scale(1.2);
-webkit-transform: scale(1.2);
transition: all 0.5s;
}
#main .comLinkList li .date {
margin-bottom: 12px;
overflow: hidden;
zoom: 1;
}
#main .comLinkList li .date a {
display: block;
text-decoration: none;
}
#main .comLinkList li .date a {
padding: 3px 15px;
display: inline-block;
float: left;
color: #695c2d;
font-size: 16px;
font-weight: bold;
border-radius: 25px;
background-color: #FFE001;
margin-bottom: 5px;
}
#main .comLinkList li .date a + a {
margin-left: 5px;
}
#main .comLinkList li .date .txt02 {
padding-top: 8px;
display: block;
color: #695c2d;
font-size: 14px;
font-weight: bold;
text-align: right;
}
#main .comLinkList li .text a {
color: #005bac;
font-size: 18px;
font-weight: bold;
line-height: 1.3;
text-decoration: none;
transition: all 0.5s !important;
-moz-transition: all 0.5s !important; -webkit-transition: all 0.5s !important; }
#main .comLinkList li .text a:hover {
opacity: 0.5;
transition: all 0.5s !important;
-moz-transition: all 0.5s !important; -webkit-transition: all 0.5s !important; }
#main .workBox h2 {
margin-bottom: 40px;
text-align: center;
border-bottom: 3px solid #005BAC;
}
#main .workBox h2 .pho {
margin-bottom: 9px;
display: block;
}
#main .workBox h2 .inn {
margin: 0 auto -3px;
padding: 13px 5px 5px;
width: 300px;
display: block;
color: #005bac;
font-size: 30px;
box-sizing: border-box;
border: 3px solid #005BAC;
border-bottom: none;
background-color: #FFF;
}
#main .workBox h2 .inn .txt {
margin-top: -3px;
display: block;
color: #f7ab00;
font-size: 11px;
}
#main .workBox .linkList {
margin: -20px auto 81px;
width: 1150px;
}
#main .workBox .linkList li {
margin: 20px 17px 0 0;
width: 372px;
float: left;
}
#main .workBox .linkList li:nth-child(3n) {
margin-right: 0;
}
#main .workBox .linkList li a {
padding: 18px 5px 17px;
display: block;
font-size: 18px;
font-weight: bold;
text-align: center;
text-decoration: none;
position: relative;
-webkit-transition: opacity 0.5s ease-out;
-moz-transition: opacity 0.5s ease-out;
-ms-transition: opacity 0.5s ease-out;
transition: opacity 0.5s ease-out;
background-color: #F0EDDE;
}
#main .workBox .linkList li a:hover {
opacity: .7;
-webkit-opacity: .7;
-moz-opacity: .7;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
-webkit-transition: opacity 0.5s ease-out;
-moz-transition: opacity 0.5s ease-out;
-ms-transition: opacity 0.5s ease-out;
transition: opacity 0.5s ease-out;
}
#main .workBox .linkList li a:nth-child(3n) {
margin-right: 0;
}
#main .workBox .linkList li a:after {
margin-top: -8px;
width: 43px;
height: 16px;
position: absolute;
right: 14px;
top: 50%;
background: url(//e-yamayuu.co.jp/wp/wp-content/themes/yamayuu/images/page/work_icon01.png) no-repeat right center;
content: "";
}
#main .comBgBox {
min-height: 482px;
position: relative;
background: url(//e-yamayuu.co.jp/wp/wp-content/themes/yamayuu/images/page/bg02.jpg) no-repeat center bottom;
background-size: cover;
}
#main .comBgBox .img01 {
position: absolute;
left: 0;
top: 0;
}
#main .comBgBox .img02 {
position: absolute;
right: 0;
top: 0;
}
#main .workBox {
margin-bottom: 70px;
}
#main .workBox .content {
margin: -422px auto 40px;
padding: 10px;
position: relative;
z-index: 1;
box-sizing: border-box;
background: url(//e-yamayuu.co.jp/wp/wp-content/themes/yamayuu/images/common/bg02.png) repeat left top;
}
#main .workBox .content .inner {
padding: 76px 50px 57px;
background-color: #FFF;
}
#main .headLine03 {
margin-bottom: 24px;
}
#main .headLine03 a {
padding: 6px 29px;
display: inline-block;
color: #695c2d;
font-size: 20px;
border-radius: 25px;
background-color: #FDE43E;
margin-top: 0.1em;
}
#main .headLine03 a + a {
margin-left: 5px;
}
#main .headLine03 a:hover {
text-decoration: none;
opacity: 0.7;
}
#main .headLine03 .date {
padding-top: 7px;
display: block;
color: #695c2d;
font-size: 20px;
}
#main .headLine04 {
margin-bottom: 53px;
padding: 19px 5px 18px;
color: #005bac;
font-size: 28px;
border-top: 5px solid #8CD0E7;
border-bottom: 5px solid #8CD0E7;
}
#main .workBox .photoList {
margin-bottom: 40px;
}
#main .workBox .photoList li {
float: left;
}
#main .workBox .photoList li:last-child {
margin-top: -3px;
float: right;
}
#main .workBox .photoList li .pho {
position: relative;
}
#main .workBox .photoList li.lBox .pho {
max-width: 310px;
}
#main .workBox .photoList li.rBox .pho {
max-width: 670px;
}
#main .workBox .photoList li.lBox .pho img,
#main .workBox .photoList li.rBox .pho img{
width: 100%;
}
#main .workBox .photoList li .pho span {
display: block;
position: absolute;
left: 20px;
top: -30px;
}
#main .photoList li .arrow {
margin-top: 24px;
text-align: right;
}
#main .workBox .phoList {
margin-bottom: 50px;
}
#main .workBox .phoList.title {
margin-bottom: 0;
}
#main .workBox .phoList li {
width: 490px;
float: left;
}
#main .workBox .phoList li img {
width: 100%;
}
#main .workBox .phoList li:nth-child(2n) {
float: right;
}
#main .workBox .phoList li .ttl {
margin-bottom: 20px;
padding: 1px 5px 0;
color: #FFF;
font-size: 24px;
font-weight: bold;
text-align: center;
background-color: #8DCFE7;
}
#main .workBox .phoList li:nth-child(2) .ttl {
background-color: #F7AB00;
}
#main .workBox .phoList li .pho {
position: relative;
}
#main .workBox .phoList li:nth-child(2n+1) .pho:after {
margin-top: -19px;
width: 43px;
height: 38px;
position: absolute;
right: -48px;
top: 50%;
background: url(//e-yamayuu.co.jp/wp/wp-content/themes/yamayuu/images/page/work_arrow02.png) no-repeat right center;
content: "";
}
#main .workBox .text {
margin: 0 7px;
color: #333;
font-size: 16px;
line-height: 1.6;
}
#main .voiceBox {
margin-bottom: 70px;
}
#main .voiceBox h2 {
padding-top: 54px;
text-align: center;
}
#main .voiceBox .comLinkList {
margin-top: -135px;
}
#main .voiceBox .tag .comLinkList {
margin-top: 0px;
}
#main .tag .tagName {
margin-top: -100px;
text-align: center;
position: relative;
}
#main .tag .tagName span {
display: inline-block;
background: #FFE001;
font-size: 18px;
font-weight: bold;
color: #695c2d;
text-align: center;
padding: 7px 30px;
border-radius: 30px;
} .pagination {
text-align: center;
margin: 30px 0;
}
.wp-pagenavi a,
.wp-pagenavi span {
display: inline-block;
border: solid 2px #000 !important;
box-sizing: border-box;
padding: 7px 14px !important;
font-size: 16px !important;
color: #000 !important;
font-weight: bold !important;
}
.wp-pagenavi .current {
background: #000;
color: #fff !important;
}
#main .section .content01 {
margin: -422px auto 70px;
padding: 10px 12px;
position: relative;
z-index: 1;
box-sizing: border-box;
background: url(//e-yamayuu.co.jp/wp/wp-content/themes/yamayuu/images/common/bg02.png) repeat left top;
}
#main .section .content01 .inner {
padding: 77px 48px 55px;
background-color: #FFF;
}
#main .section .headLine04 {
margin-bottom: 30px;
}
#main .section .content01 .imgBox {
margin-bottom: 37px;
}
#main .section .content01 .photo {
float: left;
max-width: 48%;
}
#main .section .content01 .photo:first-child {
margin-right: 4%;
}
#main .section .content01 .photo img {
width: 100%;
}
#main .section .content01 .txtBox {
margin-top: 11px;
width: 556px;
float: right;
}
#main .section .content01 h4 {
margin-bottom: 18px;
padding: 2px 0 8px 50px;
color: #333;
font-size: 18px;
box-shadow: 0 5px 5px -5px rgba(3,3,3,0.1);
background: url(//e-yamayuu.co.jp/wp/wp-content/themes/yamayuu/images/page/icon03.png) no-repeat left center;
}
#main .section .content01 .linkList {
margin-bottom: 38px;
}
#main .section .content01 .linkList li {
margin-right: 5px;
float: left;
}
#main .section .content01 .linkList a {
padding: 3px 20px;
display: inline-block;
color: #333;
font-size: 15px;
font-weight: bold;
text-decoration: none;
border-radius: 25px;
border: 1px solid #CACACA;
transition: 1s;
}
#main .section .content01 .linkList a + a {
margin-left: 5px;
}
#main .section .content01 .linkList a:hover {
background-color: #CACACA;
transition: 1s;
}
#main .section .content01 p {
margin-bottom: 32px;
color: #333;
font-size: 18px;
line-height: 1.7;
}
#main .faq {
margin: 40px auto 70px;
width: 1150px;
}
#main .faq dl {
margin-bottom: 10px;
}
#main .faq dt {
padding: 36px 120px 36px 60px;
width: 100%;
display: table;
color: #FFF;
font-size: 21px;
font-weight: bold;
cursor: pointer;
position: relative;
box-sizing: border-box;
background-color: #6FC9E4;
}
#main .faq dt:after {
margin-top: -36px;
width: 72px;
height: 72px;
position: absolute;
right: 57px;
top: 50%;
background: url(//e-yamayuu.co.jp/wp/wp-content/themes/yamayuu/images/page/icon05.png) no-repeat right center;
content: "";
}
#main .faq dt.on:after {
background-image: url(//e-yamayuu.co.jp/wp/wp-content/themes/yamayuu/images/page/icon07.png);
}
#main .faq dt .pho {
width: 64px;
display: table-cell;
vertical-align: middle;
}
#main .faq dt .txt {
display: table-cell;
vertical-align: middle;
}
#main .faq dd {
padding: 34px 50px 37px 122px;
display: none;
color: #333;
font-size: 16px;
line-height: 1.88;
border: 2px solid #6FC9E4;
border-top: none;
background: url(//e-yamayuu.co.jp/wp/wp-content/themes/yamayuu/images/page/icon06.png) no-repeat left 60px top 26px;
}
#main .step {
margin: 0 auto 25px;
width: 1150px;
background: url(//e-yamayuu.co.jp/wp/wp-content/themes/yamayuu/images/page/bg_flow.gif) no-repeat center bottom;
padding-bottom: 75px;
}
#main .step:last-child {
background: none;
margin-bottom: 0;
}
#main .step h3 {
padding: 10px 7px 8px;
color: #FFF;
font-size: 21px;
background-color: #FF9900;
}
#main .step h3 .inner {
margin-right: 15px;
padding-top: 10px;
width: 100px;
height: 100px;
color: #005bac;
font-size: 21px;
font-weight: bold;
display: inline-block;
text-align: center;
vertical-align: middle;
box-sizing: border-box;
background-color: #FEE100;
}
#main .step h3 .inner .num {
font-size: 48px;
display: block;
line-height: 1;
}
#main .step .imgBox {
padding: 27px 31px 31px;
width: 100%;
display: table;
border: 2px solid #FF9900;
border-top: none;
box-sizing: border-box;
}
#main .step .imgBox .photo {
width: 360px;
display: table-cell;
vertical-align: middle;
}
#main .step .imgBox .photo img {
width: 100%;
}
#main .step .imgBox .txtBox {
padding-left: 50px;
display: table-cell;
vertical-align: middle;
}
#main .step .imgBox .txtBox p {
color: #333;
font-size: 16px;
line-height: 1.85;
}
#main .safe {
margin: 65px auto 60px;
width: 1150px;
}
#main .safe .headLine02 {
color: #8ccfe6;
font-size: 48px;
}
#main .safe .headLine02 img {
margin-right: 20px;
}
#main .safe .cTxt {
margin-bottom: 81px;
color: #005bac;
font-size: 23px;
font-weight: bold;
line-height: 1.9;
}
#main .safe .cTxt .inn {
display: inline-block;
font-size: 35px;
line-height: 1.2;
background-color: #FEE100;
}
#main .safe .txtList {
margin-bottom: 80px;
}
#main .safe .txtList li {
width: 550px;
float: left;
}
#main .safe .txtList li:nth-child(2n) {
float: right;
}
#main .safe .txtList li .ttl {
margin-bottom: 8px;
padding: 10px 5px;
color: #FFF;
font-size: 24px;
font-weight: bold;
text-align: center;
background-color: #C72F00;
}
#main .safe .txtList li .txt {
margin: 0 15px 13px;
min-height: 65px;
color: #333;
font-size: 16px;
font-weight: bold;
line-height: 2;
}
#main .safe .txtList li:first-child .txt {
color: #333;
text-align: center;
}
#main .safe .txtList li .pho {
border: 3px solid #8DCFE7;
box-sizing: border-box;
}
#main .safe .txtList li .pho img {
width: 100%;
}
#main .safe h3 {
margin-bottom: 37px;
padding: 16px 5px;
color: #FFF;
font-size: 24px;
text-align: center;
background-color: #005BAC;
}
#main .safe .textList {
margin: 0 9px;
}
#main .safe .textList li {
margin-bottom: 15px;
overflow: hidden;
zoom: 1;
}
#main .safe .textList li：last-child {
margin-bottom: 0;
}
#main .safe .textList li .num {
width: 44px;
height: 44px;
display: block;
float: left;
clear: left;
color: #005bac;
font-size: 30px;
font-weight: bold;
text-align: center;
border-radius: 50%;
background-color: #D3EEF7;
}
#main .safe .textList li .txt {
padding: 9px 0 0 57px;
display: block;
color: #333;
font-size: 16px;
font-weight: bold;
line-height: 1.88;
}
#main .access {
margin: 0 auto 58px;
width: 1150px;
}
#main .access h2 {
padding: 16px 5px;
color: #FFF;
font-size: 24px;
font-weight: bold;
text-align: center;
background-color: #6FC9E4;
}
#main .access .imgBox {
margin-bottom: 21px;
padding: 17px 21px;
background: url(//e-yamayuu.co.jp/wp/wp-content/themes/yamayuu/images/common/line06.png) repeat left top;
}
#main .access .imgBox .inner {
padding: 13px 10px 0;
width: 100%;
display: table;
box-sizing: border-box;
background-color: #FFF;
}
#main .access .imgBox .photo {
width: 386px;
display: table-cell;
text-align: right;
vertical-align: middle;
}
#main .access .imgBox .txtBox {
padding-left: 58px;
display: table-cell;
vertical-align: middle;
}
#main .access .imgBox .txtBox p {
color: #333;
font-size: 16px;
line-height: 1.88;
}
#main .access .tableBox {
margin-bottom: 80px;
}
#main .access table {
width: 100%;
border-collapse: collapse;
}
#main .access table th,
#main .access table td {
padding: 35px 0 35px 23px;
color: #333;
font-size: 16px;
text-align: left;
vertical-align: top;
line-height: 1.88;
background: url(//e-yamayuu.co.jp/wp/wp-content/themes/yamayuu/images/page/icon09.png) repeat-x left bottom;
}
#main .access table th {
padding: 35px 0;
width: 23.5%;
background-image: url(//e-yamayuu.co.jp/wp/wp-content/themes/yamayuu/images/page/icon08.png);
}
#main .access table td .map {
margin-top: 14px;
}
#main .access table td iframe {
width: 100%;
height: 350px;
background-color: #ccc;
}
#main .access h3 {
margin-bottom: 23px;
padding: 26px 35px 25px;
font-size: 22px;
background-color: #EDEDED;
}
#main .access .photoList {
margin-bottom: 70px;
}
#main .access .photoList li {
float: left;
max-width: 560px;
}
#main .access .photoList li img {
width: 100%;
}
#main .access .photoList li:last-child {
float: right;
}
#main .access .txtArea {
margin-bottom: 48px;
padding: 7px;
background: url(//e-yamayuu.co.jp/wp/wp-content/themes/yamayuu/images/common/line06.png) repeat left top;
}
#main .access .txtArea .inner {
padding: 40px 42px 38px;
background-color: #FFF;
}
#main .access .txtArea p {
color: #333;
font-size: 15px;
line-height: 2;
text-align: justify;
}
#main .access.important_news .txtArea p {
margin-bottom: 18px;
}
#main .access.important_news .txtArea p:last-child {
margin-bottom: 0;
}
#main .access.important_news .txtArea .title {
background: #ededed;
font-size: 18px;
font-weight: bold;
padding: 0.7em 1em;
margin: 20px auto 15px;
}
#main .access.important_news .txtArea p.st {
border: double 3px #000;
font-size: 1.3em;
font-weight: bold;
padding: 0.7em 1em;
}
#main .access.important_news .txtArea p span.st {
font-weight: bold;
color: #f00;
}
#main .access.important_news .txtArea p span.st .ul {
text-decoration: underline;
}
#main .access.important_news .photo {
margin-bottom: 15px;
}
#main .access.important_news .photo li {
float: left;
width: 19.2%;
margin-right: 1%;
}
#main .access.important_news .photo li:last-child {
margin-right: 0;
}
#main .access.important_news .photo li img {
width: 100%;
}
#main .access h4 {
margin-bottom: 15px;
padding-left: 30px;
color: #333;
font-size: 16px;
background: url(//e-yamayuu.co.jp/wp/wp-content/themes/yamayuu/images/page/icon10.png) no-repeat left center;
}
#main .access .text {
color: #333;
font-size: 15px;
border-bottom: 1px dotted #000;
padding-bottom: 30px;
margin-bottom: 30px;
}
#main .access.media {
margin: 70px auto 58px;
}
#main .dateBox {
margin: 60px auto 68px;
width: 1150px;
}
#main .dateBox .comPhotoList li a {
display: block;
}
#main .dateBox .comPhotoList li a:hover {
opacity: 0.7;
filter: alpha(opacity=70);
}
#main .dateBox .comPhotoList li a img {
width: 100%;
}
#main .headLine05 {
margin-bottom: 30px;
color: #8ccfe6;
font-size: 48px;
text-align: center;
padding-right: 33px;
}
#main .headLine05 img {
margin-right: 20px;
display: inline-block;
vertical-align: middle;
}
#main .comPhotoList {
margin-top: -20px;
}
#main .comPhotoList li {
margin-top: 20px;
width: 550px;
float: left;
}
#main .comPhotoList li:nth-child(2n) {
float: right;
}
#main .comPhotoList li .ttl {
margin-bottom: 23px;
padding: 10px 5px;
color: #FFF;
font-size: 24px;
font-weight: bold;
text-align: center;
background-color: #C72F00;
}
#main .conversation {
margin-bottom: 58px;
}
#main .conversation .headLine05 {
margin-bottom: 41px;
font-size: 35px;
}
#main .conversation .photo {
margin-bottom: 50px;
text-align: center;
}
#main .conversation .photo img {
max-width: 100%;
}
#main .conversation .comPhotoList {
margin: -20px auto 52px;
width: 1150px;
}
#main .conversation .comPhotoList li .photo {
margin-bottom: 0;
}
#main .conversation .comPhotoList li .photo a {
display: block;
}
#main .conversation .comPhotoList li .photo a:hover {
opacity: 0.7;
filter: alpha(opacity=70);
}
#main .conversation .tabBox {
margin: 0 auto;
width: 1150px;
}
#main .conversation table {
width: 100%;
border-collapse: collapse;
}
#main .conversation table th,
#main .conversation table td {
padding: 20px 30px 18px;
color: #333;
font-size: 16px;
font-weight: bold;
text-align: left;
vertical-align: top;
box-sizing: border-box;
}
#main .conversation table th {
width: 13.7%;
}
#main .conversation table .bgTr th,
#main .conversation table .bgTr td {
background-color: #F8F2E6;
}
#main .conversation table td a {
margin: -4px 0 0 30px;
padding: 5px 22px 4px;
display: inline-block;
color: #FFF;
font-size: 14px;
font-weight: bold;
text-decoration: none;
vertical-align: middle;
background-color: #005BAC;
transition: 1s;
}
#main .conversation table td a:hover {
opacity: 0.7;
filter: alpha(opacity=70);
transition: 1s;
}
#main .contactBox {
margin: 35px auto 70px;
width: 1150px;
}
#main .contactBox h2 {
margin-bottom: 40px;
padding: 16px 5px;
color: #FFF;
font-size: 24px;
text-align: center;
background-color: #FF9B30;
}
#main .contactBox .mailForm {
margin-bottom: 70px;
padding: 52px 40px 57px;
border: 4px solid #FE9901;
}
#main .contactBox .mailForm.contact {
border: 4px solid #005bac;
}
#main .contactBox .mailForm.reservation {
border: 4px solid #ffe100;
}
#main .contactBox table {
margin-bottom: 25px;
width: 100%;
border-collapse: collapse;
}
#main .contactBox table th,
#main .contactBox table td {
padding: 0 0 27px;
color: #333;
font-size: 20px;
font-weight: 500;
text-align: left;
vertical-align: top;
}
#main .contactBox table td .text01 input[type="button"] {
margin: 0;
padding: 0;
font-size: 18px;
border-radius: 0;
border: none;
cursor: pointer;
-webkit-appearance: none;
background: none;
}
#main .contactBox table td .text01 input[type="button"]:hover {
opacity: 0.7;
filter: alpha(opacity=70);
}
#main .contactBox table th {
padding-top: 5px;
width: 28.9%;
overflow: hidden;
zoom: 1;
}
#main .contactBox table th .must {
margin-right: 15px;
padding: 0 13px;
display: block;
color: #FFF;
float: left;
font-size: 16px;
font-weight: bold;
background-color: #C72F00;
}
#main .contactBox table th .text {
padding-left: 74px;
display: block;
}
#main .contactBox table th .txt {
color: #000;
background-color: #EAEAEA;
}
#main .contactBox table .selectList li {
margin-right: 10px;
width: 130px;
float: left;
}
#main .contactBox table input[type="text"].daybox {
width: 5em;
}
#main .contactBox table .selectList li:last-child {
margin-right: 0;
}
#main .contactBox table input[type="text"],
#main .contactBox table input[type="tel"],
#main .contactBox table input[type="email"],
#main .contactBox table textarea,
#main .contactBox table select {
padding: 5px 15px;
width: 360px;
height: 40px;
font-size: 20px;
border-radius: 0;
-webkit-appearance: none;
box-sizing: border-box;
border: 1px solid #E1E1E0;
}
#main .contactBox table select {
width: 100px;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background: url(//e-yamayuu.co.jp/wp/wp-content/themes/yamayuu/images/page/icon11.jpg) no-repeat right center;
}
select::-ms-expand { 
display: none;
}
#main .contactBox table .text01 {
margin-bottom: 20px;
}
#main .contactBox table .text01 input[type="text"] {
width: 120px;
}
#main .contactBox table .text02 {
margin-bottom: 20px;
}
#main .contactBox table .text02 select {
width: 294px;
}
#main .contactBox table .buildList li {
margin-right: 20px;
width: 328px;
float: left;
}
#main .contactBox table .buildList li:last-child {
margin-right: 0;
}
#main .contactBox table .buildList li input[type="text"] {
width: 328px;
}
#main .contactBox table .buildList li span {
margin-bottom: 7px;
display: block;
}
#main .contactBox table .checkList01 li {
margin-right: 25px;
float: left;
}
#main .contactBox table .checkList01 li:last-child {
margin-right: 0;
}
#main .contactBox table .checkList01 li input[type="checkbox"] {
display: none;
}
#main .contactBox table .checkList01 li input[type="checkbox"] + .wpcf7-list-item-label {
padding-left: 30px;
display: block;
line-height: 1.2;
background: url(//e-yamayuu.co.jp/wp/wp-content/themes/yamayuu/images/page/icon12.jpg) no-repeat left center;
}
#main .contactBox table .checkList01 li input[type="checkbox"]:checked + .wpcf7-list-item-label {
background-image: url(//e-yamayuu.co.jp/wp/wp-content/themes/yamayuu/images/page/icon13.jpg);
}
#main .contactBox table .checkList02 li {
margin-right: 15px;
float: left;
}
#main .contactBox table .checkList02 li:last-child {
margin-right: 0;
}
#main .contactBox table .checkList02 li input[type="radio"] {
display: none;
}
#main .contactBox table .checkList02 li input[type="radio"] + .wpcf7-list-item-label {
padding-left: 30px;
display: block;
line-height: 1.2;
background: url(//e-yamayuu.co.jp/wp/wp-content/themes/yamayuu/images/page/icon14.jpg) no-repeat left center;
}
#main .contactBox table .checkList02 li input[type="radio"]:checked + .wpcf7-list-item-label {
background-image: url(//e-yamayuu.co.jp/wp/wp-content/themes/yamayuu/images/page/icon15.jpg);
}
#main .contactBox table textarea {
width: 100%;
height: 120px;
}
#main .contactBox table .tdStyle01 select {
width: 246px;
}
#main .contactBox .mailForm .textBox {
margin: 0 auto 30px;
padding: 19px 10px 16px;
width: 506px;
text-align: center;
box-sizing: border-box;
background-color: #EFEFEF;
}
#main .contactBox .mailForm .textBox p {
color: #000;
font-size: 16px;
font-weight: bold;
}
#main .contactBox .mailForm .textBox p a {
color: #005bac;
font-size: 16px;
text-decoration: underline;
transition: 1s;
}
#main .contactBox .mailForm .textBox p a:hover {
text-decoration: none;
transition: 1s;
}
#main .contactBox .submit {
text-align: center;
}
#main .contactBox .submit li {
margin: 0 13px;
display: inline-block;
}
#main .contactBox .submit li input {
width: 290px;
height: 80px;
color: #FFF;
font-size: 16px;
font-weight: bold;
border: none;
cursor: pointer;
border-radius: 0;
-webkit-appearance: none;
border: 2px solid #005BAC;
box-sizing: border-box;
background-color: #005BAC;
transition: 1s;
}
#main .contactBox .submit li input:hover {
opacity: 0.7;
filter: alpha(opacity=70);
transition: 1s;
}
#main .contactBox .submit .liStyle input {
color: #005BAC;
background-color: #FFF;
}
#main .contactBox .submit01 {
margin-bottom: 0;
}
#main .contactBox .comPhotoList {
margin: -50px auto 0;
width: 1150px;
}
#main .contactBox .comPhotoList li {
margin-top: 50px;
}
#main .contactBox .comPhotoList .ttl {
background-color: #FF9900;
}
#main .contactBox .comPhotoList .photo {
margin-bottom: 20px;
position: relative;
width: 550px;
height: 400px;
overflow: hidden;
}
#main .contactBox .comPhotoList .photo a {
display: block;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
transition: all .3s ease-out;
}
#main .contactBox .comPhotoList .photo img {
transition: all 0.6s;
position: absolute;
width: 120%;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
#main .contactBox .comPhotoList .photo a:hover img {
transform: scale(1.2);
}
#main .contactBox .comPhotoList dl {
margin: 0 10px;
}
#main .contactBox .comPhotoList dt {
width: 66px;
height: 40px;
float: left;
clear: left;
color: #FFF;
font-size: 16px;
font-weight: bold;
line-height: 40px;
text-align: center;
background-color: #005BAC;
}
#main .contactBox .comPhotoList dd {
padding: 5px 0 17px 85px;
color: #333;
font-size: 16px;
font-weight: bold;
line-height: 1.88;
}
.popup {
width: 768px;
display: none;
}
.popup img {
width: 100%;
}
#main .contactBox.event,
.conversation.event {
margin-top: 70px;
}
.reguform {
padding: 30px 0 0;
}
reguformstep {
width: 925px;
margin: 0 auto 40px;
}
.reguformstep .list {
margin: 0 0 0 -60px;
}
.reguformstep .list li {
float: left;
width: 33.33%;
padding: 0 0 0 60px;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
.reguformstep .list li + li:before {
background: url(//e-yamayuu.co.jp/wp/wp-content/themes/yamayuu/images/page/ico_arrow04.png) 0 0 no-repeat;
width: 35px;
height: 12px;
top: 50%;
left: 10px;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
content: "";
z-index: 2;
position: absolute;
}
.reguformstep .list li p {
border: 1px solid #333;
text-align: center;
padding: 10px 0;
font-size: 16px;
}
.reguformstep .list li p.now {
border: 3px solid #7dcef4;
}
.reguformstep .list li p span {
font-size: 20px;
font-weight: bold;
margin-right: 25px;
}
.reguformstep .list li p.now span {
color: #189ddc;
}
.reguformstep .desc {
font-size: 15px;
margin-top: 30px;
text-align: center;
}
.contactBox.thanks {
margin: 30px 0 70px !important;
}
.messa {
border: 4px solid #FE9901;
box-sizing: border-box;
padding: 52px 40px 57px;
}
.messa p {
font-size: 15px;
}
.contactBox.contact h2 {
background: #005bac !important;
}
.contactBox.reservation h2 {
background: #ffe100 !important;
}
.contactBox.contact .messa {
border: 4px solid #005bac;
}
.contactBox.reservation .messa {
border: 4px solid #ffe100;
}
.reservation .flowCont {
background: url(//e-yamayuu.co.jp/wp/wp-content/themes/yamayuu/images/page/bg_reservation01.jpg) no-repeat center center;
padding: 28px 0;
}
.reservation .flowCont ul {
max-width: 1150px;
margin: auto;
}
.reservation .flowCont ul li {
float: left;
width: 30%;
background: #ffe100;
vertical-align: middle;
padding: 8px 9px;
margin-right: 2.5%;
}
.reservation .flowCont ul li:last-child {
margin-right: 0;
}
.reservation .flowCont ul li img {
width: 76px;
margin-right: 18px;
vertical-align: middle;
}
.reservation .flowCont ul li span {
font-size: 16px;
font-weight: bold;
}
.reservation .reguformstep .desc + .desc {
margin-top: 13px;
}
#main.reservation .contactBox .mailForm {
border: 4px solid #ffe100;
}
#main.price .cont01 {
background: url(//e-yamayuu.co.jp/wp/wp-content/themes/yamayuu/images/page/bg_price_pc.jpg) no-repeat center center;
height: 886px;
padding-top: 48px;
text-align: center;
position: relative;
}
#main.price .cont01 p {
font-size: 30px;
font-weight: bold;
color: #fff;
margin: 35px 0 18px;
}
#main.price .cont01 h3 {
margin-bottom: 6px;
}
#main.price .cont01 h3 span {
background: #fee20b;
font-size: 30px;
color: #df0023;
padding: 0.2em 1em;
line-height: 2;
text-shadow:2px 2px 4px #fff;
}
#main.price .cont02 {
padding: 45px 2em;
text-align: center;
}
#main.price .cont02 p {
font-size: 16px;
font-weight: 500;
margin-bottom: 30px;
}
#main.price .cont02 p:last-child {
margin-bottom: 0;
}
#main.price .cont02 p .st {
font-size: 20px;
color: #f00;
font-weight: bold;
}
#main.price .cont03 .box {
width: 1150px;
margin: 0 auto 30px;
border: solid 7px #ce1227;
box-sizing: border-box;
}
#main.price .cont03 .box h4 {
display: inline-block;
min-width: 400px;
background: url(//e-yamayuu.co.jp/wp/wp-content/themes/yamayuu/images/page/bg_price.gif.gif);
font-size: 20px;
font-weight: bold;
color: #fff;
vertical-align: top;
padding: 1.3em 20px;
margin-right: 30px;
}
#main.price .cont03 .box .info01 {
display: inline-block;
width: 660px;
position: relative;
padding-top: 10px; 
}
#main.price .cont03 .box .info01 .tx01 {
display: table-cell;
background: #ffe100;
font-size: 18px;
font-weight: bold;
color: #f00;
text-align: center;
vertical-align: middle;
padding: 0 20px;
border-right: solid 7px #fff;
}
#main.price .cont03 .box .info01 .tx02 {
display: table-cell;
background: #eee;
width: 93px;
font-size: 14px;
font-weight: bold;
text-align: center;
vertical-align: middle;
border-right: solid 7px #fff;
}
#main.price .cont03 .box .info01 .tx03 {
display: table-cell;
font-size: 20px;
color: #695c2d;
font-weight: bold;
}
#main.price .cont03 .box .info01 .tx03 .kakaku {
font-size: 40px;
font-weight: bold;
color: #f60;
}
#main.price .cont03 .box .info01 .tx04 {
display: inline;
background: linear-gradient(transparent 65%, #d3eef6 65%);
font-size: 17px;
font-weight: bold;
position: absolute;
right: 0;
bottom: -30px;
}
#main.price .cont03 .box .info02 {
padding: 30px 35px 25px;
}
#main.price .cont03 .box .info02 .left {
width: 53%;
float: left;
}
#main.price .cont03 .box .info02 .left.other {
width: 72%;
}
#main.price .cont03 .box .info02 .left .text {
max-width: 560px;
margin-bottom: 7px;
}
#main.price .cont03 .box .info02 .left dl dt {
display: table-cell;
width: 133px;
vertical-align: top;
}
#main.price .cont03 .box .info02 .left dl dt img {
max-width: 133px;
}
#main.price .cont03 .box .info02 .left dl dd {
display: table-cell;
padding-left: 15px;
}
#main.price .cont03 .box .info02 .left .plus {
display: none;
}
#main.price .cont03 .box .info02 .right {
width: 45%;
float: right;
padding-left: 2%;
}
#main.price .cont03 .box .info02 .right ul li {
width: 22%;
float: left;
margin-right: 3%
}
#main.price .cont03 .box .info02 .left.other ul {
width: 100%;
}
#main.price .cont03 .box .info02 .left.other ul li {
width: 18%;
float: left;
margin-right: 2%	
}
#main.price .cont03 .box .info02 img {
max-width: 100%;
}
.philosophy {
background: url(//e-yamayuu.co.jp/wp/wp-content/themes/yamayuu/images/page/philosophy_bg.jpg) no-repeat center top;
padding: 70px 0 0;
}
.philosophy .desc {
text-align: center;
margin-bottom: 50px;
}
.philosophy .desc p {
display: inline;
font-size: 19px;
font-weight: bold;
background: linear-gradient(transparent 65%, #d3eef6 65%);
padding: 0.1em 1.3em;
line-height: 2.8
}
.philosophy .image {
text-align: center;
margin-bottom: 70px;
}
.philosophy .textBox .cont {
float: left;
width: 46%;
margin: 0 2%;	
}
.philosophy .textBox .cont h3 {
border-bottom: solid 5px #ffe945;
box-sizing: border-box;
font-size: 19px;
font-weight: bold;
padding: 0.3em 16px;
}
.philosophy .textBox .cont:nth-child(2) h3 {
border-bottom-color: #f6b345;
}
.philosophy .textBox .cont:nth-child(3) h3 {
border-bottom-color: #b0e392;
}
.philosophy .textBox .cont:nth-child(4) h3 {
border-bottom-color: #cd9ce3;
}
.philosophy .textBox .cont {
margin-bottom: 30px;
}
.philosophy .textBox .cont p {
font-size: 18px;
font-weight: bold;
padding: 0.5em 16px;
}
.philosophy .textBox .cont ul {
list-style: none;
padding:0;
margin:0;
}
.philosophy .textBox .cont li { 
font-size: 16px;
font-weight: 500;
padding-left: 1em; 
text-indent: -.7em;
margin-bottom: 0.5em;
}
.philosophy .textBox .cont li:last-child {
margin-bottom: 0;
}
.philosophy .textBox .cont li:before {
content: "• ";
font-weight: 18px;
font-weight: bold;
color: #e6d02c;
}
@media all and (min-width: 1921px) {
.reservation .flowCont {
background-size: cover;
}
}
@media all and (min-width: 1839px) {
#main.price .cont01 {
background-size: cover;
}
}
@media all and (max-width: 767px) {
.topBox {
margin-top: 0;
padding: 0;
background: none;
}
.topBox img {
width: 100%;
}
.topBox h2 {
padding: 8px 15px 6px;
width: auto;
font-size: 14px;
line-height: 1.5;
text-shadow: none;
text-align: center;
background-color: #005BAC;
}
.topBox .inner {
margin: 0;
width: auto;
}
#pagePath {
display: none;
}
#main .headLine02 {
margin-bottom: 15px;
font-size: 14px;
}
#main .headLine02 img {
margin-bottom: 6px;
width: 34px;
}
#main .headLine02 .num {
margin-bottom: -5px;
font-size: 36px;
}
#main .cTxt {
margin: 20px 15px 17px;
font-size: 11px;
text-align: left;
line-height: 1.6;
}
#main .content {
margin: 0;
}
#main .reasonBox {
padding: 21px 0 32px;
}
#main .reasonBox .headLine02 {
line-height: 1.2;
}
#main .reasonBox h4 {
margin-bottom: 8px;
padding: 10px 10px 10px 62px;
min-height: 43px;
font-size: 12px;
line-height: 1.1;
box-sizing: border-box;
background-size: 7px auto;
}
#main .reasonBox h4 .small {
font-size: 9px;
}
#main .reasonBox h4 .num {
padding-top: 7px;
width: 38px;
height: 46px;
left: 13px;
top: -2px;
font-size: 27px;
background-size: 38px 46px;
}
#main .reasonBox h4 .inner {
height: 26px;
display: table;
}
#main .reasonBox h4 .inner .subInner {
display: table-cell;
vertical-align: middle;
font-size: 13px;
line-height: 1.4;
}
#main .reasonBox .text {
margin: 0 15px 11px;
font-size: 10px;
}
#main .reasonBox ul {
margin: -8px 15px 22px;
}
#main .reasonBox li {
margin: 8px 0 0;
padding-bottom: 10px;
width: 49%;
}
#main .reasonBox li:nth-child(2n) {
float: right;
}
#main .reasonBox li:last-child {
margin-right: 0;
}
#main .reasonBox li .ttl {
margin-bottom: 9px;
padding: 8px 0.3em 2px;
font-size: 13px;
letter-spacing: -1px;
}
#main .reasonBox li .photo {
margin: 0 9px 8px;
width: auto;
}
#main .reasonBox li .photo a > img {
width: 100%;
}
#main .reasonBox li .photo .inn {
font-size: 9.5px;
}
#main .reasonBox li .photo .img {
margin: 5px auto 0;
width: 36px;
height: 36px;
}
#main .reasonBox li .photo .img img {
width: 100%;
}
#main .reasonBox li .photo a:hover .txt {
display: block;
opacity: 1;
}
#main .reasonBox li .txt01 {
margin: 0;
font-size: 10px;
}
#main .reasonBox li .price {
margin: 0 10px;
font-size: 10px;
line-height: 1.4;
}
#main .reasonBox li .price .num {
font-size: 17px;
}
#main .reasonBox .imgBoxL,
#main .reasonBox .imgBoxL:last-child,
#main .reasonBox .imgBoxR {
margin: 0 15px 30px;
}
#main .reasonBox .imgBoxR .photo {
margin: 0 0 5px;
float: none;
}
#main .reasonBox .imgBoxR .photo img {
width: 100%;
max-width: inherit;
}
#main .reasonBox .imgBoxR .txtBox {
padding-left: 0;
width: auto;
float: none;
}
#main .reasonBox .imgBoxR h5 {
margin-bottom: 17px;
font-size: 11px;
}
#main .reasonBox .imgBoxR p {
margin-bottom: 15px;
font-size: 11px;
line-height: 1.6;
}
#main .reasonBox .imgBoxR p:last-child {
margin-bottom: 0;
}
#main .reasonBox .h4Ttl01 {
margin-bottom: 10px;
}
#main .reasonBox .txt02 {
margin: 0 15px 5px;
font-size: 10px;
line-height: 1.5;
}
#main .reasonBox .imgBoxL .photo {
margin: 0 0 12px;
float: none;
}
#main .reasonBox .imgBoxL .photo img {
width: 100%;
max-width: inherit;
}
#main .reasonBox .imgBoxL .txtBox {
margin-top: 0;
width: auto;
float: none;
}
#main .reasonBox .imgBoxL h5 {
margin-bottom: 6px;
padding-bottom: 5px;
font-size: 12px;
}
#main .reasonBox .imgBoxL h5:after {
width: 25px;
height: 3px;
}
#main .reasonBox .imgBoxL p {
margin-bottom: 13px;
font-size: 11px;
line-height: 1.6;
}
#main .reasonBox .imgBoxL p:last-child {
margin-bottom: 0;
}
#main .lixilBox {
margin-bottom: 24px;
}
#main .lixilBox .bgBox {
background: none;
}
#main .lixilBox .bgBox .imgBox {
margin: 0 15px;
width: auto;
box-shadow: none;
background: none;
}
#main .lixilBox .bgBox .photo {
margin: 0 -15px;
float: none;
}
#main .lixilBox .bgBox .photo img {
width: 100%;
}
#main .lixilBox .bgBox .txtBox {
margin-bottom: 17px;
padding: 0;
width: auto;
float: none;
}
#main .lixilBox .bgBox .img {
margin: 0 auto 5px;
width: 93.5%;
}
#main .lixilBox .bgBox .img img {
width: 100%;
}
#main .lixilBox .bgBox h3 {
margin: 0 0 8px;
font-size: 15px;
text-align: center;
}
#main .lixilBox .bgBox .text {
margin: 0 0 8px;
font-size: 10px;
line-height: 1.35;
}
#main .lixilBox .price {
margin: 0;
font-size: 12px;
}
#main .lixilBox .price .txt {
margin-right: 5px;
padding: 3px 10px;
font-size: 10px;
}
#main .lixilBox .price .num {
margin: 0 5px -5px 0;
font-size: 24px;
}
#main .lixilBox .line {
margin-bottom: 14px;
height: 10px;
}
#main .lixilBox .blueBox {
margin: 0 15px 24px;
width: auto;
border: 3px solid #0A61B0;
}
#main .lixilBox h4 {
padding-bottom: 10px;
font-size: 14px;
text-align: center;
}
#main .lixilBox h4 .img {
margin: 0 0 10px;
display: block;
background: #fff;
}
#main .lixilBox h4 .img img {
width: 100%;
max-width: 120px;
margin-right: 0;
}
#main .lixilBox .blueBox .imgBox {
padding: 14px 18px 19px 16px;
display: block;
}
#main .lixilBox .blueBox .photo {
margin-bottom: 14px;
display: block;
max-width: inherit;
}
#main .lixilBox .blueBox .photo img {
width: 100%;
}
#main .lixilBox .blueBox .txtBox {
padding-left: 0;
width: auto;
display: block;
}
#main .lixilBox .blueBox .lBox {
width: auto;
display: block;
}
#main .lixilBox .blueBox .txtBox li {
margin-bottom: -1px;
font-size: 11px;
}
#main .lixilBox .blueBox .txtBox li:last-child {
margin-bottom: 0;
}
#main .lixilBox .blueBox .rBox {
display: block;
}
#main .lixilBox .blueBox .rBox .price {
margin-bottom: 7px;
font-size: 12px;
}
#main .lixilBox .blueBox .rBox .price .txt {
padding: 1px 10px;
font-size: 10px;
}
#main .lixilBox .blueBox .rBox .price .num {
margin-bottom: -8px;
font-size: 24px;
}
#main .lixilBox .blueBox .rBox .text {
font-size: 11px;
}
#main .lixilBox .content .headLine02 {
margin: 0 15px 13px;
text-align: left;
line-height: 1.3;
}
#main .lixilBox .content .cTxt {
margin-bottom: 18px;
}
#main .lixilBox .content .headLine02 .img {
margin: 4px 0 0;
display: block;
float: left;
}
#main .lixilBox .content .headLine02 .txt {
margin: 0;
padding-left: 40px;
display: block;
}
#main .lixilBox .content .cTxt01 {
margin-bottom: 12px;
}
#main .lixilBox .content ul {
margin: -7px 15px 0;
}
#main .lixilBox .content li {
margin: 7px 0 0 0;
width: 49%;
}
#main .lixilBox .content li img {
width: 100%;
}
#main .lixilBox .content li:nth-child(2n) {
float: right;
}
#main .lixilBox .content li a:hover img {
transform: scale(1);
-webkit-transform: scale(1);
transition: all 0.5s;
}
#main .quailty {
margin-bottom: 29px;
}
#main .quailty .bgBox {
margin-bottom: 16px;
padding: 12px 0 26px;
}
#main .quailty h2 img {
margin: 0 auto;
width: 265px
}
#main .quailty .bgBox .img01 {
display: none;
}
#main .quailty .bgBox .img02 {
display: none;
}
#main .comLinkList {
margin: -10px 15px 0;
}
#main .comLinkList li {
margin: 10px 0 0 0;
padding: 3px;
float: left;
width: 49%;
background-size: 3px auto;
}
#main .comLinkList li .txtImg {
left: 6px;
}
#main .comLinkList li .txtImg img {
width: 31px;
}
#main .comLinkList li:nth-child(2n) {
float: right;
}
#main .comLinkList li .imgBox {
padding: 6px 6px 6px 8px;
}
#main .comLinkList li .pho {
margin-bottom: 2px;
width: 100%;
}
#main .comLinkList li .pho img {
width: 100%;
}
#main .comLinkList li .pho a:hover img {
transform: scale(1);
-webkit-transform: scale(1);
}
#main .comLinkList li .date {
margin-bottom: 0;
}
#main .comLinkList li .date a {
padding: 1px 15px;
display: inline-block;
float: none;
font-size: 9px;
border-radius: 25px;
}
#main .comLinkList li .date .txt02 {
padding-top: 4px;
font-size: 9px;
text-align: left;
}
#main .comLinkList li .text {
line-height: 1;
}
#main .comLinkList li .text a {
font-size: 10px;
line-height: 1;
}
#main .workBox h2 {
margin-bottom: 12px;
border-bottom: 2px solid #005BAC;
}
#main .workBox h2 .pho {
margin-bottom: 4px;
}
#main .workBox h2 .pho img {
width: 18px;
}
#main .workBox.review h2 .pho img {
width: 24px;
}
#main .workBox h2 .inn {
margin: 0 auto -2px;
padding: 4px 5px 2px;
width: 122px;
font-size: 12px;
border: 2px solid #005BAC;
border-bottom: none;
}
#main .workBox h2 .inn .txt {
margin-top: -4px;
font-size: 8px;
}
#main .workBox .linkList {
margin: -5px 15px 35px;
width: auto;
}
#main .workBox .linkList li {
margin: 5px 0 0 0;
width: 49.2%;
}
#main .workBox .linkList li:nth-child(2n) {
float: right;
}
#main .workBox .linkList li a {
padding: 11px 5px 10px;
font-size: 10px;
}
#main .workBox .linkList li a:nth-child(2n) {
float: right;
}	
#main .workBox .linkList li a:after {
display: none;
}
#main .comBgBox {
min-height: 241px;
}
#main .comBgBox .img01 {
display: none;
}
#main .comBgBox .img02 {
display: none;
}
#main .workBox {
margin-bottom: 22px;
}
#main .workBox .content {
margin: -212px 15px 10px;
padding: 5px;
background-size: 3px auto;
}
#main .workBox .content .inner {
padding: 16px 12px 14px;
}
#main .headLine03 {
margin-bottom: 10px;
}
#main .headLine03 a {
padding: 2px 10px;
font-size: 11px;
}
#main .headLine03 .date {
padding-top: 3px;
font-size: 11px;
}
#main .headLine04 {
margin-bottom: 23px;
padding: 10px 0 10px;
font-size: 14px;
border-top: 2px solid #8CD0E7;
border-bottom: 2px solid #8CD0E7;
}
#main .workBox .photoList {
margin-bottom: 10px;
}
#main .workBox .photoList li {
float: none;
}
#main .workBox .photoList li:last-child {
margin-top: 25px;
float: none;
}
#main .workBox .photoList li .pho span {
left: 10px;
top: -15px;
}
#main .workBox .photoList li .pho span img {
width: 64px !important;
}
#main .workBox .photoList li:last-child .pho span img {
width: 54px;
}
#main .photoList li .arrow {
display: none;
}
#main .workBox .phoList {
margin-bottom: 16px;
}
#main .workBox .phoList li {
width: 48%;
}
#main .workBox .phoList li .ttl {
margin-bottom: 4px;
padding: 4px 5px;
font-size: 11px;
}
#main .workBox .phoList li:nth-child(2n+1) .pho:after {
margin-top: -5px;
width: 31px;
height: 30px;
right: -22px;
background-size: 100%;
z-index: 999;
}
#main .workBox .text {
margin: 0;
font-size: 12px;
line-height: 1.15;
}
#main .voiceBox {
margin-bottom: 30px;
}
#main .voiceBox .comBgBox {
min-height: 145px;
}
#main .voiceBox h2 {
padding-top: 10px;
}
#main .voiceBox h2 img {
width: 266px;
}
#main .tag .tagName {
margin-top: 8px;
}
#main .tag .tagName span {
font-size: 10px;
border-radius: 25px;
padding: 4px 15px;
}
#main .voiceBox .comLinkList {
margin-top: 5px;
}
#main .section .content01 {
margin: -212px 15px 20px;
padding: 5px;
background-size: 3px auto;
}
#main .section .content01 .inner {
padding: 15px 12px;
}
#main .section .headLine04 {
margin-bottom: 15px;
line-height: 1.35;
}
#main .section .content01 .imgBox {
margin-bottom: 12px;
}
#main .section .content01 .photo {
float: none;
max-width: inherit;
}
#main .section .content01 .photo:first-child {
margin-right: 0;
margin-bottom: 15px;
}
#main .section .content01 .photo img {
width: 100%;
}
#main .section .content01 .txtBox {
margin-top: 14px;
width: auto;
float: none;
}
#main .section .content01 h4 {
margin-bottom: 8px;
padding: 3px 0 2px 25px;
font-size: 11px;
box-shadow: 0 10px 5px -10px rgba(3,3,3,0.2);
background-size: 19px auto;
}
#main .section .content01 .linkList {
margin-bottom: 12px;
}
#main .section .content01 .linkList a {
padding: 2px 10px;
font-size: 10px;
letter-spacing: -1px;
}
#main .section .content01 .linkList a:hover {
background-color: #FFF;
}
#main .section .content01 p {
margin-bottom: 12px;
font-size: 11px;
line-height: 1.25;
}
#main .faq {
margin: 10px 15px 20px;
width: auto;
}
#main .faq dl {
margin-bottom: 13px;
}
#main .faq dt {
padding: 14px 30px 12px 10px;
font-size: 12px;
}
#main .faq dt:after {
margin-top: -8px;
width: 16px;
height: 16px;
right: 10px;
background-size: 16px 16px;
}
#main .faq dt .pho {
width: 32px;
}
#main .faq dt .pho img {
width: 22px;
}
#main .faq dd {
padding: 18px 15px 10px 40px;
font-size: 11px;
border: 2px solid #6FC9E4;
border-top: none;
background: url(//e-yamayuu.co.jp/wp/wp-content/themes/yamayuu/images/page/icon06.png) no-repeat left 10px top 12px;
background-size: 22px 22px;
}
#main .step {
margin: 0 15px 55px;
width: auto;
}
#main .step h3 {
padding: 5px 10px 5px 3px;
display: table;
width: 100%;
font-size: 13px;
box-sizing: border-box;
}
#main .step h3 .inner {
margin-right: 0;
padding-top: 3px;
display: table-cell;
width: 50px;
height: 50px;
font-size: 11px;
}
#main .step h3 .inner .num {
font-size: 24px;
}
#main .step h3 .txt {
padding-left: 10px;
display: table-cell;
vertical-align: middle;
}
#main .step .imgBox {
padding: 13px 15px 11px;
display: block;
}
#main .step .imgBox .photo {
margin-bottom: 10px;
width: auto;
display: block;
}
#main .step .imgBox .photo img {
width: 100%;
}
#main .step .imgBox .txtBox {
padding-left: 0;
display: block;
}
#main .step .imgBox .txtBox p {
font-size: 11px;
}
#main .safe {
margin: 0 0 17px;
width: auto;
}
#main .safe .headLine02 {
margin-bottom: 7px;
font-size: 20px;
padding-right: 17px;
}
#main .safe .headLine02 img {
margin: 0 10px 0 0;
}
#main .safe .cTxt {
margin-bottom: 14px;
font-size: 11px;
line-height: 1.6;
}
#main .safe .cTxt .inn {
font-size: 11px;
}
#main .safe .txtList {
margin: 0 15px 15px;
}
#main .safe .txtList li {
margin-bottom: 14px;
width: auto;
float: none;
}
#main .safe .txtList li:last-child {
margin-bottom: 0;
}
#main .safe .txtList li img {
width: 100%;
}
#main .safe .txtList li:nth-child(2n) {
float: none;
}
#main .safe .txtList li .ttl {
margin-bottom: 6px;
padding: 7px 5px 5px;
font-size: 12px;
}
#main .safe .txtList li .txt {
margin: 0 0 13px;
min-height: inherit;
font-size: 11px;
line-height: 1.35;
}
#main .safe .txtList li .pho {
border: 2px solid #8DCFE7;
}
#main .safe h3 {
margin: 20px 15px 8px;
padding: 7px 5px 5px;
font-size: 12px;
}
#main .safe .textList {
margin: 0 15px;
}
#main .safe .textList li {
margin-bottom: 15px;
}
#main .safe .textList li：last-child {
margin-bottom: 0;
}
#main .safe .textList li .num {
width: 24px;
height: 24px;
font-size: 15px;
}	
#main .safe .textList li .txt {
padding: 0 0 0 30px;
font-size: 10px;
line-height: 1.5;
}
#main .access {
margin: 0 15px 30px;
width: auto;
}
#main .access h2 {
padding: 6px 5px;
font-size: 12px;
}
#main .access .imgBox {
margin-bottom: 15px;
padding: 5px;
background-size: 3px auto;
}
#main .access .imgBox .inner {
padding: 10px 10px;
}
#main .access .imgBox .photo {
width: 87px;
}
#main .access .imgBox .photo img {
width: 100%;
}
#main .access .imgBox .txtBox {
padding-left: 5px;
}
#main .access .imgBox .txtBox p {
font-size: 11px;
line-height: 1.6;
}
#main .access .tableBox {
margin-bottom: 30px;
}
#main .access table th,
#main .access table td {
padding: 16px 0 16px 5px;
font-size: 11px;
background-size: auto 2px;
}
#main .access table th {
padding: 15px 0;
width: 35%;
}
#main .access table td .map {
margin-top: 14px;
}
#main .access table td iframe {
height: 202px;
}
#main .access h3 {
margin-bottom: 10px;
padding: 9px 10px;
font-size: 13px;
line-height: 1.3;
}
#main .access .photoList {
margin-bottom: 19px;
}
#main .access .photoList li {
float: none;
max-width: inherit;
}
#main .access .photoList li img {
width: 100%;
}
#main .access .photoList li:last-child {
margin-top: 10px;
float: none;
}
#main .access .txtArea {
margin-bottom: 13px;
padding: 4px;
background-size: 3px auto;
}
#main .access .txtArea .inner {
padding: 13px 14px 12px;
}
#main .access .txtArea p {
font-size: 10px;
line-height: 1.5;
}
#main .access.important_news .txtArea p.st{
font-size: 11px;
}
#main .access.important_news .txtArea .title {
font-size: 11px;
margin: 10px auto 7px;
}
#main .access.important_news .photo li {
width: 49%;
margin-right: 2%;
margin-bottom: 7px;
}
#main .access.important_news .photo li:nth-child(2n) {
margin-right: 0;
}
#main .access.important_news .photo li:last-child {
width: 100%;
}
#main .access h4 {
margin-bottom: 4px;
padding-left: 15px;
color: #333;
font-size: 11px;
background-size: 7px 7px;
}
#main .access .text {
padding-bottom: 10px;
margin-bottom: 10px;
font-size: 11px;
}
#main .access.media {
margin: 15px 15px 30px;
}
#main .dateBox {
margin: 20px 15px;
width: auto;
}
#main .headLine05 {
margin-bottom: 13px;
font-size: 15px;
}
#main .headLine05 img {
margin-right: 10px;
width: 33px;
}
#main .comPhotoList li {
margin: 0 0 15px;
width: auto;
float: none;
}
#main .comPhotoList li:last-child {
margin-bottom: 0;
}
#main .comPhotoList li:nth-child(2n) {
float: none;
}
#main .comPhotoList li .ttl {
margin-bottom: 10px;
padding: 6px 5px 4px;
font-size: 13px;
}
#main .comPhotoList li img {
width: 100%;
}
#main .conversation {
margin-bottom: 15px;
}
#main .conversation .headLine05 {
margin-bottom: 8px;
font-size: 15px;
}
#main .conversation .photo {
margin-bottom: 15px;
}
#main .conversation .comPhotoList {
margin: 0 15px 20px;
width: auto;
}
#main .conversation .comPhotoList li .photo {
margin-bottom: 0;
}
#main .conversation .tabBox {
margin: 0 15px;
width: auto;
}
#main .conversation table th,
#main .conversation table td {
padding: 8px 15px;
font-size: 10px;
line-height: 1.35;
}
#main .conversation table th {
width: 25%;
}
#main .conversation table td a {
display: none;
}
#main .contactBox {
margin: 0;
width: auto;
}
#main .contactBox h2 {
margin-bottom: 10px;
padding: 8px 5px;
font-size: 12px;
}
#main .contactBox .mailForm {
margin-bottom: 20px;
padding: 15px 15px;
border: 3px solid #FE9901;
}
#main .contactBox .mailForm.contact {
border: 3px solid #005bac;
}
#main .contactBox .mailForm.reservation {
border: 3px solid #ffe100;
}
#main .contactBox table {
margin-bottom: 25px;
}
#main .contactBox table th,
#main .contactBox table td {
padding: 0 0 7px;
display: block;
font-size: 11px;
}
#main .contactBox table th {
padding-top: 5px;
width: 100%;
}
#main .contactBox table th .must {
margin: 2px 5px 0 0;
padding: 1px 10px;
font-size: 9px;
}
#main .contactBox table th .text {
padding-left: 30px;
}
#main .contactBox table th .txt {
color: #000;
background-color: #EAEAEA;
}
#main .contactBox table .selectList li {
margin-right: 5px;
width: 68px;
}
#main .contactBox table .selectList li:last-child {
margin-right: 0;
}
#main .contactBox table input[type="text"],
#main .contactBox table input[type="tel"],
#main .contactBox table input[type="email"],
#main .contactBox table textarea,
#main .contactBox table select {
padding: 5px 10px;
width: 100%;
height: 28px;
font-size: 11px;
}
#main .contactBox table select {
width: 52px;
}
#main .contactBox table .text01 {
margin-bottom: 10px;
}
#main .contactBox table .text01 input[type="text"] {
width: 25%;
}
#main .contactBox table .text02 {
margin-bottom: 10px;
}
#main .contactBox table .text02 select {
width: 30%;
}
#main .contactBox table .buildList li {
margin-right: 2%;
width: 48%;
}
#main .contactBox table .buildList li:last-child {
margin-right: 0;
}
#main .contactBox table .buildList li input[type="text"] {
width: 80%;
}
#main .contactBox table .buildList li span {
margin-bottom: 3px;
}
#main .contactBox table .checkList01 li {
margin-right: 5px;
float: left;
}
#main .contactBox table .checkList01 li:last-child {
margin-right: 0;
}
#main .contactBox table .checkList01 li input[type="checkbox"] {
display: none;
}
#main .contactBox table .checkList01 li input[type="checkbox"] + .wpcf7-list-item-label {
padding-left: 15px;
background-size: 10px auto;
}
#main .contactBox table .checkList02 li {
margin-right: 5px;
}
#main .contactBox table .checkList02 li:last-child {
margin-right: 0;
}
#main .contactBox table .checkList02 li input[type="radio"] + .wpcf7-list-item-label {
padding-left: 15px;
background-size: 10px auto;
}
#main .contactBox table textarea {
height: 80px;
}
#main .contactBox table .tdStyle01 select {
width: 80%;
}
#main .contactBox .mailForm .textBox {
margin: 0 0 11px;
padding: 8px 10px;
width: auto;
text-align: left;
}
#main .contactBox .mailForm .textBox p {
font-size: 10px;
}
#main .contactBox .mailForm .textBox p a {
font-size: 10px;
}
#main .contactBox .mailForm .textBox p a:hover {
text-decoration: underline;
}
#main .contactBox .submit {
margin: 0 auto;
width: 57%;
}
#main .contactBox .submit li {
margin: 0;
display: block;
}
#main .contactBox .submit li input {
width: 100%;
height: 40px;
font-size: 10px;
border: 1px solid #005BAC;
}
#main .contactBox .submit li input:hover {
opacity: 1;
filter: alpha(opacity=100);
}
#main .contactBox .submit01 {
margin-bottom: 0;
}
#main .contactBox .submit01 li {
margin-bottom: 10px;
}
#main .contactBox .submit01 li:last-child {
margin-bottom: 0;
}
#main .contactBox .comPhotoList {
margin: -10px 0 0;
width: auto;
}
#main .contactBox .comPhotoList li {
margin: 10px 0 0;
float: left;
width: 49%;
}
#main .contactBox .comPhotoList li .ttl {
margin-bottom: 5px;
font-size: 11px;
}
#main .contactBox .comPhotoList li:nth-child(2n) {
float: right;
}
#main .contactBox .comPhotoList .photo {
margin-bottom: 5px;
width: 100%;
}
#main .contactBox .comPhotoList .photo img {
bottom: inherit;
}
#main .contactBox .comPhotoList dl {
margin: 0;
}
#main .contactBox .comPhotoList dt {
width: 100%;
height: 15px;
float: none;
clear: inherit;
font-size: 9px;
line-height: 15px;
}
#main .contactBox .comPhotoList dd {
padding: 2px 0 5px;
font-size: 10px;
line-height: 1.5;
}
#main .contactBox .comPhotoList .photo a:hover img {
transform: scale(1);
}
#main .comPhotoList {
margin-top: 0;
}
.popup {
width: auto;
}
.reguform .inner {
padding: 0 15px;
}
.reguformstep {
width: 100%;
margin: 0 auto 15px;
}
.reguformstep .list {
margin: 0 0 0 -15px;
}
.reguformstep .list li {
float: left;
width: 33.33%;
padding: 0 0 0 15px;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
.reguformstep .list li + li:before {
background: url(//e-yamayuu.co.jp/wp/wp-content/themes/yamayuu/images/page/ico_arrow04.png) 0 0 no-repeat;
background-size: 100%;
width: 15px;
height: 5px;
top: 50%;
left: 0;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
content: "";
z-index: 2;
position: absolute;
}
.reguformstep .list li p {
padding: 10px 5px;
font-size: 12px;
text-align: left;
line-height: 1.2;
}
.reguformstep .list li p.now {
border: 3px solid #7dcef4;
}
.reguformstep .list li p span {
display: block;
font-size: 16px;
font-weight: bold;
margin-right: 0;
}
.messa {
padding: 15px;
border: 3px solid #FE9901;
}
.messa p {
font-size: 11px;
}
.contactBox.contact .messa {
border: 3px solid #005bac;
}
.contactBox.reservation .messa {
border: 3px solid #ffe100;
}
#main.reservation .contactBox .mailForm {
border: 3px solid #ffe100;
}
.philosophy .desc {
padding: 0 6%;
}
.philosophy .desc p {
font-size: 14px;
}
.philosophy .image {
margin-bottom: 40px;
}
.philosophy .image img {
width: 64%;
}
.philosophy .textBox .cont h3 {
font-size: 14px;
}
.philosophy .textBox .cont p {
font-size: 13px;
}
.philosophy .textBox .cont li {
font-size: 11px;
}
}
@media all and (-ms-high-contrast:none){
#main .lixilBox .price .num {
margin-bottom: -20px;
}
#main .lixilBox .price .txt {
padding: 6px 15px 0;
}
#main .lixilBox .blueBox .rBox .price .txt {
padding: 5px 15px 0;
}
#main .comLinkList li .date a {
padding: 5px 15px 1px;
}
#main .workBox .linkList li a {
padding: 22px 5px 13px;
}
#main .headLine03 a {
padding: 9px 29px 3px;
}
#main .headLine04 {
padding: 22px 5px 15px;
}
#main .workBox .phoList li .ttl {
padding: 6px 5px 0;
}
#main .section .content01 .linkList a {
padding: 6px 20px 0;
}
#main .safe .cTxt .inn {
padding: 8px 0 0;
}
#main .safe .txtList li .ttl {
padding: 12px 5px 8px;
}
#main .safe h3 {
padding: 20px 5px 12px;
}
#main .access h2 {
padding: 20px 5px 12px;
}
#main .access h3 {
padding: 30px 35px 21px;
}
#main .comPhotoList li .ttl {
padding: 13px 5px 7px;
}
#main .conversation table td a {
padding: 7px 22px 2px;
}
#main .contactBox h2 {
padding: 20px 5px 12px;
}
#main .contactBox .comPhotoList dt {
line-height: 42px;
}
#main .contactBox table th .must {
padding: 5px 13px 0;
}
}
@media all and (max-width: 667px) {
#main .reasonBox .imgBoxL p br,
#main .reasonBox .imgBoxR p br {
display: none;
}
#main .lixilBox .content .cTxt01 br,
#main .lixilBox .content .cTxt br{
display: none;
}
#main .step {
margin-bottom: 30px;
}
.reservation .flowCont ul {
}
.reservation .flowCont ul li {
border: solid 3px #ffe100;
box-sizing: border-box;
background: #fff;
width: 30.33%;
text-align: center;
margin-right: 0;
margin-left: 15px;
}
.reservation .flowCont ul li img {
width: 100%;
}
.reservation .flowCont ul li span {
display: block;
font-size: 12px;
margin-top: 5px;
}
.reservation .reguformstep .desc {
text-align: left;
}
#main.price .cont01 {
background: url(//e-yamayuu.co.jp/wp/wp-content/themes/yamayuu/images/page/bg_price_sp.jpg) no-repeat center;
background-size: cover;
height: inherit;
padding-top: 25px;
}
#main.price .cont01 .logo {
width: 48%;
margin: auto;
}
#main.price .cont01 .logo img {
max-width: 100%;
}
#main.price .cont01 p {
font-size: 15px;
margin: 18px 0 10px;
}
#main.price .cont01 h3 {
padding: 0 1.3em;
}
#main.price .cont01 h3 span {
font-size: 15px;
text-align: left;
padding: 0.2em 1em;
}
#main.price .cont01 h3 span br {
display: none;
}
#main.price .cont02 {
padding: 15px 1em;
text-align: left;
}
#main.price .cont02 p {
font-size: 11px;
margin-bottom: 10px;
line-height: 1.6;
}
#main.price .cont02 p .st {
font-size: 13px;
}
#main.price .cont02 p br {
display: none;
}
#main.price .cont03 .box {
width: 96%;
margin: 0 auto 20px;
border: solid 3px #ce1227;
}
#main.price .cont03 .box h4 {
display: inherit;
min-width: inherit;
font-size: 14px;
text-align: center;
margin-right: 0;
padding: 0.7em 1.3em;
}
#main.price .cont03 .box .info01 {
display: inherit;
width: auto;
padding: 7px 13px;
}
#main.price .cont03 .box .info01 .tx01 {
font-size: 12px;
padding: 0 13px;
}
#main.price .cont03 .box .info01 .tx02 {
font-size: 12px;
}
#main.price .cont03 .box .info01 .tx03 {
font-size: 13px;
}
#main.price .cont03 .box .info01 .tx03 .kakaku {
font-size: 26px;
}
#main.price .cont03 .box .info01 .tx04 {
position: inherit;
right: inherit;
bottom: inherit;
font-size: 12px;
}
#main.price .cont03 .box .info02 {
padding: 5px 17px 10px;
}
#main.price .cont03 .box .info02 .left dl dt,
#main.price .cont03 .box .info02 .left dl dt img {
width: 86px;
}
#main .contactBox.event,
.conversation.event {
margin: 10px 15px 0;
}
}
@media all and (max-width: 520px) {
#main .comLinkList li .pho {
height: 120px;
}
#main .contactBox .comPhotoList .photo {
height: 140px;
}
#main .comLinkList li .pho a img {
bottom: inherit;
}
#main .reasonBox {
padding: 20px 0 0;
}
#main .lixilBox.showroom {
padding-top: 20px;
margin-bottom: 30px;
}
#main .step {
margin-bottom: 10px;
background-size: 5px;
padding-bottom: 35px;
}
#main .safe {
margin-top: 15px;
}
#main .comLinkList li .date a {
margin-bottom: 2px;
}
.pagination {
margin: 15px 0;
}
.wp-pagenavi .pages {
display: none;
}
.wp-pagenavi a,
.wp-pagenavi span {
font-size: 11px !important;
}
#main .contactBox .comPhotoList .photo img {
bottom: 0;
}
.reguform {
padding: 15px 0 0;
}
#main .contactBox .mailForm {
padding: 15px;
border: 3px solid #FE9901;
}
.contactBox.thanks,
.contactBox.reservation {
margin: 15px 0 !important;
}
.reservation .flowCont {
background: url(//e-yamayuu.co.jp/wp/wp-content/themes/yamayuu/images/page/bg_reservation02.jpg) no-repeat center center;
background-size: cover;
padding: 10px 0;
}
.reguformstep .desc {
font-size: 11px;
margin-top: 13px;
}
.reservation .flowCont ul li {
width: 28.33%;
height: 140px;
padding: 4px;
}
.reservation .flowCont ul li span {
line-height: 1.2;
}
.reservation .reguformstep .desc + .desc {
margin-top: 8px;
}
#main.price .cont03 .box .info01 .tx01 {
display: block;
margin-bottom: 7px;
}
#main.price .cont03 .box .info01 .tx02 {
line-height: 1.2;
padding: 3px 5px;
}
#main.price .cont03 .box .info02 .left,
#main.price .cont03 .box .info02 .right {
width: auto;
float: none;
}
#main.price .cont03 .box .info02 .left {
margin-bottom: 10px;
}
#main.price .cont03 .box .info02 .right ul li,
#main.price .cont03 .box .info02 .left.other ul li{
width: 30%;
margin-right: 3.3%;
}
#main.price .cont03 .box .info02 .left dl dt,
#main.price .cont03 .box .info02 .left dl dd {
display: inherit;
}
#main.price .cont03 .box .info02 .left dl dt {
width: auto;
text-align: center;
margin-bottom: 7px;
}
#main.price .cont03 .box .info02 .left dl dt img {
width: 186px;
}
#main.price .cont03 .box .info02 .left.other {
width: auto;
}
#main.price .cont03 .box .info02 .left dl dd {
padding-left: 0;
}
#main.price .cont03 .box .info02 .left .plus {
display: block;
text-align: center;
margin-top: 5px;
}
.philosophy {
padding: 30px 0 0;
}
.philosophy .desc {
margin-bottom: 30px;
}
.philosophy .desc p br {
display: none;
text-align: left;
}
.philosophy .image img {
width: 90%;
}
.philosophy .textBox .cont {
padding: 0 6%;
}
.philosophy .textBox .cont {
float: none;
width: auto;
margin: 0 0 20px;
}
}
@media all and (max-width: 374px) {
#gHeader h1 {
width: 90px;
}
}.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
padding: 0;
margin: 0;
border: 0;
outline: none;
vertical-align: top;
}
.fancybox-wrap {
position: absolute;
top: 0;
left: 0;
z-index: 8020;
}
.fancybox-skin {
position: relative;
background: #f9f9f9;
color: #444;
text-shadow: none; }
.fancybox-opened {
z-index: 8030;
}
.fancybox-opened .fancybox-skin { }
.fancybox-outer, .fancybox-inner {
position: relative;
}
.fancybox-inner {
overflow: hidden;
}
.fancybox-type-iframe .fancybox-inner {
-webkit-overflow-scrolling: touch;
}
.fancybox-error {
color: #444;
font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
margin: 0;
padding: 15px;
white-space: nowrap;
}
.fancybox-image, .fancybox-iframe {
display: block;
width: 100%;
height: 100%;
}
.fancybox-image {
max-width: 100%;
max-height: 100%;
}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
background-image: url(//e-yamayuu.co.jp/wp/wp-content/themes/yamayuu/js/fancybox/fancybox_sprite.png);
}
#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
margin-top: -22px;
margin-left: -22px;
background-position: 0 -108px;
opacity: 0.8;
cursor: pointer;
z-index: 8060;
}
#fancybox-loading div {
width: 44px;
height: 44px;
background: url(//e-yamayuu.co.jp/wp/wp-content/themes/yamayuu/js/fancybox/fancybox_loading.gif) center center no-repeat;
}
.fancybox-close {
position: absolute;
top: -18px;
right: -18px;
width: 36px;
height: 36px;
cursor: pointer;
z-index: 8040;
}
.fancybox-nav {
position: absolute;
top: 0;
width: 40%;
height: 100%;
cursor: pointer;
text-decoration: none;
background: transparent url(//e-yamayuu.co.jp/wp/wp-content/themes/yamayuu/js/fancybox/blank.gif); -webkit-tap-highlight-color: rgba(0,0,0,0);
z-index: 8040;
}
.fancybox-prev {
left: 0;
}
.fancybox-next {
right: 0;
}
.fancybox-nav span {
position: absolute;
top: 50%;
width: 36px;
height: 34px;
margin-top: -18px;
cursor: pointer;
z-index: 8040;
visibility: hidden;
}
.fancybox-prev span {
left: 10px;
background-position: 0 -36px;
}
.fancybox-next span {
right: 10px;
background-position: 0 -72px;
}
.fancybox-nav:hover span {
visibility: visible;
}
.fancybox-tmp {
position: absolute;
top: -99999px;
left: -99999px;
visibility: hidden;
max-width: 99999px;
max-height: 99999px;
overflow: visible !important;
} .fancybox-lock {
overflow: hidden !important;
width: auto;
}
.fancybox-lock body {
overflow: hidden !important;
}
.fancybox-lock-test {
overflow-y: hidden !important;
}
.fancybox-overlay {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
display: none;
z-index: 8010;
background: url(//e-yamayuu.co.jp/wp/wp-content/themes/yamayuu/js/fancybox/fancybox_overlay.png);
}
.fancybox-overlay-fixed {
position: fixed;
bottom: 0;
right: 0;
}
.fancybox-lock .fancybox-overlay {
overflow: auto;
overflow-y: scroll;
} .fancybox-title {
visibility: hidden;
font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
position: relative;
text-shadow: none;
z-index: 8050;
}
.fancybox-opened .fancybox-title {
visibility: visible;
}
.fancybox-title-float-wrap {
position: absolute;
bottom: 0;
right: 50%;
margin-bottom: -35px;
z-index: 8050;
text-align: center;
}
.fancybox-title-float-wrap .child {
display: inline-block;
margin-right: -100%;
padding: 2px 20px;
background: transparent; background: rgba(0, 0, 0, 0.8);
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
text-shadow: 0 1px 2px #222;
color: #FFF;
font-weight: bold;
line-height: 24px;
white-space: nowrap;
}
.fancybox-title-outside-wrap {
position: relative;
margin-top: 10px;
color: #fff;
}
.fancybox-title-inside-wrap {
padding-top: 10px;
}
.fancybox-title-over-wrap {
position: absolute;
bottom: 0;
left: 0;
color: #fff;
padding: 10px;
background: #000;
background: rgba(0, 0, 0, .8);
}