/*-----------------------------------------------------------------
	全ての要素をリセット
	各ブラウザの表示を統一するための設定です
-----------------------------------------------------------------*/
html {
	overflow-y: scroll;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, p {
	text-align: left;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	text-align: left;
}
img, abbr, acronym, fieldset {
	border: 0;
}
li {
	list-style-type: none;
}
img {
	vertical-align: middle;
}
.line {
	font-size: 1px;
	line-height: 1px;
}
/*--- default */
body {
	background: #FFFEFA;
	color: #333;
	font-size: 14px;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.4;
}
body td, body th {
	font-size: 15px;
}
/* for IE6 */
* html body {
	font-size: 75%;
}
/* for IE7 */
*:first-child+html body {
	font-size: 75%;
}
a:hover img.overImg {
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}
.spaceBottom {
	margin-bottom: 10px;
}
/*----------------------------------------------------
	clearfix
----------------------------------------------------*/
/* clearfix */
.M_clearfix:after, #M_wrapper:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .M_clearfix, * html #M_wrapper {
	zoom: 1;
} /* IE6 */
*:first-child+html .M_clearfix, *:first-child+html #M_wrapper {
	zoom: 1;
} /* IE7 */
/*----------------------------------------------------
	基本設定、リンクカラーなど
----------------------------------------------------*/
a:link {
	color: #333333;
	text-decoration: none;
}
a:visited {
	color: #333333;
	text-decoration: none;
}
a:hover {
	color: #333333;
	text-decoration: underline;
}
a:active {
	color: #333333;
	text-decoration: none;
}
#M_wrapper .M_alignL, body .M_contents .M_alignL {
	text-align: left;
}
#M_wrapper .M_alignR, body .M_contents .M_alignR {
	text-align: right;
	font-size: 16px;
	font-weight: bold;
}
#M_wrapper .M_alignC, body .M_contents .M_alignC {
	text-align: center;
}
/* 強調 */
em {
	color: #ff0000;
}
strong {
	color: #ff0000;
	font-weight: bold;
}
/* 太字 */
.M_textBold {
	font-weight: bold;
}
/* ノーマル */
.M_textNormal {
	font-weight: normal;
}
/* フォントサイズ小 */
.M_textSmall {
	font-size: 92%;
}
/* フォントサイズ小　色薄グレー */
.M_textSmallGray {
	font-size: 92%;
	color: #666;
}
/* 打ち消し線 */
.M_textLinethrough {
	text-decoration: line-through;
}
.M_mgnT8 {
	margin-top: 8px;
}
/* アルファ変更 */
a:hover img {
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
/*----------------------------------------------------
	#M_wrapper
----------------------------------------------------*/
#M_wrapper {
	width: 960px;
}
/*----------------------------------------------------
	.M_topContents
		トップページ
----------------------------------------------------*/
.M_topContents {
	width: 100%;
	text-align: center;
}
.M_topContents .M_section {
	width: 960px;
	margin: 0 auto;
}
/* NEWS */
.M_topContents #news_bg {
	background: url("https://gigaplus.makeshop.jp/puddinglabo/main/news_bg.jpg") repeat-x;
	height: 220px;
	padding: 20px 0;
}
.M_topContents #M_news table {
	margin: 15px 0;
}
.M_topContents #M_news table td.woong {
	color: #768A2E;
	padding-right: 20px;
}
.M_topContents #M_news table td.line {
	display: none;
}
/* ITEM LIST */
.M_topContents #itemlist_bg {
	background: url("https://gigaplus.makeshop.jp/puddinglabo/main/lace_bg.jpg") bottom repeat-x #FFD860;
	padding: 30px 0 90px;
}
.M_topContents #M_itemlist {
	margin-bottom: 50px;
}
.M_topContents #M_itemlist h2 {
	margin-bottom: 50px;
}
.M_topContents #M_itemlist ul.space_top {
	margin-top: 15px;
}
.M_topContents #M_itemlist ul li {
	width: 300px;
	float: left;
	text-align: center;
}
.M_topContents #M_itemlist ul li h3 {
	text-align: center;
	margin-bottom: 15px;
	color: #592400;
}
.M_topContents #M_itemlist ul li p {
	padding: 0 25px;
	color: #592400;
	font-weight: bold;
}
.M_topContents #M_itemlist ul li p a {
	color: #592400;
}
.M_topContents #M_itemlist ul .item_center {
	margin: 0 30px;
}
.M_topContents #M_itemlist ul li img {
	margin: 10px 0;
}
/* プリン研究所とは */
.M_topContents #purin_bg {
	background: #EDDDB4;
}
.M_topContents #purin_bg2 {
	background: #C4A877;
	padding-bottom: 60px;
}
/*----------------------------------------------------
	.M_mainContents
		メイン
----------------------------------------------------*/
.M_mainContents {
	float: right;
	width: 800px;
	padding-bottom: 64px;
	margin-left: 24px;
	text-align: center;
}
.M_mainContents .M_inner {
	margin: 8px 24px 16px 24px;
	text-align: center;
}
/* Section
========================================== */
.M_section {
	margin-bottom: 24px;
}
/* -----------------------------------------------------------
	#M_mainContents
		右コンテンツ
----------------------------------------------------------- */
/*.M_mainContents{
	margin-top:-5px;
}*/

/* ---------------------------------------------------
	.rightContents
		追従ナビ
--------------------------------------------------- */

.rightnavi {
	top: 110px;
	right: 0;
	position: fixed;
	z-index: 1;
	width: 90px;
	padding: 10px 0;
}
.rightnavi ul li {
	margin-bottom: 10px;
}
/* ---------------------------------------------------
	#M_leftContents
		サイドバー、サブ
--------------------------------------------------- */

.leftbrand {
	background: url(https://puddinglaboratory.jp/ec_img/side_arrow.gif) no-repeat;
	padding-left: 15px;
	line-height: 2;
}
#M_leftContents {
	float: left;
	width: 200px;
}

#M_leftContents  .l-pickbnr {
	padding: 0 0 20px;
}


#M_leftContents .M_title {
	border-top: #333 3px solid;
	border-bottom: #333 1px dashed;
	padding: 0.5em 0;
	font-weight: bold;
	margin-bottom: 1em;
}
#M_leftContents #M_login {
	margin: 0 auto;
	text-align: center;
}
#M_leftContents #M_login .M_helloMsg {
	margin-bottom: 8px;
}
/*
#M_leftContents .M_loginBtn,#M_leftContents .M_logoutBtn{
	padding:1px 4px;
	border:1px solid #333;
	margin:0 4px;
	color:#333;
	text-decoration:none;
	background:#eee;
}*/



#M_leftContents .M_loginBtn {
	background: url(https://puddinglaboratory.jp/ec_img/login.gif) no-repeat;
	height: 40px;
	width: 200px;
	display: block;
	text-indent: -9999px;
}
#M_leftContents a:hover.M_loginBtn {
	background: url(https://puddinglaboratory.jp/ec_img/login_over.gif) no-repeat;
	height: 40px;
	width: 200px;
	display: block;
}
/*#M_leftContents a:hover.M_loginBtn,#M_leftContents a:hover.M_logoutBtn{
	color:#fff;
	background:#333;
}*/

#M_leftContents #M_login th, #M_leftContents #M_login td {
	padding: 0.5em;
}
#M_leftContents #M_login .M_textSmall {
	margin-top: 8px;
}
#M_leftContents #M_login p {
	margin-top: 8px;
	text-align: center;
}
#M_leftContents .M_leftMenu li {
	padding: 0.2em 0;
}
#M_leftContents .M_inputSearch {
	width: 140px;
}
/* -----------------------------------------------------------
	#M_header
		ヘッダー
----------------------------------------------------------- */
.M_h_bg {
	background: url("https://gigaplus.makeshop.jp/puddinglabo/head/h_bg.gif") repeat-x #FAB90E;
}
#M_header {
	width: 960px;
	margin: 0 auto;
	height: 108px;
	text-align: left;
}
#M_header #h_txt {
	color: #FFFFFF;
	height: 21px;
	padding-top: 7px;
	text-align: right;
}
#M_header #h_txt a:link {
	color: #FFFFFF;
}
#M_header #h_txt a:visited {
	color: #FFFFFF;
}
#M_header #h_txt a:active {
	color: #FFFFFF;
}
#M_header h1 {
	width: 275px;
	height: 80px;
	float: left;
	margin-right: 15px;
}
#M_header #h_navi li {
	float: left;
	margin-top: 5px;
	margin-left: 20px;
}
#M_header #h_navi li img {
	opacity: 1;
}
#M_header #h_cart {
	width: 50px;
	height: 32px;
	float: right;
	margin-top: 30px;
}
#main_slidebg {
	background: #ABBA73;
}
.bx-wrapper .bx-viewport {
	-moz-box-shadow: none!important;
	-webkit-box-shadow: none!important;
	box-shadow: none!important;
	background: none!important;
}
/* #M_header h1{
	background:url(https://puddinglaboratory.jp/ec_img/logo.gif) no-repeat;
	width:444px;
	height:87px;
	text-indent:-9999px;
}

#M_header h1 a{
  display:block;
  width:444px;
   height:87px;
 } */



#M_header .M_headBasket {
	margin-top: 30px;
}
/* -----------------------------------------------------------
	サブナビ #SubNavi
----------------------------------------------------------- */


