@charset "utf-8";
/* CSS Document */

li a {
	text-decoration: none;
}
.back_col01 {
	background:#ffeaea;
	color:#666666;
	padding:5px;
	width:100%;
	display:block;
	margin-right:10px;
	font-size:1.1em;
	font-weight:600;
	text-align: center;

}
.back_col02 {
	background:#ffefff;
	color:#666666;
	padding:5px;
	width:100%;
	display:block;
	margin-right:10px;
	font-size:1.1em;
	font-weight:600;
	text-align: center;

}
.back_col03 {
	background:#eaffea;
	color:#666666;
	padding:5px;
	width:100%;
	display:block;
	margin-right:10px;
	font-size:1.1em;
	font-weight:600;
	text-align: center;
}
.back_col04 {
	background:#ffffe0;
	color:#666666;
	padding:5px;
	width:100%;
	display:block;
	margin-right:10px;
	font-size:1.1em;
	font-weight:600;
	text-align: center;
}
.back_col05 {
	background:#e5e5ff;
	color:#666666;
	padding:5px;
	width:100%;
	display:block;
	margin-right:10px;
	font-size:1.1em;
	font-weight:600;
	text-align:center;
}

.back_col07 {
	background:#e5fafc;
	color:#666666;
	padding:5px;
	width:100%;
	display:block;
	margin-right:10px;
	font-size:1.1em;
	font-weight:600;
	text-align: center;
}

.box {
	padding:0.5em;
	border:#C5C5C5 1px solid;
	margin-bottom:2em;
	background-color:#F8F8F8;
	box-shadow: 2px 2px 2px 2px #E5E5E5;
	-webkit-box-shadow: 2px 2px 2px 2px #E5E5E5;
	-moz-box-shadow: 2px 2px 2px 2px #E5E5E5;
	border-radius:5px;
}


.line {
	background: linear-gradient(transparent 60%, #e5e5ff 0%);
	width:35%;
}

.f_mail {
	width: 80%;
    background-color: #f19131;
    color: #FFFFFF;
    padding: 7px 20px;
    text-align: center;
    margin: 0 auto 15px auto;
    display: block;
	border-radius:10px;
	font-weight:bold;
}
.f_mail:hover {
	background-color:#FF7435;
}
.f_line {
    width: 80%;
    color: #ffffff;
    background: #5cc370;
    padding: 7px 20px;
    text-align: center;
    margin: 0 auto 15px auto;
    display: block;
    border-radius: 10px;
    font-weight: bold;
}
.f_line:hover {
    background: #47b25b;
}
.f_map {
	width: 80%;
    background-color: #2DB1BD;
    color: #FFFFFF;
    padding: 7px 20px;
    text-align: center;
    margin: 0 auto 15px auto;
    display: block;
	border-radius:10px;
	font-weight:bold;
}
.f_mapl:hover {
	background-color:#2DB1BD;
}

.center {
	text-align:center;
}
.fa-phone-square {
	padding-right:0.3em;
	color:#999999;
	font-size: 1.2em !important;
}

.tel_no2 {
	font-size:180%;
	font-weight:bold;
	padding-top:0.2em;
	display:block;
}
.font_s {
	font-size:0.6em;
	font-weight:300;
}

.left_box a:link,a:visited{
	text-decoration:none;
	cursor:pointer;
}
.center_box a:link,a:visited{
	text-decoration:none;
	cursor:pointer;
}

.ml15
{
	padding-left:5%;
}

@media screen and (min-width: 0px) and (max-width: 750px) 
{

#item,#photo,#shitami,#mail,#return,#access,#early,#line{
	margin-top: -90px;
	padding-top: 90px;
}

	.c_contents
	{
		line-height:1.8rem;
		margin-top:3%;
		padding: 3%;
		Z-index: 10;
	}

	.c_contents li
	{
	padding-bottom: 0.1em;
	border-bottom: 1px #D6D6D6 solid;
	  padding-top: 0.5em;
	}

	.c_contents	li .border_none {
	  border: none;
	}

	.c_contents	li::after {
	font-family: "Font Awesome 5 Free";
	content: "\f107";
	font-weight: bold;
	color: #a9a8a8;
	position: absolute;
	right: 8%;

}

		
	.box{
	margin:3%;
	padding:3%;	
	}
	

	#obj_box{
	margin:0 auto;
	width:295px;
	}
	
	#obj_box ul{
	margin-top:1em;
	}
	
	#obj_box li{
	line-height:2;
	}
	
	#obj_box li a {
	text-decoration:none;
	}
	
	.box_inner{
		margin-top:1em;
	}
	
	.text_color{
		display:block;
		margin:1rem 1rem;
	}
	
		.f_yoyaku {
	width: 80%;
    background-color: #ff8989;
    color: #FFFFFF;
    padding: 7px 20px;
    text-align: center;
    margin: 0 auto 15px auto;
    display: block;
	border-radius:10px;
	font-weight:bold;
}
.f_yoyaku:hover {
	background-color:#FF494C;
}
.text_nomal a{
	text-decoration: none;
}

