/*
Theme Name: オーダーサプリ オリジナルテンプレート
Author: EC holdings
Version: ver0.2017.10.10
*/

/* reset css
-------------------------------------------------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

body {
	font-size: 16px;
	font-family : "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro," メイリオ", Meiryo, Osaka," ＭＳ Ｐゴシック", MS PGothic," sans-serif";
	line-height: 1;
	color: #4d453f;
	-webkit-text-size-adjust: 100%;
	overflow-y: scroll;
}

h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,table,th,td,blockquote {
	font-size: 16px;
	font-weight: normal;
	line-height: 1;
}

ul,ol,li {
	list-style-type: none;
}

table {
	border-collapse: collapse;
}

i {
	font-style: normal;
	vertical-align: 0;
}

img {
	border: 0;
	vertical-align: bottom;
}

a {
	color: #4d453f;
	outline: 0;
	text-decoration: none;
}
/* 共通 CSS
-------------------------------------------------------------------------------------------*/
.cf:after, .clerafix:after {
	display: block;
	content: "";
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
	visibility: hidden;
}
.SP, .only_sp {
	display: none;
}


/* PC共通レイアウト CSS
-------------------------------------------------------------------------------------------*/
.common_width {
	width: 990px;
	margin: auto;
}

/* @@ ヘッダー
===========================================================*/
.SP_Header {
	display: none;
}

.header {
	position: relative;
	z-index: 1000;
}
.catch_phrase {
	background: #f2f2f2;
}
.catch_phrase h1 {
	font-size: 12px;
	line-height: 30px;
}
.header_inner {
	overflow: hidden;
	position: relative;
	height: 119px;
}

.site_logo {
	position: absolute;
	top: 5px;
	left: 0;
}
.site_logo a {
	display: block;
}

.header_tel_box {
	width: 290px;
	height: 80px;
	position: absolute;
	top: 15px;
	left: 317px;
}

.header_btn_login {
	display: block;
	width: 80px;
	height: 80px;
	position: absolute;
	top: 15px;
	right: 267px;
}
.header_btn_newmember {
	display: block;
	width: 80px;
	height: 80px;
	position: absolute;
	top: 15px;
	right: 177px;
}

.header_cart_area {
	width: 140px;
	height: 80px;
	position: absolute;
	top: 15px;
	right: 10px;
}

.header_inner a {
	opacity: 1;
	transition: opacity 0.2s;
}
.header_inner a:hover {
	opacity: 0.8;
	transition: opacity 0.2s;
}



/* @@ グローバルナビ
===========================================================*/
.gnav {
	background: #446fa0;
	border-bottom: 4px solid #8aa8ca;
}
.gnav_inner {

}
.gnav_inner > li {
	width: 198px;
	float: left;
	position: relative;
	padding: 8px 6px 0 7px;
}
.gnav_inner > li:after {
	display: block;
	content: "";
	height: 20px;
	width: 1px;
	background: #6c8db3;
	position: absolute;
	right: 0;
	top: 20px;
}
.gnav_li3:before {
	display: block;
	content: "";
	height: 20px;
	width: 1px;
	background: #6c8db3;
	position: absolute;
	left: 0;
	top: 20px;
}

.gnav_inner > li > a {
	display: block;
	height: 52px;
	font-size: 17px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	padding: 13px 10px 22px;
	position: relative;
	border-radius: 4px 4px 0 0;
}
.gnav_inner > li:hover > a {
	background: #6997ca !important;
}
.gnav_inner > li:first-child > a {
}
.gnav_inner > li .sankaku {
	display: inline-block;
	width: 10px;
	height: 6px;
	background: url(images/pc/common/pc_sprite.png) no-repeat -100px -999px;
	margin-left: 9px;
	vertical-align: 2px;
}
.gnav_inner > li:hover .sankaku {
	background-position: 0px -999px !important;
}
.gnav_inner > li > a i {
	display: inline;
	position: absolute;
}

/*グローバルナビ　アイコンとホバーの設定*/
.gnav_icon1 {
	background: url(images/pc/common/pc_sprite.png) no-repeat -100px 0;
	width: 28px;
	height: 25px;
	bottom: 4px;
}
.gnav_li1:hover i {
	background-position: 0 0px;
}
.gnav_icon2 {
	background: url(images/pc/common/pc_sprite.png) no-repeat -100px -27px;
	width: 43px;
	height: 26px;
	bottom: 3px
}
.gnav_li2:hover i {
	background-position: 0 -27px;
}
.gnav_icon3 {
	background: url(images/pc/common/pc_sprite.png) no-repeat -100px -55px;
	width: 18px;
	height: 18px;
	top: 13px;
	left: 32px;
}
.gnav_li3:hover i {
	background-position: 0 -55px !important;
}
.gnav_icon4 {
	background: url(images/pc/common/pc_sprite.png) no-repeat -100px -80px;
	width: 16px;
	height: 21px;
	top: 11px;
	left: 11px;
}
.gnav_li4:hover i {
	background-position: 0 -80px !important;
}
.gnav_icon5 {
	background: url(images/pc/common/pc_sprite.png) no-repeat -100px -106px;
	width: 18px;
	height: 20px;
	bottom: 3px;
	top: 12px;
	left: 16px;
}
.gnav_li5:hover i {
	background-position: 0 -106px;
}
.gnav_icon6 {
	background: url(images/pc/common/pc_sprite.png) no-repeat -100px -131px;
	width: 23px;
	height: 18px;
	bottom: 5px;
	top: 12px;
	left: 22px;
}
.gnav_li6:hover i {
	background-position: 0 -131px;
}
.gnav_icon7 {
	background: url(images/pc/common/pc_sprite.png) no-repeat -100px -156px;
	width: 15px;
	height: 20px;
	bottom: 3px;
	top: 11px;
	left: 44px;
}
.gnav_li7:hover i {
	background-position: 0 -156px;
}

/*gnav ホバーボックス*/
.gnav_sub {
	display: none;
	width: 1080px;
	background: rgba(105,151,202,0.9)/*#6997ca*/;
	position: absolute;
	top: 209px;
	left: 0;
	right: 0;
	margin: auto;
	border-top: 4px solid #8aa8ca;
	z-index: 1000;
	padding: 50px 20px; 

}
.btn_gnav_close {
	width: 40px;
	height: 40px;
	background: url(images/pc/common/pc_sprite.png) no-repeat 0 -1029px;
	position: absolute;
	top: 5px;
	right: 20px;
	cursor: pointer;
}
.gnav_sub_inner {

}
.gnav_sub_primary {
	float: left;
}
.gnav_sub_li {
	margin-bottom: 1px;
}
.gnav_sub_li span {
	display: block;
	width: 280px;
	background: #fff;
	font-size: 16px;
	font-weight: bold;
	padding: 22px 0 22px 23px;
	position: relative;
}
.gnav_sub_li span:after {
	display: block;
	content: "";
	background: url(images/pc/common/pc_sprite.png) no-repeat -100px -183px;
	width: 10px;
	height: 14px;
	position: absolute;
	top: 23px;
	right: 19px;
}
.gnav_view_products {
	display: block;
	float: right;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-align: right;
	text-decoration: underline;
	margin-right: 36px;
	margin-top: 20px;
	position: relative;
}
.gnav_view_products:after {
	display: block;
	content: "";
	background: url(images/pc/common/pc_sprite.png) no-repeat 0px -183px;
	width: 10px;
	height: 14px;
	position: absolute;
	top: 1px;
	right:-16px;
}
.gnav_sub_items {
	width: 760px;
	float: right;
}
.common_subbox {
	background: #efece8;
	position: relative;
	padding: 22px 25px 25px 21px;
}
.common_subbox h2 {
	font-size: 24px;
	font-weight: bold;
	border-bottom: 1px dotted #6997ca;
	margin-bottom: 4px;
	padding-bottom: 11px;
}
.gnav_more {
	font-size: 14px;
	font-weight: bold;
	text-decoration: underline;
	position: relative;
	float: right;
	margin-top: -30px;
	margin-right: 20px;
}
.gnav_more:after {
	display: block;
	content: "";
	background: url(images/pc/common/pc_sprite.png) no-repeat -100px -199px;
	width: 10px;
	height: 14px;
	position: absolute;
	top: 1px;
	right: -21px;
}
.gnav_products {
	border-top: 2px solid #6997ca;
	padding-top: 38px;
	overflow: hidden;
}
.gnav_products li {
	float: left;
	margin-left: 20px;
}
.gnav_products li a {
	display: block;
	width: 150px;
	line-height: 1.4;
	text-decoration: underline;
}
.gnav_products li a img {
	width: 100%;
	height: auto;
	margin-bottom: 14px;
}
.common_subbox hr {
	height: 0;
	border: 0;
	border-top: 1px dotted #6997ca;
	margin-top: 20px;
	padding-top: 20px;
	display: none;/*新サイトリリース時は商品数が少ないので一時的に非表示*/
}
.gnav_products_b {
	display: none;/*新サイトリリース時は商品数が少ないので一時的に非表示*/
}
.gnav_products_b {
	background: #fff;
	padding: 16px 0 6px 39px;
	margin: 0 26px;
	overflow: hidden;
}
.gnav_products_b li {
	width: 300px;
	position: relative;
	margin-bottom: 10px;
}
.gnav_products_b li:before {
	display: block;
	content: "";
	background: url(images/pc/common/pc_sprite.png) no-repeat 0 -255px;
	width: 10px;
	height: 10px;
	position: absolute;
	top: 4px;
	left: -19px;
}
.gnav_products_b li:nth-child(odd) {
	float: left;
}
.gnav_products_b li:nth-child(even) {
	float: right;
}
.gnav_products_b li a {
	text-decoration: underline;
}
.common_subbox {
	display: none;
}
.on {
	background: #efece8 !important;
}

/* @@ コンテンツ
===========================================================*/
.contents_wrapper {
	margin-top: 20px;
}
.contents {

}


/* @@ メインコンテンツ
===========================================================*/
.main_contents {
	width: 760px;
	float: right;
}
/*パンくず*/
.pankuzu {
	overflow: hidden;
	margin-bottom: 17px;
	padding-bottom: 3px;
}
.pankuzu li {
	float: left;
	font-size: 14px;
}
.pankuzu li:after{
	display: inline-block;
	content: ">";
	margin: 0 4px;
}
.pankuzu li:last-child:after {
	content: "";
	margin: 0;
}
.pankuzu li a {
	text-decoration: underline;
}



/* @@ サイドバー
===========================================================*/
.sidebar {
	width: 210px;
	float: left;
}

/*サイドバーにあるサイト内検索*/
.keyword_search {
	margin-bottom: 20px;
	position: relative;
}
.keyword_search [type="text"] {
	display: block;
	width: 170px;
	font-size: 12px;
	height: 40px;
	padding: 4px;
	position: relative;
	top: 0;
	left: 0;
	border: 2px solid #8aa8ca;
	border-right: 0;
	border-radius: 4px 0 0 4px;
}
.keyword_search [type="submit"] {
	display: block;
	font-size: 16px;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 2;
	opacity: 0;
	cursor: pointer;
}
.btn_dmy {
	width: 40px;
	height: 40px;
	font-size: 11px;
	background: #446fa0;
	color: #fff;
	text-align: center;
	border: 2px solid #8aa8ca;
	border-left: 0;
	border-radius: 0 4px 4px 0;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
}
.btn_dmy i {
	display: block;
	width: 16px;
	height: 16px;
	background: #446fa0 url(images/pc/common/pc_sprite.png) no-repeat 0 -311px;
	margin: 4px auto 3px;
}
.btn_dmy span {
	display: inline-block;
	margin-left: 5px;
}
.screen-reader-text {
	display: none;
}

