@charset "UTF-8";
/* CSS Document */

/*
*{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
*/

a{
	text-decoration: none;
}




/**--------------------------------------------------------------------------

モーダルウィンドウ　共通

---------------------------------------------------------------------------*/

.mb_small{
	font-size: 10px;
	text-align: right;
}

.md_close {
	display: inline-block;
	font-size: .8rem;
	border: 1px solid #828282;
	
	
	text-align: center;
	padding: 1rem 2rem;
	margin: 1rem auto 0 auto;
	line-height: .8rem;
	border-radius: 6px;
	color: #828282;
}


/**--------------------------------------------------------------------------/////////////////////

PC

---------------------------------------------------------------------------//////////////////////*/

@media only screen and (min-width:600px){
	
/**--------------------------------------------------------------------------

モーダルウィンドウ　横位置コンテンツ

---------------------------------------------------------------------------*/

.mdh_content{
    margin: 0 auto;
    padding: 40px;
}
.mdh_modal{
    display:none;
    height: 100vh;
    position: fixed;
    top: 0;
    width: 100%;
	
	text-decoration: none;
	z-index: 999;
}


.mdh_modal__bg{
    background: rgba(0,0,0,0.8);
    height: 100vh;
    position: absolute;
    width: 100%;
}
.mdh_modal__content{
    background: #fff;
    left: 50%;
    padding: 2rem;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    
	width: 80%;
	height: auto;
	
	text-align: center;
	font-size: 16px;
	line-height: 1.5em;
	color:#222222;
	
	border-radius: 20px;
	
	overflow-y: auto;
  	max-height: 90%;
	
}

.mdh_modal__content img{
    width: 100%;
	text-align: center;
	margin: 0 auto;
	
}




/**--------------------------------------------------------------------------

モーダルウィンドウ　縦位置コンテンツ

---------------------------------------------------------------------------*/

.mdv_content{
    margin: 0 auto;
    padding: 40px;
}
.mdv_modal{
    display:none;
    height: 100vh;
    position: fixed;
    top: 0;
    width: 100%;
	
	text-decoration: none;
	z-index: 999;
}


.mdv_modal__bg{
    background: rgba(0,0,0,0.8);
    height: 100vh;
    position: absolute;
    width: 100%;
}
.mdv_modal__content{
    background: #fff;
    left: 50%;
    padding: 2rem;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    
	width: 50%;
	
	text-align: center;
	font-size: 16px;
	line-height: 1.5em;
	color:#222222;
	
	border-radius: 20px;
	
	overflow-y: auto;
  	max-height: 90%;

}

.mdv_modal__content img{
    width: 90%;
	text-align: center;
	margin: 0 auto;
	
}

/**--------------------------------------------------------------------------

モーダルウィンドウ　スクエア型

---------------------------------------------------------------------------*/

.mds_content{
    margin: 0 auto;
    padding: 40px;
}
.mds_modal{
    display: none;
    height: 100vh;
    position: fixed;
    top: 0;
    width: 100%;
	
	text-decoration: none;
	z-index: 999;
}


.mds_modal__bg{
    background: rgba(0,0,0,0.8);
    height: 100vh;
    position: absolute;
    width: 100%;
}
.mds_modal__content{
    background: #fff;
    left: 50%;
    padding: 3rem;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 50%;
	
	text-align: center;
	font-size: 14px;
	line-height: 1.5em;
	color:#222222;
	
	border-radius: 20px;
	
	height: auto;
	overflow-y: auto;
  	/*縦方向はスクロール可*/
  	overflow-x: hidden;
  	/*横方向はスクロール不可*/
}

.mds_modal__content img{
    width: 100%;
	text-align: center;
	margin: 0 auto;
}



/**--------------------------------------------------------------------------

昔ばなし　モーダルウィンドウ

---------------------------------------------------------------------------*/

.mb_content{
    margin: 0 auto;
    padding: 40px;
}
.mb_modal{
    display: none;
    height: 100vh;
    position: fixed;
    top: 0;
    width: 100%;
	
	text-decoration: none;
	z-index: 999;
}


.mb_modal__bg{
    background: rgba(0,0,0,0.8);
    height: 100vh;
    position: absolute;
    width: 100%;
}
.mb_modal__content{
    background: #fff;
    left: 50%;
    padding: 3rem;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 50%;
	
	text-align: center;
	font-size: 14px;
	line-height: 1.5em;
	color:#222222;
	
	border-radius: 20px;
	
	height: auto;
	overflow-y: scroll;
  	/*縦方向はスクロール可*/
  	overflow-x: hidden;
  	/*横方向はスクロール不可*/
}

.mb_modal__content img{
    width: 100%;
	text-align: center;
	margin: 0 auto;
}

/**--------------------------------------------------------------------------

タウンページ　モーダルウィンドウ

---------------------------------------------------------------------------*/

.tp_content{
    margin: 0 auto;
    padding: 40px;
}
.tp_modal{
    display:none;
    height: 100vh;
    position: fixed;
    top: 0;
    width: 100%;
	
	text-decoration: none;
	z-index: 999;
}


.tp_modal__bg{
    background: rgba(0,0,0,0.8);
    height: 100vh;
    position: absolute;
    width: 100%;
}
.tp_modal__content{
    background: #fff;
    left: 50%;
    padding: 2rem;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    
	width: 48%;
	height: auto;
	
	text-align: center;
	font-size: 16px;
	line-height: 1.5em;
	color:#222222;
	
	
	
	
	border-radius: 20px;
	
	overflow-y: auto;
  	max-height: 90%;
	display: flex;
	flex-flow: column nowrap;
}

.tp_modal__content img{
    width: 80%;
	text-align: center;
	margin: 0 auto;
	
}


/**-----------------------------------------------------------------------**/

}/**--------------------------------------------------------------------  pc **/



