@charset "UTF-8";

/*
薄い色
#92CDE8

濃い色
#59A2C4
*/

body {
	margin: 0 auto;
	color: #454545;.over3 dl.price-list dd
	font-size: 13px;
	line-height: 1.6;
	letter-spacing: 0;
	font-family:"游ゴシック",YuGothic,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	counter-reset: num;

}

/*明朝体font*/
.serif{
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}


img {
	max-width: 100%;
	height: auto;
	box-sizing: border-box;
}

/*グラデボーダー*/
.grad-line{
	background-image: linear-gradient(to right, #fff 0%, #ddeca2 30%, #accf19 50%, #ddeca2 70%, #fff 100%);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 2px ;/*1pxのとこが線の太さ*/
    height: 50px;
    width: 100%;
}







/* 共通
================================================== */

/* リンク
------------------------------ */

a {
	color: inherit;
	transition: All 0.4s ease;
	text-decoration: none;

}
a:hover {
	opacity: .6;
	text-decoration: underline;
}
a img {
	transition: All 0.4s ease;
}
a:hover img {
	opacity: .6;
}

a.link-icon{
	display: block;
	width: 100px;
	margin: 10px auto;
	border: 4px solid #f4b5cf;
	border-radius: 30px;
}

a.link-icon + span{
	display: block;
	margin: 5px auto;
	text-align: center;
}


/* リスト
------------------------------ */

ul.def {
	margin: 0 0 15px;
}
ul.def li {
	padding: 5px 0 5px 12px;
	border-bottom: 1px dotted #cfcfcf;
	background: url(../images/common/ico_arrow01.png) left center no-repeat;
}


/* 定義リスト
------------------------------ */

dl.def dt {
	margin: 0 0 5px;
	padding: 0 0 0 14px;
	font-weight: bold;
	background: url(../images/common/ico_arrow01.png) left center no-repeat;
}
dl.def dd {
	margin: 0 0 8px;
	padding: 0 0 0 25px;
}


/* バナー・ボタン
------------------------------ */

p.text-more {
	padding: 12px 0 0;
	text-align: right;
}
p.text-more a {
	padding: 0 0 0 12px;
	color: inherit;
	background: url(../images/common/ico_arrow02.png) left center no-repeat;
}

/*-------------▼▼▼　sp　css　▼▼▼-------------*/
	@media(max-width: 768px){


	}
/*-------------▲▲▲　sp　css　▲▲▲-------------*/


/* ページネーション
------------------------------ */

ul.pagenation {
	margin: 0 0 20px;
	text-align: center;
	font-size: 0;
	letter-spacing: 0;
}
ul.pagenation li {
	width: 25px;
	margin: 0 3px;
	text-align: center;
	line-height: 30px;
	font-size: 13px;
	border: 1px solid #cfcfcf;
	vertical-align: top;
	display: inline-block;
}
ul.pagenation li.current {
	color: #fff;
	background: #92CDE8;
}
ul.pagenation li.dot {
	width: 15px;
	margin: 0 1px;
	border: none;
}
ul.pagenation li a {
	text-decoration: none;
	display: block;
}
ul.pagenation li a:hover {
	text-decoration: underline;
}


/* パンくずリスト
------------------------------ */

.site-breadcrumbs {/*もしくはbreadcrumbs*/
	min-height: 25px;
	margin: 0 0 15px;
	font-size: 0;
	letter-spacing: 0;
	overflow: hidden;
	padding: 5px 0;
}
.site-breadcrumbs li {
	font-size: 14px;
	display: inline;
}
.site-breadcrumbs a {
	background: url(../images/common/ico_arrow01.png) right center no-repeat;
	margin: 0 5px 0 0;
	padding: 0 10px 0 10px;
}


/* ページ内リンク
------------------------------ */

.anchor-links {
	margin: 0 0 15px;
	text-align: center;
	font-size: 0;
	letter-spacing: 0;
}
.anchor-links li {
	width: 30%;
	height: 35px;
	margin: 0 1% 10px;
	line-height: 35px;
	font-size: 13px;
	border: 1px solid #cfcfcf;
	background: linear-gradient(#fff, #e3e3e3);
	display: inline-block;
	vertical-align: top;
	overflow: hidden;
}
.anchor-links a {
	display: block;
}


/* クリアフィックス
------------------------------ */

.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
}


/* ヘッダー
================================================== */

.site-header {
	background: url(../images/common/head-cloud.png) no-repeat left top,
	url(../images/common/bg-dot-bl.png) repeat center top;
	width: 100%;
	box-shadow: 0 1px 15px 1px rgba(0, 0, 0, 0.1);
	overflow: hidden;
	position: relative;
	z-index: 1000;
	background-size: contain,31px 33px;
}
.h-top{

	color: #fff;
	box-sizing: border-box;
	overflow: hidden;
	background-size: 100%;
	height: 105px;
}
.h-inner{
	overflow: hidden;
	padding: 0 20px;
	box-sizing: border-box;
}

.h-logo {
	padding: 10px 0px 10px 20px;
	text-align: center;
	float: left;
	width: 35%;
	min-width: 130px;
}
.h-contact{
	float: right;
	/* width: 43%; */
	width: 20%;
	min-width: 150px;
	overflow:hidden;
	padding: 10px;
}
.h-tel{
	/* width:31%; */
	width:23%;
	float: left;
}
.h-line{
	/* width:31%; */
	width:40%;
	/* width:23%; */
	float: left;
}
.h-mail{
	/* width:31%; */
	width:50%;
	float: left;
	/* margin: 0 3% 0 4%; */
}
.ham-menu{
	width:40%;
	float: right;
}


.h-bottom{
	background: url(../images/common/h-bottom.png) repeat-x center bottom;
	background-size: 400px 116px;
	border-bottom: 10px solid #6b4949;
}
.h-bottom img{
	width: 40%;
	max-width: 240px;
	opacity: 0;
}


.mainvisual {
	width: 100%;
	margin: -30px auto 0;
	background: url(../images/common/logo-bg.png)no-repeat center top;
	text-align: center;
	overflow: hidden;
	background-size: 100%;
	position: relative;
	padding: 30px 0 30px;
    max-height: 400px;
    max-width: 600px;

}
.catch{
	margin: 0 auto;
	padding: 5% 0 10px;
	width: 85%;
	max-width: 640px;
	background-size: cover

}
.mainvisual p{
	position: absolute;
	margin: 0 auto;
	left: 0;
	right: 0;
	bottom: 50px;
	width: 90%;
	max-width: 640px;
}






.subvisual {
	width: 100%;
	margin: 0 auto;
	text-align: center;
	overflow: hidden;
	background: url(../images/common/subvis.png)no-repeat center top;
	background-size: 100%;
}
.pagetitle{
	margin: 0 auto;
	text-align: center;
	padding: 20px 0 52%;
}


/* フッター
================================================== */

.site-footer {
	background: url(../images/common/bg-dot-bl.png) repeat center top;
	clear: both;
	box-sizing: border-box;
	padding: 40px 0 0;
}
.f-inner {
	margin:0 auto 40px;
	background: rgba(255,255,255,.6);
	border-radius: 8px;
	padding: 15px;
	box-sizing: border-box;
	position: relative;
	z-index: 1;
	max-width: 480px;
	width: calc(100% - 20px) ;
}
.f-logo-bg{
	position: absolute;
	top: -11%;
	left: 0;
	right: 0;
	margin: 0 auto;
	z-index: -1;
}


.f-logo{
	overflow: hidden;
	text-align: center;
}
.f-logo img{
	width: 100%;

}
.f-logo span{
	color: #fff;
	font-size: 12px;
	padding-top: 28px;
	float: right;
}

.f-contact{
	margin: 10px auto 0;
}
.f-address{
	color: #fff;
	font-size: 13px;
	background-color: #3a66a5;
	padding: 10px;
	text-align: center;
	margin: 10px auto;
	border-radius: 8px;

}

/* グローバルナビ
------------------------------ */

.f-nav {
	padding: 15px;
	overflow: hidden;
	background: url(../images/common/f-nav-bg.png) no-repeat center bottom;
	background-size: cover;
	width: 100%;
	box-sizing: border-box;

}
.f-nav li {
	line-height: 30px;
	font-size: 13px;
	letter-spacing: 0;
	background: url(../images/common/common_icon.png) 4px center no-repeat;
	box-sizing: border-box;
	float: left;
	width: 50%;
	padding: 0 0 0 15px;
}
.f-nav li a {
	color: #000;
	display: block;
}


/* ホームへリンク・トップへリンク
------------------------------ */

.f-topnav {
	margin: 0 0 1px;
	background: #92CEEA;
	overflow: hidden;
}
.f-topnav li {
	width: 50%;
	text-align: center;
	float: left;
}
.f-topnav li a {
	padding: 10px 0;
	display: block;
}


/* コピーライト
------------------------------ */

.f-copy {
	color: #fff;
	font-size: 12px;
	line-height: 30px;
	text-align: center;
	background: #3a66a5;
	display: block;
}
.f-copy a {
	color: #fff;
}


/* ページトップへ戻る
------------------------------ */

.backtotop {
	display: none;
	position: fixed;
	right: 20px;
	bottom: 30px;
	z-index: 9000;
}


/* コンテンツ
================================================== */

.site-body {
	width: 100%;
	max-width: 640px;
	margin: 0 auto;
	padding: 0px 1em;
	box-sizing: border-box;
	}





/* 記事骨格
------------------------------ */

.item-box {
	padding: 0 0 40px;
}
.item-text {
	overflow: hidden;
}




/* 見出し
------------------------------ */

.item-title-h3 {
	line-height: 1.2;
	margin: 0 auto 40px;
	width: 80%;
	max-width: 400px;
	position: relative;
	text-align:center;
}
.item-title-h3 span {
	font-size: 65%;
	letter-spacing: 0.1em;

}
.top-title-h3 {
	line-height: 1.2;
	margin: 0 auto 40px;
	width: 70%;
	position: relative;
}
.top-title-h3 span {
	background: #c5b0d6;
	color: #fff;
	padding: 1px 3px;
	display: block;
	width: 33%;
	text-align: center;
	font-size:70%;
	margin: 0 0 5px;
}
.gothic-title-h3{
	background: url(../images/common/stripe-y.png)repeat-x left bottom;
	background-size: auto 7px;
	padding: 0 0 8px;
	font-size:18px;
	color: #6b4949;
	font-weight: 700;
	text-align: center;
	margin: 0 auto 40px;
	width: 80%;
	line-height: 1.3;
	letter-spacing: 0.1em;
}




.item-title-h4 {
	margin: 0 0 1em;
	font-weight: 700;
	text-align: center;
	font-size: 140%;
}
.item-title-h4 span{
	font-weight: 400;
	display: block;
	margin: 0.6em 0;
	font-size: 80%;
}

.comment-h4{
	font-size: 120%;
	margin: 1em 0 0;
	color:  #6b4949;
	text-align: center;
	border-bottom: 1px solid #ccc;
	font-weight: 700;
}
.comment-h4 span{
	font-size: 80%;
	color: #454545;
}
* ~ .item-title-h4 {
	margin-top: 20px;
}
/*-------------▼▼▼　sp　css　▼▼▼-------------*/
	@media(max-width: 768px){


	}
/*-------------▲▲▲　sp　css　▲▲▲-------------*/



/* 記事サムネイル
------------------------------ */

img.thumb-left {
	max-width: 35%;
	height: auto;
	margin: 0 8px 8px 0;
	float: left;
}
img.thumb-right {
	max-width: 35%;
	height: auto;
	margin: 0 0 8px 8px;
	float: right;
}
img.thumb-center {
	max-width: 100%;
	margin: 0 auto 8px;
	display: block;
}
img.photo {
	padding: 2px;
	background: #fff;
	box-shadow: 0 2px 2px rgba(0,0,0,.2);
	box-sizing: border-box;
}


/* 記事情報
------------------------------ */

.post-data {
	height: 21px;
	margin: 0 0 15px;
	line-height: 21px;
	font-size: 0;
	letter-spacing: 0;
	overflow: hidden;
}
.post-data li {
	margin: 0 8px 0 0;
	padding: 0 8px 0 0;
	font-size: 12px;
	border-right: 1px dotted #aaa;
	display: inline-block;
}
.post-data .item-date {
	margin: 0;
	display: inline;
}
.item-date {
	margin: 0 0 8px;
	padding: 0 0 0 10px;
	font-size: 13px;
	background: url(../images/common/ico_arrow01.png) left center no-repeat;
	display: block;
}


/* 詳細ページ SNSシェアボタン
------------------------------ */

.sns-sharerbtn-list {
	margin: 8px 0;
	padding: 8px 0;
	text-align: center;
	border-top: 1px solid #cfcfcf;
	border-bottom: 1px solid #cfcfcf;
	background: #f0f0f0;
	overflow: hidden;
	clear: both;
}
.sns-sharerbtn-list li {
	margin: 0 4px;
	vertical-align: top;
	display: inline-block;
}


/* 詳細ページ 前後の記事へのリンク
------------------------------ */

.paginated-link {
	margin: 20px 5px;
	overflow: hidden;
}
.paginated-link li {
	width: 48%;
	padding: 0 5px;
	text-align: center;
	font-size: 13px;
	border: 1px solid #cfcfcf;
	border-radius: 4px;
	background: #f0f0f0;
	box-sizing: border-box;
	list-style-type: none;
	margin: 0 0 20px;
}
.paginated-link li.prev-link {
	float: left;
}
.paginated-link li.next-link {
	float: right;
}
.paginated-link li.return-link {
	margin: 20px auto;
	clear: both;
	background-color: #f0f0f0;
	width:;
}
.paginated-link li a {
	height: 35px;
	line-height: 35px;
	display: block;
	overflow: hidden;
}






/* トップページ
================================================== */
section.bg-wh{
	background: #fff;
	position: relative;
	padding: 40px 0 0;
	border-bottom: 10px solid #6b4949;
}

.choco{color: #6b4949;}



section.bg-dot{
	background:  url(../images/common/bg-dot.png)repeat right top;
	padding: 40px 0;
	border-bottom: 10px solid #6b4949;
}
.bg-dot{
	background:  url(../images/common/bg-dot.png)repeat right top;
	padding: 20px 0;

}
.info-img{
	background: url(../images/top/info-img.png) no-repeat center center;
	height: 100px;
	background-size: contain;
	height: 220px;
}
.info{
	text-align: center;
}
.info li{
	padding: 25px 0 20px;
	max-width: 150px;
}

.info li p{
	background: url(../images/common/stripe-y.png) repeat center center;
	color: #6b4949;
	width: 75%;
	margin: 10px auto 15px;
	text-align: center;
	padding: 10px 5px;
	box-sizing: border-box;
	height: 65px;
	font-weight: bold;
	font-size: 110%;
	line-height: 1.2;


}
.info li p span{
	font-size: 180%;

}

.info li p strong{
	background: #009944;
	color:#fff;
	display: block;
	width: 90%;
	margin: 5px auto;
}

.info li.capacity{
	background: url(../images/top/capacity.png) no-repeat center top;
	background-size: 100%;
}
.info li.system{
	background: url(../images/top/system.png) no-repeat center top;
	background-size: 100%;
}


.btn-area li{
	position: relative;
	width: 90%;
	margin: 0 auto 10px;
	max-width: 480px;
}

.btn-area li img{
	display: block;
	margin: 0 auto;
 }

.btn-area li img.right-top{
	position:absolute;
	top:-15px;
	right: -10px;
	z-index:10;
	width: 50px;
}
.btn-area li img.left-bottom{
	position:absolute;
	bottom:-15px;
	left: -5px;
	z-index:10;
	width: 50px;
}

.more-btn{
	position: absolute;
	top: -20px;
	right: 0;
	z-index: 20;
	width: 40%;
	max-width: 120px;
}


section.bnr-area{
	background: url(../images/common/bg-dot-bl.png) repeat center top;
	padding: 40px 20px;
	 border-bottom: 10px solid #6b4949;
}
section.bnr-area .site-body{
	padding: 20px 20px;
	background-color: #FEFAF0;
	box-sizing: border-box;
	position: relative;
	width: 100%;
	margin: 0px auto;
}

section.bnr-area .site-body h3{
    position: absolute;
    right: -15px;
    text-align: right;
    top: -35px;
    width: 90px;

}
section.bnr-area ul{margin: 20px 0 0 0;}
section.bnr-area ul li{
	width: 96%;
	margin: 0 0 10px 20px;
	position: relative;
}
section.bnr-area ul li::before{
	content:"";
	position: absolute;
	background: url(../images/common/flower.png) no-repeat center center;
	background-size: 100%;
	left: -25px;
	top: 0;
	width: 20px;
	height: 20px;
	display: inline-block;
}


.list-btn{
    background: #c5b0d6 url("https://www.himawari-child1.com/design/themes/himawari-child/images/common/list-arrow.png") no-repeat scroll 87% center;
    background-size: 10px;
    border-radius: 16px;
    color: #ffffff;
    width: 100px;
/*
    position: absolute;
    top:1em;
    right:10px;
*/
 	padding: 2px 5px 2px 0px;
 	display:inline-block;
 	font-family:"游ゴシック",YuGothic,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

}


ul.review-list{
	background: rgba(255, 255, 255, 0.4) url("../images/common/review-bg.png") repeat scroll center;
	padding: 10px;
}


ul.review-list > li {
    background: #ffffff none repeat scroll 0 0;
    box-sizing: border-box;
    margin: 0.6em 0.6em 20px;
    padding: 0 0 0.6em;
}
ul.review-list > li:last-child {
	margin:0.6em 0.6em 10px ;
}


.review-info{
	background: #a5732d;
	color: #fff;
	padding:5px 10px;
	box-sizing: border-box;
	overflow: hidden;

}
.review-info li{
	display: inline-block;
	background: transparent;

}
.review-info .review-info-date{
	margin-right: 5%;
}

.review-info .review-info-name{
	margin: 0 1% 0 0;

}
.review-info-comment{
    float: right;
    text-align: right;

}



/*.review-info .review-info-comment{
	display: inline-block;
	background: transparent;
}
*/

.review-body{
	width: 92%;
	margin: 10px auto;
	box-sizing: border-box;
	background: url(../images/common/review-arrow.png) no-repeat right center;

}
.review-title{
	margin: 0 0 10px;
	font-size: 150%;
}
.review-content{
	width: 90%;

}
.review-detail{
	padding: 20px 10px;
	box-sizing: border-box;
	background-color: #fff;

}

/*コメント*/

/* tilte*/
#comments{
	font-weight: 700;
	width: 96%;
	margin: 0 auto 10px;
	background-color: #C5B0D6;
	padding: 7px;
	color: #fff;
	box-sizing: border-box;
	display: none;
}
/*コメントリスト*/
ol.commentlist{
	width: 100%;
	margin: 0 auto;

}
ol.commentlist li{
	border-bottom: 1px solid #ccc;
	padding: 0 0 7px;
}
/*コメントの日付*/
.comment-meta{
	font-size: 80%;
	text-align: right;
	margin-bottom: 10px ;
	background-color: #f5f5f5;
}
/*投稿者の名前*/
.comment-author{
	background-color: #f5f5f5;
	padding: 7px;
	box-sizing: border-box;
}
cite.fn{
	font-weight: 700;
}
/*「より」*/
span.says{
	font-size:80%;
}

.comment-body p{
	padding: 7px;
	obox-sizing: border-box;
}
.comment-body p iframe,.comment-body p img{
	width: 90%;
	margin: 5px auto;

}
.comment-body{
	margin: 0 0 10px;
}


/*ログイン状態表記*/
.logged-in-as{
	margin: 20px 0;
	text-align: center;
	background-color: #F29C9F;
	color: #fff;
	padding: 7px 5px;
	box-sizing: border-box;
}

/*コメントフォーム*/
.comment-form-comment{
	width: 96%;
	margin: 10px auto;
	box-sizing: border-box;
	text-align: center;
}
.comment-form-comment textarea#comment{
	width: 98%;
}
.comment-form-comment label{
	font-weight: 700;
	padding: 0 0 7px;
}
/*コメント送信ボタン*/
.form-submit{
	text-align: center;
	margin: 20px 0 0;
}
.form-submit input{
	width: 50%;
	padding: 10px 5px;
	background-color: #DB797D;
	color: #fff;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	box-shadow: none;
	border:1px solid #DB797D;
	letter-spacing: 0.2em;
	font-size: 120%;
	cursor: pointer;

}

