@charset "utf-8";
/* ----------------
 共通
------------------- */
.small_t{
 font-size: 15px !important;
}
.t_center{
 text-align: center !important;
}

/* -----------------
 home
-------------------- */
.home #contents h2{
	position: relative;
	text-align: center;
	margin-bottom: 40px;
}


/* ----------------------
 home pc
------------------------- */
.home article{
 max-width: 1100px;
 margin-left: auto;
 margin-right: auto;
}

@media screen and (min-width: 699px) {/* pcまで */
.home .group_1{
 margin-top: 0px;
 margin-bottom: 0px;
 margin-left: auto;
 margin-right: auto;
}
.home .group_1 .text_1{
 margin-bottom: 30px;
}
.home .group_1 ul._1{
 margin-bottom: 20px;
}
.home .group_1 ul._1 li:first-child{
 float: left;
 width: 49.5%;
 text-align: center;
}
.home .group_1 ul._1 li:last-child{
 float: right;
 width: 49.5%;
 text-align: center;
}
.home .group_1 ul._2 li{
 float: left;
 width: 19%;
 margin-right: 1.2%;
 text-align: left;
}
.home .group_1 ul._2 li:last-child{
 float: left;
 margin-right: 0;
}
}/* pc end */

@media screen and (max-width: 698px) {/* sp */
.home .group_1{
 margin-left: auto;
 margin-right: auto;
}
.home .group_1 ul._1 li:first-child{
 float: left;
 width: 48.5%;
 text-align: center;
}
.home .group_1 ul._1 li:last-child{
 float: right;
 width: 48.5%;
 text-align: center;
}

}/* sp end */

/* ----------------------
 ページbase
------------------------- */
.main article{
 overflow: hidden;
 padding-bottom: 50px;
}
@media screen and (min-width: 699px) {/* PC */
.main p{
 line-height: 1.8;
}
.main strong{
 color: #fb0000;
 display: block;
 margin-bottom: 20px;
 font-weight: bold;
}
.page .main h2{
 position: relative;
 background-color: #FFE792;
 color: #69BC82;
 text-align: center;
 font-size: 220%;
 font-weight: bold;
 padding: 10px 0 6px 0;
 margin-bottom: 30px;
 letter-spacing: 2px;
 border-radius: 10px;          
    -webkit-border-radius: 10px;  
    -moz-border-radius: 10px;     
}
.page .main h2:after {
  position: absolute;
  content: '';
  top: 100%;
  left: 48.5%;
  border: 10px solid transparent;
  border-top: 10px solid #ffe792;
  width: 0;
  height: 0;
}

.page .main h3{
 padding-left: 25px;
 font-weight: bold;
 font-size: 160%;
 background: url(../images/common/h3-bg.png) no-repeat left 7px;
 background-size: 20px auto;
}

}/* pc */
@media screen and (max-width: 698px) {/* SP */
.page #main{
 padding-top: 40px;
}
.page .main h2{
 position: relative;
 background-color: #FFE792;
 color: #69BC82;
 text-align: center;
 font-size: 150%;
 font-weight: bold;
 padding: 6px 0;
 margin-bottom: 30px;
 letter-spacing: 2px;
 border-radius: 10px;          
    -webkit-border-radius: 10px;  
    -moz-border-radius: 10px;     
}
.page .main h2:after {
  position: absolute;
  content: '';
  top: 100%;
  left: 48.5%;
  border: 10px solid transparent;
  border-top: 10px solid #ffe792;
  width: 0;
  height: 0;
}

.page .main h3{
 padding-left: 23px;
 font-weight: bold;
 font-size: 140%;
 background: url(../images/common/h3-bg.png) no-repeat left 6px;
 background-size: 17px auto;
}

}/* SP end */

/* -----------------
  天神園について
-------------------- */

