@charset "utf-8";

/************************************************

	トップページ

*************************************************/

/*--------------------
	トップお知らせ
--------------------*/

.news_cont{
    width:100%;
    margin: 15px 0;
}
.news_inn{
    width:1050px;
    margin:0 auto;
}
.news_inn dt {
    width: 100px;
    text-align: center;
    float: left;
    background:#5CBFEF;
    color:#fff;
    font-weight:bold;
    margin-right:40px;
    padding: 2px 0;
}
.news_inn span {
    /*margin-right:40px;*/
}
.news_inn a{
    /*text-decoration:underline;*/
}
.news_link {
	padding: 10px 0;
	font-size: 110%;
	text-decoration: underline;
}

.birthday_info {
	padding: 10px;
    text-align: center;
    background: #ff8;
}

.birthday_info dt {
	margin-right: 10px;
    background: #f00;
    color: #fff;
    padding: 5px 10px;
    display: inline-block;
    font-weight: bold;
}

.birthday_info dd {
	padding: 5px 0;
    display: inline-block;
    text-decoration: underline;
    font-size: 120%;
}

#header_2 .birthday_info {
	display: none;
}

/*--------------------
	クイズ
--------------------*/
.sec01{
	width:100% ;
	background: url(../../img/common/bk_01.gif) repeat;
}
.sec01_inn{
	width:1050px;
	margin:0 auto;
}
#quiz_box,
#quiz_box_cp {
	background: url(../../img/quiz_bk01.gif);
	position: relative;
	border-radius: 18px;
	border: 7px solid #00C0DE;
}
#quiz_box:after,
#quiz_box_cp:after {
	content: "";
	display: block;
	background: url(../../img/quiz_ttl.png) no-repeat;
	width: 1050px;
	height: 232px;
	position: absolute;
	top: -7px;
	left: -7px;
}
#quiz_box_cp:after {
	content: "";
	display: block;
	background: url(../../img/quiz_ttl_cp.png) no-repeat;
	width: 1050px;
	height: 232px;
	position: absolute;
	top: -23px;
	left: -7px;
}

.quiz_box_inner {
	width: 750px;
	padding: 15px 20px 15px 20px;
	border: 2px solid #999;
	border-radius: 15px;
	position: relative;
}
.quiz_box_inner:after {
	background: url(../../img/quiz_img01.png) no-repeat;
	background-size: 32px 36px;
	content: "";
	display: block;
	width: 32px;
	height: 36px;
	position: absolute;
	top: 210px;
	right: -32px;
}
.quiz_item01 {
	position: absolute;
	top: 58px;
	right: -5px;
	z-index: 5;
}
.question_ttl {
	color: #fff;
	font-size: 160%;
	font-weight: bold;
	background: #F67196;
	padding: 3px 10px;
	margin: 0 auto;
	width: 100px;
	text-align: center;
	border-radius: 5px;
}
.quiz_important {
	display: inline-block;
	border-bottom: 2px solid #EE5E5E;
	line-height: 1em;
}
.h2_question {
	font-size: 170%;
}
[class^="choice_item"] {
	font-size: 131%;
	line-height: 1.4em;
	font-weight: bold;
	background: #FCFFD7;
	border: 7px solid #BFE6F9;
	border-radius: 60px;
	width: 370px;
	height: 85px !important;
	box-sizing: border-box;
/*float: left;
	box-sizing: border-box;
	margin: 0 10px 10px 0;*/
}
                                       /*[class^="choice_item"]:nth-of-type(even) {
	margin-right: 0;
}
[class^="choice_item"]:nth-last-of-type(-n+2) {
	margin-bottom: 0;
}*/
                                       [class^="choice_item"] span {
	display: block;
	padding: 15px 30px 15px 75px;
	/*margin: 21px 0 21px !important;*/
}
.choice_box {
	position: relative;
	z-index: 2;
}
.choice_box a{
	float: left;
	box-sizing: border-box;
	margin: 0 10px 10px 0;
}
.choice_box a:nth-of-type(even) {
	margin-right: 0;
}
.choice_box a:nth-last-of-type(-n+2) {
	margin-bottom: 0;
}