ul#SubNavi li {
	float: left;
	text-indent: -9999px;
	position: relative;
	top: -140px;
	left: 684px;
}
ul#SubNavi li#SubNavi01 {
	background: url(https://puddinglaboratory.jp/ec_img/sub_navi01.gif) no-repeat;
	width: 137px;
}
ul#SubNavi li#SubNavi02 {
	background: url(https://puddinglaboratory.jp/ec_img/sub_navi02.gif) no-repeat;
	width: 72px;
}
ul#SubNavi li#SubNavi03 {
	background: url(https://puddinglaboratory.jp/ec_img/sub_navi03.gif) no-repeat;
	width: 66px;
}
ul#SubNavi li a {
	text-decoration: none;
	display: block;
	width: 137px;
	height: 31px;
}
/* -----------------------------------------------------------
	お問合せ #ContactNavi
----------------------------------------------------------- */

#ContactNavi li {
	background: url(https://puddinglaboratory.jp/ec_img/contact.gif) no-repeat;
	width: 101px;
	height: 34px;
	position: relative;
	left: 720px;
	top: -100px;
	text-indent: -9999px;
}
#ContactNavi li a {
	text-decoration: none;
	display: block;
	width: 101px;
	height: 34px;
}
/* -----------------------------------------------------------
	カート　#cartbox
----------------------------------------------------------- */

#cartbox {
	background: #F00;
	position: relative;
	top: -165px;
}
/* #M_gNav
----------------------------------------------------------- */
/*#M_header #M_gNav {
	overflow: hidden;
	border:1px solid #999;
	border-right:none;
}

* html #M_header #M_gNav {
	height: 1%;
}

#M_header #M_gNav li {
	float: left;
	width:136px;
	text-align:center;
	border-right:1px solid #999;
}
#M_header #M_gNav li a{
	display:block;
	width:136px;
	background:#fff;
	color:#333;
	text-decoration:none;
	padding:0.7em 0;
}
#M_header #M_gNav li a:hover{
	background:#333;
	color:#fff;
}
 */

ul#M_gNav {
	position: relative;
	list-style: none;
	width: 960px;
	height: 49px;
}
ul#M_gNav li {
	position: absolute;
	width: 137px;
	height: 57px;
	text-indent: -9999px;
}
ul#M_gNav li#M_gNav01 {
	background: url(https://puddinglaboratory.jp/ec_img/menu01.gif) no-repeat;
}
ul#M_gNav li#M_gNav02 {
	background: url(https://puddinglaboratory.jp/ec_img/menu02.gif) no-repeat;
	left: 137px;
}
ul#M_gNav li#M_gNav03 {
	background: url(https://puddinglaboratory.jp/ec_img/menu03.gif) no-repeat;
	left: 274px;
}
ul#M_gNav li#M_gNav04 {
	background: url(https://puddinglaboratory.jp/ec_img/menu04.gif) no-repeat;
	left: 411px;
}
ul#M_gNav li#M_gNav05 {
	background: url(https://puddinglaboratory.jp/ec_img/menu05.gif) no-repeat;
	left: 548px;
}
ul#M_gNav li#M_gNav06 {
	background: url(https://puddinglaboratory.jp/ec_img/menu06.gif) no-repeat;
	left: 685px;
}
ul#M_gNav li#M_gNav07 {
	background: url(https://puddinglaboratory.jp/ec_img/menu07.gif) no-repeat;
	width: 138px;
	left: 822px;
}
ul#M_gNav li#M_gNav01 a:hover {
	background: url(https://puddinglaboratory.jp/ec_img/menu01_on.gif) no-repeat;
}
ul#M_gNav li#M_gNav02 a:hover {
	background: url(https://puddinglaboratory.jp/ec_img/menu02_on.gif) no-repeat;
	left: 137px;
}
ul#M_gNav li#M_gNav03 a:hover {
	background: url(https://puddinglaboratory.jp/ec_img/menu03_on.gif) no-repeat;
	left: 274px;
}
ul#M_gNav li#M_gNav04 a:hover {
	background: url(https://puddinglaboratory.jp/ec_img/menu04_on.gif) no-repeat;
	left: 411px;
}
ul#M_gNav li#M_gNav05 a:hover {
	background: url(https://puddinglaboratory.jp/ec_img/menu05_on.gif) no-repeat;
	left: 548px;
}
ul#M_gNav li#M_gNav06 a:hover {
	background: url(https://puddinglaboratory.jp/ec_img/menu06_on.gif) no-repeat;
	left: 685px;
}
ul#M_gNav li#M_gNav07 a:hover {
	background: url(https://puddinglaboratory.jp/ec_img/menu07_on.gif) no-repeat;
	width: 138px;
	left: 822px;
}
ul#M_gNav li a {
	text-decoration: none;
	display: block;
	width: 137px;
	height: 57px;
}
/* ===================================================================
	style info : フッタ
 =================================================================== */
