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

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

NOWLS カラー指定

ver:2.0.3
更新日:2023/09/19
担当:清水優

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


/* ============================================ */
/* 基本フォント指定 */
	.sans-serif{
		font-family: 'M PLUS Rounded 1c', sans-serif;
	}
	.serif{
		font-family: 'Shippori Mincho', serif;
	}
    ::-webkit-scrollbar-track {
        background: #75BBDb;
        box-shadow:0 0 5px #a5b0e2 inset ;
    }
    ::-webkit-scrollbar-thumb {
        border: #75BBDb 3px solid;
        background: #fff;
    }
	.btn{
		color: #2E518D;
		border: #4281D1 solid 2.5px;
	}
	body{
		color: #343a5e;
		background-color: #75BBDb;
	}
	main{
		background-color: #E8F2FB;
	}
	.attention-note{
		color: #7B97B7;
	}
	.card-title p{
		color: #679dff;
	}
	footer{
		background-image: url(../img/footer-bg-day.png);
		background-size: contain;
		background-repeat: no-repeat;
		background-position: bottom center;
	}
	.btm-info a{
		color: #2E518D;
		background-size: 50px;
		background-repeat: no-repeat;
		background-position: top center;
	}
	.btm-info a:nth-child(1){
		background-image: url(../img/circle-question-solid.svg);
	}
	.btm-info a:nth-child(2){
		background-image: url(../img/line.svg);
	}
	.btm-info a:nth-child(3){
		background-image: url(../img/hat-wizard-solid.svg);
	}
/**
 *レスポンシブスタイル
 */
    @media screen and (max-width:730px){
		.btm-info{
			font-size: 12px;
		}
    }
    @media (hover: hover){

    }
    @media (hover: none){

    }
/* ============================================ */



/* メニューなど */
/* ============================================ */

	.menu-btn{
		background-color: white;
		box-shadow: 0px 3px 10px #656F9C;
	}
    .menu-btn span{
        background: #75BBDb;
    }
	.nav-hamburger{
		background-image: url(../img/footer-bg-day.png);
		background-repeat: no-repeat;
		background-position: bottom left;
		background-size: contain;
		background-color: #E8F2FB;
	}
	.nav-hamburger-cover{
		background-color: rgba(67, 103, 161, 0.5);
		background-blend-mode: multiply;
	}
	.nav-hamburger > p{
		color: #4281D1;
		background-color: #fff;
	}	
	.nav-hamburger > a > p{
		color: #2E518D;
	}
	.nav-hamburger > a > p::before{
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center	center;
	}
	.nav-hamburger > a:nth-child(2) > p::before{
		background-image: url(../img/bell-solid.svg);
	}
	.nav-hamburger > a:last-child > p::before{
		background-image: url(../img/lightbulb-solid.svg);
	}
	/**
	*ローディング
	*/
	#loading{
		background: rgb(133,104,216);
		background: linear-gradient(0deg, rgba(133,104,216,1) 0%, rgba(117,187,219,1) 100%);
	}
/**
 *レスポンシブスタイル
 */
	@media screen and (max-width:730px){
		
	}
	@media screen and (min-width:1500px){
		.nav-hamburger{
			background-size: 60vw;
			background-position: bottom -20vw left;
		}
	}
	@media (hover: hover){
		.nav-hamburger > a:nth-child(2) > p:hover{
			opacity: 0.6;
		}
		.nav-hamburger > a:last-child > p:hover{
			opacity: 0.6;
		}
	}
	@media (hover: none){
		.nav-hamburger > a:nth-child(2) > p:active{
			opacity: 0.6;
		}
		.nav-hamburger > a:last-child > p:active{
			opacity: 0.6;
		}
	}
/* ============================================ */

/* 時計 */
/* ============================================ */
	.topClock{
		color: white;
	}
	#nextPeriod{
		color: #75BBDb;
		background-color: white;
	}
	.topClock > div > p:nth-child(2)::after{
		background-color: white;
	}
	#sundayAlert::after,#sundayAlert > span{
		color: white;
		background-color: #e74a4a;
	}
/* ============================================ */