.placeholder {
	position: absolute;
	top: 13px;
	left: 5px;
	color: #b9afa2;
}

/*タグクラウド*/
.tag_cloud {
	margin-bottom: 20px;
}
.widgettitle {
	font-size: 16px;
	font-weight: bold;
	background: #efece8;
	text-align: center;
	padding: 11px 0 13px;
	position: relative;
	margin-bottom: 20px;
}
.widgettitle:after {
	width: 16px;
	height: 9px;
	content: "";
	display: block;
	background: url(images/pc/common/pc_sprite.png) no-repeat 0 -1007px;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	bottom: -9px;
}
.tag_cloud li {
  display: inline-block;
}
.tag_cloud a {
	display: inline-block;
	font-size: 14px !important;
	background: #fff;
	color: #9c8d82;
	border: 1px solid #9c8d82;
	padding: 9px 29px 9px 10px;
	margin-right: 10px;
	border-radius: 4px;
	margin-bottom: 10px;
	position: relative;
}
.tag_cloud a:hover {
	border: 1px solid #446fa0;
	background: #446fa0;
	color: #fff;
}
.tag_cloud a:after {
	display: inline-block;
	width: 7px;
	height: 10px;
	background: url(images/pc/common/pc_sprite.png) no-repeat 0 -243px;
	content: "";
	position: absolute;
	top: 11px;
	right: 12px;
}
.tag_cloud a:hover:after {
	background: url(images/pc/common/pc_sprite.png) no-repeat 0 -231px;
}

/*バナーエリア*/
.sidebar_links li {
	margin-bottom: 10px;
}
.sidebar_links a {
	opacity: 1;
	transition: opacity 0.2s;
}
.sidebar_links a:hover {
	opacity: 0.8;
	transition: opacity 0.2s;
}
.sidebar_links a img {
	width: 100%;
	height: auto;
}

/*会員メニュー*/
.sidebar_member_area {
	margin-top: 20px;
	background: #fff;
	border: 4px solid #efece8;
}
.sidebar_member_area h2 {
	background: #eae3d9;
	font-size: 16px;
	font-weight: bold;
	padding: 12px 0 12px 53px;
	position: relative;
	margin-bottom: 10px;
}
.sidebar_member_area h2:after {
	width: 16px;
	height: 9px;
	content: "";
	display: block;
	background: url(images/pc/common/pc_sprite.png) no-repeat 0 -1018px;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	bottom: -9px;
}
.sidebar_member_area h2 i {
	display: block;
	width: 26px;
	height: 26px;
	background: url(images/pc/common/pc_sprite.png) no-repeat 0 -329px;
	position: absolute;
	top: 7px;
	left: 14px;
}
.sidebar_member_area ul {
	padding: 5px;
}
.sidebar_member_area li {

}
.sidebar_member_area li + li {
	border-top: 1px dashed #b9afa2;
}
.sidebar_member_area li a {
	display: block;
	font-size: 14px;
	padding: 13px 0 12px 19px;
	position: relative;
}
.sidebar_member_area li a:hover {
	text-decoration: underline;
}
.sidebar_member_area li a:before {
	display: block;
	content: "";
	width: 10px;
	height: 10px;
	background: url(images/pc/common/pc_sprite.png) no-repeat 0 -255px;
	position: absolute;
	top: 15px;
	left: 3px;
}
.sidebar_btn_login {
	display: block;
	width: 190px;
	height: 60px;
	margin: 0 auto 12px;
	opacity: 1;
	transition: opacity 0.2s;
}
.sidebar_btn_login:hover {
	opacity: 0.8;
	transition: opacity 0.2s;
}

.forgot_pw {
	font-size: 14px;
	line-height: 1.6;
	display: block;
	margin: 0 0 10px 27px;
	text-decoration: underline;
	position: relative;
}
.forgot_pw:before {
	display: block;
	content: "";
	width: 10px;
	height: 14px;
	background: url(images/pc/common/pc_sprite.png) no-repeat 0 -215px;
	position: absolute;
	left: -16px;
	top: 4px;
}

/*はじめての方へ*/
.sidebar_newmember_area {
	width: 210px;
	height: 310px;
	background: url(images/pc/common/newmember_bg.png) no-repeat;
	background-size: 210px 310px;
	margin-top: 20px;
}
.sidebar_newmember_area h2 {
	font-size: 16px;
	font-weight: bold;
	padding-top: 18px;
	margin-left: 56px;
}
.sidebar_newmember_area p {
	font-size: 14px;
	line-height: 1.6;
	margin: 107px 12px 8px;
}

.sidebar_btn_newmember {
	display: block;
	width: 190px;
	height: 60px;
	margin: auto;
	opacity: 1;
	transition: opacity 0.2s;
}
.sidebar_btn_newmember:hover {
	opacity: 0.8;
	transition: opacity 0.2s;
}

/*カレンダー*/
.os_calendar {
	margin-top: 20px;
	background: #fff;
	border: 4px solid #efece8;
	margin-bottom: 20px;
}
.os_calendar h2 {
	background: #eae3d9;
	font-size: 16px;
	font-weight: bold;
	padding: 12px 0 12px 41px;
	position: relative;
	margin-bottom: 10px;
}
.os_calendar h2:after {
	width: 16px;
	height: 9px;
	content: "";
	display: block;
	background: url(images/pc/common/pc_sprite.png) no-repeat 0 -1018px;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	bottom: -9px;
}
.os_calendar h2 i {
	display: block;
	width: 20px;
	height: 19px;
	background: url(images/pc/common/pc_sprite.png) no-repeat 0 -358px;
	position: absolute;
	top: 10px;
	left: 11px;
}
.os_calendar p {
	font-size: 14px;
	line-height: 1.6;
	margin: 7px 7px 20px;
	position: relative;
	text-indent: 20px;
}
.os_calendar p i {
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url(images/pc/common/pc_sprite.png) no-repeat 0 -378px;
	position: absolute;
	left: -2px;
	top: -0px;
}


/* カレンダー ここから */
.cal_box {
	padding: 0 5px;
	margin-bottom: 15px;
}
.calenderall {
	min-height: 186px;
}
#calender_block {
}
#calender_block .side_cnt {
	padding: 10px;
}
#calender_block .side_cnt p {
	padding: 5px 0px;
	font-size: 11px;
	margin: 0px 0px 0px 0px;
	line-height: 1.3em;
}
#calender_block .side_cnt a {
	font-size: 12px;
	color: #2c2c2c;
}
/*--カレンダー本体設定--*/

#calenderall {
	margin: 0 auto;
	padding: 5px 2px;
	background: #ffffff;
	color: #666666;
}
.calender {
	padding: 0;
}
.slick-prev {
	display: block;
	width: 46px;
	height: 18px;
	border: 0;
	background: transparent url(images/pc/common/pc_sprite.png) no-repeat 0 -421px;
	text-indent: -9999px;
	overflow: hidden;
	cursor: pointer;
	margin: 18px auto 10px;
}
.slick-next {
	display: block;
	width: 46px;
	height: 18px;
	border: 0;
	background: transparent url(images/pc/common/pc_sprite.png) no-repeat 0 -441px;
	text-indent: -9999px;
	overflow: hidden;
	cursor: pointer;
	margin: auto;
}
/*--カレンダー月表示部分--*/

.calender .month {
	font-size: 14px;
	line-height: 27px;
	text-align: center;
	padding: 2px 0px;
	background: #446fa0;
	color: #fff;
}
*html .calender .month {
}
/*--カレンダー月英語--*/

.calender .m2 {

}
/*--カレンダー年--*/

.calender .y {

}
/*--休日--*/

.calender .holiday {
	background: url(images/pc/calender_bg.gif) no-repeat center;
}
/*--日曜日・祝祭日--*/

.calender .holiday {
	color: #CC6666;
}
/*--土曜日--*/

.calender .holiday2 {
	color: #6685a2;
	background: url(images/pc/calender_bg.gif) no-repeat center;
}
/*--空白日--*/

.calender .noday {
	color: #ddd;
}
/*--カレンダー本体テーブル--*/
.calender table {
	width: 100%;
	margin: 0;
	padding: 0;
}
/*--テーブルセル--*/

.calender table th,  .calender table td {
	padding: 2px 0px 2px 2px;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	text-align: center;
	vertical-align: middle;
}
/*--曜日--*/

.calender table th {
	width: 22px;
	padding: 3px 0 1px 2px;
	color: #666666;
	font-size: 11px;
	font-weight: normal;
	text-align: center;
}
/*--日曜日--*/

.calender table th.sun {
	color: #CC6666;
}
/*--土曜日--*/

.calender table th.sat {
	color: #6685a2;
}
/*--日付--*/

.calender table td {
	height: 22px;
	margin: 0px;
	padding: 2px 0 0 1px;
	border: 1px solid #ccc;
	font-size: 12px;
}
*html .calender .calender table td {
	padding: 3px 0 0 2px;
}
#sidecolumn #feature_block {
}
#sidecolumn #feature_block dl {
	padding: 10px 0px 0px 0px;
}
#sidecolumn #feature_block dt {
	font-weight: normal;
	padding: 0px 0px 0px 10px;
}
#sidecolumn #feature_block dd {
	padding: 10px 10px 20px 90px;
	border-bottom: 1px dotted #817f7f;
	margin: 0px 0px 10px;
}
#sidecolumn #feature_block dd ul {
	min-height: 73px;
}
#sidecolumn #feature_block .side_cnt .feature1 {
	background: url(images/feature1.png) no-repeat 10px 10px;
}
#sidecolumn #feature_block .side_cnt .feature2 {
	background: url(images/feature2.png) no-repeat 10px 10px;
}
#sidecolumn #feature_block .side_cnt .feature3 {
	background: url(images/feature3.png) no-repeat 10px 10px;
	margin: 0px 0px 0px;
}
#sidecolumn #feature_block .feature_bloc {
	padding: 15px 10px 15px 20px;
}
#sidecolumn #feature_block li {
	margin: 0px 0px 5px;
	font-size: 12px;
}
#sidecolumn #feature_block a {
	font-size: 10px;
}
/* カレンダー ここまで */


/*twitter*/
.twitter_widget {
	margin-top: 20px;
	background: #fff;
	border: 4px solid #efece8;
}
.twitter_widget h2 {
	background: #55acee;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	padding: 12px 0 12px 69px;
	position: relative;
	margin-bottom: 10px;}
.twitter_widget h2:after {
	width: 16px;
	height: 9px;
	content: "";
	display: block;
	background: url(images/pc/common/pc_sprite.png) no-repeat -100px -1018px;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	bottom: -9px;
}
.twitter_widget h2 i {
	display: block;
	width: 23px;
	height: 19px;
	background: url(images/pc/common/pc_sprite.png) no-repeat 0 -400px;
	position: absolute;
	top: 11px;
	left: 35px;
}
.tweet_box {
	height: 400px;
	overflow-y: scroll;
	display: block;
}

.tweet_box {
	margin-top: -14px;
	background: #fff;
}

