@charset "UTF-8";
/* CSS Document */
/*****************************************************
	
	全ての要素をリセット
	各ブラウザの表示を統一するための設定です
	
*****************************************************/
html {overflow-y: scroll;scroll-behavior:smooth;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin: 0;padding: 0;outline:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style: normal;}
table {	border-collapse: collapse;border-spacing: 0;}
caption,p {text-aliagn: left;}
h1,h2,h3,h4,h5,h6 {font-size: 100%;text-align:left;}
img,abbr,acronym,fieldset {border: 0;}
li {list-style-type: none;}
img{vertical-align:middle;height:auto;}
.line {font-size:1px;line-height:1px;}

 /* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
  border-radius: 5px;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing:border-box;
  cursor: pointer;
  background:#2d6ebe;
  color:#fff;
  padding:5px;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}

/*--- default ---*/
body {
	color: #111;
	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS P Gothic", Verdana, Arial, Helvetica, sans-serif;
	line-height:2em;
	letter-spacing:0.05em;
	-webkit-text-size-adjust: 100%;
}
body#prdocut {background-color:#faf2e6;}
table{border-collapse:collapse;}
.clear{clear:both;}
.min{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.misenai{text-indent:-9999px;}


/*****************************************************
	
	ベース
	
*****************************************************/
#wrap{
	width: 100%;
	height: auto;
	margin:0 auto;
	overflow:hidden;
}
a:link {
	color:#000;
	text-decoration:none;
}
a:hover:link{
	color:#2d6ebe;
	text-decoration:none;
}
a:visited{
	color:#111;
	text-decoration:none;
}
a:hover{                     
	color: #000;
	text-decoration:none;
}
a:active{text-decoration:none;}
.clear:after{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .clear{ zoom: 1; } /* IE6 */
*:first-child+html .clear { zoom: 1; } /* IE7 */
a,a img {
    -webkit-transition: 0.3s ease-in-out;
       -moz-transition: 0.3s ease-in-out;
         -o-transition: 0.3s ease-in-out;
            transition: 0.3s ease-in-out;
}
a img:hover,.shopnav a:hover,.foot-nav a:hover  {
    opacity: 0.6;
    filter: alpha(opacity=60);
} 
a[href^="tel:"] {
    pointer-events: none;
}
@media screen and (max-width:768px)	{
a[href^="tel:"] {
    pointer-events: auto!important;
}

}
.ggmap {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	background-color:#fff;
	border:5px solid #fff;
	margin:50px auto;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.pagetop {
	display: none;
	position: fixed;
	bottom: 90px;
	right: 30px;
	z-index:300;
}
.pagetop a {
	display: block;
	width: 50px;
	height: 50px;
	background-color:#7fcdeb;
	border-radius: 50px;	
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	text-align: center;
	color: #fff;
	font-size: 150%;
	text-decoration: none;
	line-height: 50px;
	behavior:url("PIE.htc");
}
.pagetop a:hover {background-color:#7fcdeb;}
.box{overflow:hidden;}
.bt a{
	width:22%;
	background-color:#2d6ebe;
	padding:8px 20px;
	color:#fff;
	text-align:center;
	margin:0 auto
}

.bt a:before{
	content:"▶";
	padding-right:10px;
}
.bt a:hover{
	background-color:#72a0cf;
}
.bt-box{
	width:100%;
	text-align:center;
}
.hutoji{font-weight:bold;}
.small{
	font-size:70%;
	display:block;
}

ul.indent li{
	padding-left: 1em;
	text-indent: -1em;
}
.text-box ul{
	width:95%;
	margin:0 auto;
}
#jyunbityu .messagebox{
	width:80%;
	margin:150px auto;
	padding:20px;
	background:#fff;
	border-radius:5px;
}

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

header{
	width:100%;
	height:auto;
	position:relative;
	z-index:10;}
	
.slick-slider .slide1{
	width:100%;
	background:url("../image/flont/header-slide-1.jpg")no-repeat bottom;
	background-size:cover;
	padding: 10% 0 40%;
}
.slick-slider .slide2{
	width:100%;
	background:url("../image/flont/header-slide-2.jpg")no-repeat bottom;
	background-size:cover;
	padding: 10% 0 40%;
}
.drawer-menu li:nth-child(1),
.drawer-menu li:nth-child(2),
.drawer-menu li:nth-child(8){
	display:none;
}
.header-ph .small-nav{
	width: 400px;
	height:76px;
	float:right;
	background: #fff;
	border-radius: 50vh 0% 0% 50vh;
	position:absolute;
	top:0;
	right: 0%;
	z-index: 10;
}
.header-ph .slick-list{
	height:80vh;
	position:relative;
	z-index:5;
}
.small-nav ul li{
	width: 35%;
	float:left;
	text-align:center;
	padding-top:20px;
	padding-bottom: 22px;
	position:relative;
	z-index:5;
	font-size:90%;
	margin-left:9%;
}
.small-nav ul li:nth-child(1){width: 23%;}
.small-nav ul li:nth-child(3){width: 10%;}
.small-nav ul li:nth-child(3) img{width:100%;}

.small-nav ul li:nth-child(1) a,
.small-nav ul li:nth-child(2) a{
	border-bottom:2px solid #65a04d;
	box-sizing: border-box;
	display:block;
}

.small-nav ul li a:hover{
 	opacity: 0.6;
    filter: alpha(opacity=60);
 }

.yokogaki{
	position:absolute;
	top:10%;
	left:10%;
	z-index:10;
}

.yokogaki ul li{
	font-weight:normal;
	color:#fff;
	font-size: 180%;
	line-height:1.8em;
}
.rogo-ic{
	width:20%;
	max-width:300px;
	padding:5% 0;
	position:absolute;
	z-index:10;
	top:35%;
	right:10%;
}
.shien-ic{
	width:20%;
	max-width:200px;
	position:absolute;
	z-index:50;
	top: 66%;
	right:2%;
}

@media screen and (max-width:1088px){


.header-ph .slick-list{
	height: 30vh;

}
.header-ph .slick-list img{
	width:100%;
	margin:0 auto;
}

.drawer-menu li:nth-child(1),
.drawer-menu li:nth-child(2),
.drawer-menu li:nth-child(8){
	display:unset;
}
.drawer-menu li a{
	padding-left:20px;
}
.drawer-menu li:nth-child(8) a img{
	display:none;
}
.small-nav{display:none;}

.header-ph .small-nav{
	top:0;
	right: 6.8%;
}
.yokogaki{
	top:16%;
	left:3%;
}
.yokogaki ul li{
	font-size:100%;
	line-height:1.8em;
}
.rogo-ic{
	min-width:150px;
	padding:1% 0;
	top:1%;
	left:2%;
}
.shien-ic{
	min-width:150px;
	top:24%;
	right:2%;
	z-index: 7;
}
}

@media screen and (max-width:480px){
.header-ph .slick-list{
	height:400px;
}
.slick-slider .slide1{
	height:400px;
}
.yokogaki{
	top:200px;
	left:3%;
}
.shien-ic{
	min-width:120px;
	top:330px;
	right:2%;
}
}

/*****************************************************
	
	ページヘッダー
	
*****************************************************/
.page-header{
	width:100%;
	height: 76px;
	background:#fff;
	
}
.page-rogo-ic{
	width:100%;
	max-width:350px;
	padding: 10px 20px 10px;
}
.page-header-bg{
	width:100%;
	height:300px;
	background:url("../image/flont/header-slide-2.jpg")no-repeat;
	background-size:cover;
	margin-bottom:50px;
	position:relative;
	z-index:5;
}
.cover-bg{
	width:100%;
	margin:0 auto;
	padding:150px 0% 150px;
	background:#ffffff78;
}
.page-header-bg h1{
	font-size:140%;
	text-align:center;
	color:#000;
}

.page-shien-ic{
	width:20%;
	max-width:200px;
	position:absolute;
	z-index: 15;
	top: 250px;
	right:2%;

}

@media screen and (max-width:1088px){
.page-header{
	height: 76px;
}

.page-shien-ic{
	width:150px;
	top: 290px;
	z-index: 7;
}

}

@media screen and (max-width:480px){

.page-rogo-ic{padding:20px 20px 10px;}
.page-rogo-ic img{width:65%;}

}

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


footer{
	clear:both;
	width:100%;
	padding-bottom: 50px;
	position:relative;
	border-top:1px solid #ccc;
	background:#fff;
}

.footer-content{
	clear:both;
	width:95%;
	max-width:1200px;
	margin:50px auto;
	overflow:hidden;
}
.ft-rogo{
	float:left;
	width:30%;
}
.ft-rogo img{
	width:100%;
	padding-top:35px;
}
.ft-info{
	float:left;
	width:25%;
	border-left:1px solid #111;
	margin:10px 0 0 20px;
	padding-left:20px;
}
.ft-br{
	width:40%;
	float:right;
}
.ft-br img{width:100%;}

.privacy-box{clear:both;}

.privacy-box a{display:block;}

.privacy-box a:before{
	content:"▶︎";
	padding:5px;
}
.privacy-box a:hover{
	color:#028cd6;
}
.copyright{
	clear:both;
	font-size:90%;
	text-align:center;
}



@media screen and (max-width:1088px){
.footer-content{
	width:90%;
	max-width: 900px;
	margin: 50px auto;
}
.ft-rogo{
	width:40%;
	min-width:300px;
	margin-left:10%;
}
.ft-rogo img{width:100%;}

.ft-info{
	width: 35%;
	padding-left:50px;
	margin-left:5%;
}
.ft-br{
	clear:both;
	width:40%;
	float:unset;
	padding:50px 0;
	margin: 0px auto;
}
.privacy-box{text-align:center;}

}
@media screen and (max-width:800px){
.footer-content{width:100%;}
.ft-rogo{
	width:30%;
	margin-left:5%;
}
.ft-rogo img{width:100%;}

.ft-info{
	width: 35%;
	padding-left:30px;
}
.ft-br{
	margin: 0px auto;
	padding:20px 0;
}

}
@media screen and (max-width:700px){
.ft-rogo{
	float:unset;
	width:50%;
	min-width:250px;
	margin:0 auto;	
}

.ft-info{
	float:unset;
	width: 100%;
	padding:0px;
	margin:30px auto ;
	border-left:0px;
	text-align:center;
}
.ft-br{
	width:50%;
	padding:0px 0;
	margin: 0px auto 30px;
}
.privacy-box{
	clear:both;
	width:80%;
	margin:0 auto;
	text-align:center;
}
}
/*****************************************************
	
	見出し
	
*****************************************************/
h2{
	color:#65a04d;
	font-size:150%;
	text-align:center;
	font-weight:bolder;
}
h2:before{
	content:"";
	display:block;
	width:100%;
	padding: 2% 0;
	background:url("../image/common/ic-action.svg")no-repeat;
	background-size:100px;
	background-position:center;
}
h2 span{
	display:block;
	color:#a9c57d;
	font-size:70%;
}
@media screen and (max-width:1088px){
	h2:before{padding: 4% 0;}
}

@media screen and (max-width:600px){
	h2:before{padding: 5% 0;}
}

@media screen and (max-width:480px){
	h2:before{padding: 6% 0;}
}
/*****************************************************
	
	準備中
	
*****************************************************/
.jyunbi-box{
	width:80%;
	padding: 0% 0 30%;
	margin: 200px auto 0px;
	background:#fff0;
	position:relative;
	z-index:15;
}
.jyunbi-text{
	width:100%;
	padding: 10% 0 10%;
	background:#fff;
	border:1px solid #dddddd9c;
	border-radius:5px;
	position:absolute;
	top:10%;
}
.jyunbi-box p{
	padding:3%;
	font-size:200%;
	text-align:center;
	line-height:1.5em;
}
/*****************************************************
	
	フロントコンテンツ
	
*****************************************************/

#content{
	width:100%;
	margin:0px auto;
	position:relative;
	z-index:0;
}
.kazari-fly{
	width:100%;
	height:210px;
	background:url("../image/flont/kazari-fly.png")no-repeat;
	background-size:1800px;
	background-position:center bottom;
	position:absolute;
	top: -290px;
	z-index: -150;
}

#page-content .kazari-fly{
	width:100%;
	height:250px;
	background:url("../image/flont/kazari-fly.png")no-repeat;
	background-size:1800px;
	background-position:center bottom;
	position:absolute;
	top: -350px;
	z-index: -150;
}
/*------------ HINOKUMA-KAI ------------*/

