@charset "euc-jp";

body {
    background-color:#fff;
    background-image:url(http://file001.shop-pro.jp/PA01000/164/img/icon/BGwhitepaper.png);
    color:<{$font_color}>;
}

a {
    color:<{$link_normal}>;
}

a:hover {
    color:<{$link_hover}>;
}

h1 {
    padding:0;
    margin:0;
    font-size:1em
}
/*テキスト関連*/
/*商品名、大カテゴリー 見出し２*/
.ProductName {
    position:relative;
    margin:0 0 1.5em;
    padding:.8em;
    background:#08366e;
    color:#fff;
    font-size:1em;
    font-weight:700;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px
}

.ProductName:after {
    position:absolute;
    bottom:-15px;
    left:10%;
    z-index:90;
    margin-left:-15px;
    border-top:15px solid #08366e;
    border-left:15px solid transparent;
    border-right:15px solid transparent;
    border-bottom:0;
    content:""
}

/*大カテゴリータイトル*/
.GroupTitleL {
    position:relative;
    margin:0 0 1.5em;
    padding:.8em;
    background:#A3B7D0;
    border:solid 3px #A3B7D0;
    color:#08366e;
    font-size:1em;
    font-weight:700;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px
}

.GroupTitleL:after {
    position:absolute;
    bottom:-15px;
    left:10%;
    z-index:90;
    margin-left:-15px;
    border-top:15px solid #A3B7D0;
    border-left:15px solid transparent;
    border-right:15px solid transparent;
    border-bottom:0;
    content:""
}

/*小カテゴリー*/
.GroupTitleS {
    margin:0 0 1.5em;
    padding:.8em;
    background:#08366e;
    color:#fff;
    font-size:1em;
    font-weight:700;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px
}

.GroupTitleSsid {
    margin:0 0 1.5em;
    padding:.8em;
    background:#08366e;
    color:#fff;
    font-size:1em;
    font-weight:700;
    -webkit-border-top-right-radius:5px;
    -webkit-border-top-left-radius:5px;
    -moz-border-radius-topright:5px;
    -moz-border-radius-topleft:5px;
    border-top-right-radius:5px;
    border-top-left-radius:5px
}
.GroupTitleSsid a {
  text-decoration:none;
    color:#fff;
}
.GroupTitleSsid a:hover {
  text-decoration:none;
    color:#eee;
}
.GroupTitle_bg {
    text-align:left;
    margin:0;
    padding:0;
    background:#fff;
    border:solid 3px #bdcbdd;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px
}

.GroupTitle_img {
    text-align:left;
    margin:0;
    padding:5px;
    background:#fff;
    border:solid 3px #08366e;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px
}

.GroupTitle_tp_n_rad {
    text-align:left;
    margin:0;
    padding:5px;
    background:#fff;
    border:solid 3px #08366e;
    -webkit-border-bottom-right-radius:5px;
    -webkit-border-bottom-left-radius:5px;
    -moz-border-radius-bottomright:5px;
    -moz-border-radius-bottomleft:5px;
    border-bottom-right-radius:5px;
    border-bottom-left-radius:5px
}
.GroupTitle_tp_n_rad ul li {
margin:0;
padding:0;
}
.GroupS {
    text-align:left;
    display:block;
    margin:0 3px 0 4px;
    padding:0;
    float:left
}
.GroupIMG {
    margin:0;
    padding:0;
}
.line08 {
line-height:0.8em;
}
.Topic3 {
    position:relative;
    margin:0 0 1.5em;
    padding:.8em;
    background:#4e74a5;
    color:#fff;
    font-size:1em;
    font-weight:700;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px
}

.blkkk {
    border:solid 1px #999;
    margin-right:7px;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px
}

.blkkkimg a {
    text-decoration:none;
    display:block;
    margin:0;
    padding:3px;
    color:#333;
    font-weight:700;
    background:#fff;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px
}
.blkkk a {
    text-decoration:none;
    display:block;
    margin:0;
    padding:3px;
    color:#333;
    font-weight:700;
    background:#fff;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px
}

.blkkkimg a:hover,.blkkk_pp a:hover,.blkkk_tq a:hover,.blkkk_or a:hover,.blkkk_bl a:hover,.blkkk_br a:hover,.blkkk_gn a:hover,.blkkk_ye a:hover,.blkkk_rd a:hover,.blkkk a:hover,.blkkk_ccc a:hover,.blkkk_999 a:hover,.blkkk_666 a:hover,.blkkk_333 a:hover,.blkkk_000 a:hover,.blkkk_bdr a:hover {
    color:#666;
    background:#d4e2e9;
    text-decoration:none
}
.blkkk_pp a {
    text-decoration:none;
    display:block;
    margin-right:7px;
    min-width:60px;
    text-align:center;
    padding:3px;
    color:#fff;
    font-weight:700;
    background:#65299F;
    border:solid 1px #333;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px
}
.blkkk_tq a {
    text-decoration:none;
    display:block;
    margin-right:7px;
    min-width:60px;
    text-align:center;
    padding:3px;
    color:#fff;
    font-weight:700;
    background:#0A7B82;
    border:solid 1px #333;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px
}
.blkkk_or a {
    text-decoration:none;
    display:block;
    margin-right:7px;
    min-width:60px;
    text-align:center;
    padding:3px;
    color:#fff;
    font-weight:700;
    background:#D76B0F;
    border:solid 1px #333;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px
}
.blkkk_bl a {
    text-decoration:none;
    display:block;
    margin-right:7px;
    min-width:60px;
    text-align:center;
    padding:3px;
    color:#fff;
    font-weight:700;
    background:#08366e;
    border:solid 1px #333;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px
}
.blkkk_br a {
    text-decoration:none;
    display:block;
    margin-right:7px;
    min-width:60px;
    text-align:center;
    padding:3px;
    color:#fff;
    font-weight:700;
    background:#592000;
    border:solid 1px #333;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px
}
.blkkk_gn a {
    text-decoration:none;
    display:block;
    margin-right:7px;
    min-width:60px;
    text-align:center;
    padding:3px;
    color:#fff;
    font-weight:700;
    background:#0CA916;
    border:solid 1px #333;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px
}
.blkkk_ye a {
    text-decoration:none;
    display:block;
    margin-right:7px;
    min-width:60px;
    text-align:center;
    padding:3px;
    color:#fff;
    font-weight:700;
    background:#EBC22F;
    border:solid 1px #333;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px
}
.blkkk_rd a {
    text-decoration:none;
    display:block;
    margin-right:7px;
    min-width:60px;
    text-align:center;
    padding:3px;
    color:#fff;
    font-weight:700;
    background:#82110A;
    border:solid 1px #333;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px
}
.blkkk_ccc a {
    text-decoration:none;
    display:block;
    margin-right:7px;
    min-width:60px;
    text-align:center;
    padding:3px;
    color:#333;
    font-weight:700;
    background:#ccc;
    border:solid 1px #333;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px
}

.blkkk_999 a {
    text-decoration:none;
    display:block;
    margin-right:7px;
    min-width:60px;
    text-align:center;
    padding:3px;
    color:#fff;
    font-weight:700;
    background:#999;
    border:solid 1px #333;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px
}
.blkkk_666 a {
    text-decoration:none;
    display:block;
    margin-right:7px;
    min-width:60px;
    text-align:center;
    padding:3px;
    color:#fff;
    font-weight:700;
    background:#666;
    border:solid 1px #333;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px
}

.blkkk_333 a {
    text-decoration:none;
    display:block;
    margin-right:7px;
    min-width:60px;
    text-align:center;
    padding:3px;
    color:#fff;
    font-weight:700;
    background:#333;
    border:solid 1px #333;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px
}
.blkkk_000 a {
    text-decoration:none;
    display:block;
    margin-right:7px;
    min-width:60px;
    text-align:center;
    padding:3px;
    color:#fff;
    border:solid 1px #333;
    font-weight:700;
    background:#000;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px
}
.blkkk_bdr a {
    text-decoration:none;
    display:block;
    margin-right:7px;
    min-width:60px;
    text-align:center;
    padding:3px;
    color:#333;
    border:solid 1px #333;
    font-weight:700;
    background:#fff;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px
}
.b_solid333 {
    border:solid 1px #333;
}
.bo_rad_5 {
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px
}

/*
@media only screen and (max-width: 960px) {
.GroupS { width:20%; }
}
@media only screen and (max-width: 768px) {
.GroupS { width:31%; }
}*/
@media only screen and (max-width: 480px) {
.GroupS {
    width:96%
}
}

.GroupS a {
    padding:.4em
}

/*カテゴリーリスト*/
.category-list {
}

/*左メニュー*/
.LeftMenu {
    margin-top:5px;
    background:#fff;
    border:10px solid #052144;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    display:block;
}
.L_Icon {
  width:100px;
  position:absolute;
  top:-30px;
  left:-60px;
    z-index:10;
}
.L_Icon_s {
  width:60px;
  position:absolute;
  top:-20px;
  left:-40px;
    z-index:10;
}

.L_Icon_ss {
  width:40px;
  position:absolute;
  top:-20px;
  left:-40px;
    z-index:10;
}
.L_Icon_o {
  width:80px;
  position:absolute;
  top:-30px;
  left:-60px;
    z-index:10;
}
.L_Icon_o2 {
  width:80px;
  position:absolute;
  top:-30px;
  left:-55px;
    z-index:10;
}
.L_Icon_b {
  width:80px;
  position:absolute;
  top:-18px;
  left:-50px;
    z-index:10;
}
.cateName {
  display:block;
  margin:0;
  padding:5px 0px 15px 40px;
  background:#052144;
  width:83%;
  color:#fff;
  font-size:1em;
  position:absolute;
  top:0;
  left:0;
  z-index:1;
  font-weight:bold;
  white-space:nowrap;
  overflow:hidden;
}
.cateName a {
  display:block;
  color:#fff;
  text-decoration:none;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    -webkit-transition:background-color .2s linear
}
.cateName a:hover {
  background:#fff;
  color:#052144;
    padding-left:5px;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
  text-decoration:none;
}
.scate {
  padding-left:20px;
}
.scate a{
    display:block;
    color:#052144;
    text-decoration:none;
    -webkit-transition:background-color .2s linear
}

.scate a:hover {
    background:#2f5c95;
    text-decoration:none;
    color:#fff;
    padding-left:5px;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
}


.z_i20 {
  z-index:20;
}

.TNI {
list-style:none;
margin:0;
padding:0;
}
.TopNewItem {
list-style:none;
padding:0 5px;
margin:0 0 3px 0;
font-size:0.8em;
border-bottom:solid 1px #ccc;
}

.tbl_calendar {
  border: none !important;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
}
.tbl_calendar th, .tbl_calendar td {
  padding: 3px !important;
  text-align: center !important;
  border-bottom: 1px solid #ccc !important;
}
.tbl_calendar {
margin:0 auto;
background:#efefef;
width:80%;
padding-top:4px;
max-width:200px;
white-space:nowrap;
font-size:0.7em;
}
caption {
margin:4px 0px;
}
.side_cal_memo {
padding:4px;
}
.News {
list-style:none;
padding:5px 0px;
}
.L_Bung {
    background-image:url(http://file001.shop-pro.jp/PA01000/164/img/icon/BGwhitepaper.png);
    font-size:.9em;
    text-align:left;
    margin-top:-65px;
    padding-left:25px
}

.incart_name {
    white-space:nowrap;
    width:96%;
    overflow:hidden;
    text-overflow:ellipsis
}
.TipBox {
      margin:0px;
      padding:0px;
      position:relative;
}
.TipImgBox {
      width:100px;
      height:100px;
}
.TipItmT{
      top:0px;
      left:100px;
      width:600px;
      height:20px;
      text-align:left;
      font-weight:bold;
      position:absolute;
}
.TipExp {
      top:20px;
      left:100px;
      width:600px;
      height:60px;
      text-align:left;
      position:absolute;
}
.TipPrice {
      top:80px;
      left:100px;
      width:600px;
      height:20px;
      text-align:right;
      position:absolute;
}
.alllinkS a {
    text-decoration:none
}

.alllinkS li a {
    display:block
}
}
.LScatename {
    color:#052144;
    font-size:1em;
    color:#fff;
    margin:0 5px
}

.LScatename a {
    color:#052144;
    text-decoration:none
}

.LScatename a:hover {
    color:#052144;
    background:#fff;
    text-decoration:none
}

.fa-caret-right {
    margin-right:5px
}
.fa-circle-o {
    margin-right:5px
}

.fa-circle {
    margin-right:5px
}

.STopic {
    background:#ededed;
    display:block;
    width:100%;
    margin-top:.5em
}

.STopic_btm {
    background:#ededed;
    width:100%;
    height:.3em;
    margin:0
}

.RibbonTx {
    padding-left:3%;
    text-decoration:none
}

.RibbonTxC {
    text-decoration:none;
    font-size:1em;
    margin:3px;
    z-index:30;
}

.RTXs {
}

.bb1 {
    border-bottom:1px solid #666
}

.RibbonRD {
    background:url(http://file001.shop-pro.jp/PA01000/164/img/icon/RibbonRD.png) no-repeat;
    background-size:cover;
    text-align:left;
    font-weight:700;
    height:0;
    padding-bottom:18%;
    padding-left:6%;
    padding-top:8px
}

.RibbonPP {
    background:url(http://file001.shop-pro.jp/PA01000/164/img/icon/RibbonPP.png) no-repeat;
    background-size:cover;
    text-align:left;
    font-weight:700;
    height:0;
    padding-bottom:18%;
    padding-left:6%;
    padding-top:8px
}

/*search*/
input {
    outline:none
}

.selectCategory {
    background:#efefef;
    border:none;
    color:#333;
    font-size:1em;
    height:2em;
    line-height:1.5em;
    text-align:left;
    text-indent:5px;
    vertical-align:middle;
    margin:0;
    padding:0
}

input[type=search] {
    -webkit-appearance:textfield;
    -webkit-box-sizing:content-box;
    font-family:inherit;
    font-size:100%
}

input::-webkit-search-decoration,input::-webkit-search-cancel-button {
    display:none
/* remove the search and cancel icon */
}

/* search input field */
input[type=search] {
    background:#FFF6D7;
    border:solid 1px #08366e;
    padding:4px 5px 4px 16px;
    width:70%;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    transition:all .5s
}

input[type=search]:focus {
    background-color:#cbddbd;
    border-color:#0A7B82;
    -webkit-box-shadow:0 0 5px rgba(109,207,246,.5);
    -moz-box-shadow:0 0 5px rgba(109,207,246,.5);
    box-shadow:0 0 5px rgba(109,207,246,.5)
}

/* placeholder */
input:-moz-placeholder {
    color:#999
}

input::-webkit-input-placeholder {
    color:#999
}

/**/
.nData {
    font-weight:700;
}

.CnData {
    font-weight:900;
    position:relative;
    top:-5%;
    left: 30%;
    float: left;
    color:#ffffff;
    text-align:center;
    font-size:1.4em;
}
.txt_YE {
    color:#fcce05;
}
.fa-hand-o-left {
    color:#fcce05;
    margin-left:5px
}

/*ブロック要素リンク*/
.LBlockMenu ul {
    list-style:none;
    z-index:12;
}

.LBlockMenu a {
    text-decoration:none;
}

.LBlockMenu li {
    line-height:2em;
}

.LBlockMenu li a {
    display:block;
    line-height:2em;
    color:#07043a;
}

.LBlockMenu li a:hover {
    background:#cfdae6;
}

.LBlockMenu h3 a {
    display:block;
    line-height:2em;
    color:#07043a;
}

.LBlockMenu h3 a:hover {
    background:#cfdae6;
}

.MBlockMenu a {
    text-decoration:none;
}

.MBlockMenu {
    text-align:left;
    line-height:2em;
}

.MBlockMenu a {
    display:block;
    line-height:2em;
    list-style:none;
    color:#07043a;
}

.MBlockMenu a:hover {
    background:rgba(163,183,208,0.8);
}

.productList {
    float:left;
    padding:0 10px 30px;
    border:solid 3px #A3B7D0;
    background:#fff;
    margin:0 0 5px 5px;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
}

.infoList {
    float:left;
    padding:10px;
    border:solid 3px #A3B7D0;
    background:#fff;
    margin:0 0 5px 5px;
    max-height:400px;
    text-align:left;
    overflow:auto;
    font-size:.8em;
    width:32.25%;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
}

.infoListS {
    padding:8px;
    background:#fff;
    border:solid 3px #A3B7D0;
    max-height:300px;
    text-align:left;
    overflow:hidden;
    font-size:.8em;
    width:98%;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
}

.hide {
    display:hidden;
}

.GiftWrappin {
    padding:3px;
    margin:0;
    background:#d0a3b7;
    color:#fff;
    text-align:left;
    overflow:hidden;
    font-size:0.9em;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px
}
.GiftWrappin a:hover {
    text-decoration:none;
    color:#944A6A
}
.GiftWrappin  a {
    text-decoration:none;
    display:block;
    color:#fff;
}
.infoListSG {
    width:32.25%;
    padding:0;
    margin:0 0 5px 5px;
    height:100%;
}

p.txtS {
    padding:0 3px
}

p.InBoTtl {
    font-size:1.2em;
    color:#333;
    padding:2px 5px;
    margin:0;
    font-weight:700
}

p.InBoTtlf {
    font-size:1em;
    color:#fff;
    padding:0 5px;
    margin:0;
    font-weight:700;
    line-height:1
}
p.InBoTrd {
    font-size:1em;
    color:#82110A;
    padding:0 5px;
    margin:0;
    font-weight:700;
    line-height:1
}

.RecoP {
    float:left;
    padding:0 10px 30px;
    border:solid 3px #A3B7D0;
    background:#fff;
    margin:0 0 5px 5px;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px
}

.YMAL {
    float:left;
    padding:0 10px 30px;
    border:solid 3px #A3B7D0;
    background:#fff;
    margin:0 0 5px 5px;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px
}

.NewItem {
    float:left;
    padding:0 10px 30px;
    border:solid 3px #A3B7D0;
    background:#fff;
    margin:0 0 5px 5px;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px
}

.History {
    float:left;
    padding:5px;
    border:solid 3px #A3B7D0;
    background:#fff;
    margin:0 0 5px 3px;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px
}

.listname {
    font-weight:700;
    text-align:left;
    padding-top:10px
}

.SellerPrice {
    text-align:right;
    padding:0 3px 18px 0;
    margin-bottom:20px
}

.minW100 {
    min-width:100px
}
.minW336 {
    min-width:336px
}
.w100per {
  width:100%;
}
.alllink {
    display:block;
    float:left;
    width:32.25%
}

.alllink a {
    text-decoration:none
}

.alllink li a {
    display:block
}

.hbrrgba a:hover {
    background:rgba(163,183,208,0.8)
}

@media only screen and (max-width: 480px) {
.alllinkS {
    display:block;
    float:left;
    width:96%
}

.alllinkS a {
    text-decoration:none
}

.alllinkS li a {
    display:block
}
}

.HisG {
    width:100%
}

.history-unit {
    background:#fff;
    display:inline-block;
    width:16.6%;
    padding:8px;
    margin:2px;
    border:solid 1px #000;
    *display:inline;
    zoom:1
}

@media only screen and (max-width: 960px) {
.history-unit {
    width:16.6%
}
}

@media only screen and (max-width: 480px) {
.history-unit {
     width:28.5%
}
}

.GMBlockMenu a {
    text-decoration:none
}

.GMBlockMenu li {
    display:block;
    line-height:2em
}

.GMBlockMenu li a {
    background:#4E74A5;
    color:#fff;
    line-height:2em
}

.GMBlockMenu li a:hover {
    background:#08366e
}

.BlockMenu ul {
}

.BlockMenu a {
    text-decoration:none
}

.BlockMenu li {
    line-height:2em
}

.BlockMenu li a {
    display:block;
    background:#fff;
    color:#333;
    line-height:2em
}

.BlockMenu li a:hover {
    background:#eee
}

@media only screen and (max-width: 480px) {
.Item1ranIMG {
    float:left;
    margin:0;
    padding:0 3px 13px;
    width:45%
}
}

/*グローバルナビ*/
.GNB {
    background:#052144;
    border-radius:0 0 5px 5px;
    -webkit-border-radius:0 0 5px 5px;
    -moz-border-radius:0 0 5px 5px;
}
.fixed {
    position:fixed;
    top:0;
    width:100%;
    max-width:1000px;
    margin:0;
    z-index:10000
}

#menu {
    width:100%;
    max-width:1000px;
    margin:0 auto;
    padding:0
}

#menu li {
    display:block;
    float:left;
    width:12.5%;
    margin:0 auto;
    text-align:left
}

.MegaTTL {
    text-align:left;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px
}

.ft09empad5 {
    font-size:.9em;
    padding:.5em
}

#menu li a {
    display:block;
    padding:10px 0;
    color:#FFF;
    text-align:center;
    text-decoration:none;
    border-right:1px solid #fff;
    background:#052144;
    margin:0 auto
}