/* @@ ボトム共通パーツ
===========================================================*/
.bottom_common_block {
	clear: both;
	background: url(images/pc/common/bottom_common_bg.jpg) center top;
	margin-top: 60px ;
	padding: 40px 0 0px;
}
.bottom_common_inner {

}
/* @@ 初めての方へ
===============*/
.large_tel_area {
	background: #fff;
	clear: both;
	text-align: center;
	margin-bottom: 40px;
	padding: 40px 0;
	border: 6px solid #1b936a;
	box-shadow: 0 8px 0 #bfd4cc;
}
.tel_txt1 {
	width: 460px;
	color:#fff;
	background: #1b936a;
	overflow: hidden;
	font-size: 23px;
	border-radius: 17px;
	font-weight: bold;
	margin: auto;
	padding: 20px;
	margin-bottom: 20px;
	position: relative;
}
.tel_txt1 {
	line-height: 30px;
}
/* @@ お問合せ、解約の方
===========================*/
.large_tel_area_faq {
	background: #fff;
	clear: both;
	text-align: center;
	margin-bottom: 40px;
	padding: 40px 0;
	border: 6px solid #446fa0;
	box-shadow: 0 8px 0 #c5d1de;
}
.tel_txt1_faq {
	width: 460px;
	color:#fff;
	background: #446fa0;
	overflow: hidden;
	font-size: 24px;
	border-radius: 17px;
	font-weight: bold;
	margin: auto;
	padding: 20px;
	margin-bottom: 20px;
	position: relative;
}
/* @@ お問合せ、解約の方　ここまで変更分
===============*/
.tel_txt1 span {
	display: block;
	width: 246px;
	background: #fff;
	font-size: 18px;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	top: 34px;
	padding-left: 8px;
}
.tel_txt2 {
	width: 497px;
	height: auto;
	display: block;
	font-weight: bold;
	margin: 0 auto 30px;
}
.tel_txt3 {
	font-size: 24px;
	font-weight: bold;
	position: relative;
	padding-left: 38px;
}
.tel_txt3 span {
	color: #afa69f;
}
.tel_txt3 small {
	display: inline-block;
	color: #afa69f;
	font-size: 18px;
	margin-left: 35px;
	border-left: 1px solid #000;
	padding-left: 35px;
	padding-bottom: 2px;
	vertical-align: 2px;
}
.tel_txt3 i {
	font-size: 14px;
	position: absolute;
	left: 255px;
	top: 30px;
}

/* @@ フッターガイドはじめての注文2カラム
==============================*/
.tel_box_wrap {
  overflow: hidden;
  width: 930px;
  margin: 0 auto 20px;
}
.tel_box1 {
  float: left;
}
.tel_box2 {
  float: right;
}


.bottom_nav_inner li {
	float: left;
	margin-left: 15px;
	margin-bottom: 30px;
}
.bottom_nav_inner li:nth-child(3n+1){
	margin-left: 0;
	clear: both;
}
.bottom_nav_inner li a {
	display: block;
	width: 320px;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	background: #fff;
	position: relative;
	padding: 30px 0;
	border: 2px solid #f1efee;
	border-radius: 2px;
}
.bottom_nav_inner li a:after {
	display: block;
	content: "";
	background: url(images/pc/common/pc_sprite.png) no-repeat 0 -959px;
	width: 38px;
	height: 38px;
	position: absolute;
	right: 0;
	bottom: 0;
}
.bottom_nav_icon1:before {
	display: block;
	content: "";
	background: url(images/pc/common/pc_sprite.png) no-repeat 0 -611px;
	width: 30px;
	height: 30px;
	position: absolute;
	top: 25px;
	left: 71px;
}
.bottom_nav_icon2:before {
	display: block;
	content: "";
	background: url(images/pc/common/pc_sprite.png) no-repeat -100px -576px;
	width: 26px;
	height: 34px;
	position: absolute;
	top: 24px;
	left: 46px;
}
.bottom_nav_icon3:before {
	display: block;
	content: "";
	background: url(images/pc/common/pc_sprite.png) no-repeat 0 -643px;
	width: 47px;
	height: 30px;
	position: absolute;
	top: 25px;
	left: 33px;
}
.bottom_nav_icon4:before {
	display: block;
	content: "";
	background: url(images/pc/common/pc_sprite.png) no-repeat 0 -675px;
	width: 27px;
	height: 27px;
	position: absolute;
	top: 24px;
	left: 51px;
}
.bottom_nav_icon5:before {
	display: block;
	content: "";
	background: url(images/pc/common/pc_sprite.png) no-repeat 0 -713px;
	width: 39px;
	height: 31px;
	position: absolute;
	top: 25px;
	left: 50px;
}
.bottom_nav_icon6:before {
	display: block;
	content: "";
	background: url(images/pc/common/pc_sprite.png) no-repeat 0 -746px;
	width: 31px;
	height: 33px;
	position: absolute;
	top: 24px;
	left: 42px;
}
.ef_zoom1 {
	transform: scale(1);
	transition: transform 0.2s;
}
.ef_zoom1:hover {
	transform: scale(1.05);
	transition: transform 0.2s;
}



/* @@ フッター
===========================================================*/
.footer {
	background: #446fa0;
	padding: 40px 0 0;
}

.footer_guide {
	overflow: hidden;
	margin-bottom: 40px;
}
.footer_guide div {
	width: 318px;
	height: 320px;
	background: #fff;
	float: left;
	padding: 76px 20px 0;
	border: 1px solid #f1efee;
	margin-left: 18px;
	position: relative;
}
.footer_guide div:first-child{
	margin-left: 0;
}
.footer_guide h4 {
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 35px;
}
.footer_guide div:nth-child(1) h4:before {
	display: block;
	content: "";
	background: url(images/pc/common/pc_sprite.png) no-repeat 0 -1071px;
	width: 36px;
	height: 32px;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	top: 35px;
}
.footer_guide div:nth-child(2) h4:before {
	display: block;
	content: "";
	background: url(images/pc/common/pc_sprite.png) no-repeat 0 -1105px;
	width: 42px;
	height: 33px;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	top: 34px;
}
.footer_guide div:nth-child(3) h4:before {
	display: block;
	content: "";
	background: url(images/pc/common/pc_sprite.png) no-repeat 0 -1140px;
	width: 33px;
	height: 32px;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	top: 34px;
}
.footer_guide li {
	font-size: 14px;
	line-height: 1.5;
	margin-bottom: 6px;
	margin-left: 18px;
	list-style: disc;
}
.footer_guide p {
	font-size: 14px;
	line-height: 1.5;
}

.footer_nav {
	text-align: center;
}
.footer_nav a {
	display: inline-block;
	font-size: 14px;
	color: #fff !important;
	padding-left: 20px;
	margin-left: 20px;
	border-left: 1px solid #fff;
}
.footer_nav a:first-child {
	padding-left: 0;
	margin-left: 0;
	border-left: 0;
}
.footer_nav a:hover {
	text-decoration: underline;
}
.copyright {
	display: block;
	font-size: 14px;
	color: #fff;
	background: #8aa8ca;
	text-align: center;
	margin-top: 40px;
	padding-top: 23px;
}

.syouhyou {
	text-align: center;
	background: #8aa8ca;
	font-size: 14px;
	color: #fff;
	padding: 4px 0 23px;
}



.to_top {
	display: block;
	width: 60px;
	height: 60px;
	background: url(images/pc/common/to_top.png);
	position: fixed;
	bottom: 78px;
	right: 5%;
}



/* トップページ　メインコンテンツ
-------------------------------------------------------------------------------------------*/
/* ==============================================
 メインバナー
=============================================== */
.mainBnr {
	width: 100%;
	height: 438px;
	padding-top: 17px;
	padding-bottom: 34px;
	overflow: hidden;
	background: url(images/pc/top/bx_bg.jpg) center top;
	position: relative;
}
.mainBnr_main {
	width: 100%;
	margin: auto;
	position: relative;
}
.mainBnr_body .bx-wrapper .bx-viewport {
	box-shadow: none;
	border: none;
	left: 0px;
	background: transparent !important;
}
.mainBnr_body .bx-wrapper .bx-pager {
	padding-top: 0;
	line-height: 14px;
}
.mainBnr_body .bx-wrapper .bx-pager, .mainBnr_body .bx-wrapper .bx-controls-auto {
	bottom: -32px;
}
.mainBnr_body .bx-wrapper .bx-pager.bx-default-pager a {
	background: #ad9d91;
	width: 14px;
	height: 14px;
	margin: 0 11px;
	outline: 0;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}
.mainBnr_body .bx-wrapper .bx-pager.bx-default-pager a:hover, .mainBnr_body .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #5b4738;
}
.mainBnr_body {
	position: relative;
	width: 2970px;
	left: 50%;
	margin-left: -1515px;
}
.mainBnr_body ul {
	margin-bottom: 0;
}
.mainBnr_body ul li{
	float: left;
	 width: 990px;
	margin: 0 10px;
}
.mainBnr_body ul li a{
	 display: block;
}
.mainBnr_body ul li a,
.mainBnr_body ul li a img {
	width: 990px;
}

.mainBnr_body ul li.active img {
}
.mainBnr_body .bx-wrapper {
	margin-bottom: 0;
	position:relative;
}
.mainBnr_pager {
	position: absolute;
	width: 100%;
	height: 0;
	top:0;
}
.mainBnr_pager .btnWrap {
	width: 990px;
	height: 0;
	position: relative;
	margin: auto;
}
.mainBnr_pager .btn a {
	width: 24px;
	height: 40px;
	position: absolute;
	text-indent: -9999px;
}
.mainBnr_pager .btnP a {
	left: -60px;
	top: 205px;
	background-image: url(images/pc/prev.png);
}
.mainBnr_pager .btnN a {
	right: -60px;
	top: 205px;
	background-image: url(images/pc/next.png);
}
#slideFilterL {
	left: 0;
}
#slideFilterR {
	right: 0;
}
#slideFilterL, #slideFilterR {
	position: absolute;
	top: 0;
	width: 990px;
	height: 450px;
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "alpha( opacity=0 )";
	background: #ccc;
}

/*bxローカライズ*/
.bx-wrapper {
	border: 0 !important;
	box-shadow: none !important;
}
.mainBnr_body .bx-wrapper .bx-pager.bx-default-pager a {
		background: #b9afa2 !important;
}
.mainBnr_body .bx-wrapper .bx-pager.bx-default-pager a:hover, .mainBnr_body .bx-wrapper .bx-pager.bx-default-pager a.active {
		background: #446fa0 !important;
}
.bx_controller {
	width: 990px;
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}
.btnP a {
	position: absolute;
	top: 180px;
	left: -21px;
	display: block;
	width: 50px;
	height: 50px;
	background: url(images/pc/top/bx_prev.png);
	cursor: pointer;
	text-indent: -9999px;
	overflow: hidden;
}
.btnN a {
	position: absolute;
	top: 180px;
	right: -19px;
	display: block;
	width: 50px;
	height: 50px;
	background: url(images/pc/top/bx_next.png);
	cursor: pointer;
	text-indent: -9999px;
	overflow: hidden;
}
.slides li img {
	opacity: 1;
	transition: opacity 0.2s;
}
.slides li.active img:hover {
	opacity: 0.8;
	transition: opacity 0.2s;
}


