@charset "utf-8";
@media only screen and (max-width: 480px) and (orientation: portrait), only screen and (min-width: 361px) and (max-width: 767px) and (orientation: landscape) {
	.pc { display: none; }
	.sp { display: block; font-size: 14px; line-height: 1.5; font-weight:normal;}
.tac {margin-left:20px;}
.bld {font-weight:bold;}
.mat10 {margin-top:10px;}
.mal10 {margin-left:10px;}
.pat10 {padding-top:10px;}
.pal10 {padding-left:10px;}
.par10 {padding-right:10px;}
.pal15 {padding-left:15px;}
.pab10 {padding-bottom:10px;}


.head {background:url("../img/sp/bg_header.gif") no-repeat ;padding-bottom:10px;padding-top:5px;padding-right:10px;text-align:right;font-size:12px;}


.gNav2				{ padding: 10px 5px; }
.gNav2 ul			{ width:100%;}
.gNav2 ul li			{ margin-right:-1px; width:33%; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .3), 0 2px 2px -1px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .3) inset; }
.gNav2 li 			{ float:left; margin:0; font-size:13px; border:1px solid #ffabc7; font-weight:bold;  background-color:#fe528a; text-align:center; 
					  text-shadow: 0 1px 0 rgba(92,92,92, .5); background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,1)), to(rgba(255,255,255,0))) }
.gNav2 li a			{ display:block; padding:12px 0; }
.gNav2 li a:visited	{ color:#555; text-decoration:none; }
.gNav2 li a:link		{ color:#555; text-decoration:none; }
.gNav2 li[disabled]	{ background:#fafafa; cursor:default; position:static; -moz-box-shadow:none !important; -webkit-box-shadow:none !important; margin-top:1px; }
.gNav2 li[disabled] a:visited { color:#999; }
.gNav2 li[disabled] a:link 	{ color:#999; }
.gNav2 li:first-child{ -moz-border-radius:3px 0 0 3px; -webkit-border-radius:3px 0 0 3px; border-radius:3px 0 0 3px; }
.gNav2 li:last-child { -moz-border-radius:0 3px 3px 0; -webkit-border-radius:0 3px 3px 0; border-radius:0 3px 3px 0; }

}

/*
.gNav2 li:last-child { -moz-border-radius:0 3px 3px 0; -webkit-border-radius:0 3px 3px 0; border-radius:0 3px 3px 0; background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(230,124,135,1)), to(rgba(230,124,135,1))) }
.gNav2 li:last-child span {color: white; text-shadow: none;}
}*/


.gNav3				{ padding: 10px 5px 10px 10px; }
.gNav3 ul			{ width:100%;}
.gNav3 ul li			{ margin-right:-1px; width:49%; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .3), 0 2px 2px -1px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .3) inset; }
.gNav3 li 			{ float:left; margin:0; font-size:13px; border:1px solid #ffabc7; font-weight:bold;  background-color:#fe528a; text-align:center; 
					  text-shadow: 0 1px 0 rgba(92,92,92, .5); background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,1)), to(rgba(255,255,255,0))) }