#menu li:last-child a {
    border:none;
    border-radius:0 5px 5px 0;
    -webkit-border-radius:0 5px 5px 0;
    -moz-border-radius:0 5px 5px 0
}

#menu li:first-child a {
    border-radius:5px 0 0 5px;
    -webkit-border-radius:5px 0 0 5px;
    -moz-border-radius:5px 0 0 5px
}

#menu li a:hover {
    background:#2f5c95
}

#toggle {
    display:none
}

/* 画面サイズが768px以下の場合に適用 */
@media only screen and (max-width: 768px) {
#menu li {
    width:25%;
    border-bottom:1px solid #A3B7D0
}
}

/* 画面サイズが480px以下の場合に適用 
@media only screen and (max-width: 480px) {
#menu li {
    width:50%
}
#toggle {
    display:block;
    position:relative;
    width:100%;
    max-width:480px;
    background:#052144
}

#toggle a {
    display:block;
    position:relative;
    padding:8px 0;
    border-bottom:1px solid #A3B7D0;
    color:#FFF;
    text-align:center;
    text-decoration:none
}

#toggle:before {
    display:block;
    content:"";
    position:absolute;
    top:50%;
    left:10px;
    width:30px;
    height:30px;
    margin-top:-15px;
    background:#FFF
}

#toggle a:before,#toggle a:after {
    display:block;
    content:"";
    position:absolute;
    top:50%;
    left:10px;
    width:30px;
    height:6px;
    background:#052144
}

#toggle a:before {
    margin-top:-9px
}

#toggle a:after {
    margin-top:3px
}
}*/