.f_yoyaku_furi {
	width: 80%;
    border: #f6668d 1px solid;
    color: #666666;
    padding: 3px 20px;
    text-align: center;
    margin: 0 auto 15px auto;
    display: block;
	border-radius:10px;
	font-size:1.1em;
	font-weight:bold;
	letter-spacing:2px;
	background-color:#ffe4ec;
}
.f_yoyaku_furi:hover {
	background-color:#FFFFFF;
}
.f_yoyaku_ha {
	width: 80%;
    border: #27c4d2 1px solid;
    color: #666666;
    padding: 3px 20px;
    text-align: center;
    margin: 0 auto 15px auto;
    display: block;
	border-radius:10px;
	font-size:1.1em;
	font-weight:bold;
	letter-spacing:2px;
	background-color:#daf3f6;
}
.f_yoyaku_ha:hover {
	background-color:#FFFFFF;
}
.f_yoyaku_mon {
	width: 80%;
    border: #657dd8 1px solid;
    color: #666666;
    padding: 3px 20px;
    text-align: center;
    margin: 0 auto 15px auto;
    display: block;
	border-radius:10px;
	font-size:1.1em;
	font-weight:bold;
	letter-spacing:2px;
	background-color:#e2e7fa;
}
.f_yoyaku_mon:hover {
	background-color:#FFFFFF;
}
.f_yoyaku_for {
	width: 80%;
    border: #ae77c6 1px solid;
    color: #666666;
    padding: 3px 20px;
    text-align: center;
    margin: 0 auto 15px auto;
    display: block;
	border-radius:10px;
	font-size:1.1em;
	font-weight:bold;
	letter-spacing:2px;
	background-color:#ece1f1;
}
.f_yoyaku_for:hover {
	background-color:#FFFFFF;
}
.f_yoyaku_kids {
	width: 80%;
    border: #ffad00 1px solid;
    color: #666666;
    padding: 3px 20px;
    text-align: center;
    margin: 0 auto 15px auto;
    display: block;
	border-radius:10px;
	font-size:1.1em;
	font-weight:bold;
	letter-spacing:2px;
	background-color:#ffecc5;
}

.f_yoyaku_kids:hover {
	background-color:#FFFFFF;
}
.f_yoyaku_bra {
	width: 80%;
    border: #E15052 1px solid;
    color: #666666;
    padding: 3px 20px;
    text-align: center;
    margin: 0 auto 15px auto;
    display: block;
	border-radius:10px;
	font-size:1.1em;
	font-weight:bold;
	letter-spacing:2px;
	background-color:#FFE9E9;
}
	.c_ad
	{
		text-align:center;
}
	.line
	{
		display:block;
		margin-top:1rem;
	}
p.contact_tit {
    font-size: 1.1rem;
    margin-bottom: 0.5em;
}
.box_inner.under_line {
    border-bottom: 1px dotted #777;
    padding-bottom: 1em;
}
p.contact_tit .fa-envelope {
    margin-bottom: 0;
}
}