#pageTop {
	width: 100%;
	background: url("https://gigaplus.makeshop.jp/puddinglabo/foot/f_bg1.gif") bottom repeat-x #C4A877;
}
#pageTop p {
	width: 960px;
	margin: 0 auto;
	text-align: right;
	padding-bottom: 5px;
}
#M_footer {
	width: 100%;
	background: #655443;
	padding-top: 30px;
}
#M_footer_guide {
	margin: 0 auto;
	width: 960px;
}
.footer_guidebox {
	width: 290px;
	padding: 15px;
	float: left;
	font-size: 13px;
	color: #EBE5BF;
}
.footer_guidebox h3 {
	margin-bottom: 20px;
}
.footer_guidebox p {
	line-height: 22px;
	margin-bottom: 20px;
}
.footer_guidebox p a {
	color: #EBE5BF;
	text-decoration: underline;
}
.footer_guidebox p a:hover {
	text-decoration: none;
}
#Naviadd {
	background: url("https://gigaplus.makeshop.jp/puddinglabo/foot/f_bg2.jpg") repeat;
	padding: 15px 0;
}
#M_footerNav {
	text-align: center;
}
#M_footerNav li {
	display: inline;
	padding: 0 0.5em;
	color: #FFFFFF;
}
#M_footerNav li a {
	color: #FFFFFF;
}
address {
	text-align: center;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 0.5em;
}
address a {
	color: #FFFFFF!important;
}
table.type07 {
	border-collapse: collapse;
	text-align: left;
	line-height: 1.5;
	border: 1px solid #ccc;
}
table.type07 thead {
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	background: #04162e;
}
table.type07 thead th {
	padding: 10px;
	font-weight: bold;
	vertical-align: top;
	color: #fff;
}
table.type07 tbody th {
	width: 150px;
	padding: 10px;
	font-weight: bold;
	vertical-align: top;
	border-bottom: 1px solid #ccc;
	background: #efefef;
}
table.type07 td {
	width: 350px;
	padding: 10px;
	vertical-align: top;
	border-bottom: 1px solid #ccc;
}
/* H2
========================================== */
.M_mainContents h2 {
	padding: 5px 8px;
	margin-bottom: 24px;
	font-size: 117%;
	background: #FFF7D7;
	color: #7C6B57;
}
/* H4-H6
========================================== */
h4 {
	font-size: 124%;
}
h5 {
	font-size: 108%;
}
h6 {
	font-size: 100%;
}
/* リンクテキストボタン
========================================== */
a:link.M_btnStyle, a:visited.M_btnStyle, a:active.M_btnStyle {
	padding: 3px 4px;
	/*border:1px solid #FFEB9D;*/
	margin: 0 4px;
	/*color:#92632C;*/
	color: #fff;
	text-decoration: none;
	/*background:#FFEB9D;*/
	background-color: #C00;
	font-size: 18px;
}
a:hover.M_btnStyle {
	color: #fff;
	background: #FFC226;
}
/* topicPath  商品分類段階リンク
========================================== */
.M_topicPath {
	text-align: left;
	font-size: 84%;
	margin-bottom: 16px;
}
.M_topicPath li.M_here {
	padding: 0;
	background: none;
}
.M_topicPath a {
	text-decoration: underline;
}
.M_topicPath a:hover {
	text-decoration: none;
}
.M_topicPath font {
	color: #333;
}
/* Form
========================================== */
input {
	margin-right: 4px;
	vertical-align: middle;
}
textarea {
	border: 1px solid #b3b3b3;
}
/* Table
========================================== */
td, th {
	vertical-align: top;
}
table.M_widthFull {
	width: 100%;
}
/* 会員認証
========================================== */
.line {
	height: 0;
}
.M_mainContents#M_member h3 {
	background: #333;
	line-height: 24px;
	color: #fff;
	text-align: center;
	font-size: 116%;
}
.M_mainContents#M_member #M_member_wrapper {
	margin-left: -24px;
}
.M_mainContents#M_member #M_member_wrapper .M_member_contents {
	width: 354px;
	margin: 24px 0 0 24px;
	border: 1px solid #333;
	float: left;
	display: inline;
}
.M_mainContents#M_member #M_member_wrapper .M_member_contents .M_inner {
	margin: 24px;
}
.M_mainContents#M_member #M_member_wrapper .M_member_contents .M_inner table {
	width: 304px;
	margin-bottom: 8px;
}
.M_mainContents#M_member #M_member_wrapper .M_member_contents .M_inner table td, .M_mainContents#M_member #M_member_wrapper .M_member_contents .M_inner table th {
	padding: 2px 8px;
	vertical-align: middle;
}
.M_mainContents#M_member #M_member_wrapper .M_member_contents .M_inner p {
	font-size: 94%;
}
/* 約款
========================================== */
#M_contract {
	overflow: scroll;
	width: 600px;
	height: 300px;
	margin: 16px auto;
	border: 1px solid #ccc;
	padding: 16px;
	line-height: 1.6;
	text-align: left;
}
/* 会員登録
========================================== */
#M_memberForm {
	margin: 24px auto;
}
#M_memberForm table table td {
	padding: 4px 8px;
}
#M_changepw {
	clear: both;
}
/* ポイント
========================================== */
.M_mainContents#M_point {
	text-align: center;
}
.M_mainContents#M_point #pointTable {
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	margin: 16px auto;
}
.M_mainContents#M_point #pointTable td, .M_mainContents#M_point #pointTable th {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 2px 8px;
}
.M_mainContents#M_point #pointTable th {
	background: #FFE88E;
}
.M_mainContents#M_point #pointMemo table {
	margin: 0 auto;
	border-left: 1px solid #333;
	border-top: 1px solid #333;
}
.M_mainContents#M_point #pointMemo table td {
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
	padding: 2px 8px;
}
/* 注文照会
========================================== */
.M_mainContents#M_order h3 {
	background: #333;
	line-height: 24px;
	color: #fff;
	text-align: center;
	font-size: 116%;
}
.M_mainContents#M_order #M_order_wrapper {
	margin-left: -24px;
}
.M_mainContents#M_order #M_order_wrapper .M_order_contents {
	width: 354px;
	margin: 24px 0 0 24px;
	border: 1px solid #333;
	float: left;
}
.M_mainContents#M_order #M_order_wrapper .M_order_contents .M_inner {
	margin: 24px;
}
.M_mainContents#M_order #M_order_wrapper .M_order_contents .M_inner table {
	width: 304px;
	margin-bottom: 8px;
}
.M_mainContents#M_order #M_order_wrapper .M_order_contents .M_inner table td, .M_mainContents#M_order #M_order_wrapper .M_order_contents .M_inner table th {
	padding: 2px 8px;
	vertical-align: middle;
}
/* 買い物かご
========================================== */
#M_basketTable {
	width: 704px;
	border-left: 1px solid #FBCA4D;
	border-top: 1px solid #FBCA4D;
	margin: 16px;
}
#M_basketTable th, #M_basketTable td {
	border-right: 1px solid #FBCA4D;
	border-bottom: 1px solid #FBCA4D;
	padding: 4px 8px;
	text-align: center;
	vertical-align: middle;
	color: #7C6B57;
}
#M_basketTable td.M_alignL {
	text-align: left;
}
#M_basketTable thead th {
	background: #FFEAB3;
}
#M_basketTable tfoot td {
	background: #FFEAB3;
	text-align: right;
}
#M_basketTable table td {
	border: none;
}
#M_basketTable .optionTr td {
	border-bottom: 4px solid #7C6B57;
}
#M_basketTable .basketCount td {
	padding: 0 1px;
}
#M_basket ul {
	margin-top: 16px;
}
#M_basket ul li {
	text-align: left;
}
/* チェック履歴レコメンドがある場合 */
#M_basket #M_recent {
	margin-top: 32px;
}
/* 商品検索
========================================== */
#M_searchTable {
	margin: 8px auto 16px;
}
#M_searchTable th, #M_searchTable td {
	padding: 2px 4px;
}
#M_searchTable .M_searchBtn {
	vertical-align: middle;
	padding-left: 16px;
}
#M_searchResult table {
	width: 100%;
	margin: 8px auto;
}
/* 商品分類
========================================== */
.M_categoryImage {
	margin-bottom: 32px;
}
#M_result {
	margin-bottom: 8px;
	font-size: 92%;
}
#M_result #M_total {
	float: left;
	width: 20%;
}
#M_result #M_line {
	float: right;
	width: 80%;
	text-align: right;
}
#M_categoryList table {
	margin-bottom: 16px;
}
#M_categoryList table table {
	width: 340px;
	margin: 16px 0 0 0;
}
#M_categoryList table table table {
	width: 220px;
}
#M_categoryList table table table font {
	color: #333;
}
#M_category .detail_box {
	margin-bottom: 50px;
	text-align: left;
}
#M_category .detail_box h1 {
	margin: 20px 0;
	font-size: 28px;
	font-family: 'Droid Serif', serif;
	color: #800000;
}
#M_category .detail_box h2 {
	margin: 15px 0;
	font-size: 16px;
	font-weight: bold;
	color: #333333;
	padding: 0;
	background: none;
}
#M_category .detail_box p {
	line-height: 22px;
	margin-bottom: 20px;
}
/* 商品詳細
========================================== */
.M_mainContents#M_item h2 {
	font-size: 134%;
	padding: 8px;
	margin-top: 8px;
}
/* 前の商品　次の商品 */
#M_item .M_itemLink li {
	display: inline;
}
#M_item .M_itemLink li a {
	padding: 0 4px;
}
#M_item .M_itemLink .M_prev {
	float: left;
}
#M_item .M_itemLink .M_next {
	float: right;
}
/* 商品画像 */
#M_item #M_itemImg {
	float: left;
	width: 300px;
}
/* 商品詳細 */
#M_item #M_itemInfo {
	float: right;
	width: 415px;
}
#M_item #M_itemSubLink {
	font-size: 92%;
	margin-top: 16px;
	text-align: left;
}
#M_item #M_itemSubLink li {
	display: inline;
	padding-right: 8px;
}
#M_item #M_itemDetail {
	margin-bottom: 20px;
}
#M_item #M_itemDetailInfo {
	margin: 16px auto;
	text-align: left;
}
#M_item #M_itemDetailInfo ul li {
	margin-bottom: 10px;
}
#M_item #M_itemDetailInfo ul li input.m_price {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	width: 60px;
}
input.m_price {
	font-size: 16px;
	font-weight: bold;
	color: #CC6600;
}
/* ボタン */
#M_item #M_itemBtn {
	padding: 16px 0;
	text-align: left;
}
/* さらにでかいボタン */
#M_item #M_itemBtn .M_btnStyle {
	/*padding:8px 30px;*/
	padding: 15px 60px;
}
/* SNSボタン */
#M_snsButtonList {
	height: 30px;
}
#M_snsButtonList li {
	float: left;
	margin-right: 5px;
}
/* レビュー */
#M_item h3 {
	border-left: 4px solid #B99B75;
	padding-left: 8px;
	margin: 16px auto;
}
#M_item #M_review {
	margin: 16px auto;
}
#M_item #M_reviewView {
	margin-top: 16px;
}
/* ポップアップ
========================================== */
.M_popup {
	text-align: center;
	padding: 16px;
}
/* 商品画像拡大画面 */
.M_popup#M_Img #M_closeBtn {
	text-align: center;
	margin-top: 8px;
	font-size: 92%;
	background: #eee;
	padding: 4px 0;
}
/* パスワード
========================================== */
.M_mainContents#M_password table {
	margin: 0 auto;
}
.M_mainContents#M_password table td, .M_mainContents#M_password table th {
	padding: 2px 8px;
	vertical-align: middle;
}
/* トップページ　ユーザー評価
========================================== */
/* 全文表示 */
#M_reviewAll #M_reviewViewAll .M_reviewList {
	background: none;
	border: none;
	border-bottom: 1px dashed #999;
}
#M_reviewAll #M_reviewViewAll .M_reviewHead {
	overflow: hidden;
	_zoom: 1;
}
#M_reviewAll #M_reviewViewAll .M_reviewInfo {
	border-bottom: 2px solid #ccc;
	margin-bottom: 8px;
}
#M_reviewAll #M_reviewViewAll .M_reviewRead {
	overflow: hidden;
	_zoom: 1;
}
#M_reviewAll #M_reviewViewAll .M_reviewReadText {
	margin: 0;
	padding: 0;
}
/* 一行表示 */
#M_reviewPart #M_reviewView table {
	margin: 0;
	width: 100%;
}
#M_reviewPart #M_reviewView th {
	text-align: center;
	border: 1px solid #fff;
	background: #999;
	color: #fff;
}
#M_reviewPart #M_reviewView td {
	border-bottom: 1px dotted #999;
}
#M_reviewPart #M_reviewView .M_reviewReadText {
	width: 400px;
}
/*-------------------------------------------------------------
抹茶プリンに関するご案内
-----------------------------------------------------------------*/
.mattya_guide {
	margin-left: 8px;
	margin-bottom: 30px;
	background: #9a1f24;
	position: relative;
}
.mattya_guide .souryou_left {
	width: 180px;
	padding: 0 25px;
	float: left;
	color: #FFFFFF;
}
.mattya_guide .souryou_left p {
	font-size: 17px;
	text-align: center;
	line-height: 34px;
	font-weight: bold;
	position: absolute;
	top: 50%;
	margin-top: -50px;
}
.souryou_left p span {
	font-size: 28px;
}
.mattya_guide .guidetxt_right {
	width: 478px;
	float: right;
	margin: 10px 10px 10px 0;
	background: #FFFFFF;
	padding: 10px 20px;
}
.mattya_guide .guidetxt_right p {
	line-height: 20px;
	margin-top: 10px;
	font-size: 14px;
}
.mattya_guide .guidetxt_right h3 {
	font-size: 20px;
	color: #9a1f24;
}
/*-----------------------------------------------------------------
カテゴリーページデザイン　サムネイル（小）タイプ
-----------------------------------------------------------------*/
#M_categoryList {
	width: 100%;
	margin-bottom: 16px;
}
.M_innerList {
	overflow: hidden;
	_zoom: 1;
	border-bottom: 1px solid #ccc;
	/* background:#eee; */
	margin-top: 10px;
	padding-bottom: 16px;
}
.M_innerList li {
	float: left;
	width: 33%;/* 商品数が5つなので100%÷5=20% */
}
.M_innerList li .M_innerBox {
	border-right: 1px dotted #ccc;
	margin: 8px auto;
}
.M_innerList li.lastChild .M_innerBox {
	border-right: none;/* 一番右のボックスだけ右の罫線を消す */
}
.M_innerList li .M_cl_detail {
	margin: 8px;
	margin-bottom: 0;
}
.M_innerList .M_cl_name {
	height: 45px;
	margin-bottom: 4px;
	font-weight: bold;
	font-size: 14px;
}
.M_innerList .M_cl_price {
	text-align: right;
}
.M_innerList .M_cl_imgWrap {
	height: 190px;
	text-align: center;
}
.M_innerList .M_cl_taxPrice {
	font-weight: bold;
	color: #cc0000;
	font-size: 14px;
}
.M_innerList .M_cl_content {
	font-size: 11px;
	margin-top: 10px;
	height: 55px;
}
.M_innerList .M_cl_imgWrap img {
	border: 1px solid #c9c9c9;
	height: 180px;
}
.M_cl_contentBtnArea {
	padding-top: 25px;
}
.M_cl_contentBtnArea .M_cl_contentBtn {
	display: inline-block;
	width: 100%;
	/* height: 37px; */
	font-size: 11px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	line-height: 40px;
	/* margin-top:25px; */
	outline: none;
}
.M_cl_contentBtnArea .M_cl_contentBtn ::before, .M_cl_contentBtnArea .M_cl_contentBtn ::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.M_cl_contentBtnArea .M_cl_contentBtn, .M_cl_contentBtnArea .M_cl_contentBtn ::before, .M_cl_contentBtnArea .M_cl_contentBtn ::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.M_cl_contentBtnArea .M_cl_contentBtn {
	background-color: #4B3536;
	color: #fff;
}
.M_cl_contentBtnArea .M_cl_contentBtn:hover {
	background-color: #BD9251;
}
/*----------------------------------------------------
    お知らせ #news
----------------------------------------------------*/
#r_news {
	margin-top: 30px;
}
#r_news #newsHead {
	text-align: left;
	padding: 4px 0;
	font-size: 16px;
	font-weight: bold;
	color: #592400;
}
#r_news #newsHead span {
	margin-right: 10px;
	font-size: 11px;
	color: #333333;
	font-weight: normal!important;
}
#r_news #newsContents {
	text-align: left;
	padding: 40px 0;
	margin-bottom: 20px;
}
#r_news #newsAccess {
	text-align: right;
	font-size: 11px;
	color: #999;
	margin-top: 20px;
}
#r_news #newsNext {
	text-align: right;
	font-size: 11px;
	margin-bottom: 10px;
}
#r_news #newsList {
	margin-bottom: 20px;
}
#r_news #newsList td {
	text-align: left;
}
#r_news #newsList .line {
	background: #fff;
}
#r_news #newsList .lims {
	border-bottom: 1px dashed #725D5D;
	padding: 10px 0;
	text-align: right;
}
#r_news #newsList .lims a {
	float: left;
}
#r_news #newsList .lims a:hover {
	text-decoration: underline;
}
#r_news #newsListBtn {
	text-align: left;
}
/*----------------------------------------------------
   自作
----------------------------------------------------*/
p.resizeimage img { width: 100vw; }

