@media screen and (max-width: 640px){
  .spNone {display:none}
} 
@media screen and (min-width: 641px){
  .pcNone {display:none}
}
/*================================================*
 MESSAGE
**================================================*/
body {
  font-size: 20px;
  line-height: 0px;
}

.msg_container {
  display:block; 
  width: 100%;
  overflow:hidden;
  position:relative;

  font-size: 75%;

 
}

/*アコーディオン用ここから*/
.menu_smf {
	width:100%;
	margin: 0 auto;
	padding: 0;
	background-color:#231816;
}

.menu_smf #links01 a {
  display: block;
  padding: 0px 15px;
  height: 55px; /**/
  text-decoration: none;
  color: #333;
  line-height: 55px;
/*  background-color: white;*/
  font-size: 80%;
  vertical-align:baseline;
  background: url("../img/arrow_r.png") no-repeat scroll right center/20px auto;
}
.menu_smf img{
  width:auto;
  height:40px;
 
}

.menu_smf label {
  display: inline-block;
  line-height: 0;
  cursor :pointer;
}

.menu_smf input {
	display: none;
}

.menu_smf ul {
	margin: 0;
	padding: 0;
       background :#fff;
	list-style: none;
}
.menu_smf dl{
	margin:0;
	padding:0;
	display:flex;
	flex-wrap:nowrap;
	justify-content:space-between;
}
.menu_smf dt{
	margin:0;
	padding:0;
	color: white;
}
.menu_smf dt:nth-child(1){
	display:inline-block;
	text-align:left;
	width:40%;
}
.menu_smf dt:nth-child(2){
	display:inline-block;
	width:60%;
	text-align:right;
}

.menu_smf li {
  max-height: 0;
  overflow-y: hidden;
  -webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
  border-top: 0px solid #ddd;
/*  background: url("../img/arrow_r.png") no-repeat center right/8% auto;*/

}

#menu_bar01:checked ~ #links01 li,
#menu_bar02:checked ~ #links02 li {
  max-height: 46px;
  opacity: 1;
  border-top: 1px solid #ddd;
/*  background: url("../img/arrow_r.png") no-repeat center right/8% auto;*/
}
/*アコーディオン用ここまで*/

.custom3 {
	margin:0;
       position:relative;
}

.sec_menu ul{
  font-size: 120%;
  line-height: 1.2em;
  width: 100%;
}

.sec_menu ul:nth-child(2n+1){
  padding :0 0.5em;
}

.sec_menu ul:nth-child(2n){
  padding :0 0.5em;
}

.sec_menu lt{
  padding:1em 0;
}

.sec_present ul{
  margin: 0;
}

.sec_present ul li{
  font-size:100%;
  text-align:left;
  line-height:1.2em;
}
.sec_present h3{
  font-size: 120%;
  line-height:1.2em;
  color:red;
  margin: 0.4em 0;
  text-align:center;
/*  pacing:0em;*/
}
.sec_present ul li{
  font-size:100%;
  text-align:left;
  line-height:1.2em;
}
.sec_present h3{
  font-size: 135%;
  line-height:1.4em;
  color:red;
  margin: 0.4em 0;
  text-align:center;
/*  pacing:0em;*/
}

.sec_concept img{
  width:100%;
  display: block;
}
.sec_concept{
  border:0;
  padding: 1em 0.4em;
  box-sizing:border-box;
}
.sec_concept span:nth-child(1){
  height:auto;
}
.sec_concept span:nth-child(2){
  margin:0;
  background-color:rgba(0,0,0,0);
  padding:0;
}
.sec_concept_layer {
  display:block;
  position:absolute;
  right:0;
  bottom:-1.2em;
  padding: 0;
}

.sec_concept dd{
  font-size: 120%;
  line-height: 1.2em;
  padding: 0.1em;
  box-sizing: border-box;
}
.sec_concept dd:nth-child(2){
/*
  background-color: rgba(35,24,22,0.2);
  margin: 0em auto;
  padding-top: 1em;
*/
}
.sec_concept dd p{
  background-color: rgba(35,24,22,0.8);
  margin: 1em auto 0.5em auto;
  padding: 0.4em;
  box-sizing: border-box;

}

.sec_concept dd span img{
/*  padding: 1em;
  box-sizing: border-box;
*/
}

.sec_concept ul {
	display:flex;
	flex-wrap:wrap;
}
.sec_concept li{
	display:inline-block;
	width: 100%;
	margin:0;
	padding:0;
}
.sec_concept ul li:nth-child(1){
  width:100%;
  -webkit-box-ordinal-group:2;
  -ms-flex-order:2;
  -webkit-order:2;
  order:2;
}
.sec_concept ul li:nth-child(2){
  width:100%;
  padding-left:0;
  -webkit-box-ordinal-group:1;
  -ms-flex-order:1;
  -webkit-order:1;
  order:1;
}


.sec_miryoku p{
  display:block;
  background-color: white;
  line-height: 1.2em;
  padding: 1.0em;
  font-size: 110%;
  margin:0 auto;
}