.notice{
	color:#DB797D;
	font-size: 80%;
	margin: 5px auto 10px;
	width: 96%;
}

/*コメント返信*/
.children{
	width:92%;
	margin-left: auto;

}

.children > li {
	border: 1px dashed #cfcfcf;
	border-bottom: none !important;

}

.reply{
	background: #D4B6D6;
	padding: 3px;
	text-align: center;
	width: 50px;
	color: #fff;
	margin-left: auto;
}

/*コメントフォーム名前*/
.comment-form-author,
.comment-form-email,
.comment-form-url{
	width:96%;
	margin: 10px auto;
}
.comment-form-author label,
.comment-form-email label,
.comment-form-url label{
	display: block;
}
.comment-form-author input,
.comment-form-email input,
.comment-form-url input{
	width: 100%;
	padding: 5px 3px;
	box-sizing: border-box;
}


section.bnrarea{
	position: relative;
	background: #fae9e5;
	padding: 20px 0 40px;

}
ul.bnr{margin-bottom: 20px;}
ul.bnr li{
	margin: 0 0 20px;
}
ul.bnr li img{
	display: block;
	margin: 0 auto;
}
ul.bnr li:last-child{
	margin: 0;
}
/* 新着情報
------------------------------ */

.news-list li {
	height: 35px;
	line-height: 35px;
	border-bottom: 1px dotted #cfcfcf;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}
.news-list li span {
	margin: 0 8px 0 0;
}



/* ブログ
------------------------------ */

.thumb-post-list {
	padding: 5px 0;
	overflow: hidden;
}
	.thumb-post-list li {
		padding: 8px 0;
		border-bottom: 1px dotted #cfcfcf;
		overflow: hidden;
	}
		.thumb-post-list .left {
			width: 45%;
			height: 0;
			padding: 0 0 29%;
			overflow: hidden;
			float: left;
		}
			.thumb-post-list .left img {
				width: 100%;
				height: auto;
			}
		.thumb-post-list .right {
			width: 55%;
			padding: 0 10px;
			float: left;
			box-sizing: border-box;
		}
			.thumb-post-list .right .date {
				line-height: 18px;
				font-size: 12px;
			}
			.thumb-post-list .right .title {
				max-height: 3em;
				margin: 0 0 5px;
				line-height: 1.5em;
				overflow: hidden;
				display: inline-block;
				vertical-align: top;
			}
			.thumb-post-list .right .body {
			}

	/* 2カラム表示 .column2 */
	.thumb-post-list.column2 li {
		width: 50%;
		float: left;
	}

	/* 一個目の記事だけ大きく表示 .big-first */
	.thumb-post-list.big-first li:first-child {
		width: 100%;
	}
		.thumb-post-list.big-first li:first-child .right .title {
			font-size: 16px;
		}



/* 下層ページ
================================================== */

/* サイトマップ
------------------------------ */

.sitemap-list li {
	padding: 0 0 0 15px;
	line-height: 40px;
	border-bottom: 1px dotted #ccc;
	background: url(../images/common/ico_arrow01.png) 5px center no-repeat;
}

.sitemap-list li a{
	display: block;
	padding: 10px 0;
}








/* ギャラリー
------------------------------ */

ul.gallery {
	font-size: 0;
	letter-spacing: 0;
}
ul.gallery > li {
	width: 23%;
	margin: 0 1% 8px;
	font-size: 13px;
	vertical-align: top;
	display: inline-block;
}
ul.gallery.column2 > li {
	width: 48%;
}
ul.gallery.column3 > li {
	width: 31%;
}
/*-------------▼▼▼　sp　css　▼▼▼-------------*/
	@media(max-width: 768px){


	}
/*-------------▲▲▲　sp　css　▲▲▲-------------*/

/* お問い合わせ
------------------------------ */
table.contact-form{
	margin: 20px auto;
	width: 100%;
}
table.contact-form th{
	display: block;
	width: 100%;
	background-color:#EEE9F1;
	text-align:left;
	vertical-align: top;
	padding: 10px ;
	box-sizing: border-box;
}
table.contact-form td{
	display: block;
	width: 100%;
	padding: 10px 0;
	box-sizing: border-box;
}
table.contact-form td textarea{
	width: 100%;
	box-sizing: border-box;
}
.contact-form input[type='button'],
.contact-form input[type='submit'] {
	padding: 10px ;
	-webkit-appearance: none;
	text-align: center;
	margin: 10px auto;
	box-sizing: border-box;
}
.submits{
	text-align: center;

}

.input-big,
.input-middle,
.input-mini {
	padding: 5px;
	box-sizing: border-box;
}
.input-big {
	width: 100%;
	margin: 20px auto;
}
.input-middle {
	width: 60%;
}
.input-mini {
	width: 60px;
}

/* 必須マーク */
.required-mark {
	display: inline-block;
	background: #ff8400;
	color: #fff;
	padding: 0px 5px;
	text-align: center;
	margin: 4px 5px 5px 0;
	font-size: 12px;
	border-radius:6px;

}

/* 未記入エラー文 */
.error-text {
	margin: 0 0 5px;
	color: #f00;
}

/* 確認、バック、送信ボタン */
.contact-submits {
	padding: 15px 0 0;
	text-align: center;
}
.contact-submits input {
    background-color: #0B9CCB;
    color: #fff;
    margin: 10px auto;
    padding: 10px;
    border-style: none;
}

/* セキュリティエラー */
.sec-error-text {
	line-height: 50px;
	text-align: center;
	color: #f00;
	font-size: 16px;
	border: 2px solid #f00;
}

.contact-tel{
	padding: 10px;
	box-sizing: border-box;
	margin: 10px auto;
	text-align: center;
}




/* テーブル
------------------------------ */

table.def {
    margin: 20px auto;
    width: 100%;
}

table.def th {
    background: #a5732d none repeat scroll 0 0;
    color: #fff;
    padding: 3px 7px;
    text-align: center;
    width: 5em;
    width: 100%;
    display: block;
    font-size: 16px;
    font-weight: 700;
	border-radius: 20px;
	box-sizing: border-box;
}


table.def td {
    padding: 5px 7px 30px 7px;
    text-align: center;
    color: #a5732d;
    display: block;
    width: 100%;
	box-sizing: border-box;
}
table.def td p{
	margin: 10px 0;
}

table.def td ol{
	list-style-type: decimal;
	margin: 10px auto;
}
table.def td ol li{
	margin: 0 0 0 30px;
}


.map{
  position: relative;
  width: 100%;
  padding-top: 77.25%;
}
.map a{
  width: 100%;
  padding-top: 77.25%;
  display: block;
}


.map iframe{
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

.routebtn{
	text-align:center;
	margin: 20px auto;
}

/* よくある質問
------------------------------ */

dl.faq-list dt {
	padding: 2px 0 6px 13%;
	color: #6b4949;
	font-weight: bold;
	position: relative;
	font-size: 16px;
}
dl.faq-list dt::before {
	content: "";
	background: url(../images/faq/ico_q.png) left 5% no-repeat;
	height: 100%;
	width: 10%;
	max-width: 37px;
	position: absolute;
	top: 0;
	left: 0;
	background-size: 90%;
}

dl.faq-list dd {
	margin: 0 0 20px;
	padding: 16px 0 10px 13%;
	border-bottom: 1px dotted #cfcfcf;
	color: #6b4949;
	font-size: 14px;
	position: relative;
}
dl.faq-list dd::before {
	content: "";
	background: url(../images/faq/ico_a.png) left 10px no-repeat;
	height: 100%;
	width: 10%;
	max-width: 37px;
	position: absolute;
	top: 0;
	left: 0;
	background-size: 90%;
}


.ta-l{text-align: left !important;}

/*料金設定*/

/*---------共通&三歳以下---------*/
.price-info{
	text-align: center;
	color: #6b4949;
	margin: 20px auto ;
	width: 80%;
}
.w20p{ width: 20px !important;}

.price-pink{
	background: #f19ec2;
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	position: relative;
	padding: 10px;
	margin: 0 0 20px 0;
}
.price-pink::after{
	position: absolute;
	right: -10px;
	bottom: -10px;
	background: url(../images/common/flower.png) no-repeat center center;
	width: 60px;
	height: 60px;
	background-size: 60px;
	content: "";
}

.price-day{
	color:#6b4949;
	font-weight: 700;
	background:url(../images/price/pink-border-b.png) repeat-x center bottom;
	font-size: 16px;
	margin:20px 0 0;
	background-size:auto 5px;
	padding: 0 0 5px;
}
.price-day span{
	display: inline-block;
	background: #ff8400;
	color: #fff;
	padding: 0px 10px;
	text-align: center;
	margin: 0 5px 10px 0;
	font-size: 14px;
}
.shorttime{
	background:url(../images/price/pink-border-b.png) repeat-x center bottom;
	background-size:auto 5px;
	padding: 20px 10px;
	box-sizing: border-box;
	margin: 0 0 20px;
}
.shorttime strong{
	font-size: 16px;
	font-weight: 700;
	color:#6b4949;
	display: block;
	margin: 0 0 10px;
}

dl.price-list{
	padding:10px 0;
	box-sizing: border-box;
	margin: 0px auto ;
	width: 96%;
}
dl.price-list dt{
	text-align: left;
	padding: 10px 10px;
	background-size: 25px !important;
	margin: 10px 0 0;
	background: url(../images/price/price-pink-bg.png) repeat center;
	font-size: 15px;
	font-weight: 700;
	position: relative;
}

dl.price-list dt strong{
    display: inline-block;
    padding: 3px 0 0;
    width: 90%;
}
dl.price-list dt span{
	display: block;
	margin: 0 0 0 0;
	width: 10%;
	position : absolute;
	top: 35%;
	right: 0;
}
dl.price-list dt span.arrow{
	transition: all 0.4s linear 0s;
}
dl.price-list dt span.arrow img{
	max-width: 55%;
	margin: 15px 0 0 0;
	transform: rotateX(720deg);

}
.toggle {
    cursor: pointer;
}
.roll {
    transform: rotateX(540deg);
    transition: all 0.4s linear 0s;
    margin: 0 0 0 0 ;
}


dl.price-list dd{
	box-sizing: border-box;
	margin: 0 0 10px ;
	background: #fff;
	padding:15px 0;
	/* display: none; */
}

dl.price-list dd ul li{
	border-bottom: 1px dotted #cfcfcf;
	padding: 15px 30px;
	font-size: 100%;
}

table.price{
	border: 1px solid #c99f69;
	border-collapse: collapse;
	margin: 0 auto;
	width: 100%;
}
table.price th{
	background: #fff6df;
	padding: 10px;
	box-sizing: border-box;
	color: #6b4949;
	border: 1px solid #c99f69;
	/*width: 10%;*/

}
table.price td{
	/* border-bottom: 1px solid #c99f69; */
	border: 1px solid #c99f69;
	text-align: center;
	vertical-align: middle;
	color: #6b4949;
	font-size: 14px;
	line-height: 1.8;
	padding: 8px;
	box-sizing: border-box;
}
table.price td.sleep{
	background: #F8F8F8;
}
table.price td.stay{
	background-color: #F1FAFF;
}



/*---------三歳以上---------*/
.over3 .price-pink{
	background: #8fc31f;
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	position: relative;
	padding: 10px;
	margin: 0 0 20px 0;
}
.over3 .price-pink::after{
	position: absolute;
	right: -10px;
	bottom: -10px;
	background: url(../images/common/flower.png) no-repeat center center;
	width: 60px;
	height: 60px;
	background-size: 60px;
	content: "";
}

.over3 .price-day{
	color:#6b4949;
	font-weight: 700;
	background:url(../images/price/green-border-b.png) repeat-x center bottom;
	font-size: 16px;
	margin:20px 0 0;
	background-size:auto 5px;
	padding: 0 0 5px;
}
.over3 .price-day span{
	display: inline-block;
	background: #ff8400;
	color: #fff;
	padding: 0px 10px;
	text-align: center;
	margin: 0 5px 10px 0;
	font-size: 14px;
}
.over3 .shorttime{
	background:url(../images/price/green-border-b.png) repeat-x center bottom;
	background-size:auto 5px;
	padding: 20px 10px;
	box-sizing: border-box;
	margin: 0 0 20px;
}
.over3 .shorttime strong{
	font-size: 16px;
	font-weight: 700;
	color:#6b4949;
	display: block;
	margin: 0 0 10px;
}
.over3 dl.price-list dt{
	text-align: left;
	padding: 10px 10px;
	background-size: 25px !important;
	margin: 10px 0 0;
	background: url(../images/price/price-green-bg.png) repeat center;
	font-size: 15px;
	font-weight: 700;

}

.over3 dl.price-list dd{
	box-sizing: border-box;
	margin: 0 0 10px ;
	background: #fff;
	padding:15px 0;
	/* display: none; */
}



.banefit-box{
	border: 10px #fbdedd solid;
	background-color: #fff;
	padding: 10px;
	box-sizing: border-box;
	position: relative;
	margin-bottom: 20px;
}


.ribon{
	position: absolute;
	content: "";
	background: #f00;
	color: #fff;
	width: 45px;
	height:70px;
	padding: 10px;
	display: block;
	top: -11px;
	left: 0px;
	border: 4px double #fff;
	border-bottom: none;
}


.ribon::after{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 33px 15px 33px;
	border-color: transparent transparent #ffffff transparent;
	content:"";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.bg-cl1{background-color: #EB2152}
.bg-cl2{background-color: #449E8E}
.bg-cl3{background-color: #2D5DB9}
.bg-cl4{background-color: #EB7727}

.bd-cl2{border: 10px #a492c8 solid;}

.marker{
	background: linear-gradient(transparent 60%, #FDEFA2 0%);
	font-size: 140%;
}


.benefit-title{
	text-align: center;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	padding: 10px 10px 10px 75px;
	border-bottom: 2px dotted #000;
	margin-bottom: 10px;
	box-sizing: border-box;
}
.benefit-title span{
	color: #a492c8;
	font-size:100%;
	display: block;
}

.bd-top{
	border-top: 2px dotted #000;
}

.banefit-box-left,.banefit-box-right{
	width: 48%;
	box-sizing: border-box;
	padding: 10px;
	border: 7px #a492c8 solid;

}
.banefit-box-left{
	float: left
 }

.banefit-box-right{
	float: right
 }


.item-info{
	background: #fff;
	padding: 20px 10px;
	border-top: 1px solid #d9d9d9;
	overflow: hidden;
	border-bottom:1px solid #d9d9d9;
	box-sizing: border-box;
}


.about-flow {
}

.about-flow li{
	background:url(../images/common/bg-stripe.png) repeat;
	padding:10px;
	box-sizing: border-box;
	margin: 10px auto 40px;
	position: relative;
}

.about-flow li::after{
	background: url(https://www.himawari-child1.com/design/themes/himawari-child/images/facial/flow-arrow.png) no-repeat center bottom;
    bottom: -25px;
    content: "";
    height: 28px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    width: 50px;
    background-size: 50%;
}
.about-flow li:last-child{
	margin: 0 0 0;
}
.about-flow li:last-child::after{
	content: none;

}
.about-flow li p{
	background-color: #fff;
	padding: 10px;
	box-sizing: border-box;
}
.about-flow-title{
	background-color: #C5B0D6;
	color: #fff;
	margin:10px 0 0 0 ;
	font-weight: 700;
	font-size: 120%;
	padding: 5px 10px 5px 30px;
	counter-increment:num;
	position: relative;
}
 .about-flow-title::before{
    background-color: #ffffff;
    border-radius: 100%;
    color: #c5b0d6;
    content: counter(num, decimal);
    font-size: 0.9em;
    height: 20px;
    left: 5px;
    line-height: 20px;
    position: absolute;
    text-align: center;
    top: 5px;
    width: 20px;
}


.bg-skincare{
	background-color: #fae9e5;
}

/*about
--------------------------------------------*/






/*-------------▼▼▼▼▼▼▼▼▼　spのみでしか使わない　css　▼▼▼▼▼▼▼▼▼-------------*/
	@media(max-width: 768px){


	/*トグル（アイコン回転部は微修正必要）*/
		.toggle{
			display: block;
		}
		.toggle-menu{
			font-weight: 700;
			letter-spacing: 0.25em;
			width: 60%;
			display: inline-block;
			padding: 5px 10px;
		}
		.toggle-ico{
			width: 30%;
			text-align: right;
			display: inline-block;
		}
		.toggle-ico img{
			width: 16%;
			 margin: 3px 10px 0 0;
			transform: rotate(45deg);
			-webkit-transform: rotate(45deg);
			-moz-transform: rotate(45deg);
			-ms-transform: rotate(45deg);
		    -o-transform: rotate(45deg);
			transition: all ease 0.4s;
		}
		.toggle-ico img.rotate_arrow{
			transition: all ease 0.4s;
			transform: rotate(270deg);
			-webkit-transform: rotate(270deg);
			-moz-transform: rotate(270deg);
			-ms-transform: rotate(270deg);
		    -o-transform: rotate(270deg);
		}




	}
/*-------------▲▲▲▲▲▲▲▲▲　spのみでしか使わない　css　▲▲▲▲▲▲▲▲▲-------------*/




/*sidr*/
#sidr{
	  display: none;
}
.sidr {
    display: none;
}

.add_flow{
	padding: 30px 0;
}
.add_flow .price-day{
	/* display: inline-block; */
	/* display: flex;
	align-items: center; */
	padding: 10px 20px;
	font-size: 1.3rem;
	margin: 0px;
}
.price_line_banner{
	margin: 30px 0;
}
.price_line_banner p{
	text-align: center;
}
.line_banner{
	margin: 30px 0;
}
.line_banner p{
	text-align: center;
}