/*メガドロップダウンメニュー*/
.mega-menu ul,.mega-menu ul li {
    list-style:none
}

.mega-menu ul {
    position:relative;
    padding:0;
    margin:0
}

.mega-menu ul li ul {
    display:none
}

.mega-menu .sub {
    display:none
}

.mega-menu .sub ul {
    display:block
}

#mega-menu {
    position:relative;
    list-style:none
}

#mega-menu .sub ul {
    display:block
}

#mega-menu {
    width:100%;
    max-width:1000px;
    min-height:42px;
    margin:0;
    padding:0;
    text-align:center;
    background-color:#052144;
    position:relative;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px
}

#mega-menu .MegaNestTTL {
    padding:4px 15px;
    margin-bottom:4px;
    font-weight:700;
    font-size:.9em;
    color:#fff;
    background-color:#052144
}

#mega-menu .MegaNestDet {
    padding:4px 15px;
    margin-bottom:4px;
    color:#052144;
    font-size:.9em
}

/* 画面サイズが768px以下の場合に適用 */
@media only screen and (max-width: 768px) {
#mega-menu {
    max-width:768px
}

.mega768 {
    position:absolute;
    top:21px
}
}

/* 画面サイズが480px以下の場合に適用 */
@media only screen and (max-width: 480px) {
#mega-menu {
    max-width:480px
}
}

#mega-menu li {
    display:block;
    float:left;
    width:12.5%;
    margin:0;
    padding:0;
    text-align:center
}

#mega-menu li a {
    display:block;
    padding:10px 0;
    color:#FFF;
    text-decoration:none;
    border-right:1px solid #A3B7D0;
    -webkit-transition:background-color .2s linear
}

#mega-menu li.mega-hover a,#mega-menu li.mega-hover a:hover {
    background:#2f5c95;
    color:#fff
}

#mega-menu li a:hover {
    color:#fff
}

#mega-menu li .sub-container {
    position:absolute
}

#mega-menu li .sub {
    background:#d6e0ea;
    padding:15px;
    border:1px solid #08366e
}

#mega-menu li .sub .row {
    width:230px;
    overflow:hidden;
    clear:both
}

#mega-menu li .sub li {
    list-style:none;
    float:none;
    width:230px;
    font-size:1em;
    font-weight:400
}

#mega-menu li .sub li.mega-hdr {
    margin:0 10px 10px 0;
    float:left
}

#mega-menu li .sub li.mega-hdr.last {
    margin-right:0
}

#mega-menu li .sub a {
    background:none;
    color:#111;
    padding:6px 8px;
    display:block;
    float:none;
    font-size:.9em;
    text-align:left
}

#mega-menu li .sub li.mega-hdr a.mega-hdr-a {
    padding:4px 15px;
    margin-bottom:4px;
    font-weight:700;
    color:#fff;
    background-color:#052144
}

#mega-menu li .sub li.mega-hdr a.mega-hdr-a:hover {
    color:#fff;
    background:#4E74A5
}

#mega-menu .sub li.mega-hdr li a {
    padding:3px 4px;
    font-weight:400
}

#mega-menu .sub li.mega-hdr li a:hover {
    color:#000;
    background:#A3B7D0;
    font-weight:700
}

#mega-menu .sub ul li {
    padding-right:0
}

#mega-menu li .sub-container.non-mega .sub {
    padding:10px
}

#mega-menu li .sub-container.non-megas {
    padding:0;
    margin:0
}

#mega-menu li .sub-container.non-mega li {
    padding:0;
    width:100%;
    margin:0
}

#mega-menu li .sub-container.non-mega li a {
    padding:7px 5px 7px 22px
}

#mega-menu li .sub-container.non-mega li a:hover {
    color:#fff;
    background:#295C9A
}

