@charset "euc-jp";

/*--- タグ全体 ---*/
* {
	margin: 0px;
}
a {
	color: #638fb5;
	text-decoration: none;
}
a:hover {
	opacity: 0.5;
}

body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	-webkit-text-size-adjust: 100%;
}
img {
	border-style: none;
	max-width: 100%;
}
figure {
	margin: 2em;
}
figure img {
	margin: 0 auto;
	text-align: center;
}
figcaption {
	font-size: 60%;
	margin: 1em 0;
}
h2,h3,h4 {
	text-align: left;
	margin: 2em 0 0.7em 0;
}

/*--- Common class(Decoration) ---*/
/*--- layout ---*/
.w50per {
	width: 47% !important;
}
.w50to100per {
	width: 50% !important;
	margin:0 auto;
}
.w50to100per-r {
	width: 50% !important;
	margin-left:50%;
	float:right;
}
@media only screen and (max-width: 480px) {
	 .w50to100per {
		 min-width:100%;
	}
	.w50to100per-r {
		 min-width:100%;
	}
}
.m-w100px {
	max-width: 100px;
}
.m-w200px {
	max-width: 200px;
}
.m-w300px {
	max-width: 300px;
}
.m-w400px {
	width: 100%;
	max-width: 400px;
}
.m-w600px {
	max-width: 600px;
}
.m-w900px {
	max-width: 900px;
	margin: 0 auto;
}
.m-w1100px {
	max-width: 1100px;
	margin: 0 auto;
}
.pad_2per {
	padding: 2%;
}
.pad_5per {
	padding: 5% !important;
}
.mb_2per {
	margin-bottom: 2% !important;
}
.mb_3per {
	margin-bottom: 3% !important;
}
.mb_3per2 {
	margin: 3% 0 !important;
	overflow: hidden;
}
.mb_6per {
	margin-bottom: 6% !important;
}
.mb_12per {
	margin-bottom: 12% !important;
}
.mb_20per {
	margin-bottom: 20% !important;
}
.t_left {
	text-align: left;
}
.t_right {
	text-align: right !important;
	padding: 3%;
}
.t_right2 {
	text-align: right !important;
}
.t_center {
	text-align: center !important;
	padding: 3%;
}
.t_center2 {
	text-align: center !important;
}
.m_auto {
	margin: 0 auto;
}
.va_middle {
	vertical-align: middle !important;
}

/*--- color ---*/
.color1 {
	color: #FF0000;	/* 赤色 */
}
.color2 {
	color: #FF6600;	/* 橙色 */
}
.color3 {
	color: #9900CC;	/* 紫色 */
}

/*--- color+size ---*/
.supplement {
	font-size: 90%;
	color: #6C6C6C;
}