.green-obi{
	width: 100%;
	padding:15%;
	background: #ecf4d9;
	transform: skewY(-15deg);
	position: absolute;
	top: 0%;
	z-index:-200;
}
.ivory-obi{
	width: 100%;
	padding: 15%;
	background: #faf6dc;
	transform: skewY(15deg);
	position:absolute;
	bottom:10%;
	z-index: -200;
}
.ph-area{
	width:100%;
	margin-top:150px;
	position:relative;
}
.ph-area .inner{
	width:95%;
	max-width: 1300px;
	margin: 180px auto 100px;
	padding:10px 10px;
	overflow:hidden;
	position:relative;
	z-index:0;
}
.name-box{
	width:79%;
	margin:0 auto;
	color:#706d7c;
	font-size:200%;
	font-weight:bold;
	padding-bottom:30px;
}

.ph-box{
	width: 80%;
	max-width:1000px;
	clear:both;
	background:url("../image/flont/dousoukai2019-ph.jpg")no-repeat;
	background-size:100%;
	padding: 18% 0;
	margin:0 auto;
	position:relative;
	z-index:10;
}

.ph-box p{
  line-height: 50px;
  position:absolute;
  width:25%;
  height: 45px;
  margin-left: -10px;
  padding: 0 2rem;
  text-align: center;
  color: #fff;
  background: #65a04d;
  top:2%;
  left:0%;
}