/*ランキング*/
.cnt_ttl {
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 12px;
	border-top: 2px solid;
	border-bottom: 1px solid;
	padding-top: 16px;
	padding-bottom: 14px;
	padding-left: 51px;
	position: relative;
}
.ranking_area .cnt_ttl {
	color: #ec5b6f;
}
.ranking_area .cnt_ttl:before {
	display: block;
	content: "";
	background: url(images/pc/common/pc_sprite.png) no-repeat 0 -461px;
	width: 38px;
	height: 35px;
	position: absolute;
	top: 10px;
	left: 3px;
}
.ranking_area {
	margin-bottom: 60px;
	position: relative;
}
.rank_box {
	margin-top: 40px;
	position: relative;
}
.rank_item {
	display: block;
	overflow: hidden;
	color: #4d453f;
	opacity: 1;
	transition: opacity 0.2s;
}
.rank_title {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 10px;
}
.rank_title i {
	display: inline-block;
	margin-right: 15px;
	width: 50px;
	height: 50px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(images/pc/common/pc_sprite.png) no-repeat;
	vertical-align: -16px;
}
.rank_title .gold {
	background-position: 0 -803px;
}
.rank_title .silver {
	background-position: 0 -855px;
}
.rank_title .copper {
	background-position: 0 -907px;
}
.rank_item:hover {
	opacity: 0.8;
	transition: opacity 0.2s;
}
.rank_item:hover p {

}
.rank_item_img {
	float: left;
	margin-right: 20px;
}
.rank_item_desc p {
	font-size: 16px;
	line-height: 1.6;
}
.read_more1 {
	width: 420px;
	background: #446fa0;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	padding: 22px 0;
	text-align: center;
	border: 2px solid #8aa8ca;
	border-radius: 4px;
	position: absolute;
	bottom: 0px;
	right: 0;
}
.read_more1 span {
	border-bottom: 1px solid #fff;
}
.read_more1:after {
	display: block;
	content: "";
	background: url(images/pc/common/pc_sprite.png) no-repeat 0 -183px;
	width: 10px;
	height: 14px;
	position: absolute;
	top: 23px;
	right: 14px;
}



/*新着情報*/
.news_area {
	position: relative;
	padding-bottom: 20px;
	margin-bottom: 40px;
}
.news_area .cnt_ttl {
	color: #446fa0;
}
.news_area .cnt_ttl:before {
	display: block;
	content: "";
	background: url(images/pc/common/pc_sprite.png) no-repeat 0 -498px;
	width: 30px;
	height: 26px;
	position: absolute;
	top: 13px;
	left: 4px;
}
.news_area ul {
	margin-top: 30px;
}
.news_area li {
	font-size: 16px;
	line-height: 1.4;
	margin-bottom: 16px;
	padding-bottom: 16px;
	border-bottom: 1px dashed #b9afa2;
}

.news_area li time {
	display: inline-block;
	width: 156px;
}

.news_area li a {
	text-decoration: underline;
}

.news_more {
	display: block;
	position: absolute;
	top: 20px;
	right: 34px;
	font-size: 14px;
	font-weight: bold;
	text-decoration: underline;
}
.news_area .news_more {
	color: #446fa0;
}
.news_area .news_more:after {
	display: block;
	content: "";
	background: url(images/pc/common/pc_sprite.png) no-repeat -100px -215px;
	width: 10px;
	height: 14px;
	position: absolute;
	top: 0;
	right: -20px;
}

/*雑誌・テレビ*/
.media_area {
	margin-bottom: 60px;
	position: relative;
}
.media_area .cnt_ttl {
	color: #eb9364;
}
.media_area .cnt_ttl:before {
	display: block;
	content: "";
	background: url(images/pc/common/pc_sprite.png) no-repeat 0 -526px;
	width: 26px;
	height: 20px;
	position: absolute;
	top: 18px;
	left: 8px;
}
.media_img {
	margin-top: 30px;
}
.media_more {
	display: block;
	position: absolute;
	top: 20px;
	right: 34px;
	font-size: 14px;
	color: #eb9364;
	font-weight: bold;
	text-decoration: underline;
}
.media_more:after {
	display: block;
	content: "";
	background: url(images/pc/common/pc_sprite.png) no-repeat -100px -231px;
	width: 10px;
	height: 14px;
	position: absolute;
	top: 0;
	right: -20px;
}

/*特集*/
.post_area {
	margin-bottom: 60px;
}
.post_area .cnt_ttl {
	color: #44a064;
}
.top_column {

}
.top_column {
	position: relative;
	padding: 8px 13px 10px 0;
	overflow: hidden;
	margin-bottom: 30px;
	transition: 0.2s;
}

.top_column_ttl {
	font-size: 24px;
	font-weight: bold;
	border-bottom: 1px dashed #b9afa2;
	padding-bottom: 12px;
	margin-bottom: 21px;
	position: relative;
}
.top_column_ttl span {
	display: inline-block;
	background: #f7f5f3;
	padding-right: 12px;
	position: absolute;
	top: 0;
	left: 0;
}
.top_column_img {
	width: 320px;
	height: auto;
	float: left;
	margin-right: 20px;
}

.top_column p {
	font-size: 16px;
	line-height: 1.6;
}
.read_more2 {
	width: 370px;
	height: 60px;
	background: url(images/pc/top/btn_top_doctor.png);
	color: #44a064;
	font-size: 16px;
	font-weight: bold;
	position: absolute;
	bottom: 10px;
	right: 13px;
	opacity: 1;
	transition: opacity 0.2s;
	padding: 20px 0 0 79px;
}
.read_more2:hover {
	opacity: 0.8;
	transition: opacity 0.2s;
}
.read_more2 span {
	border-bottom: 1px solid #44a064;
}

.read_more2_2 {
	width: 370px;
	height: 60px;
	background: url(images/pc/top/btn_top_grayhair.png);
	color: #44a064;
	font-size: 16px;
	font-weight: bold;
	position: absolute;
	bottom: 10px;
	right: 13px;
	opacity: 1;
	transition: opacity 0.2s;
	padding: 20px 0 0 63px;
}
.read_more2_2:hover {
	opacity: 0.8;
	transition: opacity 0.2s;
}
.read_more2_2 span {
	border-bottom: 1px solid #44a064;
}

.read_more2_3 {
	width: 370px;
	height: 60px;
	background: url(images/pc/top/btn_top_trouble.png);
	color: #44a064;
	font-size: 15px;
	font-weight: bold;
	position: absolute;
	bottom: 10px;
	right: 13px;
	opacity: 1;
	transition: opacity 0.2s;
	padding: 20px 0 0 38px;
}
.read_more2_3:hover {
	opacity: 0.8;
	transition: opacity 0.2s;
}
.read_more2_3 span {
	border-bottom: 1px solid #44a064;
}


/*特集*/
.post_area .cnt_ttl:before {
	display: block;
	content: "";
	background: url(images/pc/common/pc_sprite.png) no-repeat 0 -548px;
	width: 21px;
	height: 26px;
	position: absolute;
	top: 15px;
	left: 15px;
}
.post_box {
	margin-top: 40px;
	padding: 20px;
	background: #f7f5f3;
}
/*新着記事*/
.latest_posts h2 {
	font-size: 18px;
	font-weight: bold;
	border-bottom: 1px dashed #b9afa2;
	padding-bottom: 9px;
	margin-bottom: 30px;
	position: relative;
}
.latest_posts h2 span {
	display: inline-block;
	background: #f7f5f3;
	padding-right: 12px;
	position: absolute;
	top: 0;
	left: 0;
}
.new_post {
	width: 220px;
	float: left;
	position: relative;
	overflow: hidden;
	opacity: 1;
	transition: opacity 0.2s;
}
.new_post:hover {
	text-decoration: underline;
	opacity: 0.8;
	transition: opacity 0.2s;
}
.new_post + .new_post {
	margin-left: 20px;
}
h2 + .new_post {
	margin-left: 10px;
}

.post_img {
	width: 220px;
	height: 220px;
	background: #ddd;
	overflow: hidden;
	position: relative;
	margin-bottom: 16px;
}
.post_img:before {
	display: block;
	content: "";
	background: url(images/pc/common/pc_sprite.png) no-repeat 0 -781px;
	width: 50px;
	height: 20px;
	position: absolute;
	top: 0;
	left: 4px;
}
.post_img img {
	width: auto;
	max-width: initial;
	height: 100%;
}
.post_ttl {
	font-size: 16px;
	font-weight: bold;
	line-height: 1.4;
	text-decoration: underline;
	margin-bottom: 12px;
}
.new_post p {
	font-size: 14px;
	line-height: 1.6;
}
.read_more3 {
	font-weight: bold;
	text-align: right;
	text-decoration: underline;
}
.archive_common .read_more3 {
	color: #446fa0;
}

/*バックナンバー*/
.backnumber {
	position: relative;
	margin-bottom: 60px;
}
.backnumber img {
	width: 760px;
	height: auto;
}
.bn_txt {
	width: 427px;
	font-size: 16px;
	line-height: 1.6;
	position: absolute;
	top: 44px;
	right: 0;
}
.txt_blue {
	color: #446fa0;
}

.apply_mailmagazine {
	text-align: right;
	margin-top: 20px;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.6;
}

.apply_mailmagazine a {
	text-decoration: underline;
}

/*お悩み別*/
.trouble_search_area .cnt_ttl {
	color: #446fa0;
}
.trouble_search_area .cnt_ttl:before {
	display: block;
	content: "";
	background: url(images/pc/common/pc_sprite.png) no-repeat 0 -576px;
	width: 26px;
	height: 33px;
	position: absolute;
	top: 8px;
	left: 10px;
}
.trouble_box {
	margin-bottom: 20px;
	position: relative;
	padding: 10px 0;
}
.trouble_box a {
	display: block;
	overflow: hidden;
	opacity: 1;
	transition: opacity 0.2s;
}
.trouble_box a:hover {
	opacity: 0.8;
	transition: opacity 0.2s;
}
.trouble_box h3 {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 10px;
}

.trouble_img {
	width: 320px;
	height: auto;
	background: #ddd;
	float: left;
	margin-right: 20px;
}
.trouble_box p {
	font-size: 16px;
	line-height: 1.6;
}

.read_more4 {
	width: 420px;
	background: #446fa0;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	padding: 20px 0;
	text-align: center;
	border: 2px solid #8aa8ca;
	border-radius: 4px;
	position: absolute;
	bottom: 10px;
	right: 0;
	opacity: 1;
	transition: opacity 0.2s;
}
.read_more4:hover {
	opacity: 0.8;
	transition: opacity 0.2s;
}
.read_more4 span {
	border-bottom: 1px solid #fff;
}
.read_more4:after {
	display: block;
	content: "";
	background: url(images/pc/common/pc_sprite.png) no-repeat 0 -183px;
	width: 10px;
	height: 14px;
	position: absolute;
	top: 23px;
	right: 14px;
}
.read_more4 img {
	position: absolute;
}
.btn_deco1 {
	top: -15px;
	left: 28px;
}
.btn_deco2 {
	top: -22px;
	left: 24px;
}
.btn_deco3 {
	top: -17px;
	left: 22px;
}


/* 投稿ページ
-------------------------------------------------------------------------------------------*/
/* @@ レイアウト
===========================================================*/
.post_page {
	margin-top: 80px;
}
.post_thumbnail {
	margin-bottom: 40px;
}
.post_thumbnail img {
	width: 100%;
	height: auto;
}



/* 投稿で出力されるテキストエリア
===========================================================*/
.clear {
	clear: both;
}
.post_title,
.post_title2,
.post_title3,
.post_title4 {
	clear: both;
	font-weight: bold;
}
.post_title {
	font-size: 32px;
	line-height: 1.6;
	padding: 10px 20px;
	background: #efece8;;
	margin: 20px 0;
}
.post_title2 {
	font-size: 24px;
	line-height: 1.6;
	border-left: 4px solid #446fa0;
	padding: 5px 0 5px 8px;
	margin: 40px 0 20px;
}
/*.post_title2のボーダー左カラー*/
.post_contents_doctor_column .post_title2 {
	border-left-color: #42A164 !important;
}
.post_contents_grayhair_column .post_title2 {
	border-left-color: #446fa0 !important;
}
.post_contents_trouble_column .post_title2 {
	border-left-color: #eb9364 !important;
}