#NonMega {
    text-align:left;
    width:98%;
    max-width:980px;
    max-height:650px;
    background:#D0DBEA;
    overflow:auto;
    border-radius:0 0 5px 5px;
    -webkit-border-radius:0 0 5px 5px;
    -moz-border-radius:0 0 5px 5px
}
.top42 {
    position:absolute;
    top:42px
}
#CartItemBalloon {
    text-align:left;
    width:98%;
    max-height:650px;
    font-size:.9em
}

#ListBalloon {
    text-align:left;
    width:98%;
    max-height:650px;
    font-size:1em
}
.MegaNestTTLa {
    padding:10px 15px;
    margin-bottom:10px;
    font-weight:700;
    font-size:1em;
    color:#fff;
    background-color:#0a3f82
}

.MegaNestTTLa a {
    text-decoration:none;
    color:#fff;
    display:block;
    -webkit-transition:background-color .2s linear;
}

.MegaNestTTLa a:hover {
    text-decoration:none;
    background-color:#0A7B82;
}

#inCart {
    animation-name:inCartItem;
    animation:inCartItem;
    animation-duration:3s;
    animation-iteration-count:10
}
.ListBtm {
    list-style:none;
    margin:0;
    padding:8px 5px;
    text-align:left;
    display:block
}

.ListBtm a {
    color:#333;
    text-decoration:none;
    padding;0 8px;
}

.ListBtm a:hover {
    color:#000;
    background:#A3B7D0;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
}
@keyframes inCartItem {
0% {
    background-color:#08366e
}

100% {
    background-color:#4E74A5
}
}

/* 画面サイズが768px以下の場合に適用 */
@media only screen and (max-width: 768px) {
#mega-menu li {
    width:25%;
    border-bottom:1px solid #A3B7D0
}
}

/* 画面サイズが480px以下の場合に適用 */
@media only screen and (max-width: 480px) {
#mega-menu li {
    width:50%
}
}

/*送料一覧表*/
.fa-asterisk {
    color:#82110A;
    font-size:.8em
}

.tg {
    border-collapse:collapse;
    border-spacing:0;
    white-space:nowrap;
    margin:20px 10px 10px 0px;
    width:96%;
}

.tg td {
    font-size:1em;
    padding:10px 5px;
    border-style:solid;
    border-width:1px;
    overflow:hidden;
    word-break:normal;
    white-space:nowrap
}

.tg th {
    font-size:.9em;
    font-weight:400;
    padding:10px 5px;
    border-style:solid;
    border-width:1px;
    overflow:hidden;
    word-break:normal;
    white-space:nowrap
}

.tg .tg-f5yb {
    background-color:#bdcbdd;
    font-weight:700;
    text-align:center;
}

.tgwp {
    border-collapse:collapse;
    border-spacing:0;
    margin:20px 10px 10px 0px;
    width:96%;
    text-align:left;
}
.tgwp td {
    font-size:1em;
    padding:10px 10px;
    border:none;
}

.tgwp th {
    font-size:1em;
    font-weight:700;
    padding:10px 5px;
    border:none;
}
.td-wrl {
 width:45%;
}
.td-wrc {
 width:7%;
}
.td-wrr {
 width:53%;
}
/*タイトル*/
.tg .tg-sif6 {
    background-color:#dcd0e9
}

/*北海道*/
.tg .tg-cx17 {
    background-color:#d4d3eb
}

/*東北A*/
.tg .tg-x762 {
    background-color:#e9e9f5
}

/*東北B*/
.tg .tg-4q3y {
    background-color:#cedbe8
}

/*関東A*/
.tg .tg-9q6v {
    background-color:#e0e9f1
}

/*関東B*/
.tg .tg-0n56 {
    background-color:#cde9df
}

/*北陸・信越地方A*/
.tg .tg-m372 {
    background-color:#e0f1eb
}

/*北陸・信越地方B*/
.tg .tg-vq3w {
    background-color:#e4f7d9
}

/*中部地方A*/
.tg .tg-gdrn {
    background-color:#eefae8
}

/*中部地方B*/
.tg .tg-r64t {
    background-color:#f6fcde
}

/*近畿地方A*/
.tg .tg-ujl8 {
    background-color:#f9fceb
}

/*近畿地方B*/
.tg .tg-7m3t {
    background-color:#FFF3E1
}

/*中国・山陰A*/
.tg .tg-8nx8 {
    background-color:#fff7ed
}

/*中国・山陰B*/
.tg .tg-0nzx {
    background-color:#FFE7E1
}

/*四国A*/
.tg .tg-52qi {
    background-color:#fff1ed
}

/*四国B*/
.tg .tg-9p14 {
    background-color:#DEC4CE
}

/*九州A*/
.tg .tg-hx7z {
    background-color:#ebdae0
}

/*九州B*/
.tg .tg-2eiw {
    background-color:#A898AC
}

/*沖縄県*/
.tg .rwspn50 {
    white-space:normal;
    vertical-align:top;
    padding:.5em;
    margin:0;
    text-align:left;
    background-color:#efefef;
    min-width:270px;
    font-size:.9em
}

.tg .tg-w433 {
    font-size:1em;
    background-color:#2f5c95
}

.tg .tg-7nkf {
    font-size:1em;
    background-color:#2f5c95;
    text-align:center
}

/*パンくずリスト*/
.breadcrumb_icon {
    width:21px
}

#breadcrumb {
    padding-left:0;
    margin-left:0;
    list-style:none;
    overflow:hidden;
    background:#bdcbdd;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px
}

#breadcrumb li {
    float:left
}

#breadcrumb li a {
    color:#fff;
    text-decoration:none;
    padding:6px 0 6px 40px;
    background:#08366e;
    position:relative;
    display:block;
    float:left
}

#breadcrumb li a:after {
    content:" ";
    display:block;
    width:0;
    height:0;
    border-top:50px solid transparent;
/* Go big on the size, and let overflow hide */
    border-bottom:50px solid transparent;
    border-left:30px solid #08366e;
    position:absolute;
    top:50%;
    margin-top:-50px;
    left:100%;
    z-index:2
}

#breadcrumb li a:before {
    content:" ";
    display:block;
    width:0;
    height:0;
    border-top:50px solid transparent;
/* Go big on the size, and let overflow hide */
    border-bottom:50px solid transparent;
    border-left:30px solid #bdcbdd;
    position:absolute;
    top:50%;
    margin-top:-50px;
    margin-left:2px;
    left:100%;
    z-index:1
}

#breadcrumb li:first-child a {
    padding-left:10px
}

#breadcrumb li:nth-child(2) a {
    background:#2f5c95
}

#breadcrumb li:nth-child(2) a:after {
    border-left-color:#2f5c95
}

#breadcrumb li:nth-child(3) a {
    background:#4e74a5
}

#breadcrumb li:nth-child(3) a:after {
    border-left-color:#4e74a5
}

#breadcrumb li:nth-child(4) a {
    background:#6989b3
}

#breadcrumb li:nth-child(4) a:after {
    border-left-color:#6989b3
}

#breadcrumb li:nth-child(5) a {
    background:#809bbe
}

#breadcrumb li:nth-child(5) a:after {
    border-left-color:#809bbe
}

#breadcrumb li:nth-child(6) a {
    background:#93aac8
}

#breadcrumb li:nth-child(6) a:after {
    border-left-color:#93aac8
}

#breadcrumb li:last-child a {
    background:transparent!important;
    color:#233349;
    pointer-events:none;
    cursor:default
}

#breadcrumb li:last-child a:after {
    border:0
}

#breadcrumb li a:hover {
    background:#0A7B82
}

#breadcrumb li a:hover:after {
    border-left-color:#0A7B82
}

@media (max-width: 768px) {
/* デバイスサイズ 768px以下に適用 */
#breadcrumbS {
    padding-left:0;
    margin-left:0;
    list-style:none;
    overflow:hidden;
    background:#bdcbdd
}

#breadcrumbS li {
    float:left;
    margin:2px
}

#breadcrumbS li a {
    color:#fff;
    text-decoration:none;
    padding:6px;
    background:#08366e;
    display:block;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    float:left
}

#breadcrumbS li:first-child a {
    padding-left:6px
}

#breadcrumbS li:nth-child(2) a {
    background:#2f5c95
}

#breadcrumbS li:nth-child(2) a:after {
    border-left-color:#2f5c95
}

#breadcrumbS li:nth-child(3) a {
    background:#4e74a5
}

#breadcrumbS li:nth-child(3) a:after {
    border-left-color:#4e74a5
}

#breadcrumbS li:nth-child(4) a {
    background:#6989b3
}

#breadcrumbS li:nth-child(4) a:after {
    border-left-color:#6989b3
}

#breadcrumbS li:nth-child(5) a {
    background:#809bbe
}

#breadcrumbS li:nth-child(5) a:after {
    border-left-color:#809bbe
}

#breadcrumbS li:nth-child(6) a {
    background:#93aac8
}

#breadcrumbS li:nth-child(6) a:after {
    border-left-color:#93aac8
}