.mobileHidden { display:none;}

@media screen and (min-width:480px) {
    .desktopHidden { display:none;}
    .mobileHidden { display:inline;}
}

.fixed {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10000;
}
div.inner {
	border: 1px solid #858585;
	padding: 5px 10px 0px;
	margin-bottom: 10px;
}
.rank table {
	width: 730px;
	height: 80px;
	border: 3px #000000 solid;
	border-collapse: collapse;

}
.rank td {
	border: 2px #000000 solid;
	text-align: center;
	vertical-align: middle;
}
.rank th {
	border: 2px #000000 solid;
	text-align: center;
	vertical-align: middle;
}
.rank a {
	color: #fff;
    background: #ba8c29;
    padding: 10px 40px 9px;
    font-size: 20px;
}
div.inner {
	border: 1px solid #858585;
	padding: 5px 10px 0px;
	margin-bottom: 10px;
}
.waku {
	padding: 20px;
	border: solid 2px darkred;
	border-radius: 10px;
	background-color: LemonChiffon;
	margin-top: 30px;
	margin-bottom: 30px;
}
.waku2 {
	padding: 20px;
	border: solid 2px darkred;
	border-radius: 10px;
	background-color: #FFCC00;
	margin-top: 30px;
	margin-bottom: 30px;
}
/*ランキングここから*/

#ranking_area {
	background-color: #ffd860;
	padding: 30px 0 30px;
}
.ranking_box {
	width: 960px;
	margin: 0 auto;
}
#ranking_area .r_list {
	margin: 0;
}
#ranking_area .r_list ul {
	margin-top: 15px;
}
#ranking_area .r_list ul li {
	float: left;
	text-align: center;
	width: 176px;
}
#ranking_area .r_list ul .ri20 {
	margin-right: 20px;
}
#ranking_area .r_list ul li .r_img {
	border: 5px solid #ffffff;
}
#ranking_area .r_list ul li a img {
	width: 100%;
	height: auto;
}
#ranking_area .r_list ul li .r_icon {
	margin-bottom: 10px;
}
#ranking_area .r_list ul li p {
	font-weight: bold;
	margin-top: 10px;
	text-align: center;
}
#ranking_area .r_list ul li p a {
	color: #592400;
}
/*ランキングここまで*/

/*商品情報*/
.shopitem_table {
	width: 100%;
	border-collapse: collapse;
}
.shopitem_table th {
	width: 25%;
	padding: 5px;
	text-align: left;
	vertical-align: top;
	color: #333;
	background-color: #eee;
	border: 1px solid #b9b9b9;
	font-weight: normal;
	font-size: 12px;
}
.shopitem_table td {
	padding: 5px;
	background-color: #fff;
	border: 1px solid #b9b9b9;
	text-align: left;
	font-size: 12px;
}
.shopitem_table td a {
	text-decoration: underline;
	font-weight: bold;
}
/*フォントサイズ*/