.post_title3 {
	font-size: 20px;
	line-height: 1.6;
	margin: 30px 0 10px;
	border-bottom: 3px double;
	display: inline-block;
}
/*.post_title3のボーダー下カラー*/
.post_contents_doctor_column .post_title3 {
	border-bottom-color: #51c67a !important;
}
.post_contents_grayhair_column .post_title3 {
	border-bottom-color: #568ec9 !important;
}
.post_contents_trouble_column .post_title3 {
	border-bottom-color: #eaa17c !important;
}
.page_backnumber .post_title3 {
	border-bottom-color: #446fa0 !important;
}
.post_title4 {
	font-size: 18px;
	line-height: 1.6;
	margin: 30px 0 8px;
}


.post_body p {
	font-size: 16px;
	line-height: 1.6;
	margin-bottom: 20px;
}
.post_body img {
	width: 600px;
	height: auto;
	display: block;
	margin-bottom: 20px;
}
.post_body a {
	text-decoration: underline;
	color:#446fa0;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
	margin: 0.5em 1em 0.5em 0;
}
.alignright {
	float: right;
	margin: 0.5em 0 0.5em 1em;
}

.post_contents img.size-thumbnail {
	width: 260px !important;
	height: auto !important;
}
.post_contents img.size-medium {
	width: 480px !important;
	height: auto !important;
}
.post_contents img.size-large {
	width: 760px !important;
	height: auto !important;
}
.post_contents img.size-full {
	width: 760px !important;
	height: auto !important;
}

/*著者情報*/
.author_box {
	width: 700px;
	padding: 20px;
	margin: 40px auto;
	border: 2px solid #8AA8CA;
	border-radius: 6px;
	overflow: hidden;
}
.author_box .author_img {
	display: block;
	width: 150px;
	height: auto;
	!!border-radius: 50%;
	float: left;
}
.author_box .author_info {
	width: 480px;
	float: right;
}
.author_box .author_info h2 {
	color: #446fa0;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 0.8em;
}
.author_link {
	clear: both;
	text-align: right;
}



/* 新着情報一覧
-------------------------------------------------------------------------------------------*/
.archive_contents {

}
.archive_contents .news_area {
	margin-bottom: 0;
}
.archive_news_post {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px dashed #b9afa2;
}
.archive_news_post a {
	opacity: 1;
	transition: opacity 0.2s;
}
.archive_news_post a:hover {
	opacity: 0.8;
	transition: opacity 0.2s;
}
.archive_news_ttl {
	font-size: 18px;
	font-weight: bold;
	line-height: 1.6;
	margin-bottom: 6px;
	text-decoration: underline;
}
.archive_news_post time {
	display: block;
	font-size: 14px;
	margin-bottom: 10px;
}
.archive_news_post p {
	font-size: 16px;
	line-height: 1.6;
}
.page_title,
.tag_title {
	background: url(images/pc/common/title_icon_other.png) no-repeat 12px 12px;
	font-size: 22px;
	font-weight: bold;
	color: #446fa0;
	padding: 15px 0 13px 51px;
	border-top: 2px solid;
	border-bottom: 1px solid;
	margin-bottom: 30px;
}
.column_title {
	background: url(images/pc/common/title_icon_column.png) no-repeat 11px 13px;
	font-size: 22px;
	font-weight: bold;
	color: #446fa0;
	padding: 15px 0 13px 51px;
	border-top: 2px solid;
	border-bottom: 1px solid;
	margin-bottom: 30px;
}
.news_title,
.post_news_title {
	background: url(images/pc/common/title_icon_news.png) no-repeat 9px 12px;
	font-size: 22px;
	font-weight: bold;
	color: #446fa0;
	padding: 15px 0 13px 51px;
	border-top: 2px solid;
	border-bottom: 1px solid;
	margin-bottom: 20px;
}
.faq_title {
	background: url(images/pc/common/title_icon_faq.png) no-repeat 10px 10px;
}
.doctor_title {
	background: url(images/pc/common/title_icon_doctor.png) no-repeat 14px 14px;
}
.media_title {
	background: url(images/pc/common/title_icon_media.png) no-repeat 9px 16px;
	font-size: 22px;
	font-weight: bold;
	color: #446fa0;
	padding: 15px 0 13px 51px;
	border-top: 2px solid;
	border-bottom: 1px solid;
	margin-bottom: 30px;
}
.guide_title {
	background: url(images/pc/common/title_icon_guide.png) no-repeat 10px 11px;
	font-size: 22px;
	font-weight: bold;
	color: #446fa0;
	padding: 15px 0 13px 51px;
	border-top: 2px solid;
	border-bottom: 1px solid;
	margin-bottom: 30px;
}
.backnumber_title {
	background: url(images/pc/common/title_icon_bn.png) no-repeat 10px 14px;
	font-size: 22px;
	font-weight: bold;
	color: #446fa0;
	padding: 15px 0 13px 51px;
	border-top: 2px solid;
	border-bottom: 1px solid;
	margin-bottom: 30px;
}
.component_title {
	background: url(images/pc/common/title_icon_compornent.png) no-repeat 10px 14px;
	font-size: 22px;
	font-weight: bold;
	color: #446fa0;
	padding: 15px 0 13px 51px;
	border-top: 2px solid;
	border-bottom: 1px solid;
	margin-bottom: 30px;
}

.post_update_time {
	display: block;
	margin-bottom: 20px;
}



/* 商品一覧ページ page-products.php
-------------------------------------------------------------------------------------------*/
.product_title {
	background: url(images/pc/common/title_icon_product.png) no-repeat 16px 17px;
	font-size: 22px;
	font-weight: bold;
	color: #446fa0;
	padding: 15px 0 13px 51px;
	border-top: 2px solid;
	border-bottom: 1px solid;
	margin-bottom: 20px;
}
.page_trouble_contents .product_title {
	background: url(images/pc/common/title_icon_trouble.png) no-repeat 18px 13px;
	font-size: 22px;
	font-weight: bold;
	color: #446fa0;
	padding: 15px 0 13px 51px;
	border-top: 2px solid;
	border-bottom: 1px solid;
	margin-bottom: 30px;
}
.product_item {
	float: left;
	margin-bottom: 100px;
	width: 370px;
	position: relative;
	padding: 0 10px 90px;
}
.page_sub_title {
	font-size: 26px;
	font-weight: bold;
	text-align: center;
	background: #efece8;
	padding: 17px 0 16px;
	margin-bottom: 30px;
}
.product_list + .page_sub_title {
	margin-top: 60px;
}
.product_item:nth-child(odd) {
	float: left;
	clear: both; 
}
.product_item:nth-child(even) {
	float: right;
	position: relative;
}
.product_item a {
	opacity: 1;
	transition: opacity 0.2s;
}
.product_item a:hover {
	opacity: 0.8;
	transition: opacity 0.2s;
}
.product_item .product_deco {

}
.product_item:nth-child(even) .product_deco:before {
	display: block;
	content: "";
	width: 2px;
	height: 100%;
	background: #ddd8d2;
	position: absolute;
	top: 0;
	left: -11px;
}

.product_item:after {
	display: block;
	content: "";
	width: 370px;
	height: 2px;
	background: #ddd8d2;
	position: absolute;
	bottom: -50px;
	left: 0;
}
.product_item:nth-last-child(1):after,
.product_item:nth-last-child(2):nth-child(odd):after {
	display: none;
}
.product_list:last-child .product_item:nth-child(odd):last-child {
	margin-bottom: 0;
}