.gNav3 li a			{ display:block; padding:12px 0; }
.gNav3 li a:visited	{ color:#555; text-decoration:none; }
.gNav3 li a:link		{ color:#555; text-decoration:none; }
.gNav3 li[disabled]	{ background:#fafafa; cursor:default; position:static; -moz-box-shadow:none !important; -webkit-box-shadow:none !important; margin-top:1px; }
.gNav3 li[disabled] a:visited { color:#999; }
.gNav3 li[disabled] a:link 	{ color:#999; }
.gNav3 li:first-child{ -moz-border-radius:3px 0 0 3px; -webkit-border-radius:3px 0 0 3px; border-radius:3px 0 0 3px; }
.gNav3 li:last-child { -moz-border-radius:0 3px 3px 0; -webkit-border-radius:0 3px 3px 0; border-radius:0 3px 3px 0; }

}

/*
.gNav3 li:last-child { -moz-border-radius:0 3px 3px 0; -webkit-border-radius:0 3px 3px 0; border-radius:0 3px 3px 0; background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(230,124,135,1)), to(rgba(230,124,135,1))) }
.gNav3 li:last-child span {color: white; text-shadow: none;}
}*/

@charset "UTF-8";
/*
	module parts (readOnly)
	サイトを通じて、2回以上使用するパーツの定義(basic css not mixins)

	##Rules
	- ここに登録したスタイルは一度登録したら原則変更しない
	- 基本的に要素に直接スタイルは振らない（子要素除く）
	- 似たスタイルがある場合は、SASSの@extendで上位のスタイルを継承して差分を書く
	- classの命名の際は汎用的な名前を意識すること
	- サイト内で2回以上使用するスタイル、アクションが登録対象となる

	##Use
	- Sassからは@extendで読み込む
	- CSSからは該当要素にaddClassして読み込む
*/
/* module:clearfix */
.clearfix:after {
  content: "";
  display: block;
  clear: both;
}

/*	common
/--------------------------------------------------*/
.mod-red {
  color: #c00;
}

.mod-pink {
  color: #e38992;
}

.mod-bg-lightgray {
  background: #f1f1f1;
}

/*	button
/--------------------------------------------------*/
.btnText {
  border-radius: 5px;
}
.btnText a {
  display: block;
  padding: 5px 0;
}

.btnPink {
  border-top: 1px solid #f8d9dc;
  border-right: 1px solid #916368;
  border-bottom: 1px solid #593438;
  border-left: 1px solid #f2b8be;
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f2b8be), to(#e98b95));
}
.btnPink a {
  color: #fff;
  font-weight: 600;
  text-align: center;
}

.mod-btn-blue {
  border-top: 1px solid #aec2df;
  border-right: 1px solid #1b3b67;
  border-bottom: 1px solid #031b3b;
  border-left: 1px solid #537db9;
  border-radius: 5px;
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#6b90c4), to(#0a479c));
}
.mod-btn-blue a {
  display: block;
  padding: 25px 0;
  background: url("/images/i_ar2.png") no-repeat right center;
  color: #fff;
  font-size: 150%;
  font-weight: 600;
  text-align: center;
}

/*	box
/--------------------------------------------------*/
.mod-box-conv {
  border: 1px solid #e5e5e5;
  border-radius: 5px;
}
.mod-box-conv .mod-box-conv-btn {
  margin: 10px 15px 0;
  padding: 10px;
  background: #f1f1f1;
}
.mod-box-conv .mod-box-conv-btn p.singleBtn {
  margin-top: 0;
}
.mod-box-conv .mod-box-conv-info {
  padding: 15px 15px 0;
}
.mod-box-conv .mod-box-conv-info p {
  font-size: 114%;
  font-weight: 600;
}
.mod-box-conv .mod-box-conv-footer {
  margin: 10px 0 0 0;
  padding: 10px 0;
  background: #fff1c9;
  border-radius: 0 0 5px 5px;
  font-weight: 600;
  text-align: center;
}
.mod-box-conv .mod-box-conv-footer2 {
  margin: 10px 0 0 0;
  padding: 10px 0;
  background: #fff1c9;
  border-radius: 0 0 5px 5px;
  font-weight: 600;
  text-align: center;
}
.mod-box-conv .mod-box-conv-footer dt span {
  color: #c00;
  font-size: 114%;
}
.mod-box-conv .mod-box-conv-footer dd:nth-of-type(1) {
  font-size: 114%;
}
.mod-box-conv .mod-box-conv-footer dd:nth-of-type(2) {
  padding: 10px 10px 0;
  border-top: 1px solid #ccc;
}
.mod-box-conv .mod-box-conv-footer dd:nth-of-type(2) > p {
  font-size: 85%;
}
.mod-box-conv .mod-box-conv-footer .mod-box-conv-footer-tel {
  overflow: hidden;
  *zoom: 1;
  margin: 10px 0 0 0;
  padding: 10px;
  background: #fff;
  text-align: center;
}
.mod-box-conv .mod-box-conv-footer .mod-box-conv-footer-tel p {
  /*float: left;*/
  color: #ff771c;
  font-size: 142%;

}
.mod-box-conv .mod-box-conv-footer .mod-box-conv-footer-tel a {
  color: #ff771c !important;
}
.mod-box-conv .mod-box-conv-footer .mod-box-conv-footer-tel ins {
  /*float: right;*/
  margin: 5px 0 0 0;
  padding: 0 5px;
  background: #faf8f3;
  border: 1px solid #cccccc;
  color: #c00;
  font-size: 85%;
  font-weight: 400;
  text-decoration: none;
}

.mod-box-bdbr {
  padding: 10px 15px;
  border: 1px solid #e5e5e5;
  border-radius: 0 0 5px 5px;
}

/*	head
/--------------------------------------------------*/
.mod-head {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #86bb55), color-stop(100%, #529d0d));
  background-image: -webkit-linear-gradient(#86bb55, #529d0d);
  background-image: -moz-linear-gradient(#86bb55, #529d0d);
  background-image: -o-linear-gradient(#86bb55, #529d0d);
  background-image: linear-gradient(#86bb55, #529d0d);
  position: relative;
  padding: 15px;
  border-top: 1px solid #bddaa2;
  border-bottom: 1px solid #1f3c05;
  color: #fff;
  font-size: 114%;
  font-weight: 600;
}
.mod-head span {
  position: absolute;
  top: 10px;
  right: 10px;
}

.mod-head2 {
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#979797), to(#656565));
  position: relative;
  padding: 10px;
  border-top: 1px solid #c4c4c4;
  border-bottom: 1px solid #272727;
  color: #fff;
  font-size: 114%;
  font-weight: 600;
}
.mod-head2 .mod-head2-sub {
  font-size: 85%;
}
.mod-head2 .mod-head2-label {
  position: absolute;
  top: 10px;
  right: 40px;
}

.mod-head3 {
  padding: 5px 15px;
  background: #f1f1f1;
  font-weight: 600;
}

.mod-head4 {
  padding: 5px 0;
  background: #559f12;
  border-top: 1px solid #a2ca7d;
  border-right: 1px solid #34610b;
  border-left: 1px solid #7cb548;
  border-radius: 5px 5px 0 0;
  color: #fff;
  font-weight: 600;
  text-align: center;
}

.mod-head5 {
  padding: 5px 0;
  background: #09469c;
  border-top: 1px solid #7899c9;
  border-right: 1px solid #052b5f;
  border-left: 1px solid #4170b3;
  border-radius: 5px 5px 0 0;
  color: #fff;
  font-weight: 600;
  text-align: center;
}

.mod-head-game {
  background: url("../images/i_game.png") no-repeat right center;
}

.mod-head-dvd {
  background: url("../images/i_dvd.png") no-repeat right center;
}

.mod-head-cd {
  background: url("../images/i_cd.png") no-repeat right center;
}

.mod-head-comic {
  background: url("../images/i_comic.png") no-repeat right center;
}

.mod-head-book {
  background: url("../images/i_book.png") no-repeat right center;
}

/*	uniq?
/--------------------------------------------------*/
.mod-item {
  overflow: hidden;
  *zoom: 1;
  padding: 15px;
}
.mod-item .mod-item-fig {
  float: right;
  width: 94px;
}
.mod-item .mod-item-fig dt {
  padding: 2px 0;
  background: #ec9ba4;
  color: #fff;
  font-size: 85%;
  text-align: center;
}
.mod-item .mod-item-info {
  float: left;
  width: 180px;
}
.mod-item .mod-item-info dd {
  margin: 0 30px 0 0;
  color: #c00;
  font-size: 141%;
  font-weight: 600;
  text-align: right;
}

/*	list
/--------------------------------------------------*/
.mod-list-float {
  overflow: hidden;
  *zoom: 1;
}
.mod-list-float > li {
  float: left;
}

.mod-list-indent > li {
  margin-left: 1em;
  text-indent: -1em;
}

.mod-list-col2image {
  overflow: hidden;
  *zoom: 1;
  padding: 0 2%;
}
.mod-list-col2image > li {
  float: left;
  width: 48%;
  margin: 2% 0 0 0;
}
.mod-list-col2image > li:nth-child(2n) {
  float: right;
}
.mod-list-col2image > li:nth-child(1), .mod-list-col2image > li:nth-child(2) {
  margin-top: 0;
}
.mod-list-col2image > li img {
  border: 1px solid #e5e5e5;
}

/*	border
/--------------------------------------------------*/
.mod-bd1gray {
  border: 0px solid #e5e5e5;
}

.mod-bdt1gray {
  border-top: 1px solid #e5e5e5;
}

.mod-bdr1gray {
  border-right: 1px solid #e5e5e5;
}

.mod-bdb1gray {
  border-bottom: 1px solid #e5e5e5;
}

.mod-bdl1gray {
  border-left: 1px solid #e5e5e5;
}

/*---------------------------------------------
Common Style
---------------------------------------------*/
.clearfix {
  overflow: hidden;
  *zoom: 1;
}

/* float
---------------------------------------------*/
.fl {
  float: left !important;
}

.fr {
  float: right !important;
}

/* width
---------------------------------------------*/
.w1p {
  width: 1% !important;
}

.w2p {
  width: 2% !important;
}

.w3p {
  width: 3% !important;
}

.w4p {
  width: 4% !important;
}

.w5p {
  width: 5% !important;
}

.w6p {
  width: 6% !important;
}

.w7p {
  width: 7% !important;
}

.w8p {
  width: 8% !important;
}

.w9p {
  width: 9% !important;
}

.w10p {
  width: 10% !important;
}

.w11p {
  width: 11% !important;
}

.w12p {
  width: 12% !important;
}

.w13p {
  width: 13% !important;
}

.w14p {
  width: 14% !important;
}

.w15p {
  width: 15% !important;
}

.w16p {
  width: 16% !important;
}

.w17p {
  width: 17% !important;
}

.w18p {
  width: 18% !important;
}

.w19p {
  width: 19% !important;
}

.w20p {
  width: 20% !important;
}

.w21p {
  width: 21% !important;
}

.w22p {
  width: 22% !important;
}

.w23p {
  width: 23% !important;
}

.w24p {
  width: 24% !important;
}

.w25p {
  width: 25% !important;
}

.w26p {
  width: 26% !important;
}

.w27p {
  width: 27% !important;
}

.w28p {
  width: 28% !important;
}

.w29p {
  width: 29% !important;
}

.w30p {
  width: 30% !important;
}

.w31p {
  width: 31% !important;
}

.w32p {
  width: 32% !important;
}

.w33p {
  width: 33% !important;
}

.w34p {
  width: 34% !important;
}

.w35p {
  width: 35% !important;
}

.w36p {
  width: 36% !important;
}

.w37p {
  width: 37% !important;
}

.w38p {
  width: 38% !important;
}

.w39p {
  width: 39% !important;
}

.w40p {
  width: 40% !important;
}

.w41p {
  width: 41% !important;
}

.w42p {
  width: 42% !important;
}

.w43p {
  width: 43% !important;
}

.w44p {
  width: 44% !important;
}

.w45p {
  width: 45% !important;
}

.w46p {
  width: 46% !important;
}

.w47p {
  width: 47% !important;
}

.w48p {
  width: 48% !important;
}

.w49p {
  width: 49% !important;
}

.w50p {
  width: 50% !important;
}

.w51p {
  width: 51% !important;
}

.w52p {
  width: 52% !important;
}

.w53p {
  width: 53% !important;
}

.w54p {
  width: 54% !important;
}

.w55p {
  width: 55% !important;
}

.w56p {
  width: 56% !important;
}

.w57p {
  width: 57% !important;
}

.w58p {
  width: 58% !important;
}

.w59p {
  width: 59% !important;
}

.w60p {
  width: 60% !important;
}

.w61p {
  width: 61% !important;
}

.w62p {
  width: 62% !important;
}

.w63p {
  width: 63% !important;
}

.w64p {
  width: 64% !important;
}

.w65p {
  width: 65% !important;
}

.w66p {
  width: 66% !important;
}

.w67p {
  width: 67% !important;
}

.w68p {
  width: 68% !important;
}

.w69p {
  width: 69% !important;
}

.w70p {
  width: 70% !important;
}

.w71p {
  width: 71% !important;
}

.w72p {
  width: 72% !important;
}

.w73p {
  width: 73% !important;
}

.w74p {
  width: 74% !important;
}

.w75p {
  width: 75% !important;
}

.w76p {
  width: 76% !important;
}

.w77p {
  width: 77% !important;
}

.w78p {
  width: 78% !important;
}

.w79p {
  width: 79% !important;
}

.w80p {
  width: 80% !important;
}

.w81p {
  width: 81% !important;
}

.w82p {
  width: 82% !important;
}

.w83p {
  width: 83% !important;
}

.w84p {
  width: 84% !important;
}

.w85p {
  width: 85% !important;
}

.w86p {
  width: 86% !important;
}

.w87p {
  width: 87% !important;
}

.w88p {
  width: 88% !important;
}

.w89p {
  width: 89% !important;
}

.w90p {
  width: 90% !important;
}

.w91p {
  width: 91% !important;
}

.w92p {
  width: 92% !important;
}

.w93p {
  width: 93% !important;
}

.w94p {
  width: 94% !important;
}

.w95p {
  width: 95% !important;
}

.w96p {
  width: 96% !important;
}

.w97p {
  width: 97% !important;
}

.w98p {
  width: 98% !important;
}

.w99p {
  width: 99% !important;
}

.w100p {
  width: 100% !important;
}

.w1e {
  width: 1em !important;
}

.w2e {
  width: 2em !important;
}

.w3e {
  width: 3em !important;
}

.w4e {
  width: 4em !important;
}

.w5e {
  width: 5em !important;
}

.w6e {
  width: 6em !important;
}

.w7e {
  width: 7em !important;
}

.w8e {
  width: 8em !important;
}

.w9e {
  width: 9em !important;
}

.w10e {
  width: 10em !important;
}

.w11e {
  width: 11em !important;
}

.w12e {
  width: 12em !important;
}

.w13e {
  width: 13em !important;
}

.w14e {
  width: 14em !important;
}

.w15e {
  width: 15em !important;
}

.w16e {
  width: 16em !important;
}

.w17e {
  width: 17em !important;
}

.w18e {
  width: 18em !important;
}

.w19e {
  width: 19em !important;
}

.w20e {
  width: 20em !important;
}

.w21e {
  width: 21em !important;
}

.w22e {
  width: 22em !important;
}

.w23e {
  width: 23em !important;
}

.w24e {
  width: 24em !important;
}

.w25e {
  width: 25em !important;
}

.w26e {
  width: 26em !important;
}

.w27e {
  width: 27em !important;
}

.w28e {
  width: 28em !important;
}

.w29e {
  width: 29em !important;
}

.w30e {
  width: 30em !important;
}

/* margin
---------------------------------------------*/
.m0 {
  margin: 0px !important;
}

.m5 {
  margin: 5px !important;
}

.m10 {
  margin: 10px !important;
}

.m15 {
  margin: 15px !important;
}

.m20 {
  margin: 20px !important;
}

.m25 {
  margin: 25px !important;
}

.m30 {
  margin: 30px !important;
}

.m35 {
  margin: 35px !important;
}

.m40 {
  margin: 40px !important;
}

.m45 {
  margin: 45px !important;
}

.m50 {
  margin: 50px !important;
}

.mat0 {
  margin-top: 0px !important;
}

.mat5 {
  margin-top: 5px !important;
}

.mat10 {
  margin-top: 10px !important;
}

.mat15 {
  margin-top: 15px !important;
}

.mat20 {
  margin-top: 20px !important;
}

.mat25 {
  margin-top: 25px !important;
}

.mat30 {
  margin-top: 30px !important;
}

.mat35 {
  margin-top: 35px !important;
}

.mat40 {
  margin-top: 40px !important;
}

.mat45 {
  margin-top: 45px !important;
}

.mat50 {
  margin-top: 50px !important;
}

.mar0 {
  margin-right: 0px !important;
}

.mar5 {
  margin-right: 5px !important;
}

.mar10 {
  margin-right: 10px !important;
}

.mar15 {
  margin-right: 15px !important;
}

.mar20 {
  margin-right: 20px !important;
}

.mar25 {
  margin-right: 25px !important;
}

.mar30 {
  margin-right: 30px !important;
}

.mar35 {
  margin-right: 35px !important;
}

.mar40 {
  margin-right: 40px !important;
}

.mar45 {
  margin-right: 45px !important;
}

.mar50 {
  margin-right: 50px !important;
}

.mab0 {
  margin-bottom: 0px !important;
}

.mab5 {
  margin-bottom: 5px !important;
}

.mab10 {
  margin-bottom: 10px !important;
}

.mab15 {
  margin-bottom: 15px !important;
}

.mab20 {
  margin-bottom: 20px !important;
}

.mab25 {
  margin-bottom: 25px !important;
}

.mab30 {
  margin-bottom: 30px !important;
}

.mab35 {
  margin-bottom: 35px !important;
}

.mab40 {
  margin-bottom: 40px !important;
}

.mab45 {
  margin-bottom: 45px !important;
}

.mab50 {
  margin-bottom: 50px !important;
}

.mal0 {
  margin-left: 0px !important;
}

.mal5 {
  margin-left: 5px !important;
}

.mal10 {
  margin-left: 10px !important;
}

.mal15 {
  margin-left: 15px !important;
}

.mal20 {
  margin-left: 20px !important;
}

.mal25 {
  margin-left: 25px !important;
}

.mal30 {
  margin-left: 30px !important;
}

.mal35 {
  margin-left: 35px !important;
}

.mal40 {
  margin-left: 40px !important;
}

.mal45 {
  margin-left: 45px !important;
}

.mal50 {
  margin-left: 50px !important;
}

.me0 {
  margin: 0em !important;
}

.me1 {
  margin: 1em !important;
}

.me2 {
  margin: 2em !important;
}

.me3 {
  margin: 3em !important;
}

.me4 {
  margin: 4em !important;
}

.me5 {
  margin: 5em !important;
}

.me6 {
  margin: 6em !important;
}

.me7 {
  margin: 7em !important;
}

.me8 {
  margin: 8em !important;
}

.me9 {
  margin: 9em !important;
}

.me10 {
  margin: 10em !important;
}

.mate0 {
  margin-top: 0em !important;
}

.mate1 {
  margin-top: 1em !important;
}

.mate2 {
  margin-top: 2em !important;
}

.mate3 {
  margin-top: 3em !important;
}

.mate4 {
  margin-top: 4em !important;
}

.mate5 {
  margin-top: 5em !important;
}

.mate6 {
  margin-top: 6em !important;
}

.mate7 {
  margin-top: 7em !important;
}

.mate8 {
  margin-top: 8em !important;
}

.mate9 {
  margin-top: 9em !important;
}

.mate10 {
  margin-top: 10em !important;
}

.mare0 {
  margin-right: 0em !important;
}

.mare1 {
  margin-right: 1em !important;
}

.mare2 {
  margin-right: 2em !important;
}

.mare3 {
  margin-right: 3em !important;
}

.mare4 {
  margin-right: 4em !important;
}

.mare5 {
  margin-right: 5em !important;
}

.mare6 {
  margin-right: 6em !important;
}

.mare7 {
  margin-right: 7em !important;
}

.mare8 {
  margin-right: 8em !important;
}

.mare9 {
  margin-right: 9em !important;
}

.mare10 {
  margin-right: 10em !important;
}

.mabe0 {
  margin-bottom: 0em !important;
}

.mabe1 {
  margin-bottom: 1em !important;
}

.mabe2 {
  margin-bottom: 2em !important;
}

.mabe3 {
  margin-bottom: 3em !important;
}

.mabe4 {
  margin-bottom: 4em !important;
}

.mabe5 {
  margin-bottom: 5em !important;
}

.mabe6 {
  margin-bottom: 6em !important;
}

.mabe7 {
  margin-bottom: 7em !important;
}

.mabe8 {
  margin-bottom: 8em !important;
}

.mabe9 {
  margin-bottom: 9em !important;
}

.mabe10 {
  margin-bottom: 10em !important;
}

.male0 {
  margin-left: 0em !important;
}

.male1 {
  margin-left: 1em !important;
}

.male2 {
  margin-left: 2em !important;
}

.male3 {
  margin-left: 3em !important;
}

.male4 {
  margin-left: 4em !important;
}

.male5 {
  margin-left: 5em !important;
}

.male6 {
  margin-left: 6em !important;
}

.male7 {
  margin-left: 7em !important;
}

.male8 {
  margin-left: 8em !important;
}

.male9 {
  margin-left: 9em !important;
}

.male10 {
  margin-left: 10em !important;
}

.nmat5 {
  margin-top: -5px !important;
}

.nmat10 {
  margin-top: -10px !important;
}

.nmat15 {
  margin-top: -15px !important;
}

.nmat20 {
  margin-top: -20px !important;
}

.nmat25 {
  margin-top: -25px !important;
}

.nmat30 {
  margin-top: -30px !important;
}

.nmat35 {
  margin-top: -35px !important;
}

.nmat40 {
  margin-top: -40px !important;
}

.nmat45 {
  margin-top: -45px !important;
}

.nmat50 {
  margin-top: -50px !important;
}

.nmar5 {
  margin-right: -5px !important;
}

.nmar10 {
  margin-right: -10px !important;
}

.nmar15 {
  margin-right: -15px !important;
}

.nmar20 {
  margin-right: -20px !important;
}

.nmar25 {
  margin-right: -25px !important;
}

.nmar30 {
  margin-right: -30px !important;
}

.nmar35 {
  margin-right: -35px !important;
}

.nmar40 {
  margin-right: -40px !important;
}

.nmar45 {
  margin-right: -45px !important;
}

.nmar50 {
  margin-right: -50px !important;
}

.nmab5 {
  margin-bottom: -5px !important;
}

.nmab10 {
  margin-bottom: -10px !important;
}

.nmab15 {
  margin-bottom: -15px !important;
}

.nmab20 {
  margin-bottom: -20px !important;
}

.nmab25 {
  margin-bottom: -25px !important;
}

.nmab30 {
  margin-bottom: -30px !important;
}

.nmab35 {
  margin-bottom: -35px !important;
}

.nmab40 {
  margin-bottom: -40px !important;
}

.nmab45 {
  margin-bottom: -45px !important;
}

.nmab50 {
  margin-bottom: -50px !important;
}

.nmal5 {
  margin-left: -5px !important;
}

.nmal10 {
  margin-left: -10px !important;
}

.nmal15 {
  margin-left: -15px !important;
}

.nmal20 {
  margin-left: -20px !important;
}

.nmal25 {
  margin-left: -25px !important;
}

.nmal30 {
  margin-left: -30px !important;
}

.nmal35 {
  margin-left: -35px !important;
}

.nmal40 {
  margin-left: -40px !important;
}

.nmal45 {
  margin-left: -45px !important;
}

.nmal50 {
  margin-left: -50px !important;
}

/* padding
---------------------------------------------*/
.p0 {
  padding: 0px !important;
}

.p5 {
  padding: 5px !important;
}

.p10 {
  padding: 10px !important;
}

.p15 {
  padding: 15px !important;
}

.p20 {
  padding: 20px !important;
}

.p25 {
  padding: 25px !important;
}

.p30 {
  padding: 30px !important;
}

.p35 {
  padding: 35px !important;
}

.p40 {
  padding: 40px !important;
}

.p45 {
  padding: 45px !important;
}

.p50 {
  padding: 50px !important;
}

.pat0 {
  padding-top: 0px !important;
}

.pat5 {
  padding-top: 5px !important;
}

.pat10 {
  padding-top: 10px !important;
}

.pat15 {
  padding-top: 15px !important;
}

.pat20 {
  padding-top: 20px !important;
}

.pat25 {
  padding-top: 25px !important;
}

.pat30 {
  padding-top: 30px !important;
}

.pat35 {
  padding-top: 35px !important;
}

.pat40 {
  padding-top: 40px !important;
}

.pat45 {
  padding-top: 45px !important;
}

.pat50 {
  padding-top: 50px !important;
}

.par0 {
  padding-right: 0px !important;
}

.par5 {
  padding-right: 5px !important;
}

.par10 {
  padding-right: 10px !important;
}

.par15 {
  padding-right: 15px !important;
}

.par20 {
  padding-right: 20px !important;
}

.par25 {
  padding-right: 25px !important;
}

.par30 {
  padding-right: 30px !important;
}

.par35 {
  padding-right: 35px !important;
}

.par40 {
  padding-right: 40px !important;
}

.par45 {
  padding-right: 45px !important;
}

.par50 {
  padding-right: 50px !important;
}

.pab0 {
  padding-bottom: 0px !important;
}

.pab5 {
  padding-bottom: 5px !important;
}

.pab10 {
  padding-bottom: 10px !important;
}

.pab15 {
  padding-bottom: 15px !important;
}

.pab20 {
  padding-bottom: 20px !important;
}

.pab25 {
  padding-bottom: 25px !important;
}

.pab30 {
  padding-bottom: 30px !important;
}

.pab35 {
  padding-bottom: 35px !important;
}

.pab40 {
  padding-bottom: 40px !important;
}

.pab45 {
  padding-bottom: 45px !important;
}

.pab50 {
  padding-bottom: 50px !important;
}

.pal0 {
  padding-left: 0px !important;
}

.pal5 {
  padding-left: 5px !important;
}

.pal10 {
  padding-left: 10px !important;
}

.pal15 {
  padding-left: 15px !important;
}

.pal20 {
  padding-left: 20px !important;
}

.pal25 {
  padding-left: 25px !important;
}

.pal30 {
  padding-left: 30px !important;
}

.pal35 {
  padding-left: 35px !important;
}

.pal40 {
  padding-left: 40px !important;
}

.pal45 {
  padding-left: 45px !important;
}

.pal50 {
  padding-left: 50px !important;
}

/* font-weight
---------------------------------------------*/
.fw {
  font-weight: 600 !important;
}

.fwn {
  font-weight: 400 !important;
}

/* text-align
---------------------------------------------*/
.tal {
  text-align: left !important;
}

.tac {
  text-align: center !important;
}

.tar {
  text-align: right !important;
}

/* other
---------------------------------------------*/
.curd {
  cursor: default;
}

.curp {
  cursor: pointer;
}

/*	layout reset
-------------------------------------------------------*/
/* header */
header {
  width: 100%;
  box-sizing: border-box;
}

article {
  margin: 20px 0 0 0;
  padding: 0;
}

/*	uniq parts
-------------------------------------------------------*/
#socialArea {
  padding: 5px 0px 5px 0;
  text-align: center;
  letter-spacing: -0.4em;
}
#socialArea li {
  display: inline-block;
  margin: 0 0 0 0px;
  vertical-align: top;
  letter-spacing: normal;
}
#socialArea li iframe.twitter-share-button {
  width: 105px !important;
}

#list4Step li {
  min-height: 90px;
  padding: 15px 15px 0 80px;
}
#list4Step li:nth-child(1) {
  background: url("../images/bg_step1.png") no-repeat;
}
#list4Step li:nth-child(2) {
  background: url("../images/bg_step2.png") no-repeat;
}
#list4Step li:nth-child(3) {
  background: url("../images/bg_step3.png") no-repeat;
}
#list4Step li:nth-child(4) {
  background: url("../images/bg_step4.png") no-repeat;
}
#list4Step li dt {
  position: relative;
  font-size: 114%;
  font-weight: 600;
  letter-spacing: -0.1em;
}
#list4Step li dt span {
  display: block;
  position: absolute;
  top: -2px;
  right: 0;
  width: 135px;
  padding: 5px 0;
  background: #e38992;
  border-radius: 5px;
  color: #fff;
  font-size: 87%;
  text-align: center;
  letter-spacing: -0.1em;
}
#list4Step li dd {
  margin: 10px;
}