.ph-box p:after {
  content:"";
  position:absolute;
  top:0;
  left:;
  display:block;
  border: 22.5px solid #65a04d;
}
.ph-box p:after {
  right: -20px;
  border-right-width: 15px;
  border-right-color: transparent;
}
.ph-box p span {
  position: relative;
  display: block;
}
.ph-box p span:before {
  content:"";
  position:absolute;
  top: 45px;
  left: -32px;
  border-top: 10px solid #3c612b;
  border-left: 10px solid transparent;
}
.ribon {display:none;}

/*------------ お知らせ ------------*/

.news-info{
	width: 80%;
	max-width:1000px;
	margin:50px auto;
	font-size:100%;
	font-weight:normal;
	overflow:hidden;
	border-top:1px solid #706d7c;
}
.news-info dl{
	border-bottom:1px solid #706d7c;
	line-height:1.8em;
		padding-top:10px;
	padding-bottom:10px;
}
.news-info dl:nth-child(2){
	border-bottom:0px solid #706d7c;
}
.news-info dl a{
	color:#706d7c;
	display:block;
	padding:20px 0;
}
.news-info dl a:hover{color:#028cd6;}
.news-info dl dt{
	width: 30%;
	text-align: right;
	float:left;
}
.news-info dl dd{
	width:70%;
	padding-left:35%;

}

/*------------ ピックアップ情報 ------------*/

 

.pickup-area{
	width: 100%;
	position:relative;

}
.pickup-area .inner{
	width:90%;
	max-width: 1300px;
	margin:100px auto;
	padding:10px 10px;
	overflow:hidden;
}
.pickup-area ul{
	width:100%;
	overflow:hidden;
	margin-top:50px;
}
/*--- ピックアップ情報（箱の帯オレンジ・青色設定） ---*/

.pickup-area ul li{
	width:40%;
	padding: 3% 0 6%;
	float:left;
	background:#fff;
	margin:6px 5%;
	position:relative;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.20);
}