/*--- line ---*/
.updownline {
	padding: 0.5em 0;
	border-top: 1px solid #333;
	border-bottom: 3px solid #333;
	margin: 0 0 30px 0;
}
.updownline2 {
	text-align: center;
	font-weight: bold;
	font-size: 110%;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	line-height: 30px;
	margin: 8% 0;
}
.hr-text {
	line-height: 1em;
	position: relative;
	outline: 0;
	border: 0;
	color: #000 !important;
	background-color: #fff !important;
	text-align: center;
	height: 1.5em;
	opacity: .5;
	margin: 5em 0;
}
.hr-text:before {
	content: '';
	background: -webkit-linear-gradient(left, transparent, #818078, transparent);
	background: linear-gradient(to right, transparent, #818078, transparent);
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	height: 1px;
}
.hr-text:after {
	content: attr(data-content);
	position: relative;
	display: inline-block;
	padding: 0 .5em;
	line-height: 1.5em;
	color: #818078;
	background-color: #fcfcfa;
}
.hr-text-b {
	line-height: 1em;
	position: relative;
	outline: 0;
	border: 0;
	color: black;
	text-align: center;
	height: 1.5em;
	margin: 5% 0 2%;
}
.hr-text-b:before {
	content: '';
	background: -webkit-linear-gradient(left, transparent, #818078, transparent);
	background: linear-gradient(to right, transparent, #818078, transparent);
	position: absolute;
	left: 0;
	top: 39%;
	width: 100%;
	height: 1px;
}
.hr-text-b:after {
	content: attr(data-content);
	position: relative;
	display: inline-block;
	padding: 0 .5em;
	line-height: 1.5em;
	color: #888;
	background-color: #fcfcfa;
}
.bd-dot {
	border-bottom: dotted #ccc 1px;
	margin:	3% 0;
}

/*--- box ---*/
.img_frame {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #C9C9C9;
	background-color: #F7F7F7;
	padding: 4px !important;
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}
.img_frame_bgwh {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #C9C9C9;
	background-color: #ffffff;
	padding: 4px !important;
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}
.img_frame_bgwh a { 
	color: #000000;
}
.img_frame-wh {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #C9C9C9;
	background-color: #fff;
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}
.box-gray {
	padding: 2%;
	border: #CCC 1px solid;
}
.box-gray2 {
	padding: 2%;
	border: #CCC 5px solid;
}
.box-gray_afill {
	font-size: 1.3em;
	color: #FFF;
	background-color: #999;
	padding: 1%;
}
.att_box {
	background-color:#FFEEEF;
	padding:20px;
	color:#dd0000;
	border:1px dashed #dd0000;
	line-height:140%;
}

/*--- background ---*/
.bg_f6 {
	background-color: #f6f6f6;
	padding-top: 40px;
}

/*--- Character(Font) ---*/
/*------ white */
.t150wh-b {
	font-size: 150%;
	font-weight: bold;
	color: #FFF;
	line-height: 150%;
	text-align: left;
}
.t120wh-b {
	font-size: 120%;
	font-weight: bold;
	color: #FFF;
	line-height: 150%;
	text-align: left;
	padding: 0;
	margin: 0.2em 0;
}
.t100wh-b {
	font-size: 100%;
	font-weight: bold;
	color: #FFF;
	line-height: 150%;
	letter-spacing:0.1em;
}
/*------ blue */
.t150blue-b {
	color: #2776bd;
	font-size: 150%;
	font-weight: bold;
	margin-bottom: 0.5em;
	line-height: 150%;
	text-align: left;
}
.t120blue-b {
	color: #2776bd;
	font-size: 120%;
	font-weight: bold;
	line-height: 150%;
	text-align: left;
	padding: 0;
	margin: 0.2em 0;
}
/*------ black */
.t150bl-b {
	font-size: 150% !important;
	font-weight: bold;
	margin-bottom: 1.5em;
	line-height: 150%;
	text-align: left;
}
div[class^="t150bl-b"] h2 {
	font-size: 100%;
	font-weight: bold;
	margin-bottom: 1.5em;
	line-height: 150%;
	text-align: left;
}
.t120bl-b {
	font-size: 120%;
	font-weight: bold;
	line-height: 150%;
	text-align: left;
	padding: 0;
	margin: 0.2em 0;
}
.t120bl {
	font-size: 120%;
	text-align: left;
	padding: 0;
	margin: 0.3em 0;
}
.t110bl-b {
	font-size: 110%;
	font-weight: bold;
	color: #000000;
	line-height: 150%;
	margin-bottom: 1.5em;
}
.t200bl {
	font-size: 200%;
	font-weight: normal;
	margin-bottom: 2em;
	line-height: 200%;
}
.t170bl {
	font-size: 170%;
	margin-bottom: 1.7em;
	line-height: 170%;
	text-align: left;
}
.t150bl {
	font-size: 150%;
	color: #000000;
}
.t110bl {
	font-size: 110%;
	color: #000000;
	line-height: 150%;
	margin-bottom: 1.5em;
}
.t90bl {
	font-size: 90%;
	font-weight: normal;
}
.t80bl {
	font-size: 80%;
	font-weight: normal;
}
.t60bl {
	font-size: 60%;
	font-weight: normal;
}
/*------ gray */
.t100gray-b {
	font-size: 100%;
	font-weight: bold;
	text-align: left;
	color: #999;
	margin: 0;
	padding: 0;	
}
.t100gray {
	font-size: 100%;
	text-align: left;
	color: #999;
	margin: 0;
	padding: 0;
}
.t90gray {
	font-size: 90%;
	color: #898989 !important;
	margin: 1em 0;
	padding: 0;
}
.t90gray a {
	font-size: 90%;
	text-align: left !important;
	color: #898989 !important;
	margin: 1em 0;
	padding: 0;
}
.t50gray {
	font-size: 50%;
	color: #898989 !important;
}
/*------ red */
.t90red-b {
	font-weight: bold;
	color: #C00;
	font-size: 90%;
}
.t100red {
	color: #C00;
}
.t100red-b {
	color: #C00;
	font-weight:bold;
	text-align: left;
}
/*------ dark red */
.t100d-red-b {
	font-size: 100%;
	font-weight: bold;
	text-align: left;
	color: #8b0000;
	margin: 0;
	padding: 0;
}
.t80d-red-b {
	font-size: 80%;
	font-weight: bold;
	text-align: left;
	color: #8b0000;
	margin: 0;
	padding: 0;
}
@media only screen and (max-width: 480px) {
	.t150wh-b {
		font-size: 130%;
		font-weight: bold;
		color: #FFF;
		line-height: 150%;
		text-align: left;
	}
	.t120wh-b {
		font-size: 120%;
		font-weight: bold;
		color: #FFF;
		line-height: 150%;
		text-align: left;
		padding: 0;
	}
	.t150bl-b {
		font-size: 130%;
		font-weight: bold;
		padding-bottom: 1em;
		line-height: 150%;
		text-align: left;
	}
	.t120bl-b {
		font-size: 110%;
		font-weight: bold;
		line-height: 150%;
		text-align: left;
		padding: 0;
		margin: 0.2em 0;
	}
	.t150blue-b {
		font-size: 130%;
		color: #2776bd;
		font-weight: bold;
		padding-bottom: 0.05em;
		line-height: 150%;
		text-align: left;
	}
	.t120blue-b {
		font-size: 110%;
		color: #2776bd;
		font-weight: bold;
		line-height: 150%;
		text-align: left;
		padding: 0;
		margin: 0.2em 0;
	}
}
.cafe_check{
	font-size: 10px;
	margin-bottom: 15px;
	text-align: right !important;
}
.pict_box{
	padding: 10px;
	border-bottom: solid 1px #CCC;
	margin-bottom: 20px;
	text-align: left;
}

/*-------------------------------------------------------*/
/*--- 会話形式スタイル                                ---*/
/*-------------------------------------------------------*/
.kaiwa {
	margin-bottom: 25px;
}
.kaiwa:after, .kaiwa:before {
	clear: both;
	content: "";
	display: block;
}
.kaiwa-img-left {
	margin: 0;
	float: left;
	width: 60px;
	height: 60px;
	margin-right: -70px;
}
.kaiwa-img-right {
	margin: 0;
	float: right;
	width: 60px;
	height: 60px;
	margin-left: -70px;
}
.kaiwa figure img {
	width: 100%;
	height: 100%;
	border: 1px solid #aaa;
	border-radius: 50%;
	margin: 0;
}
.kaiwa-text-right {
	position: relative;
	margin-left: 80px;
	padding: 10px;
	border-radius: 10px;
	background: #eee;
	margin-right: 12%;
	float: left;
}
.kaiwa-text-left {
	position: relative;
	margin-right: 80px;
	padding: 10px;
	border-radius: 10px;
	background-color: #9cd6e7;
	margin-left: 12%;
	float: right;
}
p.kaiwa-text {
	margin: 0 0 20px;
}
p.kaiwa-text:last-child {
	margin-bottom: 0;
}
.kaiwa-text-right:before {
	position: absolute;
	content: '';
	border: 10px solid transparent;
	top: 15px;
	left: -20px;
}
.kaiwa-text-right:after {
	position: absolute;
	content: '';
	border: 10px solid transparent;
	border-right: 10px solid #eee;
	top: 15px;
	left: -19px;
}
.kaiwa-text-left:before {
	position: absolute;
	content: '';
	border: 10px solid transparent;
	top: 15px;
	right: -20px;
}
.kaiwa-text-left:after {
	position: absolute;
	content: '';
	border: 10px solid transparent;
	border-left: 10px solid #9cd6e7;
	top: 15px;
	right: -19px;
}

/*-------------------------------------------------------*/
/*--- 汎用スタイル                                    ---*/
/*-------------------------------------------------------*/
/*--- 2〜5列等間隔（img_list2, img_list3...）         ---*/
/*--- 2〜3列→1列（img_list2to1, img_list3to1）       ---*/
/*--- 3列→2列（img_list3to2）                        ---*/
/*--- 4列→2列（img_list4to2）                        ---*/
/*--- 4列→3列（img_list4to3）                        ---*/
/*--- 5列→2列（img_list5to2）                        ---*/
/*--- 2列7:3のまま（img_ratio_7-3）                   ---*/
/*--- 2列3:7のまま（img_ratio_3-7）                   ---*/
/*--- 2列7:3→1列（img_ratio_7-3to1）                 ---*/
/*--- 2列3:7→1列（img_ratio_3-7to1）                 ---*/
/*--- ↑のみulタグネストの必要があり隣接のみに適用    ---*/
/*-------------------------------------------------------*/
.img_list2 > ul, .img_list3 > ul, .img_list4 ul, .img_list5 ul,
.img_list2to1 > ul, .img_list3to1 ul, .img_list3to2 ul, .img_list4to2 ul, .img_list4to3 ul,
.img_list5to2 ul, .img_ratio_7-3 ul, .img_ratio_7-3to1 > ul,
.img_ratio_3-7 ul, .img_ratio_3-7to1 > ul {
	width: 100%;
	margin: 0;
	padding: 0 0 30px 0;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-box;
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.img_list2 > ul > li, .img_list3 > ul > li, .img_list4 ul li, .img_list5 ul li,
.img_list2to1 > ul > li, .img_list3to1 ul li, .img_list3to2 ul li, .img_list4to2 ul li, .img_list4to3 ul li,
.img_list5to2 ul li, .img_ratio_7-3 ul li, .img_ratio_7-3to1 > ul > li,
 .img_ratio_3-7 ul li, .img_ratio_3-7to1 > ul > li {
	list-style: none;
	position: relative;
	padding-bottom: 1rem;
	margin-bottom: 2%;
}
.img_list2 > ul > li img, .img_list3 > ul > li img, .img_list4 ul li img, .img_list5 ul li img,
.img_list2to1 > ul > li img, .img_list3to1 ul li img, .img_list3to2 ul li img,
.img_list4to2 ul li img, .img_list4to3 ul li img, .img_list5to2 ul li img,
.img_ratio_7-3 ul li img, .img_ratio_7-3to1 > ul > li img,
.img_ratio_3-7 ul li img, .img_ratio_3-7to1 > ul > li img {
	width: 100%;
	margin: 0;
	padding: 0;
}
.img_list2 > ul > li, .img_list2to1 > ul > li {
	width: 49%;
	margin-right: 2%;
}
.img_list3 > ul > li, .img_list3to1 ul li, .img_list3to2 ul li {
	width: 32%;
	margin-right: 2%;
}
.img_list4 ul li, .img_list4to2 ul li, .img_list4to3 ul li {
	width: 24.25%;
	margin-right: 1%;
}
.img_list5 ul li, .img_list5to2 ul li {
	width: 19.2%;
	margin-right: 1%;
}
.img_list2 > ul > li:nth-child(2n),
.img_list2to1 > ul > li:nth-child(2n),
.img_list3 > ul > li:nth-child(3n),
.img_list3to1 ul li:nth-child(3n),
.img_list3to2 ul li:nth-child(3n),
.img_list4 ul li:nth-child(4n),
.img_list4to2 ul li:nth-child(4n),
.img_list4to3 ul li:nth-child(4n),
.img_list5 ul li:nth-child(5n),
.img_list5to2 ul li:nth-child(5n) {
	margin-right: 0;
}
.img_ratio_7-3 ul li, .img_ratio_7-3to1 > ul > li {
	width: 68%;
	margin-right: 2%;
}
.img_ratio_7-3 ul li:nth-child(2n),
.img_ratio_7-3to1 > ul > li:nth-child(2n) {
	width: 30%;
	margin-right: 0;
}
.img_ratio_3-7 ul li, .img_ratio_3-7to1 > ul > li {
	width: 30%;
	margin-right: 2%;
}
.img_ratio_3-7 ul li:nth-child(2n),
.img_ratio_3-7to1 > ul > li:nth-child(2n) {
	width: 68%;
	margin-right: 0;
}
@media only screen and (max-width: 599px) {
	.img_list3to2 ul li,
	.img_list3to2 ul li:nth-child(3n),
	.img_list4to2 ul li,
	.img_list4to2 ul li:nth-child(4n) {
		width: 49%;
		margin-right: 2%;
	}
	.img_list3to2 ul li:nth-child(2n),
	.img_list4to2 ul li:nth-child(2n),
	.img_list5to2 ul li:nth-child(2n) {
		margin-right: 0;
	}
	.img_list4to3 ul li,
	.img_list4to3 ul li:nth-child(4n) {
		width: 32%;
		margin-right: 2%;
	}
	.img_list4to3 ul li:nth-child(3n) {
		margin-right: 0;
	}
}
@media only screen and (max-width: 480px) {
	.img_list2to1 > ul > li,
	.img_list3to1 ul li,
	.img_ratio_7-3to1 > ul > li,
	.img_ratio_7-3to1 > ul > li:nth-child(2n),
	.img_ratio_3-7to1 > ul > li,
	.img_ratio_3-7to1 > ul > li:nth-child(2n) {
		width: 98%;
		margin: 3% 1%;
	}
}
/*--- Table ---*/
table.chk_tbl {
	width: 100%;
	color: #000;
	background: #fff;
	border-collapse: collapse;
}
.chk_tbl th {
	width: 30%;
	background: #ddd;
	border: 1px solid;
	border-color: #fff #ddd;
}
.chk_tbl tr:first-child th {
	border-top: 1px solid #ddd;
}
.chk_tbl tr:last-child th {
	border-bottom: 1px solid #ddd;
}
.chk_tbl td {
	border: 1px solid #ddd;
}
.chk_tbl th, .chk_tbl td {
	text-align: left;
	padding: 10px;
	font-size: 90%;
}
@media only screen and (max-width: 480px) {
	.chk_tbl tr {
		display:block;
		border:none;
	}
	.chk_tbl th {
		display:block;
		border:none;
		width: 94.2%;
	}
	.chk_tbl td {
		display: list-item;
		border:none;
		list-style-type: none;
		width: 90%;
		margin-left: 3%;
	}
}

/*--- To Top ---*/
#page_top {
	position: fixed;
	bottom: 3%;
	right: 3%;
	z-index: 9999999;
}
#page_top a {
	width: 50px;
	display: block;
}
#page_top span {
	width: 50px;
	height: 50px;
	display: block;
	margin-bottom: 0px;
	background: url(https://www.rakuten.ne.jp/gold/bathlier/parts/to_top.gif) no-repeat;
}
#page_top span:hover {
	background: url(https://www.rakuten.ne.jp/gold/bathlier/parts/to_top_hv.gif) no-repeat;
	cursor: pointer;
}

/*--- For Header ---*/
#c-head {
	color: #666;
	line-height: 160%;
	padding: .5rem 0 0;
	margin: 0 auto;
}
#c-head h1 {
	overflow: hidden;
	text-align: center;
	font-weight: normal;
	line-height: 50px;
}
#c-head h1 span {
	position: relative;
	display: inline-block;
	margin: 0 2.5em;
	padding: 0 1em;
	text-align: left;
	font-family: 'trebuchet MS', 'lucida sans', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif, serif;
	font-size: 25px;
	line-height: 50px;
	color: #555;
	letter-spacing: 0.1em;
}
#c-head h1 span:hover {
	opacity: 0.5;
}
#c-head h1 span::before,
#c-head h1 span::after {
	position: absolute;
	top: 50%;
	content: '';
	width: 400%;
	height: 1px;
	background-color: #ccc;
}
#c-head h1 span::before {
	right: 100%;
}
#c-head h1 span::after {
	left: 100%;
}
.c-head_cmnt {
	text-align: center;
	font-size: 11px;
	line-height: 100%;
	margin-bottom: 2rem;
}
.c-head_cmnt a,
.c-head_cmnt a:link,
.c-head_cmnt a:visited {
	color: #555;
}
@media only screen and (max-width: 630px) {
	#c-head h1 span {
		font-size: 80%;
	}
}

