/*========================================================================
//
// 共通（フォントサイズなど）
//
//========================================================================*/


/*********  SP iPhone6以上（画面の横幅が761pxまで） ************/

@media (max-width:761px) {
	html, body {
		height: 100%;
		/* iPhone 6,7,8,x を基準に */
		font-size: calc(100vw / 37.5);
	}
	article {
		overflow: hidden;
	}
	
	.wrapper {
		padding: 0 6%;
	}

	.pc_contents {
		display: none;
	}
}





/*========================================================================
//
// ヘッダー関連
//
//========================================================================*/


/*********  SP iPhone6以上（画面の横幅が761pxまで） ************/

@media (max-width: 761px){
	
	#ghead{
		width:100%;
		background:#164bc3;
	}
	
	#ci_wrap{
		width: 100%;
		box-sizing: border-box;
		padding: 20px 20px;
	}

	#ci_wrap a{
		display:block;
	}
    
    

	
	/* head_navi start　------------------ */

	#head_navi_wrap{
		background:#053075;
	}

	#head_navi_wrap > div{
		display: flex;
		justify-content:space-between;
		padding: 8px 12px 4px;
	}
    
    #head_navi_wrap > div.logout_nav{
		justify-content: flex-end;
	}

	#head_navi_wrap ul{
		display: flex;
		justify-content:space-between;
	}

	#head_navi_wrap > div > a{
		display:block;
		font-weight:400;
		font-family: 'Roboto', sans-serif;
		font-size: 1.2rem;
		letter-spacing: 0.1rem;
		color:#fff;
		line-height:100%;
		padding: 6px 0 8px;
	}

	#head_navi_wrap li{
		font-weight:400;
		font-family: 'Roboto', sans-serif;
		font-size: 1.2rem;
		color:#fff;
		line-height:100%;
		letter-spacing: 0.1rem;
	}

	#head_navi_wrap li:first-child{
		padding:6px 0 0;
	}

	#head_navi_wrap li.mypage a{
		display:block;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight:400;
		font-size: 1.2rem;
		color:#fff;
		letter-spacing: 0;
		padding: 4px 0 5px 18px;
		margin: 0 0 0 14px;
		background: url("/global/img/icon_mypage.svg") no-repeat left center;
		background-size: auto 98%;
	}

	#head_navi_wrap li.logout a{
		display:block;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight:400;
		color:#fff;
		font-size: 1.2rem;
		letter-spacing: 0;
		padding: 4px 0 5px 18px;
		background: url("/global/img/icon_logout.svg") no-repeat left center;
		background-size: auto 78%;
		margin: 0px 0 0 12px;
	}

	#head_navi_wrap li.login a{
		display:block;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight:400;
		color:#fff;
		font-size: 1.2rem;
		letter-spacing: 0;
		padding: 4px 0 5px 18px;
		background: url("/global/img/icon_login.svg") no-repeat left center;
		background-size: auto 78%;
		margin: 0 0 10px;
	}

	
	/* head_navi end　------------------ */
    
    #logout #head_navi_wrap .login_nav{
        display:none;
    }
	#login #head_navi_wrap .logout_nav{
        display:none;
    }

}




/*========================================================================
//
// Page Top 固定ボタン
//
//========================================================================*/


/*********  SP iPhone6以上（画面の横幅が761pxまで） ************/

@media (max-width: 761px){
	.pagetop{
		position: fixed;
		right: -80px;
		top: 95%;
		transform: translate(0, -50%);
		z-index:9000;
		transition: all 0.8s cubic-bezier(0.03, 0.36, 0.18, 1) 0s;
	}
	
	.pagetop_act{
		right: -18px;
	}

	.pagetop li a{
		display:block;
		background: #bdc2cc url(/global/img/arrow_w2.png) no-repeat 15px center;
		background-size: 14px auto;
		width: 60px;
		height: 44px;
		border-radius:6px;
		transform: translate(0,0);
		transition: all 0.4s cubic-bezier(0.03, 0.36, 0.18, 1) 0s;
	}
}





/*========================================================================
//
// フッター関連
//
//========================================================================*/


/*********  SP iPhone6以上（画面の横幅が761pxまで） ************/

@media (max-width:761px) {
    footer p{
    	font-family: 'Roboto', sans-serif;
    	font-weight:400;
    	letter-spacing:0.1rem;
    	font-size: 1.2rem;
    	text-align: center;
    	padding: 50px;
    	color: #a0a0a0;
    }
}



/*========================================================================
//
// GDPR Cookie
//
//========================================================================*/


/*********  SP iPhone6以上（画面の横幅が761pxまで） ************/

@media (max-width:761px) {
	.g-gdpr {
        width: 80%;
        padding: 30px 10%;
        justify-content: center;
        align-items: center;
        background: rgba(0,0,0,.75);
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 10000;
        backdrop-filter: blur(15px);
        transition: 1s;
        transform: translateY(100%);
        animation: anime-gdpr 1s both 1s;
    }
    
    .is-gdpr_off .g-gdpr {
        animation: anime-gdpr_off 1s both;
    }
    
    .g-gdpr__text {
    	display:block;
    	color: #cacaca;
    	text-shadow: 0 0 3px #000;
    	padding: 0 0 20px;
    	font-size: 1.4rem;
    }

    .g-gdpr__text a {
        color: #85b9d0;
        text-decoration: underline !important;
        padding: 0 .15em;
        display: inline-block;
    }


    a.g-gdpr__button {
        color: #fff;
        font-size: 1.6rem;
        font-weight: 700;
        line-height: 1;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        padding: 1em 2em 1em 2em;
        display: block;
        background: #6785d5;
        border: 1px solid #fff;
        transition: .2s;
        cursor: pointer;
    }
}


/*===============================================
　SP iPhone5サイズ対応　画面の横幅が350pxまで▼▼▼▼▼
===============================================*/

@media (max-width:349px) {
	
	
}

/*===============================================
　SP iPhone Plus サイズ対応　画面の横幅が415pxまで▼▼▼▼▼
===============================================*/

@media (min-width: 413px) and (max-width: 761px) {
	
}