@charset "utf-8";
/* CSS Document */

hr {
	display: none;
}

#rightcontents em {
	font-weight: bold;
	font-style: normal;
}

dl.list_item,
dl.list_item_jj {
	float: left;
	width: 320px;
	min-height: 195px;
	padding: 15px 14px;
}

.mb20 {
	margin-bottom: 30px;
}

.mb40 {
	margin-bottom: 40px;
}

dl.list_item dt,
dl.list_item_jj dt {
	font-weight: bold;
	width: 318px;
	height: 3.2em;
	vertical-align: bottom;
	display: table-cell;
	padding-bottom: 8px;
	padding-left: 2px;
}

dl.list_item dt {
	color: #060;
	background: url(../images/teikibin/list_item_line.gif) bottom no-repeat;
}

dl.list_item_jj dt {
	color: #c00;
	background: url(../images/teikibin/list_item_jj_line.gif) bottom no-repeat;
}
dl.list_item_jj dt img {
	margin-bottom: 2px;
}

.cpnotes_img {
    width: 100%;
    padding: 10px 0px 10px 0px;
}
/*for IE6 */
* html dl.list_item dt,
* html dl.list_item_jj dt {
	display: inline-block;
	zoom: 1;
	height: auto;
}

/*for IE7 */
*:first-child+html dl.list_item dt,
*:first-child+html dl.list_item_jj dt {
	display: inline-block;
	zoom: 1;
	height: auto;
}


dl.list_item dd.item_image,
dl.list_item_jj dd.item_image {
	float: left;
	width: 100px;
	height: 100px;
	padding-top: 5px;
	padding-right: 7px;
}

dd.nomal_price {
	float: right;
	padding-top: 10px;
	margin-right: 3px;
	_margin-right: 1px;
	height: 22px;
	width: 210px;
}
dd.nomal_price span {
	font-size: 0.75em;
}

dd.teiki_price,
dd.matome_price {
	float: right;
	padding-top: 10px;
	margin-right: 3px;
	_margin-right: 1px;
	height: 20px;
	width: 210px;
}

dd.otokuteiki_price {
	float: right;
	padding-top: 10px;
	margin-right: 3px;
	_margin-right: 1px;
	height: 35px;
	width: 210px;
}

dd.type_select {
	float: right;
	width: 205px;
	padding-left: 5px;
	padding-top: 10px;
}
dd.type_select select {
	width: 200px;
}

dl.list_item dd.nomal_price,
dl.list_item dd.teiki_price {
	border-bottom: dotted 1px #7CBF4B;
}

dl.list_item_jj dd.nomal_price,
dl.list_item_jj dd.teiki_price,
dl.list_item_jj dd.otokuteiki_price,
dl.list_item_jj dd.matome_price {
	border-bottom: dotted 1px #c00;
}


dd.nomal_price dl dt {
	float: left;
	background: url(../images/teikibin/nomal_price_h.gif) no-repeat;
	width: 48px;
	height: 14px;
	text-indent: -9999px;
}

dd.teiki_price dl dt {
	float: left;
	background: url(../images/teikibin/teiki_price_h.gif) no-repeat;
	width: 134px;
	height: 16px;
	text-indent: -9999px;
}

dd.otokuteiki_price dl dt,
dd.matome_price dl dt {
	float: left;
	width: 134px;
	text-indent: -9999px;
}
dd.otokuteiki_price dl dt {
	height: 30px;
	background: url(../images/teikibin/otokuteiki_price_h.gif) no-repeat;
}
dd.matome_price dl dt {
	height: 16px;
	background: url(../images/teikibin/matome_price_h.gif) no-repeat;
}

dd.nomal_price dl dd,
dd.teiki_price dl dd,
dd.otokuteiki_price dl dd,
dd.matome_price dl dd {
	float: right;
	font-size: 15px;
	font-weight: bold;
	text-align: right;
}

dd.otokuteiki_price dl dd {
	padding-top: 10px;
}

dd.buy_btn {
	float: right;
	margin-top: 8px;
	margin-right: 5px;
	_margin-right: 2px;
}

.teiki_list_button {
	width: 197px;
	height: 27px;
}