.yoko .main p.red,
.tenjin .main p.red{
 color: #E3007B;
}
.g_map {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.g_map iframe,
.g_map object,
.g_map embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.yoko .group_2 .t_1,
.tenjin .group_2 .t_1{
 text-align: right;
}

@media screen and (min-width: 699px) {/* PC */

.yoko .group_1 li,
.tenjin .group_1 li{
 width: 31.333%;
 float: left;
 margin-right: 3%;
}

.yoko .group_1 li:last-child,
.tenjin .group_1 li:last-child{
 width: 31.333%;
 float: right;
 margin-right: 0;
}
.yoko .group_1 li img,
.tenjin .group_1 li img{
 margin-bottom: 10px;
}
.company .main table,
.yoko .main table,
.tenjin .main table {
 width: 100%;
 border: 1px solid #5A5A5A;
 margin-bottom: 20px;
}

.company .main table th,
.yoko .main table th,
.tenjin .main table th{
 padding: 20px 10px;
 text-align: center;
 border-bottom: 1px solid #5A5A5A;
 border-right: 1px solid #5A5A5A;
 background-color: #efefef;
}
.company .main table th{
 width: 30%;
}

.company .main table td,
.yoko .main table td,
.tenjin .main table td{
 padding: 20px 10px;
 text-align: center;
 vertical-align: middle;
 border-bottom: 1px solid #5A5A5A;
 border-right: 1px solid #5A5A5A;
}
.yoko .main p.red,
.tenjin .main p.red{
 font-size: 130%;
 font-weight: bold;
}
.yoko .group_2 .l_box,
.tenjin .group_2 .l_box{
 width: 65%;
 float: left;
}
.yoko .group_2 .r_box,
.tenjin .group_2 .r_box{
 width: 30%;
 float: right;
}
.yoko .group_2 .l_box li,
.tenjin .group_2 .l_box li{
 float: left;
 width: 30%;
}

.yoko .group_2 .r_box span,
.yoko .group_2 .l_box li span,
.tenjin .group_2 .r_box span,
.tenjin .group_2 .l_box li span{
 font-size: 130%;
 font-weight: bold;
 color: #E3007B;
}
.yoko .group_3 .l_box,
.tenjin .group_3 .l_box{
 width: 33%;
 float: left;
}
.yoko .group_3 .r_box,
.tenjin .group_3 .r_box{
 float: right;
 width: 65%;
}
.yoko .group_3 .mgt,
.tenjin .group_3 .mgt{
 margin-top: 30px;
}
}/* pc */
@media screen and (max-width: 698px) {/* SP */
.yoko .group_1 li,
.tenjin .group_1 li{
 width: 100%;
 margin-bottom: 20px;
}
.yoko .group_1 li:last-child,
.tenjin .group_1 li:last-child{
}
.yoko .group_1 li img,
.tenjin .group_1 li img{
 margin-bottom: 10px;
} 
.company .main table,
.yoko .main table,
.tenjin .main table {
 width: 100%;
 border: 1px solid #5A5A5A;
 margin-bottom: 20px;
}
.company .main th,
.yoko .main table th,
.tenjin .main table th{
 padding: 20px 10px;
 text-align: center;
 border-bottom: 1px solid #5A5A5A;
 border-right: 1px solid #5A5A5A;
 background-color: #efefef;
}
.company .main th{
 width: 10%;
}

.company .main td,
.yoko .main table td,
.tenjin .main table td{
 padding: 20px 10px;
 text-align: center;
 vertical-align: middle;
 border-bottom: 1px solid #5A5A5A;
 border-right: 1px solid #5A5A5A;
}
.yoko .main p.red,
.tenjin .main p.red{
 font-size: 130%;
 font-weight: bold;
}
.yoko .group_2 .l_box,
.tenjin .group_2 .l_box{
 width: 100%;
 float: left;
 clear: both;
 margin-bottom: 20px;
}
.yoko .group_2 .r_box,
.tenjin .group_2 .r_box{
 width: 100%;
 float: left;
 clear: both;
}
.yoko .group_2 .l_box li,
.tenjin .group_2 .l_box li{
 float: left;
 margin-right: 20px;
}

.yoko .group_2 .r_box span,
.yoko .group_2 .l_box li span,
.tenjin .group_2 .r_box span,
.tenjin .group_2 .l_box li span{
 font-size: 130%;
 font-weight: bold;
 color: #E3007B;
}
.yoko .group_3 .l_box,
.tenjin .group_3 .l_box{
 width: 100%;
 float: left;
 margin-bottom: 10px;
}
.yoko .group_3 .r_box,
.tenjin .group_3 .r_box{
 float: right;
 width: 100%;
}
.yoko .group_3 .mgt,
.tenjin .group_3 .mgt{
 margin-top: 20px;
}

}/* sp */


/* -----------------
 ちゃーふるらんどについて
-------------------- */
.about .main p{
 margin-bottom: 30px;
}
.about .main .t_r{
 text-align: right;
}
@media screen and (min-width: 699px) {/* PC */
}/* pc */
@media screen and (max-width: 698px) {/* SP */
}/* sp */
/* ---------------------------
 注意事項
 ----------------------------- */

.notes .group_3 ul._1 li,
.notes .group_2 li,
.notes .group_1 li{
 background: url(../images/page/list-1.png) no-repeat left 2px;
 background-size: 15px auto;
 padding-left: 20px;
 margin-bottom: 20px; 
} 
.notes .group_3 ul._2 li{
 float: left;
 background: url(../images/page/list-2.png) no-repeat left 2px;
 background-size: 15px auto;
 padding-left: 20px;
 margin-bottom: 20px;
 padding-right: 20px; 
}
.notes .group_3 h3{
 margin-top: 40px;
 margin-bottom: 20px;
}
.notes .group_3 span{
 color: #E3007B;
}
/* ----------------------
  お問い合わせ
------------------------- */
#mfp_hidden {
    display: none;
}
.inlineframe{
 -webkit-overflow-scrolling: touch;
 box-sizing: border-box;
 background-color: #fff;
 padding: 20px;
 margin: 30px 0;
 width: 100%;
 height:250px;
 overflow:auto;
 overflow-y:scroll;
 overflow-x:hidden;
 border: 1px solid #ccc;
}
.inlineframe strong{
 text-align: center;
 font-size: 110%;
}
.inlineframe dl{
 padding-bottom: 20px;
 font-size: 100% !important;
}
.inlineframe dt{
 margin-top: 20px;
 font-size: 110%;
 display: block;
 text-align: left !important;
 width: 100% !important;
 font-weight: bold;
 float: none !important;
 border: none !important;
}
.inlineframe dd{
 float: none !important;
 border: none !important;
 padding-left: 0 !important;
}
.privacy_check{
 text-align: center;
 margin-bottom: 20px;
}
table .hissu{
 text-align: center;
 float: right; 
 background-color: #e30000;
 font-size: 70%;
 color: #fff;
 line-height: 25px;
 width: 30px;
 display: block;
}
.thanks .link_btn{
 margin-top: 20px;
}
.thanks .link_btn a:hover{
 opacity: 0.7;
}
#mfp_thanks{
 text-align: center;
}
#errormsg_プライバシーポリシーに同意する{
 text-align: center;
 max-width: 340px;
 margin-left: auto;
 margin-right: auto;
}
.contact h3{
 display: table;
 margin: 20px auto;
}
.contact .text_1{
 text-align: center;
}

