/*フェードイン*/
body {animation: fadeIn 0.5s ease 0s 1 normal; -webkit-animation: fadeIn 0.5s ease 0s 1 normal;}
@keyframes fadeIn { 0% {opacity: 0} 100% {opacity: 1} }
@-webkit-keyframes fadeIn { 0% {opacity: 0} 100% {opacity: 1} }

article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary{
  display:block;
}

/*選択時色*/
/**::selection {background: #c5e2c6;}*/

/*header*/
* {margin:0; padding:0;}
body{font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, 游ゴシック, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, メイリオ, Meiryo, sans-serif;color:#424242;font-weight:500; font-feature-settings : "palt";}
h1,h2,h3,h4,h5,table,tr,th,td,img{margin:0;padding:0;border:0;}
strong{font-weight: 600;}
table{border-collapse:collapse; width:auto;}
img {margin:0px; padding:0px; border:0px;}
li {list-style: none;font-size:16px;}
a {color:#2a2a2a; text-decoration: none; /*transition-duration: 0.2s;*/}
a:link {color :#2a2a2a; text-decoration: none;}
a:visited {color: #2a2a2a; text-decoration: none;}
a:active {color: #2a2a2a; text-decoration: none;}
a:hover {color: #2a2a2a; text-decoration: underline;}
a:hover img {transition-duration: 0.2s; opacity: 0.7; filter: alpha(opacity=70);-ms-filter: "alpha(opacity=70)";}
hr {/*height:1px;*/	background-color:#DDD;	border:none;}
br.clear {clear:both;}
.FltRgt {float: right;}
.FltLft {float: left;}
.clear {clear:both;}
#clear_both {clear:both;}
#debug{border:1px red solid; border:1px #000 solid;}
.balloon{border:1px #FFF solid; padding:10px 20px; background-color:#00C8FF; filter:alpha(opacity=100); -moz-opacity: 1; opacity: 1; display: block; color:#FFF;border-radius:6px; z-index:777;}
.balloon div{color:#FFF;}
.lqal{margin:30px 0 0 0; padding:0;}
.lqa li{list-style:none; padding:30px 0 0 60px; background:url('https://img05.shop-pro.jp/PA01110/573/etc/qaq.jpg') left center no-repeat; min-height:70px; width: fit-content;}
.lqa a{font-size:28px;}
.qa{display:none; padding:0 0 0 60px; font-size:26px;background:url('https://img05.shop-pro.jp/PA01110/573/etc/qaa.jpg') left top no-repeat;}
.qa2, .qa2 b{font-size:24px;}
.center {margin-left:auto; text-align:center;}
.noundera a:hover{text-decoration:none;}
input::-webkit-input-placeholder {color: #BBB; font-weight:nomal;}
input:-ms-input-placeholder {color: #BBB; font-weight:nomal;}
input::-moz-placeholder {color: #BBB; font-weight:nomal;}
button:hover {transition-duration: 0.2s;}
.page-top{margin:0; padding:0; display:none;}
.move-page-top:hover{ opacity:0.85;}
#OriNoboriSelect li{width: max-content; margin-top:5px;}
#OriNoboriSelect h3{padding:5px 10px; background-color:#dd5060; font-weight:bold; color:#FFF;}
#OriNoboriOrderImg{position:relative;}
#OriNoboriOrderImg img, #OriNoboriOrderImg div{position:absolute;}
#OriNobori{background:#dd5060; padding:10px 0; width:200px; font-weight:bold; color:#FFF; border:0; text-decoration:none; text-align:center; -webkit-transition:all 0.4s;-moz-transition:all 0.4s;transition:all 0.4s; cursor: pointer;}
#OriNobori:hover{opacity:0.85;}

.fwB {font-weight: bold;}
.fcred {color: #d32f2f;}
	




/* -------------------------------------
*	ページレイアウト
* ------------------------------------- */
/* ページ全体 */
body {width: 1200px; margin: 0 auto 0 auto; padding:0 20px;}
#Wrapper {width:1200px; margin:20px 0 0 20px;}
/* ページトップ */
#Page_Top {width:1200px; margin-bottom:5px;}
/* ページ左側 */
#Page_Left {margin: 0; padding: 0; width: 200px; text-align: left; line-height: 1.4rem;background:#ffffff;}
/* ページメイン */
#Page_Main {margin: 0 0 0 25px; padding: 0; width: 975px; text-align: left; float: right;line-height: 2rem;}
/* -------------------------------------
*	左部分
* ------------------------------------- */
#Page_Left div.bnr {margin:0 0 4px 0;}
#Page_Left div.tlt {margin:8px 0 4px 0;}

/* -------------------------------------
*	共有
* ------------------------------------- */
/* 位置 */
.mt1{margin-top:10px;}
.mt2{margin-top:20px;}
.mt3{margin-top:30px;}
.mt5{margin-top:50px;}
.mt4{margin-top:4px;}
.mt10 {margin-top: 10px;}
.mt20 {margin-top: 20px;}
.mt30 {margin-top: 30px;}
.mt50 {margin-top: 50px;}
.mt75 {margin-top: 75px;}
.mt100 {margin-top: 100px;}
.mb10{margin-bottom:10px;}

.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb50{margin-bottom:50px;}
.mb100{margin-bottom:100px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml10{margin-left:10px;}
.ml1{margin-left:10px;}
.ml2{margin-left:20px;}
.ml3{margin-left:30px;}
.mlr50{margin-left:50px;
margin-right:50px;}
.ptb15lr20{padding:15px 20px;}
.pl20{padding:0 0 0 20px;}
.ptb10lr15{padding:10px 15px;}
.p10{padding:10px;}
.fl{float:left;	}
.TextCenter{text-align: center;}

/* 幅 */
.w20 {width: 20%;}
.w30 {width: 30%;}
.w40 {width: 40%;}
.w50 {width: 50%;}
.w70 {width: 70%;}
.w100 {width: 100%;}

/* 背景 */
.bg1{background-color:#F0F0F0;}
.BgBlk {background-color: #606060;}
.BgBlk:hover {background-color: #424242;}
.BgBlu {background-color: #2072a3;}
.BgBlu:hover {background-color: #005082;}
.BgSky {background-color: #26C6DA;}
.BgSky:hover {background-color: #0097A7;}
.BgRed {background-color: #dd5060;}
.BgRed:hover {background-color: #c03547;}
.BgPRd {background-color: #EF5350;}
.BgPRd:hover {background-color: #D32F2F;}
.BgPur {background-color: #AB47BC;}
.BgPur:hover {background-color: #7B1FA2;}
.BgYel {background-color: #ffca28;}
.BgYel:hover {background-color: #FBC02D;}
.BgGrn {background-color: #1ea396;}
.BgGrn:hover {background-color: #008d6b;}
.BgPnk {background-color: #EC407A;}
.BgPnk:hover {background-color: #C2185B;}
.BgOrg {background-color: #FF7043;}
.BgOrg:hover {background-color: #E64A19;}

/*ボーダーボタン*/
.BdBlk {background-color: #606060;}
.BdBlk:hover {background-color: #999999;}
.BdBlu {border: 2px solid #2072a3;}
.BdBlu:hover {background-color: #A9B6BE;}
.BdSky {border: 2px solid #26C6DA;}
.BdSky:hover {background-color: #AFD5DA;} 
.BdRed {border: 2px solid #dd5060;}
.BdRed:hover {background-color: #DDC8CA;}
.BdPRd {border: 2px solid #EF5350;}
.BdPRd:hover {background-color: #EFD7D7;}
.BdPur {border: 2px solid #AB47BC;}
.BdPur:hover {background-color: #B9AABC;}
.BdYel {border: 2px solid #ffca28;}
.BdYel:hover {background-color: #FFF2CA;}
.BdGrn {border: 2px solid #1ea396;}
.BdGrn:hover {background-color: #83A3A0;}
.BdPnk {border: 2px solid #EC407A;}
.BdPnk:hover {background-color: #ECCBD6;}
.BdOrg {border: 2px solid #FF7043;}
.BdOrg:hover {background-color: #FFE3DA;}
/*ボタン文字色*/

/*テキストオーバーフロー*/
.TxtOvf {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

/* 線 */
.bd1{border:1px #D0D0D0 solid;}
.bd2{border:2px #D0D0D0 solid;}
/* 文字 */
.tc{text-align:center;}
.fs12{font-size:12px;}
.Fs15{font-size: 1.5rem;}
.Fs20{font-size: 2.0rem;}
.fred{color:#F00;}
.fred2{font-weight:bold; color:#F00;}
.lh2{line-height:2;}
.tdr{text-align:right;}
.fs08{font-size: 0.8rem;}
.FcWht{color:#ffffff;}
.FcBlk{color:#2a2a2a;}
/* 表 */
table#Sheet1 {border: 1px #D0D0D0 solid;}
table#Sheet1 th{padding:6px; border: 1px #D0D0D0 solid; background-color:#F0F0F0; font-size:16px;}
table#Sheet1 td{width: 50%; padding:6px; border: 1px #D0D0D0 solid; font-size:16px; text-align:left;}
#Sheet1 {width: 100%;}
table#Sheet2{border: 1px #D0D0D0 solid;}
table#Sheet2 th{padding:6px; border: 1px #D0D0D0 solid; background-color:#F0F0F0; font-size:16px; line-height:2;}
table#Sheet2 td{padding:6px; border: 1px #D0D0D0 solid; font-size:16px; text-align:left; line-height:2; }
table#Sheet3 {}
table#Sheet3 th{padding:4px; font-size:16px;}
table#Sheet3 td{padding:4px; font-size:16px;}
.sheet4 td {text-align:left; padding-left:10px;}

/* 見出し */
h1#Title2{margin:0; padding:0; font-size:20px; text-align:center;}
h2#Title1{font-weight:bold; font-size:20px;}
h2#Title2{margin:0; padding:0; font-size:26px; text-align:center;}
h2#Title3{font-weight:normal; font-size:20px;}
h2#Title4{font-weight:bold; font-size:16px;}
h3#Title1{font-weight:bold; font-size:16px;}

.title5{padding:0 0 0 6px;font-size:16px;border-left:#777777 solid 6px;border-bottom:#777777 solid 2px;}
.title6{font-size:24px;}
.title7{font-size:28px;}
.title8{font-size:30px; padding:0 0 0 6px; border-left:#777777 solid 6px;border-bottom:#777777 solid 2px;}

/*角丸*/
.r4{border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;}

/* 文字列 */
span#Span4{font-size:13px; color:red;}

.BtnWap a {font-weight: bold; line-height: 3rem; padding: 10px 30px; color: #ffffff; text-decoration: none; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px;}
.BtnWap a:link {color: #ffffff;}

.BtnWapBd a {font-weight: bold; line-height: 3rem; padding: 8px 30px; text-decoration: none; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
.BtnWapBd a:link {color: #616161;}

/*画像ズーム*/
.ZoomImg img {display: block; transition-duration: 0.3s;	/*変化に掛かる時間*/}
.ZoomImg img:hover {transform: scale(1.1);	/*画像の拡大率*/ transition-duration: 0.3s;	/*変化に掛かる時間*/ opacity: 0.6;	/* 小さくするほど暗くなります */}


/*テーブル一般S*/
.TxtLnk {margin: 20px 10px 20px 0;}
.TxtLnk a {display:inline-block;word-break : break-all;border: solid 1px #cccccc; margin: 6px 10px 6px 0;padding: 6px 16px;text-decoration: none;color: #424242!important;border-radius: 2px;}
.TxtLnk a:hover {border: solid 1px #616161; background-color:#616161; color:#ffffff!important;}

.TxtLnkYel {display: block; margin: 20px 10px;}
.TxtLnkYel a {border: solid 1px #cccccc; padding: 10px 20px; text-decoration: none; background-color: #fed835; color: #424242!important;}
.TxtLnkYel a:hover {background-color:#fe9900; color:#ffffff!important;}


/*----------
header
----------*/

/*ヘッダーサイズ変更--*/
header {height: 94px; padding: 4px 0 0 0; position: fixed; top: 0; z-index: 10000; transition: .3s; background-color: rgba(255,255,255,0.9);}
.is-animation  {height: 64px;}
/*--ヘッダーサイズ変更*/
	

#GloMnu a {color:#fff; text-decoration: none;}
#GloMnu a:link {color :#fff; text-decoration: none; }
#GloMnu a:visited {color: #fff; text-decoration: none; }
#GloMnu a:active {color: #fff; text-decoration: none; }
#GloMnu a:hover {color:#fff; background-color: #414141; text-decoration: none; }

/*ロゴ*/
#noborigen-logo {float: left; width: 260px; transition: .3s;}
.is-animation #noborigen-logo {width: 190px;}
#noborigen-logo img{width: 223px; /*height: 98px; margin: -20px 0 0 0;*/ transition: .3s;}
.is-animation #noborigen-logo img {width: 176px; /*height: 70px; margin: -15px 0 0 0;*/}

/*メニュー*/
#GloMnuWap{margin: 10px 0 0 0;}

#GloMnu{}
#GloMnu ul {}
#GloMnu li {float: left; color: #fff; background-color:#606060; display: block; height: 60px; transition: .3s;}
.is-animation #GloMnu li{height: 40px;}
#GloMnu li:first-child{border-radius: 2px 0 0 2px;}
#GloMnu li:last-child{border-radius: 0 2px 2px 0;}
#GloMnu a{display: block; padding: 20px 16px 14px; font-weight: 600; transition: .3s;}
.is-animation #GloMnu a{ padding: 8px 16px 6px;}

/*Global menu Search*/
#GloSch {float: left; margin: 0 10px;}
#GloMnu_Input {border-radius:2px 0 0 2px; height: 40px; border:solid 1px #dd5060; border-right:none; width: 190px; float: left; padding: 9px 0 9px 10px; transition: .3s;}
.is-animation #GloMnu_Input{height: 20px; width: 260px;}
#GloMnu_Submit {border-radius:0 2px 2px 0; height: 60px; width: 70px; padding: 10px; display: block; background-color: #dd5060; border: medium; color: #fff; transition: .3s;}
.is-animation #GloMnu_Submit{height: 40px;}
#GloMnu_Submit:hover {background-color: #c03547;}

/*Global menu Search side*/
#GloSch_S {margin: 0 0 20px 0;}
#GloMnu_Input_S {border-radius:2px 0 0 2px;height: 40px;border:solid 1px #dd5060;border-right:none;width: 149px;float: left;padding: 9px 0 9px 10px;transition: .3s;}
#GloMnu_Submit_S {border-radius:0 2px 2px 0;height: 60px;width: 40px;padding: 10px;display: block;background-color: #dd5060;border: medium;color: #fff;transition: .3s;}
#GloMnu_Submit_S:hover {background-color: #c03547;}

/*メニューアイコン*/
#GloMnu a::before{border: none; margin: 3px 8px 0 0; display: inline-block; float: left; width: 18px; height: 18px; background-size: contain; vertical-align: middle;}
.HdrIcn1::before{content: ""; background-image: url(https://img05.shop-pro.jp/PA01110/573/etc/hdricn1.png?cmsp_timestamp=20180507111153);border: none;}
.HdrIcn2::before{content: ""; background-image: url(https://img05.shop-pro.jp/PA01110/573/etc/hdricn2.png?cmsp_timestamp=20180507111215);border: none;}
.HdrIcn3::before{content: ""; background-image: url(https://img05.shop-pro.jp/PA01110/573/etc/hdricn3.png?cmsp_timestamp=20180507111221);border: none;}
.HdrIcn4::before{content: ""; background-image: url(https://img05.shop-pro.jp/PA01110/573/etc/hdricn4.png?cmsp_timestamp=20180507111226);border: none;}
.HdrIcn5::before{content: ""; background-image: url(https://img05.shop-pro.jp/PA01110/573/etc/hdricn5.png?cmsp_timestamp=20180507111231);border: none;}
#GloMnu img{border: none;}

/*ログイン*/
#GloMnu2 {float: right;}
#GloMnu2 li {float: left; height: 60px; width: 50px; margin: 0 0 0 10px; background: #606060; border-radius: 2px; transition: .3s;}
.is-animation #GloMnu2 li{height: 40px;}
#GloMnu2 a{display: block; padding: 10px 6px; transition: .3s;}
.is-animation #GloMnu2 a{padding: 6px 10px;}
#GloMnu2 li:first-child{margin: 0;}
#GloMnu2 img{width: 40px; height: 40px; transition: .3s;}
.is-animation #GloMnu2 img{width: 30px; height: 30px;}

/*送料*/
#SoryoMuryo {color:#ffffff;margin:0 0 18px;padding: 4px 0;background: #E1524E;width: 100%;display: block;text-align: center;font-weight: 600;border-radius: 4px;font-size:1.5rem;line-height: 2rem;}
#SoryoMuryo small{font-size:0.8rem;display:block;float:inherit;}
.SdeSry {font-size:1rem;display: block;margin:0 auto 10px;text-align:center;}
.SdeSry a{background: #E1524E;color:#ffffff;border-radius: 4px;}
.SdeSry a:hover{color:#ffffff;background:#c03547;}
#SoryoMuryo .SdeSry {width:94%;}
#SoryoMuryo .SdeSry a{background:#ffffff;color:#424242;}
#SoryoMuryo .SdeSry a:hover{color:#ffffff;background:#c03547;}

.HedAcct a{background-color:#1ea396;}
.HedAcct a:hover{background-color:#008d6b!important; text-decoration: none;}

.GMnuSpt a{background-color: #1ea396;}
.GMnuSpt a:link {color :#fff; text-decoration: none;}
.GMnuSpt a:visited {color: #fff; text-decoration: none;}
.GMnuSpt a:active {color: #fff; text-decoration: none;}
.GMnuSpt a:hover {color:#fff; background-color: #008d6b!important; text-decoration: none;}

/*----------
メイン
----------*/
#ManCnt{margin: 100px 0 0 0;}

/*----------
left navi
----------*/
.LftCtg h2 {margin: 10px 0 0 0; font-weight: 600;font-size: 1rem;}
.LftCtg h2:first-child{margin: 0;}
.LftCtg strong {padding: 11px 5px 9px 5px;display: block;border-radius: 2px;border-bottom: 2px solid #1ea396;}
.LftCtg strong a:link {color :#ffffff; text-decoration: none;}
.LftCtg strong a:visited {color: #ffffff; text-decoration: none;}
.LftCtg strong a:active {color: #ffffff; text-decoration: none;}
.LftCtg strong a:hover {background-color:#2a2a2a; text-decoration: none;}
.LftCtg a {display: block; padding: 10px 5px; font-weight:600;}
.LftCtg a { text-decoration: none;}
.LftCtg li {border-bottom:1px solid #dddddd;}
.LftCtg li a:link {color :#616161; text-decoration: none;}
.LftCtg li a:visited {color: #616161; text-decoration: none;}
.LftCtg li a:active {color: #616161; text-decoration: none;}
.LftCtg li a:hover {color:#2a2a2a; background-color:#cdd2d2; text-decoration: none;}
.LftCtg small {float: right;}
.LftCtg b {font-weight: 600;font-size: 0.9rem;float: left;border-radius: 20px;padding: 3px;margin: 0 5px 0 0;display: block;width: 15px;height: 15px;color: #ffffff;background-color: #1ea396;text-align: center;line-height: 1.1;}

.LftCtgBg2{color: #ffffff; padding: 11px 5px 9px 5px; display: block; background-color: #505A6E; border-radius:2px;}

/*----------
footer
----------*/
.footer {clear: both; padding: 1.7%; background-color: #eeeeee; margin: 80px 0 0 0;}
.footer p {margin: inherit; padding: inherit;}
FConA {width: 33%;}
.Finf {text-align: center; height: 80px; height:280px;}
.FCon div {font-size: 0.9rem; background-color: #ffffff; margin: 1.16%; float: left; width: 28%; min-height: 400px; padding: 1.5%;}
.FCon strong {display: block; text-align: center; font-size: 1.3rem; margin: 10px 0 20px 0;}
.FCon::after {content: ""; clear: both; display: block;}
.Finf span {margin: 0 0 0 20px; font-size: 0.8rem; line-height: 3rem;}
.BgImg1 {position: absolute; top: 0; left: 1100px;}
.SiMap {border-top: 1px solid #dddddd; margin: 20px 0 0 0; padding: 20px 0 0 0; font-size: 0.8em; text-align: center;}
.SiMap a {text-align: center; margin: 0 20px; color: #424242; text-decoration: none;}
.SiMap a:hover {opacity: 0.6;}
address {font-size: 0.8rem; line-height: 2rem;}

/*電話番号*/
.FotTel ,.FotFax{font-size: 1.4rem; margin: 0 0 0 40px;}
.FotTel::before ,.FotFax::before{content:" "; margin: -6px 6px 0 0; display: inline-block; width: 25px; height: 25px; background-size: contain; vertical-align: middle;}
.FotTel::before{background-image: url(https://img05.shop-pro.jp/PA01110/573/etc/fttel.png?cmsp_timestamp=20180523111711);}
.FotFax::before{background-image: url(https://img05.shop-pro.jp/PA01110/573/etc/ftfax.png?cmsp_timestamp=20180523113357);}

/*スマホ表示切り替え*/
.SpCng a{display: block; text-align: center; font-size: 4rem; font-weight: 600; background-color: #2072a3; color: #ffffff; padding: 10px; text-decoration: none;}
.SpCng a:link {color: #ffffff;}
.SpCng a:hover {background-color: #005082;}

/*---------------------
コンテンツ
---------------------*/
/*のぼりの寿命*/
.NjTitle {margin: 60px 0; font-size: 1.5em; text-align: center; clear: both;}
.NjTitle span {background: linear-gradient(transparent 50%, #B2DFDB 50%);}
.NjBox {overflow: hidden; margin: 40px 0; clear: both;}
.NjCon {width: 680px; padding: 0 0 0 20px;}
.NjSHdln {font-size: 1.4em; margin: 60px 0 10px 0;}
.NjHr {border: none;}

/*商品ページ*/
#ItmCode {padding: 10px; background-color: #ef5350; color: #ffffff; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px;}
#ItmCode strong {font-size: 1.5em; margin: 20px;}
#ItmCode small {float: right; margin: 10px 0 0 0;}
.ItmSpc {border-bottom: solid 1px #cccccc; margin: 30px 0;}
.ItmSpc p {padding: 10px 5px; overflow: hidden; clear: both; border-top: solid 1px #cccccc;}
.ItmSpc strong {float: left; display: block;}
.ItmSpc span {float: right; width: 70%; display: block;}
.CR{text-align: center; margin: 20px 0 0 0;}


/*注文入稿案内*/
.IdxTpx_2b {overflow: hidden;}
.IdxTpx_2b p{text-align: center; border: 1px solid #dddddd; float: left; display: block; width:  48.95%; height: 340px; }
.IdxTpx_2b img{margin:50px auto 0 auto;}
.IdxTpx_2b strong{display: block; font-size:1.5em; margin: 20px 0;}
.IdxTpx_2b a{display: block; width: 100%; height: 100%; text-decoration: none;}
.IdxTpx_2b a:hover{opacity:0.7;}
.IsxTpx_2b_ML{margin: 0 1.65% 0 0;}


/*#SoryoMuryo, #SoryoMuryo b {background-color: #c44755; padding: 5px; text-align: center; border-radius: 2px; }*/





/*--------------------
検索 カート　ログイン
--------------------*/
/*検索窓
#Top_Search_Select{height:43px;font-size:11px;}
#Top_Search_Word {margin-left:-5px;padding:1px 0 0 10px;width:370px;height:34px;font-size:20px;border:4px #ffa500 solid;}
#Top_Search_Word2 {margin:0;padding:2px 0 0 10px;width:400px;height:44px;font-size:20px;border:4px #ffa500 solid;}
#top_search_submit2 {margin:0 0 0 -72px;height:37px;width:60px;font-weight:bold;}
/*カートを見る
img#Cart_Look:hover{opacity:0.7;filter:alpha(opacity=70);-ms-filter:"alpha(opacity=70)";}
/*ログイン
img#Login:hover{opacity:0.7;filter:alpha(opacity=70);-ms-filter:"alpha(opacity=70)";}
*/

/* ------------------------------------- 
*	トップ部分
* ------------------------------------- */
/* トップリンク 
#page_top a:link {color:#0066FF;}
#page_top a:visited {color:#0066FF;}
#page_top a:active {color: red;}
#page_top a:hover {color: red;}*/
/* 検索 カート　ログイン*/
#top_search li {float: left; }
#top_search select{margin-top:6px; margin-left:20px; height:20px; font-size:1.1em;}
#top_search_submit {margin:0 0 0 -72px; height:33px; width:60px; font-weight:bold;}
#top_cart{margin-left:8px;}
#top_login{margin-right:8px;}
#top_search_top {margin:0px; padding:0; background: url('https://img05.shop-pro.jp/PA01110/573/etc/box_black_tr.gif') no-repeat top right; }
#top_search_top img{vertical-align:super; vertical-align:top; margin:0; padding:0;}
#top_search_bottom {background: url('https://img05.shop-pro.jp/PA01110/573/etc/box_blackbr.gif') no-repeat bottom right;}
#top_search_bottom img{vertical-align:sub; vertical-align:bottom; margin:0;}
#top_search_corner {border: none; display: block !important;}
/*#SoryoMuryo{margin-top:5px; font-size:16px;}*/
/*#SoryoMuryo b{font-size:16px; color:#dd5060;}*/
/* -------------------------------------
*	一覧表示　検索表示
* ------------------------------------- */
/* カテゴリーの名前 */
.category_title {padding:3px 15px; width:720px; background:#FFD5AC url(https://img.shop-pro.jp/tmpl_img/17/category_title.gif) no-repeat; background-position:6px; color:black; font-weight:bolder;}
/* 並び順 */
.sort {width:750px; text-align:right; margin:3px 0;}
.sort span,strong {/*padding:0px 7px;*/}
/* 全 [*] 商品中 [*-*] 商品を表示しています。 */
.pagenavi {margin:5px 10px;}
.pagenavi span {padding:0 7px; color:#d2691e;}
/* 一覧個々ボックス */
#list_parts {margin: 0px 0; padding: 2px 11px; width: 200px; float: left; text-align: left; margin: 0 10px;}
#list_parts img { margin: 0 0 16px 0; width: 200px;}


/* 一覧ページナビ */
#list_page {margin: 80px auto; text-align: center; font-weight: 600;}
#list_page a {font-size: 1.4rem; color: #424242; text-decoration: none; padding: 7px 16px; margin: 0 2px; }
#list_page b {padding: 7px 16px; margin: 0 2px; background: #dddddd; }
#list_page a:link {text-decoration: none; color: #424242; }
#list_page a:visited {text-decoration: none; color: #424242; }
#list_page a:active {text-decoration: none; color: #424242; }
#list_page a:hover { text-decoration: none; color: #ffffff; background: #616161; }
.pagenavi_next_page{margin:0 0 20px 0;display: block; }
.pagenavi_prev{font-size: 1.4rem;width: 70px!important; padding: 4px; margin: 0 2px;}
.pagenavi_next{font-size: 1.4rem;width: 70px!important; padding: 4px; margin: 0 2px;}
/*検索結果*/
.search_result {margin:5px 0 5px 20px;}
/*検索条件の文字の色*/
.search_result strong {color:#d2691e;}


#whtnew {font-size:90%; }

/* -------------------------------------
*	左既製品カテゴリ部分
* ------------------------------------- */
#left_node_loading {position:absolute; width:200px; margin-left:0; margin-top:30px; text-align:center;}
#left_nobo_br_cate {paddin:0px; margin:0px; width:200px;}
#left_nobo_br_cate img {margin:0; padding:0;}
#left_nobo_cate {padding-left:4px;}
#left_nobo_cate ul {display:none;}
#left_nobo_cate li{font-size:16px;}
#left_nobo_cate span{font-size:16px;}
#left_nobo_cate img {margin:2px 0; padding:0px; vertical-align:middle;}
#left_nobo_cate hr {width:235px; margin-left:5px; border-style:solid; border-width:1px 0 0 0; margin-left:0; height:1px; border-color:#DD6666;}
/* ------------------------------------- 
*	お知らせエリア
* ------------------------------------- */
#whatsnew {margin:0; padding:0; color:#8F826C; }
#whatsnew img {margin:0;}
/* ------------------------------------- 
*	おすすめ
* ------------------------------------- */
.Uresuji { border-top: 1px solid #dddddd; }
.ure_parts {margin: 0 5px 0 10px; padding: 2px 2px 2px 2px; width: 220px; float: left; text-align: center;}

/*index Slider*/
.select_title {padding: 20px 0 0 0; margin: 0 0 20px 0; font-size: 1.6em; width: 100%; border-bottom: 1px solid #546e7a;}
.item_select {overflow: hidden; margin: 0 0 30px 0;}
.item_select p {float: left; padding: 10px 0 0 0;}
.select1 {margin: 0 0 20px 0;}
.TitemText {position: absolute; margin: -150px 0 0 -200px; left: 232px; top: 184px;}
.TitemText p {width: 400px;}
a.TitemLink {text-decoration: none; color: #616161;}
.TitemImg {padding: 0 10px;}
.TitemName {display: block; padding: 10px 10px 0 10px; width: 200px;}
.TitemPrice {/*display: block; */display: none; text-align: right; color: #d32f2f; min-height: 10px; padding: 0 10px; width: 200px;}

.swiper-container2{text-align: center;}
/*スライダー*/
.swiper-container1,
.swiper-container1b,
.swiper-container2,
.swiper-container3,
.swiper-container4
{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;z-index:1}

.TitemName{margin: auto;}


#relation {background-color: #FFFFD7}
#relation a:link    {color: #132F81; text-decoration: underline;}
#relation a:visited {color: #132F81; text-decoration: underline;}
#relation a:active  {color: red; text-decoration: none;}
#relation a:hover   {color: red; text-decoration: none;}
#relation a{line-height:150%; }


/* ------------------------------------- 
*	アイテムエリアの設定（商品を複数個横に並べる表示の設定）
* ------------------------------------- */
.itemarea {margin:3px 0; width:33%; float:left; text-align:center; }



/* -------------------------------------
*	ページレイアウト
* ------------------------------------- */

#header {margin: 0px; width:950px; padding-bottom:2px;}
#sub_header {margin:0px; padding:0px; padding-bottom:2px;}
#sub_header img{margin:0px; padding:0px;}
#body {padding:0 20px;}
#side {width:160px; float:left;}
#main {margin-left:4px; width:582px; float:left;}
#right_side {margin-left:4px; width:200px; float:left;}

/* ************************************************ 
*	ヘッダー（電話、検索スペース、メニュー）
* ************************************************ */

/* ------------------------------------- 
*	ヘッダー内レイアウト
* ------------------------------------- */
/*ヘッダーメニューの背景*/
#header_logo {width:256px; float:left; border:1px red solid;}
#header_logo img{ margin: 0px; padding: 0px;}
/* ------------------------------------- 
*	ヘッダーメニュー（ホーム、マイカウント、お問い合わせ）
* ------------------------------------- */
#header_menu {width:694px; text-align:right; float:left;}
/* ------------------------------------- 
*	電話部分
* ------------------------------------- */
#header_tel {width:398px; margin-left:2px; vertical-align:top; font-size:80%; text-align:center; float:left; }
#header_tel img {padding:0; margin:0; }
#header_tel a:link    {color: #000080; text-decoration: none;}

#header_tel a:visited {color: #000080; text-decoration: none;}
#header_tel a:active  {color: #000080; text-decoration: underline;}
#header_tel a:hover   {color: #000080; text-decoration: underline;}
/* ------------------------------------- 
*	会員
* ------------------------------------- */
#member {margin-top:20px; width:280px; height:54px; font-size:93%; text-align:right; float:left;}
#member a:link    {color: #000080; text-decoration: underline;}
#member a:visited {color: #000080; text-decoration: underline;}
#member a:active  {color: red; text-decoration: underline;}
#member a:hover   {color: red; text-decoration: underline;}

/* ------------------------------------- 
*	商品検索
* ------------------------------------- */
/*#search {margin:0;padding:0; width:690px; vertical-align:bottom; text-align:right; float:left;}*/
/*#search select,input,img  {vertical-align:bottom; margin-left:4px;}*/
/*#search .button {margin-left:-4px;}*/
/*#search .cart {margin-left:10px;}*/

/* ************************************************ 
*	サイドメニュー　左
* ************************************************ */
/* のぼりカテゴリー */
#left_nobo img {margin:0px; padding:0px; }


/* ************************************************ 
*	サイドメニュー　右
* ************************************************ */
#picup1 {}

/* ------------------------------------- 
*	灰色の部分（おすすめ商品、売れ筋商品、カテゴリのリスト）
* ------------------------------------- */

#grayzone {background:url(https://img.shop-pro.jp/tmpl_img/17/grayzone.gif) repeat-y; margin-bottom:10px;}
#grayzone .top {background:url(https://img.shop-pro.jp/tmpl_img/17/grayzone_top.gif) no-repeat; background-position:left top;}
#grayzone .bottom {background:url(https://img.shop-pro.jp/tmpl_img/17/grayzone_bottom.gif) no-repeat; background-position:left bottom;}
#grayzone dl {margin:0px 5px;}
#grayzone dt img {margin:2px 5px;}

/* リストのタイトル部分（四角の枠） */
#grayzone dt {font-weight:bolder; background:#FFF; border:1px #FF9900 solid; margin-bottom:5px; padding-top:3px;}

/* リスト部分（左端にオレンジ色の丸の画像） */
#grayzone dd {background:url(https://img.shop-pro.jp/tmpl_img/17/dd.gif) no-repeat; background-position:0px 6px; padding-left:16px; margin-bottom:3px;}
#grayzone dd.sp {background:none; border-top:2px #FFF dotted; padding:0px; margin:3px; }


/* ------------------------------------- 
*	会員専用ページ
* ------------------------------------- */
.grayzone {background:url(https://img.shop-pro.jp/tmpl_img/17/grayzone.gif) repeat-y; margin-bottom:10px;}
.grayzone .top {background:url(https://img.shop-pro.jp/tmpl_img/17/grayzone_top.gif) no-repeat; background-position:left top;}
.grayzone .bottom {background:url(https://img.shop-pro.jp/tmpl_img/17/grayzone_bottom.gif) no-repeat; background-position:left bottom;}
.grayzone dt {font-weight:bolder; background:#FFF; border:1px #FF9900 solid; margin-bottom:5px; padding-top:3px;}
.grayzone dl {margin:0px 5px;}
.grayzone dt img {margin:2px 5px;}
.grayzone dd #btn_members_login, .grayzone dd #btn_members_signup, .grayzone dd #btn_members_logout {text-align:center;}
.grayzone dd #btn_members_signup {padding-top:7px; margin-top:7px; border-top:2px #FFF dotted;}
.grayzone dd #btn_members_signup span, .grayzone dd #btn_members_logout span {font-size:10px; line-height:1.1em; display:block; padding-bottom:5px;}


/* ------------------------------------- 
*	トラックバック、フリースペースのリスト
* ------------------------------------- */
dl#list dt {font-weight:bolder; margin-bottom:5px;}
dl#list dd {padding-left:17px; margin-bottom:3px; background:url(https://img.shop-pro.jp/tmpl_img/17/dd_arrow.gif) no-repeat; background-position:1px 6px;}
div.border {border-top:2px #8F826C dotted; padding-bottom:5px; background:none;}

/* ------------------------------------- 
*	メールマガジン登録・解除
* ------------------------------------- */
dl#mailmaga {border:1px #8F826C solid;}
dl#mailmaga dt {border-bottom:1px #8F826C dotted; margin:5px; font-weight:bolder;}
dl#mailmaga dd {text-align:center; margin-bottom:5px;}

/* ------------------------------------- 
*	feed
* ------------------------------------- */
#feed {text-align:center;}
#feed img {width:57px; height:15px; margin:5px;}


/* ************************************************ 
*	メインエリア
* ************************************************ */
table.box {width:99.5%; margin:0px auto 20px auto;}

/* ------------------------------------- 
*	各タイトル（おすすめ商品、売れ筋商品、サブカテゴリー)
* ------------------------------------- */
.main_title {width:539px; height:27px; background:url(https://img.shop-pro.jp/tmpl_img/17/main_title.gif) repeat-x; background-position:left;}
.main_title .point {height:27px; width:20px; float:left; background:url(https://img.shop-pro.jp/tmpl_img/17/main_title_point.gif) no-repeat; background-position:left;}
.main_title .title {height:27px; margin-left:20px; background:url(https://img.shop-pro.jp/tmpl_img/17/main_title_right.gif) no-repeat; background-position:right;}
.main_title .title img {margin-top:6px;}



/* ------------------------------------- 
*　フリースペース
* ------------------------------------- */
.free_space {border:2px #CCC solid; padding:10px; }

/* ------------------------------------- 
*	パンくずナビ
* ------------------------------------- */

.pankuzu a {margin:0 10px 0; font-size:0.9rem; font-weight:600;}

/* ------------------------------------- 
*	会員価格の表示 トップページ用
* ------------------------------------- */
.regular_price_top {padding:0px 0px 2px; font-size:11px; text-decoration:line-through; color:#666666; }
.price_top {padding: 10px 0; }
.discount_rate_top {padding:2px 0px 0px; color:#dd5060; }


/* ************************************************ 
*	商品一覧・検索結果・詳細ページ
* ************************************************ */

/* ------------------------------------- 
*	商品一覧・検索結果//アイテムリストの設定（一行表示の設定）
* ------------------------------------- */

table.list {border-top:1px #FF6600 solid; border-bottom:1px #FF6600 solid; }
table.list td {padding:10px 5px;}

/* 商品の名前 */
table.list div.name {margin-right:100px; }
#list_prd_name a{font-size:90%; color:#555555; }

/* 商品の値段 */
table.list div.price {color:#CC0000; width:200px; float:right; text-align:right; }
/* 商品の簡易説明 */
table.list {margin-top:10px;}







/* ------------------------------------- 
*	商品一覧・検索結果・詳細ページ共通
* ------------------------------------- */
dd#group-list {border-top:#FFF dotted 2px; padding:0px; margin:0px; height:1px; line-height:0px; }
.group-list-link {margin:5px 0px 0px; }

/*商品コード表示*/
.LstCod::before {content: "商品コード : ";}
span.LstCod {display: block; font-size: 0.8rem;}
span.LstPrs {font-weight: 600;}

/* ************************************************ 
*	商品一覧ページ
* ************************************************ */

/* 会員価格の表示 商品一覧用 */
.regular_price_all {padding:0px 0px 2px; font-size:11px; text-decoration:line-through; color:#666666; }
.price_all {padding:0px; }
.discount_rate_all {padding:2px 0px 0px; color:#dd5060; }

/* ************************************************ 
*	商品詳細ページ
* ************************************************ */
div.detail_img {width:100%;text-align:center;}

/* ------------------------------------- 
*	商品のスペック表
* ------------------------------------- */
table.spec {background:#CCC;/*商品価格表-罫線の色*/width:100%; }
table.spec th {background:#EFEFEF;/*商品価格表右側セルの背景色*/padding:5px; width:100px; color:#333;/*商品価格表右側セルの文字色*/font-weight:normal; text-align:left; }
table.spec td {background:#FFF;/*商品価格表左側セルの背景色*/padding:5px; }
table.spec table.num td {padding:0px;}
table.spec td.sales {color:#CC0000;/*商品価格表-販売価格の文字色*/font-weight:bolder; }

/* 「カートに入れる」ボタン */
div.cart_in {text-align:right; margin-top:10px; }
div.cart_in img {width:132px; height:34px; }

/* 商品の説明 */
div.explain {margin:10px 0;}




/* 特定商取引法に基づく表記（返品など）ボタン */
p#sk_link_other {text-align:right; margin-top:10px; }
p#sk_link_other a {font-size:16px; }


/* 会員価格の表示 商品詳細用 */
.regular_price_detail {padding:0px 0px 2px; text-decoration:line-through; }
.price_detail {padding:0px;}
.discount_rate_detail {padding:2px 0px 0px; color:#dd5060; }

/* ------------------------------------- 
*	トラックバック
* ------------------------------------- */
div.tb {margin-bottom:20px; margin-left:10px; }
div.tb div.title {color:#8F826C; font-size:16px; background:url(https://img.shop-pro.jp/tmpl_img/17/arrow.gif) no-repeat; background-position:left; border-bottom:2px dotted #8F826C; padding-left:15px; margin-bottom:10px; }

/*ベージュの背景色エリア*/
div.area_bg {background:#F6F1E6; margin:0px 10px 0px 10px; }

/*トラックバック本文レイアウト*/
div.tb div.tb_area {padding:10px 15px 15px 15px; }
div.tb div.tb_area span {font-size:10px; color:#8F826C; margin-right:30px;}
div.tb div.tb_area p.tb_title {border-top:1px dotted #8F826C; font-weight:bolder; padding:5px 0; }


/* ************************************************ 
*	商品検索結果
* ************************************************ */



/* 会員価格の表示 商品検索結果用 */
.regular_price_search {padding:0px 0px 2px; font-size:11px; text-decoration:line-through; color:#666666; }
.price_detail_search {padding:0px; }
.discount_rate_search {padding:2px 0px 0px; color:#dd5060; }


/* ************************************************ 
*	その他のページ
* ************************************************ */

/* ------------------------------------- 
*	オプション在庫・値段表
* ------------------------------------- */
div#option {padding:10px; background:#FFF; }
table.option {margin:20px auto; background:#CCC; }
table.option th {background:#DDD; text-align:left; font-weight:normal; border:2px solid #FFF; }
table.option td {background:#FFF; padding:3px; }
.option_btn {text-align:center; }

/* 会員価格の表示 オプション用 */
.regular_price_stock {padding:0px 0px 2px; font-size:11px; text-decoration:line-through; color:#666666; }
.price_detail_stock {padding:0px; }
.discount_rate_stock {padding:2px 0px; color:#dd5060; }


/* ------------------------------------- 
*	特定商取引法に基づく表記
* ------------------------------------- */
table#shop {width:90%; margin:10px auto 20px auto; border:1px #CCC solid; }
table#shop td,th {padding:5px;}
table#shop th {width:150px; background:#DDD; text-align:left; font-weight:normal; }

/* ------------------------------------- 
*	支払い方法・配送方法について
* ------------------------------------- */
.sk {width:90%; margin:10px auto 20px auto; border:1px #CCC solid; }
.sk .title_sp {padding:2px; }
.sk .title {font-weight:bolder; background:#DDD; padding:5px; }
.sk .title img {margin:3px;}
.sk .note {padding:5px; }
.payment_img {margin:3px; }


/* ------------------------------------- 
*	プライバシーポリシー
* ------------------------------------- */
div#privacy {margin:10px 20px 20px 20px; border:1px #CCC solid; }
div#privacy .title_sp {padding:2px; }
div#privacy .title {font-weight:bolder; background:#DDD; padding:5px; }
div#privacy .note {padding:5px; }

#CalBox {padding:0; width: 200px!important; width: 200px; height: 220px!important; height/**/: 220px; position: relative; margin-bottom: 10px; }
#CalBoxUL{padding: 0px; margin: 0px; width: 60px; float: right; }
#CalBoxUL li{float: left; width: 20px; height: 15px; font-size: 10px; list-style: none; cursor: pointer; }
.CalYM p {font-size: 16px; padding: 5px; margin: 0px; }
#CalContents ul{clear: both; padding: 0px; margin: 0px; }
#CalContents li {margin:-1px 0 0 -1px; width: 27px; text-align: center; list-style: none; font-size: 10px; float: left; overflow: hidden; border: solid 1px #CCCCCC; }
#CalContents li span {padding: 3px; display: block; }
#Holyday {color: #FFFFFF; background-color: #FF1133; }
#Today {color: #FFFFFF; font-weight: bolder; background-color: #2233CC; }
#TodayHolyday {font-weight: bolder; color: #0; background-color: #FFCCCC; }
#Shipment {background-color: #009900; color: #FFFFFF; }
#Passage {color: #BBBBBB; }

/* ------------------------------------- 
*	ツイッター関連
* ------------------------------------- */
#tweetbox {display: block; background: #BADAFF; text-align: center; }
#SEOLink {width:750px; }


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

/* ------------------------------------- 
*	店主のコーナー
* ------------------------------------- */
dl#owner {border-bottom:2px #8F826C solid;}
dl#owner dt {background:#8F826C url(https://img.shop-pro.jp/tmpl_img/17/round_owner.gif) no-repeat; background-position:left top; text-align:center; padding:5px 0;}
dl#owner dd {border-left:2px #8F826C solid; border-right:2px #8F826C solid; padding:2px 3px 2px 7px;}

/* ページ中央部分 */
#page_body {width:545px; text-align:left;}
.kakaku{display:none;}
.kakaku_a{height:23px; padding:0 0 0 30px; background:url('https://img05.shop-pro.jp/PA01110/573/etc/yajirushi.jpg') no-repeat;}

/*SNS*/
.Sns img{width: 40px; margin: 40px 10px;}
.Sns {text-align: center;}

/*このなか*/
.NewItm li{ float: left; width: 200px; margin: 0 18px 50px; 0}
.NewItm span{display: block;}
.NewItmGrd {position: relative; overflow: hidden; height: 260px;}
.NewItm li a{height:230px; display:block;}
	
.grad-wrap {position: relative; padding: 10px; border: 1px solid #aaaaaa; margin: 0 0 150px 0;}
.grad-wrap + .grad-wrap {margin-top: 40px;}
.grad-btn {z-index: 2; position: absolute; right: 0; bottom: 0; left: 0; width: 148px; margin: -30px auto; padding: .5em 0; border-radius: 2px; background: #2072a3; color: #ffffff; font-size: 1.3rem; text-align: center; cursor: pointer; transition: .2s ease; }
.grad-btn::after {content: "続きを読む"}
.grad-btn:hover {background: #005082; color: #fffff;}
.grad-btn .fa {margin-right: .5em;}
.grad-item p + p {margin-top: 1em;}
.grad-item::before {display: block; position: absolute; bottom: 0; left: 0; content: ""; width: 100%; height: 10px; /*グラデーションで隠す範囲*/ background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%); background: linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);}
.grad-trigger {display: none;}
.grad-trigger:checked ~ .grad-btn {bottom: -2em;}
.grad-trigger:checked ~ .grad-btn::after {content: "閉じる"}
.grad-trigger:checked ~ .grad-btn .fa {transform: rotate(180deg);}
.grad-trigger:checked ~ .grad-item {height: auto;}
.grad-trigger:checked ~ .grad-item::before {display: none;}

/*続きをみる*/
.boxlist li {float: left;width: 200px;margin: 20px 58px 0 0;min-height: 300px;}
.boxlist li:nth-child(4n){margin-right:0;}
.boxlist {overflow: hidden;border-top: 2px solid #1ea396;margin: 0 0 40px 0;}
.boxlist img { width: 200px; }
.u-button--more span { background: #1ea396; color: #ffffff; padding: 10px 24px; font-size: 1.2rem; border-radius:  2px; }
.u-button--more { text-align: center; margin: -40px 0 30px 0px; }
.u-hidden {display: none !important;}
  
 /*カンタンリピート*/
.RptItm {text-align: center; background: #b0d4bb; border-radius: 2px;}
.RptItm:hover{opacity: 0.8;}
.RptItm span{font-weight:600; font-size:1.2rem; color:#424242;}

/*ふわふわ1*/
.fuwafuwa {
-webkit-animation: fuwafuwa 3s infinite linear alternate;	animation: fuwafuwa 3s infinite linear alternate;}
@-webkit-keyframes fuwafuwa {0% {c-webkit-transform:translate(0, 0) rotate(-5deg);}50% {-webkit-transform:translate(0, -5px) rotate(0deg);}100% {-webkit-transform:translate(0, 0)rotate(5deg);}}
@keyframes fuwafuwa {0% {transform:translate(0, 0) rotate(-5deg);}50% {transform:translate(0, -5px) rotate(0deg);}100% {transform:translate(0, 0)rotate(5deg);}}
/*ふわふわ2*/
.fuwafuwa2 {
-webkit-animation: fuwafuwa2 3s infinite linear alternate;	animation: fuwafuwa2 2s infinite linear alternate;}
@-webkit-keyframes fuwafuwa2 {0% {-webkit-transform:translate(0, 0) rotate(-5deg);}50% {-webkit-transform:translate(5px, -10px) rotate(0deg);}100% {-webkit-transform:translate(0, 0)rotate(5deg);}}
@keyframes fuwafuwa2 {0% {transform:translate(0, 0) rotate(-5deg);}50% {transform:translate(5px -10px) rotate(0deg);}100% {transform:translate(0, 0)rotate(5deg);}}

.CtmPage h1{font-size: 1.8rem; font-weight: 600;}
.CtmPage h2{font-size: 1.4rem; font-weight: 600;}
.CtmPage h3{font-size: 1.2rem; font-weight: 600;}
.CtmPage h4{font-size: 1rem; font-weight: 600;}

/*ボーダー内側*/
.InsBdr {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}

/*cart*/
span.CrtCnt {
/*display: block; */
    color: #ffffff;
    background: #1ea396;
    min-width: 10px;
    min-height: 10px;
    font-size: 1.2rem;
    padding: 10px;
    font-weight: 600;
    border-radius: 20px;
    line-height: .5;
    margin: -10px -15px 0 0px;
    /* padding: 4px 12px; */
    right: 0;
    position: absolute;
}


/* 移動先にカラーとコマンド表示 */
div:target {
  background-color: #ffffcc;
  width: 900px;
}

div:target::before {
  font: 70% sans-serif;
  content: "click!!";
  color: limegreen;
  margin-right: .25em;
}