/* 定期便説明ページへのリンク　201911実装 */
.regular_service{
	margin-bottom: 30px;
	text-align: center;
}
.regular_service__text{
	text-align: left;
	font-size: 1.4em;
	width: 94%;
	margin: 0 auto 20px auto;
}
.regular_service__frame{
	margin-bottom: 15px;
}
.regular_service__list{
	background: #4a729d;
	color: #fff;
	font-weight: bold;
	font-size: 1.5em;
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	line-height: 1.3;
	padding: 15px 0;
	margin: 0px 10px 10px 10px;
	border-radius: 5px;
}
.regular_service__list:first-of-type{
	position: relative;
}
.regular_service__list strong{
	font-size: 1.6em;
}
.regular_service__list .minichu{
	font-size: 0.5em;
	font-weight: normal;
	display: block;
	position: absolute;
	bottom: 5px;
	right: 5px;
}
.regular_service__btn{
	width: 96%;
	display: block;
	padding: 10px 0;
	margin: 0 auto;
	border-radius: 5px;
	border-style: none;
	background: #e9f2fc url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 10 18"><polygon fill="%234a729d" points="10,9 0.9,18 0,17.1 8.2,9 0,0.9 0.9,0 "/></svg>') no-repeat right center;
	background-size: 35% 35%;
	background-position: right -20% center;
	border: 1px solid #4a729d;
}
#contents_area a.regular_service__btn,
#contents_area a.regular_service__btn:link,
#contents_area a.regular_service__btn:visited{
	color: #4a729d;
	text-decoration: none;
	font-size: 1.2em;
}

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

.regular_service__frame{
	display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.regular_service__text{
	text-align: center;
}
.regular_service__list{
	width: 32%;
	margin: 0;
}
.regular_service__list strong{
	display: block;
}

}

@media only screen and (max-width: 768px){
.pc_br{
	display: none;
}
}


/* 定期便説明ページ */
@media only screen and (min-width: 768px){
#regular_info {
	z-index: 1000;
}
}

#regular_info {
	float: left;
	position: relative;
	margin-bottom: 20px;
}

#regular_info_visual {
	float: left;
	background: url(../images/teikibin/regular_info_visual.gif) no-repeat;
	width: 700px;
	height: 130px;
}

#regular_info_visual p {
	text-indent: -9999px;
}

#regular_info .regular_info_btn {
	position: absolute;
	top: 56px;
	left: 18px;
}
#regular_info .rule0101 {
	position: absolute;
	top: 108px;
	left: 127px;	
}

#jour_regular_info {
	margin: 20px 17px 5px;
	position: relative;
}

#jour_regular_info_visual {
	float: left;
	background: url(../images/teikibin/jour_regular_info_visual.gif) no-repeat;
	width: 660px;
	height: 25px;
}

#jour_regular_info_visual p {
	text-indent: -9999px;
}

#jour_regular_info p {
	padding-top: 10px;
	line-height: 2em;
}
#jour_regular_info p a:link,
#jour_regular_info p a:visited {
	color: #c00;
}
#jour_regular_info p a:hover,
#jour_regular_info p a:active {
	color: #f00;
}

#regular_privilege_h {
	float: left;
	background: url(../images/teikibin/teiki_privilege.gif) 50% no-repeat;
	width: 700px;
	height: 60px;
}
#regular_privilege_h h2 {
	text-indent: -9999px;
}


/* Contents | teiki_info
--------------------------------------------------*/

.teiki_info__image{
	text-align: center;
	margin-top: 15px;	
	margin-bottom: 30px;
}
.teiki_info__image img{
	display: inline-block;
}



/* Contents | privilege_2
--------------------------------------------------*/

#regular_privilege_2_h {
	float: left;
	background: url(../images/teikibin/regular_privilege_2_h.gif) no-repeat;
	width: 700px;
	height: 55px;
	display: block;
	text-indent: -9999px;
	margin-bottom: 20px;
}

#regular_privilege_2 {
	float: left;
	width: 599px;
	padding: 0 50px;
	margin-bottom: 20px;
}

#regular_privilege_2_cycle_h {
	background: url(../images/teikibin/regular_privilege_2_cycle_h.gif) no-repeat;
	width: 599px;
	height: 30px;
	margin-bottom: 8px;
}
#regular_privilege_2_cycle_h h5,
#regular_privilege_2_cycle_h p {
	text-indent: -9999px;
}

#regular_privilege_2_cycle_visual {
	margin-bottom: 20px;
}


