﻿
/* ------------------------------------------------------ カラー変更 */

/* フッターカラー */
.foot-bg {
	background: #1e90ff;
}
/* フッターテキストカラー（変更する場合） */
.foot-add p,
.foot-bg .sns-box a,
.copy {
	color: #fff;
}

/* ポイントカラー*/
.point-color,
.menu-trigger.open,
.slick-dots li.slick-active button:before,
#shop-sec-1 .shop-policy .inner .policy-title{
    color: #4682b4;
}
.sec-title {
    color: #4682b4;
	opacity: .25;
}
.side-menu,
.menu-trigger.open span,
#shop-sec-1 .shop-info .inner .cal-text-area .cal-title {
	background: #4682b4;
}
li.undefined .Today,
#page-top a:hover {
	color: #4682b4;
	opacity: .25;
}
/* ポイントテキストカラー（変更する場合）*/
.side-menu .side-menu-inner #menu-box ul li a,
.sns-box a,
.side-menu .side-menu-inner .menu-info,
#shop-sec-1 .shop-info .inner .cal-text-area .cal-title,
.side-menu .side-menu-inner .menu-info a {
	color: rgba(255,255,255,1.00);
}


/* ------------------------------------------------------ ロゴサイズ変更（ロゴの形に合わせて調整してください） */

/* ヘッダーロゴ */
#header-logo img {
    width: 80px;
}
@media (min-width: 1024px){
	#header-logo img {
    	width: 125px;
	}
}

/* フッターロゴ */
.foot-logo img {
    width: 100px;
}
@media (min-width: 1024px){
	.foot-logo img {
    	width: 125px;
	}
}


/* ------------------------------------------------------ ナビゲーション個数変更 */

/* ヘッダーナビ */

/* フッターナビ */
@media (min-width: 768px){
	.foot-nav-area #foot-nav li {
    	width: 20%;
	}
}


/* ------------------------------------------------------ スライダー画像位置変更 */

/* 左がX軸、右がY軸です */
#slider-area .main-slider .slider {
    background-position: 40% 50%;
}


/* ------------------------------------------------------ フォント変更 */

/* 明朝体にする場合、有効化してください */
body {
	/*font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;*/
}



