@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/


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

　SWELL＞子テーマ＞カスタマイズ、ハックを定義する

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


/* 高さ設定
--------------------------------------------------------------- */
.adx-h650 { height: 650px !important; }
.adx-h600 { height: 600px !important; }
.adx-h550 { height: 550px !important; }
.adx-h500 { height: 500px !important; }
.adx-h450 { height: 450px !important; }
.adx-h400 { height: 400px !important; }
.adx-h350 { height: 350px !important; }


/* フッター直前＞スペース削除（SWELLハック）
--------------------------------------------------------------- */
.w-beforeFooter {
	margin: 0;
}


/* リッチカラム
--------------------------------------------------------------- */
/* 「スクロールできます」エリアの非表示
----------------------------------------------- */
.scrolHint-displaynone > .c-scrollHint { display: none; }


/* スクロールバー（横方向）＞非表示
----------------------------------------------- */
.scrollbar-displaynone > .swell-block-columns__inner::-webkit-scrollbar {
	display: none;/* Chrome、Safari、Opera、Edge */
}
.scrollbar-displaynone > .swell-block-columns__inner {
	-ms-overflow-style: none;/* Internet Explorer 10+ */
	scrollbar-width: none;/* Firefox */
}




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

　SWELL＞子テーマ＞クライアント別設定＞ウチダ写真館

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


/* リッチカラム内＞画像ギャラリー＞角丸設定
--------------------------------------------------------------- */
.image-border-radius img {
	border-radius: 8px;
}

/* 背景に影を追加する
--------------------------------------------------------------- */
.adx-p-shadow-black,
.adx-img-shadow-black > img {
	box-shadow: 10px 10px;
}


.bg-black {
	background-color: #000;
}
.bg-red {
	background-color: #E60016;
}
.text-white {
	color: #fff;
}


/* SWELL ヘッダー＞カスタマイズ＞左右のスペースを排除 */
#header .l-header__inner,
#fix_header .l-fixHeader__inner {
	padding: 0;
}


/* Responsive
------------------------------- */
/* SWELLヘッダーブレイクポイント */
/* 【スマホ＜959-960＞パソコン】 */
@media screen and (min-width:1600px) {
	#header .l-header__logo,
	#fix_header .l-fixHeader__logo {
		background-color: #fff;
	}
	#header .c-gnav>.menu-item>a .ttl {
		color: #FFF;
		font-size: 26px;
		font-weight: 900;
		padding: 0 0.5rem;
	}
}
@media screen and (min-width:1200px) and (max-width:1599px) {
	#header .l-header__logo,
	#fix_header .l-fixHeader__logo {
		background-color: #fff;
	}
	#header .c-gnav>.menu-item>a .ttl {
		color: #FFF;
		font-size: 22px;
		font-weight: 900;
		padding: 0 0.4rem;
	}
}
@media screen and (min-width:960px) and (max-width:1199px) {
	#header .l-header__logo,
	#fix_header .l-fixHeader__logo {
		background-color: #fff;
	}
	#header .c-gnav>.menu-item>a .ttl {
		color: #FFF;
		font-size: 18px;
		font-weight: 900;
		padding: 0 0.3rem;
	}
}
@media screen and (min-width:600px) and (max-width:959px) {
	.l-header {
		background-color: #FFF;
	}
	.l-header__inner {
		color: #333;
	}
}
@media screen and (max-width:599px) {
	.l-header {
		background-color: #FFF;
	}
	.l-header__inner {
		color: #333;
	}
}



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


===============================================================================================
*/
/* 
--------------------------------------------------------------- */
/* 
----------------------------------------------- */
/* Responsive
------------------------------- */
@media screen and (min-width:1281px) {
}
@media screen and (min-width:992px) and (max-width:1280px) {
}
@media screen and (min-width:736px) and (max-width:991px) {
}
@media screen and (max-width:735px) {
}