/*[class^="choice_item"] a {
	display: block;
	width: 100%;
	height: 100%;
}*/
.choice_box a:focus {
	outline: none;
}
.choice_item1 span {
	background: url(../../img/common/ico/ico_arrow05.gif) no-repeat right 10px center, url(../../img/quiz_ico_q1.png) no-repeat 10px center;
	background-size: 19px 20px, 55px 54px;
}
.choice_item2 span {
	background: url(../../img/common/ico/ico_arrow05.gif) no-repeat right 10px center, url(../../img/quiz_ico_q2.png) no-repeat 10px center;
	background-size: 19px 20px, 55px 54px;
}
.choice_item3 span {
	background: url(../../img/common/ico/ico_arrow05.gif) no-repeat right 10px center, url(../../img/quiz_ico_q3.png) no-repeat 10px center;
	background-size: 19px 20px, 55px 54px;
	/*margin: 10px 0 21px !important;*/
}
.choice_item4 span {
	background: url(../../img/common/ico/ico_arrow05.gif) no-repeat right 10px center, url(../../img/quiz_ico_q4.png) no-repeat 10px center;
	background-size: 19px 20px, 55px 54px;
}
.hideframe {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
	box-sizing: border-box;
	padding: 75px 20px 15px;
}
h3.ok {
	font-size: 230%;
	border-bottom: 1px solid #EE5E5E;
	padding: 10px;
	text-shadow: 1px 1px 0 #fff, -1px -1px 0 #fff;
}
h3.ok span {
	display: block;
	background: url(../../img/quiz_ico_true.gif) no-repeat center center;
	background-size: 59px;
	line-height: 59px;
}
.no h3 {
	font-size: 230%;
	border-bottom: 1px solid #559EE1;
	padding: 10px;
	text-shadow: 1px 1px 0 #fff, -1px -1px 0 #fff;
}
.no h3 span {
	display: block;
	background: url(../../img/quiz_ico_false.gif) no-repeat center center;
	background-size: 59px 60px;
	line-height: 60px;
}
.no p {
	width: 430px;
	padding: 10px;
	font-size: 110%;
	background: #FCFFD7;
	margin: 0 auto;
}

.quize_btn_wrap {
	display: flex;
	justify-content: center;
}

/*--------------------
	商品ラインナップ
--------------------*/

.sec02{
    width:100% ;
    background: url(../../img/common/bk_02.gif) repeat;
}
.sec02_inn{
    width:1050px;
    margin:0 auto;
}
.linup_list{
    float:left;
    margin:0 20px 15px 0;
}
.linup_list dt{
    margin-bottom:5px;
}

/*--------------------
	おすすめの商品
--------------------*/

.sec03{
    width:100% ;
    background: url(../../img/common/bk_03.gif) repeat;
}
.sec03_inn{
    width:1050px;
    margin:0 auto;
}
.reco_list{
    float:left;
    position:relative;
    margin-right:15px;
}
.reco_list dt img {
	border-radius:16px;
}
.reco_list dd{
    position:absolute;
    top: 245px;
    left: 15px;
}
.btn_b {
    text-align:center;
    margin-top:20px;
}

/*--------------------
	シャボン玉チャンネル
--------------------*/

.sec04{
    width:100% ;
    background: url(../../img/common/bk_02.gif) repeat;
}
.sec04_inn{
    width:1050px;
    margin:0 auto;
}
.channel_list{
    float:left;
}
.channel_list dl{
    position:relative;
}
.channel_list dd{
    position:absolute;
    top: 40px;
    left: 53px;
}

.channel_ttl_wrap {
	display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 15px;
}

.channel_ttl{
    text-align: center;
    font-size: 170%;
    font-weight: bold;
    /*margin-bottom: 15px;*/
}

.channel_ttl .channel_ttl_img01 {
	padding-right: 5px;
}

.channel_ttl .channel_ttl_img02 {
	padding-right: 5px;
}

/*--------------------
	ブランドで選ぶ
--------------------*/

.sec05{
    width:100% ;
    background: url(../../img/common/bk_03.gif) repeat;
}
.sec05_inn{
    width:1050px;
    margin:0 auto;
}
.brand_list{
    width:246px;
    float:left;
    margin:0 20px 20px 0;
}
.brand_list dl{
    margin-bottom:5px;
	height: 190px;
}
.brand_list dd{
    padding:5px;
    background:#fff;
    border-right: 1px solid #D3D9E5;
    border-bottom: 1px solid #D3D9E5;
    border-left: 1px solid #D3D9E5;
}


/*--------------------
	友の会 入会案内
--------------------*/

.sec06{
    width:100% ;
    background: url(../../img/common/bk_01.gif) repeat;
}
.sec06_inn{
    width:1050px;
    margin:0 auto;
}
.tomo_cont{
    background:#fff;
    border:10px solid #F07777;
    border-radius:20px;
}
.h3_ttl01 {
	padding: 5px 0 15px 0;
    background:#F07777;
}
.tomo_cont ul{
    margin: 20px 35px;
}
.tomo_cont li{
    float:left;
}

/*--------------------
	季節のおすすめ商品
--------------------*/

.sec07{
    width:100% ;
    background: url(../../img/common/bk_02.gif) repeat;
}
.sec07_inn{
    width:1050px;
    margin:0 auto;
}
.seasons_main_bnr{
    position:relative;
}
.seasons_main_bnr dd{
    position:absolute;
    top: 195px;
    left: 25px;
}
.seasons_main_bnr02{
    position:relative;
}
.seasons_main_bnr02 dd{
    position:absolute;
    top: 90px;
    right: 50px;
}