#breadcrumbS li:last-child a {
    background:transparent!important;
    color:#233349;
    pointer-events:none;
    cursor:default
}

#breadcrumbS li:last-child a:after {
    border:0
}

#breadcrumbS li a:hover {
    background:#0A7B82
}

#breadcrumbS li a:hover:after {
    border-left-color:#0A7B82
}
}

/* ページャー */
.pager {
    margin:5px
}

.pager .PGoff {
    display:inline-block;
    margin:2px;
    padding:3px 8px;
    text-decoration:none;
    border:3px solid #bdcbdd;
    color:#acb3ba;
    background:#bdcbdd;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px
}

.pager .PGon {
    display:inline-block;
    margin:2px;
    padding:3px 8px;
    text-decoration:none;
    border:3px solid #08366e;
    color:#fff;
    background:#08366e;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px
}

.pager a {
    display:inline-block;
    margin:2px;
    padding:3px 8px;
    text-decoration:none;
    border:3px solid #bdcbdd;
    color:#233349;
    background:#bdcbdd;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px
}

.pager a:hover {
    color:#fff;
    background:#0A7B82;
    border:3px solid #0A7B82
}

.PGon {
    color:#233349;
    background:#bdcbdd;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px
}

.sort {
    float:right;
    margin:0;
    font-weight:400
}

p.sort a {
    text-decoration:none;
    color:#fff;
    font-weight:700
}

.ListHd {
    float:left;
    margin:0;
    padding:0;
    text-align:left
}

/* ページャーここまで */

/* html */
#container:-webkit-full-screen {
    background:#fff;
    width:100%;
    height:100%;
    margin-top:0;
    padding-top:200px
}

#container:-moz-full-screen {
    background:#fff;
    width:100%;
    height:100%;
    margin-top:0;
    padding-top:200px
}

/*pageTop*/
.pagetop {
    display:none;
    position:fixed;
    bottom:40px;
    right:90px;
    z-index:14;
}

.pagetop a {
    display:block;
    width:50px;
    height:50px;
    background-color:#052144;
    border-radius:50px;
    text-align:center;
    color:#fff;
    font-size:24px;
    text-decoration:none;
    line-height:50px
}

/*ヘッダー*/
.HDlogo {
    background-image:url(http://file001.shop-pro.jp/PA01000/164/img/icon/BUNDOKI_logo.png),url(http://file001.shop-pro.jp/PA01000/164/img/icon/headerBG.png);
    background-repeat:no-repeat,repeat;
    background-position:left,0% 38.4%;
    height:100px;
    border-radius:20px 20px 0 0;
    -webkit-border-radius:20px 20px 0 0;
    -moz-border-radius:20px 20px 0 0;
}
.HDlogo h1 {
    font-size:1em;
    padding-left:13%;
    color:#fff;
    text-decoration:none
}

.HDlogo h1 a {
    color:#fff;
    text-decoration:none
}

.HDlogo h1 a:hover {
    color:#08366e;
    background-color:#fff;
    text-decoration:none
}

/*画像操作*/
.LogoIMG {
    width:25%
}

.Large_img {
    z-index:10000
}

/*人気商品*/
.popularMK {
    position:absolute;
    color:#FA5F03;
    top:10px;
    left:10px
}

.popular1 {
    position:absolute;
    color:#FA5F03;
    top:10px;
    left:10px
}

.certificate {
    position:absolute;
    font-size:1.2em;
    color:#fff;
    top:19px;
    left:22px;
    text-align:center;
    font-weight:700
}

/*オススメ商品*/
.RecBadge {
    position:absolute;
    color:#FA5F03;
    top:0;
    left:0;
    opacity:.9;
    filter:alpha(opacity=90)
}

.ItemIMGfll {
    width:27.397%;
    min-width:100px;
    float:left;
    overflow:hidden
}

#picture ul li {
    float:left
}

#picture ul li.New {
    position:relative;
    overflow:hidden
}

#picture ul li.New:after {
    position:absolute;
    background:#0A7B82;
    content:"New!";
    top:5px;
    right:-30px;
    padding:5px 10px;
    text-align:center;
    color:#fff;
    width:120px;
    transform:rotate(30deg);
    -webkit-transform:rotate(30deg)
}

#picture ul li.Sale {
    position:relative;
    overflow:hidden
}

#picture ul li.Sale:after {
    position:absolute;
    background:#82110A;
    content:"Sale";
    top:5px;
    right:-30px;
    padding:5px 10px;
    text-align:center;
    color:#fff;
    width:120px;
    transform:rotate(30deg);
    -webkit-transform:rotate(30deg)
}

.ItemNameflr {
    width:32%;
    display:block;
    vertical-align:top;
    max-height:100px;
    overflow:hidden
}

.recommend-unit {
    background-color:#fff
}

/*レイアウト操作*/
.FLL {
    float:left;
    width:58%
}

.FLLin {
    font-size:.8em;
    overflow:auto;
    padding:5px;
    max-height:190px;
    background-color:#fff;
    border:solid 1px #08366e
}

.FLLB {
    margin-top:10px;
    max-height:100px
}

.FLR {
    float:right;
    max-width:300px;
    min-width:150px;
    width:40%
}

.FLR_t {
    float:left
}

.TopInfo {
    width:100%;
    margin-top:5px
}

.clearBoth {
    clear:both;
    line-height:0
}

.InfoTTL {
    margin:3px 0 5px 3px;
    padding:8px 16px;
    font-size:1.1em;
    line-height:1.2em;
    font-weight:700;
    color:#fff;
    background:#052144;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px
}

.InfoTTLh5 {
    margin:0;
    padding:5px;
    font-size:1em;
    line-height:1em;
    font-weight:700;
    color:#fff;
    background:#08366e;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px
}

.LcateTTL {
    font-size:1.2em;
    line-height:1.2em;
    color:#08366e;
    background-color:#fff;
    font-weight:700;
    padding:5px;
    margin:0;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px
}

.SOprice {
    font-size:.8em;
    color:#8F2419;
    text-align:right;
    margin:0
}

.SOpriceL {
    font-size:.9em;
    color:#8F2419;
    padding:5px
}

.RGprice {
    font-size:.8em;
    text-align:right;
    font-weight:700;
    margin:0
}

.ItemName {
    font-size:.9em;
    line-height:1.3em;
    text-align:left
}

.minW100 {
    width:100%;
    min-width:100px
}

.minW75 {
    min-width:75px
}

.maxW100 {
    width:100%;
    max-width:100px
}

.maxW100B {
    max-width:100px
}

.maxW363 {
    width:36.3%
}

.maxW97 {
    max-width:97%
}

.itemThumbnail {
    display:inline;
    float:left
}

/*
 * layout
 */
#wrapper {
    max-width:1000px;
    background:url(http://file001.shop-pro.jp/PA01000/164/img/icon/BGwhitepaper.png);
    padding:0;
    margin:0 auto
}

#header {
    padding:0;
    margin:0
}

#head_top {
    margin-top:0;
    /*background:url(http://file001.shop-pro.jp/PA01000/164/img/icon/BGwhitepaper.png);*/
    padding:.3em;
    font-size:.95em;
    position:relative
}

#head_top a {
    text-decoration:none;
    color:#08366e
}

#head_top a:hover {
    text-decoration:none;
    color:#052144
}

.ShopName {
    position:absolute;
    top:15px;
    left:66px;
    font-size:.9em;
    font-weight:100;
}

.pos_r {
    position:absolute;
    right:5px;
    top:10px
}

.HdGM {
    background-color:#4E74A5;
    margin:0
}

/*
 * contents
 */
#contents {
    float:right;
    background:url(http://file001.shop-pro.jp/PA01000/164/img/icon/BGwhitepaper.png)
}

#contents .topicpath-nav {
    margin-bottom:5px
}

#contents .topicpath-nav li {
    padding:0
}

#contents .topicpath-nav a {
    margin-left:5px
}

/*
 * side
 */
#side .unstyled img {
    display:block;
    margin-bottom:5px;
    background-color:#08366e
}

#side {
}

/*footer*/
#footer {
    background-color:#4E74A5;
    z-index:12;
    height:70px;
}
.footerNow {
    background-color:#08366e;
}
#footerPC {
    background-color:#4E74A5;
}
.ft_ul {
    list-style:none;
 width: 100%;
 display: table;
 table-layout: fixed;
margin:0 auto !important;
}
.ft_li {
 display: table-cell;
    list-style:none;
    text-align:center;
margin:0 auto !important;
}
@media only screen and (max-width: 480px) {
.S_txt {
 font-size:0.9em;
}
.hide_txt {
  display:none;
}
}
/*
 * temp
 */
/* font */
.font09 {
 font-size:0.9em;
}
.txt_l {
    text-align:left
}

.txt_c {
    text-align:center
}

.txt_r {
    text-align:right
}

.txt_fwn {
    font-weight:400
}

.txt_fwb {
    font-weight:700
}