.fs-s {
	font-size: .88em;
}
.fs-l {
	font-size: 1.12em;
}
.fs-1 {
	font-size: .82em;
}
.fs-2 {
	font-size: .94em;
}
.fs-3 {
	font-size: 1.24em;
}
.fs-4 {
	font-size: 1.32em;
}
.fs-5 {
	font-size: 1.8em;
}
.fs-6 {
	font-size: 2.4em;
}
.fs-7 {
	font-size: 3.6em;
}
.fn {
	font-weight: normal;
}
.m-r1em {
	margin: 0 1em 0 0;
}
.m-b1em {
	margin: 0 0 1em 0;
}
.m-l1em {
	margin: 0 0 0 1em;
}
.m-half {
	margin: 0 0 .5em 0;
}
.m-lrhalf {
	margin: 0 .5em;
}
.m-lr1em {
	margin: 0 1em;
}
.m-b1ema {
	margin: 0 auto 1em auto;
}
.m-0a {
	margin: 0 auto;
}
.b {
	font-weight: bold;
}
.fc-red {
	color: #c00;
}
.fc-orange {
	color: #CC6600;
}
.fc-yellow {
	color: #fc0;
}
.fc-lime {
	color: #9c3;
}
.fc-green {
	color: #060;
}
.fc-aqua {
	color: #0cc;
}
.fc-teal {
	color: #099;
}
.fc-blue {
	color: #039;
}
.fc-navy {
	color: #006;
}
.fc-purple {
	color: #639;
}
.fc-fuchsia {
	color: #f36;
}
.fc-pink {
	color: #f69;
}
.fc-maroon {
	color: #600;
}
.fc-brown {
	color: #633;
}
.fc-olive {
	color: #990;
}
.fc-gray {
	color: #666;
}
.fc-silver {
	color: #999;
}
.fc-black {
	color: #000;
}
.fc-white {
	color: #fff;
}
.m-r1em {
	margin: 0 1em 0 0;
}
.p-lr1em {
	padding: 0 1em;
}
.p-t1em {
	padding: 1em 0 0 0;
}
.t-r {
	text-align: right;
}
.mar5 {
	margin: 5px;
	width: 150px;
	height: 150px;
}
/*商品画像を切り替え*/
.imgonmouse {
	margin: 10px;
	overflow: hidden;
	width: 300px;
}
.imgonmouse img {
	margin-top: 10px;
	margin-bottom: 10px;
}
.imgonmouse ul {
	padding: 0px;
	margin-top: 0px;
}
.imgonmouse ul li img {
	height: 84px;
	width: 84px;
	border: 1px solid #CCC;
	padding: 2px;
	margin-right: 5px;
	margin-left: 5px;
	margin-bottom: 5px;
}
.imgonmouse ul li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	float: left;
}
/*ランキング*/
.rankingtable {
	padding: 20px 30px;
	/*width: 150px;
	height: 150px;*/
}
/*LP*/
.pickup {
	background: url("https://gigaplus.makeshop.jp/puddinglabo/item/matcha/sp_greentea_03bg2.png");
	padding: 30px 20px 0 20px
}
.lp_pickupbottom {
	background: url("https://gigaplus.makeshop.jp/puddinglabo/item/matcha/sp_greentea_03bgshadow.png");
	padding: 25px;
	background-position: bottom;
}
.lp_parent {
	display: table;
	width: 100%;
}
.child1, .child2 {
	display: table-cell;
	width: 50%;
	text-align: center;
}
.clear {
	clear: both;
}
.b {
	font-weight: bold;
	color: #000;
}
/********************************************************************

母の日ギフト

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

#Mother {
	clear: both;
	float: none;
	width: 730px;
	overflow: hidden;
}
#Mother h2, #Mother h3, #Mother p {
	padding-bottom: 20px;
}
#Mother .motherBox01 {
	clear: both;
	float: none;
	padding-right: 10px;
	padding-bottom: 60px;
	padding-left: 10px;
	overflow: hidden;
}
#Mother .motherBox01 li {
	float: left;
	padding-right: 12px;
}
#Mother .motherBox01 .inner01 {
	margin-top: 0px;
	margin-right: -10px;
	margin-bottom: 0px;
	margin-left: 0px;
	overflow: hidden;
}
#Mother .motherBox01 .innerBox01 {
	float: left;
	width: 230px;
	padding-right: 10px;
}
#Mother .motherBox01 .inner02 {
	margin-top: 0px;
	margin-right: -20px;
	margin-bottom: 0px;
	margin-left: 0px;
	overflow: hidden;
}
#Mother .motherBox01 .innerBox02 {
	float: left;
	width: 345px;
	padding-right: 20px;
}
/********************************************************************

2周年記念

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

#anv {
	width: 800px;
	overflow: hidden;
}
#anv .box01 {
	clear: both;
	float: none;
	padding-right: 20px;
	padding-bottom: 40px;
	padding-left: 20px;
	overflow: hidden;
}
#anv .detailBox01 {
	visibility: hidden;
	height: 1px;
}
#anv .innerContainer {
	clear: both;
	float: none;
	margin-right: -20px;
	padding-left: 20px;
}
#anv .innerBox {
	padding: 15px;
	float: left;
	width: 340px;
	margin-right: 20px;
	background-image: url(https://gigaplus.makeshop.jp/puddinglabo/2th/p_bg.jpg);
	background-repeat: repeat-x;
	margin-bottom: 20px;
}
/********************************************************************

特集

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




/* -----------------------------------------------------
	clear & clearfix
----------------------------------------------------------- */
.clear {
	clear: both;
}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .clearfix {
	zoom: 1;
} /* IE6 */
*:first-child+html .clearfix {
	zoom: 1;
} /* IE7 */
/* --------------------------------------------------------------*/

#feature {
	padding: 0 0 60px;
}
#feature .fix {
	position: fixed;
	top: 0;
	z-index: 9999;
}

#feature .fix-pd {
	padding-top:69px;
}



#feature .h_sub_nav {
	width: 100%;
	background: #362e2b;
	padding: 20px 0;
}
#feature .wrapp {
	width: 960px;
	margin: 0 auto;
}
#feature .h_sub_nav a {
	color: #fff;
}
#feature .h_sub_nav ul li {
	position: relative;
	display: inline-block;
	font-size: 14px;
	padding: 5px 24px;
	border-left: 1px solid #fff;
}
#feature .h_sub_nav ul li:first-child {
	border-left: none;
}
#feature .h_sub_nav ul li:before {
	content: '';
	width: 6px;
	height: 6px;
	border: 0px;
	border-top: solid 1px #e4007f;
	border-right: solid 1px #e4007f;
	-ms-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	position: absolute;
	top: 35%;
	left: 10px;
}
#feature .main {
	position: relative;
	height: 850px;
	text-align: center;
	overflow: hidden;
	background-color: #f1f3f2;
}
#feature .main .bg img {
	/*min-width:1180px;*/
	width: 100%;
}
#feature .main .catch01 {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 40px auto 0;
	width: 770px;
}
#feature .main .catch02 {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 500px auto 0;
	width: 770px;
}
/*7つの理由*/

#feature .point {
	width: 880px;
	margin: 0 auto;
	padding: 70px 0 90px;
}
#feature .point ul li {
	margin: 0 0 20px;
}
#feature .point ul li:first-child {
	float: none;
	margin: 0;
}
#feature .point ul li:nth-child(odd) {
	float: left;
}
#feature .point ul li:nth-child(even) {
	float: right;
}
/*カード*/

#feature .card {
	background: #eee;
	padding: 90px 0;
}
#feature .card_inner {
	width: 880px;
	margin: 0 auto;
}
#feature .card_inner h3 {
	margin: 0 0 25px;
}
#feature .card_inner p {
	float: left;
	width: 734px
}
#feature .card_inner .img {
	float: right;
}
#feature .card_inner ul li {
	float: left;
	margin: 20px 10px 0 0;
}
#feature .card_inner ul li:last-child {
	float: left;
	margin: 20px 0 0 0;
}
/*ぷりんについて*/

#feature .aboutitem {
	width: 960px;
	margin: 100px auto 0;
}
#feature .aboutitem h3 {
	margin: 69px auto 30px;
}
#feature .aboutitem ul li {
	margin: 0 auto 70px;
	padding: 0 30px;
}
#feature .aboutitem .itembox-l {
	float: left;
	width: 430px;
}
#feature .aboutitem .itembox-r {
	float: right;
	width: 430px;
}
#feature .aboutitem .itembox h4 {
	/*font-size:22px;*/
	padding: 0 0 5px;
	border-bottom: 1px solid #ccc;
	margin: 0 0 15px;
}
#feature .aboutitem .itembox p {
	line-height: 1.7;
	font-size: 14px;
}
#feature .aboutitem .itembox-last {
	width: 600px;
}
#feature .aboutitem ul li:last-child {
	background: url(https://gigaplus.makeshop.jp/puddinglabo/feature/images/aboutitem-7.png) no-repeat bottom;
	padding: 0 0 240px;
}
#feature .aboutitem .itembox-last h4 {
	font-size: 30px;
}
#feature .aboutitem .itembox-last p span {
	font-weight: bold;
	display: block;
	font-size: 18px;
	padding: 0 0 10px;
}
/*こだわり*/



#feature .picky {
	padding: 60px 0 0;
	background: #dedede;
}
#feature .picky h3 {
	width: 995px;
	margin: 0 auto 50px;
}
#feature .picky-inner {
	width: 995px;
	margin: 0 auto;
}
#feature .picky-bg {
	height: 445px;
	background: url(https://gigaplus.makeshop.jp/puddinglabo/feature/images/picky-bg.png) no-repeat right top;
}
#feature .picky-inner p {
	line-height: 1.8;
}
#feature .picky-inner p span {
	display: block;
	font-size: 16px;
	font-weight: bold;
	padding: 25px 0;
}
#feature .picky-point {
	padding: 40px 0 80px;
	width: 960px;
	margin: 0 auto;
}
#feature .picky-point ul li {
	padding: 18px;
	border: 1px solid #000;
	margin: 0 0 20px;
}
#feature .picky-point ul li h4 {
	margin: 30px 0 20px;
	font-size: 22px;
}
#feature .picky-point ul li p {
	line-height: 1.8;
}
#feature .picky-point ul li .read-moer {
	margin: 30px 0 10px;
	display: block;
	cursor: pointer;
	background: url(https://gigaplus.makeshop.jp/puddinglabo/feature/images/arr.png) no-repeat 5.2em 48%;
}
#acMenu dd {
	display: none;
}
/*お客様の声*/


#feature .voice {
	padding: 70px 0;
	border-bottom: 2px solid #e5e5e5;
}
#feature .voice h3 {
	font-size: 30px;
	text-align: center;
	margin: 0 0 35px;
}
#feature .voice p {
	text-align: center;
	line-height: 2.0;
}
#feature .voice .voice-btn {
	text-align: center;
	margin: 50px 0 0;
}
/*メディア*/


#feature .media {
	padding: 70px 0;
	border-bottom: 2px solid #e5e5e5;
}
#feature .media h3 {
	font-size: 30px;
	text-align: center;
	margin: 0 0 35px;
}
#feature .media p {
	text-align: center;
	line-height: 2.0;
}
#feature .media .media-inner {
	width: 960px;
	margin: 0 auto;
}
#feature .media .media-img {
	margin: 45px 0;
}
#feature .media h4 {
	color: #e5004f;
	border-bottom: 1px dotted #ccc;
	padding: 0 0 5px;
	margin: 0 0 10px;
}
#feature .media ul {
	float: left;
	letter-spacing: -0.6px;
	width: 320px;
}
#feature .media ul li {
	font-size: 10px;
	margin: 0 auto 7px;
	width: 290px;
}
#feature .media ul li span {
	display: table-cell;
	padding: 0 5px 0 0;
}
/*特集*/