.seasons_main_bnr02 dd:last-child {
	top: 203px;
	right: 20px;
}

.seasons_copy{
    text-align:center;
    margin-bottom: 25px;
    font-size: 115%;
}

/*--------------------
	人気アイテムランキング
--------------------*/

.sec08{
    width:100% ;
    background: url(../../img/common/bk_03.gif) repeat;
}
.sec08_inn{
    width:1050px;
    margin:0 auto;
}
.ppl_item{
    background:#fff;
    border:7px solid #C4DDF4;
    padding:15px;
    width:296px;
    border-radius: 18px;
    font-size: 110%;
    float:left;
    margin-right: 15px;
    position: relative;
}
.ppl_productName01{
    background: url(../../img/ppl_01.gif) left no-repeat;
    padding-left:65px;
    height:50px;
}
.ppl_productName01 a{
    color:#00A6FF;
    text-decoration:underline;
}
.ppl_productName02{
    background: url(../../img/ppl_02.gif) left no-repeat;
    padding-left:65px;
    height:50px;
}
.ppl_productName02 a{
    color:#00A6FF;
    text-decoration:underline;
}
.ppl_productName03{
    background: url(../../img/ppl_03.gif) left no-repeat;
    padding-left:65px;
    height:50px;
}
.ppl_productName03 a{
    color:#00A6FF;
    text-decoration:underline;
}
.ppl_img{
    text-align:center;
}
.ppl_review a{
    background:url(../../img/common/ico/ico_arrow01.gif) right no-repeat;
    float:right;
    padding-right: 20px;
    text-decoration:underline;
}
.ppl_cart{
    margin-top:15px;
}

/*--------------------
	バナーエリア
--------------------*/

.sec09{
    width:100% ;
    background: url(../../img/common/bk_02.gif) repeat;
}
.sec09_inn{
    width:1050px;
    margin:0 auto;
}
.bnr_area {
    position:relative;
}
.bnr_area dd{
    position:absolute;
    bottom:15px;
    left:35px;
}


/*--------------------
	ニュース・トピックス
--------------------*/
.sec10{
    width:100% ;
    background: url(../../img/common/bk_03.gif) repeat;
}
.sec10_inn{
    width:1050px;
    margin:0 auto;
}
.news_area dl{
    width: 100%;
    margin: 0 auto;
    border-top: 1px dotted #929292;
    padding: 15px 0 15px 0;
    background: url(../../img/common/ico/ico_arrow01.gif) right 50% no-repeat;
    transition: 0.8s;
    font-size:110%;
}
.news_area{
    border-bottom: 1px dotted #929292;
}
.news_area dt{
    width: 90px;
    text-align: center;
    float: left;
}

.news_01{
    background: #1FA810;
    font-weight: bold;
    color: #fff;
    display: inline;
    padding: 1px 8px;
}
.news_02{
    background: #5CBFEF;
    font-weight: bold;
    color: #fff;
    display: inline;
    padding: 1px 8px;
}
.news_03{
    background: #EE5E5E;
    font-weight: bold;
    color: #fff;
    display: inline;
    padding: 1px 8px;
}
.news_04{
    background: #FF8B00;
    font-weight: bold;
    color: #fff;
    display: inline;
    padding: 1px 8px;
}
.news_area dd span {
    padding: 0 20px;
}
.news_area dl:hover {
	background-color:#F4F0E3;
    opacity:0.8;
	background-image:url(../../img/common/ico/ico_arrow01.gif);
    background-position: right 50%;
    background-repeat: no-repeat;
}

/*--------------------
	ニュース・トピックス
--------------------*/
.sec11{
    width:100% ;
    background: url(../../img/common/bk_02.gif) repeat;
}
.sec11_inn{
    width:1050px;
    margin:0 auto;
}
.f_bnr_list {
    width:343px;
    float:left;
    margin-right:10px;
}

.f_bnr_list:nth-child(3n) {
	margin-right: 0;
}

.f_bnr_list dd{
    padding: 5px;
    background: #fff;
    border-right: 1px solid #D3D9E5;
    border-bottom: 1px solid #D3D9E5;
    border-left: 1px solid #D3D9E5;
}
.f_bnr_list dl{
    margin-bottom:5px;
}

/************************************************

	下層

*************************************************/
#ctg_header {
	width: 100%;
	background: url(../../products/images/pro_bk01.jpg);
}
#ctg_header h2 {
	width: 1050px;
	margin: 0 auto;
}
.sec_under01 {
	width: 1050px;
	margin: 0 auto;
}


.sec_under_inn01 {
	box-sizing: border-box;
	width: 1010px;
	margin: 0 20px;
}

.sec_under_inn02{
	width: 1010px;
	margin: 0 20px;
	background: url(../../img/common/bk_03.gif) repeat;
	box-sizing: border-box;
}


#bread {
	margin-top: 10px;
}

