@charset "utf-8";


/*---------------------------------------------------------------------------
CMS用に追加
---------------------------------------------------------------------------*/


/*３列タイプのボックス
---------------------------------------------------------------------------*/
/*１個あたりのボックス設定*/
.list-grid .list {
    display: flex;
    flex-direction: column;
}


/*タイトル背景
---------------------------------------------------------------------------*/
/*タイトルの背景色バリエーション（共通）*/
.bg-color0, .bg-color1, .bg-color2, .bg-color3, .bg-color4, .bg-color5, .bg-color6 {
	color: #fff;	/*文字色*/
	margin-bottom: 1rem !important;	/*下に空けるスペース*/
}
.bg-color0 a, .bg-color1 a, .bg-color2 a, .bg-color3 a, .bg-color4 a, .bg-color5 a, .bg-color6 a {
	display: block;
	color: inherit;
}
.bg-color0 a:hover, .bg-color1 a:hover, .bg-color2 a:hover, .bg-color3 a:hover, .bg-color4 a:hover, .bg-color5 a:hover, .bg-color6 a:hover {
	color: inherit;
}
/*bg-color0への追加指定*/
.bg-color0 {
	background: #1c2d87;	/*背景色*/
}
/*bg-color1への追加指定*/
.bg-color1 {
	background: #ff9a18;	/*背景色*/
}
/*bg-color2への追加指定*/
.bg-color2 {
	background: #189aff;	/*背景色*/
}
/*bg-color3への追加指定*/
.bg-color3 {
	background: #dd3d8c;	/*背景色*/
}
/*bg-color4への追加指定*/
.bg-color4 {
	background: #6f3eb9;	/*背景色*/
}
/*bg-color5への追加指定*/
.bg-color5 {
	background: #1b7a1e;	/*背景色*/
}
/*bg-color6への追加指定*/
.bg-color6 {
	background: #7a3a1b;	/*背景色*/
}


/*ページャー
---------------------------------------------------------------------------*/
/*ブロック全体*/
.pager {
	margin-top: 3rem;		/*上に空けるスペース*/
	margin-bottom: 3rem;	/*下に空けるスペース*/
	text-align: center;		/*テキストをセンタリング*/
	color: #999;			/*文字色*/
}

/*ボタン一個あたり*/
.pager a {
	display: inline-block;text-decoration: none;
	margin-bottom: 5px;		/*下に空けるスペース。ボタンが２段になった場合用。*/
	padding: 0.5rem 1rem;	/*ボタン内の余白。上下、左右への順番。*/
	border: 1px solid #999;	/*枠線の幅、線種、色*/
	background: #fff;		/*背景色*/
	color: #555;			/*文字色*/
}

/*マウスオン時*/
.pager a:hover {
	background: #fff;	/*背景色*/
	color: #999;		/*文字色*/
	border: 1px solid #333;	/*枠線の幅、線種、色*/
}

/*リンクのないボタン*/
.pager span {
	display: inline-block;
	margin-bottom: 5px;		/*下に空けるスペース。ボタンが２段になった場合用。*/
	padding: 0.5rem 1rem;	/*ボタン内の余白。上下、左右への順番。*/
	border: 1px solid #ccc;	/*枠線の幅、線種、色*/
	background: rgba(0,0,0,0.1);	/*背景色。0,0,0は黒、0.1は色が10%出た状態*/
}


/*パノラマ画像
---------------------------------------------------------------------------*/
.ofx {overflow-x: hidden;}

.panorama-img {width: 600px !important;height: 400px !important;}

	/*画面幅600px以下の設定*/
	@media screen and (max-width:600px){
	
	.panorama-img {width: 450px !important;height: 300px !important;}
	
	}/*追加指定ここまで*/

	/*画面幅600px以下の設定*/
	@media screen and (max-width:600px){
	
	.panorama-img {width: 450px !important;height: 300px !important;}
	
	}/*追加指定ここまで*/


/*NEW,UPマークなどのアイコン
---------------------------------------------------------------------------*/
/*NEW,UPoption1-icon,option2-icon共通*/
.newicon, .upicon, .option1-icon, .option2-icon {
	display: inline-block;
	padding: 0.3rem 0.5rem;	/*上下、左右への余白*/
	border-radius: 3px;		/*角を少しだけ丸くする指定*/
	font-size: 0.7rem;		/*文字サイズを70%に*/
	line-height: 1;			/*行間*/
	margin-right: 2px;		/*右側に空けるスペース。アイコンが並んだ場合の隙間になります。*/
}

/*newiconへの追加指定。*/
.newicon {
	background: #f00;
	color: #fff;
}

/*upiconへの追加指定。*/
.upicon {
	background: #257dce;
	color: #fff;
}

/*option1-iconへの追加指定。*/
.option1-icon {
	background: #fff;
	color: #777;
	border-radius: 3px;
	border: 1px solid #999;
}

/*option2-iconへの追加指定。*/
.option2-icon {
	background: #ccc;
	color: #555;
}


/*ta1
---------------------------------------------------------------------------*/
.ta1 {
	table-layout: fixed;
}

/*「こだわり」向けの設定*/
.ta1 td .specialbox label {
	float: left;
	display: inline-block;
	margin-right: 5px;
}
.ta1 td .specialbox img {
	vertical-align: middle;
}


/*その他
---------------------------------------------------------------------------*/
.mb10 {margin-bottom: 10px !important;}
a.display-block {display: block !important; text-align: center;}