/*--- From Cafi Net ---*/
header[id^="block"],
div[id^="block"] {
	text-align: center;
	line-height: 160%;
	letter-spacing: 0.1em;
}
header[id^="block"] p,
div[id^="block"] p {
	padding-top: 5px;
	padding-bottom: 5px;
}
header[id^="block"] img,
div[id^="block"] img {
	height: auto;
	vertical-align: bottom;
}
div[id^="max_width"] {
	max-width: 1050px;
	margin: 0px auto;
}
#site_title {
	z-index: 1;
	position: absolute;
	background: url(https://www.rakuten.ne.jp/gold/bathlier/b-cafe/img/bg-content1.png);
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
	padding-right: 15px;
}
#site_title span {
	font-family: "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝", serif;
	font-size: 35px;
	line-height:150%;
}
#menu_button {
	position: fixed;
	top: 0px;
	left: 0px;
	cursor: pointer;
	z-index: 3;
}
#nav {
	font-family: "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝", serif;
	position: fixed;
	top: 0px;
	left: 0px;
	margin-left: -200px;
	width: 200px;
	z-index: 2;
}
#nav ul {
	padding: 0px;
	background-color: rgba(0,0,0,0.90);
	list-style-type: none;
}
#nav ul li {
	list-style-type: none;
}
#nav ul li a:link {
	padding-top: 12px;
	padding-right: 10px;
	padding-left: 11px;
	padding-bottom: 12px;
	border-bottom: 1px solid #4A4A4A;
	display: block;
	text-align: left;
	color: #FFFFFF;
	text-decoration: none;
	-webkit-transition: color 0.3s ease-in-out 0s;
	-moz-transition: color 0.3s ease-in-out 0s;
	-ms-transition: color 0.3s ease-in-out 0s;
	-o-transition: color 0.3s ease-in-out 0s;
	transition: color 0.3s ease-in-out 0s;
}
#nav ul li a:visited {
	color: #FFFFFF;
	border-bottom: 1px solid #434343;
	text-decoration: none;
}
#nav ul li a:hover {
	color: #B9B9B9;
	text-decoration: none;
}
.ie6 #nav {
	display: none;
}
#nav_copy {
	display: none;
}
#nav_copy,
#nav_copy ul,
#nav_copy ul li {
	list-style-type: none;
}
#block1 {
	position: relative;
	color: #FFFFFF;
	height: 300px;
	background-size: cover !important;
}
.content_even a:link {
	color: #000000;
	-webkit-transition: color 0.3s ease-in-out 0s;
	-moz-transition: color 0.3s ease-in-out 0s;
	-ms-transition: color 0.3s ease-in-out 0s;
	-o-transition: color 0.3s ease-in-out 0s;
	transition: color 0.3s ease-in-out 0s;
}
.content_even a:visited {
	color: #000000;
}
.content_even a:hover {
	color: #767676;
}
.content_odd {
	background-color: #161616;
	color: #FFFFFF;
}
.content_odd a:link {
	color: #FFFFFF;
	-webkit-transition: color 0.3s ease-in-out 0s;
	-moz-transition: color 0.3s ease-in-out 0s;
	-ms-transition: color 0.3s ease-in-out 0s;
	-o-transition: color 0.3s ease-in-out 0s;
	transition: color 0.3s ease-in-out 0s;
}
.content_odd a:visited {
	color: #FFFFFF;
}
.content_odd a:hover {
	color: #A7A7A7;
}
div[class^="bg-text"] {
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 5px;
	padding-right: 5px;
	z-index: 1;
	height: auto;
	overflow: hidden;
}
div[class^="bg-text"] h1 {
	font-size: 180%;
	font-weight: normal;
	padding-bottom: 5px;
	line-height: 160%;
}
div[class^="bg-text"] h2 {
	font-size: 170%;
	font-weight: normal;
	padding-bottom: 5px;
	line-height:150%;
}
div[class^="bg-text"] p {
	text-align: left;
}
@media only screen and (max-width: 500px) {
	#site_title span {
		font-size: 25px;
	}
}
@media only screen and (min-width: 700px) {
	#block1 {
		height: 700px;
	}
	#content1 {
		position: absolute;
		background: url(https://www.rakuten.ne.jp/gold/bathlier/b-cafe/img/bg-content1.png);
		top: 0px;
		left: 0px;
		padding-top: 30px;
		padding-bottom: 25px;
		padding-left: 25px;
		padding-right: 25px;
	}
	#site_title {
		position: static;
		background: none;
		padding-top: 0px;
		padding-bottom: 10px;
		padding-left: 0px;
		padding-right: 0px;
	}
	#site_title span {
		font-size: 42px;
		line-height: 150%;
	}
	.ie8_under #site_title {
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 15px;
		padding-right: 15px;
	}
	.ie8_under #site_title span {
		font-size: 35px;
		line-height: 150%;
	}
	#menu_button {
		display: none !important;
	}
	#nav {
		position: static;
		top: 0px;
		left: 0px;
		margin-left: 0px;
		width: 100%;
	}
	#nav ul {
		background-color: rgba(0,0,0,0);
	}
	#nav ul li {
		display: inline-block;
	}
	#nav ul li a:link {
		border-bottom: 0px solid #424242;
		color: #FFFFFF;
		padding: 5px;
	}
	#nav ul li a:visited {
		color: #FFFFFF;
	}
	#nav ul li a:hover {
		text-decoration: none;
		color: #B9B9B9;
	}
	.ie6 #nav ul li {
		display: inline;
		zoom: 1;
		padding-top: 10px;
		padding-right: 10px;
	}
	.ie7 #nav ul li {
		display: inline;
		zoom: 1;
	}
	#nav_copy {
		position: fixed;
		top: 0px;
		left: 0px;
		margin-left: 0px;
		width: 100%;
		z-index: 2;
		background-color: #161616;
		list-style-type: none;
		text-align: center;
	}
	#nav_copy ul {
		padding: 0px;
		list-style-type: none;
	}
	#nav_copy ul li {
		display: inline-block;
		list-style-type: none;
	}
	#nav_copy ul li a:link {
		color: #CFCFCF;
		padding-top: 12px;
		padding-right: 10px;
		padding-left: 10px;
		padding-bottom: 12px;
		border-bottom: 0px solid #4A4A4A;
		display: block;
		text-align: left;
		text-decoration: none;
		-webkit-transition: color 0.3s ease-in-out 0s;
		-moz-transition: color 0.3s ease-in-out 0s;
		-ms-transition: color 0.3s ease-in-out 0s;
		-o-transition: color 0.3s ease-in-out 0s;
		transition: color 0.3s ease-in-out 0s;
	}
	#nav_copy ul li a:visited {
		color: #CFCFCF;
		border-bottom: 0px solid #434343;
		text-decoration: none;
	}
	#nav_copy ul li a:hover {
		color: #A7A7A7;
		text-decoration: none;
	}
	.ie6 #nav_copy ul li {
		display: inline;
		zoom: 1;
		padding-top: 10px;
		padding-right: 10px;
	}
	.ie7 #nav_copy ul li {
		display: inline;
		zoom: 1;
	}
	div[class^="bg-text"] {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	div[class^="bg-text"] h1 {
		font-size: 180%;
		padding-bottom: 8px;
	}
}