#feature .itemlist {
	padding: 120px 0 0;
}
#feature .itemlist h3 {
	text-align: center;
}
#feature .itemlist p {
	text-align: center;
	padding: 30px 0 100px;
	line-height: 2.0;
}
#feature .itemlist .sec-item {
	padding: 30px 0 140px;
}
#feature .itemlist .sec-item.honmei {
	background: #ea5364;
}
#feature .itemlist .sec-item.mychoko {
	background: #f6ac0f;
}
#feature .itemlist .sec-item.tomochoko {
	background: #4e92a2;
}
#feature .itemlist .sec-item .sec-item-inner {
	width: 900px;
	margin: 0 auto;
}
#feature .itemlist .sec-item .sec-item-inner h4 {
	text-align: center;
	margin: 0 0 40px;
}
#feature .itemlist .sec-item .sec-item-inner ul li {
	float: left;
	width: 280px;
	margin: 0 30px 0 0;
}
#feature .itemlist .sec-item .sec-item-inner ul li:last-child {
	margin: 0;
}
#feature .itemlist .sec-item .sec-item-inner .item-thum {
	margin: 0 0 10px;
}
#feature .itemlist .sec-item .sec-item-inner .item-name {
	margin: 0 0 10px;
	font-weight: bold;
}
#feature .itemlist .sec-item .sec-item-inner .item-txt {
	margin: 0 0 10px;
	line-height: 1.8;
}
/*価格リスト*/

#feature .pricelist {
	width: 980px;
	margin: 0 auto;
	padding: 100px 0 60px;
}
#feature .pricelist .price-box {
	margin: 0 0 15px;
}
#feature .pricelist h3 {
	margin: 0 0 25px;
}
#feature .pricelist h4 {
	background: #9a9695;
	font-size: 14px;
	color: #fff;
	padding: 10px 20px;
	margin: 0 0 15px;
}
#feature .pricelist ul li {
	float: left;
	width: 225px;
	margin: 0 25px 15px 0;
}
#feature .pricelist ul li:last-child {
	margin: 0;
}
#feature .pricelist .item-thum {
	margin: 0 0 10px;
}
#feature .pricelist .item-name {
	margin: 0 0 10px;
	font-size: 12px;
}
#feature .pricelist .item-price {
	font-size: 13px;
	color: #cc0000;
}
/*ギフト*/



#feature .gift {
	padding: 50px 0 60px;
	background: #ededed;
}
#feature .gift h3 {
	padding: 0 0 30px;
}
#feature .gift .gift-inner {
	width: 960px;
	margin: 0 auto;
}
#feature .gift .gift-box {
	padding: 0 85px;
	margin: 0 0 25px;
}
#feature .gift .gift-img {
	float: left;
	width: 260px;
	margin: 0 20px 0 0;
}
#feature .gift .gift-txt span {
	display: inline-block;
	color: #fff;
	background: #a79039;
	padding: 4px 20px 3px;
	font-size: 16px;
	/*font-weight:bold;*/
	margin: 0 10px 0 0;
}
#feature .gift .gift-txt h4 {
	margin: 15px 0;
}
#feature .gift .gift-att {
	border: 10px solid #ccc;
	font-size: 24px;
	text-align: center;
	text-decoration: underline;
	line-height: 1.8;
	font-weight: bold;
	background: #fff;
	width: 760px;
	margin: 0 0 0 85px;
	padding: 25px 0;
}
/*カレンダー*/

#feature .calendar {
	padding: 70px 0 40px;
	width: 960px;
	margin: 0 auto;
}
#feature .calendar .calendar-inner {
	margin: 25px auto 0;
	border: 20px solid #e5004f;
	padding: 50px 30px;
	text-align: center;
}
#feature .calendar h3.calendar-att span {
	color: #fff;
	font-size: 26px;
	background: #e5004f;
	padding: 20px;
	display: inline-block;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	margin: 0 10px 0 0;
}
#feature .calendar h3.calendar-att {
	text-align: center;
	font-size: 37px;
	text-decoration: underline;
	border: none;
}
#feature .calendar h3 {
	text-align: center;
	font-size: 30px;
	border-bottom: 1px solid #000;
	padding: 0 0 5px;
	margin: 0 0 20px;
}
#feature .calendar p {
	text-align: center;
	font-size: 18px;
	padding: 0 0 5px;
	margin: 0 0 20px;
}
#feature .calendar p span {
	color: #e5004f;
	font-weight: bold;
}
/*フォーム*/

#feature .form {
	text-align: center;
	padding: 0 0 60px;
}
#feature .form p {
	text-align: center;
	font-size: 18px;
	margin: 0 0 10px;
}
#feature .main2 {
	position: relative;
	height: 515px;
	text-align: center;
	overflow: hidden;
}
#feature .main2 .bg img {
	/* min-width: 1180px;*/
	width: 100%;
}
#feature .main2 .catch01 {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 55px auto 0;
	width: 335px;
}
/*ボタン*/


#feature .btn {
	background: #e5004f;
	padding: 50px 0;
	text-align: center;/*border-top: 1px solid #e2e2e2;
	border-bottom: 1px solid #e2e2e2;*/
}
#feature .btn ul li a {
	color: #e5004f;
	display: block;
	padding: 20px 0;
}
#feature .btn ul {
	display: block;
	width: 796px;
	margin: 0 auto;
	/*  */
	background-color: #fff;
}
#feature .btn ul li {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	border-left: 1px solid #e5004f;
	border-bottom: 1px solid #e5004f;
	border-right: 1px solid #e5004f;
	width: 25%;
}
#feature .btn ul li:nth-child(even) {
	border-right: 0px solid #e5004f;
}
#feature .btn ul li:nth-child(4) {
	border-right: 0px solid #e5004f;
}
#feature .btn ul li:nth-child(3) {
	border-right: 0px solid #e5004f;
}
#feature .btn ul li:first-child {
	float: left;
	width: 100%;
	border-top: 1px solid #e5004f;
}
#feature .btn_2 {
	background: #fff;
	padding: 30px 0;
	text-align: center;
	border-bottom: 1px solid #999;
}
#feature .btn_2 a {
	color: #000;
	display: block;
}
#feature .btn_2 ul {
	display: block;
	width: 796px;
	margin: 0 auto;
}
#feature .btn_2 ul li {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	border-left: 1px solid #000;
	border-bottom: 1px solid #000;
	border-top: 1px solid #000;
	width: 25%;
	padding: 15px 0;
}
#feature .btn_2 ul li:nth-child(4) {
	border-right: 1px solid #000;
}
/*最終お届け案内*/
#feature .last-deli {
	width: 700px;
	border: solid 1px;
	padding: 20px 40px;
	margin: 40px auto 0;
	text-align: center;
}
#feature .last-deli span {
	font-weight: bold;
	font-size: 120%;
}








/*fd 父の日特集*/


#fd {
	padding: 0 0 60px;
}
#fd .fix {
	position: fixed;
	top: 0;
	z-index: 9999;
}

#fd .fix-pd {
	padding-top:69px;
}



#fd .h_sub_nav {
	width: 100%;
	background: #fff;
	padding: 20px 0;
}
#fd .wrapp {
	width: 960px;
	margin: 0 auto;
}
#fd .h_sub_nav a {
	color: #448aca;
}
#fd .h_sub_nav ul li {
	position: relative;
	display: inline-block;
	font-size: 14px;
	padding: 5px 24px;
	border-left: 1px solid #fff;
}
#fd .h_sub_nav ul li:first-child {
	border-left: none;
}
#fd .h_sub_nav ul li:before {
	content: '';
	width: 6px;
	height: 6px;
	border: 0px;
	border-top: solid 1px #448aca;
	border-right: solid 1px #448aca;
	-ms-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	position: absolute;
	top: 35%;
	left: 10px;
}
#fd .main {
	position: relative;
	height: 713px;
	text-align: center;
	overflow: hidden;
	background-color: #f1f3f2;
}
#fd .main .bg img {
	/*min-width:1180px;*/
	width: 100%;
}
#fd .main .catch01 {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 30px auto 0;
	width: 770px;
}
#fd .main .catch02 {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 350px auto 0;
	width: 770px;
}
/*7つの理由*/

#fd .point {
	width: 880px;
	margin: 0 auto;
	padding: 70px 0 90px;
}
#fd .point ul li {
	margin: 0 0 20px;
}
#fd .point ul li:first-child {
	float: none;
	margin: 0;
}
#fd .point ul li:nth-child(odd) {
	float: left;
}
#fd .point ul li:nth-child(even) {
	float: right;
}
/*カード*/

#fd .card {
	background: #eee;
	padding: 90px 0;
}
#fd .card_inner {
	width: 880px;
	margin: 0 auto;
}
#fd .card_inner h3 {
	margin: 0 0 25px;
}
#fd .card_inner p {
	float: left;
	width: 700px
}
#fd .card_inner .img {
	float: right;
}
#fd .card_inner ul li {
	float: left;
	margin: 20px 10px 0 0;
}
#fd .card_inner ul li:last-child {
	float: left;
	margin: 20px 0 0 0;
}

#fd .card_inner ul li:nth-child(2) {
	float: left;
	margin: 135px 10px 0 0;
}

/*プリザーブドフラワーについて*/

#fd .flower {
	width: 880px;
	margin: 0 auto;
	padding-top: 60px;
}

#fd .flower .img-flower {
	float: left;
	width: 320px;
}

#fd .flower .img-flower img {
	width: 100%;
}

#fd .flower .text-flower {
	float: right;
	width: 540px;
	padding-top: 50px;
}