@media screen and (min-width:751px) and (max-width: 1024px) 
{	

#item,#photo,#shitami,#mail,#return,#access,#early,#line{
	margin-top: -90px;
	padding-top: 90px;
}

	.box{
	margin:3%;
	padding:3%;	
	}
	
	.c_contents
	{
		line-height: 1.8rem;
		margin-top: 5%;
		padding: 5px;
		width: 95%;
		margin: 0 auto;

	}

	.c_contents li
	{
	padding-bottom: 0.1em;
	border-bottom: 1px #D6D6D6 solid;
	padding: 0.5em 0 0 0.8em;
	

	}

	.c_contents	li::after {
	font-family: "Font Awesome 5 Free";
	content: "\f107";
	font-weight: bold;
	color: #a9a8a8;
	position: absolute;
	right: 5%;

}




	.c_phone	{display:none;}
	
	.c_left {
	width: 100%;
    float: left;
}

	.box_inner{
		margin-top:1em;
	}
	.box_inner p {
		text-align:center;
	}
	
	.text_color{
		display:block;
		margin:1rem 1rem;
	}
	
	.f_yoyaku {
	width: 80%;
    background-color: #ff8989;
    color: #FFFFFF;
    padding: 7px 20px;
    text-align: center;
    margin: 0 auto 15px auto;
    display: block;
	border-radius:10px;
	font-weight:bold;
}
.f_yoyaku:hover {
	background-color:#FF494C;
}
.text_nomal a{
	text-decoration: none;
}

.f_yoyaku_furi {
	width: 80%;
    border: #f6668d 1px solid;
    color: #666666;
    padding: 3px 20px;
    text-align: center;
    margin: 0 auto 15px auto;
    display: block;
	border-radius:10px;
	font-size:1.1em;
	font-weight:bold;
	letter-spacing:2px;
	background-color:#ffe4ec;
}
.f_yoyaku_furi:hover {
	background-color:#FFFFFF;
}
.f_yoyaku_ha {
	width: 80%;
    border: #27c4d2 1px solid;
    color: #666666;
    padding: 3px 20px;
    text-align: center;
    margin: 0 auto 15px auto;
    display: block;
	border-radius:10px;
	font-size:1.1em;
	font-weight:bold;
	letter-spacing:2px;
	background-color:#daf3f6;
}
.f_yoyaku_ha:hover {
	background-color:#FFFFFF;
}
.f_yoyaku_mon {
	width: 80%;
    border: #657dd8 1px solid;
    color: #666666;
    padding: 3px 20px;
    text-align: center;
    margin: 0 auto 15px auto;
    display: block;
	border-radius:10px;
	font-size:1.1em;
	font-weight:bold;
	letter-spacing:2px;
	background-color:#e2e7fa;
}
.f_yoyaku_mon:hover {
	background-color:#FFFFFF;
}
.f_yoyaku_for {
	width: 80%;
    border: #ae77c6 1px solid;
    color: #666666;
    padding: 3px 20px;
    text-align: center;
    margin: 0 auto 15px auto;
    display: block;
	border-radius:10px;
	font-size:1.1em;
	font-weight:bold;
	letter-spacing:2px;
	background-color:#ece1f1;
}
.f_yoyaku_for:hover {
	background-color:#FFFFFF;
}
.f_yoyaku_kids {
	width: 80%;
    border: #ffad00 1px solid;
    color: #666666;
    padding: 3px 20px;
    text-align: center;
    margin: 0 auto 15px auto;
    display: block;
	border-radius:10px;
	font-size:1.1em;
	font-weight:bold;
	letter-spacing:2px;
	background-color:#ffecc5;
}
.f_yoyaku_kids:hover {
	background-color:#FFFFFF;
}
.f_yoyaku_bra {
	width: 80%;
    border: #E15052 1px solid;
    color: #666666;
    padding: 3px 20px;
    text-align: center;
    margin: 0 auto 15px auto;
    display: block;
	border-radius:10px;
	font-size:1.1em;
	font-weight:bold;
	letter-spacing:2px;
	background-color:#FFE9E9;
}
p.contact_tit {
    font-size: 1.1rem;
    margin-bottom: 0.5em;
}
.box_inner.under_line {
    border-bottom: 1px dotted #777;
    padding-bottom: 1em;
}
}

@media screen and (min-width:1025px), print, tv
{
	.c_phone	{display:none;}

.inquiry_base
	{
    width: 100%;
    max-width: 1280px;
    margin: 0 auto 0 auto;
	}
	
#inquiry_box {
	width:100%;
	margin: 0 auto;
	margin-top:30px;
	display:inline-block;
	font-size:0.9em;
	color:#474747;
}
.left_box {
	width:31%;
	margin-right:30px;
	float:left;
}
.center_box {
	width:31%;
	margin-right:30px;
	float:left;
}
.right_box {
	width:31%;
	float:left;
}
.inner_box {
	width:100%;
	display:inline-block;
}
.inner_left {
	width:50%;
	border-right:#7A7A7A 1px dotted;
	float:left;
}
.inner_right {
	width:50%;
	float:left;
	padding-left:10px;
}