.pickup-area ul li .box:before{
	content:"";
	border:3px solid #eb9750;
	position:absolute;
	width:40px;
	top:-3px;
	right:-3px;	
}
.pickup-area ul li .box:after{
	content:"";
	border:3px solid #eb9750;
	position:absolute;
	width:40px;
	bottom:-3px;
	left:-3px;	
}
.pickup-area ul li:before{
	content:"";
	border:3px solid #eb9750;
	position:absolute;
	bottom:0;
	left:-3px;
	height:40px;
}
.pickup-area ul li:after{
	content:"";
	border:3px solid #eb9750;
	position:absolute;
	top:0;
	right:-3px;
	height:40px;
}
.pickup-area ul li:last-child .box:before,
.pickup-area ul li:last-child .box:after,
.pickup-area ul li:last-child:before,
.pickup-area ul li:last-child:after{
	border:3px solid #61b7d9;
}

.pickup-area ul li p{
	line-height: 50px;
	position:absolute;
	height: 45px;
	width:32%;
	margin-left:-10px ;
	padding: 0 2rem;
	text-align: center;
	color: #fff;
	background: #eb9750;
	top:5%;
	left:0%;
}

.pickup-area p:after {
	position: absolute;
	top: 0;
	bottom:0;
	right: -18px;
	width: 0;
	height: 0;
	content:"";
	border-width: 45px 0px 0px 5px;
	border-style: solid;
	border-color: #eb9750 transparent transparent transparent;
	border-right-width: 18px;
}
.pickup-area ul li:last-child p{
	background: #61b7d9;
}
.pickup-area ul li:last-child p:after {
	border-color: #61b7d9 transparent transparent transparent;
}
.pickup-area p span {
	position: relative;
	display: block;
}
.pickup-area p span:before {
	content:"";
	position:absolute;
	top: 45px;
	left: -32px;
	border-top: 10px solid #a76a36;
	border-left: 10px solid transparent;
}
.pickup-area ul li:last-child p span:before {
	border-top: 10px solid #42839c;
}