#bordBox {
  padding: 15px 140px 15px 15px;
  min-height:110px;
  border-radius: 0 0 5px 5px;
  background: url("../images/p_present_campaign.gif") no-repeat right 20px;
  background-size:135px;
}

#otherLink dt span {
  line-height: 0;
  top: 16px;
}



/* transport_change */
#transportchange{
  border :solid 2px #FFF;
  outline: solid 1px #CCC;
  background: #f0ede3;
  background-size: 100%;
  margin: 0 auto 0;
  text-align: center;
}

#transportchange .trans_txt{
  width: 80%;
  padding: 0 10% 0;
  font-size: 114%;
  text-align: left;
}
#transportchange .trans_txt span {
  width: 80%;
  font-weight: bold;
}

#transportchange .trans_arrow{
  margin-top: 3%;
  margin-bottom: 3%;
}

#transportchange .trans_last{
  margin-bottom: 5%;
}


/* exsampleSystem */
#exsampleSystem{
  width: 88%;
  margin: 0 auto 0px;
}

/*---------------------------------------------
03. footer
---------------------------------------------*/
footer					{ clear: both; padding: 15px 15px 30px; }
footer #toPc			{ padding: 0 10px; border-radius: 5px; border: 1px solid #e5e5e5; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#f2f2f2)); text-align: center; }
footer #toPc.touchStart { background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f2f2f2), to(#ffffff)) !important; }
footer #toPc a			{ display: block; padding: 15px 0; background: url("/sp/images/i_pc.gif") no-repeat right center; font-size: 115%; font-weight: 600;  }
footer #footMenu		{ margin: 20px 0 0 -15px; text-align: center; letter-spacing: -0.4em; }
footer #footMenu li		{ display: inline-block; margin-left: 15px; letter-spacing: normal; }
footer #footMenu li a	{ display: block; padding: 5px 0 5px 18px; background: url("/sp/images/i_ar_s.png") no-repeat left center; color: #333; font-weight: 600; }
footer #toTop			{ display: block; border-radius: 5px; border: 1px solid #e5e5e5; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#f2f2f2)); text-align: center; line-height: 1; }
footer #toTop.touchStart{ background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f2f2f2), to(#ffffff)); }
footer #toTop a			{ display: block; padding: 15px; border-radius: 5px; background: url("/sp/images/i_ar.png") no-repeat right center; }
footer #footNav						{ position: relative; margin-top: 15px; }
footer #footNav ul					{ letter-spacing: -0.4em; }
footer #footNav li					{ display: inline-block; width: 20%; vertical-align: top; letter-spacing: normal; }
footer #footNav li a				{ display: block; height: 59px; border-top: 1px solid #d0e8b9; border-right: 1px solid #406122; border-bottom: 1px solid #2a4611; border-left: 1px solid #a9d580; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#a9d580), to(#70b92d)); color: #fff; font-size: 72%; text-align: center; letter-spacing: -0.05em;  }
footer #footNav li:first-child a	{ border-radius: 2px 0 0 2px; border-left: none; }
footer #footNav li a.touchStart		{ height: 61px; background: #5f962c; border: none; -webkit-box-shadow: inset 4px 4px 10px 0px #497422; }
footer #footNav li:last-child a		{ border-radius: 0 2px 2px 0; letter-spacing: -0.1em; }
footer #footNav li:nth-child(1) span	{ display: block; padding-top: 40px; background: url("/sp/images/sp/i_human.png") no-repeat center 15px; }
footer #footNav li:nth-child(2) span	{ display: block; padding-top: 40px; background: url("/sp/images/i_cart.png") no-repeat center 15px; }
footer #footNav p					{ position: absolute; right: 0; top: 0; width: 60%; text-align: center; }
footer #footNav p a					{ display: block; height: 51px; margin-left: 10px; padding: 8px 15px 0; border-radius: 5px; border-top: 1px solid #d0e8b9; border-right: 1px solid #4a7324; border-bottom: 1px solid #2a4611; border-left: 1px solid #9ace6b; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#a9d580), to(#70b92d)); color: #fff; font-size: 115%; font-weight: 600; line-height: 1.35; }
footer #footNav p a.touchStart		{ background: -webkit-gradient(linear, 0 0, 0 bottom, from(#70b92d), to(#a9d580)); }
footer dl				{ margin-top: 20px; font-size: 86%; text-align: center; }
footer dt				{ font-weight: 600; }
footer dd				{ letter-spacing: -0.02em; }
footer dd a				{ color: #333; }
footer address			{ margin-top: 10px; text-align: center; font-size: 86%; }


/* 	商品リスト  */
.productlist3{_zoom: 1; overflow:hidden; margin-top:15px;}
.sub .productlist3 h4{margin:0 0 5px;}
.productlist3 table{margin-left:-1px; width:100%; font-size:100%;}
.productlist3 table th{ padding:3px 10px; background:#ff6e90; border-left:1px dotted #fff; color:#fff; text-align:center; white-space:nowrap; font-size:110%;}
.productlist3 table tr.even{background-color:#fff;}
.productlist3 table tr.odd{background-color:#e5e5e5;}
.productlist3 table td{padding:5px 7px; border-left:1px dotted #c6c6c6;}

.productlist3 table td.number,.buy{ font-weight:bold; font-size:100%;text-align:center;}
.productlist3 table td.number2,.buy{ font-weight:bold; font-size:100%;text-align:center;}
.productlist3 table td.prdct,.buy{ font-weight:bold; font-size:100%;}
.productlist3 table td div.prdct,.buy{ font-weight:bold; font-size:100%;margin-bottom:5px;color:#626262;}
.productlist3 table td div.prdct2,.buy{ font-weight:bold; font-size:120%;margin-top:5px;margin-bottom:5px;text-align:left;}

.productlist3 table td.maker{font-size:80%;}
.buy{ color:#F2305D; font-size:110%;}
.productlist3 table td.jan{font-size:100%;}
.productlist3 table td.price,.productlist2 table td.jan{padding-right:10px;}
.productlist3 table td.price2,.productlist2 table td.jan{padding-right:10px;font-size:140%;}
.productlist3 table td.price,.productlist2 table td.jan,.tcg .productlist2 table td.maker{white-space:nowrap;}
.productlist3 .font140	{ font-size:140%; }

.productlist3 table td.title{padding:0 0 5px; background:#fff; font-size:120%; font-weight:bold; border-bottom:1px solid #ddd; border-top:1px solid #ddd;}

.mar20 {margin-right:20px;}
.mal10 {margin-left:10px;}
.fs10 {font-size:10px;}
.fs12 {font-size:12px;}
.fs14 {font-size:14px;}
.fs18 {font-size:18px;}


.col_02 .box 		{ margin:0; width:50%; float:left; padding-right:6px; box-sizing:border-box; text-align:center; padding-top:10px;border-bottom:1px dotted #CCCCCC; border-right:1px dotted #CCCCCC; }
.col_02 .box2 		{ margin:0; width:50%; float:left; padding-right:6px; box-sizing:border-box; text-align:center; padding-top:10px;border-bottom:1px dotted #CCCCCC; }