.box_inner {
	background:#FFFFFF;
	padding:0.5em;
	

}

#inquiry_box p {
	margin:15px 0;
}


.font10 {
	font-size:1.1em;
}
.tel_no {
	font-size:160%;
	font-weight:bold;
	padding-top:0.2em;
}

.whatsapp {
	font-size:2.4em;
	padding-left:10px;
	vertical-align: sub;
	color:#999999;
}
.fa-envelope-o {
	font-size:1.5em !important;
	padding-right: 0.3em;
    vertical-align: text-top;
}
.fa-map-o {
	font-size:1.5em !important;
	padding-right: 0.3em;
    vertical-align: text-top;
}
.under_line {
	border-bottom:#5A5A5A 1px dotted;
	padding-bottom:8px;
}
.text_nomal a{
	text-decoration: none;
}
.text_color {
	color:#555;
	font-size:1.1em;
	font-weight:400;
}

.f_yoyaku {
	width: 80%;
    background-color: #ff8989;
    color: #FFFFFF;
    padding: 7px 20px;
    text-align: center;
    margin: 0 auto 15px auto;
    display: block;
	border-radius:10px;
	font-weight:bold;
}
.f_yoyaku:hover {
	background-color:#FF494C;
}


.f_yoyaku_furi {
	width: 80%;
    border: #f6668d 1px solid;
    color: #666666;
    padding: 3px 20px;
    text-align: center;
    margin: 0 auto 15px auto;
    display: block;
	border-radius:10px;
	font-size:1.1em;
	font-weight:bold;
	letter-spacing:2px;
	background-color:#ffe4ec;
}
.f_yoyaku_furi:hover {
	background-color:#FFFFFF;
}
.f_yoyaku_ha {
	width: 80%;
    border: #27c4d2 1px solid;
    color: #666666;
    padding: 3px 20px;
    text-align: center;
    margin: 0 auto 15px auto;
    display: block;
	border-radius:10px;
	font-size:1.1em;
	font-weight:bold;
	letter-spacing:2px;
	background-color:#daf3f6;
}
.f_yoyaku_ha:hover {
	background-color:#FFFFFF;
}
.f_yoyaku_mon {
	width: 80%;
    border: #657dd8 1px solid;
    color: #666666;
    padding: 3px 20px;
    text-align: center;
    margin: 0 auto 15px auto;
    display: block;
	border-radius:10px;
	font-size:1.1em;
	font-weight:bold;
	letter-spacing:2px;
	background-color:#e2e7fa;
}
.f_yoyaku_mon:hover {
	background-color:#FFFFFF;
}
.f_yoyaku_for {
	width: 80%;
    border: #ae77c6 1px solid;
    color: #666666;
    padding: 3px 20px;
    text-align: center;
    margin: 0 auto 15px auto;
    display: block;
	border-radius:10px;
	font-size:1.1em;
	font-weight:bold;
	letter-spacing:2px;
	background-color:#ece1f1;

}
.f_yoyaku_for:hover {
	background-color:#FFFFFF;
}
.f_yoyaku_kids {
	width: 80%;
    border: #ffad00 1px solid;
    color: #666666;
    padding: 3px 20px;
    text-align: center;
    margin: 0 auto 15px auto;
    display: block;
	border-radius:10px;
	font-size:1.1em;
	font-weight:bold;
	letter-spacing:2px;
	background-color:#ffecc5;
}
.f_yoyaku_kids:hover {
	background-color:#FFFFFF;
}
.f_yoyaku_bra {
	width: 80%;
    border: #E15052 1px solid;
    color: #666666;
    padding: 3px 20px;
    text-align: center;
    margin: 0 auto 15px auto;
    display: block;
	border-radius:10px;
	font-size:1.1em;
	font-weight:bold;
	letter-spacing:2px;
	background-color:#FFE9E9;
}
.f_yoyaku_bra:hover {
	background-color:#FFFFFF;
}

.f_right {
	float:right;
	font-size:0.8em;
	text-decoration:underline;
}
.f_left {
	float:left;
	font-size:0.8em;
	text-decoration:underline;
	margin-left:3em;
}
p.contact_tit {
    font-size: 1.1rem;
    display: inline-block;
    background: linear-gradient(transparent 60%, #eaffea 0%);
}
}