.txt_10 {
    font-size:10px
}

.txt_12 {
    font-size:12px
}

.txt_14 {
    font-size:14px
}

.txt_16 {
    font-size:16px
}

.txt_18 {
    font-size:18px
}

.txt_20 {
    font-size:20px
}

.txt_24 {
    font-size:24px
}

.txt_28 {
    font-size:28px
}

.txt_c_333 {
    color:#333
}

.txt_c_555 {
    color:#555
}

.txt_c_fff {
    color:#fff
}
.txt_c_fff a {
    color:#fff
    text-decoration:none;
}
.txt_c_fff a:hover {
    color:#fff
    text-decoration:none;
}
.txt_c_red {
    color:#82110A
}
.txt_c_yel {
    color:#EBC22F
}

.txt_c_BL {
    color:#08366e
}
/* background */
.bgc_gray {
    background-color:#f1f1f1
}

.bgc_white {
    background:#fff
}

.bgc_efefef {
    background-color:#efefef
}

/* margin */
.mar_auto {
    margin:0 auto
}

.mar_0 {
    margin:0
}

.mar_t_0 {
    margin-top:0
}

.mar_r_0 {
    margin-right:0
}

.mar_b_0 {
    margin-bottom:0
}

.mar_l_0 {
    margin-left:0
}

.mar_5 {
    margin:5px
}

.mar_t_5 {
    margin-top:5px
}

.mar_r_5 {
    margin-right:5px
}

.mar_b_5 {
    margin-bottom:5px
}

.mar_l_5 {
    margin-left:5px
}

.mar_t_10 {
    margin-top:10px
}

.mar_r_10 {
    margin-right:10px
}

.mar_b_10 {
    margin-bottom:10px
}

.mar_l_10 {
    margin-left:10px
}

.mar_t_20 {
    margin-top:20px
}

.mar_r_20 {
    margin-right:20px
}

.mar_b_20 {
    margin-bottom:20px
}

.mar_l_20 {
    margin-left:20px
}

.mar_t_30 {
    margin-top:30px
}

.mar_t_40 {
    margin-top:40px
}

.mar_t_4em {
    margin-top:4em
}

.mar_r_30 {
    margin-right:30px
}

.mar_b_30 {
    margin-bottom:30px
}

.mar_l_30 {
    margin-left:30px
}

.mar_t_50 {
    margin-top:50px
}

.mar_r_50 {
    margin-right:50px
}

.mar_b_50 {
    margin-bottom:50px
}

.mar_l_50 {
    margin-left:50px
}

/* padding */
.pad_v_10 {
    padding:10px 0
}

.pad_v_20 {
    padding:20px 0
}

.pad_v_30 {
    padding:30px 0
}

.pad_0 {
    padding:0
}

.pad_t_0 {
    padding-top:0
}

.pad_r_0 {
    padding-right:0
}

.pad_b_0 {
    padding-bottom:0
}

.pad_l_0 {
    padding-left:0
}

.pad_5 {
    padding:5px
}

.pad_t_5 {
    padding-top:5px
}

.pad_r_5 {
    padding-right:5px
}

.pad_b_5 {
    padding-bottom:5px
}

.pad_l_5 {
    padding-left:5px
}

.pad_10 {
    padding:10px
}

.pad_t_10 {
    padding-top:10px
}

.pad_r_10 {
    padding-right:10px
}

.pad_b_10 {
    padding-bottom:10px
}

.pad_l_10 {
    padding-left:10px
}

.pad_20 {
    padding:20px
}

.pad_t_20 {
    padding-top:20px
}

.pad_r_20 {
    padding-right:20px
}

.pad_b_20 {
    padding-bottom:20px
}

.pad_l_20 {
    padding-left:20px
}

.pad_30 {
    padding:30px
}

.pad_t_30 {
    padding-top:30px
}

.pad_r_30 {
    padding-right:30px
}

.pad_r_50 {
    padding-right:50px
}

.pad_b_30 {
    padding-bottom:30px
}

.pad_l_30 {
    padding-left:30px
}

/* border */
.bor_t_1 {
    border-top:1px solid #eee
}

.bor_r_1 {
    border-right:1px solid #eee
}

.bor_b_1 {
    border-bottom:1px solid #eee
}

.bor_l_1 {
    border-left:1px solid #eee
}

/* vertical align */
.va-10 {
    vertical-align:-10%
}

.va-20 {
    vertical-align:-20%
}

.va-30 {
    vertical-align:-30%
}
.va30 {
    vertical-align:30%
}
.va-35 {
    vertical-align:-35%
}

.va-40 {
    vertical-align:-40%
}

.va-md {
    vertical-align:middle
}

@media (max-width: 980px) {
/* ~980px */
#base_gmoWrapp,#gmo_CMSPbar {
    overflow:hidden;
    min-width:100%!important;
    width:100%!important
}
}

@media (max-width: 768px) {
/* ~768px */
#contents {
    padding:0
}
}

@media (max-width: 480px) {
/* ~480px */

}

/*テンプレート改変用*/
/*
 * icons
 */
.icon-lg-w.icon-mixi {
    background-position:-432px -288px
}

.icon-lg-w.icon-vk {
    background-position:-504px -288px
}

.icon-lg-w.icon-twitter {
    background-position:-144px -264px
}

.icon-lg-w.icon-facebook {
    background-position:-192px -264px
}

.icon-lg-w.icon-google {
    background-position:-264px -264px
}

.icon-lg-w.icon-pinterest {
    background-position:-312px -264px
}

.icon-lg-w.icon-tumblr {
    background-position:-360px -264px
}

.icon-lg-w.icon-linkedin {
    background-position:-408px -264px
}

.icon-lg-w.icon-instagram {
    background-position:-168px -288px
}

.icon-lg-w.icon-evernote {
    background-position:-216px -288px
}

.icon-lg-w.icon-suitcase {
    background-position:-312px -72px
}

.icon-lg-bung.icon-pencil {
    background-position:0 0
}

.icon-lg-w.icon-switch {
    background-position:-192px -144px
}

.icon-lg-w.icon-list {
    background-position:-288px -144px
}

.icon-lg-w.icon-numbered_list {
    background-position:-216px -144px
}

.icon-lg-w.icon-help {
    background-position:-432px -120px
}

.icon-lg-w.icon-home {
    background-position:-264px -24px
}

.icon-lg-w.icon-pencil {
    background-position:-144px -0
}

.icon-lg-w.icon-cart {
    background-position:-264px -96px
}

.icon-lg-w.icon-mail {
    background-position:-96px -0
}

.icon-lg-w.icon-search {
    background-position:-312px -24px
}