/*--------------------
	商品詳細
--------------------*/
.item_header {
	margin-top: 30px;
}
.item_header h3 {
	font-size: 180%;
	border-bottom: 3px solid #00B5CE;
	padding-bottom: 5px;
}
.item_header p {
	font-size: 140%;
	color: #00B3CC;
	padding-top: 10px;
}

.display_screen01  {
	position: relative;
	width: 456px;
	height: 456px;
	overflow: hidden;
}
.display_screen01 li {
	position: absolute;
	top: 0;
	left: 0;
}

.display_case_list01 {
	width:460px;
	margin-top: 15px;
}
.display_case_list01 li {
	float: left;
	border: 2px solid #D4D4D4;
	margin-right: 8px;
	box-sizing: border-box;
}
.display_case_list01 li:last-of-type {
	margin-right: 0;
}
.display_case_list01 li.current,
.display_case_list01 li:hover {
	border: 2px solid #00A1E9;
}

.sns_li_list01 li {
	float: left;
	margin-right: 10px;
}
.sns_li_list01 li:last-of-type {
	margin-right: 0;
}
.li_show_case01,
.li_show_case02,
.li_show_case03 {
	width: 1010px;
	line-height: 2em;
}
.li_show_case01 li,
.li_show_case02 li {
	float: left;
	margin-right: 20px;
	width: 186px;
}
.li_show_case02 li {
	margin-right: 35px;
	width: 225px;
}
.li_show_case01 li:last-child,
.li_show_case02 li:last-of-type {
	float: left;
	margin-right: 0;
}
.li_show_case01 p:not(.item_name01),
.li_show_case02 p:not(.item_name02) {
	font-size: 110%;
}

.item_pht01 {
	border: 2px solid #D4D4D4;
	box-sizing: border-box;
	width: 100%;
}

.item_name01 {
	font-size: 130%;
	font-weight: bold;
	line-height: 1.5em;
	height: 50px;
}
.item_name02 {
	font-size: 130%;
	line-height: 1.5em;
}
.more_btn01 img {
	cursor: pointer;
	-webkit-transition: opacity 1s ease-out;
	-moz-transition: opacity 1s ease-out;
	-ms-transition: opacity 1s ease-out;
	transition: opacity 1s ease-out;
}
.more_btn01:hover img {
	opacity: .7;
	-webkit-opacity: .7;
	-moz-opacity: .7;
}

.text_box01 {
  width:620px;
  }

.small01 {
  font-size: 75%;
  }

.bg01{
  background:#F1F0DF;
  }

.bg02{
  background: #E6EFEF;
  }

.video_area01 {
	width: 970px;
	margin: 0 auto;
}

.mtnk_cnt{
  position:relative;
  }
.mtnk_prc01{
  position:absolute;
  bottom: 25px;
  right: 327px;
  }
.mtnk_prc02{
  position:absolute;
  bottom: 25px;
  right: 60px;
  }
.mtnk_prc03{
  position:absolute;
  bottom: 50px;
  right: 325px;
  }
.mtnk_prc04{
  position:absolute;
  bottom: 50px;
  right: 60px;
  }
.mtnk_prc05{
  position:absolute;
  bottom: 65px;
  right: 325px;
  }
.mtnk_prc06{
  position:absolute;
  bottom: 65px;
  right: 60px;
  }
.mtnk_prc07{
  position:absolute;
  bottom: 55px;
  right: 325px;
  }
.mtnk_prc08{
  position:absolute;
  bottom: 55px;
  right: 60px;
  }
.product-description a {
	text-decoration: underline;
}

/*--------------------
	商品検索
--------------------*/

.item_name03 {
	font-size: 120%;
	font-weight: bold;
	line-height: 1.5em;
	cursor: pointer;
}
.search_lise01 li {
	width: 324px;
	margin: 30px 19px 0 0;
	padding-bottom: 20px;
	float: left;
	border-bottom: 1px solid #6CACE6;
}
.search_lise01 li:nth-of-type(3n) {
	margin-right: 0;
}

.search_list_l {
	float: left;
	width: 100px;
	margin-right: 10px;
}
.search_list_r {
	float: left;
	width: 214px;
}

.pager01 {
	text-align: center;
}
.pager01 li {
	display: inline;
	margin-right: 10px;
}
.pager01 li a {
	padding: 10px 20px;
	background: #eee;
}
.pager01 li.current a,
.pager01 li:hover a {
	background: #00C0DE;
	color: #fff;
}
.pager01 li:last-of-type {
	margin-right: 0;
}


/*--------------------
	LP
--------------------*/
.sec_under_lp01 {
	width: 100%;
	background: url(../../img/common/bk_03.gif);
}
.sec_under_lp_inn01 {
	background: #fff;
	width: 970px;
	padding: 0 20px;
	margin: 0 auto;
	font-size: 120%;
	line-height: 1.7em;
}
.sec_under_lp_inn02 {
	background: #fff;
	width: 1010px;
	margin: 0 auto;
	font-size: 120%;
	line-height: 1.7em;
}