#fd .flower .text-flower .catch {
	font-size: 14px;
	color: #fff;
	width: 280px;
	text-align: center;
	padding: 5px 10px;
	background-color: #448aca;
	-moz-border-radius: 20px;    /* 古いFirefox */
	-webkit-border-radius: 20px; /* 古いSafari,Chrome */
	border-radius: 20px;         /* CSS3 */
}

#fd .flower .text-flower .title {
	font-size: 28px;
	margin: 10px 0;
	color: #448aca;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	border-bottom: solid #fff 1px;
}

#fd .flower .text-flower .text {
	font-size: 14px;
	line-height: 1.8em;
}

#fd .flower .text-flower .text strong {
	color: #000;
}

/*ぷりんについて*/

#fd .aboutitem {
	width: 960px;
	margin: 100px auto 0;
}
#fd .aboutitem h3 {
	margin: 69px auto 30px;
}
#fd .aboutitem ul li {
	margin: 0 auto 70px;
	padding: 0 30px;
}
#fd .aboutitem .itembox-l {
	float: left;
	width: 430px;
}
#fd .aboutitem .itembox-r {
	float: right;
	width: 430px;
}
#fd .aboutitem .itembox h4 {
	/*font-size:22px;*/
	padding: 0 0 5px;
	border-bottom: 1px solid #ccc;
	margin: 0 0 15px;
}
#fd .aboutitem .itembox p {
	line-height: 1.7;
	font-size: 14px;
}
#fd .aboutitem .itembox-last {
	width: 600px;
}
#fd .aboutitem ul li:last-child {
	background: url(https://gigaplus.makeshop.jp/puddinglabo/feature/images/aboutitem-7.png) no-repeat bottom;
	padding: 0 0 240px;
}
#fd .aboutitem .itembox-last h4 {
	font-size: 30px;
}
#fd .aboutitem .itembox-last p span {
	font-weight: bold;
	display: block;
	font-size: 18px;
	padding: 0 0 10px;
}
/*こだわり*/



#fd .picky {
	padding: 60px 0 0;
	background: #dedede;
}
#fd .picky h3 {
	width: 995px;
	margin: 0 auto 50px;
}
#fd .picky-inner {
	width: 995px;
	margin: 0 auto;
}
#fd .picky-bg {
	height: 445px;
	background: url(https://gigaplus.makeshop.jp/puddinglabo/feature/images/picky-bg.png) no-repeat right top;
}
#fd .picky-inner p {
	line-height: 1.8;
}
#fd .picky-inner p span {
	display: block;
	font-size: 16px;
	font-weight: bold;
	padding: 25px 0;
}
#fd .picky-point {
	padding: 40px 0 80px;
	width: 960px;
	margin: 0 auto;
}
#fd .picky-point ul li {
	padding: 18px;
	border: 1px solid #000;
	margin: 0 0 20px;
}
#fd .picky-point ul li h4 {
	margin: 30px 0 20px;
	font-size: 22px;
}
#fd .picky-point ul li p {
	line-height: 1.8;
}
#fd .picky-point ul li .read-moer {
	margin: 30px 0 10px;
	display: block;
	cursor: pointer;
	background: url(https://gigaplus.makeshop.jp/puddinglabo/feature/images/arr.png) no-repeat 5.2em 48%;
}
#acMenu dd {
	display: none;
}
/*お客様の声*/


#fd .voice {
	padding: 70px 0;
	border-bottom: 2px solid #e5e5e5;
}
#fd .voice h3 {
	font-size: 30px;
	text-align: center;
	margin: 0 0 35px;
}
#fd .voice p {
	text-align: center;
	line-height: 2.0;
}
#fd .voice .voice-btn {
	text-align: center;
	margin: 50px 0 0;
}
/*メディア*/


#fd .media {
	padding: 70px 0;
	border-bottom: 2px solid #e5e5e5;
}
#fd .media h3 {
	font-size: 30px;
	text-align: center;
	margin: 0 0 35px;
}
#fd .media p {
	text-align: center;
	line-height: 2.0;
}
#fd .media .media-inner {
	width: 960px;
	margin: 0 auto;
}
#fd .media .media-img {
	margin: 45px 0;
}
#fd .media h4 {
	color: #e5004f;
	border-bottom: 1px dotted #ccc;
	padding: 0 0 5px;
	margin: 0 0 10px;
}
#fd .media ul {
	float: left;
	letter-spacing: -0.6px;
	width: 320px;
}
#fd .media ul li {
	font-size: 10px;
	margin: 0 auto 7px;
	width: 290px;
}
#fd .media ul li span {
	display: table-cell;
	padding: 0 5px 0 0;
}
/*特集*/

#fd .itemlist {
	padding: 120px 0 0;
}
#fd .itemlist h3 {
	text-align: center;
}
#fd .itemlist p {
	text-align: center;
	padding: 30px 0 100px;
	line-height: 2.0;
}
#fd .itemlist .sec-item {
	padding: 30px 0 140px;
}
#fd .itemlist .sec-item.honmei {
	background: #f96a79;
}
#fd .itemlist .sec-item.mychoko {
	background: #fa929e;
}
#fd .itemlist .sec-item.tomochoko {
	background: #4e92a2;
}
#fd .itemlist .sec-item .sec-item-inner {
	width: 900px;
	margin: 0 auto;
}
#fd .itemlist .sec-item .sec-item-inner h4 {
	text-align: center;
	margin: 0 0 40px;
}
#fd .itemlist .sec-item .sec-item-inner ul li {
	float: left;
	width: 280px;
	margin: 0 30px 0 0;
}
#fd .itemlist .sec-item .sec-item-inner ul li:last-child {
	margin: 0;
}
#fd .itemlist .sec-item .sec-item-inner .item-thum {
	margin: 0 0 10px;
}
#fd .itemlist .sec-item .sec-item-inner .item-name {
	margin: 0 0 10px;
	font-weight: bold;
}
#fd .itemlist .sec-item .sec-item-inner .item-txt {
	margin: 0 0 10px;
	line-height: 1.8;
}
/*価格リスト*/

#fd .pricelist {
	width: 980px;
	margin: 0 auto;
	padding: 0 0 60px;
}
#fd .pricelist .price-box {
	margin: 0 0 15px;
}
#fd .pricelist h3 {
	margin: 0 0 25px;
}
#fd .pricelist h4 {
	background: #9a9695;
	font-size: 14px;
	color: #fff;
	padding: 10px 20px;
	margin: 0 0 15px;
}
#fd .pricelist ul li {
	float: left;
	width: 225px;
	margin: 0 25px 15px 0;
}
#fd .pricelist ul li:last-child {
	margin: 0;
}
#fd .pricelist .item-thum {
	margin: 0 0 10px;
}
#fd .pricelist .item-name {
	margin: 0 0 10px;
	font-size: 12px;
}
#fd .pricelist .item-price {
	font-size: 13px;
	color: #cc0000;
}
/*ギフト*/



#fd .gift {
	padding: 50px 0 60px;
	background: #ededed;
}
#fd .gift h3 {
	padding: 0 0 30px;
}
#fd .gift .gift-inner {
	width: 960px;
	margin: 0 auto;
}
#fd .gift .gift-box {
	padding: 0 85px;
	margin: 0 0 25px;
}
#fd .gift .gift-img {
	float: left;
	width: 260px;
	margin: 0 20px 0 0;
}
#fd .gift .gift-txt span {
	display: inline-block;
	color: #fff;
	background: #a79039;
	padding: 4px 20px 3px;
	font-size: 16px;
	/*font-weight:bold;*/
	margin: 0 10px 0 0;
}
#fd .gift .gift-txt h4 {
	margin: 15px 0;
}
#fd .gift .gift-att {
	border: 10px solid #ccc;
	font-size: 24px;
	text-align: center;
	text-decoration: underline;
	line-height: 1.8;
	font-weight: bold;
	background: #fff;
	width: 760px;
	margin: 0 0 0 85px;
	padding: 25px 0;
}
/*カレンダー*/

#fd .calendar {
	padding: 70px 0 40px;
	width: 960px;
	margin: 0 auto;
}
#fd .calendar .calendar-inner {
	margin: 25px auto 0;
	border: 20px solid #448aca;
	padding: 50px 30px;
	text-align: center;
}
#fd .calendar h3.calendar-att span {
	color: #fff;
	font-size: 26px;
	background: #448aca;
	padding: 20px;
	display: inline-block;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	margin: 0 10px 0 0;
}
#fd .calendar h3.calendar-att {
	text-align: center;
	font-size: 37px;
	text-decoration: underline;
	border: none;
}
#fd .calendar h3 {
	text-align: center;
	font-size: 30px;
	border-bottom: 1px solid #000;
	padding: 0 0 5px;
	margin: 0 0 20px;
}
#fd .calendar p {
	text-align: center;
	font-size: 18px;
	padding: 0 0 5px;
	margin: 0 0 20px;
}
#fd .calendar p span {
	font-weight: bold;
	color:#ff0000;
}
/*フォーム*/

#fd .form {
	text-align: center;
	padding: 0 0 60px;
}
#fd .form p {
	text-align: center;
	font-size: 18px;
	margin: 0 0 10px;
}
#fd .main2 {
	position: relative;
	height: 412px;
	text-align: center;
	overflow: hidden;
}
#fd .main2 .bg img {
	/* min-width: 1180px;*/
	width: 100%;
}
#fd .main2 .catch01 {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 115px auto 0;
	width: 335px;
}
/*ボタン*/