/* カード類 */
/* ============================================ */

	.platform .card-title p{
		color: #679dff;
	}
	.meal .card-title p{
		color: #FF8967;
	}
	#aihara .card-title p{
		color: #7bd356;
	}
	#campus .card-title p{
		color: #d772bd;
	}
	.platform, .meal, #aihara, #campus, .adcard{
		background-color: white;
		box-shadow: 2px 2px 10px #CACEDF;
	}
	.platform h3, .meal h3{
		color: #E46769;
	}
	.platform .card-title::before{
		background-image: url(../img/bus-simple-solid.svg);
		background-color: #565fd3;
	}
	.meal .card-title::before{
		background-image: url(../img/utensils-solid.svg);
		background-color: #EE824A;
	}
	#aihara .card-title::before{
		background-image: url(../img/leaf-solid.svg);
		background-color: #7bd356;
	}
	#campus .card-title::before{
		background-image: url(../img/graduation-cap-solid.svg);
		background-color: #d772bd;
	}
	.platform-toUniv,.platform-toSta,.dot-box{
		color: white;
		box-shadow: 5px 5px 10px #CACEDF;
	}
	#specialAlert::after,#specialAlert > span{
		color: white;
		background-color: #e74a4a;
	}
	.platform-toUniv,.platform-toSta{
		background-position: bottom right;
		background-blend-mode: overlay;
	}
	.dot-box{
		background-size: 80px;
		background-position: center right 10px;
		background-repeat: no-repeat;
		background-blend-mode: soft-light;
	}
	.platform-toUniv{
		background-size: cover;
		background-color: #2b8776;
		background-image: url(../img/cardbg-forest.svg);
	}
	.platform-toSta{
		background-size: cover;
		background-color: #4766a1;
		background-image: url(../img/cardbg-sta.svg);
	}
	.platform-title:after{
		background-color: white;
	}
	.platform-title span{
		color:  #2b8776;
		background-color: white;
	}
	.platform-toUniv .platform-title span{
		color:  #2b8776;
	}
	.platform-toSta .platform-title span{
		color: #4766a1;
	}
	.platform-toUniv .onhour th{
		color:  #2b8776;
		background-color: white;
	}
	.platform-toSta .onhour th{
		color: #4766a1;
		background-color: white;
	}
	.shokudohOP{
		color: #cb6a41;
		background-color: white;
	}
	.cafeteriaOP{
		color: #944747;
		background-color: white;
	}
	.storeOP{
		color: #E3B656;
		background-color: white;
	}
	.toolsOP{
		color: #af549a;
		background-color: white;
	}
	.shokudoh{
		background-image: url(../img/bowl-food-solid.svg);
		background-color: #cb6a41;
		background-size: contain !important;
	}
	#cafeURL > p{
		color: #cb6a41;
		background-color: white;
	}
	.shokudoh-menu > a:nth-child(2) > p,.shokudoh-menu > a:nth-child(3) > p{
		color: white;
		background-color: #ebaa7f99;
	}
	.shokudoh-menu a:nth-child(1) p::before{
		background-image: url(../img/bowl-food-solid-color.svg);
	}
	.shokudoh-menu a:nth-child(2) p::before{
		background-image: url(../img/bowl-food-solid.svg);
	}
	.shokudoh-menu a:nth-child(3) p::before{
		background-image: url(../img/link.svg);
	}
	.cafeteria{
		background-image: url(../img/mug-hot-solid.svg);
		background-color: #944747;
	}
	.store{
		background-image: url(../img/store-solid.svg);
		background-color: #e3b656;
	}
	.tools{
		background-image: url(../img/brush-solid.svg);
		background-color: #af549a;
	}
	.shokudoh-menubtn{
		background-color: white;
	}
	.shokudoh-menubtn p, .shokudoh-menubtn-right p, .shokudoh-menubtn svg{
		color: #cb6a41;
		fill: #cb6a41;
		font-weight: 500;
	}
	#aihara .box-title h4::before,#campus .box-title h4::before{
		background-image: url(../img/link.svg);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
	}
	.weather{
		background-image: url(../img/cloud-sun-solid.svg);
		background-color: #41ACCD;
	}
	.train{
		background-image: url(../img/train-subway-solid.svg);
	}
	#aihara a:nth-child(3) > .dot-box{
		background-color: #2EAA56;
	}
	#aihara a:nth-child(4) > .dot-box{
		background-color: #4A64B6;
	}
	.camsp{
		background-image: url(../img/mobile-screen-button-solid.svg);
		background-color: #D5AB4F;
	}
	.campc{
		background-image: url(../img/laptop-solid.svg);
		background-color: #5273A9;
	}
	.library{
		background-image: url(../img/book-solid.svg);
		background-color: #3C944F;
	}