/*--- Original style ---*/
.ifm_width {
	max-width: 1050px;
	margin: 0 auto 6%;
}
.youtube_frm {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
	overflow: hidden;
	margin-bottom: 50px;
}
.youtube_frm iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.sotowaku-600 {
	max-width: 600px;
	margin: 0 auto;
}
.sotowaku-760,
.sotowaku2-760 {
	width: 100%;
	max-width: 760px;
	margin: 0 auto;
}
.sotowaku-900 {
	width: 100%;
	max-width: 900px;
	margin: 0 auto;
}
.sotowaku-760 div[class^="bg-text"] h2 {
	font-size: 34px;
	font-weight: 100;
	line-height: 180%;
	color: #333;
}
.sotowaku-760 div[class^="bg-text"] h3 {
	font-size: 25px;
	font-weight: 100;
	color: #333;
}
.recipe-bg_b {
	max-width: 932px;
	padding: 3%;
	background-color: #2776bd;
	margin: 0 auto;
	box-sizing: content-box;
}
.recipe-bg_b p {
	max-width: 100px !important;
	margin: 0 auto;
}
.recipe-bg_b img {
	max-width: 100px !important;
	margin-bottom: 1.5em;
}
div.recipe-start {
	max-width: 932px;
	padding: 3%;
	background-color: #FFF;
	margin: 0 auto;
	border: #2776bd 1.5px solid !important;
}
.recipe-start p {
	max-width: 100px !important;
	margin: 0 auto;
}
.recipe-start img {
	margin-bottom: 1.5em;
}
.top_date {
	width: 100%;
	padding: 0 0 3em;
	max-width: 1000px;
	margin: 0 auto;
}
div.top_date p {
	color: #666;
	text-align: right !important;
	font-size: 0.8em;
	margin-right: 0.7em;
}
p.orb-qustion {
	color: #cd5c5c;
	margin: 6% 0 3%;
}
@media only screen and (max-width: 480px) {
	.recipe-bg_b {
		max-width: 932px;
		padding: 1.5em 3%;
		background-color: #2776bd;
		margin: 0 auto;
	}
	.recipe-start {
		max-width: 932px;
		padding: 2em 3% 1.5em 3%;
		background-color: #FFF;
		margin: 0 auto;
		border: #2776bd 1.5px solid;
	}
	.recipe-start p {
		max-width: 70px !important;
		margin: 0 auto;
	}
	.recipe-start img {
		padding-bottom: 0em;
		margin-bottom: 0.5em;
	}
}
.frm_list ul li {
	display: block;
	float: left;
	width: 32.1% !important;
	background: #fff;
	margin: 0.6% !important;
	padding: 0 !important;
	border: #eee 1px solid;
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box;
}
.frm_list p {
	margin: 4%;
	font-size: 90%;
	line-height: 1.5em;
	letter-spacing: 0.04em;
}
.frm_list h4 {
	display: inline-block;
	margin: 4%;
}
.article_date {
	float: left;
	padding-top: 12px;
	padding-bottom: 0;
	font-size: 80% !important;
	width: 100%;
}
.img-responsive-icon {
	overflow: auto;
	height: auto;
	width: 150px !important;
	margin-bottom: 3px;
}
.bd_btn {
	text-align: center;
}
.bd_btn a {
	border: 1px solid #000000;
	padding: 10px;
	text-align: center;
	display: inline-block;
	margin: 20px auto;
	font-size:80%;
}
.btn_link a {
	font-size: 12px;
	margin: 10px 10px 10px 0;
	padding: 5px 10px;
	display: inline-block;
	text-align: center;
	background-color: #ADA4A4;
	color: #fff;
	line-height: 20px;
	border-radius:4px;
}
.top_button, .top_button2 {
	padding: 20px 0;
	margin: 30px 0 0 8px;
	float: left;
	font-size: 70%;
	border-radius: 3px;
	list-style-type: none;
}
.top_button ul,.top_button2 ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.top_button li, .top_button2 li {
	float: left;
	margin: 0.2em 0.4em 0 0;
	padding: 0.3em;
	font-size: 70%;
	border-radius: 3px;
}
.top_button a,
.top_button2 a {
	text-align: center;
	display: block;
	padding: 0 0.3em;
	width: 100%;
	text-decoration: none;
	color: white !important;
	border-radius: 3px;
}
.top_button a {
	background-color: #b0c4de;
}
.top_button2 a {
	background-color: #bdbdbd;
}
.top_button a:hover,
.top_button2 a:hover {
	background-color: #f2f2f2;
	color: black;
	border-radius: 3px;
}
.kyoutuu_p, .kyoutuu_s {
	background-color: #fff;
}
.kyoutuu_g {
	background-color: #eee;
}
div[class^="kyoutuu_"] p {
	font-weight: 700;
	letter-spacing: 0.3em;
	position: relative;
	display: inline-block;
	border-bottom: solid 2px #a0a0a0;
	width: 100%;
	text-align: center !important;
}
.kyoutuu_g p {
	max-width: 97%;
}
.kyoutuu_p p, .kyoutuu_g p {
	margin: 50px 0 20px 0;
	font-size: 20px !important;
	padding: 10px 0;
}
.kyoutuu_s p {
	font-size: 16px !important;
	padding: 2% 0;
	margin: 7% 0;
}
div[class^="kyoutuu_"] p:before,
div[class^="kyoutuu_"] p:after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
div[class^="kyoutuu_"] p:before {
	border: solid 12px transparent;
	border-top: solid 12px #a0a0a0;
}
div[class^="kyoutuu_"] p:after {
	border: solid 14px transparent;
	margin-top: -5px;
}
.kyoutuu_p p:after, .kyoutuu_s p:after {
	border-top: solid 14px #fff !important;
}
.kyoutuu_g p:after {
	border-top: solid 14px #eee !important;
}
.kyoutuu_s ul {
	padding: 0;
	margin-left: 1%;
	width: 100%;
}
.kyoutuu_s li {
	margin: 0 2% 0 0;
	float: left;
	width: 31.2%;
	font-size: 0.7em;
	box-sizing: border-box;
	display: block;
	text-align: left;
	line-height: 140%;
}
.kyoutuu_s p a,
.kyoutuu_s li a {
	text-decoration: none;
	color: #333;
}
.kyoutuu_s img {
	width: 100%;
}
.kyo-block {
	margin-bottom: 10px;
}
.k-item-l1 img {
	width: 183px;
	float: left;
	margin-right: 10px;
}
.k-item-l2 img {
	width: 183px;
	float: left;
	margin-right: 9px;
}
.k-item-r img {
	width: 183px;
	float: right;
}
@media only screen and (max-width: 960px) {
	div[class^="kyoutuu_"] {
		width: 100%;
	}
	.kyoutuu_g {
		background-color: #fff;
	}
	.kyoutuu_g p {
		margin-left: 0;
	}
	.kyoutuu_g p:after {
		border-top: solid 14px #fff !important;
	}
}
ul.list_deco,
ul.list_deco-d {
	margin: 3%;
	text-align: left;
	-moz-padding-start: 5%;
	-webkit-padding-start: 5%;
	padding-left: 5%;
}
ul.list_deco li {
	list-style-type: disc;
}
ul.list_deco-d li {
	list-style-type: decimal;
}
ul.arrow li {
	list-style-type: none;
	position: relative;
	text-align:left;
}
ul.arrow li:after {
	display: block;
	content: '';
	position: absolute;
	top: .6em;
	left: -1em;
	width: 6px;
	height: 6px;
	border-right: 1px solid #f7594d;
	border-bottom: 1px solid #f7594d;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
ul.arrow li a {
	text-decoration:none;
	color:#333
}
@media only screen and (max-width: 700px) {
	ul.arrow {
		padding-left: 30px;
	}
	ul.arrow li a {
		font-size: 80%;
	}
}
ul.ul_fix {
	padding: 0;
}
ul.ul_fix li {
	margin-bottom: 0;
	padding-bottom: 0;
}
@media only screen and (max-width: 480px) {
	.img_list2to1.mrg_fix ul li:nth-child(2n+1),
	.img_ratio_3-7to1.mrg_fix ul li:nth-child(2n+1),
	.img_ratio_7-3to1.mrg_fix ul li:nth-child(2n+1) {
		margin-bottom: 0;
		padding-bottom: 0;
	}
}

/*--- Common(furore) ---*/
div[id^="furore"] div[class^="bg-text"] p .t100gray-b {
	font-size: 100%;
}
div[id^="furore"] div[class^="bg-text"] p a.t150bl-b {
	font-size: 140%;
}
div[id^="furore"] article[id^="content"] div[class^="bg-text"] .t_right {
	margin: 2% 0 6%;
	font-size: 80%;
	padding: 0;
}
div[id^="furore"] .recipe-start .t_center {
	padding: 0;
}
div[id^="furore"] .orb-qustion {
	margin-bottom: 0;
}
div[id^="furore"] div[class^="img_list"] a,
div[id^="furore"] div[class^="img_ratio"] a {
	font-size: 80%;
}

/*--- jump_menu ---*/
.jump_menu a {color:#848484 !important;}
.jump_menu {
	text-align: center;
	font-size: 75%;
	margin: 0 2%;
}
@media only screen and (max-width: 650px) {
	.jump_menu {
	font-size:60% !important;
	text-align:center !important;
	letter-spacing: 97% !important;
	padding:1% !important;

	}
}
.jump_menu2 {
	width: 96%;
	padding: 2%;
	text-align: center;
	font-size: 75%;
}
/*--- 急上昇 ---*/
.keyword {
	font-size:65%;
}
.keyword a{
	color:#039;
}
.midasi {
	color:#c7b299;
	border-left:5px solid #c7b299;
	padding-left:5px;
	margin-bottom:5px;
	text-align:left !important;
}
/*上部お知らせ*/
.oshirase {
	width: 100%;
	max-width: 960px;
	margin: 10px auto;
	text-align: right;
	font-size: 60%;
	color: #666;
}
.oshirase a{
	color:#4682b4;
}
@media screen and (max-width:980px) {
	.media_block, .event {
		width:98%;
		font-size: 90%;
	}
}
@media screen and (max-width:480px) {
	.event {
		font-size: 80%;
		margin: 0 auto;
	}
	.top_button,.top_button2 {
		margin: 20px 0 5px;
	}
	.top_button li,.top_button2 li{
		font-size: 80%;
	}
	.media_block {
		font-size: 110%;
	}
	/*上部お知らせ*/
	.oshirase {
		text-align:center;
		width:98%;
	}
}
.kyuugyou {
	margin: 30px auto 50px;
	max-width: 600px;
}
.raindrop.icon {
	margin: 0 auto;
	text-align:center;
	color: #0489B1;
	position: relative;
	width: 10px;
	height: 10px;
	border: solid 1px currentColor;
	border-radius: 6px 6px 6px 0;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	background-color:currentColor;
}
.media_block {
	max-width: 960px;
	margin: 10px auto;
	overflow: hidden;
	margin-top: 100px;
	margin-bottom: 80px;
}
.media_block h3 {
	margin: 20px auto 0 auto;
	color:#808080;
	text-align: center;
	font-size: 120%;
	font-weight:normal;
	line-height:180%;
	letter-spacing:0.2em;
}
.media_block p {
	margin: 20px auto 40px;
	text-align: center;
	font-size: 95%;
	line-height: 180%;
}
.event {
	max-width: 960px;
	margin: 0 auto;
}
.media_block img, .event img {
	overflow: auto;
	width: 100%;
}

/*--- まくらさんツール 追加S_0018 ---*/
.ima_area, .new_area {
	background-color: #f7f7f7;
}
.ima_area, .rank_area, .new_area {
	padding-top: 60px;
	margin-bottom: 80px;
}
.ima_area img, .rank_area img, .new_area img {
	margin: 0 0 20px;
}
.ima_t_area, .ima_t_area_j,
.rank_t_area, .rank_t_area_j,
.new_t_area, .new_t_area_j {
	text-align: center;
}
.ima_t_area img,
.rank_t_area img,
.new_t_area img {
	width: 90%;
	max-width: 597px;
}
.ima_t_area_j img,
.new_t_area_j img {
	max-width: 175px;
}
.rank_t_area_j img {
	max-width: 152px;
}
.btn_area {
	margin-top: 10px;
	position: relative;
	overflow: hidden;
}
.cont_area {
	margin: 10px auto;
	max-width: 1000px;
	text-align: center;
	padding-bottom: 0;
}
@media screen and (max-width:480px) {
	.ima_area, .rank_area, .new_area {
		margin-bottom: 0;
	}
	.cont_area {
		padding-bottom: 0;
	}
}

ul.sprite {
	position: relative;
	margin: 0;
	padding: 0;
	left: 50%;
	float: left;
}
ul.sprite li {
	left: -50%;
	position: relative;
	z-index: 1;
	list-style-type: none;
	float: left;
}
ul.sprite li a {
	display: block;
	width: 95px;
	height: 30px;
	text-decoration: none;
}
ul.sprite li a span {
	position: relative;
	z-index: -1;
}
ul.sprite li a.btn_real {
	background: url(https://www.rakuten.ne.jp/gold/bathlier/bathlier/resp_unity/top/img/rank_sprite.gif) no-repeat 0 0;
}
ul.sprite li a.btn_real.active {
	background: url(https://www.rakuten.ne.jp/gold/bathlier/bathlier/resp_unity/top/img/rank_sprite.gif) no-repeat 0 -40px;
}
ul.sprite li a.btn_day {
	background: url(https://www.rakuten.ne.jp/gold/bathlier/bathlier/resp_unity/top/img/rank_sprite.gif) no-repeat -99px 0;
}
ul.sprite li a.btn_day.active {
	background: url(https://www.rakuten.ne.jp/gold/bathlier/bathlier/resp_unity/top/img/rank_sprite.gif) no-repeat -99px -40px;
}
ul.sprite li a.btn_week {
	background: url(https://www.rakuten.ne.jp/gold/bathlier/bathlier/resp_unity/top/img/rank_sprite.gif) no-repeat -198px 0;
}
ul.sprite li a.btn_week.active {
	background: url(https://www.rakuten.ne.jp/gold/bathlier/bathlier/resp_unity/top/img/rank_sprite.gif) no-repeat -198px -40px;
}
/*--- まくらさんツール 追加E_0018 ---*/

/*--- News&Media 追加S_0018 ---*/
#c_bar_v01 h3:before {
	content: "■";
	padding-right: 10px;
}
#c_bar_v01 h3 {
	border-bottom: 1px dashed lightgray;
	margin: 20px 0;
	text-align: center;
	line-height: 140%;
	font-size: 20px;
	margin-bottom: 20px;
	color: #000;
	letter-spacing: 0;
}
.list_info dt, .list_info dd {
	padding: 10px;
}
.list_info dt {
	clear: both;
	float: left;
	width: 20%;
	border-top: 1px solid #FFFFFF;
}
.list_info dd {
	padding-left: 100px;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #666666;
	margin-left: 0;
}
.list_info a {
	text-decoration: underline;
}
/*--- News&Media 追加E_0018 ---*/

/*--- トップスライダー 追加S_0018 ---*/
#top_slider {
	padding: 0;
	overflow: hidden;
}
.slide_wrap {
	width: 980px;
	padding: 0 10px;
	margin: 20px auto 70px;
	text-align: left;
	position: relative;
}
.clearfix:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
	font-size: 0;
	line-height: 0;
	overflow: hidden;
}
.clearfix {
	_height: 1px;
	min-height: 1px;
}
.show_pc {
	display: block;
}
#box-main-pic {
	position: relative;
	height: 500px;
}
#box-main-pic a {
	opacity: 1;
}
#box-main-pic ul {
	position: absolute;
	left: 0;
	top: 0;
}
#box-main-pic ul li {
	float: left;
}
#box-main-pic ul li img {
	width: 100%;
	height: 500px;
	display: none;
}
#box-main-pic #cover-left {
	width: 980px;
	height: 500px;
	position: absolute;
	left: -980px;
	top: 0;
	background-color: rgba(15, 15, 15, 0.5);
}
#box-main-pic #cover-right {
	width: 980px;
	height: 500px;
	position: absolute;
	right: -980px;
	top: 0;
	background-color: rgba(15, 15, 15, 0.5);
}
#box-main-pic #btn-top-prev {
	cursor: pointer;
	position: absolute;
	left: -40px;
	top: 250px;
}
#box-main-pic #btn-top-next {
	cursor: pointer;
	position: absolute;
	right: -40px;
	top: 250px;
}
#box-main-pic #box-control {
	position: absolute;
	width: 100%;
	bottom: -20px;
	left: 0px;
	text-align: center;
}
#box-main-pic #box-control div {
	height: 3px;
	width: 20px;
	display: inline-block;
	margin: 0 4px;
	cursor: pointer;
	background-color: #eeeeee;
}
#box-main-pic #box-control div.on {
	background-color: #999999;
}
@media only screen and (max-width: 980px) {
	.show_pc {
		display: none;
	}
	#box-main-pic {
		height: auto;
		padding-bottom: 57px;
	}
	#box-main-pic ul li img {
		height: 100%;
	}
	#box-main-pic #box-control {
		bottom: -10px;
	}
	#top_slider {
		margin-bottom: 0;
	}
	.slide_wrap {
		width: 100%;
		padding: 0;
		margin-bottom: 50px;
		min-width: 320px;
		height: 100%;
		right: 0;
		transition: right 0.25s;
		-moz-transition: right 0.25s;
		-webkit-transition: right 0.25s;
		-o-transition: right 0.25s;
	}
}
@media only screen and (max-width: 650px) {
	.slide_wrap {
		margin-bottom: 10px;
	}
	#top_slider {
		margin-bottom: 0;
	}
	#box-main-pic #box-control {
		bottom: 10px;
	}
}
/*--- トップスライダー 追加E_0018 ---*/