/*--- /ここまで（箱の帯オレンジ・青色設定） ---*/

.pickup-area .text{
	clear:both;
	text-align:left;
	width:90%;
	margin:50px auto 20px;
	display:block;
	color:#706d7c;
	line-height:1.5em;
}
.pickup-area ul{overflow:hidden;}

.pickup-area ul li .ph-box{
	width:100%;
	background:url("../image/flont/soukai-maiku.jpg")no-repeat center;
	background-size:90%;
	background-position:center;
	padding:25% 0;
	margin-bottom:50px;
}
.pickup-area ul li:last-child .ph-box{
	background:url("../image/flont/kaihou.png")no-repeat center;
	background-size:90%;
}
.pickup-area ul li a{
	width: 100%;
	max-width:250px;
	padding:1%;
	text-align:center;
	border:3px solid #eb9750;
	color:#eb9750;
	border-radius: 100vh;
	background:#fff;
	position:absolute;
	bottom:8%;
	left:50%;
	margin-left:-125px;
}

.pickup-area ul li:last-child a{
	border:3px solid #61b7d9;
	color:#61b7d9;
}
.pickup-area ul li a:after{
	content:"";
	width:100%;
	background:url("../image/page/ic-orenji.svg")no-repeat center;
	background-size:90%;
	margin-left:10px;
	padding:15px;
}
.pickup-area ul li:last-child a:after{
	background:url("../image/page/ic-ao.svg")no-repeat center;
	background-size:90%;
}
.pickup-area ul li a:hover{
	background:#eb9750;
	color:#fff;
}
.pickup-area ul li:last-child a:hover{
	background:#61b7d9;
	color:#fff;
}
.pickup-area ul li a:hover:after{
	background:url("../image/page/ic-hover.svg")no-repeat center;
}


/*--- topページのかざり（画像）4点 ---*/

#content .k-mizutama-left{
	width:25%;
	max-width:300px;
	background:url("../image/flont/mizutama.png")no-repeat;
	background-size:100%;
	padding: 12% 0;
	position:absolute;
	top:38%;
	left:5%;
	z-index:-5;
}

#content .k-kusa-left{
	width:20%;
	max-width:250px;
	background:url("../image/common/kazari-kusa03.png")no-repeat;
	background-size:100%;
	padding:10% 0;
	position:absolute;
	bottom:24%;
	left:2%;
	z-index:0;
}

#content .k-mizutama-right{
	width:25%;
	max-width:300px;
	background:url("../image/flont/mizutama.png")no-repeat;
	background-size:100%;
	padding: 12% 0;
	position:absolute;
	bottom:25%;
	right:-5%;
	z-index: -5;
}

#content .k-kusa-right{
	width:20%;
	max-width:250px;
	background:url("../image/common/kazari-kusa02.png")no-repeat;
	background-size:100%;
	padding:10% 0;
	position:absolute;
	top:42%;
	right:0%;
	z-index:0;
}

/*--- メールフォーム調整 ---*/

.form-box{
	margin-top:220px;
}
.kanryo-box{
	width:90%;
	padding: 3% 0 6%;
	background:#fff;
	margin:220px auto 0;
	position:relative;
	border-radius:5px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.20);
}


@media screen and (max-width:1400px){


}


@media screen and (max-width:1088px){

.news-info{width: 60%;}
.name-box{
	font-size:200%;
	padding-bottom:30px;
}
.ph-box p{
	width: 39%;
	text-align:center;
	font-size:90%;
	top:2%;
}

}

@media screen and (max-width:900px){

.news-info{width: 70%;}
.news-info dl dt,
.news-info dl dd{
	width:100%;
	padding-left:0;
	float:unset;
}
.news-info dl dt{text-align: left;}

}