#regular_privilege_2_day_h {
	float: left;
	background: url(../images/teikibin/regular_privilege_2_day_h.gif) no-repeat;
	width: 599px;
	height: 30px;
	display: block;
	text-indent: -9999px;
}

#regular_privilege_2_day_info {
	float: left;
	background: url(../images/teikibin/regular_privilege_2_day_info.gif) no-repeat;
	width: 599px;
	height: 120px;
}
#regular_privilege_2_day_info dl,
#regular_privilege_2_day_info p {
	text-indent: -9999px;
}

#regular_privilege_2_day_info2 {
	float: left;
	background: url(../images/teikibin/regular_privilege_2_day_info2.jpg) no-repeat;
	width: 599px;
	height: 140px;
	margin-bottom: 20px;
}
#regular_privilege_2_day_info2 p {
	text-indent: -9999px;
}



#regular_privilege_2_conbi_h {
	float: left;
	background: url(../images/teikibin/regular_privilege_2_conbi_h.gif) no-repeat;
	width: 599px;
	height: 30px;
	display: block;
	text-indent: -9999px;
}

#regular_privilege_2_conbi_obj {
	float: left;
	width: 579px;
	padding: 10px;
	border-bottom: 1px solid #f60;
}

#regular_privilege_2_conbi_text {
	float: left;
	width: 579px;
	padding: 10px;
	font-size: 0.8em;
	margin-bottom: 20px;
}

#postin_about_title {
	display: inline;
	border: 1px solid #F60;
	background-color: #FFC;
	color: #F60;
	padding: 5px;
	font-weight: bold;
}

.postin_about_txt {padding: 10px 0 15px 0;}


/* Contents | privilege_3
--------------------------------------------------*/

#regular_privilege_3_h {
	float: left;
	background: url(../images/teikibin/regular_privilege_3_h.gif) no-repeat;
	width: 700px;
	height: 56px;
	display: block;
	text-indent: -9999px;
	margin: 20px 0;
}

#regular_privilege_3 {
	float: left;
	width: 599px;
	padding: 0 50px;
	margin-bottom: 40px;
}

#regular_privilege_3_info {
	float: left;
	background: url(../images/teikibin/regular_privilege_3_info.gif) no-repeat;
	width: 599px;
	height: 43px;
	text-indent: -9999px;
	margin-bottom: 10px;
}

#regular_privilege_3_attention_h {
	float: left;
	background: url(../images/teikibin/regular_privilege_3_attention_h.gif) no-repeat;
	width: 599px;
	height: 45px;
	text-indent: -9999px;
	display: block;
	margin-top: 20px;
}


/* sub Contents | privilege_3_attention
--------------------------------------------------*/

#regular_privilege_3_attention {
	float: left;
	background: url(../images/teikibin/regular_privilege_3_attention_back.gif) 0 bottom no-repeat;
	width: 599px;
	padding: 0 10px 12px;
}

#regular_privilege_3_attention_text {
	float: left;
	background: url(../images/teikibin/regular_privilege_3_attention_text.gif) no-repeat;
	width: 579px;
	height: 30px;
	text-indent: -9999px;
	margin-bottom: 10px;
}

#regular_privilege_3_attention dl dd {
	float: left;
	margin-bottom: 10px;
}

#regular_privilege_3_attention_1_h {
	float: left;
	background: url(../images/teikibin/regular_privilege_3_attention_1_h.gif) no-repeat;
	width: 579px;
	height: 28px;
	text-indent: -9999px;
}

#regular_privilege_3_attention_2_h {
	float: left;
	background: url(../images/teikibin/regular_privilege_3_attention_2_h.gif) no-repeat;
	width: 579px;
	height: 28px;
	text-indent: -9999px;
}

.teiki_rule0101 {
	margin: 20px auto;
	text-indent: -9999px;
	background: url(../images/teikibin/rule0101_btn.gif) no-repeat;
	width: 462px;
	height: 82px;
}

.teiki_rule0101 a {
	width: 462px;
	height: 82px;
	display: block;
}

#new_rule {
	float: left;
	margin: 10px 0 20px 0;
	text-indent: -9999px;
	background: url(../images/teikibin/rule0101.gif) no-repeat;
	width: 599px;
	height: 308px;
}



/* Contents | Q&A
--------------------------------------------------*/