/*--- ２列を１列に 追加S_0018 ---*/
.col_2to1 {
	display: block;
	float: left;
	width: 100%;
	background: #fff;
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box;
}
.col_2to1_l, .col_2to1_r {
	display: block;
	float: left;
	width: 48%;
}
.col_2to1_l {
	margin-right: 2%;
}
.col_2to1_r {
	margin-left: 2%;
}
.col_2to1_l img, .col_2to1_r img {
	width: 100%;
}
@media only screen and (max-width: 480px) {
	.event .col_2to1 .col_2to1_l,
	.event .col_2to1 .col_2to1_r {
		margin: 3% 8%;
	}
	.col_2to1_l, .col_2to1_r {
		width: 84%;
		margin: 5% 8%;
	}
}
/*--- ２列を１列に 追加E_0018 ---*/

/*--- カスタムスクロールバー 追加E_0018 ---*/
#c_bar_v01 {
	height: 500px;
	font-size: 70%;
}
.ratio_3 {
	width: 38.4%;
}
.ratio_7 {
	width: 57.6%;
}
@media only screen and (max-width: 480px) {
	#c_bar_v01 {
		height: 300px;
	}
	.ratio_3 {
		width: 98%;
		margin: 5% 1%;
	}
	.ratio_7 {
		width: 96%;
		margin: 5% 1% 5% 3%;
	}
}
/*--- カスタムスクロールバー 追加E_0018 ---*/