.sec_miryoku ul{
  font-size: 100%;
  line-height: 1.2em;
  margin-bottom: 0.8em;
  margin:0;
}
.sec_miryoku li{
  font-size: 120%;
  line-height: 1.2em;
}
  
.sec_miryoku1 li:nth-child(1){
  clear:left;
  display: block; 
  width: 100%;
  padding: 0 1em;
  box-sizing: border-box;
  background-color: white;
}
.sec_miryoku1 li:nth-child(2){
  clear:left;
  display: block; 
  width: 100%;
  padding: 1em 1em;
  box-sizing: border-box;
  background-color: white;
}
.sec_miryoku2 li:nth-child(1){
  clear:left;
  display: block; 
  width: 100%;
  padding: 1em 1em;
  box-sizing: border-box;
  background-color: white;

}
.sec_miryoku2 li:nth-child(2){
  clear:left;
  display: block; 
  width: 100%;
  padding: 0 1em;
  box-sizing: border-box;
  background-color: white;

}

.swiper-slide img:nth-child(1){
   display:inline-block;
   width: 100%;
}
.swiper-slide img:nth-child(2){
   display:inline-block;
   width: 100%;
}
.sec_uservoice span:nth-child(1){
   height: auto;
}
.sec_uservoice span:nth-child(2){
   background-color:rgba(0,0,0,0.2);
}

.sec_uservoice ul lt{
 margin-bottom: 1em;
}
.sec_uservoice ul li h3{
 font-size: 100%;
 line-height:1.2em;
}
.sec_uservoice ul li:nth-child(3){
 font-size: 120%;
 line-height:1.2em;
}

.sec_uservoice dl {
  display:flex;
  flex-wrap:wrap;
  margin-top: 1em;
}
.sec_uservoice dl dd{
  width: 100%;
}
.sec_uservoice dl dd:nth-child(1){
  padding-right:0;
}
.sec_uservoice dl dd:nth-child(2){
  padding-left:0;
}

.sec_uservoice span:nth-child(2) {
  margin: 2em 0;
}



.sec_plan{
  padding: 0 1em;
}
.sec_plan dt{
  padding: 1.5em 0;
}
.sec_plan dt p{
  margin:0;
  line-height:1em;
}
.sec_plan du{
  padding: 1em;
}

.sec_plan du h3 {
  width:100%;
  margin:0;
  padding: 0.2em 0;
}
.sec_plan du p {
  width:100%;
  margin:0;
  padding: 0.2em 0;

}
.sec_plan ul li{
   width:100%;
   margin-bottom: 2em;

}
.sec_plan .option{
    display:block;
    font-size: 90%;
    line-height:1.2em;
    margin: 0.3em auto;
    height: auto;
}

.sec_info {
   margin: 0 1em;
}
.sec_info ul li{
   width:90%;
   padding:1em;
   position:relative;
}
.sec_info ul li span{
  position:absolute;
  padding:4px;
  font-size:90%;
}

.sec_main_layer{
  display:visible;
  position:absolute;
  top:0;
  bottom: 0;
  z-index: 1;
  opacity:0.8;
}



#footer p{
  font-size: 90%;
}

/* ================================== */
.msg_wrapx1000{
  width:100%;
}

.msg-wrapx800{
  max-width: 800px;
  margin: 0 auto;
  padding: 0;
/*  background-color: rgba(0,0,244,0.4);*/
  overflow:hidden;
}

.msg-wrap p{
  margin:0;
  padding:0;
  font-size: 1rem;
  color: black;
}
.msg-wrap img{
  width: 100%;
}

.msg-wrap ul{
  margin:0;
  padding:0;

}

.msg-wrap li{
/*  margin:0; padding:0;*/
  list-style:none;
}

.sepalate{
  height: 30px;
}


 /* Google Fonts */
  .notoserif { font-family: 'Noto Serif', serif; font-weight: 400; }
  .lobster { font-family: 'Lobster', cursive; padding-top: 6px; }
  .creteround { font-family: 'Crete Round', serif; padding-top: 5px; }
  .greatvibes { font-family: 'Great Vibes', cursive; padding-top: 10px; }


.sec1-bg{
  background: url('../img/sec1/bg.png.html') center center no-repeat;
  background-size: cover;
}
.secbg-3{
   background-color: #ffdcea;
}
.secbg-5{
    background: url('../img/sec5/bg.jpg.html');
}
.secbg-7{
    background: url('../img/sec7/bk2.png.html') center bottom / cover no-repeat;
}
.secbg-9{
    background: url('../img/sec9/bg.jpg.html') center bottom / cover no-repeat;
}
.secbg-10{
    background: url('../img/sec10/bg.jpg.html') top;
    background-repeat: repeat-x repeat-y;
}
.secbg-12{
    background: url('../img/sec12/bg.jpg.html') top;
    background-repeat: repeat-x repeat-y;
}

