@charset "UTF-8";
/* CSS Document */
/*2017.03.30 For 岡山浜作*/

/*
============================== 09otoiawase_page ==============================
*/

/*
================================================= Wrapper =====================================================
*/
div#wrapper {
		background-color: #ffffff;
}
/*初期設定
----------------------------------------------------*/
/*
============= footer はcommon.cssに記載　============================
*/


/*
================================================================== header
*/
/* ▼ヘッド部　　部分　部分
　---------------------------------------- */




/*
================================================================== content
*/
/* ▼右側メインコンテンツ　部分
　---------------------------------------- */
/* 一段目　枠　部分------------- */
#main_content01 {
		max-width: 740px;
		margin: 20px auto 20px;
}

/* ▼　メイン部　パンくずナビ　部分
　---------------------------------------- */
#bread_line {
		max-width: 900px;
		margin: 5px 10px 10px 15px;/* mobile用ナビの時のと横幅の時はパンくずナビを左端から10pxにする設定 */
}

.breadcrumbs {
		width: 100%;
		border-bottom: solid 1px #000000;
}

.breadcrumbs p {
		font-size: 1.0em;
		font-weight: 600;
		text-align: left;
		color: #000000;
		padding: 2px 0 0 10px;
}

.breadcrumbs p a {
		color: #000000;
}

.breadcrumbs p a:hover {
		color: #ff0000;
		text-decoration: underline;
}

/* ▼　topページ以外の各ページ
	メイン部　右側メインコンテンツ　サブタイトル　部分
---------------------------------------- */
.sub_title {
		font-size: 1.54em;
		color: #ffffff;
		text-align: left;
		max-width: 700px;
		min-width: 200px;
		min-height: 30px;
		letter-spacing: 0.3em;
		padding: 3px 0 0 30px;
		outline: solid 1px #000000;
		outline-offset: 1px;
		background: url(../hamasaku/main_e/sub_title_bar_bg.gif) no-repeat 0% 0%;
}
/* ▼　topページ以外の各ページ
	メイン部　右側メインコンテンツ　サブタイトル　長いバージョン　部分
	---------------------------------------- */
.sub_title_long {
		font-size: 1.54em;
		color: #ffffff;
		text-align: left;
		max-width: 700px;
		min-width: 200px;
		min-height: 30px;
		letter-spacing: 0.1em;
		padding: 3px 0 0 30px;
		border: solid 1px #000000;
		background: url(../hamasaku/main_e/sub_title_bar_bg.gif) no-repeat 0% 0%;
}
/* ▼　topページ以外の各ページ
	メイン部　右側メインコンテンツ　サブタイトル　長い長いバージョン　部分
	---------------------------------------- */
.sub_title_long_long {
		font-size: 1.3em;
		color: #ffffff;
		text-align: left;
		max-width: 700px;
		min-width: 200px;
		min-height: 30px;
		letter-spacing: 0;
		padding: 3px 0 0 30px;
		border: solid 1px #000000;
		background: url(../hamasaku/main_e/sub_title_bar_bg.gif) no-repeat 0% 0%;
}




/*　メディアクエリー
================================================================== 500px以上
*/

@media only screen and (min-width: 500px), only print {
	
	/* ▼　メイン部　右側メインコンテンツ　サブタイトル　長い長いバージョン　部分
	---------------------------------------- */
	.sub_title_long_long {
		font-size: 1.54em;
		letter-spacing: 0.1em;
	}	








}




/*　メディアクエリー
================================================================== 550px以上
*/

@media only screen and (min-width: 550px), only print {
	
	
	
	


}

/*　メディアクエリー
================================================================== 600px以上
*/

@media only screen and (min-width: 600px), only print {
	
	/* =========== ▼ ご注文ページページ 07_02otoriyose_order ===========================*/
	/* 注文セット　部分------------- */
	
	/* 特定商取引法・お支払について　部分
	------------- */
	
	
	/* ご注文ページボタン　部分
------------- */
	
	
	
	/* =========== ▲ ご注文ページページ 07_02otoriyose_order ===========================*/	
	






}



/*　メディアクエリー
================================================================== 660px以上
*/

@media only screen and (min-width: 660px), only print {
	
	
	






}



/*　メディアクエリー
================================================================== 768px以上
*/

@media only screen and (min-width: 768px), only print {
	
		
	
	
	
	
}


/*　メディアクエリー
================================================================== 900px以上
*/

@media only screen and (min-width: 900px), only print {
	/*
	======================= Wrapper =========================
	*/
	div#wrapper {
			background-image: url(../hamasaku/main_e/bg_left_side_240-100.gif), url(../hamasaku/main_e/bg_white_980-100.gif) ;
			background-repeat: repeat-y;
			background-size: 24.47% 100%, 100% 100%;
	}
	


	
	
}





/*　メディアクエリー
================================================================== 980px以上
*/

@media only screen and (min-width: 980px), only print {


	
	
	




	




		
}





/*　メディアクエリー　プリントアウト用
================================================================== スクリーン幅関係なく
*/
@media only print {


	
	



}