@media screen and (max-width:800px){

#page-content .kazari-fly{top: -350px;}
.news-info{width: 80%;}
.ph-box p{width: 39%;}
.pickup-area ul li{
	width:95%;
	margin:30px auto 80px;
	padding: 3% 0 15%;
	float:unset;
}

.pickup-area .text{margin:70px auto 20px;}

}

@media screen and (max-width:600px){

.name-box{
	font-size:100%;
	padding-bottom: 10px;
}

.ph-box p{display:none;}
.ribon {
	display:block;
	line-height: 45px;
	position: relative;
	height:40px;
	margin:1em 100px 0em;
	padding: 0 1rem;
	text-align: center;
	color: #fff;
	background: #65a04d;
}

.ribon:before,
.ribon:after {
  position: absolute;
  top: 0;
  display: block;
  height:0px;
  content: '';
  border: 20px solid #65a04d;
}

.ribon:before {
  left: -20px;
  border-left-width: 15px;
  border-left-color: transparent;
}

.ribon:after {
  right: -20px;
  border-right-width: 15px;
  border-right-color: transparent;
}

.ribon span {
	width:100%;
	margin:0 auto;
	font-size:80%;
	position: relative;
	display: block;
}
#content .k-mizutama-left{
	width:30%;
	padding:25% 0;
	top:18%;
}

#content .k-kusa-left{
	width:30%;
	padding:25% 0;
	bottom:-9%;
	left:0%;
}
                                                                                                                                                                        
#content .k-mizutama-right{
	width:30%;
	padding:28% 0;
	bottom:15%;
	right:-5%;
}

#content .k-kusa-right{
	width:30%;
	padding:20% 0;
	top:39%;
	right:0%;
}
}

@media screen and (max-width:480px){

.ph-area .inner{margin: 50px auto;}	
#content .k-mizutama-left{
	top:20%;
	left:5%;
}

.pickup-area ul li a {
    max-width:200px;
    margin-left: -100px;
}
.ribon {margin:1em 30px 0em;}
#content .k-mizutama-left{
	width:40%;
	top:12%;
	left:-2%;
}

#content .k-kusa-left{
	width:40%;
	bottom:-5%;
	left:-3%;
}
                                                                                                                                                                        
#content .k-mizutama-right{
	width:40%;
	bottom:20%;
	right:-5%;
}

#content .k-kusa-right{
	width:40%;
	top:34%;
	right:-5%;
}

}
@media screen and (max-width:480px){
	#content .kazari-fly{top: -240px;}
}
/*****************************************************
	
	ページコンテンツ
	
*****************************************************/

#page-content{
	width:100%;
	margin: 0px auto 252px;
	position:relative;
	z-index:0;
	color:#706d7c;
}

#page-content .inner{
	max-width:1300px;
	margin:0 auto;
	position:relative;
}

/*--- ページのかざり（画像）4点 ---*/

#page-content .k-mizutama-left{
	width:25%;
	max-width:300px;
	background:url("../image/flont/mizutama.png")no-repeat;
	background-size:100%;
	padding: 12% 0;
	position:absolute;
	top:25%;
	left:0%;
	z-index:-5;
}
#page-content .k-mizutama-right{
	width:25%;
	max-width:300px;
	background:url("../image/flont/mizutama.png")no-repeat;
	background-size:100%;
	padding: 12% 0;
	position:absolute;
	bottom:30%;
	right:0%;
	z-index: -5;
}
#page-content .k-kusa-right{
	width:20%;
	max-width:250px;
	background:url("../image/common/kazari-kusa02.png")no-repeat;
	background-size:100%;
	padding:10% 0;
	position:absolute;
	top:15%;
	right:0%;
	z-index: -1;
}

#page-content .k-kusa-left{
	width:20%;
	max-width:250px;
	background:url("../image/common/kazari-kusa01.png")no-repeat;
	background-size:100%;
	padding:10% 0;
	position:absolute;
	bottom:0%;
	left:0%;
	z-index: -10;
}
.aisatu-area{margin:220px auto 0;}
.policy-area{margin: 50px auto 50px;}
.gaiyo-area{margin: 50px auto 50px;}
.hutoji{
	text-align:right;
	font-weight:bold;
}

.aisatu-area .text-box,
.policy-area .text-box,
.gaiyo-area .text-box{
	width:90%;
	background:#fff;
	box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .2);
	padding: 3%;
	border-radius:5px;
	margin:50px auto;
}
.gaiyo-area .text-box p{
	width: 90%;
	margin: 30px auto;
}

