@charset "utf-8";

/* tablet＆PC  */
@media only screen and (min-width: 641px) {
.sp{
display:none;
}
}


/* smartPhone */




@media screen and (max-width: 640px) {
	
	/***** youtube画面フィット *****/
.youtube {
position: relative;
width: 100%;
padding-top: 56.25%;
}
.youtube iframe{
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
}
	
	
	
	
.area_unit{
margin-bottom: 0px;
    min-height:300px;
}

.areainfo dt {
    border-bottom: none;
}

.sp-br-none{
display: none;
}

.pc{
display:none !important;
}

div.sp{
margin-top:50px;
}

h4{
font-size:0.95rem;
	}

.btn{
display:block;
}
/***メニュー***/
#sp-menu > ul{
    height: 50px;
    background: rgba(22, 142, 0, 0.72);
    margin-top: 0;
    padding-top: 0;
   color: #FFF;
    font-size: 0.7rem;
display:flex;
justify-content: space-around;
align-items: center;


    position: fixed;
    z-index: 1;
    width: 100%;
    /*position: 0;*/
    top: 0;
}





#sp-menu .logo{

}


#ham-menu {
    background-color: #e2e2e2; /*メニュー背景色*/
    box-sizing: border-box;
    padding: 10px; /*メニュー内余白*/
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    color: #333;
    font-size:1rem;
    text-align:left;
	display: none;

    /*position: fixed;*/
	top: 50px;
    z-index: 1;
	width:100%

}

#ham-menu a{
display:block;
color:green ;
font-weight: bold;
}


.accordion .title-area .title  {
	line-height:45px;
}
	
.accordion .title-area .icon{
    float: right;
    margin: 14px 10px 0px 0;
}

.accordion .title-area .icon  img {
		height: 16px;
        vertical-align: text-top;
        width: 16px;
}

#ham-menu .accordion .menu {
		display: none;
}
	
#ham-menu .accordion .menu ul li:last-child {
		border-bottom: 0;
}


#menu-icon {
    transition: all 0.3s linear 0s;
    cursor: pointer;
    display: block;
	z-index: 1000;
	
}

#menu-cb {
    display: none; /*チェックボックス本体は消しておく*/
}


/* #menu-cb:checked ~ #ham-menu{*/
/*    transform: translate(-300px);*/ /*メニュー本体横幅 width と合わせる*/
/*}*/
	
/*#menu-cb:checked ~ #menu-icon {*/
/*	z-index: 1000;*/
/*   transform: translate(-260px);*/ /*メニュー本体横幅 width と合わせる*/
/*}*/

/*#menu-cb:checked ~ #menu-background {*/
/*    opacity: 0.5;*/
/*    /*z-index: 100;*/
/*}*/

#ham-menu ul {
    background-color: #ffffff; /*メニュー背景色*/
    margin: 3px 0 0 0;
    list-style:none;
    padding-left: 10px;

    line-height: 300%;
   
}

#ham-menu li {
      border-bottom: #ddd dotted 1px;
}
	
.gcwebSpLoginForm .square_btn {
	cursor: pointer;
}

}/* smartPhone */