/*css document*/

/* FP事業 */
.main.consul .page-header {
    background:url(../img/consultant/bg-main.jpg) no-repeat center -820px;
    padding:80px 0 10px;
    margin:0 0 50px;
}

/* house */
.main.house .page-header {
    background:url(../img/house/bg-main.jpg) no-repeat center -1000px;
    padding:80px 0 10px;
    margin:0 0 50px;
}

/* about */
.main.about .page-header {
    background:url(../img/about/bg-main.jpg) no-repeat center -830px;
    padding:80px 0 10px;
    margin:0 0 50px;
}


.about-greeting-box { 
    line-height:150%;
    font-size: 1.4rem; 
    margin-bottom:20px;
}

.about-greeting-namebox {
    line-height:150%; 
    font-size: 1.3rem; 
    text-align: right; 
    margin-bottom:20px; 
}

.main .about-h3 {
    font-family: "Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
    font-weight: normal;
    color:#fff;
    background-color:#8BB461;
    padding:8px 0 8px 20px;
}
.main .about-col01a { float:left; margin-right:10px;  }
.main .about-col02a { float:left; margin-right:10px;  }
.main .about-col03a { float:left; }

.main .about-imgbox { text-align: center; }
.main .about-imgbox img{ width:100%; max-width:483px; }

@media screen and (min-width: 768px) {
	.main .about-detail-box dt { width: 85px; float:left; text-align:left; padding-right:10px; }
	.main .about-detail-box dd { width: calc(100% - 95px); float:right; }
}

@media screen and (max-width: 767px) {
	.main .about-detail-box dt { width: 85px; float:none; text-align:left; padding-right:auto; }
	.main .about-detail-box dd { width: auto; float:none; margin-left: 20px; }
	.about-imgbox { margin-bottom:20px; }
}

iframe.contactform {
    width:100%;
    height:950px;
}

.about-bankname { width:130px; float:left; }
.about-banksubname { width: calc(100% - 140px); float:left; }

.main.about h4.contact-h4 {
    font-size:16px;
    font-weight: normal;
    color:#8BB461;
}

