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

.msg_container {
  display:block; 
  width: 100%;
  overflow:hidden;
  position:relative;
  font-size: 75%;
/*  background-color: blue;*/
  margin:0;
  padding:0;
}

.msg_wrapx1000{
  max-width: 1000px;
  margin: 0 auto;
  padding: 0;
  overflow:hidden;
}

.msg_wrapx1000a{
  max-width: 1000px;
  margin: 0 auto;
  padding: 0;
/*  overflow:hidden;*/
}


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

.sec_main {
  position: relative;
  margin:0;
  padding:0;
}
.sec_main img:nth-child(2){
  position: absolute;
  top:0;
  left:0;
}
.sec_main a{
  position: absolute;
  top: 0;
  left: 0;
  text-decoration: none;
}

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

.sec_miryoku {
  box-sizing: border-box;
  overflow: hidden;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  margin: 1em 0;
}



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

.sec_miryoku ul{
  margin:0;
  padding:0;
  list-style:none;
  margin: 2em 0;
  font-size: 125%;
  line-height: 1.2em;
  border:0px solid #808080;
  clear:both;
}
.sec_miryoku1 li:nth-child(1){
  float:left;
  display:inline-block;
  width:55%;
  color: #000;
  padding: 0 1em;
  box-sizing:border-box;
  tex-align:justify;
}
.sec_miryoku1 li:nth-child(2){
  display:inline-block;
  width:45%;
  padding: 0;
  box-sizing:border-box;

}
.sec_miryoku2 li:nth-child(1){
  float:left;
  display:inline-block;
  width:45%;
  padding: 0;
}
.sec_miryoku2 li:nth-child(2){
  display:inline-block;
  width:55%;
  color:#000;
  padding: 0 1em;
  box-sizing:border-box;
  text-align:justify;
}
.sec_miryoku li{
  display:block;
  padding: 1em 0;
  font-size: 150%;
  line-height: 1.4em;
  margin:0 auto;
}




.custom {
  background-color: black;
  box-sizing: border-box;
  overflow: hidden;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
}

.custom1 {
  background: url('../img/main_bg.jpg') center bottom / cover no-repeat;
  box-sizing: border-box;
  overflow: hidden;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
}

.custom2 {
  background: url('../img/sec1_bg_smf.jpg') center top / cover no-repeat;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  z-index: 100;
}

.custom3 {
  background: url('../img/sec_concept_bg_smf.png') center top / cover no-repeat;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  margin-top: -3em;
}

.custom4 {
  background: url('../img/sec_usersvoice_bg.jpg') center bottom / cover no-repeat;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  margin-top: -3em;
}
.custom4bg{
  height: 100%;
  background: rgba(255,255,255,0.4);
}




.sec_voice {
    display:flex;
   flex-wrap:wrap;
}
.sec_voice .lside{
   width: 50%;
   vertical-align:top; 
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
} 
.sec_voice .lside h3{
   font-size: 150%;
   color: red;
   line-height: 1.5em;
}
.sec_voice .lside p{
   font-size: 130%;
   line-height: 1.3em;
}
.sec_voice .rside{
   width: 50%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
} 

.sec_voice ul{
   display:flex;
   flex-wrap:wrap;
   width: 100%;
   padding:0;
   margin:0 auto 2rem 0;
   list-style:none;
}
.sec_voice ul li{
   width: 25%;
   padding:1em 2px 0 2px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;

}
.sec_voice ul li p{
  display:block;
  line-height: 1.5em;
  padding: 2em;
  font-size: 120%;
  margin:0 auto;

}
.sec_voice ul li a{
   position:relative;
}
.sec_voice ul li img:nth-child(2){
   position:absolute;
   bottom:0rem;
   right:0;
   width: 2rem;
}
.sec_voice .txt{
   width:100%;
   margin:0;
   padding:0;
   font-size: 120%;
   line-height: 1.3em;
   padding:0.4em 0 0 0;
   margin:0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;

}



.sec_plan{
   padding: 0 2em;
}
.sec_plan ul{
   display:flex;
   flex-wrap:wrap;
   width:100%;
   margin:0;
   padding:0;
   list-style:none;
}
.sec_plan ul li{
   width:33%;
/*   border: 1px solid black;*/
   margin: 1px;
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -o-box-sizing: border-box;
   -ms-box-sizing: border-box;
}

.sec_plan dl{
  padding: 0;
  margin:0;
  margin-bottom: 1em;
}
.sec_plan dt{
  text-align:center;
  padding: 3em 0;
  position:relative;
}
.sec_plan dt h3{
  font-size: 165%;
  line-height:1.4em;
  margin:0;
/*  color: white;*/
  color: black;
  margin: 0 0.2em;
  padding:0.5em;
}
.sec_plan dt h3 span{
  display:block;
  font-size: 90%;
  line-height:1em;
  letter-spacing:-1px;
  margin: 1em 0;
}