.secbg-10 img{
    vertical-align: bottom;
}
/*================================================*
 スライダー
**================================================*/
/*main slider------------------*/
.bx1 {
   width: 100%;
   height: auto;
   overflow: hidden;
   position: relative;
   background-color:white;
   margin:0;
}
.bx1 img {
   width: 100%;
   height: auto;
}

   
.bx1 li:nth-child(n+2){
  position: absolute;
  top:0;
  left:0; 
}


.bx1 ul{  margin:0; padding:0;}

.bx1 .bx-viewport:before,
.bx1 .bx-viewport:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -100%;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 120;
}

.bx1 .bx-wrapper .bx-viewport {
    overflow: visible !important;
    left: 0;
    border-width: 0;
    box-shadow: none;
}

.bx1 .bx-viewport:before {
    right: 100%;
    left: -100%;
}

.bx1 .bx-viewport:after {
    left: 100%;
    right: -100%;
}

.bx1 .bx-wrapper {
    margin:0 auto !important; 
}
	
.title-wrap{
        
	position: absolute;
        z-index:100;
        width:100%;
        height: 100%;
        top:0;
        left:0;
	 background: url("../img/main_slider/main_logol.png.html") center center no-repeat;
        background-size: contain;

}
.title-wrap img{
	width: 100%;
	height: auto;
}


/*1% for the slider------------------*/
/*Attention: title-wra ga thumn ni kasanaru to control dekinakunaru */
.bx2 {
   width: 100%;
   height:auto;
   overflow: hidden;
   position: relative;
   margin:0;
}

.demo02{
   width:1920px;
   height: 1080px;
/*   overflow:hidden;*/
}

.bx2 img{
   width: 100%;
   height: auto;
}

.bx2 ul{ margin:0; padding:0;}


.bx2 .bx-wrapper .bx-viewport {
    overflow: visible !important;
    left: 0;
    border-width: 0;
    box-shadow: none;
    z-index: 0;

}



.bx2 .bx-wrapper {
    margin:0 auto !important; 
}

.bx2 .bx-wrapper .bx-pager {
	padding:0;
}

.bx-custom-pager{  /*Pager Area ha WIN-ALL NO H=20%*/
	height: 100%; 
/*	background-color: green; */
	padding:0; margin:0; 
	bottom: -80% !important;
       z-index: 110;

}

.bx-custom-pager .bx-pager-item{
	width: 10%; /*Page Item Size ha WIN-ALL NO W-20%*/
}
.bx-pager-item img{ opacity:0.5; }
.bx-pager-item .active img{opacity: 1.0; }


.title-wrap2{  
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 80%; /*SLIDER NI KASANERU WRAP HA WIN-ALL NO H-80%*/
/*	background-color: rgba(255,255,0,0.8);*/
       background: url("../img/sec6/main_logo_s.png.html") center center no-repeat;
       background-size: contain;
	z-index: 100;

}
.title-wrap2 img{
	width: 100%;
}



/*間取り slider------------------*/
.bx3 {
   margin: 0 auto;
   width: 100%;
   max-width: 1000px;
   height:auto;
   overflow: hidden;
   position: relative;
}
.bx3 ul{ margin:0; padding:0;}

.bx3 .bx-wrapper {
    margin: 0 auto 2rem auto !important; 
}


 /* =======================================
    MASONRY
======================================= */
.gitem-all{
  max-width:100%;
  height: 200px;
  margin: 0 auto;
  padding-bottom: 0px;
  overflow:hidden;
  position:relative;
}


.gitem-wrap {
 width:120%;
 margin:0 auto;
 padding:0; 
 list-style:none;
 left: -50px;
 position:absolute;
}

.gitem{
  display:block;
  float: left;
  margin:0;
  padding:0;
  width:200px;
  height: 200px;
  background-color: white;
}

.gitem img {
	width:100%;
}

/* =======================================
   BUTTON EFFECT
======================================= */
.ef1:hover {
	opacity:0.6;
	
}


/* =======================================
    FLEX BOX 
======================================= */
.myflexbox {
	width: 100%;
}
.myflexbox ul{
	padding:0 10%;
}
.myflexbox li{
	float:left;
	width:23%;
	height:auto;
	margin:1% 1%;
	list-style:none;
}
.myflexbox p{
	margin:0;
	padding:0;
	font-size: 1rem;
}
.myflexbox img{
	width:100%;
	height:auto;
	margin:0;
	padding:0;
}

/*
.myflexbox ul{
	position:relative;
	left:50%;
	float:left;
	border:1px solid blue;
}
.myflexbox ul li {
	position: relative;
	left: -50%;
	float: left;
	list-style:none;
	margin: 2px;
}
.myflexbox  p{
	margin:0;
	padding:0;

}

.myflexbox img{
	margin:0;
	padding:0;
	width:100%;
	height:100%;
}
*/


.camp-settimer-in {
	display:none;
}

.img700{
	display:block; 
	width:700px; 
	margin:0 auto;
	text-align:center;
}


.spacer_normal{
	margin-top: 2.5em;
	display:block;
}