@charset "utf-8";
/* zyoukasou_sp */

/*(C)BABAFUKU 
このページの著作権は馬場福ビル管理が保有します。コピーされた場合は法的に告訴します。アクセスされたIPアドレスは全て記録してます。
The copyright of this page is owned by BABAFUKU Inc. If it is copied, we will legally sue. We keep track of all IP addresses accessed.*/

/*コンテンツ*/

* {
	margin: 0px;
	padding: 0px;
}

/*========================================2021追加分========================================*/

/*====================各画像下の隙間無くす====================*/

/*==img向け 各画像下の隙間無くす==*/

.noImgGap0__img0 {
	box-sizing: border-box;
	/*パディングとボーダーを幅と高さに含める*/
	vertical-align: top;
	/*画像下の余白無くす*/
}

/*==各div==*/

.noImgGap0__div0 {
	box-sizing: border-box;
	line-height: 0;
}

/*====================各商品バナー下文字====================*/

.itemBannerText0 {
	font-size: 14px;
	padding: 4px;
	margin: 0px;
	line-height: 1.4em;
}

/*====================空白====================*/

/*========== 余白小 ==========*/

.space0__tiny0 {
	clear: both;
	height: 5px;
}

/*========== 余白小 ==========*/

.space0__small0 {
	clear: both;
	height: 10px;
}

/*========== 余白大 ==========*/

.space0__big0 {
	clear: both;
	height: 100px;
}

/*====================背景色====================*/

.bgColor0__white0 {
	background-color: #ffffff;
}

.bgColor0__lightGray0 {
	background-color: #fafafa;
}

.bgColor0__lightGray1 {
	background-color: #f7f7f7;
}

.bgColor0__lightGray2 {
	background-color: #f0f0f0;
}

.bgColor0__gray0 {
	background-color: #eaeaea;
}

.bgColor0__gray1 {
	background-color: #e7e7e7;
}

.bgColor0__gray2 {
	background-color: #e0e0e0;
}

/*====================フォントサイズ====================*/

.fontSize0__small0 {
	font-size: 12px;
}

.fontSize0__medium0 {
	font-size: 14px;
}

/*====================テキスト回り====================*/

.lineBasic0 {
	padding: 4px;
	margin: 0px;
	line-height: 1.4em;
}

.fontColor0_gray0 {
	color: #999999;
}

.fontColor0_lightOrage0 {
	color: #ffa163;
}

/*====================カラム====================*/

.itemBox0 {
	box-sizing: border-box;
	/*border: 1px solid #f0f0f0;*/
}

/*==========カラム数==========*/

/*==3カラム==*/

.itemBox0__3column0C {
	box-sizing: border-box;
	position: relative;
	float: left;
	width: calc(100% / 3);
}

/*==4カラム==*/

.itemBox0__4column0C {
	box-sizing: border-box;
	position: relative;
	float: left;
	width: calc(100% / 4);
}

/*==5カラム==*/

.itemBox0__5column0C {
	box-sizing: border-box;
	position: relative;
	float: left;
	width: calc(100% / 5);
}

/*==========カラム縦幅==========*/

.itemBox0__boxH170px0 {
	min-height: 170px;
}

.itemBox0__boxH120px0 {
	min-height: 120px;
}

.itemBox0__boxH100px0 {
	min-height: 100px;
}

.itemBox0__boxH70px0 {
	min-height: 70px;
}

/*==========カラム上==========*/

/*==一行目==*/

.itemBox0__upperFirst0 {
	border-top: 1px solid #f0f0f0;
	border-bottom: 1px solid #f0f0f0;
	border-left: 1px solid #f0f0f0;
}

/*==一行目 最後==*/

.itemBox0__upperFirstEnd0 {
	border-top: 1px solid #f0f0f0;
	border-bottom: 1px solid #f0f0f0;
	border-left: 1px solid #f0f0f0;
	border-right: 1px solid#f0f0f0;
}

/*==二行目以降==*/

.itemBox0__upper0 {
	border-bottom: 1px solid #f0f0f0;
	border-left: 1px solid #f0f0f0;
}

/*==二行目以降 最後==*/

.itemBox0__upperEnd0 {
	border-bottom: 1px solid #f0f0f0;
	border-left: 1px solid #f0f0f0;
	border-right: 1px solid#f0f0f0;
}

.itemBox0__upper1 {
	box-sizing: border-box;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 80%;
}

/*==カラム上img==*/

.itemBox0__imgW100H200px0 {
	box-sizing: border-box;
	vertical-align: top;
	max-height: 100px;
	max-width: 200px;
	object-fit: contain;
}

.itemBox0__imgW100H100px0 {
	box-sizing: border-box;
	vertical-align: top;
	max-height: 100px;
	max-width: 100px;
	object-fit: contain;
}

/*==========カラム下==========*/

.itemBox0__under0 {
	border-bottom: 1px solid #f0f0f0;
	border-left: 1px solid #f0f0f0;
}

.itemBox0__underEnd0 {
	border-bottom: 1px solid #f0f0f0;
	border-left: 1px solid #f0f0f0;
	border-right: 1px solid #f0f0f0;
}

.itemBox0__under1 {
	box-sizing: border-box;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: calc(100% - 20px);
	max-height: 200px;
	text-align: center;
}

/*==お客様のアップ画像==*/

.customerImgSize0 {
	max-height: 800px;
}

/*========================================2021追加分========================================*/

body {
	-webkit-font-smoothing: antialiased;
	margin: 0px;
	padding: 0px;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
}

.body_back {
	background-color: #ffffff;
	background-position: 50% 0%;
}

.img_back {
	background-color: #d7d7d7;
	background-position: 50% 0%;
}

a {
	text-decoration: none;
}

a:link {
	color: #000000;
}

a:visited {
	color: #000000;
}

a:active {
	color: #ff6600;
}

a:hover {
	color: #ff6600;
}

a.no2:link {
	color: #ff6600;
}

a.no2:visited {
	color: #ff6600;
}

a.no2:active {
	color: #ff9966;
}

a.no2:hover {
	color: #ff9966;
}

a.no3:link {
	color: #666666;
}

a.no3:visited {
	color: #666666;
}

a.no3:active {
	color: #ff6600;
}

a.no3:hover {
	color: #ff6600;
}

a.no4:link {
	color: #ffffff;
}

a.no4:visited {
	color: #ffffff;
}

a.no4:active {
	color: #ffffff;
}

a.no4:hover {
	color: #ffffff;
}

a.no5:link {
	color: #FFFFFF;
}

a.no5:visited {
	color: #FFFFFF;
}

a.no5:active {
	color: #ff9966;
}

a.no5:hover {
	color: #ff9966;
}

a.no6:link {
	color: #800023;
}

a.no6:visited {
	color: #800023;
}

a.no6:active {
	color: #CD3278;
}

a.no6:hover {
	color: #CD3278;
}

a.no7:link {
	color: #fdfaf1;
}

a.no7:visited {
	color: #fdfaf1;
}

a.no7:active {
	color: #d9d1ac;
}

a.no7:hover {
	color: #d9d1ac;
}

a.no_bl:link {
	color: #008B8B;
}

a.no_bl:visited {
	color: #008B8B;
}

a.no_bl:active {
	color: #00b7b7;
}

a.no_bl:hover {
	color: #00b7b7;
}

.s_h1 {
	font-size: 16px;
	padding: 4px;
	margin: 0px;
	line-height: 1.4em;
	color: #ff6600;
	font-weight: normal;
}

.s_h2 {
	font-size: 16px;
	padding: 4px;
	margin: 0px
}