.policy-area{
	overflow:hidden;
	margin:80px auto;
}
.policy-area ul{margin:50px auto;}
.policy-area ul li{text-align:center;}

.policy-area dl dt:before{content:"▶︎";}
.policy-area dl dd{
	float:right;
	width:60%;
	display:block;
}
.section1{
	border-bottom:1px dotted #ccc;
	margin-bottom:15px;
	padding-bottom:15px;
}
.bt-area{
	clear:both;
	width:100%;
	margin:80px auto;
	overflow:hidden;
}

.bt-area ul li{
	width:20%;
	float:left;
	background:#fff;
	margin: 6px 2.5%;
	position:relative;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.20);
}

.bt-area ul li .box:before{
	content:"";
	border:3px solid #b19dc5;
	position:absolute;
	width:40px;
	top:-3px;
	right:-3px;	
}
.bt-area ul li .box:after{
	content:"";
	border:3px solid #b19dc5;
	position:absolute;
	width:40px;
	bottom:-3px;
	left:-3px;	
}
.bt-area ul li:before{
	content:"";
	border:3px solid #b19dc5;
	position:absolute;
	bottom:0;
	left:-3px;
	height:40px;
}
.bt-area ul li:after{
	content:"";
	border:3px solid #b19dc5;
	position:absolute;
	top:0;
	right:-3px;
	height:40px;
}