.sec_plan dt h2{
  font-size: 110%;
  line-height:1.2em;
  margin:0.5em;
}

.sec_plan dt p{
  font-size: 300%;
  font-weight:bold;
/*  spacing:-0.3em;*/
  margin:0.5em 0 0 0;
  line-height:1em;
}
.sec_plan dt span{
  font-size: 50%;
/*  letter-spacing:0em;*/
/*  padding-left: 0.3em;*/
}
.sec_plan du{
  display:block;
  width:100%;
  padding: 1em 2em;
  border: 1px solid darkgray;
  border-bottom: 0px solid darkgray;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  line-height: 1.2em;
  text-align:center;
}
.sec_plan du:last-child{
  border-bottom: 1px solid darkgray;
}
.sec_plan du:last-child span{
  padding: 0.2em;
  letter-spacing: 2px;
  font-weight:bold;
  color: white;
}
.sec_plan du h3{
  text-align:left;
}
.sec_plan du h2{
  display:inline-block;
  font-weight:bold;
  font-size: 200%;
  width:100%;
  text-align:center;
  vertical-align:top;
  line-height:1em;
}
.sec_plan du h2 span{  
   width: 1.5em;
    height: 1.5em;
    line-height: 1.5em;
    margin: 0 auto 0.5em auto;
    font-size: 140%;
    text-decoration: none;
    display: block;
    text-align: center;
    color: #FFFFFF;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

.sec_plan .col_yellow{
    background: #ffa500;
}

.sec_plan .col_blue{
    background: #008DDD;
}
.sec_plan .col_orange{
    background: #ff6500;
}
.sec_plan .col_green{
    background: #DD008D;
}

.sec_plan .option{
/*    height: 1.5em;*/
    font-size: 160%;
    line-height:1.2em;
    margin:0;
}

.sec_plan du h3{
  display:inline-block;
  font-weight:bold;
  font-size: 120%;
  width:40%;
  vertical-align:top;
}
.sec_plan du p{
  display:inline-block;
  font-weight:bold;
  font-size: 110%;
  width:60%;
  word-break:break-all;
  text-align:right;
}

#plan_1 dl dt{
  background-color: #fff;
  color: #000;
  transition: all 0.3s;
  margin-bottom: 0.1em;
  border:1px solid darkgray;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;

}
#plan_1 dl dt a{
  text-decoration:none;
  color: black;
}
#plan_1 dl dt a:active{
  position:relative;
  top: 2px;
}
#plan_1:hover dl dt,
#plan_1:hover dl dt a{
  background-color:#000;
  color:#fff;
}

.fukidashi img{
  opacity:0;
  width:91px;
  height:76px;
  position:absolute;
  top: -3.5em;
  right:-2em;
  z-index:1;
  transform:rotate(-30deg);
  transition: all 0.3s;
}
#plan_1:hover .fukidashi img{
  opacity:1.0;
  transform:rotate(-0deg);

}


.sec_info{
   border: 1px solid black;
   background-color: white;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
}
.sec_info ul{
   display:flex;
   flex-wrap:wrap;
   list-style:none;
   padding:0;
   margin:0 auto;
   justify-content:center;
  list-style:none;
}
.sec_info ul li{
   width:40%;
   padding:1em;
   position:relative;
}
.sec_info ul li img{
   padding: 4px;
   border: 1px solid gray;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
}
.sec_info ul li span{
  border-radius:50%;
  border:1px solid black;
  color:white;
  height:1.2em;
  width:1.2em;
  position:absolute;
  padding:8px;
  top:1em;
  left:1em;
  font-size:200%;
  background-color:#000;
  text-align:center;
  line-height:1em;
  font-weight:bold;
}

.sec_present{
  line-height: 1em;
}
.sec_present ul{
  width:100%;
  list-style:none;  
  margin: 4em auto 0 auto;
  padding:0px;
}
.sec_present ul li{
  font-size:200%;
  text-align:left;
  line-height:1.5em;
  padding: 0 1em;
  font-weight:bold;
}
.sec_present h3{
  font-size: 130%;
  line-height:1.5em;
  color:red;
  margin: 0.2em 0;
  text-align:center;
  padding:0;
}
.sec_present ul li:nth-child(3){
  color:red;
  text-align:center;
  margin:0;
}

.sec_menu ul{
  display:inline-block;
  width: 50%;
  list-style:none;
  margin:0;
  padding:0;
  font-size: 200%;
  line-height: 1.5em;
}