.product_item .product_mainImg {
	width: 100%;
	height: auto;
	display: block;
	margin-bottom: 15px;
}
.product_ttl {
	font-size: 24px;
	font-weight: bold;
	line-height: 1.6;
	text-decoration: underline;
	margin-bottom: 10px;
}
.product_item p {
	font-size: 16px;
	line-height: 1.6;
}
.rm_product {
	width: 300px;
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
.common_price {
	font-size: 30px;
	font-weight: bold;
	position: relative;
	text-align: right;
	margin: 0 20px;
}
.common_price small {
	font-size: 16px;
	font-weight: normal;
}
.common_price span {
	width: 130px;
	display: inline-block;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	padding: 8px 0 9px;
	position: absolute;
	left: 0;
	top: 0;
}
.normal_price span {
	background: #866e5d;
}
.regular_price span {
	background: #44a064;
}
.normal_price {
	margin-top: 22px;
	margin-bottom: 12px;
}
.product_tag {
	display: inline-block;
	background-color: #fdf8f8 !important;
	font-size: 13px;
	font-weight: bold;
	padding: 8px 10px 9px 32px;
	border: 2px solid #fb7171;
	border-radius: 4px;
	margin-bottom: 13px;

}
.tag_blacksupli_serise {
	background: url(images/pc/products/parts/tab_bl_icon.png) no-repeat 4px 1px;
}
.tag_blacksupli_serise:after {
	display: inline;
	content: "ブラックサプリシリーズ";
}
.tag_haircare {
	background: url(images/pc/products/parts/tab_hc_icon.png) no-repeat 4px 1px;
}
.tag_haircare:after {
	display: inline;
	content: "ヘアケア";
}
.tag_vitamin {
	background: url(images/pc/products/parts/tab_vi_icon.png) no-repeat 4px 1px;
}
.tag_vitamin:after {
	display: inline;
	content: "ビタミン";
}
.tag_health {
	background: url(images/pc/products/parts/tab_he_icon.png) no-repeat 4px 1px;
}
.tag_health:after {
	display: inline;
	content: "健康";
}

/*ページネーション*/
.top-wp-pagenavi,
.wp-pagenavi {
	overflow: hidden;
	text-align: center;
	margin: 30px 0;
}
.top-wp-pagenavi *,
.wp-pagenavi * {
	display: inline-block;
	color: #4d453f;
	font-size: 14px;
	border: 2px solid #9c8d82;
	padding: 9px 14px 8px;
	margin-left: 10px;
}
.top-wp-pagenavi *:first-child,
.wp-pagenavi *:first-child {

	margin-left: 0px;
}
.top-wp-pagenavi a:hover,
.wp-pagenavi a:hover {
	text-decoration: underline;
}
.top-wp-pagenavi .current,
.wp-pagenavi .current {
	background: #eae6e4;
}
.nextpostslink {
	padding-right: 20px;
	background: url(images/pc/common/page_mark_next.png) no-repeat right 8px center;
}
.previouspostslink {
	padding-left: 20px;
	background: url(images/pc/common/page_mark_prev.png) no-repeat left 8px center;
}

.page_trouble_contents .page_sub_title {
	margin-bottom: 20px;
}

.post_pagenation {
	width: 230px;
	margin: 40px auto 0;
	overflow: hidden;
}
.post_pagenation span {
	display: inline-block;
	color: #4d453f;
	font-size: 14px;
	border: 2px solid #9c8d82;
	padding: 9px 14px 8px;
}
.post_pagenation span a:hover {
	text-decoration: underline;
}

.post_pagenation .r {
	padding-right: 20px;
	background: url(images/pc/common/page_mark_next.png) no-repeat right 8px center;
	float: right;
}
.post_pagenation .l {
	padding-left: 20px;
	background: url(images/pc/common/page_mark_prev.png) no-repeat left 8px center;
	float: left;
}
.post_pagenation a:hover span {
	text-decoration: underline;
}


/* 商品詳細ページ single-products.php
-------------------------------------------------------------------------------------------*/
.product_contents {
	position: relative;
}
.single_product_thumbnail img {
	width: 100%;
	height: auto;
	margin-bottom: 30px;
}
.single_product_title {
	font-size: 34px;
	font-weight: bold;
	padding-bottom: 11px;
	border-bottom: 2px solid #827063;
	margin-bottom: 30px;
}

.btn_print {
	width: 178px;
	font-size: 42px;
	background: url(images/pc/products/btn_print.png) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	position: absolute;
	top: -7px;
	right: 0;
	border-radius: 5px;
	opacity: 1;
	transition: opacity 0.2s;
}
.btn_print:hover {
	opacity: 0.8;
	transition: opacity 0.2s;
}

.single_product_body {
	position: relative;
}

.single_product_img_area {
	width: 350px;
	float: left;
	margin-right: 20px;
}

.single_product_mainImg img {
	width: 100%;
}
.single_product_gallery {
	width: 350px;
	margin-top: 11px;
	overflow: hidden;
}
.single_product_gallery li {
	width: 110px;
	height: 110px;
	float: left;
	border: 2px solid #efece8;
	margin-left: 10px;
}
.single_product_gallery li:first-child {
	border: 2px solid #446fa0;
	margin-left: 0;
}
.single_product_gallery li img {
	width: 100%;
}
.single_product_desc_area {
	width: 380px;
	float: right;
	padding-bottom: 10px;

}

.single_product_txt {
	border-bottom: 1px solid #efece8;
	padding-bottom: 12px;
}
.single_product_eiyou {
	display: inline-block;
	color: #446fa0;
	border: 1px solid;
	border-radius: 4px;
	padding: 6px 8px;
	margin-right: 5px;
}
.single_product_txt p {
	font-size: 16px;
	line-height: 1.6;
	margin-top: 8px;
}
.single_product_meta {
	background: #f7f5f3;
	padding: 18px 20px;
	margin-top: 20px;
}
.single_product_meta li {
	font-size: 16px;
	line-height: 1.6;
}

/*---- 商品詳細内のLP ----*/
.product_freeArea {
	margin-top: 40px;
}

.lp_nav {
	overflow: hidden;
	margin-bottom: 40px;
}
.lp_nav li {
	float: left;
	margin-left: 11px;
}
.lp_nav li:first-child {
	margin-left: 0;
}
.lp_nav li a {
	display: block;
	width: 246px;
	padding: 20px 0;
	color: #827063;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	text-decoration: underline;
	border: 1px solid #827063;
	border-radius: 4px;
	background: #fff url(images/pc/products/arrow_gray_a.png) right 11px center no-repeat;
	transition: background-color 0.1s;
}
.lp_nav li a:hover {
	background-color: #fff6f0;
	transition: background-color 0.1s;
}

.product_freeArea botton {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	border: 0;
}

.product_lp {
	width: 760px;
}
.product_catch {
	margin-bottom: 60px;
}
/*定期購入フォーム周り*/
.teiki_area {
	width: 760px;
	height: 312px;
	background: url(images/pc/products/teiki_bg.png) no-repeat;
	padding: 94px 30px 0;
}
.teiki_box {
	width: 330px;
	position: relative;
}
.teiki_box1 {
	float: left;
}
.teiki_box2 {
	float: right;
}
.course_ttl {
	font-size: 19px;
	font-weight: bold;
	border-bottom: 1px dashed;
	padding-bottom: 8px;
	margin-bottom: 13px;
}
.tokuten1 {
	position: absolute;
	top: 43px;
	left: 0;
	width: 82px;
	font-size: 16px;
	text-align: center;
	color: #c00;
	padding: 3px 0;
	border: 1px solid #c00;
}
.tokuten2 {
	position: absolute;
	top: 74px;
	left: 0;
	width: 82px;
	font-size: 16px;
	text-align: center;
	color: #44a064;
	padding: 3px 0;
	border: 1px solid #44a064;
}
.price1,
.price2 {
	font-size: 16px;
	text-align: right;
}
.price2 {
	margin-top: 6px;
}
.price1 span {
	font-size: 47px;
	font-weight: bold;
}
.txt_red {
	color: #c00;
}
.btn_green {
	width: 340px;
	height: 81px;
	font-size: 19px;
	font-weight: bold;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	color: #fff;
	cursor: pointer;
	border: 0;
	background-color: transparent ;
	background:  url(images/pc/products/btn_green.png) no-repeat 0;
	position: absolute;
	top: 116px;
	left: -5px;
	opacity: 1;
	transition: opacity 0.2s;
}
.btn_green:after {
	display: block;
	content: "";
	width: 16px;
	height: 20px;
	background: url(images/pc/products/arrow_white_l.png) no-repeat;
	position: absolute;
	top: 28px;
	right: 20px;
}
.btn_green:hover {
	opacity: 0.8;
	transition: opacity 0.2s;
}
.btn_green span {
	display: inline-block;
	vertical-align: 7px;
}
.tyuui {
	margin-top: 10px;
	font-size: 14px;
	line-height: 1.6;
}
p + .tanpin_area {
	margin-top: 24px;
}

	/*単品購入フォーム周り*/
.tanpin_area {
	width: 760px;
	height: 227px;
	background: url(images/pc/products/tanpin_bg.png) no-repeat;
	padding: 31px 30px 0;
}
.tanpin_box {
	width: 330px;
	position: relative;
}
.tanpin_box1 {
	float: left;
}
.tanpin_box2 {
	float: right;
}
.course_ttl {
	font-size: 19px;
	font-weight: bold;
	border-bottom: 1px dashed;
	padding-bottom: 8px;
	margin-bottom: 13px;
}
.tokuten3 {
	position: absolute;
	top: 53px;
	left: 0;
	width: 82px;
	font-size: 16px;
	text-align: center;
	color: #44a064;
	padding: 3px 0 ;
	border: 1px solid #44a064;
}
.btn_brown {
	width: 340px;
	height: 81px;
	font-size: 19px;
	font-weight: bold;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	color: #fff;
	cursor: pointer;
	border: 0;
	background-color: transparent ;
	background: url(images/pc/products/btn_brown.png) no-repeat 0;
	position: absolute;
	top:95px;
	left: -5px;
	opacity: 1;
	transition: opacity 0.2s;
}
.btn_brown:after {
	display: block;
	content: "";
	width: 16px;
	height: 20px;
	background: url(images/pc/products/arrow_white_l.png) no-repeat;
	position: absolute;
	top: 28px;
	right: 20px;
}
.btn_brown:hover {
	opacity: 0.8;
	transition: opacity 0.2s;
}
.btn_brown span {
	display: inline-block;
	vertical-align: 5px;
}
.tel_img {
	margin-top: 13px;
}

/*ボタン1個だけのシンプルフォーム周り*/
.simple_box {
	height: 140px;
	border: 6px solid #446fa0;
	position: relative;
}
.simple_ttl {
	width: 330px;
	font-size: 20px;
	padding-bottom: 10px;
	border-bottom: 1px dashed;
	position: absolute;
	top: 25px;
	left: 23px;
}

.btn_normal {
	border: 0;
	background: none;
	position: absolute;
	top: 25px;
	right: 30px;
	opacity: 1;
	transition: opacity 0.2s;
	cursor: pointer;
}
.btn_normal:hover {
	opacity: 0.8;
	transition: opacity 0.2s;
}
.tokuten4 {
	position: absolute;
	top: 64px;
	left: 25px;
	width: 82px;
	font-size: 16px;
	text-align: center;
	color: #44a064;
	padding: 3px 0 ;
	border: 1px solid #44a064;
}
.price3 {
	font-size: 16px;
	position: absolute;
	right: 396px;
	top: 54px;
}
.price3 {
	margin-top: 6px;
}
.price3 span {
	font-size: 47px;
	font-weight: bold;
}

	/*ワンカラムボタンカート*/
.simple_box1 {
	height:192px;
	background-image:url(/images/pc/products/multivitamin/teiki_bg_simple.png);
	border: 6px solid #febc41;
	position: relative;
}
.simple_box1 .price3 {
	top: 92px;
}
.simple_box1 .price2 {
	position: absolute;
	right: 397px;
	top: 142px;
}
.simple_box1 .tokuten4 {
	top: 125px;
	left: 24px;
}
.simple_box1 .tokuten1 {
	top: 94px;
	left: 24px;
}
.simple_box1 .btn_green {
	top: 86px;
	left: 386px;
}
.simple_box2 {
	height: 140px;
	border: 6px solid #446fa0;
	position: relative;
}
.simple_box2 .btn_brown {
	top: 27px;
	left: 383px;
}
	/*ワンカラムボタンカートのスタイルおわり*/



/* ページ内リンクの飛び先ボックス */
.product_info {
	margin-top: 40px;
}
.product_info_box {
	overflow: hidden;
}
.product_info_box + .product_info_box {
	margin-top: 20px;
}
.product_info_ttl {
	font-size: 22px;
	font-weight: bold;
	padding: 11px 0 14px 14px;
	border-top: 2px solid #827063;
	border-bottom: 1px solid #d0ccc8;
	margin-bottom: 18px;
}
.product_info_img {
	float: left;
	clear: both;
	margin-right: 20px;
	margin-bottom: 20px;
}
.product_info p {
	line-height: 1.6;
}
.small {
	font-size: 14px;
}

/* 栄養成分表 */
#anker2 {
	padding-top: 20px;
}
.product_table1 {
	width: 100%;
	border: 1px solid #efece8;
}
.product_table1 tr + tr {
	border-top: 1px solid #efece8;
}
.product_table1 th {
	background: #f7f5f3;
	width: 170px;
	font-weight: bold;
	text-align: left;
	line-height: 1.6;
	vertical-align: top;
	padding: 20px 0 0 20px;
}
.product_table1 th small {
	display: block;
	font-size: 14px;
}
.product_table1 td {
	line-height: 1.6;
	padding: 20px;
}

/* ご注文の前にご確認ください */
#anker3 {
	padding-top: 20px;
	margin-bottom: 53px;
}
.product_table2 {
	width: 100%;
	border: 1px solid #efece8;
	margin-top: 20px;
}
.product_table2 tr + tr {
	border-top: 1px solid #efece8;
}
.product_table2 th {
	background-color: #f7f5f3;
	width: 226px;
	font-weight: bold;
	text-align: left;
	line-height: 1.7;
	vertical-align: middle;
	padding: 20px 0 20px 0;
}
.product_table2 th small {
	display: block;
	font-size: 14px;
}
.product_table2 td {
	line-height: 1.7;
	padding: 20px;
}
/* テーブル内のアイコン */
.product_table2 th span {
	display: inline-block;
	padding-left: 55px;
}
.product_table_gosiyou {
	background-image: url(images/pc/products/parts/icon_gosiyou.png);
	background-repeat: no-repeat;
	background-position: 22px center;
}
.product_table_gosiyou2 {
	background-image: url(images/pc/products/parts/icon_gosiyou2.png);
	background-repeat: no-repeat;
	background-position: 23px center;
}
.product_table_syoumi {
	background-image: url(images/pc/products/parts/icon_syoumi.png);
	background-repeat: no-repeat;
	background-position: 19px center;
}
.product_table_haisou {
	background-image: url(images/pc/products/parts/icon_haisou.png);
	background-repeat: no-repeat;
	background-position: 17px center;
}
.product_table_plus {
	background-image: url(images/pc/products/parts/icon_maruplus.png);
	background-repeat: no-repeat;
	background-position: 19px center;
}
.product_table_kinsi {
	background-image: url(images/pc/products/parts/icon_kinsi.png);
	background-repeat: no-repeat;
	background-position: 18px center;
}
.product_table_bikkuri {
	background-image: url(images/pc/products/parts/icon_bikkuri.png);
	background-repeat: no-repeat;
	background-position: 18px center;
}
.product_table_ryou {
	background-image: url(images/pc/products/parts/icon_ryou.png);
	background-repeat: no-repeat;
	background-position: 22px center;
}
.hw_img {
	margin-top: 16px;
}
.hw_order {
	margin: 20px 0;
	overflow: hidden;
}
.hw_order li {
	width: 224px;
	float: left;
	margin-left: 22px;
}
.hw_order li:first-child {
	margin-left: 0;
}
.hw_order + p + table {
	margin-top: 40px;
}