/* キャンペーン */

.sec_under_lp_inn03 {
	background: #fff;
	width: 1050px;
	margin: 0 auto;
	padding: 20px 20px 0;
	box-sizing: border-box;
	font-size: 125%;
	line-height: 1.85em;
}

.li_show_case03 li {
	width: 227.5px;
	margin-right: 20px;
	float: left;
}

.li_show_case03 li:last-of-type {
	margin-right: 0;
}

.h3_ttl03_cp {
	background: url(../../img/common/img_h1_bg01.gif);
	padding: 15px;
	font-size: 150%;
	color: #fff;
	font-weight: bold;
	border-radius: 7px;
}

.h4_ttl01_cp {
	font-size: 150%;
	border-bottom: 3px solid #00B5CE;
}

.text03 {
	line-height: 2em;
}

.table01_cp {
	margin: 0 20px;
}

.table01_cp tr {
	border-top: 1px solid #6CACE6;
}

.table01_cp tr:last-of-type {
	border-bottom: 1px solid #6CACE6;
}

.table01_cp th {
	background: #E8F8FD;
	width: 25%;
}

.table01_cp td {
	padding: 20px;
}




/*--------------------
	message
--------------------*/
.news_img img {
	width: 250px;
	margin:0 0 10px 10px;
	float: right;
}
.news_text p {
	margin-bottom: 20px;
}
.news_link a {
	display: block;
}

/*--------------------
	mypage
--------------------*/
.mypage_message_box01 {
	box-sizing: border-box;
	padding: 20px;
	border: 5px solid #BFE6F9;
	border-radius: 7px;
	width: 900px;
	position: relative;
	display: table;
}
.mypage_message_box01:after {
	content: "";
	background: url(../../users/mypage/images/bk_message01.gif) no-repeat;
	background-size: 23px 28px;
	display: block;
	width: 23px;
	height: 28px;
	position: absolute;
	top: 20px;
	left: -18px;
}

/* chrom 位置ずれ対応 */
@media screen and (-webkit-min-device-pixel-ratio:0){
	.mypage_message_box01:after {
		position: absolute;
		top: 20px;
		left: -23px;
	}
}
.mypage_message_box_inner01 {
	display: table-cell;
	vertical-align: middle;
}
.point_box01 {
	width: 100%;
	position: relative;
	background: url(../../img/common/ico/bk_point02.gif) no-repeat left, url(../../img/common/ico/bk_point03.gif) no-repeat right, url(../../img/common/ico/bk_point01.gif) repeat-x;
	height: 104px;
}
.point_box_item01 {
	position: absolute;
	top: 35px;
	left: 390px;
}

/* 友の会だより */
.backnamber_contents {
	border-bottom: 1px solid #D4D4D4;
	padding-bottom: 5px;
}
.backnamber_ttl01 {
	font-size: 115%;
	border-bottom: 1px solid #D4D4D4;
	padding-bottom: 5px;
}


/************************************************

	モーダル

*************************************************/

.modal_inner01 {
	padding: 20px;
	background: #fff;
}

/************************************************

	アコーディオン

*************************************************/

.accordion01 dt {
	cursor: pointer;
}

/************************************************

	よくあるご質問

*************************************************/

.question_list01 dt {
	background: url(../../img/common/ico/ico_question01.png) no-repeat left center;
	background-size: 49px 45px;
	padding: 20px 0 0 59px;
	min-height: 36px;
	margin-top: 5px;
}
.question_list01 dt span {
	background: url(../../img/common/ico/ico_arrow03.gif) no-repeat right center;
	background-size: 20px 19px;
	padding-right: 20px;
	display: block;
}
.question_list01 dt.open01 span {
	background: url(../../img/common/ico/ico_arrow04.gif) no-repeat right center;
	background-size: 20px 19px;
}
.question_list01 dd {
	background: url(../../img/common/ico/ico_answer01.gif) no-repeat left 0.5em;
	background-size: 20px 15px;
	padding: 0 10px 0 30px;
	margin: 5px 0 10px 28px;
}

.res_list01 dt {
	background: url(../../img/common/ico/ico_res01.gif) no-repeat left center;
	background-size: 46px 42px;
	padding: 20px 0 0 56px;
	min-height: 36px;
	margin-top: 5px;
}
.res_list01 dt span {
	background: url(../../img/common/ico/ico_arrow05.gif) no-repeat right center;
	background-size: 20px 19px;
	display: block;
}
.cate_pps:nth-of-type(4n){
  margin-right:0;
  }

/************************************************

	ショッピングカート

*************************************************/
.cart_table01 .none_sepalate {
	padding-right: 0;
}
.cart_table01 .none_sepalate + td {
	padding-left: 10px;
	text-align: left;
}
.cp_info .cp_ttl01 {
	margin-top: 10px;
	font-size: 150%;
	font-weight: bold;
	border-bottom: 1px dashed #ACE3F9;
	background: url(../../cart/images/cart_img01.gif) no-repeat left center;
	background-size: 26px;
	padding-left: 36px;
}