/**
 *レスポンシブスタイル
 */
	@media screen and (min-width:1500px){
	}
	@media screen and (max-width:730px){
		.platform{
			box-shadow: 0px -5px 10px #75A2DB;
		}
		.meal, #aihara, #campus{
			box-shadow: 2px 2px 10px #CACEDF;
		}
		.platform-toUniv,.platform-toSta{
			color: white;
		}

	}
	@media (hover: hover){
		.platform .btn:hover, .meal .btn:hover, #aihara .btn:hover, #campus .btn:hover{
			color: #4281D1;
		}
	}
	@media (hover: none){
		.platform .btn:active, .meal .btn:active, #aihara .btn:active, #campus .btn:active{
			color: #4281D1;
		}
	}
/* ============================================ */


/* フッター,ポスターなど */
/* ============================================ */

	footer{
		color: #2F83A7;
		background-color: #E8F2FB;
	}
	.ad-mid{
		background-image: url("../img/ad-nowlad-home.png");
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
	}
	.ad-bottom{
		background-image: url("../img/ad-nowlad.png");
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
	}
/**
 *レスポンシブスタイル
 */	
	@media screen and (min-width:1500px){
		.ad-mid{
			background-image: url("../img/ad-nowlad-home-wide.png");
		}
		.ad-bottom{
			background-image: url("../img/ad-nowlad-wide.png");
			background-position: right;
		}
		footer{
			background-position-y: 150px;
		}
	}
	@media screen and (max-width:730px){
		footer{
			color: white;
		}

	}
	@media (hover: hover){
		.btm-info .btn:hover{
			color: #6F98CB;
		}
	}
	@media (hover: none){
		.btm-info .btn:active{
			color: #6F98CB;
		}
	}

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


/* テーマ変更 */
/* ============================================ */
	.wizarding{		
		color: #FFF1E0;		
		background-color: #872323;
	}
    .wizarding::-webkit-scrollbar-track {
        background: #872323;
        box-shadow:0 0 5px #111B26 inset ;
    }
    .wizarding::-webkit-scrollbar-thumb {
        border: #872323 3px solid;
        background: #FFE16D;
    }
    .wizarding .menu-btn span{
        background: white;
    }
	.wizarding .nav-hamburger{
		background-image: url(../img/footer-bg-night.png);
		background-color: #0D0C06;
	}
	.wizarding .nav-hamburger > p{
		color: #FFE16D;
		background-color: #872323;
	}	
	.wizarding .nav-hamburger > a > p{
		color: #FFE16D;
	}
	.wizarding main,.wizarding .menu-btn, .wizarding footer{
		background-color: #0D0C06;
	}
	.wizarding .topClock{
		color: #FFE16D;
	}
	.wizarding #nowPeriod{
		color: white;
	}
	.wizarding #nextPeriod{
		color: #872323;
	}
	.wizarding .platform, .wizarding .meal, .wizarding #aihara, .wizarding #campus, .wizarding .adcard{
		background-color: #343a5e;
		box-shadow: 2px 2px 10px #111B26;
	}
    .wizarding .platform-toUniv,.wizarding .platform-toSta,.wizarding .dot-box{
        color: white;
		box-shadow: 5px 5px 10px #111B26;
    }
    .wizarding .platform-sp .platform-toUniv,.wizarding .platform-sp .platform-toSta{
        color: white;
		background-color: #872323;
		box-shadow: 0px 0px 0px 0px;
    }
	.wizarding .btn, .wizarding .btm-info .btn{
		color: #DFB03A;
		border: #F4D66C solid 2.5px;
	}
	.wizarding .btm-info a{
		color: #FFE16D;
	}
    .wizarding footer{
        background-image: url(../img/footer-bg-night.png);
    }
/**
 *レスポンシブスタイル
 */
	@media (hover: hover){
		.wizarding .btn:hover, .wizarding .btm-info .btn:hover{
			color: #F4D66C;
			border: #F4D66C solid 2.5px;
		}
	}
	@media (hover: none){
		.wizarding .btn:active, .wizarding .btm-info .btn:active{
			color: #F4D66C;
			border: #F4D66C solid 2.5px;
		}
	}


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