.sec_menu lt{
  display:block;
  width:100%;
  text-align:center;
  padding: 2em 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
}
.sec_menu li{
  display:inline-block;
  width: 50%;
  padding: 0px;
}
.sec_menu li:nth-child(odd){
  padding-left: 0.3em;
  padding-bottom: 0.2em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
}
.sec_menu li:nth-child(even){
  padding-right: 0.3em;
  padding-bottom: 0.2em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
}
.sec_menu ul:nth-child(odd){
  padding-right: 0.4em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
}
.sec_menu ul:nth-child(even){
  padding-left: 0.4em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
}

.sec_concept{
  display:block;
  width:100%;
}
.sec_concept span:nth-child(1){
  display:block;
  height: 11.4em;
  width:100%;
}
.sec_concept span:nth-child(2){
  display:block;
  padding: 1em;
  margin: 4em 0;
  background-color: rgba(0,0,0,1);
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
}
.sec_concept ul{
  margin:0;
  padding:8px;
}
.sec_concept ul li{
  margin:0;
  padding: 0;
}
.sec_concept ul li:nth-child(1){
  display:inline-block;
  width: 40%;
}
.sec_concept ul li:nth-child(2){
  display:inline-block;
  width: 60%;
  padding-left: 2em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  vertical-align:top;
}
.sec_concept dd{
  padding:0px;
  margin:0;
  color: white;
  font-size: 150%;
  line-height: 1.4em;
  word-wrap:break-word;
}
.sec_concept dd:nth-child(1){
/*  background-color: #231815; */
}
.sec_concept dd:nth-child(2){
  padding-bottom: 0;
}
.sec_concept dd p{
  margin:0;
  padding: 0;
}
.sec_concept .type_photo{
  border: 8px solid white;
  box-sizing: border-box;
  box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.8); 
}

.sec_uservoice{
  display:block;
  width:100%;
}
.sec_uservoice span:nth-child(1){
  display:block;
  height: 11.4em;
  width:100%;
}
.sec_uservoice span:nth-child(2){
  display:block;
  padding: 1em;
/*  margin: 4em 0;*/
  background-color: rgba(0,0,0,1);
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
}
.sec_uservoice ul{
  margin:0;
  padding:0;
  list-style:none;
}
.sec_uservoice ul lt{
  margin:0;
  padding: 0;
}

.sec_uservoice ul li{
  margin:0;
  padding: 0;
}
.sec_uservoice ul li:nth-child(1){
  display:inline-block;
  width: 100%;
}
.sec_uservoice ul li:nth-child(3){
 padding:8px;
  margin:0;
  color: white;
  font-size: 150%;
  line-height: 1.4em;
  word-wrap:break-word;
}

.sec_uservoice dd{
  display:inline-block;
  width: 50%;
  margin:0;
}
.sec_uservoice img{
  width: 100%;
}

.sec_uservoice dd:nth-child(1){
  vertica-align:top;
  padding-right:0.5em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
}
.sec_uservoice dd:nth-child(2){
  padding-left:0.5em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;

}

.jumpbtn img{
   transition: all 0.3s;
   opacity:1;
}
.jumpbtn:hover img{
   opacity:0.6;
}


#header{
  background-color:black;
  width:100%;
  margin:0;
  padding:0;
  line-height:0;
  display:block;
  bottom:0;
}
#header p{
  color: rgba(254,253,249,0.7);
  padding: 0.5em;
  text-align:center;
  width:100%;
  font-size: 0.7em;
  line-height:1em;
  margin:0;

  font-weight: bold;
  text-shadow: 1px 1px 1px #111;
  background-color:#231816;
}

#footer{
  background-color:black;
  width:100%;
  margin:0;
  padding:0;
  line-height:0;
  display:block;
  margin-top: 4em;
  bottom:0;
}
#footer p{
  color:white;
  padding: 1em;
  text-align:center;
  width:90%;
  font-size: 120%;
  line-height:1em;
  margin:0;
}

/*
#footer:after{
  content:".";
  background-color:black;
  height:0;
  line-height:0;
}
*/
.spacer_normal{
  margin-top: 6em;
}

/* ================================== */


.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;
}

.menu {
	width:100%;
	letter-spacing:-.4em;
}
.menu ul {
	list-style:none;
	margin:0;
	padding:0;
}
.menu ul li{
	display:inline-block;
	letter-spacing:normal;
}
.menu ul li img{
     -webkit-transition: all 0.5s;
      -moz-transition: all 0.5s;
      -ms-transition: all 0.5s;
      -o-transition: all 0.5s;
      transition: all 0.5s;
      opacity:1;
}