/************************************************

	よくある質問

*************************************************/
.faqs_index_list01 li {
	width: 490px;
	margin:0  30px 80px 0;
	float: left;
}

.faqs_index_list01 li:nth-child(even) {
	margin: 0 0 30px 0;
}
.faqs_index_list01 .faqs_text_box01 {
	width: 340px;
	margin-top: 10px;
}

.faqs_index_list01 .faqs_img_box01 img {
	margin: 14px;
	padding: 10px;
	border: 1px solid #D4D4D4;
}


.tomo_un_01{
    width: 1050px;
    margin: 0 auto;
    background:#fff;
    padding:0 0 20px 0;
}
.tomo_pre{
    background:#EFF7F9;
    padding:20px 0;
}
.tomo_txt_box{
    width:970px;
    margin:0 auto;
}
.tomo_txt_box a{
    text-decoration:underline;
}
.tomo_tokuten{
    float:left;
    margin-bottom:20px;
}
.tomo_cont_inn{
    padding: 15px 15px 0 15px;
}

.tomo_cont_02{
    background:#fff;
    border:10px solid #F07777;
    border-radius:20px;
    width:990px;
    margin:0 auto;
}


/* table */

.table03{
    background:#fff;
    font-size:120%;
}
.table03 tr {
	border-top: 1px solid #6CACE6;
}
.table03 tr:last-of-type {
	border-bottom: 1px solid #6CACE6;
}
.table03 th {
	background: #E8F8FD;
}
.table03 th,
.table03 td {
	padding: 10px 0;
}

.table03 {
	width: 100%;
}



/* color */
.b_bl{
    color:#68B6D9;
}



/************************************************

	社員いちおし

*************************************************/
.syain_left{
    width:750px;
    float:left;
    font-size: 115%;
    line-height: 23px;
}

.syain_right{
    width:750px;
    float:right;
    font-size: 115%;
    line-height: 23px;
}

.emp_item01 {
	background: url(../../img/employee/item_img01.jpg) no-repeat left bottom;
}
.emp_item02 {
	background: url(../../img/employee/item_img02.jpg) no-repeat left bottom;
}
.emp_item03 {
	background: url(../../img/employee/item_img03.jpg) no-repeat left bottom;
}
.emp_item04 {
	background: url(../../img/employee/item_img04.jpg) no-repeat left bottom;
}
.emp_item05 {
	background: url(../../img/employee/item_img05.jpg) no-repeat left bottom;
}
[class^="emp_item"] {
	background-size: 50px;
	padding: 20px 0 0 50px;
}

/*#sanso,
#n_cleaning,
#hamigaki{
   margin-top: -110px;
   padding-top: 110px;
  }*/



/************************************************

	サンプルセット

*************************************************/

#enquetes_contents_inner{
    width:1050px;
    margin:0 auto;
    /*background:;*/
    padding-bottom:50px;
    background: #fff url(../../../img/enquetes/bg_contents.png) repeat-y center top;
}

#enquetes_contents{
    background: url(../../img/common/bk_03.gif) repeat;
}
#enquetes_contents_box{
    width:920px;
    margin:0 auto;
}
#wrapper #footer .f_list a{
    text-decoration:none !important;
}
.attention {
    background: #DBF6F5;
    padding: 30px;
    width: 830px;
    margin: 30px auto 0;
}


/************************************************

	お友達紹介キャンペーン

*************************************************/

#friends_box{
    width:840px;
    margin:0 auto;
}
#img_04 table th {
    padding: 30px;
    width: 20%;
    background: #a7e7f3;
    text-align: center;
    color: #58595b;
    border:2px solid #fff;
}

#img_04 table td {
    padding: 10px 20px;
    background: #ffefcb;
    line-height: 1.6em;
    border:2px solid #fff;
}


/************************************************

	通信販売のご利用にあたって

*************************************************/
.list_table01 th {
    white-space: nowrap;
    padding: 5px 10px 5px 0;
    text-align: left;
    vertical-align: top;
}


/************************************************

	友の会

*************************************************/

/*#tomo_nyukai{
    margin-top:-110px;
    padding-top:110px;
}*/

.howto_left{
    width:600px;
    float:left;
    font-size: 115%;
    line-height: 23px;
}

/************************************************

	カート内

************************************************/
  .cart_fukidashi {
    background-color: #ee5e5e;
    color: #FFFFFF;
    font-size: 80%;
    line-height: 1.7;
    padding: 0.5em;
    position: relative;
    text-align: left;
	display: inline-block;
  }
  .cart_fukidashi::after {
    border-bottom: 20px solid #ee5e5e;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    content: "";
    left: 16px;
    position: absolute;
    top: -20px;
  }

  .cart_fukidashi02 {
    background-color: #ee5e5e;
    color: #FFFFFF;
    font-size: 80%;
    line-height: 1.7;
    padding: 0.5em;
    position: relative;
    text-align: center;
	display: inline-block;
  }
  .cart_fukidashi02::after {
    border-bottom: 20px solid #ee5e5e;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    content: "";
    left: calc(50% - 15px);
    position: absolute;
    top: -20px;
  }