/*--- Each page Settings ---*/
/*--- ヘッダ ---*/
.r_logo {
	display: none;
	top: 0;
	float: left;
	margin: 0 0 0 10px;
}
.head_main {
	max-width: 980px;
	margin: 20px 0 0;
}
.head_left {
	margin-top: 10px;
	width: 25%;
	float: left;
}
.head_left img {
	width: 100%;
	max-width: 210px;
}
.clearfix:after{
	content: "";
	clear: both;
	display: block;
}
.head_right {
	float: right;
	text-align: right;
	width: 60%;
}
.head_right_top,
.head_right_bottom {
	display: block;
}
.head_right_bottom {
	text-align: right;
	margin-top: 1%;
}
.shop_search {
	width: 300px;
	display: inline-block;
	margin-right: 1%;
}
.shop_search input {
	vertical-align: middle;
}
.shop_search input[name="button1"]:hover {
	opacity: 0.5;
}
.shop_search input[type="text"] {
	width: 75%;
	height: 1.5em;
}
.ico_cart {
	display: inline-block;
}
.ico_cart img {
	max-width: 50px;
	vertical-align: middle;
}
.cat_area {
	display: block
}
.cat_area img {
	width: 18%;
	max-width: 90px;
}
.oshirase {
	width: 60%;
	max-width: 980px;
	margin: 0;
	text-align: right;
	font-size: 60%;
	color: #666;
	display: inline-block;
}
.oshirase a{
	color: #4682b4;
}
.catall {
	width: 20%;
	font-size: 60%;
	display: inline-block;
}
.catall a {
	background-color: #CCC;
	color: #FFF;
	text-decoration: none;
	padding: 3px;
}
@media screen and (max-width:680px) {
	.r_logo img {
		width: 80%;
	}
	.head_main {
		width: 100%;
		margin: 20px auto;
	}
	.head_left {
		width: 100%;
		margin: 0 auto;
		display: block;
		text-align: center;
	}
	.head_left img {
		width: 100%;
		max-width: 150px;
	}
	.head_right_top {
		width: 90%;
		margin: 0 auto 10px;
		display: block;
		text-align: center;
		float: none;
	}
	.head_right,
	.head_right_bottom {
		width: 98%;
		text-align: center;
	}
	.ico_cart {
		position: absolute;
		top: 18px;
		right: 0;
	}
	.ico_cart img {
		width: 50%;
	}
	.oshirase {
		text-align: left;
		width: 70%;
	}
}
/*--- フッタ ---*/
.footer_sub {
	max-width: 400px;
	margin: 0 auto;
}
.footer_sub .img_l {
	width: 44%;
	max-width: 200px;
}
.footer_sub .img_s {
	width: 14%;
	max-width: 60px;
}
body#f_footer {
	background-color:#eee;
	padding-top: 30px;
}
#f_footer footer {
	padding-bottom:20px;
	max-width:960px;
	margin:0 auto;
}
#f_footer h4 {
	text-align:center;
	font-size:0.8em;
	font-weight:normal;
	line-height:24px;
	margin: 0;
}
#f_footer .img_list2to1 ul.t_center {
	padding: 0;
}
#f_footer .img_list2to1 iframe {
	margin-top: 20px;
}
@media only screen and (max-width: 700px) {
#f_footer .img_list2to1 ul li {
		width: 100%;
		margin: 0 auto;
	}
}
table.calbase_rakuten {
	border-collapse: collapse;
	padding: 0px 0px 10px 0px;
	width: auto;
	margin: 0 auto;
}
table.calbase_rakuten * {
	font-size: 98%;
	color: #000000;
	padding: 0px;
	margin: 0px;
}
table.calbase_rakuten th {
	text-align: center;
}
th.caltitle_rakuten {
	font-size: 110%;
	padding: 15px 0px;
	color: #808080;
}
table.calframe_rakuten {
	border-collapse: collapse;
	margin: 10px 10px 0px 10px;
	table-layout: fixed;
	width: 172px;
}
table.calframe_rakuten th {
	text-align: center;
	padding: 0px 0px 3px 0px;
}
table.calframe_rakuten td {
	border:1px solid #FFFFFF;
	background-color:#f6f6f6;
	width:17px;
	height:16px;
	text-align: center;
}
tr.weektitle_rakuten td {
	background-color: #EEEEEE;
}
td.event1day_rakuten {
	background-color: #FFC6C6 !important;
}
font.event1day_rakuten {
	color: #FFC6C6;
}
td.event2day_rakuten {
	background-color: #87CEFA !important;
}
font.event2day_rakuten {
	color: #87CEFA;
}
td.event3day_rakuten {
	background-color: #FFCB3B !important;
}
font.event3day_rakuten {
	color: #FFCB3B;
}
table.event_rakuten {
	text-align: left;
	word-break: break-all;
	margin: 20px 0;
	border-collapse: collapse;
	line-height:120%;
	table-layout: fixed;
}
table.event_rakuten td {
	padding: 0px 0px 0px 0px;
}
table.text_rakuten {
	text-align: left;
	word-break: break-all;
	margin: 0px 10px 10px 10px;
	border-collapse: collapse;
	line-height:120%;
	table-layout: fixed;
	width: 141px;
}
table.calframe_rakuten {
	float: left;
}
table.calframe_rakuten + table.calframe_rakuten {
	margin-left: 10px;
}
table.calframe_rakuten::after {
	clear: both;
	content: "";
	display: block;
	line-height: 0;
}
@media only screen and (min-width: 241px) and (max-width: 480px) {
	table.calbase_rakuten {
		width: 172px;
	}
}
table.ship_table {
	font-size: 60%;
}
table.ship_table th {
	border-width: 1px;
	border-style: solid;
	border-color: #e4e4e4;
	background-color: #f5f5f5;
	font-weight: normal;
	width: 32%;
	text-align: right;
}
table.ship_table td {
	border-width: 1px;
	border-style: solid;
	text-align: center;
	border-color: #e4e4e4;
	background-color: #fff;
}
#f_footer .footer_sub img {
	max-width: 150px;
}