.menu ul li:nth-child(1){
/*	background:url("../img/menu_1r.png.html");
*/	width:21%;
}
.menu ul li:nth-child(2){
/*	background:url("../img/menu_2r.png.html");
*/	width:21%;
}
.menu ul li:nth-child(3){
/*	background:url("../img/menu_3r.png.html");
*/	width:20.4%;
}
.menu ul li:nth-child(4){
/*	background:url("../img/menu_4r.png");
*/	width:15.2%;
}
.menu ul li:nth-child(5){
/*	background:url("../img/menu_5r.png.html");
*/	width:22.4%;
}
.menu ul a:hover img{
	opacity:0.4;
}



 /* 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;
}

.border_radius{
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
}


.font_sdown1{
	font-size: 80%;
}

/*------------------------*/
/*Modal Window         */
/*------------------------*/
.popupModal1 > input { /* ラジオボックス非表示 */
    display: none;
}
.popupModal1 > input:nth-child(1) + label { 
    cursor: pointer;
}
.modalPopup2 { /* 初期設定 ポップアップ非表示 */
    display: none;
}

.popupModal1 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup2 {/* ラジオ１ チェックでポップアップ表示 */
    display: block;
    z-index: 998;
    position: fixed;
    width: 90%;
/*xxx    height: 80%;*/
    border-radius: 20px;
    left: 50%;
    top: 50%;
    margin-top: 30px;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background: #fff;
    padding: 10px 20px;
    overflow: hidden;
}


.popupModal1 .closebtn {/* ラジオ１ チェックでポップアップ表示 */
    display: block;
    z-index: 998;
    border-radius: 20px;
    margin:0 auto;
    background: #ccc;
    padding: 4px;
    color: white;
    text-align:center;
    overflow: hidden;
    font-size: 140%;
/*xxx    -webkit-transform: translate(-100%,-100%);
    -ms-transform: translate(-100%,-100%);
    transform: translate(-100%,-100%);
*/
}
@media (min-width: 768px) {/* PCのときはページの真ん中の600x600領域 */
.custom2 {
  background: url('../img/sec1_bg.jpg') center bottom / cover no-repeat;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  z-index: 100;
}
.custom3 {
  background: url('../img/sec_concept_bg.png') center top / cover no-repeat;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  margin-top: -3em;
}


.popupModal1 .closebtn {/* ラジオ１ チェックでポップアップ表示 */
    display: block;
    z-index: 998;
    border-radius: 20px;
    margin:0 auto;
    background: #ccc;
    padding: 4px;
    color: white;
    text-align:center;
    overflow: hidden;
    position:absolute;
    bottom: 10px;
    width:50%;
    left:25%;
    font-size: 140%;
/*xxx    -webkit-transform: translate(-100%,-100%);
    -ms-transform: translate(-100%,-100%);
    transform: translate(-100%,-100%);
*/
}


.popupModal1 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup2{
         width: 600px;
/*xxx         height: 600px;*/
         padding: 30px;

    }

.popupModal1 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label {
     left: 50% !important;
     top: 50% !important;
     margin-left: 270px !important;
     margin-top: -310px !important;
}
}

.popupModal1 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup2 > div {/* */
    overflow:auto;
    -webkit-overflow-scrolling:touch;
    display: inline-block;
    width: 100%;
/*xx    height: 100%;*/
}
.popupModal1 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup2 > div > iframe {
    width: 100%;
/*xx      height:100%;*/
      border:none;
      display:block;
}

.popupModal1 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup2 > div > img {/* ポップアップの中の要素 */
max-width: 100%;
}
.popupModal1 > input:nth-child(1) + label ~ label {
    display: none;/* ラジオ１ 以外のラベルを初期は非表示 */

}
.popupModal1 > input:nth-child(1):checked + label + input:nth-child(3) + label {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.70);
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 997;
    text-indent: -999999px;
    overflow: hidden;
}
.popupModal1 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label {
    background: rgba(255, 255, 255, 0.5);
    display: inline-block;
    position: fixed;
    left: 10px;
    bottom: 20px;
    z-index: 999;
    width: 44pt;
    height: 44pt;
    font-size: 40px;
    border-radius: 50%;
    line-height: 44pt;
    text-align: center;
    box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.2);
}

.popupModal1 > input:nth-child(1) + label + input:nth-child(3):checked + label + input:nth-child(5) + label + .modalPopup2,
.popupModal1 > input:nth-child(1) + label + input:nth-child(3) + label + input:nth-child(5):checked + label + .modalPopup2 { /* ラジオ２と３ どっちかチェックでポップアップ非表示 */
    display: none;
}


.modalPopup2 {
    animation: fadeIn 1s ease 0s 1 normal;
    -webkit-animation: fadeIn 1s ease 0s 1 normal;
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

.popupModal1 .modalTitle {
     padding-bottom: 0.5em;
     margin: 0.5em 0;
 /*    border-bottom:
     1px solid #ccc;*/
     font-weight: bold;
}
.popupModal1 .modalMain {
     color:#222;
     text-align: left;
     font-size: 14px;
     line-height: 1.8em;
}