.cp_1911_form_wrap {
	position: relative;
    margin-bottom: 30px;
    margin-top: 30px;
}

.cp_1911_form_img {
	text-align: center;
}

.btn_cp_1911_form {
	position: absolute;
    bottom: 30px;
    left: 270px;
}

.cp2009_prezent_form_wrap {
	position: relative;
    margin-bottom: 30px;
    margin-top: 30px;
}

.cp2009_prezent_form_img {
	text-align: center;
}

.btn_cp2009_form {
	position: absolute;
    bottom: 25px;
    left: 245px;
}


/************************************************

	のし、包装いたします。

*************************************************/

#contents05 {
	width: 100%;
	background: #FFF;
	padding: 70px 0;
	text-align: left;
}
#contents05 .h2_ttl01 {
	border-bottom: 5px solid #B20000;
}
.wrapping_box {
	border: 3px solid #CCC;
	padding: 43px;
	margin-bottom: 20px;
}
.wrapping_box h3 {
	font-weight: normal;
	font-size: 200%;
	text-align: center;
	margin-bottom: 35px;
	padding-bottom: 20px;
	border-bottom: 2px solid #DDD;
}
.wrapping_box h4 {
	font-size: 105%;
}

.wrapping_box .unit_2col {
	margin-bottom: 30px;
}
.wrapping_box .unit_2col .img {
	float: left;
	margin: 0 10px 10px 0;
}

.wrapping_3col dl {
	width: 30%;
	float: left;
	margin: 0 5% 0 0;
}
.wrapping_3col dl:nth-child(3n) {
	margin: 0;
}
.wrapping_3col dt {
	font-weight: bold;
}
.wrapping_3col dd {
	margin-top: 10px;
}
#contents05 .unit_2col .box_a,
#contents05 .unit_2col .box_b {
	width: 48% !important;
}

@media (max-width: 960px) {
	.wrapping_box {
		padding: 20px;
	}
	.wrapping_box .unit_2col .img {
		float: none;
		margin-right: 0;
	}
}

@media (max-width: 640px) {
	#contents05 {
		padding: 30px 0;
	}
	.wrapping_box {
		padding: 20px 10px 10px;
	}
	.wrapping_box h3 {
		font-size: 200%;
		margin-bottom: 20px;
	}
	.wrapping_box .unit_2col {
		margin-bottom: 20px;
	}
	.wrapping_box .unit_2col p.f_left {
		float: none;
		margin-bottom: 10px;
	}
	.wrapping_box .unit_2col p.f_left img {
		width: 100%;
	}
	.wrapping_3col dl:nth-child(odd) {
		width: 48%;
		float: left;
		margin: 0 0 20px 0;
	}
	.wrapping_3col dl:nth-child(even) {
		width: 48%;
		float: right;
		margin: 0 0 20px 0;
	}
	.wrapping_3col dd p.f_left {
		float: none;
		margin-bottom: 10px;
	}
	.wrapping_3col dd p.f_left img {
		width: 100%;
	}
}

.cart-in-btn {
    cursor: pointer;
    transition: opacity 1s ease-out;
}
.cart-in-btn:hover {
    opacity: .7;
}

/************************************************

	Form parts

*************************************************/
#address2,
#address3,
#address4 {
	width: 100%;
}


/*********************************

	slider

*********************************/

.bxslider li {
	text-align: center;
}

/************************************************

	membership_fee

*************************************************/
.membership_important01 {
    color: #ff8078;
}

.membership_big01 {
    font-size: 121%;
}

.membership_sec_w_full {
    margin: 0 -20px;
}

.membership_box_info01 {
    box-sizing: border-box;
    width: 900px;
    margin: 30px auto 0;
    border: 2px solid #fbb03b;
    padding: 20px;
    font-size: 14px;
    line-height: 1.75em;
}

.membership_box_info01 .ttl_info01 {
    color: #fbb03b;
    font-weight: bold;
    text-align: center;
    font-size: 120%;
    margin-bottom: 15px;
    line-height: 1.75em;
}

.membership_box_info01 .ttl_info01 span {
    background: url(../../img/membership_fee/ico_alert01.png) no-repeat left center / 32px 29px, url(../../img/membership_fee/ico_alert01.png) no-repeat right center / 32px 29px;
    padding: 5px 42px;
}

.membership_box_info02 {
    width: 900px;
    margin: 30px auto 0;
    padding: 20px;
    font-size: 14px;
    line-height: 1.75em;
}