/* カテゴリー　監修医、白髪について、抜け毛・薄毛について
-------------------------------------------------------------------------------------------*/
.archive_post {
	margin-bottom: 40px;
	padding-bottom: 30px;
	border-bottom: 1px dashed #b9afa2;
}
.archive_post a {
	opacity: 1;
	transition: opacity 0.2s;
}
.archive_post a:hover {
	opacity: 0.8;
	transition: opacity 0.2s;
}

.archive_img {
	width: 200px;
	height: 136px;
	overflow: hidden;
	float: left;
	margin-right: 20px;
	margin-top: 7px;
}
.archive_img img {
	width: 100%;
	height: auto;
}

.archive_ttl {
	font-size: 20px;
	font-weight: bold;
	line-height: 1.6;
	text-decoration: underline;
	margin-bottom: 10px;
	margin-top: -6px;
}

.archive_post time {
	font-size: 14px;
	display: block;
	margin-bottom: 5px;
}
.archive_post p {
	font-size: 16px;
	line-height: 1.6;
	margin-left: 220px;
}



/* アーカイブ
-------------------------------------------------------------------------------------------*/
.archive_title {
	font-size: 24px;
	line-height: 1.5;
	margin-bottom: 20px;
}

.search_result li {
	line-height: 1.6;
	margin-bottom: 1em;
	margin-left: 20px;
	list-style: disc;
}
.search_result li a {
	text-decoration: underline;
}

/*ページネーション共通*/
.pagenation ul {
	text-align: center;
	clear: both;
}
.pagenation li {
	display: inline-block;
	font-size: 18px;
	text-align: center;
	padding: 4px 4px 3px;
	border: 1px solid #4d453f;
}

.pagenation li a:hover {
	text-decoration: underline;
}
.pagenation .active {
	background: #446FA0;
	border-color: #446FA0;
	color: #fff;
}

/* バックナンバー
-------------------------------------------------------------------------------------------*/
.backnumber_title1 {
	font-size: 24px;
	line-height: 1.5;
	margin-bottom: 20px;
}

.backnumber_list li {
	line-height: 1.5;
	margin-bottom: 1em;
	margin-left: 20px;
	opacity: 1;
	transition: opacity 0.2s;
}
.backnumber_list li a:hover {
	text-decoration: underline;
	opacity: 0.8;
	transition: opacity 0.2s;
}


.bn_post {
	overflow: hidden;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px dashed #b9afa2;
}
.bn_vol {
	display: inline-block;
	margin-right: 20px;
}
.bn_img img {
	width: 100%;
	height: auto;
}
.bn_img {
	width: 200px;
	float: left;
	margin:0 20px 20px 0;
	opacity: 1;
	transition: opacity 0.2s;
}
.bn_img:hover {
	opacity: 0.8;
	transition: opacity 0.2s;
}
.bn_ttl {
	font-size: 18px;
	font-weight: bold;
	line-height: 1.6;
	margin-bottom: 10px;
}
.bn_post p {
	font-size: 16px;
	line-height: 1.6;
	margin-left: 220px;
}




/* 編集可能2カラム共通　監修医のご紹介・会社概要・個人情報・特商法・サイトマップ
-------------------------------------------------------------------------------------------*/
.page_editable2 {

}
.common_table {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #ccc;
}
.common_table th {
	width: 200px;
	background: #efece8;
	border: 1px solid #ccc;
	padding: 10px;
	line-height: 1.6;
	text-align: left;
	vertical-align: top;
}
.common_table td {
	border: 1px solid #ccc;
	padding: 10px;
	line-height: 1.6;
	text-align: left;
	vertical-align: top;
}


/*個人情報*/
.privacy_contents li {
	font-size: 12px;
	text-align: right;
	margin-bottom: 6px;
}
.privacy_contents h3 {
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	margin-top: 40px;
}
.privacy_contents p {
	line-height: 1.5;
	margin-top: 20px;
}
.privacy_contents dt {
	font-weight: bold;
	margin-top: 30px;
}
.privacy_contents dd {
	line-height: 1.5;
	margin-top: 10px;
}

/*個人情報の利用 privacy2*/
.privacy2_contents li {
	margin: 0 0 6px 1.5em;
	line-height: 1.5;
	list-style: decimal;
}
.privacy2_contents h3 {
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	margin-top: 40px;
}
.privacy2_contents p {
	line-height: 1.5;
	margin-top: 20px;
}


/*よくある質問*/
.faq_nav {
	overflow: hidden;
	padding-left: 10px;
}
.faq_nav ul + ul {
	margin-top: 20px;
}
.faq_nav li {
	float: left;
	margin: 0 10px 10px 0;
}
.faq_nav li:nth-child(3n) {
	margin-right: 0;
}
.faq_nav li a {
	display: block;
	width: 240px;
	background: #e1e7ee;
	color: #004686;
	font-size: 20px;
	font-weight: bold;
	padding: 25px 0 25px 39px;
	border: 2px solid;
	border-radius: 5px;
	position: relative;
}
.faq_nav li a:after {
	display: block;
	content: "";
	width: 11px;
	height: 13px;
	background: url(images/pc/common/faq_icon.png) no-repeat 0 0;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 10px;
}
.faq_nav li a small {
	font-size: 14px;
	letter-spacing: -0.1em;
	vertical-align: 2px;
}

.faq_nav li:nth-child(1) a:before {
	display: block;
	content: "";
	width: 31px;
	height: 29px;
	background: url(images/pc/common/faq_icon.png) no-repeat 0 -15px;
	position: absolute;
	top: 21px;
	left: 4px;
}
.faq_nav li:nth-child(2) a:before {
	display: block;
	content: "";
	width: 29px;
	height: 29px;
	background: url(images/pc/common/faq_icon.png) no-repeat 0 -46px;
	position: absolute;
	top: 20px;
	left: 8px;
}
.faq_nav li:nth-child(3) a:before {
	display: block;
	content: "";
	width: 20px;
	height: 32px;
	background: url(images/pc/common/faq_icon.png) no-repeat 0 -77px;
	position: absolute;
	top: 18px;
	left: 11px;
}
.faq_nav li:nth-child(4) a:before {
	display: block;
	content: "";
	width: 28px;
	height: 28px;
	background: url(images/pc/common/faq_icon.png) no-repeat 0 -135px;
	position: absolute;
	top: 20px;
	left: 7px;
}
.faq_nav li:nth-child(5) a:before {
	display: block;
	content: "";
	width: 30px;
	height: 22px;
	background: url(images/pc/common/faq_icon.png) no-repeat 0 -111px;
	position: absolute;
	top: 27px;
	left: 5px;
}

.faq_nav li:nth-child(6) a:before {
	display: block;
	content: "";
	width: 30px;
	height: 30px;
	background: url(images/pc/common/faq_icon.png) no-repeat 0 -164px;
	position: absolute;
	top: 19px;
	left: 5px;
}
.faq_nav li:nth-child(7) a:before {
	display: block;
	content: "";
	width: 25px;
	height: 24px;
	background: url(images/pc/common/faq_icon.png) no-repeat 0 -196px;
	position: absolute;
	top: 23px;
	left: 9px;
}

.faq_contents h4 {
	font-size: 24px;
	font-weight: bold;
	color: #446FA0;
	margin-top: 60px;
	margin-bottom: 16px;
	padding-top: 10px;
	padding-bottom: 6px;
	border-bottom: 1px dashed;
}

.faq_contents .detail li {
	padding: 13px 15px;
	border: 2px solid #446fa0;
	border-radius: 8px;
}
.faq_contents .detail li + li {
	margin-top: 10px;
}
.faq_q {
	font-size: 18px;
	font-weight: bold;
	line-height: 1.6;
	position: relative;
	padding: 2px 40px 2px 30px;
	cursor: pointer;
}
.faq_q:hover {
	text-decoration: underline;
}
.faq_q:before {
	display: block;
	content: "Q";
	width: 26px;
	font-size: 20px;
	line-height: 22px;
	text-align: center;
	background: #F8726E;
	color: #fff;
	border-radius: 2px;
	padding: 3px 0 2px;
	position: absolute;
	top: 2px;
	left: 0;
}
[rel="close"]:after {
	display: block;
	content: "";
	width: 13px;
	height: 11px;
	background: url(images/pc/common/uesita_arrow.png) no-repeat;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 21px;
}
[rel="open"]:after {
	display: block;
	content: "";
	width: 13px;
	height: 11px;
	background: url(images/pc/common/uesita_arrow.png) no-repeat -15px 0;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 21px;
}
.faq_a {
	line-height: 1.6;
	display: none;
	position: relative;
	border-top: 1px dashed #446FA0;
	padding-top: 12px;
	padding-left: 30px;
	margin-top: 12px;
}
.faq_a:before {
	display: block;
	content: "A";
	width: 26px;
	font-size: 20px;
	line-height: 1;
	font-weight: bold;
	text-align: center;
	background: #548ac4;
	color: #fff;
	border-radius: 2px;
	padding: 3px 0 2px;
	position: absolute;
	top: 12px;
	left: 0;
}
.faq_a p {
	margin-left: 50px;
	line-height: 1.6;
}
.faq_a a {
	text-decoration: underline;
}

.faq_tel_box {
	text-align: center;
	margin: 20px 0;
	opacity: 1;
	transition: opacity 0.2s;
}

/*初めての方へ*/
.faq_in_ttl {
	width: 560px;
	color: #fff;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	margin: 0 auto 16px;
	padding: 10px 0;
	border-radius: 10px;
}
.faq_in_ttl.g {
	background: #1b936a;
}
.faq_in_ttl.b {
	background: #446fa0;
	margin-top: 28px;
}
.uketuke {
	font-size: 24px;
	font-weight: bold;
	color: #4d453f;
	margin-top: 10px;
}
.uketuke span {
	color: #afa69f;
}
.uketuke small {
	font-size: 16px;
	vertical-align: 2px;
}

.faq_cntact,
.faq_mypage {
	display: block;
	width: 562px;
	margin: 30px auto 20px;
	opacity: 1;
	transition: opacity 0.2s;
}
.faq_cntact:hover,
.faq_mypage:hover {
	opacity: 0.8;
	transition: opacity 0.2s;
}
.sumikakko {
	display: inline-block;
	text-indent: -8px;
}
.faq_tel_box .ka {
	display: inline-block;
	margin-top: 10px;
}


/*監修医のご紹介*/
.pageslug_doctor .page_title {
	font-size: 22px;
	font-weight: bold;
	color: #446fa0;
	border-top: 2px solid;
	border-bottom: 1px solid;
	padding: 14px 0 13px 50px;
	position: relative;
}
.doctor_info {
	background: #eee;
	overflow: hidden;
	padding: 20px;
	margin-bottom: 20px;
}
.doctor_info img {
	float: left;
	margin-right: 49px;
}
.doctor_info h4 {
	font-size: 24px;
	font-weight: bold;
	margin: 43px 0 20px 0;
}
.doctor_info li {
	font-size: 18px;
	margin-top: 10px;
}
.doctor_contents p {
	line-height: 1.6;
	margin-top: 20px;
}