/**--------------------------------------------------------------------------/////////////////////

SP

---------------------------------------------------------------------------//////////////////////*/

@media only screen and (max-width:599px) {
	
/**--------------------------------------------------------------------------

モーダルウィンドウ　横位置コンテンツ

---------------------------------------------------------------------------*/

.mdh_content{
    margin: 0 auto;
    padding: 40px;
}
.mdh_modal{
    display:none;
    height: 100vh;
    position: fixed;
    top: 0;
    width: 100%;
	
	text-decoration: none;
	z-index: 999;
}


.mdh_modal__bg{
    background: rgba(0,0,0,0.8);
    height: 100vh;
    position: absolute;
    width: 100%;
}
.mdh_modal__content{
    background: #fff;
    left: 50%;
    padding: 1.5rem .5rem;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    
	width: 90%;
	height: auto;
	
	text-align: center;

	line-height: 1.5em;
	color:#222222;
	
	border-radius: 20px;
	
	overflow-y: auto;
  	max-height: 100%;

	
}

.mdh_modal__content img{
    width: 100%;
	text-align: center;
	margin: 0 auto;
	border-radius: 10px;
}




/**--------------------------------------------------------------------------

モーダルウィンドウ　縦位置コンテンツ

---------------------------------------------------------------------------*/

.mdv_content{
    margin: 0 auto;
    padding: 40px;
}
.mdv_modal{
    display:none;
    height: 100vh;
    position: fixed;
    top: 0;
    width: 100%;
	
	text-decoration: none;
	z-index: 999;
}


.mdv_modal__bg{
    background: rgba(0,0,0,0.8);
    height: 100vh;
    position: absolute;
    width: 100%;
}
.mdv_modal__content{
    background: #fff;
    left: 50%;
    padding: 1.5rem .8rem;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    
	width: 90%;
	
	text-align: center;
	
	
	color:#222222;
	
	border-radius: 20px;
	
	overflow-y: auto;
  	max-height: 95%;

}

.mdv_modal__content img{
    width: 100%;
	text-align: center;
	margin: 0 auto;
	border-radius: 10px;
}

/**--------------------------------------------------------------------------

モーダルウィンドウ　スクエア型

---------------------------------------------------------------------------*/

.mds_content{
    margin: 0 auto;
    padding: 40px;
}
.mds_modal{
    display:  none;
    height: 100vh;
    position: fixed;
    top: 0;
    width: 100%;
	
	text-decoration: none;
	z-index: 999;
}


.mds_modal__bg{
    background: rgba(0,0,0,0.8);
    height: 100vh;
    position: absolute;
    width: 100%;
}
.mds_modal__content{
    background: #fff;
    left: 50%;
    padding: 1rem 0rem;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 92%;
	
	text-align: center;

	color:#222222;
	
	border-radius: 20px;
	
	height: auto;
	overflow-y: auto;
  	/*縦方向はスクロール可*/
  	overflow-x: hidden;
  	/*横方向はスクロール不可*/
}

.mds_modal__content img{
    width: 100%;
	text-align: center;
	margin: 0 auto;
}



/**--------------------------------------------------------------------------

昔ばなし　モーダルウィンドウ

---------------------------------------------------------------------------*/

.mb_content{
    margin: 0 auto;
    padding: 40px;
}
.mb_modal{
    display: none;
    height: 100vh;
    position: fixed;
    top: 0;
    width: 100%;
	
	text-decoration: none;
	z-index: 999;
}


.mb_modal__bg{
    background: rgba(0,0,0,0.8);
    height: 100vh;
    position: absolute;
    width: 100%;
}
.mb_modal__content{
    background: #fff;
    left: 50%;
    padding: 1rem .5rem;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 92%;
	
	text-align: center;
	
	border-radius: 20px;
	
	height: auto;
	
}

.mb_modal__content img{
    width: 100%;
	text-align: center;
	margin: 0 auto;
}

/**--------------------------------------------------------------------------

タウンページ　モーダルウィンドウ

---------------------------------------------------------------------------*/

.tp_content{
    margin: 0 auto;
    padding: 40px;
}
.tp_modal{
    display:none;
    height: 100vh;
    position: fixed;
    top: 0;
    width: 100%;
	
	text-decoration: none;
	z-index: 999;
}


.tp_modal__bg{
    background: rgba(0,0,0,0.8);
    height: 100vh;
    position: absolute;
    width: 100%;
}
.tp_modal__content{
    background: #fff;
    left: 50%;
    padding: 1rem .5rem;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    
	width: 92%;
	height: auto;
	text-align: center;
	border-radius: 20px;
	overflow-y: auto;
  	max-height: 90%;
}

.tp_modal__content img{
    width: 90%;
	text-align: center;
	margin: 0 auto;
	
}


/**-----------------------------------------------------------------------**/

}/**--------------------------------------------------------------------  sp **/