.s_amazon {
	padding: 0px;
	margin: 0px;
	background-color: #f7f7f7;
	line-height: 0;
}

.dummy_s {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*旧文字一覧*/

.s_mozi_item {
	font-size: 16px;
	padding: 10px;
	margin: 0px;
}

.s_mozi_1 {
	font-size: 16px;
	padding: 4px;
	margin: 0px;
	line-height: 1.4em;
}

.s_mozi_2 {
	font-size: 14px;
	padding: 4px;
	margin: 0px;
	line-height: 1.4em;
	background-color: #ffffff;
}

.s_mozi_3 {
	font-size: 16px;
	padding: 4px;
	margin: 0px;
	line-height: 1.4em;
	background-color: #f7f7f7;
}

.s_mozi_4 {
	font-size: 16px;
	padding: 4px;
	margin: 0px;
	line-height: 1.4em;
	background-color: #e7e7e7;
}

.s_mozi_5 {
	font-size: 16px;
	padding: 4px;
	margin: 0px;
	line-height: 1.4em;
	background-color: #CDAA7D;
}

.s_mozi_6 {
	font-size: 16px;
	padding: 4px;
	margin: 0px;
	line-height: 1.4em;
	background-color: #ffffff;
}

.s_mozi_7 {
	font-size: 16px;
	padding: 4px;
	margin: 0px;
	line-height: 1.4em;
	background-color: #e7e7e7;
}

.s_mozi_8 {
	font-size: 12px;
	padding: 4px;
	margin: 0px;
	line-height: 1.4em;
	background-color: #f7f7f7;
}

.s_mozi_9 {
	font-size: 12px;
	padding: 4px;
	margin: 0px;
	line-height: 1.4em;
	background-color: #e7e7e7;
}

.s_mozi_10 {
	font-size: 12px;
	padding: 4px;
	margin: 0px;
	line-height: 1.4em;
	background-color: #e7e7e7;
}

.s_mozi_11 {
	font-size: 60px;
	padding: 4px;
	margin: 0px;
	line-height: 1.4em;
	background-color: #ff9900;
	font-weight: bold;
}

.s_mozi_12 {
	font-size: 14px;
	padding: 4px;
	margin: 0px;
	line-height: 1.4em;
}

.s_mozi_13 {
	font-size: 10px;
	padding: 4px;
	margin: 0px;
	line-height: 1.4em;
}

.s_mozi_wagon_r1 {
	font-size: 12px;
	padding: 4px;
	margin: 0px;
	line-height: 1.4em;
}

.s_mozi_wagon_r2 {
	font-size: 14px;
	padding: 4px;
	margin: 0px;
	line-height: 1.4em;
}

.s_mozi_wagon_r3 {
	font-size: 12px;
	padding: 2px;
	margin: 0px;
	line-height: 1.4em;
}

.s_mozi_mokuzi {
	font-size: 14px;
	padding: 4px;
	margin: 0px;
	line-height: 1.4em;
	background-color: #ffffff;
}

/*==--(-----L---O)==*/

.s_mozi_r1 {
	font-size: 16px;
	padding: 4px;
	margin: 0px;
	line-height: 1.4em;
	background-color: #FFE099;
}

.s_mozi_r2 {
	font-size: 16px;
	padding: 4px;
	margin: 0px;
	line-height: 1.4em;
	background-color: #FFB5C5;
}

.s_mozi_r3 {
	font-size: 16px;
	padding: 4px;
	margin: 0px;
	line-height: 1.4em;
	background-color: #B0E0E6;
}

.s_mozi_r4 {
	font-size: 16px;
	padding: 4px;
	margin: 0px;
	line-height: 1.4em;
	background-color: #C1F0C1;
}

.s_mozi_r1_2 {
	font-size: 16px;
	padding: 4px;
	margin: 0px;
	line-height: 1.4em;
	background-color: #FFF8DC;
}

.s_mozi_r2_2 {
	font-size: 16px;
	padding: 4px;
	margin: 0px;
	line-height: 1.4em;
	background-color: #FFF0F5;
}

.s_mozi_r3_2 {
	font-size: 16px;
	padding: 4px;
	margin: 0px;
	line-height: 1.4em;
	background-color: #f0ffff;
}

.s_mozi_r4_2 {
	font-size: 16px;
	padding: 4px;
	margin: 0px;
	line-height: 1.4em;
	background-color: #f0fff0;
}

/*==---C--==*/

.s_hr {
	padding: 0px;
	margin: 0px;
}

.s_hr2 {
	padding: 1px;
	margin: 0px;
	border: 0px;
	background-color: #e7e7e7;
}

/*==---C--(-----L---O)==*/

.s_hr_r1 {
	padding: 1px;
	margin: 0px;
	border: 0px;
	background-color: #FF870C;
}

.s_hr_r2 {
	padding: 1px;
	margin: 0px;
	border: 0px;
	background-color: #F500CA;
}

.s_hr_r3 {
	padding: 1px;
	margin: 0px;
	border: 0px;
	background-color: #00AEE7;
}

.s_hr_r4 {
	padding: 1px;
	margin: 0px;
	border: 0px;
	background-color: #00c800;
}

/*==-J-[-g----==*/

.s_wagon_p {
	padding: 0px;
	margin: 4px 0px 4px 0px;
}

/*==========ポッチ==========*/

.potti_content {
	display: flex;
	position: relative;
	min-height: 50px;
	width: 100%;
}

/*==ポッチを使った口コミ==*/

.potti_content_a {
	box-sizing: border-box;
	display: block;
	float: left;
	padding: 0px;
	margin: 0px 10px 0px 0px;
	min-height: 50px;
	width: 50px;
}

.potti_content_b {
	box-sizing: border-box;
	display: block;
	float: left;
	padding: 0px;
	min-height: 50px;
	width: calc(100% - 60px);
}

/*==ポッチを使ったindex==*/

.potti_content_index {
	position: relative;
	min-height: 50px;
	width: 100%;
}

.potti_content_li_0 {
	line-height: 0;
	box-sizing: border-box;
	display: block;
	float: left;
	padding: 0px;
	margin: 0px 10px 0px 0px;
	min-height: 50px;
	width: 50px;
}

.potti_content_li_1 {
	box-sizing: border-box;
	display: block;
	float: left;
	padding: 0px;
	min-height: 50px;
	width: calc(100% - 60px);
}

/*==-?==*/

.s_head {
	vertical-align: middle;
	text-align: center;
	background: url(../xx_img_s/all/back/back_s.jpg) repeat-x;
	background-color: #ddddd3;
}

/*==---o------==*/

.s_finding {
	background-color: #ffffff;
	margin: 10px 0px 0px 0px;
}

/*==---o------(-----L---O)==*/

.s_finding_r0 {
	background-color: #ffffff;
	margin: 0px 0px 0px 0px;
}

.s_finding_r1 {
	margin: 0px 0px 0px 0px;
	background: url(../xx_img_s/all/ranking/picup_back_1.jpg) no-repeat;
	background-color: #f1f07a;
}

.s_finding_r2 {
	margin: 0px 0px 0px 0px;
	background: url(../xx_img_s/all/ranking/picup_back_2.jpg) no-repeat;
	background-color: #cde2dd;
}

.s_finding_r3 {
	margin: 0px 0px 0px 0px;
	background: url(../xx_img_s/all/ranking/picup_back_3.jpg) no-repeat;
	background-color: #f3dc8e;
}

.s_finding_r4 {
	margin: 0px 0px 0px 0px;
	background: url(../xx_img_s/all/ranking/picup_back_4.jpg) no-repeat;
	background-color: #e5e5e5;
}

/*==補修部品、ロータリー式等の注意喚起==*/

.attentionHeader0 {
	/*ページのマージンは基本これ*/
	box-sizing: border-box;
	/*パディングとボーダーを幅と高さに含める*/
	width: 100%;
	min-height: 10px;
	margin: 0px 0px 10px 0px;
}

.attentionHeader1 {
	width: 100%;
	padding: 4px;
	background-color: #8b0000;
	color: #ffffff;
}

/*==ページメイン==*/

.s_main {
	background-color: #ffffff;
	margin: 0px 0px 10px 0px;
}

.s_main_0 {
	background-color: #ffffff;
	margin: 0px 0px 10px 0px;
}

.s_main_1 {
	background-color: #e7e7e7;
	margin: 0px 0px 10px 0px;
}

.s_main_2 {
	height: 2px;
	margin: 0px 0px 0px 0px;
}

.s_main_4 {
	background-color: #ffffff;
	margin: 0px 0px 0px 0px;
}

.s_main_4a {
	background-color: #f7f7f7;
	margin: 0px 0px 0px 0px;
}

.s_main_4_2 {
	display: block;
	float: left;
	width: 100%;
	height: 4px;
}

/*==目次==*/

.s_mokuzi {
	width: 100%;
	background-color: #fff;
	margin: 0px 0px 10px 0px;
}

/*==その他==*/

.s_detail {
	box-sizing: border-box;
	/*パディングとボーダーを幅と高さに含める*/
	clear: left;
	width: 100%;
	background-color: #ffffff;
	margin: 0px 0px 0px 0px;
}

.s_detail_ranking {
	display: block;
	float: left;
	width: 140px;
	height: 140px;
}

.s_detail_appli {
	display: block;
	float: left;
	width: 60px;
	height: 60px;
}

.s_detail_appli_2 {
	display: block;
	float: left;
	width: 230px;
	height: 60px;
}

.s_detail_a1 {
	display: block;
	float: left;
	width: 160px;
}

.s_detail_b1 {
	display: block;
	float: left;
	width: 200px;
}

.s_detail2_1 {
	display: block;
	float: left;
	width: 50%;
}

.s_detail2_1a {
	display: block;
	float: left;
	width: 50%;
	background-color: #f7f7f7;
}

.s_detail2_2 {
	display: block;
	float: left;
	width: 25%;
}

.s_detail3_1 {
	display: block;
	float: left;
	width: 88px;
	height: 88px;
	background-color: #ebebeb;
}

.s_detail3_2 {
	display: block;
	float: left;
	width: 80px;
}

.s_detail3_3 {
	display: block;
	float: left;
	width: 70px;
}

.s_detail3_4 {
	display: block;
	float: left;
	width: 60px;
}

.s_detail4 {
	display: block;
	float: left;
	width: 100%;
	height: 3px;
}

.s_detail5 {
	display: block;
	float: left;
	width: calc(100% / 3);
	line-height: 0;
}

.s_detail6 {
	display: block;
	float: left;
	width: 20%;
	line-height: 0;
}

.s_detail6a {
	display: block;
	float: left;
	width: 20%;
	background-color: #f7f7f7;
	line-height: 0;
}

.s_detail6_a {
	display: block;
	float: left;
	width: 30%;
	padding: 10px;
}

.s_detail6_b {
	display: block;
	float: left;
	width: 60%;
	padding: 10px 0px 10px 0px;
}

.s_detail7_a {
	display: block;
	float: left;
	width: 20%;
	padding: 5px;
}

.s_detail7_b {
	display: block;
	float: left;
	width: 70%;
	padding: 10px 0px 10px 0px;
}

.s_detail8 {
	display: block;
	float: left;
	width: 30%;
	height: 100px;
	padding: 0px;
	margin: 0px;
	background-color: #f2f2f2;
	background-image: url(../xx_img_s/all/navi/icon_back_100.jpg);
	border-style: solid;
	border-width: 1px;
	border-color: #e2e2e2;
	text-align: center;
	vertical-align: middle;
}

.s_detail8_2 {
	display: block;
	float: left;
	width: 100%;
	height: 100px;
	padding: 0px;
	margin: 0px;
	background-color: #f2f2f2;
	background-image: url(../xx_img_s/all/navi/icon_back_100.jpg);
	border-style: solid;
	border-width: 1px;
	border-color: #e2e2e2;
	text-align: center;
	vertical-align: middle;
}

.s_detail9 {
	display: block;
	float: left;
	width: 15.9%;
	padding: 0px;
	margin: 0px;
	background-color: #f2f2f2;
	background-image: url(../xx_img_s/all/navi/icon_back_100.jpg);
	border-style: solid;
	border-width: 1px;
	border-color: #e2e2e2;
	text-align: center;
	vertical-align: middle;
}

.s_detail10 {
	display: block;
	float: left;
	width: 33.3%;
}

.s_detail10_a {
	display: block;
	float: left;
	width: 33.3%;
	background-color: #f7f7f7;
}

.s_detail11 {
	display: block;
	float: left;
	width: 50%;
}

.s_detail11_a {
	display: block;
	float: left;
	width: 50%;
	background-color: #f7f7f7;
}

.s_detail12_1 {
	color: #ffa163;
	display: block;
	float: left;
	width: 50%;
	line-height: 0;
}

.s_detail12_1a {
	color: #ffa163;
	display: block;
	float: left;
	width: 50%;
	background-color: #f7f7f7;
	line-height: 0;
}

.s_detail12_2 {
	color: #ffa163;
	display: block;
	float: left;
	width: 25%;
}

/*==========-==*/

.s_icon_8a {
	padding: 10px 0px 0px 0px;
	;
	margin: 0px;
}

.s_icon_8b {
	padding: 3px 0px 10px 0px;
	;
	margin: 0px;
	font-weight: bold;
	color: #333;
	text-decoration: none;
}

a.no_k:link {
	color: #333;
}

a.no_k:visited {
	color: #333;
}

a.no_k:active {
	color: #333;
}

a.no_k:hover {
	color: #333;
}

a.no_k {
	text-decoration: none;
}

.s_icon_9 {
	padding: 10px 0px 10px 0px;
	;
	margin: 0px;
}

/*==headデコレーション==*/

.s_link0_a {
	display: block;
	float: left;
	width: 20%;
	height: 4px;
	background-color: #ff8800;
}

.s_link1_a {
	display: block;
	float: left;
	width: 20%;
	height: 4px;
	background-color: #00a600;
}

.s_link2_a {
	display: block;
	float: left;
	width: 20%;
	height: 4px;
	background-color: #0094c1;
}

.s_link3_a {
	display: block;
	float: left;
	width: 20%;
	height: 4px;
	background-color: #ceb672;
	background: linear-gradient(45deg, #ceb672, #f5e4a7);
}

.s_link4_a {
	display: block;
	float: left;
	width: 20%;
	height: 4px;
	background-color: #666666;
}

/*==headアイテム==*/

.s_item {
	background-color: #ffffff;
	margin: 0px;
}

/*==-t-b-^-[----==*/

.s_foot {
	vertical-align: middle;
	text-align: center;
	background-color: #ff8800;
}

/*==-t-H-[---T-C-Y==*/

.form_input_0 {
	width: 100%;
	height: 30px;
	cursor: pointer;
	font-size: 16px;
}

.form_input_1 {
	width: 60px;
	height: 30px;
	cursor: pointer;
	font-size: 16px;
}

.form_input_2 {
	width: 200px;
	height: 30px;
	cursor: pointer;
	font-size: 16px;
}

.form_button_0 {
	width: 100%;
	height: 60px;
	cursor: pointer;
	font-size: 16px;
	margin: 10px 0px 10px 0px;
}

.form_textarea_0 {
	width: 94%;
	font-size: 16px;
}

.sp_sidebar_mozi_dt1 {
	font-size: 14px;
	padding: 4px;
	margin: 0px;
	line-height: 1.4em;
	background-color: #e7e7e7;
}

.sp_sidebar_mozi_dd1 {
	font-size: 14px;
	color: #ffa163;
	padding: 4px;
	margin: 0px;
	line-height: 1.4em;
	background-color: #f7f7f7;
}

.sp_sidebar_mozi_dd2 {
	font-size: 14px;
	color: #ffa163;
	padding: 4px;
	margin: 0px;
	line-height: 1.4em;
}

/*==-jQuery-I-[-o-[---C-h-==*/

.ui-body-c, .ui-overlay-c {
	border: 1px solid #aaa/*{c-body-border}*/
	;
	color: #333/*{c-body-color}*/
	;
	text-shadow: 0/*{c-body-shadow-x}*/
	0px/*{c-body-shadow-y}*/
	0/*{c-body-shadow-radius}*/
	#fff/*{c-body-shadow-color}*/
	;
	background: #f9f9f9/*{c-body-background-color}*/
	;
	background-image: -webkit-linear-gradient( #d7d7d7/*{c-body-background-start}*/
	, #d7d7d7/*{c-body-background-end}*/
	);
	/* Chrome 10+, Saf5.1+ */
	background-image: -moz-linear-gradient( #d7d7d7/*{c-body-background-start}*/
	, #d7d7d7/*{c-body-background-end}*/
	);
	/* FF3.6 */
	background-image: -ms-linear-gradient( #d7d7d7/*{c-body-background-start}*/
	, #d7d7d7/*{c-body-background-end}*/
	);
	/* IE10 */
	background-image: -o-linear-gradient( #d7d7d7/*{c-body-background-start}*/
	, #d7d7d7/*{c-body-background-end}*/
	);
	/* Opera 11.10+ */
	background-image: linear-gradient( #d7d7d7/*{c-body-background-start}*/
	, #d7d7d7/*{c-body-background-end}*/
	);
}

.ui-body-c .ui-link-inherit {
	color: #333/*{c-body-color}*/
	;
}

.ui-body-c .ui-link {
	color: #ff6600/*{c-body-link-color}*/
	;
	font-weight: normal;
}

.ui-body-c .ui-link:visited {
	color: #ff6600/*{c-body-link-visited}*/
	;
}

.ui-body-c .ui-link:hover {
	color: #ff9966/*{c-body-link-hover}*/
	;
}

.ui-body-c .ui-link:active {
	color: #ff9966/*{c-body-link-active}*/
	;
}

.s_detail_a1 {
	display: block;
	float: left;
	width: 160px;
}

.s_detail_b1 {
	display: block;
	float: left;
	width: 200px;
}

.maincontent2_s {
	display: block;
	width: 100%;
	float: left;
	position: relative;
	margin: 0px;
}

/*========== ここからxx_create対応 完全一致 ==========*/

/*==- 区分 マージンなどの調整 -==*/

.sp_s_finding {
	/*旧区分*/
	background-color: #ffffff;
	margin: 10px 0px 0px 0px;
}

.finding_0s {
	width: 100%;
	background-color: #fff;
	margin: 10px 0px 10px 0px;
}

.finding_naga_0s {
	width: 100%;
	background-color: #d7d7d7;
	padding: 10px 0px 0px 0px;
}

.finding_index_0s {
	/*indexのマージンは基本これ*/
	box-sizing: border-box;
	width: 100%;
	min-height: 30px;
	background-color: #fff;
	margin: 0px 0px 10px 0px;
}

.finding_page_0s {
	/*ページのマージンは基本これ*/
	box-sizing: border-box;
	/*パディングとボーダーを幅と高さに含める*/
	width: 100%;
	min-height: 60px;
	background-color: #fff;
	margin: 0px 0px 10px 0px;
	clear: both;
}

.finding_cook_0s {
	line-height: 0;
	box-sizing: border-box;
	width: 100%;
	min-height: 54px;
	background-color: #fff;
	margin: 0px 0px 10px 0px;
}

.finding_cook_basic0s {
	line-height: 0;
	box-sizing: border-box;
	width: 100%;
	min-height: 54px;
	background-color: #fff;
	margin: 0px 0px 0px 0px;
}

.finding_head_0s {
	font-size: 16px;
	padding: 4px;
	margin: 0px;
	line-height: 1.4em;
	background-color: #f7f7f7;
	color: #ff6600;
	width: 100%;
}

.finding_h1_0s {
	font-size: 16px;
	padding: 4px;
	margin: 0px;
	line-height: 1.4em;
	background-color: #ffffff;
	color: #ff6600;
	font-weight: normal;
	width: 100%;
	margin: 0px 0px 10px 0px;
}

.finding_h_0s {
	box-sizing: border-box;
	/*パディングとボーダーを幅と高さに含める*/
	font-size: 16px;
	padding: 4px;
	margin: 0px;
	line-height: 1.4em;
	background-color: #e7e7e7;
	min-height: 30px;
	width: 100%;
}

/*========== 一覧 ページネイション・タグなど ==========*/

.cart_pagination_0s {
	box-sizing: border-box;
	/*パディングとボーダーを幅と高さに含める*/
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items: flex-start;
	width: 100%;
	min-height: 20px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	background-color: #fff;
}

.cart_pagination_a_0s {
	box-sizing: border-box;
	/*パディングとボーダーを幅と高さに含める*/
	float: left;
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #e7e7e7;
	font-weight: bold;
}

.cart_pagination_b_0s {
	box-sizing: border-box;
	/*パディングとボーダーを幅と高さに含める*/
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: center;
	width: 100%;
	margin: 0px;
	padding: 0px;
	background-color: #f7f7f7;
}

.cart_pagination_a_a_0s {
	font-size: 14px;
	padding: 4px;
}

.cart_pagination_b_a_0s {
	box-sizing: border-box;
	/*パディングとボーダーを幅と高さに含める*/
	float: left;
	width: 30px;
	height: 30px;
	margin: 5px 0px 5px 10px;
	text-align: center;
	font-size: 14px;
	padding: 4px;
	background-color: #999;
	color: #FFF;
	border-radius: 2px;
}

.cart_pagination_b_b_0s {
	box-sizing: border-box;
	/*パディングとボーダーを幅と高さに含める*/
	float: left;
	width: 30px;
	height: 30px;
	margin: 5px 0px 5px 10px;
	text-align: center;
	font-size: 14px;
	padding: 4px;
	background-color: #ff9900;
	color: #FFF;
	border-radius: 2px;
	cursor: pointer;
	cursor: hand;
}

.cart_pagination_b_b_0s:hover {
	box-sizing: border-box;
	/*パディングとボーダーを幅と高さに含める*/
	float: left;
	width: 30px;
	height: 30px;
	margin: 5px 0px 5px 10px;
	text-align: center;
	padding: 4px;
	background-color: #ff6600;
	color: #FFF;
	border-radius: 2px;
	cursor: pointer;
	cursor: hand;
	transform: translateY(-2px);
	opacity: 0.7;
}

.cart_index_tagu_a_0s {
	box-sizing: border-box;
	/*パディングとボーダーを幅と高さに含める*/
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: center;
	width: 100%;
	min-height: 30px;
	padding: 4px;
	margin: 0px 0px 0px 0px;
	background-color: #ffffff;
	color: #ffa163;
	float: left;
}

.cart_index_tagu_a_a_0s {
	box-sizing: border-box;
	/*パディングとボーダーを幅と高さに含める*/
	font-size: 14px;
	padding: 0px 2px;
	margin: 0px 4px;
	float: left;
}

.cart_index_a_0s {
	box-sizing: border-box;
	/*パディングとボーダーを幅と高さに含める*/
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items: flex-start;
	flex-flow: column;
	float: left;
	width: 50%;
	min-height: 480px;
	margin: 0px 0px 0px 0px;
	padding: 6px;
	background-color: #fff;
	border-right: 1px solid #f2f2f2;
	border-bottom: 1px solid #f2f2f2;
}

.cart_img_day_s {
	box-sizing: border-box;
	/*パディングとボーダーを幅と高さに含める*/
	position: absolute;
	width: 32px;
	height: 32px;
	margin: 9px 0px 0px 118px;
	padding: 3px 0px 3px 5px;
	font-size: 11px;
	font-weight: bold;
	line-height: 1.2em;
	background-color: #f00000;
	color: #FFF;
	opacity: 0.95;
}

/*========== カート一覧 値段・商品名 ==========*/

.cart_index_text_0s {
	box-sizing: border-box;
	/*パディングとボーダーを幅と高さに含める*/
	width: 100%;
	min-height: 40px;
	font-size: 16px;
	padding: 4px 4px;
	margin: 0px;
	line-height: 1.0em;
}

.cart_index_text_1s {
	box-sizing: border-box;
	/*パディングとボーダーを幅と高さに含める*/
	width: 100%;
	color: #999;
	font-size: 12px;
	padding: 4px 4px;
	margin: 0px;
	line-height: 1.0em;
}

.cart_index_text_2s {
	box-sizing: border-box;
	/*パディングとボーダーを幅と高さに含める*/
	width: 100%;
	font-size: 14px;
	color: #ff6600;
	padding: 4px 4px;
	margin: 0px;
	line-height: 1.0em;
	font-weight: bold;
}

.cart_index_text_3s {
	box-sizing: border-box;
	/*パディングとボーダーを幅と高さに含める*/
	font-weight: bold;
	font-size: 12px;
	width: 150px;
	color: #ff6600;
	background-color: #dddddd;
	border-radius: 20px;
	margin: 4px;
	padding: 4px 10px 4px 10px;
}

.cart_index_text_4s {
	box-sizing: border-box;
	/*パディングとボーダーを幅と高さに含める*/
	font-weight: bold;
	font-size: 12px;
	width: 150px;
	color: #fff;
	background-color: #ff6600;
	background: linear-gradient(90deg, #ff6600, #ff9900, #fff);
	color: #fff;
	border-radius: 20px;
	margin: 4px;
	padding: 4px 10px 4px 10px;
}

/*========== 各ページの横分割表現 ==========*/

.cart_page_50_0s {
	box-sizing: border-box;
	/*パディングとボーダーを幅と高さに含める*/
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items: flex-start;
	flex-flow: column;
	float: left;
	width: 50%;
	min-height: 50px;
	margin: 0px 0px 0px 0px;
	padding: 6px;
	background-color: #fff;
	border-right: 1px solid #f2f2f2;
	border-bottom: 1px solid #f2f2f2;
}

.cart_page_33_0s {
	box-sizing: border-box;
	/*パディングとボーダーを幅と高さに含める*/
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items: flex-start;
	flex-flow: column;
	float: left;
	width: calc(100% / 3);
	min-height: 100px;
	margin: 0px 0px 0px 0px;
	padding: 6px;
	background-color: #fff;
	border-right: 1px solid #f2f2f2;
	border-bottom: 1px solid #f2f2f2;
}

/*各一覧上*/

.cart_page_50_1s {
	box-sizing: border-box;
	/*パディングとボーダーを幅と高さに含める*/
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items: flex-start;
	flex-flow: column;
	float: left;
	width: 50%;
	min-height: 30px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	background-color: #fff;
	border-right: 1px solid #f2f2f2;
}

.cart_page_50_top_1s {
	width: 100%;
	min-height: 50px;
	box-sizing: border-box;
	line-height: 0;
	margin: 0px 0px 1px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #FFF;
}

.cart_page_50_img_1s {
	box-sizing: border-box;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

/*33.3*/

.cart_page_33_0s {
	box-sizing: border-box;
	/*パディングとボーダーを幅と高さに含める*/
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items: flex-start;
	flex-flow: column;
	float: left;
	width: 33.3%;
	min-height: 30px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	background-color: #fff;
	border-right: 1px solid #f2f2f2;
}

.cart_page_33_top_0s {
	width: 100%;
	min-height: 50px;
	box-sizing: border-box;
	line-height: 0;
	margin: 0px 0px 1px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #FFF;
}

.cart_page_33_img_0s {
	box-sizing: border-box;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

.cart_page_33_text_0s {
	font-size: 14px;
	min-height: 34px;
	color: #ff6600;
	padding: 4px 4px;
	margin: 0px;
	line-height: 1.2em;
}

.cart_page_33_text_1s {
	font-size: 14px;
	min-height: 10px;
	color: #ff6600;
	padding: 4px 4px;
	margin: 0px;
	line-height: 1.2em;
}

.cart_page_20_0s {
	box-sizing: border-box;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items: flex-start;
	flex-flow: column;
	float: left;
	width: 20%;
	min-height: 30px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	background-color: #fff;
	border-right: 1px solid #f2f2f2;
}

.cart_page_20_1s {
	box-sizing: border-box;
	line-height: 0;
	float: left;
	width: 20%;
}

.cart_page_20_top_0s {
	width: 100%;
	min-height: 50px;
	box-sizing: border-box;
	line-height: 0;
	margin: 0px 0px 1px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #FFF;
}

.cart_page_20_img_0s {
	box-sizing: border-box;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

.cart_page_20_text_0s {
	font-size: 14px;
	min-height: 34px;
	color: #ff6600;
	padding: 4px 4px;
	margin: 0px;
	line-height: 1.2em;
}

.cart_page_20_text_1s {
	font-size: 14px;
	min-height: 10px;
	color: #ff6600;
	padding: 4px 4px;
	margin: 0px;
	line-height: 1.2em;
}

.cart_page_text_0s {
	box-sizing: border-box;
	/*パディングとボーダーを幅と高さに含める*/
	width: 100%;
	font-size: 12px;
	padding: 4px 4px;
	margin: 0px;
	line-height: 1.4em;
}

.cart_page_text_1s {
	box-sizing: border-box;
	/*パディングとボーダーを幅と高さに含める*/
	width: 100%;
	font-size: 14px;
	padding: 4px 4px;
	margin: 0px;
	line-height: 1.6em;
	color: #ff9966;
}

/*========== カート 個別商品 ==========*/

.cart_box_0s {
	box-sizing: border-box;
	/*パディングとボーダーを幅と高さに含める*/
	display: flex;
	flex-wrap: wrap;
	width: 360;
	min-height: 220px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	background-color: #fff;
}

.cart_box_1s {
	box-sizing: border-box;
	/*パディングとボーダーを幅と高さに含める*/
	display: flex;
	flex-wrap: wrap;
	width: 360;
	min-height: 220px;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 10px 0px;
	background-color: #fff;
}

.cart_hr_0s {
	background-color: #fff;
	border-top: 2px dashed #d7d7d7;
	margin: 0px;
	padding: 0px;
}

.cart_under_0s {
	box-sizing: border-box;
	/*パディングとボーダーを幅と高さに含める*/
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	min-height: 80px;
	background-color: #fff;
	padding: 10px 0px;
	margin: 0px 0px 10px 0px;
}

.cart_box_a_0s {
	box-sizing: border-box;
	/*パディングとボーダーを幅と高さに含める*/
	display: flex;
	flex-wrap: wrap;
	/*align-items: center;*/
	/* 子要素をflexboxにより中央に配置する */
	align-items: flex-start;
	flex-flow: column;
	float: left;
	width: 160px;
	margin: 0px;
	padding: 0px;
}

.cart_box_b_0s {
	box-sizing: border-box;
	/*パディングとボーダーを幅と高さに含める*/
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	/*align-items: center;*/
	/* 子要素をflexboxにより中央に配置する */
	float: left;
	float: left;
	width: 190px;
	margin: 0px;
	padding: 0px;
}

/*========== カート個別ページ 文字 ==========*/

.cart_text_utikeshi_0s {
	text-decoration: line-through;
}

.cart_text_0s {
	width: 100%;
	font-size: 14px;
	padding: 4px 4px;
	margin: 0px;
	line-height: 1.0em;
}

.cart_text_1s {
	color: #999;
	font-size: 12px;
	padding: 0px;
	margin: 4px 10px;
	line-height: 1.2em;
}

.cart_text_2s {
	font-size: 14px;
	color: #ff6600;
	padding: 4px 4px;
	margin: 0px;
	line-height: 1.2em;
}

.cart_text_3s {
	font-weight: bold;
	font-size: 14px;
	background-color: #dddddd;
	color: #ff6600;
	border-radius: 20px;
	margin: 4px;
	padding: 4px 10px 4px 10px;
}

.cart_text_4s {
	font-weight: bold;
	font-size: 14px;
	background-color: #ff6600;
	background: linear-gradient(90deg, #ff6600, #ff9900, #fff);
	color: #fff;
	border-radius: 20px 0px 0px 20px;
	margin: 0px;
	padding: 4px 14px 4px 10px;
}

/*========== カート 画像枠 ==========*/

.cart_img_0s {
	width: 150px;
	height: 150px;
	margin: 4px;
	padding: 0px 0px 0px 0px;
}

.cart_index_img_0s {
	width: 150px;
	height: 150px;
	margin: 4px;
	padding: 0px 0px 0px 0px;
	background-color: #ffffff;
	/*水平方向の距離 垂直方向の距離 ぼかし距離 広がり距離 影の色*/
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
}

.cart_index_img_0s:hover {
	box-shadow: 0px 6px 6px rgba(0, 0, 0, 0.1);
	background: linear-gradient(-135deg, #b0b0b0, #b0b0b0, #909090);
	transform: translateY(-2px);
	opacity: 0.7;
}

.cart_img_cookie_s {
	width: 48px;
	height: 48px;
	margin: 2px;
	padding: 0px 0px 0px 0px;
	background-color: #ffffff;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
	float: left;
}

.cart_img_cookie_s:hover {
	box-shadow: 0px 6px 6px rgba(0, 0, 0, 0.1);
	background: linear-gradient(-135deg, #b0b0b0, #b0b0b0, #909090);
	transform: translateY(-2px);
	opacity: 0.7;
}

.cart_img_100_0s {
	width: 100px;
	height: 100px;
	margin: 4px;
	padding: 0px 0px 0px 0px;
	background-color: #ffffff;
	/*水平方向の距離 垂直方向の距離 ぼかし距離 広がり距離 影の色*/
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
}

.cart_img_100_0s:hover {
	box-shadow: 0px 6px 6px rgba(0, 0, 0, 0.1);
	background: linear-gradient(-135deg, #b0b0b0, #b0b0b0, #909090);
	transform: translateY(-2px);
	opacity: 0.7;
}

.cart_img_50_0s {
	width: 50px;
	height: 50px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	background-color: #ffffff;
	/*水平方向の距離 垂直方向の距離 ぼかし距離 広がり距離 影の色*/
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
}

.cart_img_50_0s:hover {
	box-shadow: 0px 6px 6px rgba(0, 0, 0, 0.1);
	background: linear-gradient(-135deg, #b0b0b0, #b0b0b0, #909090);
	transform: translateY(-2px);
	opacity: 0.7;
}

/*========== カートボタン0 ==========*/

.cart_efect_0s {
	box-sizing: border-box;
	/*パディングとボーダーを幅と高さに含める*/
	padding: 0px 0px 0px 0px;
	margin: 0px 0px;
	box-sizing: border-box;
	display: inline-block;
	position: relative;
	width: 150px;
	height: 44px;
	padding: 0px;
	margin: 4px;
	background-color: #ff6600;
	/*グラデーションの角度または方向, 開始色, 途中色, 終了色*/
	background: linear-gradient(-135deg, #b0b0b0, #b0b0b0, #909090);
	border: none;
	border-radius: 45px;
	/*角丸をまとめて指定する*/
	/*水平方向の距離 垂直方向の距離 ぼかし距離 広がり距離 影の色*/
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
	/*transition-propertyの値 transition-durationの値 transition-timing-functionの値 transition-delayの値*/
	/*対象 動作時間 動作パターン 開始時間*/
	transition: all 0.3s ease 0s;
	cursor: pointer;
	/*カーソル*/
	outline: none;
}

.cart_efect_0s:hover {
	box-shadow: 0px 6px 6px rgba(0, 0, 0, 0.1);
	background-color: #ff6600;
	background: linear-gradient(-135deg, #b0b0b0, #b0b0b0, #909090);
	transform: translateY(-2px);
	opacity: 0.7;
}

/*カートボタン0 アイコン*/

.cart_efect_icon_0s:before {
	box-sizing: border-box;
	padding: 0px;
	margin: 0px 0px 0px 10px;
	content: '\f002';
	font-family: 'Font Awesome 5 Free';
	font-size: 16px;
	color: #ffffff;
	font-weight: 900;
	position: absolute;
	top: 50%;
	left: .4em;
	bottom: auto;
	transform: translateY(-50%);
}

/*カートボタン0 文字*/

.cart_efect_text_0s {
	box-sizing: border-box;
	-webkit-appearance: none;
	/*デフォルトのボタンを消す*/
	width: 150px;
	height: 44px;
	padding: 2px 0px 0px 20px;
	/*文字の縦位置微調整*/
	margin: 0px 0px 0px 0px;
	/*文字の横位置微調整*/
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	text-transform: uppercase;
	/*大文字小文字*/
	letter-spacing: 2.5px;
	/*行間*/
	font-weight: 500;
	color: #ffffff;
	background-color: transparent;
	/*背景透明 同じ意味 background-color: rgba(0,0,0,0.0);*/
	border: none;
	border-radius: 45px;
	/*角丸をまとめて指定する*/
	outline: none;
	cursor: pointer;
	/*カーソル*/
	outline: none;
}

/*========== カートボタン1 ==========*/

.cart_efect_1s {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px;
	box-sizing: border-box;
	display: inline-block;
	position: relative;
	box-sizing: border-box;
	/*パディングとボーダーを幅と高さに含める*/
	width: 190px;
	height: 44px;
	padding: 0px;
	margin: 4px;
	background-color: #ff6600;
	/*グラデーションの角度または方向, 開始色, 途中色, 終了色*/
	background: linear-gradient(-135deg, #ff6600, #ff0000, #9941D8);
	border: none;
	border-radius: 45px;
	/*角丸をまとめて指定する*/
	/*水平方向の距離 垂直方向の距離 ぼかし距離 広がり距離 影の色*/
	box-shadow: 0px 4px 4px rgba(255, 0, 0, 0.2);
	/*transition-propertyの値 transition-durationの値 transition-timing-functionの値 transition-delayの値*/
	/*対象 動作時間 動作パターン 開始時間*/
	transition: all 0.3s ease 0s;
	cursor: pointer;
	/*カーソル*/
	outline: none;
}

.cart_efect_1s:hover {
	box-shadow: 0px 6px 6px rgba(255, 0, 0, 0.2);
	background-color: #ff6600;
	background: linear-gradient(-135deg, #ff6600, #ff0000, #9941D8);
	transform: translateY(-2px);
	opacity: 0.7;
}

/*カートボタン1 アイコン*/

.cart_efect_icon_1s:before {
	box-sizing: border-box;
	padding: 0px;
	margin: 0px 0px 0px 10px;
	content: '\f07a';
	font-family: 'Font Awesome 5 Free';
	font-size: 16px;
	color: #ffffff;
	font-weight: 900;
	position: absolute;
	top: 50%;
	left: .4em;
	bottom: auto;
	transform: translateY(-50%);
}

/*カートボタン1 文字*/

.cart_efect_text_1s {
	box-sizing: border-box;
	-webkit-appearance: none;
	/*デフォルトのボタンを消す*/
	width: 190px;
	height: 44px;
	padding: 2px 0px 0px 24px;
	/*文字の縦位置微調整*/
	margin: 0px 0px 0px 0px;
	/*文字の横位置微調整*/
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	text-transform: uppercase;
	/*大文字小文字*/
	letter-spacing: 2.5px;
	/*行間*/
	font-weight: 500;
	color: #ffffff;
	background-color: transparent;
	/*背景透明 同じ意味 background-color: rgba(0,0,0,0.0);*/
	border: none;
	border-radius: 45px;
	/*角丸をまとめて指定する*/
	outline: none;
	cursor: pointer;
	/*カーソル*/
	outline: none;
}

/*========== カートボタン2 ==========*/

.cart_efect_2s {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px;
	box-sizing: border-box;
	display: inline-block;
	position: relative;
	box-sizing: border-box;
	/*パディングとボーダーを幅と高さに含める*/
	width: 190px;
	height: 44px;
	padding: 0px;
	margin: 4px;
	/*グラデーションの角度または方向, 開始色, 途中色, 終了色*/
	background: linear-gradient(-135deg, #f0dd9b, #d7b76c, #c49a44);
	border: none;
	border-radius: 45px;
	/*角丸をまとめて指定する*/
	/*水平方向の距離 垂直方向の距離 ぼかし距離 広がり距離 影の色*/
	box-shadow: 0px 4px 4px rgba(255, 222, 0, 0.2);
	/*transition-propertyの値 transition-durationの値 transition-timing-functionの値 transition-delayの値*/
	/*対象 動作時間 動作パターン 開始時間*/
	transition: all 0.3s ease 0s;
	cursor: pointer;
	/*カーソル*/
	outline: none;
}

.cart_efect_2s:hover {
	box-shadow: 0px 6px 6px rgba(255, 222, 0, 0.2);
	background: linear-gradient(-135deg, #f0dd9b, #d7b76c, #c49a44);
	transform: translateY(-2px);
	opacity: 0.7;
}

/*カートボタン2 アイコン*/

.cart_efect_icon_2s:before {
	box-sizing: border-box;
	padding: 0px;
	margin: 0px 0px 0px 10px;
	content: '\f07a';
	font-family: 'Font Awesome 5 Free';
	font-size: 16px;
	color: #ffffff;
	font-weight: 900;
	position: absolute;
	top: 50%;
	left: .4em;
	bottom: auto;
	transform: translateY(-50%);
}

/*カートボタン2 文字*/

.cart_efect_text_2s {
	box-sizing: border-box;
	-webkit-appearance: none;
	/*デフォルトのボタンを消す*/
	width: 190px;
	height: 44px;
	padding: 2px 0px 0px 24px;
	/*文字の縦位置微調整*/
	margin: 0px 0px 0px 0px;
	/*文字の横位置微調整*/
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	text-transform: uppercase;
	/*大文字小文字*/
	letter-spacing: 2.5px;
	/*行間*/
	font-weight: 500;
	color: #ffffff;
	background-color: transparent;
	/*背景透明 同じ意味 background-color: rgba(0,0,0,0.0);*/
	border: none;
	border-radius: 45px;
	/*角丸をまとめて指定する*/
	outline: none;
	cursor: pointer;
	/*カーソル*/
	outline: none;
}

/*========== カート個数入力 ==========*/

.input_around_0s {
	font-size: 12px;
	padding: 0px;
	margin: 4px 4px 4px 4px;
}

.input_around_span_0s {
	color: #ff6600;
	font-weight: bold;
	font-size: 14px;
	background-color: #dddddd;
	border-radius: 20px;
	padding: 4px 10px 4px 10px;
	margin: 0px 0px 0px 4px;
}

.cart_efect_input_0s {
	font: 16px/22px sans-serif;
	box-sizing: border-box;
	color: #333;
	border: 1px solid #aaa;
	background-color: #fff;
	border-radius: 20px;
	margin: 0px 2px 0px 0px;
	padding: 0px 0px 0px 8px;
	width: 60px;
}

.cart_efect_input_0s:focus {
	border: 1px solid #ff6600;
	outline: none;
	box-shadow: 0 0 5px 1px rgba(255, 0, 0, 0.3);
}

/*========== カート選択ボタン ==========*/

.select_around_0s {
	font-size: 12px;
	padding: 0px;
	margin: 8px 4px 8px 4px;
}

/*右の三角部分*/

.select_efect_0s:after {}

/*テキスト部分*/

.select_efect_text_0s {
	font-size: 16px;
	width: 76px;
	padding: 4px;
	color: #333;
	border-radius: 14px;
	border: 1px solid #aaa;
}

.select_efect_text_1s {
	font-size: 16px;
	width: 90px;
	padding: 4px;
	color: #333;
	border-radius: 14px;
	border: 1px solid #aaa;
}

.select_efect_text_2s {
	font-size: 16px;
	width: 100px;
	padding: 4px;
	color: #333;
	border-radius: 14px;
	border: 1px solid #aaa;
}

/*========== カート売り切れ ==========*/

.cart_soldout_text_0s {
	color: #666;
	font-weight: bold;
	font-size: 14px;
	background-color: #ccc;
	border-radius: 20px;
	padding: 4px 10px 4px 10px;
	margin: 4px;
}

.cart_soldout_text_1s {
	color: #666;
	font-size: 14px;
	border-radius: 10px;
	padding: 4px 10px 4px 10px;
	margin: 4px;
}

/*========== カート画像背景 ==========*/

.cart_color_100s {
	width: 100%;
	height: 100%;
	/*box-shadow: 0px 0px 6px 0px #aaa77e;*/
	/*box-shadow: 左右の向きpx  上下の向きpx ぼかしpx 広がりpx 色 内側指定;*/
	background-color: #c1c1c1;
	background: linear-gradient(-30deg, #c1c1c1, #323232, #c1c1c1);
	background-size: 300% 100%;
	animation: cart_img_back_animation 20s ease infinite;
}

@keyframes cart_img_back_animation {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

.cart_color_110s {
	width: 100%;
	height: 100%;
	background-color: #ddb9c5;
	background: linear-gradient(-30deg, #ddb9c5, #370a1a, #ddb9c5);
	background-size: 300% 100%;
	animation: cart_img_back_animation 20s ease infinite;
}

@keyframes cart_img_back_animation {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

/*例 フジクリーン*/

.cart_color_120s {
	width: 100%;
	height: 100%;
	background-color: #dbbdd5;
	background: linear-gradient(-30deg, #dbbdd5, #3e0c34, #dbbdd5);
	background-size: 300% 100%;
	animation: cart_img_back_animation 20s ease infinite;
}

@keyframes cart_img_back_animation {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

.cart_color_130s {
	width: 100%;
	height: 100%;
	background-color: #cabce1;
	background: linear-gradient(-30deg, #cabce1, #160832, #cabce1);
	background-size: 300% 100%;
	animation: cart_img_back_animation 20s ease infinite;
}

@keyframes cart_img_back_animation {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

/*例 ミタゲン*/

.cart_color_140s {
	width: 100%;
	height: 100%;
	background-color: #b9c4dd;
	background: linear-gradient(-30deg, #b9c4dd, #122349, #b9c4dd);
	background-size: 300% 100%;
	animation: cart_img_back_animation 20s ease infinite;
}

@keyframes cart_img_back_animation {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

/*例 テクノ高槻*/

.cart_color_150s {
	width: 100%;
	height: 100%;
	background-color: #accfd8;
	background: linear-gradient(-30deg, #accfd8, #0d3039, #accfd8);
	background-size: 300% 100%;
	animation: cart_img_back_animation 20s ease infinite;
}

@keyframes cart_img_back_animation {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

/*例 塩素剤*/

.cart_color_160s {
	width: 100%;
	height: 100%;
	background-color: #b8decf;
	background: linear-gradient(-30deg, #b8decf, #0d412d, #b8decf);
	background-size: 300% 100%;
	animation: cart_img_back_animation 20s ease infinite;
}

@keyframes cart_img_back_animation {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

/*例 セコー*/

.cart_color_170s {
	width: 100%;
	height: 100%;
	background-color: #add5ac;
	background: linear-gradient(-30deg, #add5ac, #0b370a, #add5ac);
	background-size: 300% 100%;
	animation: cart_img_back_animation 20s ease infinite;
}

@keyframes cart_img_back_animation {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

/*例 泡コロン*/

.cart_color_180s {
	width: 100%;
	height: 100%;
	background-color: #d2dab8;
	background: linear-gradient(-30deg, #d2dab8, #2c3804, #d2dab8);
	background-size: 300% 100%;
	animation: cart_img_back_animation 20s ease infinite;
}

@keyframes cart_img_back_animation {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

/*例 日東工器*/

.cart_color_190s {
	width: 100%;
	height: 100%;
	background-color: #dedcba;
	background: linear-gradient(-30deg, #dedcba, #3a3608, #dedcba);
	background-size: 300% 100%;
	animation: cart_img_back_animation 20s ease infinite;
}

@keyframes cart_img_back_animation {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

/*例 ロータリー*/

.cart_color_200s {
	width: 100%;
	height: 100%;
	background-color: #dfd2c0;
	background: linear-gradient(-30deg, #dfd2c0, #332208, #dfd2c0);
	background-size: 300% 100%;
	animation: cart_img_back_animation 20s ease infinite;
}

@keyframes cart_img_back_animation {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

/*例 安永*/

.cart_color_210s {
	width: 100%;
	height: 100%;
	background-color: #e4cbc3;
	background: linear-gradient(-30deg, #e4cbc3, #240d05, #e4cbc3);
	background-size: 300% 100%;
	animation: cart_img_back_animation 20s ease infinite;
}

@keyframes cart_img_back_animation {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

.cart_color_220s {
	width: 100%;
	height: 100%;
	background-color: #330707;
	background: linear-gradient(-30deg, #e5c7c7, #330707, #e5c7c7);
	background-size: 300% 100%;
	animation: cart_img_back_animation 20s ease infinite;
}

@keyframes cart_img_back_animation {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

.cart_color_400s {
	width: 100%;
	height: 100%;
	background-color: #000000;
	background: linear-gradient(-30deg, #ffffff, #000000, #ffffff);
	background-size: 300% 100%;
	animation: cart_img_back_animation 20s ease infinite;
}

@keyframes cart_img_back_animation {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

.cart_color_410s {
	width: 100%;
	height: 100%;
	background-color: #ff005a;
	background: linear-gradient(-30deg, #ffffff, #ff005a, #ffffff);
	background-size: 300% 100%;
	animation: cart_img_back_animation 20s ease infinite;
}

@keyframes cart_img_back_animation {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

.cart_color_420s {
	width: 100%;
	height: 100%;
	background-color: #ff00cc;
	background: linear-gradient(-30deg, #ffffff, #ff00cc, #ffffff);
	background-size: 300% 100%;
	animation: cart_img_back_animation 20s ease infinite;
}

@keyframes cart_img_back_animation {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

.cart_color_430s {
	width: 100%;
	height: 100%;
	background-color: #5400ff;
	background: linear-gradient(-30deg, #ffffff, #5400ff, #ffffff);
	background-size: 300% 100%;
	animation: cart_img_back_animation 20s ease infinite;
}

@keyframes cart_img_back_animation {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

.cart_color_440s {
	width: 100%;
	height: 100%;
	background-color: #004eff;
	background: linear-gradient(-30deg, #ffffff, #004eff, #ffffff);
	background-size: 300% 100%;
	animation: cart_img_back_animation 20s ease infinite;
}

@keyframes cart_img_back_animation {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

.cart_color_450s {
	width: 100%;
	height: 100%;
	background-color: #00cbff;
	background: linear-gradient(-30deg, #ffffff, #00cbff, #ffffff);
	background-size: 300% 100%;
	animation: cart_img_back_animation 20s ease infinite;
}

@keyframes cart_img_back_animation {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

.cart_color_460s {
	width: 100%;
	height: 100%;
	background-color: #00ff9c;
	background: linear-gradient(-30deg, #ffffff, #00ff9c, #ffffff);
	background-size: 300% 100%;
	animation: cart_img_back_animation 20s ease infinite;
}

@keyframes cart_img_back_animation {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

.cart_color_470s {
	width: 100%;
	height: 100%;
	background-color: #06ff00;
	background: linear-gradient(-30deg, #ffffff, #06ff00, #ffffff);
	background-size: 300% 100%;
	animation: cart_img_back_animation 20s ease infinite;
}

@keyframes cart_img_back_animation {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

.cart_color_480s {
	width: 100%;
	height: 100%;
	background-color: #c6ff00;
	background: linear-gradient(-30deg, #ffffff, #c6ff00, #ffffff);
	background-size: 300% 100%;
	animation: cart_img_back_animation 20s ease infinite;
}

@keyframes cart_img_back_animation {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

.cart_color_490s {
	width: 100%;
	height: 100%;
	background-color: #ffed00;
	background: linear-gradient(-30deg, #ffffff, #ffed00, #ffffff);
	background-size: 300% 100%;
	animation: cart_img_back_animation 20s ease infinite;
}

@keyframes cart_img_back_animation {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

.cart_color_500s {
	width: 100%;
	height: 100%;
	background-color: #ff9900;
	background: linear-gradient(-30deg, #ffffff, #ff9900, #ffffff);
	background-size: 300% 100%;
	animation: cart_img_back_animation 20s ease infinite;
}

@keyframes cart_img_back_animation {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

.cart_color_510s {
	width: 100%;
	height: 100%;
	background-color: #ff4200;
	background: linear-gradient(-30deg, #ffffff, #ff4200, #ffffff);
	background-size: 300% 100%;
	animation: cart_img_back_animation 20s ease infinite;
}

@keyframes cart_img_back_animation {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

.cart_color_520s {
	width: 100%;
	height: 100%;
	background-color: #ff0000;
	background: linear-gradient(-30deg, #ffffff, #ff0000, #ffffff);
	background-size: 300% 100%;
	animation: cart_img_back_animation 20s ease infinite;
}

@keyframes cart_img_back_animation {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}