.doctor_cnt_ttl {
	font-size: 26px;
	font-weight: bold;
	text-align: center;
	background: #f2f2f2;
	padding: 27px 0 26px;
	margin: 45px 0 30px;
}
.doctor_cnt1 {
	overflow: hidden;
}
.doctor_cnt1 img {
	float: right;
	margin-left: 30px;
}
.doctor_cnt2 {
	overflow: hidden;
	margin-bottom: 50px;
}
.doctor_cnt2 img {
	float: left;
	margin-right: 30px;
}
.doctor_cnt_ttl2 {
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	padding: 8px 0 7px;
	background: #f2f2f2;
	margin: 40px 0 20px;
}
.doctor_cnt2_lead {
	font-size: 24px;
	font-weight: bold;
	margin: 41px 0 38px 0;
}
.doctor_cnt3 table {
	width: 100%;
	table-layout: fixed;
	border-top: 2px solid #d5d5d5;
	border-bottom: 2px solid #d5d5d5;
}
.doctor_cnt3 th {
	width: 170px;
	background: #f2f2f2;
	font-size: 16px;
	line-height: 20px;
	text-align: right;
	padding: 14px 18px 13px 0;
	vertical-align: top;

}
.doctor_cnt3 td {
	font-size: 16px;
	line-height: 20px;
	padding: 10px 0 9px 16px;
}
.doctor_cnt3 tr {
	border-bottom: 1px solid #d5d5d5;
}
.doctor_cnt3 tr:last-child {
	border: 0;
}

.doctor_cnt4 {
	overflow: hidden;
}
.doctor_cnt4 ul {
	float: left;
}
.doctor_cnt4 img {
	float: right;
	margin: 0 98px 20px 0;
}
.doctor_cnt_list li {
	list-style: disc;
	margin-left: 106px;
	margin-top: 10px;
}
.doctor_cnt4 hr {
	clear: both;
	height: 0;
	border: 0;
	border-bottom: 2px solid #d5d5d5;
	margin-bottom: 20px;
}
.doctor_cnt4 hr:last-child{
	margin-bottom: 0;
}

.doctor_cnt5 h3 {
	font-size: 22px;
	text-align: center;
	border-top: 2px solid #d5d5d5;
	border-bottom: 1px solid #d5d5d5;
	padding: 9px 0 8px;
	margin-bottom: 20px;
}
.doctor_cnt5 img {
	display: block;
	margin: 33px auto 38px;
}
.doctor_cnt5 hr {
	height: 0;
	border: 0;
	border-bottom: 2px solid #d5d5d5;
	margin-bottom: 40px;
}
.doctor_cnt5 ul {
	margin-bottom: 40px;
}
.doctor_cnt5 li {
	list-style: none !important;
	margin-left: 100px;
}
.doctor_cnt5 ul + h3 {
	margin-top: 40px;
}
.doctor_cnt5 p {
	margin-top: 30px;
	padding: 0 0 49px 100px;
	border-bottom: 2px solid #d5d5d5;
}

/* お買い物ガイド */
.guide_sub_title {
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	background: #f2f2f2;
	padding: 12px 0 13px;
	margin-bottom: 30px;
	margin-top: 40px;
}
.guide_sub_title:first-child{
	margin-top: 0;
}
.guide_contents dt {
	font-size: 18px;
	font-weight: bold;
	color: #D86F5B;
	margin-bottom: 10px;
}
.guide_contents dd {
	font-size: 16px;
	line-height: 1.6;
	margin-bottom: 20px;
}
.guide_contents p {
	font-size: 16px;
	line-height: 1.6;
}
.guide_flow dd:after {
	content: "▼";
	display: block;
	font-size: 18px;
	color: #D86F5B;
	margin-left: 60px;
}
.guide_flow dd:last-child:after {
	display: none;
}

/* サイトマップ */
.sitemap_box {
	padding: 10px 20px 10px;
	border: 2px solid #f0f0f0;
	border-radius: 6px;
	overflow: hidden;
}
.sitemap_box + .sitemap_box {
	margin-top: 20px;
}
.sitemap_contents h2 {
	font-size: 18px;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 1em;
}

.sitemap_contents h3 {
	font-size: 16px;
	border-left: 4px solid #FD888E;
	padding: 3px 0 2px 8px;
	margin: 0px 0 10px ;
}
.sitemap_contents * + h3 {
	
}
.sitemap_box a {
	text-decoration: underline;
	transition: color 0.4s;
}
.sitemap_box a:hover {
	color: #a63d3f;
	transition: color 0.4s;
}
.sitemap_box .cnt_left {
	width: 350px;
	float: left;
}
.sitemap_box .cnt_right {
	width: 350px;
	float: right;
}
.sitemap_box dl  {
	margin-left: 12px;
	margin-bottom: 16px;
}

.sitemap_box dt {
	margin-bottom: 8px;
}
.sitemap_box dd {
	margin-bottom: 8px;
	padding-left: 1em;
}
.sitemap_box li  {
	margin-bottom: 8px;
	padding-left: 12px;
}
.sitemap_box1 {
	padding-bottom: 0px;
}

/* バックナンバー */
.backnumber_body a {
	text-decoration: underline;
}
.takako_profile,
.mailmaga_apply {
	width: 480px;
	display: block;
}
.takako_profile img,
.mailmaga_apply img {
	width: 100%;
	height: auto;
	margin: 20px auto 0;
}


/* ランディングページ(LP)
-------------------------------------------------------------------------------------------*/
/* LP用テンプレート名: 【汎用】ヘッダー・フッターなし */
.other_contents_header {
	border-bottom: 2px solid #fa7b78;
	padding-top: 60px;
}
.noheader_other_container #main {
	width: 800px;
	margin: auto;
	padding-bottom: 100px;
}
.noheader_other_container #main nav {
	width: 800px;
	margin: auto;
	padding: 10px 0;
	
}
.other_contents_header h1 {
	width: 1000px;
	font-size: 32px;
	font-weight: bold;
	word-wrap: break-word;
	line-height: 1.2;
	margin: 0 auto 20px;
}
.noheader_other_container #main section {
	margin-top: 40px;
}
.noheader_other_container #main h2 {
	font-size: 1.6em;
	margin-top: 2.6em;
	margin-bottom: 0.8em;
	padding: 0.5em 0 0.5em 0.6em;
	border-left: 10px solid rgb(250, 123, 120);
	border-bottom: 1px dashed rgb(250, 123, 120);
}
.noheader_other_container #main p {
	font-size: 18px;
	line-height: 1.75;
	margin: 1em 0;
}
.no_header_other_footer {
	border-top: 2px solid #fa7b78;
}
.no_header_other_footer small {
	display: block;
	width: 800px;
	font-size: 14px;
	text-align: center;
	margin: auto;
	padding: 20px 0 30px;
}
#page_top a {
	display: block;
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 999;
	padding: 0 0 0 0;
	border-radius: 30px;
	width: 55px;
	height: 55px;
	background-color: #fa7b78;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	padding-top: 8px;
}



/* 検索結果
-------------------------------------------------------------------------------------------*/
/*タグページ*/
.keyword_title {
	font-size: 20px;
	margin-bottom: 20px;
}



/* 栄養成分から探す
-------------------------------------------------------------------------------------------*/
.component_list {
	overflow: hidden;
}
.component_list li {
	width: 360px;
	background: url(images/pc/common/list_mark1.png) no-repeat 0 center;
	background-size: 6px;
	padding-left: 1em;
	margin-bottom: 20px;
	float: left;
}
.component_list li:nth-child(even) {
	float: right;
}
.component_list li a {
	font-size: 18px;
}
.component_list li a:hover {
	text-decoration: underline;
}


/* 404
-------------------------------------------------------------------------------------------*/
.page404 .page_title {
	font-size: 28px;
	margin-bottom: 40px;
}
.post_body404 p {
	margin-bottom: 40px;
}
.post_body404 a {
	display: block;
	width: 280px;
	color: #6997CA;
	border: 2px solid #6997CA;
	font-size: 16px;
	text-align: center;
	border-radius: 6px;
	padding: 14px;
	margin: auto;
	position: relative;
}
.post_body404 a:hover {
	text-decoration: underline;
}
.post_body404 a:after {
	display: block;
	content: "";
	width: 10px;
	height: 14px;
	background: url(images/pc/common/pc_sprite.png) no-repeat -100px -183px;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 10px;
}

/*　WordPressプラグイン　カスタマイズCSS
-------------------------------------------------------------------------------------------*/
/* YUZO RELATE POST
#YUZO は更新停止のため使用中止 20190603
.post_contents_news .yuzo_related_post {
	display: none !important;
}
.yuzo_related_post {
	margin-top: 120px !important;
}
.relate_ttl {
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 10px;
	border-bottom: 3px solid #446FA0;
	margin-bottom: 40px;
}
.yuzo__text--title {
	font-size: 20px !important;
	font-weight: bold !important;
	line-height: 1.6 !important;
	text-decoration: underline !important;
	margin-bottom: 10px !important;
	margin-top: -6px !important;
}
.yuzo_text {
	display: block !important;
	font-size: 16px !important;
	line-height: 1.6 !important;
	margin-left: 220px !important;
}
.yuzo-list {
			margin: 0 0 40px !important;
			padding: 0 0 30px !important;
			border-bottom: 1px dashed #b9afa2 !important;
}
.yuzo-list:last-child {
	border-bottom: 0 !important;
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}
*/

/*
記事下部の関連記事
Related Posts for WordPress
-----------------------------*/
.rp4wp-related-posts {
	margin-top: 120px;
}
.rp4wp-related-posts h3 {
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 10px;
	border-bottom: 3px solid #446FA0;
	margin-bottom: 40px;
}
.rp4wp-related-posts li {
	overflow: hidden;
	margin: 0 0 40px !important;
	padding: 0 0 30px !important;
	border-bottom: 1px dashed #b9afa2;
}
.rp4wp-related-posts li:last-child {
	border-bottom: 0 !important;
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}
.rp4wp-related-posts a .attachment-thumbnail {
	display: block;
	width: 230px !important;
	height: auto;
	float: left;
	margin-right: 15px;
	margin-bottom: 5px;
}
.rp4wp-related-post-content a {
	display: block;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.6;
	text-decoration: underline;
	margin-bottom: 10px;
	margin-top: -6px;
}



/* ピクセルコードなどによる不要は余白を消す */
.egg_adcode img {
	width: 1px;
	height: 1px;
	opacity: 0;
	position: absolute;
}

[width="1"],
[height="1"],
img[width="1"],
img[height="1"],
[width="0"],
[style="top: -999px; left: -999px; width: 1px; height: 1px;"]{
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	width: 1px;
	height: 1px;
}


/*--------------------------------------------------------------------------------
 商品詳細レビュー用 20181130 added by fujimoto
--------------------------------------------------------------------------------*/
/*トップページのレビューに出るスクロールバーを消す*/
.ranking_area .scroller {
	overflow-y: hidden !important;
}


/*--------------------------------------------------------------------------------
 電話不具合があった場合用 20190403 added by fujimoto
--------------------------------------------------------------------------------*/
.emer_box .emer_ttl {
	display: none;
}
.emergency {
	text-align: left;
	margin: 40px 120px;
	line-height: 1.5;
	font-size: 18px;
}