/*--- 楽天フロトップ ---*/
#f_top .kyoutuu_p p,
#f_top .kyoutuu_g p {
	font-size: 25px !important;
	padding-bottom: 20px;
}
#f_top .event .img_list2to1 ul li {
	padding-bottom: 0;
}
#f_top #block3 .t_right,
#f_top #block18 .t_right {
	padding-right: 0;
}
#f_top #block4 .img_list4to2 ul li {
	padding-bottom: 0.6rem;
	margin-bottom: 0;
}
#f_top #frm_insta {
	padding-left: 1.5%;
}
#f_top #block7 .t_right {
	padding-right: 3.5em;
}
#f_top .top_button2 {
	margin: 0;
	padding-top: 0;
}
#f_top .img_list4to2 p {
	font-size: 90%;
	color: #898989 !important;
	text-align: left !important;
}
#f_top .img_list4to2 ul {
	padding: 0;
}
@media only screen and (max-width: 960px) {
	#f_top #block7 .t_right {
		padding-right: 0;
	}
	#f_top #frm_insta {
		padding-left: 1%;
	}
}

/*--- お風呂レシピトップ ---*/
#furore_top #site_title span {
	line-height: 180%;
}
#furore_top #site_title .title_cafe1 {
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-weight: bold;
}
#furore_top #site_title .title_cafe2 {
	font-size: 27px;
	font-style: normal;
}
#furore_top h2.t_center {
	padding: 0;
}
#furore_top .t_right {
	padding-right: 3.5em;
	font-size: 100%;
}
#furore_top #block3 .t_right,
#furore_top #block5 .t_right {
	padding-right: 0;
}
#furore_top .img_list4to2 ul li {
	padding-bottom: 0.6rem;
	margin-bottom: 0;
}
#furore_top .img_list3to1 ul li {
	padding-bottom: 0;
}
#furore_top #frm_insta {
	padding-left: 1.5%;
}
@media only screen and (min-width: 961px) {
	.frm_bg {
		background: #eee;
		text-align: center;
		margin-left: 0;
		padding: 3% 0;
	}
}
@media only screen and (max-width: 960px) {
	#furore_top .t_right {
		padding-right: 0;
	}
	#furore_top #frm_insta {
		padding-left: 1%;
	}
}