/* cafe */
/*
@media screen and (min-width: 641px) {
    .tea-color { background: linear-gradient(transparent 2%, #E7C3C0 5%); padding:3px 0 3px 10px; color:#520B12; }
    .coffee-color { background: linear-gradient(transparent 2%, #E6BF95 5%); padding:3px 0 3px 10px; color:#401801; }
    .juice-color { background: linear-gradient(transparent 2%, #F0E758 5%); padding:3px 0 3px 10px; color:#881D21; }
    .liquor-color { background: linear-gradient(transparent 2%, #DCB5F2 5%); padding:3px 0 3px 10px; color:#551D22; }
    .food-color { background: linear-gradient(transparent 2%, #9DBE8F 5%); padding:3px 0 3px 10px; color:#103807; }
}
@media screen and (max-width: 640px) {
*/
    .tea-color { color:#520B12; border-bottom:2px solid #E7C3C0; padding:3px 0 3px 10px; }
    .coffee-color { color:#401801; border-bottom:2px solid #E6BF95; padding:3px 0 3px 10px; }
    .juice-color { color:#881D21; border-bottom:2px solid #F0E758; padding:3px 0 3px 10px; }
    .liquor-color { color:#551D22; border-bottom:2px solid #DCB5F2; padding:3px 0 3px 10px; }
    .food-color { color:#103807; border-bottom:2px solid #9DBE8F; padding:3px 0 3px 10px; }
    .ala-color { color:#00273F; border-bottom:2px solid #1272AE; padding:3px 0 3px 10px; }
    .dessert-color { color:#4F0026; border-bottom:2px solid #C879A0; padding:3px 0 3px 10px; }
/*
}
*/
.main h4.cafe-h4a, .main h4.cafe-h4b, .main h4.cafe-h4c, .main h4.cafe-h4d, .main h4.cafe-h4e, .main h4.cafe-h4f, .main h4.cafe-h4g, .main h4.cafe-h4h {
	font-size: 2.6rem;
	text-align:center;
}

/*
.main h4.cafe-h4a:first-letter { 
    margin-right:0.2rem;
    font-family: "Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
    font-size: 5.5rem; color:#5C8E47; text-shadow: 1px 1px 1px #696969;
}
.main h4.cafe-h4b:first-letter { 
    margin-right:0.2rem;
    font-family: "Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
    font-size: 5.5rem; color:#BF908D; text-shadow: 1px 1px 1px #696969;
}
.main h4.cafe-h4c:first-letter { 
    margin-right:0.2rem;
    font-family: "Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
    font-size: 5.5rem; color:#C19362; text-shadow: 1px 1px 1px #696969;
}
.main h4.cafe-h4d:first-letter { 
    margin-right:0.2rem;
    font-family: "Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
    font-size: 5.5rem; color:#C1B50B; text-shadow: 1px 1px 1px #696969;
}
.main h4.cafe-h4e:first-letter { 
    margin-right:0.2rem;
    font-family: "Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
    font-size: 5.5rem; color:#BCB009; text-shadow: 1px 1px 1px #696969;
}
.main h4.cafe-h4f:first-letter { 
    margin-right:0.2rem;
    font-family: "Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
    font-size: 5.5rem; color:#9650BF; text-shadow: 1px 1px 1px #696969;
}
*/
.main h4.cafe-h4a:before { content: "■　"; color:#9DBE8F; }
.main h4.cafe-h4a:after { content: "　■"; color:#9DBE8F; }
.main h4.cafe-h4b:before { content: "■　"; color:#E7C3C0; }
.main h4.cafe-h4b:after { content: "　■"; color:#E7C3C0; }
.main h4.cafe-h4c:before { content: "■　"; color:#E6BF95; }
.main h4.cafe-h4c:after { content: "　■"; color:#E6BF95; }
.main h4.cafe-h4d:before { content: "■　"; color:#F0E758; }
.main h4.cafe-h4d:after { content: "　■"; color:#F0E758; }
.main h4.cafe-h4e:before { content: "■　"; color:#DCB5F2; }
.main h4.cafe-h4e:after { content: "　■"; color:#DCB5F2; }
.main h4.cafe-h4f:before { content: "■　"; color:#DCB5F2; }
.main h4.cafe-h4f:after { content: "　■"; color:#DCB5F2; }
.main h4.cafe-h4g:before { content: "■　"; color:#1272AE; }
.main h4.cafe-h4g:after { content: "　■"; color:#1272AE; }
.main h4.cafe-h4h:before { content: "■　"; color:#D26B9E; }
.main h4.cafe-h4h:after { content: "　■"; color:#D26B9E; }

.main.cafe .page-header {
    background:url(../img/cafe/bg-main.jpg) no-repeat center -830px;
    padding:80px 0 10px;
    margin:0 0 50px;
}
.main.cafe .menu-mainbox {
    margin-bottom:40px;
}

.main.cafe .menu-mainbox2 { text-align: left; margin-bottom:20px; }
.main.cafe .cafe-h3 {
    font-family: "Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
    font-weight: normal;
    color:#fff;
    background-color:#C6BA5D;
    padding:8px 0 8px 20px;
}

.main .cafe-h4 {
    text-align: center;
    margin-bottom:10px;
}

.main .img-box .cafe-imgbox img.tea { width:100%; max-width:250px; display: block; margin:10px auto 0px; }
.main .img-box .cafe-imgbox img.coffee { width:100%; max-width:250px; display: block; margin: 10px auto 0px; }
.main .img-box .cafe-imgbox img.juice { width:100%; max-width:73px; display: block; margin: 10px auto 0px; }
.main.cafe ul.menu-box { margin:0; padding:0; }
.main.cafe ul.menu-box li { list-style: none; margin:0 0 30px; padding:0; }
.main.cafe ul.menu-box2 li { list-style: none; margin:0; padding:0; }
.main.cafe .item-box {
    float:left;
    font-size:1.6rem;
    margin-right:5px;
    width:79%;
}
.main.cafe .item-box2 {
    font-size:1.6rem;    
}

.main.cafe .price-box {
    font-size:1.6rem;
    display: table;
    font-weight: bold;
    text-align: right;
    white-space: nowrap;
    width:18%;
}


.main.cafe .item-box.w190 { width:210px; }
.main.cafe .item-box.p2, .cafe .price-box.p2 { font-size: 1.4rem; }
.main.cafe .item-box.p3 { margin-left: 20px; }
.main.cafe .item-box.p3, .cafe .price-box.p3 { font-size: 1.4rem; }
.main.cafe .item-box.beer { width:220px; }

/*
.main.cafe .price-box:before {
    content: '';
    display: table-cell;
    width: 100%;
    background: -webkit-linear-gradient(transparent 50%, currentColor 50%, currentColor -webkit-calc(50% + 1px), transparent -webkit-calc(50% + 1px));
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, currentColor), color-stop(currentColor calc(50% + 1px)), to(transparent calc(50% + 1px)));
    background: linear-gradient(transparent 50%, currentColor 50%, currentColor calc(50% + 1px), transparent calc(50% + 1px));
    -webkit-background-clip: padding;
    background-clip: padding;
}
.main.cafe .price-box:before {
    border-right: 1em solid transparent;
}
*/

.main.cafe .detail2-box { font-size: 1.3rem; text-align: left; margin-top: 15px; }
.main.cafe .detail3-box { font-size: 1.3rem; text-align: left; margin-top: 5px; margin-left: 20px; }
.main.cafe ul.ex-box li { display: block; float:left; margin:0 10px 0 0; padding:0; }
.main.cafe ul.ex2-box li { display: block; float:left; margin:0; padding:0; width:150px; }
.main.cafe ul.ex2-box li.long { width:300px; }

@media screen and (min-width: 641px) {
    .main.cafe .detail-box { font-size: 1.3rem; text-align: left; margin-top: 10px; margin-left: 40px; }
    .main.cafe .detail2-box dl { border-bottom:1px dotted #ccc; margin-bottom:3px; margin-left:40px; }
    .main.cafe .detail2-box dt { width: 210px; text-align: left; float: left; margin-bottom:5px; }
    .main.cafe .detail2-box dd { width: calc(100% - 220px); float: right; margin-bottom:5px; }
    .main.cafe ul.ex-box { padding-left: 20px; }
    .main.cafe ul.ex2-box { padding-left: 0px; }
    .main.cafe ul.ex-box.box1 li { width:190px; }
    .main.cafe ul.ex-box.box2 li { width:190px; }
    .main.cafe ul.ex-box.box3 li { width:160px; }
    .main.cafe ul.ex-box.box4 li { width:160px; }
    .main.cafe ul.ex-box.box5 li { width:100px; }
    .main.cafe ul.ex-box.box6 li { width:150px; }
    .main.cafe ul.ex-box.box7 li { width:140px; }

}

@media screen and (max-width: 640px) {
    .main.cafe .detail-box { font-size: 1.3rem; text-align: left; margin-top: 15px; margin-left: 20px; }
    .main.cafe .detail2-box dl { border-bottom:1px dotted #ccc; margin-left: 20px; margin-bottom:5px; }
    .main.cafe .detail2-box dt { width:100%; text-align: left; float: none; margin-bottom:5px; }
    .main.cafe .detail2-box dd { width:auto; float: none; margin-left: 10%; margin-bottom:10px; }
    .main.cafe ul.ex-box { padding-left: 10px; }
    .main.cafe ul.ex2-box { padding-left: 0px; }
    .main.cafe ul.ex-box.box1 li { width:150px; }
    .main.cafe ul.ex-box.box2 li { width:160px; }
    .main.cafe ul.ex-box.box3 li { width:160px; }
    .main.cafe ul.ex-box.box4 li { width:160px; }
    .main.cafe ul.ex-box.box5 li { width:90px; }
    .main.cafe ul.ex-box.box6 li { width:150px; }
    .main.cafe ul.ex-box.box7 li { width:140px; }

}

.main.cafe .detail-box .red-color { color:#b03b90; }

.main.cafe .img-box { text-align: center; }
.main.cafe .img-box img { width:100%; max-width:482px; } 


@media screen and (max-width: 768px) {
    .main.cafe .menu-mainbox { text-align: left; }
    .main.cafe .disp768 { display: none; }
}

@media screen and (max-width: 990px) {
    .main.cafe .img-box { text-align: center; margin-bottom:30px;}
}

.main.cafe .shop-imgbox { margin-bottom: 20px; }
.main.cafe .shop-imgbox img  { width:100%; }
.main.cafe .shopinfo-box { margin-bottom:10px; }
.main.cafe .shopinfo-box dt { width: 65px; float: left; text-align: left; }
.main.cafe .shopinfo-box dd { width: calc(100% - 75px); float: right; }
.main.cafe .googlemap { width: 100%; }
.main.cafe .googlemap iframe { width: 100%; height:350px; }