@charset "UTF-8";

/*0〜414px iPhone XS Max 縦画面 */

body {
   -webkit-text-size-adjust: none;
   background-color: #1F232E; 
   background-image: url("../img/bg-pc.jpg"); 
   background-size: cover;
   background-attachment: fixed; 
   background-position: center center;
   font-family: 'Merriweather', serif;
}

p{
   color: #A1A4B1;
	width: 300px;
}

.center-box{
   width: 100%;
	}
	
.main-box{
   max-width: 300px;
   margin:20% auto 0 auto;
	}

img.logo{
	width:70px;
	text-align: center;
}

.img-box{text-align: center;}

.menu{
   width: 300px;
   margin: 0;
   padding: 0;
   font-size: 0.5rem;
   color: #A1A4B1;
   display: flex;
   justify-content: space-between;
   font-family: 'Montserrat', sans-serif;
   list-style: none;
}

@media only screen and (max-device-width: 767px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2){
		body {
   background-image: url("../img/bg-sp-port.jpg"); 
}
}

/*----　↑　iphone縦　↑　--------------------------------------------------------------------------------------------------- */



@media only screen and (max-device-width: 767px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2){
	
	body {
   background-image: url("../img/bg-sp-land.jpg"); 
}
	
img.logo{
	width:50px;
}
	
.main-box{
   max-width: 505px !important;
   margin: 0  !important;
   margin:4% auto 0 auto !important;
   display: flex;
	}
	
.img-box{
	text-align: left;
	width: 80px;
	}	
	
.img-box p{
   margin:5px 0 15px 0 !important;
   font-size: 0.8rem !important;
	padding-left: 9px !important;
	width: 80px;
	}
	
.menu{
   width: 420px !important;
   font-size: 0.7rem !important;
}	
	
	p{
    font-size: 1.42rem !important;
	margin-top: 10px !important;
	}
	
	.menuContainer{
		margin: 10px 0 0 0;
	}	
}

/*----　↑　iphone横　↑　--------------------------------------------------------------------------------------------------- */


@media only screen and (min-device-width: 813px) and (max-device-width: 1367px) and (orientation:landscape)and (-webkit-min-device-pixel-ratio:2){

body {background-image: url("../img/bg-tb-land.jpg"); }
	
.main-box{
   max-width: 440px!important;
   margin:5% auto 0 auto!important;	
	}
	
.img-box p{
	width: 100%!important;
   margin:5px 0 30px 0!important;
   font-size: 1rem;
	}
	
.menu{
   width: 444px!important;
   font-size: 0.7rem!important;
	text-align: center;
}
	
.img-box p{
   font-size: 1rem;
   margin:5px 0 30px 0;
	}

p{
   font-size: 1.5rem!important;
   width: 450px;
   margin-top:10px!important;
	}}

/*----ipad横------------------------------------------------------------------ */


@media only screen and (min-device-width: 768px) and (max-device-width: 1367px) and (orientation:portrait)and (-webkit-min-device-pixel-ratio:2) {
 	
body {background-image: url("../img/bg-tb-port.jpg")!important; }
	
.main-box{
	margin-top:200px;
	margin:10% auto 0 auto!important;
	}
	
.img-box p{
   margin:5px 0 30px 0;
   font-size: 1rem;
	}

.menu{width: 295px;}

/*ipad縦*/}

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


@media (min-width: 500px) {

body {background-image: url("../img/bg-pc.jpg"); }
	
.center-box{
   width: 100%;
	}
	
.main-box{
   max-width: 600px;
   margin:7% auto 0 auto;	
	}
	
.menu{
   width: 592px;
   font-size: 1rem;
}
	
.img-box p{
   font-size: 1rem;
   margin:5px 0 50px 0;
	}

p{
   font-size: 2rem;
   width: 600px;
   margin-top:20px;
	}
	
/*1367px〜 PC*/}

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