#fd .btn {
	background: #448aca;
	padding: 50px 0;
	text-align: center;/*border-top: 1px solid #e2e2e2;
	border-bottom: 1px solid #e2e2e2;*/
}
#fd .btn ul li a {
	color: #448aca;
	display: block;
	padding: 20px 0;
}
#fd .btn ul {
	display: block;
	width: 796px;
	margin: 0 auto;
	/*  */
	background-color: #fff;
}
#fd .btn ul li {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	border-left: 1px solid #448aca;
	border-bottom: 1px solid #448aca;
	border-right: 1px solid #448aca;
	width: 33.3%;
}
#fd .btn ul li:nth-child(even) {
	border-right: 0px solid #448aca;
}
#fd .btn ul li:nth-child(3) {
	border-right: 0px solid #448aca;
}
#fd .btn ul li:nth-child(2) {
	border-right: 0px solid #448aca;
}
#fd .btn ul li:first-child {
	float: left;
	width: 100%;
	border-top: 1px solid #448aca;
}
#fd .btn_2 {
	background: #fff;
	padding: 30px 0;
	text-align: center;
	border-bottom: 1px solid #999;
}
#fd .btn_2 a {
	color: #000;
	display: block;
}
#fd .btn_2 ul {

	display: block;
	width: 796px;
	margin: 0 auto;
}
#fd .btn_2 ul li {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	border-left: 1px solid #000;
	border-bottom: 1px solid #000;
	border-top: 1px solid #000;
	width: 25%;
	padding: 15px 0;
}
#fd .btn_2 ul li:nth-child(3) {
	border-right: 1px solid #000;
}
/*最終お届け案内*/
#fd .last-deli {
	width: 700px;
	border: solid 1px;
	padding: 20px 40px;
	margin: 40px auto 0;
	text-align: center;
}
#fd .last-deli span {
	font-weight: bold;
	font-size: 120%;
}


/*商品詳細ページイベントバナー*/
.M_mainContents .event-bnr{
	padding: 40px 0;
}


/*3rd 3周年*/


ul{
	margin:0;
	padding:0;
	}

#anv-3rd .wrapp {
	width: 960px;
	margin: 0 auto;
}
#anv-3rd .main {
	position: relative;
	height: 713px;
	text-align: center;
	overflow: hidden;
	background-color: #f1f3f2;
}
#anv-3rd .main .bg img {
	/*min-width:1180px;*/
	width: 100%;
	min-height: 713px;
}
#anv-3rd .main .catch01 {
	position: absolute;
	top: 0;
	left: -80px;
	right: 0;
	bottom: 0;
	margin: 30px auto 0;
	width: 937px;
}

#anv-3rd .thk-txt {
	text-align:center;
	font-size:20px;
	line-height:36px;
	padding:55px 0;
}

#anv-3rd .privilege h3{
	margin:0 0 30px;
	}



#anv-3rd .privilege-inner{
	width:980px;
	margin:0 auto 60px;
	}



#anv-3rd .privilege ul li {
	display:table-cell;
	vertical-align:top;
	width:50%;
	padding:0 0 0 30px;
}


#anv-3rd .privilege ul li p {
	width:470px;
	font-size:20px;
	line-height:36px;
}


#anv-3rd .privilege ul li p span{
	color:#ff0000;
}

#anv-3rd .selection{
	margin:45px 0 0;
	background:#eeeeee;

}


#anv-3rd .selection-inner{
	width:980px;
	margin:0 auto;
	padding:40px 0;

}



#anv-3rd .selection h3{
	font-size:28px;
	border-bottom:1px solid #000;
	padding:0 0 10px;
	margin:0 0 40px;


}

#anv-3rd .selection h4{
	padding:0 0 20px;


}



#anv-3rd .selection p{
	font-size:20px;
	line-height:36px;
	margin:0 0 40px;


}


#anv-3rd .selection-inner ul li{
	display:table-cell;
	vertical-align:top;
	width:480px;

}

#anv-3rd .selection-inner ul li .thum{
	text-align:right;

}

#anv-3rd .selection-inner ul li .thum img{
	width:400px;

}



#anv-3rd .reco{
	width:980px;
	margin:0 auto;

}

#anv-3rd .reco h3{
	margin:0 0 45px;

}


#anv-3rd .reco ul li:nth-child(1){
	display:table-cell;
	vertical-align:top;
	width:420px;

}

#anv-3rd .reco ul li:nth-child(2){
	display:table-cell;
	vertical-align:top;
	width:560px;

}
#anv-3rd .reco ul li:nth-child(1) .thum img{
	width:400px;

}

#anv-3rd .reco ul li:nth-child(2) .thum{
	float:left;
	width:195px;

}

#anv-3rd .reco .item-box .thum img{
	width:210px;
}


#anv-3rd .reco .item-box .item-detail{
	float:right;
	width:340px;
}



#anv-3rd .reco .item-box{
	margin-bottom:40px;
}


#anv-3rd .reco .item-name{
	font-size:18px;
	font-weight:bold;
	border-bottom:1px solid #000;
	margin:10px 0 0;
}


#anv-3rd .reco ul li:nth-child(1) .item-name{
	width:400px;

}



#anv-3rd .reco .item-price{
	margin:5px 0;
	font-weight:bold;
	padding:0 20px 0 0;

}

#anv-3rd .reco .item-txt{
	font-weight:bold;
	padding:0 20px 0 0;

}


#anv-3rd .reco .btn{
	margin:10px 0;

}

#anv-3rd section{
	border:none;
	}

.period{
	width: 700px;
    border: solid 1px;
    padding: 20px 40px;
    margin: 40px auto;
    text-align: center;
	}


.period p{
    text-align: center;
	}
#sub1 .input-area div img {
    vertical-align: middle !important;
}
#M_basketTable .optionTr td.M_alignL > div {
    margin-left: 0 !important;
    max-width: 613px;
    overflow-x: auto;
}
#deli_hope_date_container.yui-calcontainer .yui-calendar {
    visibility: inherit !important;
}

/* 220826 */

.item__inner{
  width: 980px;
  margin: 0 auto;
}

.item__inner .add_h2{
  text-align: center;
  font-size: 18px;
  margin-bottom: 25px;
}

.item__inner .tab .add_tabSwitch{
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: center;
  margin-bottom: 45px;
}

.item__inner .tab .add_tabSwitch li{
  padding: 5px 20px;
  position: relative;
  cursor: pointer;
}

.item__inner .tab .add_tabSwitch li:not(:last-child):after{
  display: block;
  content: '';
  position: absolute;
  width: 1px;
  height: 16px;
  background: #ddd;
  right: 0;
  top: 7px;
}

.item__inner .tab .add_tabSwitch li.active{
  border-bottom: 2px solid #333;
  font-weight: bold;
}

.item__inner .ecRec__sec{
  font-size: 14px;
}
.item__inner .ecRec__sec .item-list{
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: calc(100% + 20px);
  margin-left: -10px;
}


.item__inner .cateRanking .item-list{
  margin-top:45px;
}

.item__inner .ecRec__sec .item-list li{
  max-width: 20%;
  flex-basis: 20%;
  padding: 0 10px;
  box-sizing: border-box;
  font-size: 14px;
  position: relative;
}

.item__inner .cateRanking .item-list li:before{
  position: absolute;
  top: -23px;
  left: 0;
  display: block;
  content: '';
  width: 100%;
  height: 23px;
  font-weight: bold;
}
.item__inner .cateRanking .item-list li:nth-child(1):before{
  background: url(https://puddinglaboratory.jp/images/common/rank-01.png) no-repeat 10px bottom;
}
.item__inner .cateRanking .item-list li:nth-child(2):before{
  background: url(https://puddinglaboratory.jp/images/common/rank-02.png) no-repeat 10px bottom;
}
.item__inner .cateRanking .item-list li:nth-child(3):before{
  background: url(https://puddinglaboratory.jp/images/common/rank-03.png) no-repeat 10px bottom;
}
.item__inner .cateRanking .item-list li:nth-child(4):before{
  content: '4位';
}
.item__inner .cateRanking .item-list li:nth-child(5):before{
  content: '5位';
}

.item__inner .item-button{
  display: none;
}


.pay_img{
    margin-top: 15px;
}

.pay_img img{
  max-width: 100%;
}

.giftCate_wrap{
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  width: calc(100% + 20px);
  margin-left: -10px;
}


.giftCate_wrap .giftCate{
  box-sizing: border-box;
  padding: 0 10px;
}
.giftCate_wrap .giftCate.-set{
  max-width: 40%;
  flex-basis: 40%;
}
.giftCate_wrap .giftCate.-gift{
  max-width: 60%;
  flex-basis: 60%;
}

.giftCate_wrap .giftCate h2{
  margin-bottom: 7px;
}

.giftCate .category__list{
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: calc(100% + 10px);
  margin-left: -5px;
}

.giftCate_wrap .giftCate .category__list li{
  padding: 0 5px;
  box-sizing: border-box;
  margin-bottom: 10px;
}
.giftCate_wrap .giftCate.-set .category__list li{
  max-width: 50%;
  flex-basis: 50%;
}
.giftCate_wrap .giftCate.-gift .category__list li{
  max-width: 33.333%;
  flex-basis: 33.333%;
}

.giftCate .category__list li .icon__button{
  display: block;
    padding: 10px;
    background: #A8903A;
    color: #fff;
    transition: 0.3s;
}

.giftCate .category__list li .icon__button:hover{
  text-decoration: none;
  opacity: .8;
}