/*CSS Sprite*/
.Sprite {
    background:url(http://img.shop-pro.jp/PA01000/164/etc/SpriteIcon.png) no-repeat top left
}

.icon-sprite {
    width:24px;
    height:24px;
    display:inline-block;
    *display:inline;
    *zoom:1
}

.sprite-BP {
    background-position:0 0;
    width:24px;
    height:24px
}

.sprite-BPrefill {
    background-position:0 -74px;
    width:24px;
    height:24px
}

.sprite-Bag {
    background-position:0 -148px;
    width:24px;
    height:24px
}

.sprite-Bookmark {
    background-position:0 -222px;
    width:24px;
    height:24px
}

.sprite-Calculator {
    background-position:0 -296px;
    width:24px;
    height:24px
}

.sprite-Clip {
    background-position:0 -370px;
    width:24px;
    height:24px
}

.sprite-Clock {
    background-position:0 -444px;
    width:24px;
    height:24px
}

.sprite-Compass {
    background-position:0 -518px;
    width:24px;
    height:24px
}

.sprite-Cutter {
    background-position:0 -592px;
    width:24px;
    height:24px
}

.sprite-Diary {
    background-position:0 -666px;
    width:24px;
    height:24px
}

.sprite-FP {
    background-position:0 -740px;
    width:24px;
    height:24px
}

.sprite-Folder {
    background-position:0 -814px;
    width:24px;
    height:24px
}

.sprite-Glue {
    background-position:0 -888px;
    width:24px;
    height:24px
}

.sprite-Handkerchief {
    background-position:0 -962px;
    width:24px;
    height:24px
}

.sprite-Ink {
    background-position:0 -1036px;
    width:24px;
    height:24px
}

.sprite-Key {
    background-position:0 -1110px;
    width:24px;
    height:24px
}

.sprite-LH2 {
    background-position:0 -1184px;
    width:24px;
    height:24px
}

.sprite-LH3 {
    background-position:0 -1258px;
    width:24px;
    height:24px
}

.sprite-LH5 {
    background-position:0 -1332px;
    width:24px;
    height:24px
}

.sprite-LHlead {
    background-position:0 -1406px;
    width:24px;
    height:24px
}

.sprite-LHpointer {
    background-position:0 -1480px;
    width:24px;
    height:24px
}

.sprite-Letter {
    background-position:0 -1554px;
    width:24px;
    height:24px
}

.sprite-Lighter {
    background-position:0 -1628px;
    width:24px;
    height:24px
}

.sprite-MP {
    background-position:0 -1702px;
    width:24px;
    height:24px
}

.sprite-MPlead {
    background-position:0 -1776px;
    width:24px;
    height:24px
}

.sprite-Maste {
    background-position:0 -1850px;
    width:24px;
    height:24px
}

.sprite-Memo {
    background-position:0 -1924px;
    width:24px;
    height:24px
}

.sprite-Multipen {
    background-position:-74px 0;
    width:24px;
    height:24px
}

.sprite-Note {
    background-position:-74px -74px;
    width:24px;
    height:24px
}

.sprite-Notecover {
    background-position:-74px -148px;
    width:24px;
    height:24px
}

.sprite-Pencase {
    background-position:-74px -222px;
    width:24px;
    height:24px
}

.sprite-Pentray {
    background-position:-74px -296px;
    width:24px;
    height:24px
}

.sprite-Postit {
    background-position:-74px -370px;
    width:24px;
    height:24px
}

.sprite-Scale {
    background-position:-74px -444px;
    width:24px;
    height:24px
}

.sprite-Scissors {
    background-position:-74px -518px;
    width:24px;
    height:24px
}

.sprite-Sharpener {
    background-position:-74px -592px;
    width:24px;
    height:24px
}

.sprite-Stamp {
    background-position:-74px -666px;
    width:24px;
    height:24px
}

.sprite-Stapler {
    background-position:-74px -740px;
    width:24px;
    height:24px
}

.sprite-Tape {
    background-position:-74px -814px;
    width:24px;
    height:24px
}

.sprite-cpencil {
    background-position:-74px -888px;
    width:24px;
    height:24px
}

.sprite-eraser {
    background-position:-74px -962px;
    width:24px;
    height:24px
}

.sprite-extender {
    background-position:-74px -1036px;
    width:24px;
    height:24px
}

.sprite-highlighter {
    background-position:-74px -1110px;
    width:24px;
    height:24px
}

.sprite-kuchigane {
    background-position:-74px -1184px;
    width:24px;
    height:24px
}

.sprite-pencil {
    background-position:-74px -1258px;
    width:24px;
    height:24px
}

.sprite-pencilcap {
    background-position:-74px -1332px;
    width:24px;
    height:24px
}

.sprite-techo {
    background-position:-74px -1406px;
    width:24px;
    height:24px
}

.i-Delivery {
    background-image:url(http://file001.shop-pro.jp/PA01000/164/img/icon/i-Delivery.png) no-repeat
}

.icon-user {
    background-position:-208px 0
}

.icon-lg-b.icon-user {
    background-position:-312px 0
}

.icon-adduser {
    background-position:-240px 0
}

.icon-lg-b.icon-adduser {
    background-position:-360px 0
}

.icon-login {
    background-position:-48px -80px
}

.icon-lg-b.icon-login {
    background-position:-72px -120px
}

.icon-logout {
    background-position:-32px -80px
}

.icon-lg-b.icon-logout {
    background-position:-48px -120px
}

.icon-home {
    background-position:-176px -16px
}

.icon-lg-b.icon-home {
    background-position:-264px -24px
}

.icon-mail {
    background-position:-64px 0
}

.icon-lg-b.icon-mail {
    background-position:-96px 0
}

.icon-pencil {
    background-position:-96px 0
}

.icon-lg-b.icon-pencil {
    background-position:-144px 0
}

.icon-help {
    background-position:-272px -80px
}

.icon-lg-b.icon-help {
    background-position:-408px -120px
}

.icon-cart {
    background-position:-176px -64px
}

.icon-lg-b.icon-cart {
    background-position:-264px -96px
}

.icon-search {
    background-position:-208px -16px
}

.icon-lg-b.icon-search {
    background-position:-312px -24px
}

.icon-chevron_up {
    background-position:-0 -144px
}

.icon-lg-b.icon-chevron_up {
    background-position:-0 -216px
}

.icon-chevron_down {
    background-position:-352px -128px
}

.icon-lg-b.icon-chevron_down {
    background-position:-528px -192px
}

.icon-lg-w.icon-palette {
    background-position:-72px -48px
}

.icon-b,.icon-w {
    width:16px;
    height:16px;
    display:inline-block;
    *display:inline;
    *zoom:1
}

.icon-lg-b,.icon-lg-w {
    width:24px;
    height:24px;
    display:inline-block;
    *display:inline;
    *zoom:1
}

.icon-b {
    background-image:url(http://img.shop-pro.jp/tmpl_img/73/icon16_b.png)
}

.icon-w {
    background-image:url(http://img.shop-pro.jp/tmpl_img/73/icon16_w.png)
}

.icon-lg-b {
    background-image:url(http://img.shop-pro.jp/tmpl_img/73/icon24_b.png)
}

.icon-lg-w {
    background-image:url(http://img.shop-pro.jp/tmpl_img/73/icon24_w.png)
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min--moz-device-pixel-ratio: 2),only screen and (-o-min-device-pixel-ratio: 2 1),only screen and (min-device-pixel-ratio: 2),only screen and (min-resolution: 192dpi),only screen and (min-resolution: 2dppx) {
.icon-b,.icon-w {
    -webkit-background-size:368px 320px;
    background-size:368px 320px
}

.icon-lg-b,.icon-lg-w {
    -webkit-background-size:552px 480px;
    background-size:552px 480px
}

.icon-b {
    background-image:url(http://img.shop-pro.jp/tmpl_img/73/icon16_2x_b.png)
}

.icon-w {
    background-image:url(http://img.shop-pro.jp/tmpl_img/73/icon16_2x_w.png)
}

.icon-lg-b {
    background-image:url(http://img.shop-pro.jp/tmpl_img/73/icon24_2x_b.png)
}

.icon-lg-w {
    background-image:url(http://img.shop-pro.jp/tmpl_img/73/icon24_2x_w.png)
}
}

@media (max-width: 768px) {
.icon-b {
    background-image:url(http://img.shop-pro.jp/tmpl_img/73/icon24_b.png)
}

.icon-w {
    background-image:url(http://img.shop-pro.jp/tmpl_img/73/icon24_w.png)
}
}

@media only screen and (max-width: 768px) and (-webkit-min-device-pixel-ratio: 2),only screen and (max-width: 768px) and (min--moz-device-pixel-ratio: 2),only screen and (max-width: 768px) and (-o-min-device-pixel-ratio: 2 1),only screen and (max-width: 768px) and (min-device-pixel-ratio: 2),only screen and (max-width: 768px) and (min-resolution: 192dpi),only screen and (max-width: 768px) and (min-resolution: 2dppx) {
.icon-b {
    background-image:url(http://img.shop-pro.jp/tmpl_img/73/icon24_2x_b.png)
}

.icon-w {
    background-image:url(http://img.shop-pro.jp/tmpl_img/73/icon24_2x_w.png)
}
}

/*動作確認*/
/*ソーシャルアイコン*/
.social_icon {
    height:25px;
    margin:5px;
    padding:4px;
    float:left;
    display:table-cell;
    vertical-align:text-top;
    *zoom:100%
}

.social_icon_g {
    display:table;
    text-align:center
}

/*tooltip for img*/
.expand {
    position:absolute;
    z-index:999;
    color:#666;
    top:10px;
    right:10px
}

.Bexpand {
    position:relative
/*overflow:hidden;*/
}

.tip {
    color:#fff;
    background:#052144;
    display:none;
/*--基本は非表示--*/
    padding:10px;
    z-index:99998;
    position:absolute;
    top:-250px;
    left:-340px;
    width:500px
}

/**/
#slider div {
    width:100%!important
}

#slider div img {
    width:100%!important;
    height:auto
}

.TopInfo-phone {
    overflow:auto;
    max-height:200px
}

/*Quick Cart In*/
.cartjs_cart_in {
    margin-bottom:0!important;
    padding-bottom:18px
}

input[type=submit] {
    background:url(http://file001.shop-pro.jp/PA01000/164/img/icon/QuickCartIn.png) no-repeat;
    width:35px;
    height:35px;
    position:absolute;
    bottom:30px;
    right:15px;
    padding:0 0 10px;
    border-style:none;
    cursor:pointer;
/* Hide text on input */
    text-indent:-999em;
/* Hide the text, works in most modern browsers */
/* --- Needed for IE --- */
    font-size:0;
/* works well in IE7. still a black line (basically the text) in IE6. */
    display:block;
/* Negative text-indent works in IE(6? worked fine in 7) only if this is added. */
    line-height:0
/* Another fix for IE6. */
}

.LID {
    position:absolute;
    bottom:-5px;
    right:20px;
    height:27px;
    color:#052144
}

.QCI {
    position:absolute;
    bottom:30px;
    right:3px;
    color:#999
}

/*フリーページ*/
.Capture {
  border:3px solid #0A7B82;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    -webkit-box-shadow:0 0 5px rgba(109,207,246,.5);
    -moz-box-shadow:0 0 5px rgba(109,207,246,.5);
    box-shadow:0 0 5px rgba(109,207,246,.5)
}
.BasicList li {
    list-style:none;
    padding:5px;
    margin-top:10px
}

.Supplement {
    background:#efefef;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border:solid 1px #ddd;
    margin:5px 0 0 10px;
    padding:5px;
    font-size:.9em
}

.SupplementS {
    background:#f0e1e9;
    margin:2px 30px 2px 20px;
    padding:3px 10px;
    font-size:.9em;
    display:block;
    border-radius:15px;
    -webkit-border-radius:15px;
    -moz-border-radius:15px
}
.SupplementSI {
    background:#f0e1e9;
    margin:0 20px;
    padding:3px 10px;
    font-size:.9em;
    display:block;
    border-radius:15px;
    -webkit-border-radius:15px;
    -moz-border-radius:15px
}
.underline {
    text-decoration:underline
}

li.Hint {
    background:#dcedec;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    margin:5px 0 0 10px;
    padding:15px;
    position:relative;
    display:block
}
.Hint {
    background:#dcedec;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    margin:0;
    padding:10px;
    display:block;
    width:94%;
    font-size:1em;
}
li.ItemHint {
    background:#dcedec;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    margin:5px 0 0 10px;
    padding:15px;
    position:relative;
    display:block
}
.ItemHint {
    background:#dcedec;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    margin:0;
    padding:10px;
    display:block;
    width:280px;
    font-size:0.9em;
    float:left;
}
.discon {
    background:#DFCAF3;
    margin:0 20px;
    padding:3px 10px;
    color:#65299F;
    font-size:.9em;
    font-weight:700;
    display:block;
    border-radius:15px;
    -webkit-border-radius:15px;
    -moz-border-radius:15px
}
.Ques {
    position:absolute;
    top:5px;
    right:5px;
    color:#f2f8f7
}

.HintComment {
    margin-left:30px;
    font-size:.9em;
    color:#6e0836
}

.InfoComment {
    margin-left:30px;
    font-size:.9em;
    color:#08366e
}
.HintTitle {
    margin-left:20px;
    font-size:1em;
    color:#333;
    font-weight:700
}
.komids {
    font-size:1.1em;
    color:#000;
    font-weight:500;
}
p.DownLoad {
    margin:10px 5px 10px 40px;
    padding:20px;
    text-align:center;
    background:#dce5ed;
    font-siza:2em;
    border:solid 3px #bdcbdd;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moza-border-radius:5px
}

p.DownLoad a {
    text-decoration:none;
    display:block
}

p.DownLoad a:hover {
    text-decoration:none;
    color:#0A7B82
}

/*アコーディオン*/
.topicT{
    position:relative;
    margin:0 0 1.5em;
    padding:.8em;
    background:#4e74a5;
    color:#fff;
    font-size:1em;
    font-weight:700;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px
}
/*タブ*/
.tab{
 overflow:hidden;
 cursor: pointer;
 list-style:none;
 font-weight:700;
  font-size:0.9em;
 margin:0 10px;
}
.unselectTab {
background:#A3B7D0;
color:#052144;
}
.selectTab{
 background:#08366e;
 color:#fff;
}
.tab li{ padding:10px 25px; float:left; margin-right:3px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.TabCon li{
background:#fff;
padding:20px;
 list-style:none;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border:solid 10px #08366e;
}
.TabCon p {
  margin:10px;
}
.TabCon {
margin:0;
}
.hide {display:none;}
/*装飾*/
.quoteR {
    text-align:right;
    display:block
}

.quoteL {
    display:block;
    padding-left:10px;
    padding-top:15px
}
blockquote{
background-color:#efefef;
padding:3em 1em;
position:relative;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px
}
blockquote:before{
content:"“";
font-size:600%;
line-height:1em;
font-family:"ＭＳ Ｐゴシック",sans-serif;
color:#999;
position:absolute;
left:0;
top:0;
}
blockquote:after{
content:"”";
font-size:600%;
line-height:0em;
font-family:"ＭＳ Ｐゴシック",sans-serif;
color:#999;
position:absolute;
right:0;
bottom:0;
}
/*付加項目装飾*/
.DiarySpec {
    display:inline-block;
    padding:3px;
    background:#d6e0ea;
    font-weight:700;
    margin:0 6px 6px 0;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px
}

.inkcolor {
    position:absolute;
    top:0;
    left:0;
    width:100%
}

@media only screen and (max-width: 480px) {
.inkcolor {
    position:absolute;
    top:0;
    left:0;
    width:51%
}
}

.GroupMiniB a:hover {
    opacity:.7;
    filter:alpha(opacity=70)
}

@media only screen and (max-width: 480px) {
.GroupMiniBmob {
    list-style:none;
    display:block;
    float:left;
    width:23%;
    margin:2px
}
}

@media only screen and (min-width: 481px) {
.GroupMiniB {
    list-style:none;
    display:block;
    float:left;
    width:15.7%;
    margin:2px
}
}

.logo125 {
    border-radius:5px;
    -webkit-border-radius:5px;
    -moza-border-radius:5px
}

.aweS {
    font-size:6px;
    vertical-align:20%
}

/*商品詳細ページ用*/
.btn-addcart {
    background:#82110A;
    color:#fff;
    letter-spacing:2px
}

.btn-addcart:hover {
    background:#82110A;
    color:#fff;
    letter-spacing:3px
}

.btn-addcart:active {
    background:#82110A;
    color:#fff
}

.btn-addcart,btn-addcart::before,.btn-addcart::after {
    -webkit-transition:all .3s;
    transition:all .3s
}

.stock_error {
    font-weight:700;
    color:#82110A
}

.NaireDiv {
    margin:10px 5px;
    padding:10px;
    text-align:left;
    background:#dce5ed;
    border:solid 3px #bdcbdd;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moza-border-radius:5px
}

.FC_052144B {
    color:#052144;
    font-weight:700
}

.font09em {
    font-size:.9em
}

input.NaireForm[type=text] {
    background:#eee;
    border:solid 1px #08366e;
    width:65%;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    transition:all .5s
}


input.NaireForm[type=text]:focus {
    background-color:#fff;
    border-color:#0A7B82;
    -webkit-box-shadow:0 0 5px rgba(109,207,246,.5);
    -moz-box-shadow:0 0 5px rgba(109,207,246,.5);
    box-shadow:0 0 5px rgba(109,207,246,.5)
}

.SupplementSS {
    background:#cbddbd;
    margin:3px;
    padding:3px 10px;
    font-size:.9em;
    display:block;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px
}

.QRfll {
    padding:10px;
    width:100px
}

#opt {
    max-width:730px;
    width:100%;
    overflow:auto
}

/*全体で使うcss*/
.nowrap {
    white-space:nowrap
}

.width100 {
    width:100%
}

.linkcss a {
    text-decoration:none
}

.linkcss a:hover {
    text-decoration:none;
    background:#bdcbdd
}

/*グループ表示関連*/
.cg_freespace_01 {
    position:relative
}

.MakerImg {
    -webkit-border-bottom-right-radius:10px;
    -webkit-border-bottom-left-radius:10px;
    -moz-border-radius-bottomright:10px;
    -moz-border-radius-bottomleft:10px;
    border-bottom-right-radius:10px;
    border-bottom-left-radius:10px
}

.MakerSummary {
    position:absolute;
    top:1em;
    left:1em;
    text-align:left;
    padding:10px;
    color:#fff;
    font-weight:700;
    line-height:2em;
    font-family:"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
    text-shadow:#000 1px 1px 1px,#000 -1px 1px 1px,#000 1px -1px 1px,#000 -1px -1px 1px
}

.MakerSummary333 {
    position:absolute;
    top:1em;
    left:1em;
    text-align:left;
    padding:10px;
    font-weight:700;
    color:#333;
    line-height:2em;
    font-family:"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
    text-shadow:#fff 1px 1px 1px,#fff -1px 1px 1px,#fff 1px -1px 1px,#fff -1px -1px 1px
}
.MakerSum333b {
    position:absolute;
    bottom:1em;
    left:1em;
    text-align:left;
    padding:10px;
    font-weight:700;
    color:#333;
    line-height:2em;
    font-family:"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
    text-shadow:#fff 1px 1px 1px,#fff -1px 1px 1px,#fff 1px -1px 1px,#fff -1px -1px 1px
}
.MakerSumNSFFF {
    position:absolute;
    top:1em;
    left:1em;
    text-align:left;
    padding:10px;
    font-weight:700;
    color:#fff;
    line-height:2em;
    font-family:"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif
}

.MakerSumNS333 {
    position:absolute;
    top:1em;
    left:1em;
    text-align:left;
    padding:10px;
    font-weight:700;
    color:#333;
    line-height:2em;
    font-family:"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif
}