/*--- furore1to4 ---*/
#furore1_1 #content1,
#furore1_1 #content1 #site_title {
	background: none;
}
@media only screen and (max-width: 699px) {
	#furore1_1 #block1 {
		height: 250px;
	}
}
#furore1_4 li.img_fix img,
#furore3_5 li.img_fix img {
	width: 80%;
	margin-left: 5%;
}
@media only screen and (min-width: 481px) and (max-width: 980px) {
	#furore1_4 li.img_fix img,
	#furore3_5 li.img_fix img {
		width: 100%;
		margin-left: 0;
	}
}
@media only screen and (max-width: 480px) {
	#furore1_4 li.img_fix img,
	#furore3_5 li.img_fix img {
		width: 60%;
	}
}
#furore1_4 .t_center,
#furore3_5 .t_center {
	padding: 0;
}
#furore1_5 .img_list3to1.img_fix ul li {
	width: 33.3333333%;
	margin-right: 0;
}
@media only screen and (max-width: 480px) {
	#furore1_5 .img_list3to1.img_fix ul {
		padding: 0;
	}
	#furore1_5 .img_list3to1.img_fix ul li {
		width: 98%;
		margin: 0;
		padding-bottom: 3px;
	}
}
@media only screen and (min-width: 481px) {
	#furore1_8 .img_list2to1.img_fix li {
		width: 50%;
		margin-right: 0;
	}
}
#furore1_14 hr[data-content="profile"] {
	margin-bottom: 0;
}
#furore2_16 .t_right {
	margin: 0;
}
#furore2_24 h3,
#furore2_25 h3,
#furore2_26 h3 {
	line-height: 1.8em;
}
#furore3_1 .img_list2to1.img_fix ul li {
	padding-bottom: 0;
}
@media only screen and (min-width: 481px) {
	#furore3_1 .img_list2to1.img_fix ul li {
		width: 49.8%;
		margin-right: 0.2%;
		margin-bottom: 0.2%;
	}
}
@media only screen and (max-width: 480px) {
	#furore3_1 .img_list2to1.img_fix ul li {
		width: 100%;
		margin: 0 0 2% 0;
	}
}
#furore3_1 .img_fix2 {
	max-width:	700px;
}
@media only screen and (min-width: 701px) {
	#furore3_7 #block1 {
		display: none;
	}
}
@media only screen and (max-width: 700px) {
	#furore3_7 #block1 {
		height:	0;
	}
}

/*--- choice ---*/
#cho_bathmat #block5 .img_list3to1 ul li {
	width: 30.4%;
	margin: 0 1% 1% 0;
	padding: 2% 1%;
}
#cho_bathmat #block5 .img_list3to1 ul li:nth-child(3n) {
	margin-right: 0;
}
@media only screen and (max-width: 780px) {
	#cho_bathmat #block5 .img_list3to1 ul li {
		width: 98%;
		margin: 0 0 3% 0;
	}
}
#cho_bodytowel #block4 ul.list_deco {
	margin-top: 0;
}
#cho_imabari #block2 h2.t150bl-b,
#cho_imabari #block6 h2.t150bl-b {
	margin-bottom: 0;
}
#cho_nyuyokuzai #block5 .img_list3 ul li {
	padding-bottom: 0;
}
#cho_dispenser #block5 .t150bl-b,
#cho_dispenser #block6 .t150bl-b {
	margin-bottom: 1%;
}

/*--- mag & pics ---*/
#furonohi {
	max-width: 600px;
	margin: 3% auto;
	padding: 0 5px;
	text-align: left;
	font-size: 0.7em;
}
@media only screen and (max-width: 480px) {
	#mag_selection .img_ratio_3-7to1 > ul > li:nth-child(2n+1),
	#mag_world .img_ratio_3-7to1 > ul > li:nth-child(2n+1),
	#mag_selection .img_ratio_7-3to1 > ul > li:nth-child(2n+1) {
		padding-bottom: 0;
		margin-bottom: 0;
	}
}

/*--- 楽天で購入（ダイレクトにカゴへ） ---*/
table#quickViewImgTbl {
	vertical-align: baseline;
}
table#quickViewImgTbl > tbody,
table#quickViewImgTbl > tbody > tr,
table#quickViewImgTbl > tbody > tr > td {
	vertical-align: middle;
}
table#quickViewImgTbl > tbody > tr > td[valign="top"] {
	vertical-align: top;
}
table#quickViewImgTbl > tbody > tr > td[valign="bottom"] {
	vertical-align: bottom;
}
.direct-cart-ui .ui-dialog-title {
	color: #fff;
}
.direct-cart-ui .ui-dialog-content * {
	font-size: .8rem;
	line-height: 15.6px;
}
#quickViewWrap a div {
	color: #1D54A7;
}
#quickViewWrap a div:hover {
	color: #BF0000;
}
#itemPageImg:hover {
	opacity: 1;
}
#quickViewWrap .quickViewSum {
	padding: 0 5px 5px;
	height: auto;
}
#quickViewWrap .quickViewReqSelect dd {
	width: 90%;
}
#quickViewWrap .quickview-clfx select {
	padding-bottom: 5px;
	width: 100%;
}
#quickViewWrap .quickViewNumber span,
#quickViewWrap .quickViewNumber #units {
	vertical-align: middle;
}
#quickViewWrap .quickViewBtnPurchase,
#quickViewWrap .quickViewBtnNopurchase {
	text-align: left;
	width: 30%;
}
#quickViewWrap .cartIcon {
	padding: 7px 5px 7px 10px;
	width: 35px;
}
@media only screen and (max-width: 480px) {
	.direct-cart-ui {
		width: 96% !important;
		left: 2%;
	}
	.direct-cart-ui .ui-dialog-content * {
		font-size: 1rem;
		line-height: 18px;
	}
	.direct-cart-ui .ui-dialog-content select {
		font-size: 16px;
	}
	#quickViewWrap .quickViewBtnPurchase,
	#quickViewWrap .quickViewBtnNopurchase {
		width: 32%;
	}
	#quickViewWrap .cartIcon {
		padding: 8px 5px 8px 8px;
		width: 30px;
	}
	#quickViewWrap .addItemText {
		font-size: .7rem;
	}
}

/* aishipR */
#ai_header .head_pc_top {
	max-width: 1200px;
	margin: 0 auto;
}
#ai_header .head_pc_top .bn_list1 img {
	width: 20%;
}
#ai_header .head_pc_top .bn_list2 img {
	width: 41%;
}
#ai_header .head_pc_top .bn_list3 img,
#ai_header .head_pc_top .bn_list4 img {
	width: 18%;
}
#ai_header .head_pc_top img {
	float: left;
	margin: 0 1% 0 0;
}
#ai_header .head_pc_top .bn_list4 img {
	margin: 0;
}

#ai_footer {
	line-height: 180%;
}
@media only screen and (max-width: 480px) {
	#ai_footer .img_list2to1 > ul > li:nth-child(2) {
		margin-left: 5%;
	}
}
#ai_footer .footer_pay img {
	width: 15%;
	margin: 2px;
}