.bt-area ul li p{
	text-align:center;
	color:#b19dc5;
	padding-top: 10px;
}
.bt-area ul a{
	display:block;
	overflow:hidden;
	padding: 10% 0;
}
.bt-area ul li a:hover{
 	background:#b19dc563;
}
.bt-area ul li:nth-child(2) a:hover{
 	background:#eb975078;
}
.bt-area ul li:nth-child(3) a:hover{
 	background:#61b7d95c;
}
.bt-area ul li:nth-child(4) a:hover{
 	background:#e784a763;
}
.bt-area ul li:nth-child(2):after,
.bt-area ul li:nth-child(2):before,
.bt-area ul li:nth-child(2) .box:after,
.bt-area ul li:nth-child(2) .box:before{
	border:3px solid #eb9750;
}
.bt-area ul li:nth-child(2) p{color:#eb9750;}

.bt-area ul li:nth-child(3):after,
.bt-area ul li:nth-child(3):before,
.bt-area ul li:nth-child(3) .box:after,
.bt-area ul li:nth-child(3) .box:before{
	border:3px solid #61b7d9;
}
.bt-area ul li:nth-child(3) p{color:#61b7d9;}

.bt-area ul li:nth-child(4):after,
.bt-area ul li:nth-child(4):before,
.bt-area ul li:nth-child(4) .box:after,
.bt-area ul li:nth-child(4) .box:before{
	border:3px solid #e784a7;
}
.bt-area ul li:nth-child(4) p{color:#e784a7;}

.bt-area ul li .kazari{
	width:20%;
	background:url("../image/page/ic-ashi.svg")no-repeat;
	background-size:100%;
	margin:0 auto;
	padding:15% 0;
}
.bt-area ul li .bt-box{
	width:20%;
	background:url("../image/page/ic-paple.svg")no-repeat;
	background-size:100%;
	margin:10px auto;
	padding: 10% 0;
}

.bt-area ul li:nth-child(2) .kazari{
	background:url("../image/page/ic-mail.svg")no-repeat center;
}
.bt-area ul li:nth-child(2) .bt-box{
	background:url("../image/page/ic-orenji.svg")no-repeat;
}
.bt-area ul li:nth-child(3) .kazari{
	background:url("../image/page/ic-book.svg")no-repeat center;
}
.bt-area ul li:nth-child(3) .bt-box{
	background:url("../image/page/ic-ao.svg")no-repeat;
}

.bt-area ul li:nth-child(4) .kazari{
	background:url("../image/page/ic-enpitu.svg")no-repeat center;
}
.bt-area ul li:nth-child(4) .bt-box{
	background:url("../image/page/ic-pink.svg")no-repeat;
}

.kouka{
	width:100%;
	clear:both;
	position:relative;
	overflow:hidden;
	padding-bottom:80px;
}

.kouka .ph-box{
	width:100%;
	clear:both;
	background:url("../image/page/kouka.jpg")no-repeat;
	background-size:100%;
	padding: 18% 0;
	position:relative;
	z-index:10;
	margin-top:50px;
	overflow:hidden;

}

.kouka .youtube-bt a{
	width:31%;
	text-align:center;
	color:#739e4c;
	background:#fff;
	padding: 1% 2.5%;
	border:2px solid #739e4c;
	border-radius:100vh;
	position:absolute;
	top: 77%;
	left:58%;
	z-index:10;
	font-size:100%;
	display:none;
}
.kouka .youtube-bt a:after{
	content:"";
	width:4%;
	background:url("../image/page/ic-movie.svg")no-repeat center;
	background-size:100%;
	padding:5%;
}
.kouka .youtube-bt a:hover{
	background:#739e4c;
	color:#fff;
}
.kouka .youtube-bt a:hover:after{
	background:url("../image/page/ic-movie-on.svg")no-repeat center;
}
.kouka .page-up{
	width:100%;
	position:absolute;
	text-align:right;
	right: 0%;
	bottom:0%;
	z-index:10;
}
.kouka .page-up a{
	width: 100%;
	padding: 1% 0%;
}

.kouka .page-up a:after{
	content:"";
	width:100%;
	background:url("../image/common/ic-black.svg")no-repeat center;
	background-size:25px;
	padding:20px;
}



/*--- プライバシーポリシー ---*/
.privacy-text{
	margin:180px auto 0;
}
.other-text{
	clear:both;
	width:80%;
	margin: 200px auto;
	background:#fff;
	box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .2);
	padding:5%;
	border-radius:5px;
}
.other-text h2{
	margin:50px auto 20px;
	text-align:left;
}
.other-text h2:befoer{
	background:url(unset);
}
.other-text h2:before{
	display:unset;	
}
.other-text ul li a:before{
	content:"▶︎";
}
.other-text ul li a:hover{
	color:#2d6ebe;
}
/*--- バックナンバー ---*/
.bkn-text{
	text-align:center;
	margin-bottom:50px;
	font-size:150%;
	font-weight:bold;
	color:#739e4c;
}
.bkn-box li a{
	color:#000;
}
.bkn-box li a:before{
	content:"▶︎";
	padding:0 5px 0;
}
.bkn-box li a:hover{
	color:#2d6ebe;
}

@media screen and (max-width:1200px){
.kouka .youtube-bt a{
	width:31%;
	padding: 1% 3.5%;
	font-size:90%;
	top:76%;
}	
}
@media screen and (max-width:1088px){
.aisatu-area .text-box,
.policy-area .text-box,
.gaiyo-area .text-box{
	width:90%;
	padding: 3%;
}
.kouka .youtube-bt a{
	width:33%;
	padding: 1% 3.5% 1% 2%;
	left:56%;
}
}
@media screen and (max-width:1000px){
.kouka .youtube-bt a{
	position:unset;
}
.kouka .youtube-bt{
	width:90%;
	margin:50px auto 0;
	font-size:80%;
	text-align:center;
}
.kouka .youtube-bt a{
	padding: 1% 2% 1% 2%;	
}

.kouka .youtube-bt a:after{
	background-size:100%;
	padding:10px;
}
.kouka .youtube-bt a:hover:after{
	background-size:100%;
}
}
@media screen and (max-width:800px){

.policy-area{width:90%;}
.bt-area{margin:30px auto 80px;}

.bt-area ul li{
	width:45%;
	margin: 2.5%;
}

}

@media screen and (max-width:800px){

.policy-area dl{margin:50px auto;}
.policy-area dl dt{
	float:unset;
	width: 100%;
}
.policy-area dl dd{
	float:unset;
	width:100%;
	padding-left:15px;
}

}
@media screen and (max-width:600px){

#page-content .k-mizutama-left,
#page-content .k-kusa-left,
#page-content .k-kusa-right,                                                                                                                                                                        
#page-content .k-mizutama-right{
	width:30%;
	padding:25% 0;
}

}

@media screen and (max-width:480px){

#page-content .k-mizutama-left{
	width:40%;
}

#page-content .k-kusa-left{
	width:40%;
	bottom:-8%;
}
                                                                                                                                                                        
#page-content .k-mizutama-right{
	width:40%;
	bottom:20%;
}

#page-content .k-kusa-right{
	width:40%;

}

}