.membership_box_info03 {
    box-sizing: border-box;
    width: 900px;
    margin: 30px auto 20px;
    border: 2px solid #ff8078;
    padding: 20px;
    font-size: 16px;
    line-height: 1.75em;
}

[class*="membership_fee_ttl_type"] {
    position: relative;
}

[class*="membership_fee_ttl_type"]::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 20px;
    margin: auto 0px;
}

.membership_fee_ttl_type_b::after {
    background: url(../../img/membership_fee/lp/b/text01.png) no-repeat center / contain;
    width: 546px;
    height: 46px;
}

.membership_fee_ttl_type_c::after {
    background: url(../../img/membership_fee/lp/c/text01.png) no-repeat center / contain;
    width: 546px;
    height: 46px;
}

[class*="membership_box_pos_unit"] {
    position: relative;
}

[class*="membership_box_pos_unit"] .unit_a {
    position: absolute;
    top: 0;
    left: 0;
}

.type_a .membership_box_pos_unit01 .unit_a {
    text-align: center;
    top: 125px;
    left: 0;
    right: 0;
}

.type_b .membership_box_bg_img01 {
    background: url(../../img/membership_fee/lp/b/img02.jpg) no-repeat center top / 1010px 221px;
    width: 100%;
    height: 221px;
}

.type_b .membership_box_bg_img01 .item_a {
    text-align: center;
    padding-top: 25px;
    font-size: 220%;
    font-weight: bold;
}

.type_b .membership_box_bg_img02 {
    background: url(../../img/membership_fee/lp/b/img04.gif) no-repeat center top / 1010px 315px;
    width: 100%;
    height: 315px;
}

.type_b .membership_box_bg_img02 .item_a {
    text-align: center;
    padding-top: 152px;
}

.type_b .membership_box_pos_unit01 .unit_a {
    top: 20px;
    left: auto;
    right: 20px;
}

.type_c .membership_box_bg_img01 {
    background: url(../../img/membership_fee/lp/c/img02.jpg) no-repeat center top / 1010px 221px;
    width: 100%;
    height: 221px;
}

.type_c .membership_box_bg_img01 .item_a {
    text-align: center;
    padding-top: 25px;
    font-size: 220%;
    font-weight: bold;
}

.type_c .membership_box_bg_img02 {
    background: url(../../img/membership_fee/lp/c/img04.gif) no-repeat center top / 1010px 316px;
    width: 100%;
    height: 316px;
}

.type_c .membership_box_bg_img02 .item_a {
    text-align: center;
    padding-top: 152px;
}

.type_c .membership_box_pos_unit01 .unit_a {
    top: 20px;
    left: auto;
    right: 20px;
}

.type_d .membership_box_bg_img01 {
    background: url(../../img/membership_fee/lp/d/bg01.jpg) no-repeat center top / 1010px 251px;
    width: 100%;
    height: 251px;
}

.type_d .membership_box_bg_img01 .item_a {
    text-align: center;
    padding-top: 50px;
    font-size: 220%;
    font-weight: bold;
}

.type_d .membership_box_bg_img02 {
    background: url(../../img/membership_fee/lp/d/img02.gif) no-repeat center top / 1010px 365px;
    width: 100%;
    height: 365px;
}

.type_d .membership_box_bg_img02 .item_a {
    text-align: center;
    padding-top: 220px;
}

.noshi_box_info {
  box-sizing: border-box;
  width: 180px;
  margin-top: 10px;
  border: 1px solid #FF0000;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 14px;
  line-height: 1.75em;
  margin-left: 0px;
  text-align: center;
}

/************************************************

	お支払方法

*************************************************/
.payment_wrap {
	padding: 0 40px;
}

.payment_wrap02 {
	padding: 0 0 0 25px;
}

/************************************************

	あおぞら通心

*************************************************/
.bg_aozora {
	max-width: 1050px;
	margin: 0 auto;
	background: url("../../img/aozora/img_bg.jpg") repeat-y left center/1050px;
	font-family: "Helvetica Neue", "游ゴシック Medium", YuGothic, "Yu Gothic Medium", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
	padding-bottom: 80px;	
}

.aozora_tit01 {
	max-width: 958px;
	margin: 0 auto;
	padding: 50px 0;
}

.aozora_txt01 {
	text-align: center;
	margin-bottom: 70px;
}

.aozora_topic_wrap {
	max-width: 900px;
    margin: 0 auto;
	background: url("../../img/aozora/img_border01.gif") repeat-x left top/24px;
	display: flex;
	flex-wrap: wrap;
}

.aozora_topic_2col {
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: url("../../img/aozora/img_border01.gif") repeat-x left bottom/24px;
}

.aozora_topic_box {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 60px 30px 50px;
	max-width: 387px;
}

.aozora_topic_date {
	text-align: left;
	margin-left: 20px;
	width: 272px;
}

.aozora_topic_date h3 {
	margin-bottom: 30px;
	font-size: 22px;
}