#regular_qanda_h {
	float: left;
	background: url(../images/teikibin/regular_qanda_h.gif) no-repeat;
	width: 700px;
	height: 55px;
	text-indent: -9999px;
	display: block;
	margin-bottom: 20px;
}

.regular_qanda_separation {
	float: left;
	width: 700px;
	border-bottom: 2px dashed #f93;
	margin: 30px 0;
}

.regular_qanda_qaset {
	width: 579px;
	height: 40px;
	text-indent: -9999px;
	margin-bottom: 10px;
}

.regular_qanda_text {
	margin-bottom: 1em;
}
.regular_qanda_text em {
	color: #f00;
}

#regular_qanda_1 {
	float: left;
	width: 579px;
	padding: 0 60px;
}

#regular_qanda_1_q {
	background: url(../images/teikibin/regular_qanda_1_q.gif) no-repeat;
}

#regular_qanda_1_a {
	background: url(../images/teikibin/regular_qanda_1_a.gif) no-repeat;
}

#regular_qanda_1 img {
	margin-bottom: 15px;
}


#regular_qanda_2 {
	float: left;
	width: 579px;
	padding: 0 60px;
}

#regular_qanda_2_q {
	background: url(../images/teikibin/regular_qanda_2_q.gif) no-repeat;
}

#regular_qanda_2_a {
	background: url(../images/teikibin/regular_qanda_2_a.gif) no-repeat;
}


#bottom_info_lead {
	float: left;
	_text-align: center;
	width: 619px;
}

#bottom_info_lead .regular_info_btn {
	display: block;
	margin-left: 120px;
	_margin-left: 0px;
	width: 380px;
	height: 50px;
}


.asterisk {
	padding-left: 1em;
	text-indent: -1em;
	line-height: 1.4em;
}




@media only screen and (max-width: 768px){

#tab_allitems{
	display: none !important;
}

}






