/*PC用*/
@media screen and (min-width:641px) {
	@charset "UTF-8";

	/* ===================================================================
	CSS information
	 file name  :  skin_top.css
	=================================================================== */
	.main_contents_block { margin: 0 0 93px 0; }

	/* bnr_catch
	---------------------------------------------------------- */
	.bnr_catch { margin: 0 0 53px 0; }

	/* recommend_block
	---------------------------------------------------------- */
	.recommend_block { margin: 0 0 49px 0; }
	.recommend_block .ttl { background: url(../img/recommend/bg_ttl_recommend.png)no-repeat left top; padding: 21px 30px 17px; margin: 0 0 25px 0; }
	.recommend_block .txt { font-size: 1.4rem; color: #414040; line-height: 2.14; }
	.ph_left_box .ph { float: left; }
	.ph_left_box .txt { float: right; width: 400px; margin: 0 0 34px 0; }
	.ph_left_box .txt:last-child { margin: 0; }
	.ph_right_box .ph { float: right; }
	.ph_right_box .txtarea { float: left; width: 400px; }
	.ph_right_box .txt { margin: 0 0 40px 0; }
	.ph_right_box .txt:last-child { margin: 0; }

	/* osusume
	---------------------------------------------------------- */
	.osusume_block { border-bottom: 3px solid #000; }
	.osusume_box { border-bottom: 2px solid #000; padding-bottom: 16px; margin-bottom: 2px; }
	.osusume_box .ttl_osusume { float: left; margin: 0 20px 0 0; position: relative; z-index: 1; }
	.osusume_box p { height: 70px; background: #fff9e5; position: relative; }
	.osusume_box p span { color: #231815; font-size: 2rem; font-weight: bold; letter-spacing: 0.04em; line-height: 1.5; position: absolute; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); }

	/* recommend_block_01
	---------------------------------------------------------- */
	.recommend_block_01 .floatbox { margin: 0 0 24px 0; }
	.recommend_block_01 .txt_01 { margin: 0 0 30px 0; }
	.recommend_block_01 .txt_02 { margin: 0 0 21px 0; }

	/* recommend_block_02
	---------------------------------------------------------- */
	.recommend_block_02 .txt_01 { margin: 0 0 33px 0; }
	.recommend_block_02 .floatbox { margin: 0 0 30px 0; }

	/* recommend_block_03
	---------------------------------------------------------- */
	.recommend_block_03 .txt_01 { margin: 0 0 32px 0; }
	.recommend_block_03 .txt_02 { margin: 0 0 22px 0; }
	.recommend_block_03 .floatbox { margin: 0 0 17px 0; }

	/* recommend_block_04
	---------------------------------------------------------- */
	.recommend_block_04 { margin: 0 0 72px 0; }
	.recommend_block_04 .floatbox { margin: 0 0 22px 0; }
	.recommend_block_04 .txt_01 { margin: 0 0 24px 0; }
	.ttl_hybrid { margin: 0 0 24px 0; }

	/* difference_box
	---------------------------------------------------------- */
	.recommend_block_05 .ttl_box { background: #c60019; height: 50px; position: relative; }
	.recommend_block_05 .ttl_difference { position: absolute; top: -20px; right: 0; left: 0; margin: 0 auto; text-align: center; }
	.difference_detail { padding: 0 5px 5px 5px; border: 5px solid #000; border-top: none; }
	.difference_box { padding: 34px 16px 30px; border: 2px solid #000; border-top: none; }
	.difference_box .box_01 { margin: 0 0 30px 0; }
	.difference_box .box_01 .ph { float: left; }
	.difference_box .box .txtarea { width: 336px; }
	.difference_box .box_01 .txtarea { float: right; }
	.difference_box .box_02 .ph { float: right; }
	.difference_box .box_02 .txtarea { float: left; }
	.bnr_main_list { margin: 0 -51px 20px 0; }
	.bnr_main_list li { float: left; margin: 0 50px 0 0; }
	.shirikon img { position: relative; top: -30px; left: -20px; }
}

/*SP用*/
@media screen and (max-width:640px) {
	@charset "UTF-8";

	/* ===================================================================
	CSS information
	 file name  :  skin_top.css
	=================================================================== */
	.main_contents_block { margin: 0 0 93px 0; }

	/* bnr_catch
	---------------------------------------------------------- */
	.bnr_catch { margin: 0 0 53px 0; }

	/* recommend_block
	---------------------------------------------------------- */
	.recommend_block { margin: 0 0 49px 0; }
	.recommend_block .ttl { background: url(../img/recommend/bg_ttl_recommend.png)no-repeat left top; margin: 0 0 15px 0; padding: 22px; }
	.recommend_block .txt { font-size: 1.4rem; color: #414040; line-height: 2.14; }
	.ph_left_box .ph { margin-bottom: 10px; }
	.ph_left_box .txt { margin: 0 0 34px 0; }
	.ph_left_box .txt:last-child { margin: 0; }
	.ph_right_box .ph { margin-bottom: 10px; }
	.ph_right_box .txtarea { }
	.ph_right_box .txt { margin: 0 0 40px 0; }
	.ph_right_box .txt:last-child { margin: 0; }

	/* osusume
	---------------------------------------------------------- */
	.osusume_block { border-bottom: 3px solid #000; }
	.osusume_box { border-bottom: 2px solid #000; padding-bottom: 16px; margin-bottom: 2px; background: #fff9e5; }
	.osusume_box .ttl_osusume { margin: 0 0 0; padding-right: 40%; background: #ffc600; }
	.osusume_box p { background: #fff9e5; padding: 10px 10px 0; }
	.osusume_box p span { color: #231815; font-size: 2rem; font-weight: bold; letter-spacing: 0.04em; line-height: 1.5; }

	/* recommend_block_01
	---------------------------------------------------------- */
	.recommend_block_01 .floatbox { margin: 0 0 24px 0; }
	.recommend_block_01 .txt_01 { margin: 0 0 30px 0; }
	.recommend_block_01 .txt_02 { margin: 0 0 21px 0; }

	/* recommend_block_02
	---------------------------------------------------------- */
	.recommend_block_02 .txt_01 { margin: 0 0 20px 0; }
	.recommend_block_02 .floatbox { margin: 0 0 30px 0; }

	/* recommend_block_03
	---------------------------------------------------------- */
	.recommend_block_03 .txt_01 { margin: 0 0 32px 0; }
	.recommend_block_03 .txt_02 { margin: 0 0 22px 0; }
	.recommend_block_03 .floatbox { margin: 0 0 17px 0; }

	/* recommend_block_04
	---------------------------------------------------------- */
	.recommend_block_04 { margin: 0 0 72px 0; }
	.recommend_block_04 .floatbox { margin: 0 0 22px 0; }
	.recommend_block_04 .txt_01 { margin: 0 0 24px 0; }
	.ttl_hybrid { margin: 0 0 24px 0; }

	/* difference_box
	---------------------------------------------------------- */
	.recommend_block_05 .ttl_box { background: #c60019; padding: 10px; }
	.recommend_block_05 .ttl_difference { margin: 0 auto; text-align: center; }
	.difference_detail { padding: 0 5px 5px 5px; border: 5px solid #000; border-top: none; }
	.difference_box { padding: 12px; border: 2px solid #000; border-top: none; }
	.difference_box .box_01 { margin: 0 0 30px 0; }
	.difference_box .box_01 .ph { margin-bottom: 10px; }
	.difference_box .box .txtarea { }
	.difference_box .box_01 .txtarea { }
	.difference_box .box_02 .ph {
    margin-bottom: 10px;
}
	.difference_box .box_02 .txtarea { float: left; }
	.bnr_main_list { }
	.bnr_main_list li {margin: 0 0 15px 0;text-align: center;}
	.recommend_block .ttl.shirikon { margin-bottom: 10px !important; padding: 22px 22px 0 !important; }
	.shirikon img { position: relative; top: -25px; left: -20px; }
}