.thanks .link_btn a,
button {
 display: block;
 margin-left: auto;
 margin-right: auto;
 background: #e3007b url(../images/button-bg.png)no-repeat 90% center;
 background-size: 10px auto;
 width: 300px;
 padding: 15px 0;
 border: none;
 text-align: center;
 text-decoration: none;
 color: #fff;
 font-size: 100%;
}
button:hover{
 opacity:0.7;
}


 
@media screen and (min-width: 699px) {/* PCまで */
table.style02{
 width: 100%;
 background-color: #f7f7f7;
}
table.style02 .bg{
 background-color: #ebebeb;
}
table.style02 th{
 width: 25%;
 text-align: left;
 padding: 10px 0 10px 80px;
}
table.style02 td{
 padding: 10px 0 10px 20px; 
}
input.jyusho{
 width: 60%;
}
textarea{
 height: 170px !important;
 width: 60% !important;
}

}/* pc */

@media screen and (max-width: 698px) {/* SP */
table.style02{
 box-sizing: border-box;
 width: 100%;
 background-color: #f7f7f7;
}
table.style02 tr{
 display: block;
}
table.style02 .bg_1{
 background-color: #ebebeb;
}
table.style02 th{
 box-sizing: border-box;
 display: block;
 width: 94%;
 text-align: left;
 font-weight: bold;
 padding: 10px 3% 0 3%;
}
table.style02 td{
 width: 94%;
 box-sizing: border-box;
 display: block;
 padding: 10px 0 10px 3%; 
}
input.jyusho{
 width: 95% !important;
}
textarea{
 height: 150px !important;
 width: 290px !important; 
}

}/* sp */ 
/* ---------------------------
 
 ----------------------------- */
@media screen and (min-width: 699px) {/* PCまで */
}/* pc */
@media screen and (max-width: 698px) {/* SP */
}/* sp */