/* 定期便について　20200114
-------------------------------------------------- */
.head_title{
	border-top: 1px solid #8bc901;
	border-bottom: 1px solid #8bc901;
	background: #f1fae0;
	height: 45px;
	color: #336633;
	font-size: 2.3em;
	text-align: center;
	margin-bottom: 15px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.guide__normal_heading{
	font-size: 29px;
	line-height: 31px;
	border-top: 1px solid #8bc901;
	border-bottom: 1px solid #8bc901;
	background: #e9f4eb;
	padding: 8px 10px;
	margin-bottom: 13px;
	color: #336633;
}
.guide__normal_heading .benefits{
	background: #336633;
	color: #fff;
	font-size: 0.85em;
	padding: 2px 4px;
	margin-right: 5px;
}

.teiki_info{
	margin: 0 2% 15px 2%;
}

.teiki_object{
	border: 1px solid #ff6600;
	padding: 15px;
	margin-bottom: 10px;
}
.mini_note{
	font-size: 0.8em;
	margin-bottom: 20px;
}


.teiki_info__faq{
	margin: 0 2%;
}

/*-------.cateAnswer----------*/
.cateAnswer dl{
	margin-bottom: 15px;
}
.cateAnswer dl dt{
	border: 1px dotted #6ca250;
	padding: 10px 35px 10px 35px;
	margin-bottom: 10px;
	background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 38 34"><path fill="%236ca250" d="M23.6,31.9c-0.7-0.9-1-1.3-3.4-3.7c-2.1,1.2-4,1.7-6.7,1.7c-3.8,0-7.1-1.2-9.4-3.6C1.4,23.6,0,19.7,0,15.1C0,6,5.4,0,13.6,0C21.8,0,27,5.8,27,14.9c0,2.5-0.4,4.7-1.2,6.7c-0.7,1.6-1.2,2.5-2.7,4.3l1,1c0.8,0.8,1.5,1.4,2.4,2L23.6,31.9z M16.9,19.6c0.6,0.8,1.3,1.5,2.8,2.9c1.6-2,2.2-4.1,2.2-7.7c0-3.6-1-6.5-2.9-8.4c-1.4-1.4-3.4-2.2-5.6-2.2c-2.2,0-4.1,0.8-5.6,2.2C6,8.3,5,11.3,5,15c0,6.5,3.4,10.8,8.6,10.8c1.2,0,2.2-0.2,3.3-0.7c-1.1-1.1-1.8-1.7-2.9-2.5L16.9,19.6z" /></svg>') no-repeat 10px 10px;
	background-size: 22px;
}
.cateAnswer dl dd{
	padding-left: 35px;
	padding-bottom: 10px;
	background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 40 32"><path fill="%23c1272d" d="M25,32c-0.2-1.3-0.7-3.1-1.1-4.2l-1.6-4.4H9.4l-1.6,4.4c-0.7,1.9-0.9,2.5-1.2,4.2H0c0.6-1.1,1.4-2.9,2.1-4.7L11,4.1c0.8-2,1.1-3,1.3-4.1h7c0.2,1,0.4,1.6,1.4,4.1l8.9,23.2c1,2.6,1.5,3.7,2.1,4.7H25z M16.5,6.9c-0.2-0.4-0.3-0.9-0.7-2.3c-0.6,1.9-0.6,1.9-0.8,2.3l-4.2,11.9h10L16.5,6.9z" /></svg>') no-repeat 10px 2px;
	background-size: 22px;
}

.cateAnswer a:link,
.cateAnswer a:visited{
	text-decoration: underline;
}
.cateAnswer ul.normalList li{
	list-style-type: disc;
	margin: 3px 0px 0px 20px;
}









/* 定期画面リニューアルのお知らせ
--------------------------------------------------
.info_contents {
	width: 682px;
	text-indent: -9999px;
}

.info_contents h3 { 
	background: url(../images/teikibin/renewal/teiki_info.png) no-repeat;
	width: 682px;
	height: 328px;
	text-indent: -9999px;
}

.info_contents h4 { 
	background: url(../images/teikibin/renewal/box_btn.png) no-repeat;
	width: 442px;
	height: 73px;
	text-indent: -9999px;
}


 
--------------------------------------------------*/


/*

#privilege_h {
	background: url(../images/teikibin/teiki_privilege.gif) no-repeat;
	width: 700px;
	height: 24px;
	text-indent: -9999px;
	display: block;
}

#privilege {
	overflow: hidden;
	width: 700px;
}

#privilege h3 {
	overflow: hidden;
	width: 700px;
	height: 62px;
	text-indent: -9999px;
	display: block;
	margin-bottom: 20px;
	margin-top: 10px;
}

#privilege1_h {
	background: url(../images/teikibin/teiki_privilege_1.gif) no-repeat;
}

#privilege2_h {
	background: url(../images/teikibin/teiki_privilege_2.gif) no-repeat;
}

#privilege3_h {
	background: url(../images/teikibin/teiki_privilege_3.gif) no-repeat;
}

#privilege4_h {
	background: url(../images/teikibin/teiki_privilege_4.gif) no-repeat;
}

#privilege5_h {
	background: url(../images/teikibin/teiki_privilege_5.gif) no-repeat;
}


.container {
	overflow: hidden;
	width: 620px;
	padding: 0 40px;
	margin-bottom: 30px;
}

#privilege2_cycle_h {
	overflow: hidden;
	background: url(../images/teikibin/teiki_privilege_2_cycle.gif) no-repeat;
	width: 620px;
	height: 16px;
	text-indent: -9999px;
	margin-bottom: 20px;
}

#privilege2_appoint_h {
	overflow: hidden;
	background: url(../images/teikibin/teiki_privilege_2_appoint.gif) no-repeat;
	width: 620px;
	height: 16px;
	text-indent: -9999px;
	margin-top: 30px;
	margin-bottom: 20px;
}

#privilege2_appoint_text {
	float: left;
	width: 320px;
}

#privilege2_appoint_visual {
	float: left;
}


#privilege2_joint_h {
	overflow: hidden;
	float: left;
	background: url(../images/teikibin/teiki_privilege_2_joint.gif) no-repeat;
	width: 620px;
	height: 16px;
	text-indent: -9999px;
	margin-top: 30px;
	margin-bottom: 20px;
}

#privilege2_joint_text {
	float: left;
	width: 380px;
	padding-left: 30px;
}

#privilege2_joint_text2 {
	float: left;
	width: 575px;
	padding-left: 20px;
	margin-top: 15px;
}

#privilege2_joint_visual {
	float: left;
	margin-left: 20px;
	_margin-left: 10px;
}

#privilege3_text {
	margin-bottom: 10px;
}

.target_info {
	margin-top: 10px;
	color: #f00;
}

#privilege5_visual {
	float: left;
}

#privilege5_text {
	float: left;
	padding-left: 30px;
	padding-top: 20px;
}

*/