.w60per{
width:60%;
height:60%;
}



/*　箱　*/
.box-yellow{
background-color:#FFFFCC;
padding:10px;
border:3px dotted #ffe897;
}f



/*　　右寄せor左寄せ×小さい文字　　　*/
.right {
text-align: right;
font-size:small;
}
.left {
text-align: left;
font-size:small;
}


/*　YouTube　W480×H360　*/
#youtube{
width:480px;
height:480px;
padding:0px;
}


/* 500×500　*/
#img500{
width:500px;
height:500px;
}

.img500{
width:500px;
height:500px;
}


/*　スマホケース手帳型用　W500×H376　*/
#sumaho,#sumaho2{
width:500px;
height:376px;
}

/*　画像サイズ①　W650×H135　*/
.img1{
width:650px;
height:135px;
}

/*　画像サイズ②　W300×H300とかいろいろ　*/
#img2{
width:300px;
height;300px;
}

.img2{
width:300px;
height;300px;
}

#img500-300{
width:500px;
height:300px;
}

#img200{
width:200px;
height:200px;
}





/*　画像サイズ③　W380×H330　*/
#img3{
width:380px;
height;330px;
}

/*　簡易説明文　（文字色：赤・太字）　*/
.kani{
color:#e70013;
font-weight: bold;
}


/*　発送日文言　（文字色：青・太字）　*/
.send{
color:#0000ff;
font-weight: bold;
text-align:center;
}


/*　センターよせ　*/
.center{
text-align:center;
}




/*　文字色：赤　*/
.red{
color:red;
}

/*　文字色：青　*/
.blue{
color:blue;
}

/*　文字色：ピンク　*/
.pink{
color:#fc758b;
}


/*　小さいグレーの文字　*/
.gray-small{
color:gray;
font-weight: normal;
font-size:small;
}


/* 大きい字 */
.large{font-size:large;}


/* もっと大きい字 */
.larger{font-size:larger;}


/* フロート  */
.f-left{
float-left;
}

.f-right{
float:right;
}

/* Youtubeレスポンシブ */
.youtube__aspect-ratio {
    width: 100%;
    aspect-ratio: 16 / 9;
}
.youtube__aspect-ratio iframe {
    width: 100%;
    height: 100%;
}













@charset "UTF-8";
/**
 * html5doctor.com Reset Stylesheet v1.6.1 (http://html5doctor.com/html-5-reset-stylesheet/)
 * Richard Clark (http://richclarkdesign.com)
 * http://cssreset.com
 *//*/*
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:middle;
    background:transparent;
}
body {
    line-height:1;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}
nav ul {
    list-style:none;
}
blockquote, q {
    quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}
a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}
/* change colours to suit your needs */
mark {
    background-color:#e0ef7d;
    color:#000;
    font-style:italic;
    font-weight:bold;
}
del {
    text-decoration: line-through;
}
abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}
input, select {
    vertical-align:middle;
}
/* Preload images */
body:after {
  content: url(http://choochoo.jp/img/close.png) url(http://choochoo.jp/img/loading.gif) url(http://choochoo.jp/img/prev.png) url(http://choochoo.jp/img/next.png);
  display: none;
}

body.lb-disable-scrolling {
  overflow: hidden;
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  border-radius: 3px;
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  background-color: white;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  border-radius: 4px;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-container {
  padding: 4px;
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(http://choochoo.jp/img/loading.gif) no-repeat;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
  background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(http://choochoo.jp/img/prev.png) left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(http://choochoo.jp/img/next.png) right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-size: 1em;
  font-weight: bold;
  line-height: 1.2em;
  padding-top:.5em;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 1em;
  height: 1em;
  background: url(http://choochoo.jp/img/close.png) top right no-repeat;
  background-size:1em;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/* レイアウト
**********************************************************************/

    .sp_login { display: none; }
#sysAll{
    margin: 0 auto;

    /*background: #ffdddd url('http://choochoo.jp/img/common/body_bg.jpg');*/
background: url('http://choochoo.jp/img/common/lase_r.png') repeat-y top right,url('http://choochoo.jp/img/common/lase_l.png') repeat-y top left;
  padding:0 !important;
  margin:0 auto !important;
  background-color:none !important;
}

#sysHeader{
  width:100% !important;
  padding:0 !important;
  margin:0 !important;
  clear:both;
  margin-bottom:0 !important;
}
#sysMain {
    float: right;
    width: 720px !important;
    margin:0 15px 0 0 !important;
    background: #fff;
    padding:0 !important;
    margin-bottom: 50px !important;
}
#sysAside {
    float: left !important;
    width: 215px !important;;
    background: #fff;
    padding:0 0 0 15px !important;
    margin:0 !important;
    margin-bottom: 50px !important;
}
#sysFooter{
  width:970px;!important;
  padding:0 !important;
  margin:0 auto !important;
  clear:both;
  margin-bottom:0 !important;
}

@media screen and (min-width: 769px) {
    #sysAll {
        min-width: 1024px;
    }
}
@media screen and (max-width: 768px) {
    #sysAll {
        min-width: 100%;
    }
}
@media screen and (max-width:641px){
   #sysAll{
        min-width: 100%;
  }
    div#sysMain {
        float: right;
        width: 100% !important;
        background: #fff;
        padding:0 !important;
        margin:0 !important;
        margin-bottom: 50px !important;
    }
    div#sysAside{
    float: left;
    width: 215px !important;;
    background: #fff;
    border-left: none;
    padding:0 0 0 15px !important;
    margin:0 !important;
    margin-bottom: 50px !important;
    }
    div#sysFooter{
      clear:both;
    }

  }

@media screen and (max-width:640px){
    .sysDisplayMobileNone{
        display:none;
    }
}
@media screen and (max-width:640px){
    div.sysMemberAgreement{
        overflow: auto;
        -webkit-overflow-scrolling:touch;
    }
}
@media screen and (min-width:641px) and (max-width:768px){
    .sysDisplayTabletNone{
        display:none;
    }
}
@media screen and (min-width:769px){
    .sysDisplayPcNone{
        display: none;
    }
	.sysFuncRss.blog.mainCnt.sysDisplayMobileNone.sysDisplayTabletNone.sysDisplayPcNone.sysDisplayKeitaiNone.sysLazyload,
	.sysFuncText.blog_more.sysDisplayKeitaiNone {
		display: none;
	}
}

.sysContent {
    padding: 0 !important;
}
/* --------------------------------
 * base
 * -------------------------------- */
*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
html {
    font-size: 62.5%;
}
body {
　color: #fff;
    font-size: 1.4rem;
    font-size: 14px;
    line-height: 1.2;
    font-family: Meiryo,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;
    /*font-family: "Hiragino Kaku Gothic ProN",  Meiryo,  sans-serif;*/
    -webkit-font-smoothing:antialiased;
}
a {
    text-decoration: none;
    color: #df3f79;
    cursor: pointer;
    line-height: 1.5;/*
    border-bottom: 1px solid #231815;*/
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
a:hover {
    color: #eb75a0;
    border-color: #df3f79;
}
a:active, a:focus {
    color: #eb75a0;
    outline: 0;
}
a:hover img{
    filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
    /*-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;*/
}
a span:hover {
    filter:alpha(opacity=60);
    -moz-opacity: 0.60;
    opacity: 0.60;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
.cf:after {
    display: block;
    clear: both;
    content: "";
}
.left {
    float: left;
}
.right {
    float: right;
}
li {
    list-style: none;
}

@media screen and (min-width: 769px) {
    body {
        min-width: 970px;
    }
}
@media screen and (max-width: 768px) {
    body {
        min-width: 100%;
    }
}
/* --------------------------------
 * layout
 * -------------------------------- */
.head-tool {
    background: #ff5576;
    width: 970px;
    height: 40px;
    color: #fff;
    font-weight: bold;
    margin: 0 auto;
}

.head-tool .inner {
    line-height: 40px;
    padding: 0 0 0 15px;
}
.head-tool p {
    font-size: 1.1rem;
    font-size: 11px;
    line-height: 1.2;
    display: inline-block;
    vertical-align: middle;
}
.head-tool li {
    display: inline-block;
}
.head-tool li a {
    font-size: 1.2rem;
    font-size: 12px;/*
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;*/
    line-height: 40px;
    color: #fff;
    display: block;
    padding: 0 20px;
}
.head-tool li a i {
    font-size: 1.6rem;
    font-size: 16px;
    line-height: 1.2;
    margin-right: 8px;
    display: inline-block;
    vertical-align: middle;
}
.head-tool li a:hover {
    background: #e03d63;
}
.header {
    margin: 0 auto;
}
nav {
    color: #002f58;
    text-align: center;
}
.main {
    margin-bottom: 15px;
    /*background: url('http://choochoo.jp/img/common/header_top.png') bottom repeat-x, #f8f6ef;*/
}

#sysHeader, footer {
    color: #fff;
    text-align: left;
}
#sysWrap {
    width: 970px;
    margin: 0 auto;

    padding-top: 15px;
    background: #fff;
}
#sysWrap:after {
    display: block;
    clear: both;
    content: "";
}
.content {
    width: 100%;
    margin: 0 auto;
}
.content .inner {
    background: #fff;
    border-left: 1px solid #EBE4DA;
    border-right: 1px solid #EBE4DA;
    padding: 0 26px;
}
.inner {
    width: 970px;
    margin: 0 auto;
}
.inner_nav {
    width: 100%;
    height: 90px;
    margin: 0 auto;
}
.container {
    width: 1280px;
    margin: 0 auto;
}
.wrap {
    width: 100%;
}
@media screen and (max-width: 768px) {
.head-tool {
    background: #ff5576;
    width: 100%;
}
    .inner {
        width: 100%;
    }
#sysWrap {
    width: 100%;
padding: 0 10px;
    border-left: 0;
    border-right: 0;
}
}
@media screen and (max-width: 1150px) {
    .container {
        width: 100%; margin: 0 auto;
    }
}
@media screen and (max-width: 960px) {
    .wrap {
        width: 100%;
    }
}
@media screen and (max-width: 768px) {
    .main {
        padding-top: 0;
    margin-bottom: 0;
    }
    header {/*
        height: 70px;*/
    }
}
/* --------------------------------
 * header
 * -------------------------------- */

.header {
    height: 126px;
}
.header .inner {
    background: #fff;
}
.header .left, header .right {
}
.header .left h1 {
}
.header .left h1 a {
    margin: 17px 0;
    display: block;
    width: 291px;
    height: 92px;
    background: url('http://choochoo.jp/img/common/header_logo.png') no-repeat;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    border-bottom: none;
    -webkit-transition: all 0.0s ease;
    -moz-transition: all 0.0s ease;
    -o-transition: all 0.0s ease;
    transition: all  0.0s ease;
}
.header .right p {
    float: left;
}
.header .right p.header_comment {
    margin: 14px 0 0 0;
}
.header .right p.header_shipping img {
    margin: 15px;
}
.logo {
    margin-left: 15px;
}
.header-link {
    margin: 10px 0 0 0;
    padding-bottom: 10px;
    font-size: 1.1em;
    font-size: 11px;
    line-height: 1.2;
}
.header-link ul {
    text-align: right;
}
.header-link ul li {
    float: right;
    padding: 0 10px;
    background: url('http://choochoo.jp/img/common/header_arrow.png') left center no-repeat;
}
.header-link ul li a {
    line-height: 1.2;
    border-bottom: none;
}
.header-link ul li img {
    padding: 0 4px 1px 0;
}
.header-btn p {
    float: left;
}
.header-btn a {
    display: inline-block;
    border-bottom: none;
}
.header-btn img {
    text-align: right;
    padding-left: 10px;
}
/* menu */
#menu_box {
    width: 100%;
    z-index: 200;
    background: #fdecd7;
    padding-top: 10px;
    display: none;
    position: absolute;
    font-weight: bold;
    top: 126px;
}
#menu_box .hnav_head small {
    font-size: 1.8vw;
    line-height: 1.2;
    color: #afafaf;
    margin-left: 8px;
    font-weight: normal;
    font-family: 'Pinyon Script', cursive;
}
#menu_box .hnav_head {
    width: 100%;
    margin: 0 auto;
    padding: 15px;
}
#menu_box .hnav_head li {
    float: left;
    width: 100%;
    padding-bottom: 5vw;
    font-size: 3vw;
    text-align: left;
}
#menu_box .hnav_head li:last-child {
    padding-bottom: 0;
}
#menu_box .hnav_head li a {
    display: block;
    color: #633919;
    padding-bottom: 5vw;
    line-height: 1.2;
    border-bottom: 1px dotted #f9ddc7;
}
#menu_box .hnav_head li a:last-child {
    border-bottom: 0;
}
#menu_box .hnav_head li img {
    margin-left: 8px;
}
#menu_box .hnav_head .shopping-box {
    display: none;
    width: 100%;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding-bottom: 0;
    margin-bottom: 5vw;
}
#menu_box .hnav_head .shopping-box p {
    font-size: 3vw;
    padding: 3vw 0;
    background: url('http://choochoo.jp/img/nav/menu_arrow.png') right 15px top 50% no-repeat;
    background-size: 10px 17px;
    width: 50%;
    float: left;
    text-align: center;
}
#menu_box .hnav_head .shopping-box p a {
    border-bottom: none;
    padding-bottom: 0;
    line-height: 2;
}
#menu_box .hnav_head .shopping-box p:first-child {
    border-right: 1px solid #ccc;
}
div#menu_icon { display: none; }
@media screen and (max-width: 960px){
    #menu_box .hnav_head {
        /*padding-top: zvw;*/
    }
}
    .pc_none {
        display: none;
    }
@media screen and (max-width: 768px){

    .pc_none {
        display: block;
    }
    .sp_none {
        display: none;
    }
.logo {
    margin-left: 10px;
}
    .head-tool li a {
        font-size: 1.2rem;
        font-size: 12px;/*
        line-height: 44px;*/
        padding: 0 20px;
    }
    .head-tool li a i {
        font-size: 1.4rem;
        font-size: 14px;
    }
    .head-tool p {
        float: none;
        display: none;
    }
    .head-tool .right {
        float: none !important;
        text-align: center;
    }
    .header .left {
    }

    .header .right {
        display: none;
    }
    .header .inner {
        position: relative;
    }
    div#menu_icon {
        display: block;
        position: absolute;
        top: 26px;
        right: 16px;
        padding: 15px 10px 15px 15px;
    }
    div#menu_icon img { width: 32px; }
    /*header .left h1 a {
        background: url(http://choochoo.jp/img/common/logo_sp.png) no-repeat;
        background-size: 100%;
        width: 221px;
        height: 47px;
    }
    .logo {
        width: 221px;
        margin-top: 12px;
        padding-bottom: 0;
    }*/
    .header { height: 126px; }
    .header-link, .point-banner, .sitedesp { display: none; }
    .header-btn {
        margin: 10px 74px 10px 0;
    }
    .header-btn img {
        max-height: 50px;
    }
}
@media screen and (max-width: 640px){
    .header  {
        position: relative;
    }
}
@media screen and (max-width: 970px){
    .header-btn {
        display: none;
    }
    #menu_box .hnav_head .shopping-box {
        display: block;
    }
}
/* --------------------------------
 * nav
 * -------------------------------- */
.nav { margin: 0 auto; text-align: center; }
.gnav {
    background: #fdecd7;
    padding: 20px 0;
}
.gnav li {
    width: 20%;
    float: left;
    border-right: 1px solid #f9ddc7;
    font-size: 1.3rem;
    font-size: 13px;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    overflow: hidden;
}
.gnav li:last-child {
    border-right: 0;
}
.gnav li a {
    padding-top: 14px;
    display: block;
    color: #633919;
    height: 56px;
font-weight:bold !important;
    border-bottom: none;
}
.gnav li a:hover {
    color: #b19986;
}
.gnav li a small {
    display: block;
    font-weight: normal;
    color: #afafaf;
    font-family: 'Pinyon Script', cursive;
}
.gnav li a img {
    padding-left: 4px;
}
/* dropdown */
nav {
}
.gnav li {
    /*display: inline-block;*/
    vertical-align: middle;
    line-height: 120px;
}
ul.child li a:hover {
    filter:alpha(opacity=60);
    -moz-opacity: 0.60;
    opacity: 0.60;
}
@media screen and (max-width: 960px) {
    /*.gnav { width: 100%; }
    .gnav li {
        margin: 0 2%;
        font-size:1.2rem;
        font-size:12px;
    }*/
}
@media screen and (max-width: 768px) {
    .nav { display: none; }
}
/*bread*/
.bread {
    padding: 10px;
    background: #ececec;
    text-align: left;
}
.bread_wrap {
    margin: 0 auto;
    width: 960px;
}
#breadcrumb {
    font-size: 1.2rem;
    font-size: 12px;
    margin-left: 10px;
}
#breadcrumb ul li {
    display:inline-block;
    margin-bottom: 3px;
}
#breadcrumb a {
    border-bottom: none;
    color: #587e95;
}
@media screen and (max-width: 960px) {
    .bread_wrap {
        width: 100%;
    }
}

/* --------------------------------
 * main
 * -------------------------------- */
/*top*/
.mv_container {
    margin: 0 auto;
    width:970px;
}
.mv_container .inner {
    position:relative;
    background: #fff;
    height: 0;
    padding-top: 35.77%; /* 任意のサイズに変更 */
}
@media screen and (max-width: 768px){
.mv_container .inner {
    padding-top: 66.77%; /* 任意のサイズに変更20230707 */
}
}
.mv_container .inner span{
    position:absolute;
    top:0px;
    left:0px;
    z-index:100;
    width: 970px;
    height: 6px;
    background: url('http://choochoo.jp/img/common/nav_bg.png') repeat-x top !important;
}
.mv_container .inner img {
    position:absolute;
    top:0px;
    left:0px;
    z-index:10;
}
.sysFuncText.main_visual {
text-align:center;
}
.main_content {
    float: right;
    width: 650px;
    background: #fff;
    margin-bottom: 50px;
}
.side_content {
    float: left;
    width: 250px;
    background: #fff;
    margin-bottom: 50px;
}
.mb-birth img {
    margin-right: 7px;
}
.mb-birth img:last-child {
    margin-right: 0;
}
.main-banner {
    padding: 0 0 7px;
    position: relative;
}


.main-banner span {
    position: absolute;
    right: 9px;
    top: 10px;/*
    background: #6d6e2b;
    background: #ef8d2c;*/
    background: #7C3519;
    color: #fff;
    padding: 4px;
    width: 200px;
    text-align: center;
}
.main-banner-half {
    float: left;
    padding-right: 10px;
    padding-bottom: 20px;
    width: 50%;
}
.main-banner-half:nth-child(even) {
    padding-left: 10px;
    padding-right: 0;
}
.sepalate {
    height: 52px;
    background: url('http://choochoo.jp/img/common/sepalate.gif') 50% repeat-x;
}
.item-container {
    margin: 10px auto 0;
    padding: 0 10px 10px;
    border-bottom: 1px solid #e0dfda;
}
.item-container .item {
    float: left;
    margin: 0 auto;
    text-align: center;
    padding-bottom: 15px;
    width: 25%;
    position: relative;
}

.item-container .item span {
    position: absolute;
    right: 9px;
    top: 10px;
    background: #ef8d2c;
    color: #fff;
    padding: 4px;
    width: 40px;
    text-align: center;
}
.item-container .item img {
    width: 92%;
    padding-bottom: 8px;
    border: 20px solid #fff;
}
.item-container .item p {
    line-height: 1.4;
}
.item-container p.catch img {
    max-width: 123px;
}
.item-container .item p.item-title {
    font-size: 1.2rem;
    font-size: 12px;
}
.p-ranking{
margin-bottom:20px !important;
}
.p-news {
margin-bottom:30px !important;
}
#sysMain .p-news h2.sysHeadline {
    background: #fff;
    color: #fc758b !important;
    font-size: 1.4rem;
    font-size: 14px;
    line-height: 1.2;
    color: #0098BC;
    font-weight: bold;
    border-top: 2px solid #fc758b;

    border-bottom:0;
    margin-bottom: 15px;
    padding: 15px 10px;
}
#sysMain .p-news h2.sysHeadline span{
padding-left:0;
}
.p-ranking .sysItemName,.p-ranking .sysItemPrice  {
padding-left:8px;
}
@media screen and (max-width: 960px) {
    .main_content {
        width: 76%;
    }
    .side_content {
        width: 24%;
    }
}
@media screen and (max-width: 768px) {
.mv_container {
    width:100%;
}
    .mv_container .inner span{
        display: none;
    }
    .main_content img, .side_content img {
        width: 100%;
    }
    .main_content {
        border-right: none;
        margin-bottom: 0;
    }











    .main-banner .main-banner {
    }
.p-ranking {
padding-top:10px;
}
    .main-banner span {
        position: absolute;
        left: 0;
        top: 0;
        color: #fff;
        padding: 8px;
        font-size: 14px;
        line-height: 1;
        width: 100%;
    }
    .main_content, .side_content {
        width: 100%;
    }
    .main_content {
        border-left: none;
    }
}
@media screen and (max-width: 640px) {
    .item-container .item {
        width: 50%;
    }
    .item-container .item img {
        width: 92%;
        padding-bottom: 8px;
        border: 15px solid #fff;
    }
}
/*side*/
.asideCnt {
    border-color: #e0dfda !important;
    border-style: solid;
    border-radius: 0px;
    border-width: 1px !important;
    border-top: 0px !important;
    border-left: 0px !important;
    border-right: 0px !important;
    box-shadow: 0px 0px 0px gray;
    margin-bottom: 0 !important;
}
.search_box {
}
.sysItemSearchForm {
    position: relative;
}
@media screen and (min-width: 769px){
    .search_box input[type=search] {
    margin-top: 2px;
    background: #F1F1F1;
    padding: 10px 50px 10px 8px;
    width: 100%;
    border: 1px solid #CDCDCD;
    height: 44px;
    }
    .search_box input.sysSearchButton {
        position: absolute;
        border: none;
        /* padding: 10px; */
        width: 36px !important;
        /* background: #000; */
        /* color: #fff; */
        text-indent: -999px;
        height: 22px;
        right: 8px;
        top: 14px;
        background: url('http://choochoo.jp/img/common/search.png') 50% 50% no-repeat;
    background-size: 20px;
    }
}
.side-banner-box p {
    margin-bottom: 10px;
}
.side-banner-box p:last-child {
    margin-bottom: 0;
}
.side-banner-box p img {
    width: 100%;
}
.s-category, .s-case {
    padding: 10px 9px;
    border-bottom: 1px solid #e0dfda;
}
.s-category h2 {
    background: url('http://choochoo.jp/img/common/genre.png') left 5px top 10px no-repeat;
    text-indent: -999px;
}
.s-case h2 {
    background: url('http://choochoo.jp/img/common/situation.png') left 5px top 10px no-repeat;
    text-indent: -999px;
}
.asideCnt .sysHeadline {
    border-bottom: none !important;
    background-color: #fff !important;
    color: #ffffff;
    font-size: large;
    padding: 10px 10px 5px !important;;
}
.s-category ul li, .s-case ul li {
    font-size: 1.2rem;
    font-size: 12px;
    line-height: 1.4;
    margin: 0;
    padding: 3px 5px 3px 10px;
}
.s-category ul li a:hover, .s-case ul li a:hover {
    color: #6c473d;
    border-color: #6c473d;
}
.s-category ul li.sysText a, .s-case ul li.sysText a {
    padding: 0 !important;
}
.s-banner {
    padding: 10px 9px;
}
.s-banner li {
    margin-bottom: 10px;
    border-width: 3px;
    border-style: solid;
    border-color: rgb(235, 230, 225);
}
.s-banner li:last-child {
    margin-bottom: 0;
}
@media screen and (max-width: 768px) {
    .cate_box {
        padding: 0;
    border-color: #fededf;
    }
    .cate_box .catch img {
        max-width: 148px;
    }
    .cate_box ul li {
        line-height: 2;
    }
    .cate_box ul a:last-child {
        border-bottom: none;
    }
    .cate_box ul a {
        display: block;
        border-bottom: 1px solid #e0dfda;
    }
}

.side-banner-box {
    padding: 0 0 10px;
}
.side-banner-box p {
    margin-bottom: 20px;
}.side-banner-box p:last-child {
    margin-bottom: 0;
}
.side-banner-box p.newuser {
    text-align: center;
    margin-bottom: 10px;
}
.side-banner-box p.newuser a{
    display: block;
    background: #0098bc;
    padding: 10px 0;
    margin: 0 auto;
    width: 93%;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}
.side-banner-box p.newuser a img{
    width: 75%;
    margin-left: -20px;
}
.side-banner-box span.sidelogin {
    display: block;
    text-align: center;
    margin-top: 10px;
}
.side-banner-box span.sidelogin a{
text-decoration: underline;
}
.side-banner-box p img {
    width: 100%;
}
.cate_box {
    background: #fededf !important;
    margin-bottom: 0 !important;
    border-bottom: 0px solid #fededf;

    border-width: 0 6px 1px !important;
    border-color: #fededf !important;
    background: #fff !important;
}
.cate_box .sysHeadline {
    border-bottom: 1px solid #fededf;
}
#sysAside .catch {
    background: url('http://choochoo.jp/img/side/title-category.png') right bottom no-repeat,#fededf;
    color: #633919 !important;
    line-height: 1.2;
    color: #633919;
    font-weight: bold;
    padding: 20px 10px;
    border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;

}
.cate_box ul {
    background: #fff;
    padding: 6px 0;
    margin: 0 6px 6px;
}
.cate_box ul li {
    background: url(http://choochoo.jp/img/common/arrow.png) no-repeat left 0 center;
    font-size: 1.2rem;
    font-size: 12px;
    line-height: 1.4;
    margin: 0;
    padding: 5px 10px 5px 20px;
}
.cate_box ul.pricelist li {
    background: url(http://choochoo.jp/img/common/arrow_black.png) no-repeat left 10px center;
}
/*.cate_box ul li span{
    background: url('http://choochoo.jp/img/common/arr_right.gif') left 1px center no-repeat;
    padding-left: 18px;
}*/
/*.cate_box ul a li {
    border-bottom: 1px solid #231815;
}*/
.cate_box ul a li:hover {
    color: #525252;
    border-color: #525252;
}
.sidebanner_box {
    padding-bottom: 10px;
    border-bottom: 1px solid #e0dfda;
}
.sidebanner_box p {
    padding: 10px;
}
.sidebanner_box p img {
    width: 100%;
}
@media screen and (max-width: 768px) {
    .cate_box {
        padding: 0;
    }
    .cate_box .catch img {
        max-width: 148px;
    }
    .cate_box ul li {
        line-height: 2;
    }
    .cate_box ul a:last-child {
        border-bottom: none;
    }
    .cate_box ul a {
        display: block;
        border-bottom: 1px solid #e0dfda;
    }
}
.toggle-box {
    background: #fff;
    margin: 0 6px 6px; }
    .toggle {
        margin: 0 auto;}
    .toggle_title {
        margin-top: 30px;
        padding-bottom: 20px;
        font-weight: bold;
            font-size: 1.6rem;
            font-size: 16px;
            line-height: 1.6;}
        .toggle dl {
            margin: 0 auto;
            border-bottom: 1px solid #F3F3F3; }
        .toggle dl:last-child {
            border-bottom: none; }
        .toggle dl.menu dt.main_q {
            font-size: 1.6rem;
            font-size: 16px;
            line-height: 1.6;
            padding: 2px 0;
            text-align: left;
            text-indent: 6px;
            background: url(http://choochoo.jp/img/common/plus.png) no-repeat right 20px center;
            cursor: pointer; }
        .toggle dl.menu dt.active {
            background: url(http://choochoo.jp/img/common/minus.png) no-repeat right 20px center;
            cursor: pointer;}
        .toggle dl.menu dt.main_q div{
            margin: 10px 0; }
        dd.sub {
            background: #fff;
            display: none;
            padding: 0 10px 10px;
            font-size: 1.6rem;
            font-size: 16px;
            line-height: 1.6;
            color: #000; }
            dd.sub a {
                font-size: 1.6rem;
                font-size: 16px;
                line-height: 1.2; }
/* business */
.business {
    margin: 0 auto;
    padding: 0 10px;
    font-size: 1.3rem;
    font-size: 13px;
    border-bottom: 1px solid #e0dfda;
}
.business .tab {
    background: #ddd;
    margin: 40px auto;
    width: 80%;
    font-size: 1.5rem;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    overflow:hidden;
    border: 1px solid #ddd;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px; }
.business .tab li {
    width: 50%;
    padding: 20px;
    line-height: 1;
    background: #fff;
    vertical-align: middle;
    color: #231815;
    float:left;
cursor: pointer;}
.business .tab li.select { background:#efefef; color: #666;
    font-weight: normal;
cursor: default;}
.business_detail li {
    text-align: left;
    background:#fff; }
.business_detail li div {
    margin-bottom: 40px; }
.business_detail .d_text {
    width: 60%;
    line-height: 1.8; }
.business_detail .d2_title {
    width: 100%;
    margin: 20px 0;
    font-size: 1.6rem;
    font-size: 16px;
    font-weight: bold;
    color: #231815;
    line-height: 1; }
.business_detail .d2_text {
    width: 100%;
    line-height: 1.8; }
.business_detail .d_img {
    width: 40%;
padding: 0 10px;}
.business_detail .d_img img{
    width: 100%;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px; }
.business_detail .d_img .right { margin-left: 40px; }
.business_detail .d_img .left { margin-right: 40px; }
.hide { display:none; }

@media screen and (min-width: 0px) and (max-width: 768px) {
.business {
    border-bottom: none;
}
    .title { width: 90%; }
    .store_box { width: 90%; }
    .company, .recruit, .business, .top_box { width: 90%; }
    ul.store_link { width: 90%; }
    .top_box {
        padding-top: 20px; }
    .top_box .left {
        float: none; }
    .t_title {
        margin-left: 0;
        width: 100%; }
    .t_text {
        margin-left: 0;
        margin-bottom: 10px;
        height: auto;
        width: 100%;
        font-size: 1.4rem;
        font-size: 14px; }
    .t_link {
        width: 100%;
        font-size: 1.2rem;
        font-size: 12px;
        margin-left: 0; }
     .top_box img {
         padding-top: 20px;
         width: 100%; }
    .business_detail .d_text { width: 65% }
    .business_detail .d_img { width: 30% }
    .business_detail .d_img img { width: 100%; }
    .store .s_text .s_title {
        font-weight: bold; }
    .store .s_img, .store .s_text {
        margin: 0 auto;
        float: none; }
    .store .s_img {
        width: 260px;
        padding-bottom: 20px;
        text-align: center; }
    .store .s_text {
        width: 100%;
        text-align: left; }
    .store .s_img img {
        width: 260px;
        height: 195px;
        overflow: hidden; }
}
@media screen and (min-width: 0px) and (max-width: 600px) {
    .title { margin-top: 20px; }
    ul.store_link img {
        display: none; }
    .store { font-size: 14px; }
    .s_slash {
        display: none; }
    .sp_block {
        margin: 6px 0; }
    <!--table, tbody, thead, tfoot, tr, th, td {
        display: block; }-->
    .business_detail {
        margin: 0 auto;
        text-align: center; }
    .business_detail .d_text { width: 100%; }
    .business_detail .d_img { text-align: center; width: 100%; margin-top: 20px;}
    .business_detail .d_img img { width: 50%; text-align: center;}
    .business_detail .right { float: none; margin-left: 0; }
    .business_detail .left { float: none; margin-right: 0; }
    .recruit table th  {
        width: 100%;
        font-weight: bold;
        border: none;
        padding: 10px 0px; }
    .recruit table td  {
        width: 100%;
        padding: 10px 0px; }
    .company table th {
        width: 100%;
        margin-left: 16px;
        text-align: left;
        padding: 10px 0px; }
    .company table td {
        width: 100%;
        margin-left: 26px;
        padding: 10px 0px; }
}

/* --------------------------------
 * shopping_guide
 * -------------------------------- */
.shopping_guide {
    color: #633919;
    margin: 0 auto;
    padding: 40px 0;
}
.shopping_guide .inner {
    background: #fff;
    padding: 40px 0;
}
.shopping_guide div.four_line {
    float: left;
    width: 33%;
    padding: 0 0 0 10px;
}
.shopping_guide div.four_line p.footer_title {
    background: url("http://choochoo.jp/img/common/cat_stamp.png") no-repeat 5px 50%,#fededf;
    width: 100%;
    font-weight: bold;
    text-indent: 2em;
    font-size: 1.6rem;
    font-size: 16px;
    line-height: 2.4;
    margin-bottom: 10px;
}
.shopping_guide div.four_line p {
    font-size: 1.3rem;
    font-size: 13px;
    line-height: 1.6;
}.shopping_guide div.four_line p a {
    font-size: 1.3rem;
    font-size: 13px;
    line-height: 1.6;
}
.shopping_guide div.four_line p.souryou {
    border: 3px solid #e1c78a;
    text-align: center;
    padding: 10px 0px;
    margin: 5px 0;
    font-weight: bold;
    font-size: 1.6rem;
    font-size: 16px;
    line-height: 1.2;
}
.shopping_guide div.four_line .midasi {
    font-weight: bold;
    background: url("http://choochoo.jp/img/common/footer_arrow.png") no-repeat 0 50%;
    width: 100%;
    text-indent: 1.5em;
    margin-bottom: 5px;
}
.shopping_guide div.four_line a.sg_more {
    background-color: #0098bc;
    cursor: pointer;
    color: #fff;
    padding: 5px 14px;
    text-decoration: none;
    margin-left: 6px;
    display: inline;
}

@media screen and (max-width: 768px){
    .shopping_guide div.four_line img {
        width: 100%;
        border: 1px solid #eee;
        margin-bottom: 8px;
    }
.shopping_guide div.four_line {
    float: none;
    width: 100%;
    padding:  0 10px;

    margin-bottom: 20px;
    }
}
/* --------------------------------
 * footer
 * -------------------------------- */
#pageTop {
    display: none;
    position: fixed;
    bottom:50px;
    right: 10px;
    width:48px;
    height:48px;
    z-index: 10;
    cursor: pointer;/*
    background: #6A361F;*/
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px; }
.copyright {
    text-align: center;
    font-size: 1.1rem;
    font-size: 11px;
    line-height: 1.2;
    margin-top: 30px;
}
.ft_large {
    font-size: 1.4rem;
    font-size: 14px;
    margin-bottom: 8px;
}
footer .inner {
    background: #ff5576;
    padding: 40px 0;
}
footer a {
    color: #fff;
    line-height: 1.6;
    border-bottom: none;
}
footer a:hover {
    color: #fff;
}
footer ul {
    text-align: center;
}
footer ul li {
    display: inline-block;
    padding: 0 10px;
    border-right: 1px solid #fff;
}
footer ul li:last-child {
    border-right: 0;
}
@media screen and (max-width: 768px){
    footer { padding: 0; }
    footer .inner {
        background: #ff5576;
        padding: 0 0;
    }
    .footer_l {
        padding: 15px;
        text-align: center;
    }
    footer>ul {
        position: absolute;
        width: 100%;
        top: 0;
        margin: 0;
    }
    footer ul li {
        padding: 0;
        display: block;
        border-right: none;
        border-bottom: 1px dotted #fff;
    }
    footer ul li a {
        padding: 15px;
        display: block;
    }
    .copyright {
        padding: 20px 0 20px;
    }
}
.alert {
    font-size: 1.6rem;
    font-size: 16px;
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
    text-align: left;
    padding: 20px 20px 10px 20px;
    margin: 40px auto 0;
    border: 1px solid transparent;
    border-radius: 4px;
}
/* store */
ul.store_link {
    padding-top: 20px;
    margin: 0 auto; }
ul.store_link li {
    width: 49%;
    padding: 12px 0;
    float: left;
    text-align: center;
    background:-moz-linear-gradient( center top, #654836 34%, #8B6949 71% );
    background:-ms-linear-gradient( top, #654836 34%, #8B6949 71% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#654836', endColorstr='#8B6949');
    background:-webkit-gradient( linear, left top, left bottom, color-stop(15%, #65422c), color-stop(80%, #8e6035) );
    background-color:#654836;
    font-size: 1.2rem;
    font-size: 12px; }
ul.store_link li:first-child {
    margin-right: 1%; }
ul.store_link li:last-child {
    margin-left: 1%; }
ul.store_link li a {
    color: #fff;
    font-size: 1.4rem;
    font-size: 14px;
font-weight: bold; }
ul.store_link li img {
    margin-right: 4px; }
.store_box {
    width: 700px;
    margin: 0 auto;
    text-align: left; }
.store {
    padding-bottom: 20px;}
.store .s_img, .store .s_text {
    float: left; }
.store .s_img {
    width: 200px; }
.store .s_img img {
    width: 200px;
    height: 150px; }
.store .s_text {
    width: 490px;
    background: #fff;
    margin-left: 10px;
    font-size: 1.2rem;
    font-size: 12px; }
.store .s_text .s_title {
    font-size: 1.6rem;
    font-size: 16px; }
.store .s_text .s_detail {
    margin: 10px 0;
    line-height: 1.8; }
.store .s_text .s_comment {
    margin: 10px 0;
    padding: 10px;
    line-height: 1.8;
    border: 3px solid #ddd;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px; }
.store .s_text a { color: #7C3519; text-decoration: underline; }
.store .title {
    margin-top: 20px;
}
.store .title a {
    background: #ef8d2c;
    color: #fff;
    padding: 4px 20px;
    text-align: center;
}

#sysPayment .sysRequired{
color: #ffcaca;
}
#sysPayment input[type=radio] {
margin-right:4px;
}
.sysCart .nav {
text-align:left;
}
#sysBasket .nav {
text-align: center;
}
#sysConfirm .sysProduct .nav {
text-align: center;
}
.sysCart #sysMain {
    float: right;
    width: 720px !important;
    margin: 0 20px 0 0 !important;
    background: #fff;
padding: 10px 9px !important;
    margin-bottom: 50px !important;
}
@media screen and (max-width: 768px){
.sysCart #sysMain {
    float: none;
    width: 100% !important;
}
.sysCart #sysMain .nav {
    display: block;
}
}
.sysCartTitle {
    background-color: #ff5576;
    border-bottom: 3px solid #eae6e1;
font-weight:bold;
    /* margin-bottom: 10px; */
    /* padding-left: 10px; */
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.6;
    margin-top: 10px;
    padding-bottom: 5px;
}
.sysCart #sysMain input[type=submit], .sysCart #sysMain button[type=submit], .sysCart #sysMain button {
    -webkit-appearance: none;
    background: #888;
    color: #fff;
    border: none;
    padding: 6px 8px;
    font-size: 1.2rem;
    font-size: 12px;
    font-weight: bold;
    /* width: 80%; */
    margin: 10px auto 5px;
    /* padding-top: 10px; */
    /* text-align: center; */
    cursor: pointer;
    border-radius: 4px;
    /* float: left; */
    width: 30%;
}
.sysSubTotalArea {
    padding: 17px 0;
    font-size: 18px;
}
.table_list_image {
width: 100%;
}
.table_list_image tr td {
display: inline-block;
width: 100px;
padding-right:10px;
}
.table_list_image tr td a img {
max-width: 100px;
}

.cate_box  h2 {
    display: block;
    font-size: 1.2rem;
    font-size: 12px;
    height: 30px;
    line-height: 24px;
    text-indent: 2em;
    color: #E54B79;
    background: url('http://choochoo.jp/img/common/cat_stamp_off.png') no-repeat;
    background-position: 5px 50%;
    white-space: nowrap;
    overflow: hidden;
    border-bottom: none;
    -webkit-transition: all 0.0s ease;
    -moz-transition: all 0.0s ease;
    -o-transition: all 0.0s ease;
    transition: all  0.0s ease;
}
.cate_box  h2:hover {
    background-position: 3px 48% !important;
    background: url('http://choochoo.jp/img/common/cat_stamp.png') no-repeat,#fdecd7;
}
.cate_10 {
    border-bottom: 6px solid #fededf !important;
    margin-bottom: 10px !important;
}
.motif_cate .active {
border-bottom: 6px solid #f3f3f3 !important;
}
.s-price {
    border-width: 0 6px 6px !important;
}
.sysAccordion:after {
    content: '+';
color: #E54B79;
    position: absolute;
right: 0px;
    top: -10px;
    font-weight: normal;
}
.sysAccordionHide:after {
    content: '-';
    right: 16px;
top: 4px;
}
.mainCnt {
    border-color: #fff;
    border-style: solid;
    border-radius: 0px;
    border-width: 0px;
    box-shadow: 0px 0px 0px gray;
}
.mainCnt .sysHeadline {
    border-bottom: 0;
    background-color: #fff;
    color: #ffffff;
    font-size: large;
    padding: 5px 0;
}

.mainCnt .sysHeadline img{
padding-bottom:26px;
}
.mainCnt h2.sysHeadline {
background: url(http://choochoo.jp/img/common/cat_stamp.png) 10px 50% no-repeat,#fff;
    color: #fc758b !important;
    font-size: 1.4rem;
    font-size: 14px;
    line-height: 1.2;
    color: #0098BC;
    font-weight: bold;
    border-bottom: 2px solid #fc758b;
    margin-bottom: 15px;
    padding: 15px 10px;
}
.form-inquiry #sysMain h2 {
    color: #fc758b !important;
    font-size: 1.4rem;
    font-size: 14px;
    line-height: 1.2;
    color: #0098BC;
    font-weight: bold;
    border-bottom: 2px solid #fc758b;
    margin-bottom: 30px;
    padding: 15px 10px 15px 0;
}
.mainCnt h2.sysHeadline  span, .form-inquiry #sysMain h2 span{
    display: inline-block;
    padding-left: 28px;
}
.mainCnt {
    font-size: 1.4rem;
    font-size: 14px;
    line-height: 1.4;
}
.p-ranking .sysHeadline {
    background: url(http://choochoo.jp/img/common/ranking_title.png) 50% 50% no-repeat, url(http://choochoo.jp/img/common/ranking_title_bg.png) repeat-x;
    height: 66px;
}
.p-news h2 {
margin-bottom:0 !important;
}
.p-news ul {
background: #f9f9f9;
padding: 10px ;
}
.p-news ul li {
    background: url(http://choochoo.jp/img/common/new_re.png) left 50% no-repeat;
    padding-left: 40px;
}
.p-news ul li a {
color:#633919;
}
.p-ranking .sysContent .sysIconRank {
        position: absolute;
    top: 5px;
    left: 5px;
    text-align: left !important;
    margin-bottom: 10px;
    z-index: 10;
text-align:left !important; margin-bottom:10px;}
.p-pickup .sysContent .sysHorizontal li ,.p-newItem .sysContent .sysHorizontal li ,.p-freeitem .sysContent .sysHorizontal li {
float:none;
    display: inline-block;
    vertical-align: top;
    width: 24% !important;
    padding: 0 2% 15px  !important;
    border-radius:4px;
}
.p-ranking .sysContent .sysHorizontal li {
    float: none;
position:relative;
    display: inline-block;
    vertical-align: top;
    width: 30% !important;
    padding: 0 0 15px !important;
margin:0 1%;
    background: #fff;
}
.p-ranking .sysItemBlock {
    padding: 15px 15px 30px 15px;
    background: #fcd9da;
}
.p-ranking .sysContent .sysHorizontal li .sysItemImage {
    padding: 10px;
}
@media screen and (max-width: 768px) {
.p-pickup .sysContent .sysHorizontal li ,.p-newItem .sysContent .sysHorizontal li ,.p-freeitem .sysContent .sysHorizontal li {
float:none;
    width: 48% !important;
}
.main-banner-half {
    float: none;
    display: inline-block;
    padding-bottom: 20px;
    width: 49%;
    vertical-align: top;
}
.main-banner-half:nth-child(odd)  {
    padding-right: 5px;
}.main-banner-half:nth-child(even)  {
    padding-left: 5px;
}
}
@media screen and (max-width: 640px) {
.p-ranking .sysContent .sysHorizontal li {
    float: none;
position:relative;
    display: inline-block;
    vertical-align: top;
    width: 90% !important;
    padding: 0 0 15px !important;
margin:0 0 20px;;
}
.main-banner-half {
    float: none;
    display: inline-block;
    padding-bottom: 10px;
    width: 100%;
    vertical-align: top;
}
.main-banner-half img{
    width: 100%;
}
.main-banner-half:nth-child(odd)  {
    padding-right: 0;
}.main-banner-half:nth-child(even)  {
    padding-left: 0;
}
}
.sysItemName,.sysItemPrice {
text-align:left;
padding:0 2px;
}
/*.p-pickup .sysItemName, .p-newItem .sysItemName {
text-align:left;
}*/
.cate_sample li, .special_banner li {
    float: left;
    padding-right: 10px;
    padding-bottom: 20px;
    width: 50%;
}
.cate_sample li:nth-child(even), .special_banner li:nth-child(even) {
    padding-left: 10px;
    padding-right: 0;
}
.cate_sample:after, .special_banner:after {
    display: block;
    clear: both;
    content: "";
}
.birth_banner li:first-child {
    padding-bottom: 20px;
}
/*下層*/
.sysItemCategoryPankuzu, .sysCategoryPankuzu {
color:#ccc;
    font-size: 1.2rem;
    font-size: 12px;
    line-height: 1.2;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #f9f9f9;
}
.sysItemCategoryPankuzu a, .sysCategoryPankuzu  a{
margin: 0;
color: #939393;
}

/*
#sysItemCategory .sysItemCategoryPankuzu, .sysCategoryPankuzu {
padding-top:10px;
}
*/

#sysMain .sysItemName h1 {
color:#fc758b;
    /* margin-bottom: 10px; */
    /* padding-left: 10px; */
    font-size: 20px;
    font-size: 2.0rem;
line-height:1.4;
    margin: 10px 0 10px;
}
.sysMainImage.sysMainImageModal img {
    padding-bottom: 20px;
    width: 100%;
}
.sysDescription {
background:#f7f7f7;
    padding: 15px;
    float: left;
    font-size: 1.8rem;
    font-size: 18px;
    line-height: 2;
    width: 100%;
    /* clear: both; */
}
.sysDescription:after {
    display: block;
    clear: both;
    content: "";
}
.order_right {
    float: left;
width:50%;
}
#sysItemDetail {
color:#633919;
}
#sysItemDetail .sysShare {
    margin-top: 20px;
    padding: 10px 10px;
    background: #f1f1f1;
    /* float: right; */
    width: 90%;
    text-align: center;
}
button.sysButton{
    width: 80%;
    background: #05b3d0;
    border-radius: 4px;
    padding: 10px 8px;
    color: #ffffff;
    font-weight: bold;
    box-shadow: 0 0 0 3px #fff, 0 0 0 4px #05b3d0;
    margin-top: 10px;
}

#sysSubmit input.sysCartButton {
    -webkit-appearance: none;
    background: #339933;
    color: #fff;
    border: none;
    padding: 20px 8px;
    font-size: 1.8rem;
    font-size: 18px;
    font-weight: bold;
    width: 80%;
margin-top:10px;
    /* margin: 15px auto; */
    /* padding-top: 10px; */
    /* text-align: center; */
    cursor: pointer;
border-radius:4px;
    /* float: right; */
    /* width: 30%; */
}
#sysSubmit input.sysCartButton[disabled] {
    background: #ececec;
    color: #fff;
    cursor: default;
}
.sysItemImages {
    padding: 10px 0;
}
button.sysBtnPlus, button.sysBtnMinus {
    -webkit-appearance: none;
    background: #888;
    color: #fff;
    border: none;
    padding: 6px 8px;
    font-size: 1.2rem;
    font-size: 12px;
    font-weight: bold;
    /* width: 80%; */
    margin: 10px auto 5px;
    /* padding-top: 10px; */
    /* text-align: center; */
    cursor: pointer;
    border-radius: 4px;
    /* float: left; */
    width: 39%;
}
#sysItemDetail .sysRetailPrice {
    /* font-size: large; */
    font-size: 1.4rem;
    font-size: 14px;
    padding: 6px 9px 7px 0;
    color:#222;
    /* 10/28指示により変更前 color: #ec4d33; */
    /* clear: both; */
}
span.sysRetailPriceValue {
    font-size: 2.2rem;
    font-size: 22px;
    font-weight: bold;
color:#4a494b;
}
#sysExplanation {
margin:26px 0;
line-height:1.6;
}
.sysExplanation {
line-height:2.4;
    margin-bottom: 20px;
}
.sysExplanation span{
    display: inline-block;
    width: 100%;
font-weight:bold;
    font-size: 1.8rem;
    font-size: 18px;
    color: #ed739a;
    line-height: 45px;
margin-bottom:10px;
    background: url(http://choochoo.jp/img/common/detail_lead_bg2.png) no-repeat right bottom,url(http://choochoo.jp/img/common/detail_lead_bg1.png) repeat-x left 36px;
}
.orderArea .sysThumbnailImage {
    float: left;
    width: 48%;
    margin-right: 2%;
    /* vertical-align: top; */
}
div#right_block_order {
    float: right;
    width: 48%;
}
.orderArea {
   padding-bottom:26px;
}
.orderArea:after {
    display: block;
    clear: both;
    content: "";
}

.sysItemList ul.sysThumbnail li {
    float: none !important;
    display: inline-block;
    float: none;
    width: 24% !important;
    vertical-align: top;
    padding: 0 0 15px 0 !important;
}
.sysItemList ul.sysThumbnail li a img {
    width: 100%;
    padding-bottom: 8px;
    border-top: 10px solid #fff;
    border-right: 10px solid #fff;
    border-bottom: 0;
    border-left: 10px solid #fff;
}
#sysItemCategory .sysItemName a {line-height:1.4;color: #524c4f;font-weight: bold;}
.sysItemCategoryCtl {
    font-size: 12px;
}
.sysItemCategoryCtl a {
    display: inline-block;
    padding: 2px 4px;
    background: none;
    border: 1px solid #999999;
    border-radius: 3px;
    text-decoration: none;
    margin: 2px 0;
}
.sysThumbnail form .sysCartButton {
       -webkit-appearance: none;
    background: #ea6c8b;
    color: #fff;
    border: none;
    padding: 20px 8px;
    font-size: 1.8rem;
    font-size: 18px;
    font-weight: bold;
    width: 100%;
    margin-top: 10px;
    /* margin: 15px auto; */
    /* padding-top: 10px; */
    /* text-align: center; */
    cursor: pointer;
    border-radius: 4px;
    /* float: right; */
    /* width: 30%; */
}
.sysBlock.order_right div, div#right_block_order div {
    margin-bottom: 0;
}
@media screen and (max-width: 768px) {

.sysExplanation {
    margin-bottom: 0;
}
.sysItemList ul.sysThumbnail li {
    width: 48% !important;
}
.sysDescription {
    width: 100%;
    float: none;
}
.order_right {
margin-top:10px;
    float: none;
    width: 100%;
}

#sysSubmit input.sysCartButton, #sysItemDetail .sysShare, .orderArea .sysThumbnailImage, div#right_block_order{
float:none;
    width: 100%;
}

.orderArea .sysThumbnailImage img {
width: 100%;
}
#sysExplanation {
    margin: 0 0 26px;
}
}
.shop_header {
    margin-bottom: 26px;
}
.shop_header p, .shoplist_main_content p {
    font-size: 1.2rem;
    font-size: 12px;
line-height: 1.6;
}
.shoplist_main_content p {
    margin-bottom: 10px;
}
.form-inquiry .sysForm {
    float: none;
    width: 100%;
}
.form-inquiry #sysMain {
padding: 10px 9px !important;
}

.form-inquiry #sysMain  input,
.form-inquiry #sysMain  textarea {
    border: 1px solid #b0b0b0;
    width: 100%;
    margin: 0 auto;
    padding: 10px 5px;
    font-size: 1.6rem;
    font-size: 16px;
    line-height: 1.4em;
}
.form-inquiry #sysMain input[type=submit] {
    border: 1px solid #b0b0b0;
    color: #fff;
    background: #EE8D00;
    width: 100%;
    margin: 0 auto;
    padding: 10px 5px;
    font-size: 1.6rem;
    font-size: 16px;
    line-height: 1.4em;

  border-radius: 4px;
}
.form-inquiry h2 {
padding: 10px 0 20px;
}
.form-inquiry .sysFormField {
    padding: 10px 0 20px;
}

#sysMypageLogin div#sysMain, #sysMemberRegisterIndex div#sysMain {
    padding: 10px 9px !important;
}
#sysMemberRegisterIndex .sysForm {
width:100%;
    float: none;
}
#sysMypageLogin h2, #sysMypageLogin h3,#sysMemberRegisterIndex #sysMain h2{    padding: 10px 0 20px !important;
}
#sysMypageLogin .sysLoginForm .sysFormItem input , #sysMemberRegisterIndex .sysForm .sysFormItem input {
    padding: 10px;
    margin: 10px 0 20px;
    /* width: 80%; */
}
#sysMypageLogin .sysLoginForm .sysFormItem input {
 width: 100% !important;
}
#sysMemberRegisterIndex .sysAddress2 .sysFormField input {
 width: 80%;
}
#sysMemberRegisterIndex .sysMailaddress .sysFormField input {
 width: 50%;
}
/*#sysMypageLogin .sysLoginForm form input[type=submit].sysLoginButton, #sysMemberRegisterIndex #sysMain #form_main input[type=submit] {
    border: none;
    color: #fff;
    background: #EE8D00;
    width: 100%;
    margin: 0 auto 20px;
    padding: 10px 5px;
    font-size: 1.6rem;
    font-size: 16px;
    line-height: 1.4em;
    cursor: pointer;
    border-radius: 4px;
    font-weight: bold;
    -webkit-appearance: none;
}*/
#sysMypageLogin .sysLoginForm form input[type=submit].sysLoginButton,
#sysMemberRegisterIndex #sysMain #form_main input[type=submit] {
    width: 100%;
    margin: 0 auto 20px;
    padding: 10px 5px;
    font-size: 1.6rem;
    font-size: 16px;
    cursor: pointer;    font-weight: bold;
    border: 1px solid #f56778;
    background-color: #f56778;
    background-image: -webkit-linear-gradient(top, #ff7c9e, #f56778);
    background-image: linear-gradient(to bottom, #ff7c9e, #f56778);
    border-radius: 4px;
    color: #fff;
    line-height: 50px;
    -webkit-transition: none;
    transition: none;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}
#sysMypageLogin .sysLoginForm form input[type=submit].sysLoginButton:hover,
#sysMemberRegisterIndex #sysMain #form_main input[type=submit]:hover {
    border:1px solid #ff7686;
    background-color: #ff7686;
    background-image: -webkit-linear-gradient(top, #ff9db7, #ff7686);
    background-image: linear-gradient(to bottom, #ff9db7, #ff7686);
}
#sysMypageLogin .sysLoginForm form input[type=submit].sysLoginButton:active,
#sysMemberRegisterIndex #sysMain #form_main input[type=submit]:active {
    background: #f56778;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .2);
    color: #d24757;
    text-shadow: 0 1px 1px rgba(255, 255, 255, .5);
}
#sysMemberRegisterIndex .sysForm .sysFormItem button.sysButton {
margin: 0 0 20px !important;
}
#sysMemberRegisterIndex .sysForm .sysFormItem .sysFormField select {
    margin: 10px 0 20px !important;
}
#sysPurchaseAuthMember .sysForm, #sysBillingAddress .sysForm {
float: none;
width: 100%;
padding: 10px 9px !important;
margin-bottom: 20px;
}
.sysBlock:after{
  content: "";
  display: table;
  clear: both;
}
.sysMainImage.sysMainImageModal {
    width: 100%;
}
@media screen and (max-width: 768px) {
.sysMainImage.sysMainImageModal {
    float: none;
    width: 100%;
}
ul.sysImageList {
    float: none;
    width: 100%;
}
}
/*** Slideshow ***/
.swiper-pagination-bullet-active {
   /* background: #0098BC !important;*/
    opacity: 0.9 !important;
}
.swiper-pagination-bullet {
    background: #eee !important;
    opacity: 0.6;
}
.swiper-slide {
background-color: #f4f4f4;
}
.swiper-container, .swiper-wrapper {  width: 926px; position: relative;}
.swiper-wrapper {padding: 0 0 0;
    margin: 0 auto;}
.swiper-wrapper {height: 426px; width: 926px;}
.post {
    font-size: 1.2rem;
    font-size: 12px;
    line-height: 1.6;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.post img {display: block; float: left; width: 695px; position: relative; top: -20px; left: -30px;}
.post {padding: 20px 30px 0;}
.post p {padding-bottom: 14px;}
.post-category {font-size: 11px; color: #d9d9d9; text-transform: uppercase; margin-bottom: 5px;}
.post a {color: #000;}
.post .post-category a {text-decoration: none;}
.post .post-category a:hover {text-decoration: underline;}
.post h2 {margin-bottom: 5px;}
.post h2, .post h2 a {color: #000; font-size: 16px; font-weight: normal;text-decoration: underline;}
.post h2 a:hover {text-decoration: underline;}
.post .post-meta {font-size: 11px; font-style: italic; color: #656363; margin-bottom: 20px;}
.post .post-meta span, .post .post-meta a {color: #000; text-decoration: none; font-family: Helvetica, Arial, sans-serif; font-style: normal;}
.post .post-meta a:hover {text-decoration: underline;}
.post .post-author {text-transform: uppercase;}
.post-content {margin-bottom: 15px; }
.mvisual_detail {
    text-align: left;
color: #000;
}
#larr, #rarr {display: block; width: 26px; height: 60px; position: absolute; top: 186px !important; opacity: 0.2; z-index: 99 !important;}
#larr {background: #000 url("http://choochoo.jp/img/arrow_prv.png") 0 50% no-repeat; left: 0 !important;}
#rarr {background: #000 url("http://choochoo.jp/img/arrow_nxt.png") 0 50% no-repeat; right: 0 !important;}
#larr:hover, #rarr:hover {opacity: 1;}
.post h2.mainv_title a {
    font-size: 1.8rem;
    font-size: 18px;
    line-height: 1.8;
}
@media screen and (max-width: 768px) {
    .swiper-container, .swiper-wrapper {width: 100%;    background-color: #f4f4f4;}
    #slideshow, .slideshow { height: 90vw; width: 100%; }
    .swiper-pagination-bullet-active {
   /* background: #0098BC !important;*/

    opacity: 0.9 !important;
}
    .mvisual_detail {
        padding: 10px 10px 40px;
    }
.swiper-pagination-bullet {
    background: #0098BC !important;
    opacity: 0.4;
}
.swiper-wrapper {background-color: #f4f4f4; height: auto; width: 100%;}
    .post img {
        width: 100%;
    display: block;
    float: none;
    position: relative;
    top: 0;
        left: 0;
    }
    .post {
     padding: 0;
}
.slick-slide div {
    position: relative;
    width: 100%;
    height: auto;
    padding: 10px;
    background: #F4F4F4;
    font-size: 1.2rem;
    font-size: 12px;
    line-height: 1.4;
}
    .post p.sphide {
        display: none;
    }
    .slick-slide p {
        padding-bottom: 4px;
    }
}
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8; }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover,
  .mfp-close:focus {
    opacity: 1; }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover,
  .mfp-arrow:focus {
    opacity: 1; }
  .mfp-arrow:before,
  .mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  .mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  .mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }



      /**
       * Simple fade transition,
       */
      .mfp-fade.mfp-bg {
        opacity: 0;
        -webkit-transition: all 0.15s ease-out;
        -moz-transition: all 0.15s ease-out;
        transition: all 0.15s ease-out;
      }
      .mfp-fade.mfp-bg.mfp-ready {
        opacity: 0.5;
      }
      .mfp-fade.mfp-bg.mfp-removing {
        opacity: 0;
      }

      .mfp-fade.mfp-wrap .mfp-content {
        opacity: 0;
        -webkit-transition: all 0.15s ease-out;
        -moz-transition: all 0.15s ease-out;
        transition: all 0.15s ease-out;
      }
      .mfp-fade.mfp-wrap.mfp-ready .mfp-content {
        opacity: 1;
      }
      .mfp-fade.mfp-wrap.mfp-removing .mfp-content {
        opacity: 0;
      }
/*以下追加分*/
.setsumeibun table{
    width:450px;
    border:solid 1px #cccccc;
    align:center;
    background-color:#999999;

}
.setsumeibun td{
    width:90px;
    height:20px;
    background-color:#FFFFFF;
    color:#999999;
}
#feed {
    padding: 10px 0 0;
    clear: both;
}
#feed li {
    vertical-align: top;
    display:inline-block;
    padding-right: 10px;
    padding-bottom: 20px;
    width: 50%;
}
#feed li:nth-child(even) {
    padding-left: 10px;
    padding-right: 0;
}
#feed li a img {
    /*padding-bottom: 8px;
    border-top: 20px solid #fff;
    border-right: 20px solid #fff;
    border-bottom: 0 solid #fff;
    border-left: 20px solid #fff;*/
}
#feed li a h4 {
line-height: 1.6;
}
#feed .rss-thumbnail p {
    width: 350px;
    height: 200px;
    overflow: hidden;
}
@media screen and (max-width: 768px) {
#feed li {
    float: none;
    padding-right: 0;
    padding-bottom: 20px;
    width: 100%;
}
#feed li:nth-child(even) {
    padding-left: 0;
    padding-right: 0;
}
#feed .rss-thumbnail p {
    width: 100%;
    height: 48vw;
    overflow: hidden;
}
#feed li a img {
width:100%;
}
.rss_wp{
margin-bottom:40px;
}
}
/*追加記入 */
table.shousai{
    width: 100%;
    font-size: 0.8em;
}

.shousai th{
    width: 26%;
    text-align: center;
    color: #FFFFFF;
    background-color: #888888;
    padding: 5px 0 3px 3px;
        border: 1px solid #AAAAAA;

}


.shousai td{
        width: 73%;
    background-color: #FFFFFF;
    color: #666666;
    padding: 5px 0 3px 3px;
        border: 1px solid #888888;
}

@media screen and (max-width: 600px){
.shousai th{
      width:100%;
}
.shousai td{
      width:100%;
}
}

.sysReview {
    text-align: center;
    margin-top: 10%;
}

/*レビュー追加*/
.sysReview {
    text-align: inherit;
    margin-top: inherit;
}
.sysReviewDatetime {
    border-bottom: solid #fc758b;
}
.sysEvaluation {
    color: gold;
}
.sysReviewItemList ul.sysReviewList li {
    border-top: 1px solid #fc758b;
}
.sysButton {
    width: 40%;
    margin: 5px 0;
}
/*レビュー追加*/


.sysReview input{
padding: 5px 10px;
    margin-top: 20px;
    -webkit-appearance: none;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    cursor: pointer;
    width: 40%;
}


.sysSelectionDescription{
    color: #FF5722;
    padding-bottom: 10px;
    font-size: 90%;
}

@media screen and (min-width: 768px) {
.sysExplanation img{
width:650px;
}
}

#sysSelections div{
margin-bottom: 8px;
}
.category_catch {
margin-top:20px;
}
.news-row {
}
.orderImage {
width:100%;
margin-bottom:20px;
}
.sysImageDescription {
margin:10px 0;
    font-size: 1.8rem;
    font-size: 18px;
    line-height: 1.8;
}
.order-left{width:50%;}
.order-right {
margin-left:4%;
width:46%;
}
.recommend h3.sysHeadline, .recent_item  h3.sysHeadline{
    display: inline-block;
    width: 100%;
    font-weight: bold;
    font-size: 1.8rem;
    font-size: 18px;
    color: #ed739a;
    line-height: 45px;
    margin-bottom: 10px;
    background: url(http://choochoo.jp/img/common/detail_lead_bg2.png) no-repeat right bottom,url(http://choochoo.jp/img/common/detail_lead_bg1.png) repeat-x left 36px;
}
.recommend, .recent_item {
margin-bottom: 40px;
}
.recommend .sysContent ul.sysHorizontal, .recent_item .sysContent ul.sysHorizontal {
text-align:left;
}
.recommend .sysContent .sysHorizontal li, .recent_item .sysContent .sysHorizontal li {
float:none;
display: inline-block;
 width: 23%;
padding:5px 1%;
    vertical-align: top;
}
#sysItemSearch #sysMain form{

    border: 1px solid #efefef;
    padding: 15px;
    margin-top: 15px;
}
#sysItemSearch #sysMain form div{
margin: 10px 0;
}
@media screen and (max-width: 768px) {
.search_box input[type=search] {
    margin-top: 2px;
    padding: 10px 50px 10px 8px !important;
    line-height: 1.2;
    border: 1px solid #ccc;
    height: 44px;
    margin: 20px 0;  /*数値はご自由にご変更ください*/
}
.search_box input.sysSearchButton {
	margin-top: 14px; /*数値はご自由にご変更ください*/
    position: absolute;
    border: none;
    /* padding: 10px; */
    width: 36px !important;
    /* background: #000; */
    /* color: #fff; */
    text-indent: -999px;
    height: 22px;
    right: 8px;
    top: 14px;
    background: url(http://choochoo.jp/img/common/search.png) 50% 50% no-repeat;
    background-size: 20px;
}
.recommend .sysContent .sysHorizontal li, .recent_item .sysContent .sysHorizontal li {
float:none;
display: inline-block;
    width: 48%;
padding:5px 1%;
}
.orderArea {
    padding-bottom: 20px;
}
.orderArea .left, .orderArea .right { float:none;}
.order-left{width:100%;
margin-bottom:20px;}
.order-right {
margin-left:0;
width:100%;
}
.saidebanner_top {
margin-top:40px;
}
}

.rss_wp h2.sysHeadline {
    background: url(http://choochoo.jp/img/common/cat_stamp.png) 10px 50% no-repeat,#fff;
    color: #fc758b !important;
    text-indent: 2em;
    font-size: 1.4rem;
    font-size: 14px;
    line-height: 1.2;
    color: #0098BC;
    font-weight: bold;
    border-bottom: 2px solid #fc758b;
    margin-bottom: 15px;
    padding: 15px 10px;
}
.footerCnt {
margin-bottom: 0;
}
#tokusho #sysMain h3,#privacypolicy #sysMain h3 {
border-left:3px solid #a99b8f;
padding-left: 8px;
    font-size: 1.4rem;
    font-size: 14px;
    line-height: 1.6;
color: #45311F;
margin:10px 0 10px;
}
#guide #sysMain h3 {
    font-size: 1.4rem;
    font-size: 14px;
    line-height: 2;
border-bottom: 1px dotted #EE769C;
color: #45311F;
margin-top:20px;
margin-bottom: 10px;
}
#guide #sysMain h4 {
    font-size: 1.2rem;
    font-size: 12px;
    line-height: 1.4;
background: url(http://choochoo.jp/img/common/guide-icon.gif) no-repeat left center;
color: #45311F;
margin-bottom: 10px;
    padding-left: 16px;
}
#tokusho #sysMain p,#privacypolicy #sysMain p , #guide #sysMain p{
line-height:1.6;
margin-bottom:10px;
}
#privacypolicy #sysMain ul {
padding: 0 10px 4px 10px;
}
#privacypolicy #sysMain ul li {
margin-bottom:8px;
}
#sysMemberRegisterConfirm #sysMain .sysForm {
    /* border: 1px solid #ccc; */
    padding: 20px;
    margin-top: 20px;
    background: #fffbf5;
}
#sysMemberRegisterConfirm #sysMain label.sysFormLabel {
    font-weight: bold;
    color: #633919;
    display: inline-block;
    padding-bottom: 10px !important;
}
#sysMemberRegisterConfirm #sysMain .sysFormField {
    padding: 10px;
    margin-bottom: 20px;
    line-height: 1.4;
    background: #fff;
    border: 1px solid #f1f1f1;
    border-radius: 8px;
}
#sysMemberRegisterConfirm #sysMain input.sysNextSubmit {
    border: 1px solid #b0b0b0;
    color: #fff;
    background: #EE8D00;
    width: 100%;
    margin: 0 auto;
    padding: 10px 5px;
    font-size: 1.6rem;
    font-size: 16px;
    line-height: 1.4em;
    border-radius: 4px;
}
#sysMemberRegisterRegister #sysMain p {
    padding: 40px;
    text-align: center;
}
.sysCart .sysBox .sysProduct {
    text-align: left;
    padding: 15px;
}
#sysInformation #sysMain h1 {
color:#231815;
    border-bottom: 3px solid #eae6e1;
    /* margin-bottom: 10px; */
    /* padding-left: 10px; */
    font-size: 18px;
    font-size: 1.8rem;
line-height:1.4;
    margin-top: 10px;
    padding-bottom: 5px;
    font-weight: bold;
}
.sysNewsDetail {
color:#6E625C;
margin-top:15px;
    font-size: 16px;
    font-size: 1.6rem;
line-height:1.6;
}
.sysCart #sysAside .cate_box  h2:hover{
    display: block;
    font-size: 1.2rem;
    font-size: 12px;
    height: 30px;
    line-height: 24px;
    text-indent: 2em;
    color: #E54B79;
    background: url('http://choochoo.jp/img/common/cat_stamp_off.png') no-repeat;
    background-position: 5px 50%;
    white-space: nowrap;
    overflow: hidden;
    border-bottom: none;
    -webkit-transition: all 0.0s ease;
    -moz-transition: all 0.0s ease;
    -o-transition: all 0.0s ease;
    transition: all  0.0s ease;
}
.sysCart  #sysAside .cate_box  h2:hover {
    background-position: 3px 48% !important;
    background: url('http://choochoo.jp/img/common/cat_stamp.png') no-repeat,#fdecd7;
}
#sysExplanation,
#sysExplanationPc,
#sysExplanationMobile,
#sysExplanation p,
#sysExplanationPc p,
#sysExplanationMobile p
 {
    line-height: 1.6;
    color: #6C5F59;
    font-size: 1.8rem;
    font-size: 18px;
    font-weight: bold;
}
.sysPagination {
margin-top:20px;
}
.recommend  ul.sysHorizontal, . recent_item  ul.sysHorizontal {
    text-align: left;
}
.sysMypage #sysMain h2 {
    color: #fc758b !important;
    font-size: 1.4rem;
    font-size: 14px;
    line-height: 1.2;
    color: #0098BC;
    font-weight: bold;
    border-bottom: 2px solid #fc758b;
    margin-bottom: 30px;
    padding: 15px 10px 15px 0;
}
.sysMypage #sysMain .sysForm {
width:100%;
    float: none;
}
.sysMypage #sysMain h3 {
    padding: 10px 0 20px !important;
}
.sysMypage #sysMain .sysFormItem input,
.sysMypage #sysMain  .sysFormItem select {
    padding: 10px;
    margin: 10px 0 20px;
}
.sysMypage #sysMain  .sysFormItem button.sysButton{
    margin: 0 0 20px !important;
}
.sysMypage  #sysMain  input[type=submit].sysNextSubmit {
    width: 100%;
    margin: 0 auto 20px;
    padding: 10px 5px;
    font-size: 1.6rem;
    font-size: 16px;
    cursor: pointer;    font-weight: bold;
    border: 1px solid #f56778;
    background-color: #f56778;
    background-image: -webkit-linear-gradient(top, #ff7c9e, #f56778);
    background-image: linear-gradient(to bottom, #ff7c9e, #f56778);
    border-radius: 4px;
    color: #fff;
    line-height: 50px;
    -webkit-transition: none;
    transition: none;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}
.sysMypage  #sysMain  input[type=submit].sysNextSubmit:hover {
    border:1px solid #ff7686;
    background-color: #ff7686;
    background-image: -webkit-linear-gradient(top, #ff9db7, #ff7686);
    background-image: linear-gradient(to bottom, #ff9db7, #ff7686);
}
.sysMypage  #sysMain  input[type=submit].sysNextSubmit:active {
    background: #f56778;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .2);
    color: #d24757;
    text-shadow: 0 1px 1px rgba(255, 255, 255, .5);
}
.sysMypage  #sysMain .sysAddress2 .sysFormField input {
    width: 80%;
}
.sysMypage  #sysMain .sysMailaddress .sysFormField input {
    width: 50%;
}
.sysMypageNav {
margin-top: 40px;
}
.sysMypageNav form {
    float: left;
    width: 20%;
margin-right:20px;
}
.sysMypage  #sysMain  input[type=submit].sysButton {
    width: 100%;
    margin: 0 auto 20px;
    font-size: 1.2rem;
    font-size: 12px;
font-weight:bold;
    border: 1px solid #999;
    background-color: #fff;
    border-radius: 4px;
    color: #444;
    line-height: 30px;
    -webkit-transition: none;
    transition: none;
    cursor: pointer;
}
.sysMypage  #sysMain  input[type=submit].sysButton:hover {
    border:1px solid #666;
    background-color: #f1f1f1;
}
.sysMypage  #sysMain  input[type=submit].sysButton:active {
    background: #fff;
    color: #aaa;
}
.sysMypage #sysMain li.sysOrder{
margin:10px 0 5px;
padding-bottom:5px;
border-bottom:1px dotted #ececec;
}
.sysMypage #sysMain p{
margin-bottom:20px;
}
#sysMypageEditDeliveryinput #sysMain input[type=submit].sysNextSubmit{
margin-top:20px !important;
}
.sysMypage #sysMain .sysSelectAddress {
    margin-bottom: 10px;
    padding: 5px 15px 0 15px;
}
.sysMypage #sysMain .sysSelectAddress button {
    padding: 10px;
    background: #fff;
    -webkit-appearance: none;
position:relative;
}
.sysMypage #sysMain .sysSelectAddress button:after {
    content: '>';
    color: #333;
    position: absolute;
    right: 13px;
    top: 25%;
    font-size: 3.0rem;
    font-size: 30px;
    font-weight: normal;
}
@media screen and (max-width: 768px) {

.sysMypageNav form {
    float: left;
    width: 48%;
margin-right:2%;
}
.sysMypageNav form:nth-child(even) {
margin-left:2%;
margin-right:0;
}
}
p.more_btn {
    text-align: center;
    margin-top: 30px;
}
.more_btn a {
    display: inline-block;
    background: #fc758b;
    padding: 14px 50px;
    color: #fff;
    border-radius: 40px;
    margin-bottom: 20px;
}
 .youtube-box {
width:200px;
height: 213px;
padding: 97px 0 0 0 !important;
background:url(http://choochoo.jp/img/side/mook_sayu.jpg) no-repeat top left;
}

.youtube-box p{
margin-bottom: 0 !important;
}
.youtube-box p a img:hover{
opacity:100;
}
#category-info {
    position: relative;
margin-top:10px;
}
#category-info3 {
margin-top:10px;
}
#category-info a {
    display: block;
    width: 25%;
    float: left;
    padding: 1%;
}
#category-info3 a {
    display: block;
    width: 33%;
    float: left;
    padding: 1%;
}
#category-info3 span {
    display: block;
    width: 33%;
    float: left;
    padding: 1%;
}
#category-info a img {
    width: 100%;
}

#common_li500 {
    background: url(http://choochoo.jp/img/common/cate_main_bg.png) no-repeat 0 0, url(http://choochoo.jp/img/common/cate_bg.gif) repeat 0 0;
    width: 720px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-bottom: 20px;
    position: relative;
    clear: both;
    overflow: hidden;
}
h3#li500_ttl {
    height: 80px;
    padding: 30px 15px 25px 86px;
    font-size: 1.6rem;
    font-size: 18px;
    line-height: 1.6;
    font-weight: bold;
    color: #45311F;
}
div#li500_contents {
    background: #fff;
    border-radius: 8px;
    padding: 20px;
    border: 1px solid #f2e1e0;
    font-size: 1.3rem;
    font-size: 13px;
    line-height: 1.6;
    width: 430px;
    margin: 15px 20px;
    text-align: justify;
}
div#li500_contents p {
margin-bottom:16px;
}
div#li500_img {
    position: absolute;
    right: 0;
    top: 0;
}
@media screen and (max-width: 768px) {
#common_li500 {
    background: url(http://choochoo.jp/img/common/cate_main_bg.png) no-repeat 0 0, url(http://choochoo.jp/img/common/cate_bg.gif) repeat 0 0;
    width: 100%;
}
div#li500_contents_wrap {
    padding: 15px 20px;
}
div#li500_contents {
    margin: 0;
    width: 100%;
}
div#li500_img {
display:none;
}
}
div#sysVariation div {
    margin-bottom: 12px;
}

.mainCnt .sysItemName a {
font-weight:bold;
}

.sysCart #sysMain .sysNextSubmitArea .sysNextSubmit{
    -webkit-appearance: none;
    background: #62b9d4;
    color: #fff;
    border: none;
    padding: 10px 8px;
    font-size: 1.3rem;
    font-size: 13px;
    font-weight: bold;
    width: 80%;
    margin: 30px auto;
    /* padding-top: 10px; */
    /* text-align: center; */
    cursor: pointer;
    border-radius: 4px;
    /* float: right; */
    /* width: 30%; */
}

.sysCart #sysMain input[type=submit].sysOpcNextSubmit {
    -webkit-appearance: none;
    background: #339933;
    color: #fff;
    border: none;
    padding: 20px 8px;
    font-size: 1.4rem;
    font-size: 14px;
    font-weight: bold;
    width: 80%;
     /* margin: 10px auto;
   padding-top: 10px; */
    /* text-align: center; */
    cursor: pointer;
    border-radius: 4px;
    /* float: right; */
    /* width: 30%; */
}
#sysMain button.mdl-button.full-width{
    -webkit-appearance: none;
    display: inline-block;
    line-height: 1.2;
    background: #339933;
    color: #fff;
    border: none;
    padding: 20px 8px 30px;
    padding: 10px 8px;
    font-size: 1.4rem;
    font-size: 14px;
    font-weight: bold;
    width: 80%;
     /* margin: 10px auto;
   padding-top: 10px; */
    /* text-align: center; */
    cursor: pointer;
    border-radius: 4px;
    /* float: right; */
    /* width: 30%; */
}
.sysPr {
    margin-bottom: 10px;
}
span.sysItemPr {
    color: #f53c3c;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px;
}
.sysCart input.sysNextSubmit {
    -webkit-appearance: none;
    background: #339933;
    color: #fff;
    border: none;
    padding: 20px 8px;
    font-size: 1.8rem;
    font-size: 18px;
    font-weight: bold;
    width: 80%;
    margin-top: 10px;
    /* margin: 15px auto; */
    /* padding-top: 10px; */
    /* text-align: center; */
    cursor: pointer;
    border-radius: 4px;
    /* float: right; */
    /* width: 30%; */
}
@media screen and (max-width: 768px) {
.sysCart input.sysNextSubmit  {
    float: none;
    width: 100%;
}
}

input#order_price_confirm_btn {
    padding: 0;
}
.sysCart p {
padding:0;
}
input.sysBackButton {
    width: 100% !important;
    background: #3a793b !important;
}





/* 下記ブログを3件横並び追加; */

.blog li.sysRssItem {
  width: 33%; /* 3件なので 一つの記事のサイズを横幅の1/3にしています */
  float: left;
}

.blog ul li + li {
  border-top: none;
}

.blog_more {
	display: none;
  clear: both;
}

/* ここまで; */


/* よくある質問追加; */
#faq #sysMain h3 {
    font-size: 1.4rem;
    font-size: 14px;
    line-height: 2;
border-bottom: 1px dotted #EE769C;
color: #45311F;
margin-top:20px;
margin-bottom: 10px;
}
#faq #sysMain h4 {
    font-size: 1.4rem;
    font-size: 14px;
    line-height: 2;
color: #fc6980;
margin-bottom: 10px;
    padding-left: 0px;
}


/* テスト追加; */
#test #sysMain h3 {
    font-size: 1.4rem;
    font-size: 14px;
    line-height: 2;
border-bottom: 1px dotted #EE769C;
color: #45311F;
margin-top:20px;
margin-bottom: 10px;
}

#test #sysMain h4 {
    font-size: 1.4rem;
    font-size: 14px;
    line-height: 2;
color: #fc6980;
margin-bottom: 10px;
    padding-left: 0px;
}




.calendarLP2019_01 {/*親div*/
  position: relative;
  }

.calendarLP2019_01 p {
position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
  /*文字の装飾は省略*/
  }

.calendarLP2019_01 img {
  width: 100%;
  }



.calendarLP2019_question {/*親div*/
  position: relative;/*相対配置*/
  }

.calendarLP2019_question p {
    position: absolute;
    left: 0px;
    top: 0px;
 line-height: 150%;
font-size: 1.6em;
  margin: 20px 20px auto;
}

.calendarLP2019_question img {
  width: 700px;
  }



.calendarLP2019_item {

    display:inline-block;
　margin: 0px;
　padding: 0px;

   }



.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-table;}




@media screen and (min-width: 650px){
  .br-pc { display:block; }
  .br-sp { display:none; }
}
@media screen and (max-width: 650px){
  .br-pc { display:none; }
  .br-sp { display:block; }
}





#test_smartphon,#JJMOPR020L,#JJMOPR020M, .sysDescription  {
    float: left;
    font-size: 1.8rem;
    font-size: 20px;
    line-height: 2;
    width: 100%;
    /* clear: both; */
    color: #fc758b;
    font-weight: bold;
    background: #ffffff;
    padding: 0;
}


#sysItemDetail #IN053 .sysShippingCost{
    font-size: large;
    color: #f53c3c;
}

#sysItemDetail #IN054 .sysShippingCost{
    font-size: large;
    color: #f53c3c;
}

#sysItemDetail #IN055 .sysShippingCost{
    font-size: large;
    color: #f53c3c;
}

#sysItemDetail #IN056 .sysShippingCost{
    font-size: large;
    color: #f53c3c;
}

#sysItemDetail #IN057 .sysShippingCost{
    font-size: large;
    color: #f53c3c;
}

#sysItemDetail #IN058 .sysShippingCost{
    font-size: large;
    color: #f53c3c;
}

.sysSaleTerm, .sysItemViewId{
     margin-bottom: 10px;
}



body {
background-color: #f0f6e8 ; /*2025.07スイカのカラーです。*/
}



/* スライドショー; */


.slick-slide img{
margin:0 auto;
}

#banner-slide-top{
margin-top:10px;
}

#test2 .slick-slide img{
 width:100%;
}
#banner-slide-top-tablet{
display:none;
width:90%;
margin-top:10px;
}

@media screen and (min-width:500px) and ( max-width:768px) {
    /*　画面サイズが768pxから1024pxまではここを読み込む　*/
#banner-slide-top{
display:none;
}
#banner-slide-top-tablet{
display:initial;
}

}

/* 検索窓; */
@media screen and ( max-width:768px) {
  .sysItemSearchFormWord{
     background-color:#fff;
     padding:10px 20px;
}
.search_box input.sysSearchButton{
   margin-top: 27px;
   right: 20px;
}
.sysItemSearchFormWord .search_box input[type=search]{
   border-radius:0;
}
/* メニューアイコン; */
div#menu_icon{
display:none;
}
div#menu_icon.fixed{
position:fixed;
display:initial;
z-index:99;
}
#menu_box{
visibility:hidden;
}
#menu_box.fixed{
visibility:initial;
position:fixed;
top:50px;
}
}

/* スライドショー; */
.category-menu-top{
display:flex;
justify-content:center;
margin:0 0 20px 0;
}
.category-menu-top a{
box-shadow:0px 1px;
border:solid 1px #c15656 ;
color:#fff;
padding:10px 8px;
background-color:#fc758b;
margin:0 10px;
border-radius:5px;
font-weight:700;
font-feature-settings: "palt";

}





.top-banner{
	display: flex;
	flex-wrap:wrap;
}
.top-banner li {
	width: calc(100%/3);/*←画像を横に4つ並べる場合*/
	padding:0 0px;/*←画像の左右に0pxの余白を入れる場合*/
	box-sizing:border-box;
}
.top-banner li img {
	max-width:100%; /*画像のはみだしを防ぐ*/
	height: auto; /*画像の縦横比を維持 */
	border:solid 1px #ccc; /*←画像を1pxのグレーの枠線で囲む指定の場合*/
}



.form-license .sysForm {
    float: none;
    width: 100%;
}
.form-license #sysMain {
padding: 10px 9px !important;
}

.form-license #sysMain input,
.form-license #sysMain  textarea {
    border: 1px solid #b0b0b0;
    width: 100%;
    margin: 0 auto;
    padding: 10px 5px;
    font-size: 1.6rem;
    font-size: 16px;
    line-height: 1.4em;
}
.form-license #sysMain input[type=submit] {
    border: 1px solid #b0b0b0;
    color: #fff;
    background: #EE8D00;
    width: 100%;
    margin: 0 auto;
    padding: 10px 5px;
    font-size: 1.6rem;
    font-size: 16px;
    line-height: 1.4em;
  border-radius: 4px;
}
.form-license h2 {
padding: 10px 0 20px;
}
.form-license .sysFormField {
    padding: 10px 0 20px;
}

.form-license #sysMain input[type="checkbox"]{
width:inherit;
}


/* ======================================

20211228__blogFeed修正　START

====================================== */

#sysMain .blogPick{list-style:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;width:720px;max-width:100%;padding:0;margin:0 auto;font-size:14px;line-height:calc(21 / 14);color:#000000}@media screen and (max-width:768px){#sysMain .blogPick{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}#sysMain .blogPick__item{width:calc(220 / 720 * 100%);padding:0!important;text-decoration:none}#sysMain .blogPick__item:not(:last-child){margin-right:calc(30 / 720 * 100%)}@media screen and (max-width:768px){#sysMain .blogPick__item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;width:100%}#sysMain .blogPick__item:not(:last-child){margin:0 0 30px}}#sysMain .blogPick__img{width:100%;padding-top:100%;background:#FEDEDF;position:relative}#sysMain .blogPick__img>a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:100%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:all ease-out 0.3s;transition:all ease-out 0.3s;text-decoration:none}#sysMain .blogPick__img>a:hover{text-decoration:none;opacity:0.8}#sysMain .blogPick__img>a>img{width:100%;height:100%;max-width:100%;max-height:100%;-o-object-fit:cover;object-fit:cover}@media screen and (max-width:768px){#sysMain .blogPick__img{width:30%;padding-top:30%}}#sysMain .blogPick__detail{width:100%}@media screen and (max-width:768px){#sysMain .blogPick__detail{width:calc(70% - 20px)}}#sysMain .blogPick__date{display:block;margin:1em auto 5px;font-size:inherit;font-weight:inherit;color:#000000}#sysMain .blogPick__title{margin:0;font-size:inherit;font-weight:700;color:#df3f79;text-decoration:none}#sysMain .blogPick__title>a{display:block;font-size:inherit;font-weight:inherit;color:inherit;text-decoration:none;text-decoration:none}#sysMain .blogPick__title>a:hover{text-decoration:none;opacity:0.8}#sysMain .blogPick__txt{font-size:inherit;font-weight:inherit;color:#000000}#sysMain .blogPick .u-txt{margin:0}

.sysFuncItemSearch.search_box.sysDisplayPcNone.sysDisplayKeitaiNone {
    display: none;
}
/* ======================================

20211228__blogFeed修正　END

====================================== */

#sysFormConfirm .sysButton{
color:#000000;
}

#sysItemDetail .sysWishListButtonForm button{
color:#000000!important;
}

.sysItemReview .sysButton{
width: 80%;
background: #05b3d0;
border-radius: 4px;
padding: 10px 8px;
color: #ffffff;
font-weight: bold;
box-shadow: 0 0 0 3px #fff, 0 0 0 4px #05b3d0;
margin:5%;
}

.sysReview span:first-of-type{
font-size: large;
font-weight: bold;
}

.sysReviewHistoryList {
margin-top: 20px;
}
.sysReviewDatetime {
padding-bottom: 10px;
}

/*レビュー入力欄の拡張*/
.sysItemReview textarea{
width: 90%;
height: 144px;
}

/*商品ページでのタイトルのデザイン変更*/
div.sysReview > span {
   background: url(http://choochoo.jp/img/common/cat_stamp.png) 10px 50% no-repeat,#fff;
   color: #fc758b !important;
   font-size: 14px;
   border-bottom: 2px solid #fc758b;
   padding: 10px 38px;
}

.sysReview input {
    background: none;
    color: #000;
}

/*注文欄拡張*/
.order-right {
margin-left:4%;
width:75%;
}
#sysItemDetail .sysShare {
    width: 80%;
}
@media screen and (max-width: 768px) {
    #sysSubmit input.sysCartButton, #sysItemDetail .sysShare, .orderArea .sysThumbnailImage, div#right_block_order {
        width: 80%;
    }
}
@media screen and (max-width:768px){
#img200{
width:150px;
height:150px;
}








/*　簡易説明文　（文字色：赤・太字）　*/
.kani{
color:#e70013;
font-weight: bold;
}



@charset "UTF-8";
/* レイアウト
**********************************************************************/
@media screen and (max-width: 640px) {
.mv_container {
    padding: 0 !important;
    }
}
#sysAll{

  width:100% !important;
  padding:0 !important;
  margin:0 auto !important;
  background-color:none !important;
}
#sysHeader{
  width:100% !important;
  padding:0 !important;
  margin:0 !important;
  clear:both;
  margin-bottom:0 !important;
}
#sysMain {
    float: right;
    width: 100% !important;
    background: #fff;
    border-left: 0;
    border-right: 0;
    padding:0 !important;
    margin:0 !important;
    margin-bottom: 50px !important;
}
#sysAside {
    float: left;
    width: 100% !important;;
    background: #fff;
    border-left: 0;
    border-bottom: 0;
    padding:0 !important;
    margin:0 !important;
    margin-bottom: 50px !important;
}
#sysFooter{
  width:100% !important;
  padding:0 !important;
  margin:0 !important;
  clear:both;
  margin-bottom:0 !important;
}

@media screen and (min-width: 769px) {
    #sysAll {
        min-width: 1024px;
    }
}
@media screen and (max-width: 768px) {
    #sysAll {
        min-width: 100%;
    }
}
@media screen and (max-width:641px){
  #sysAll{
        min-width: 100%;
  }
    div#sysMain {
        float: right;
        width: 100% !important;
        background: #fff;
        border-left: none;
        border-right: none;
        padding:0 !important;
        margin:0 !important;
        margin-bottom: 0 !important;
    }
    div#sysMain {
        min-height: 400px;
        height: auto !important;
        height: 400px;
    }
    div#sysAside{
    float: left;
    width: 100% !important;;
    background: #fff;
    border-left: none;
    border-bottom: 1px solid #e0dfda;
    padding:0 !important;
    margin:0 !important;
    margin-bottom: 50px !important;
    }
    div#sysFooter{
      clear:both;
    }

  }

@media screen and (max-width:640px){
    #sysAll{ padding: 0 !important; }
    .sysDisplayMobileNone{
        display:none;
    }
}
@media screen and (max-width:640px){
    div.sysMemberAgreement{
        overflow: auto;
        -webkit-overflow-scrolling:touch;
    }
}
@media screen and (min-width:641px) and (max-width:768px){
    .sysDisplayTabletNone{
        display:none;
    }
}
@media screen and (min-width:769px){
    .sysDisplayPcNone{
        display:none;
    }
}

.sysContent {
    padding: 0 !important;
}
.sysFuncText.main_visual {
    background: #F8F6DF;
}

/*tablet*/
@media screen and (min-width: 641px) {
}

@media screen and (max-width: 768px){
#sysWrap {
    margin-bottom: 0 !important;
padding 0 10px !important;
    width: 100%;
}
}

@media screen and (max-width: 640px){
.sp_login ul li.sysText a {
    display: block;
    width: 80%;
    margin: 0 auto;
    background: #fcfdfa;
    text-decoration: none;
    /* border-radius: 4px; */
    color: ;
    font-size: ;
    line-height: px;
    background-color: ;
    background: -webkit-gradient(linear, left top, left bottom, from(), to());
    background: -webkit-linear-gradient(top, , );
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border: 1px solid #e0dfda;
    border-radius: 4px;
}
}

    .sp_login { display: none; }
@media screen and (max-width: 580px){
    .sp_login { display: block; margin-top: 20px; }
}

#menu_box .hnav_head {
    width: 100%;
    margin: 2vw auto 0;
    padding: 10px;
    padding-bottom: 10px;
}

@media screen and (max-width: 768px){
.footerCnt { margin-bottom:0 !important;
    .search_box input[type=search] {
        margin-top: 2px;
        padding: 10px 50px 10px 8px !important;
        line-height: 1.2;
        border: 1px solid #ccc;
    height: 44px;
    }
    .search_box input.sysSearchButton {
        position: absolute;
        border: none;
        /* padding: 10px; */
        width: 36px !important;
        /* background: #000; */
        /* color: #fff; */
        text-indent: -999px;
        height: 22px;
        right: 8px;
        top: 14px;
        background: url('http://localbrand.aispr.jp/img/common/search.png') 50% 50% no-repeat;
    background-size: 20px;
    }
}

@media screen and (max-width: 640px){
    .s-category, .s-case {
        padding: 0;
    }
    .s-category ul li, .s-case ul li {
        border-bottom: 1px solid #e0dfda;
        line-height: 2;
        padding: 8px 10px 8px 15px;
    }
    .s-category ul li:last-child, .s-case ul li:last-child {
        border-bottom: none;
    }


}




/* 下記ブログを1件横並び追加; */

.blog li.sysRssItem {
  width: 100%; /* 1件なので 一つの記事のサイズを横幅の3/3にしています */
  float: left;
}

.blog ul li + li {
  border-top: none;
}

.blog_more {
  clear: both;
}


@media screen and (max-width: 650px){
  .br-pc { display:none; }
  .br-sp { display:block; }
.youtube-box{
zoom: 1.7;
}
}

/* ここまで; */







.calendarLP2019_question img {
  height: 580px;


body {
background-color: rgb(255,143,0);　/*rgb(255,143,0)はハロウィンバナーオレンジです。*/
}
}
@media screen and (min-width:769px) and (max-width:768px){
.w60per{
width:60%;
height:60%;
}



/*　箱　*/
.box-yellow{
background-color:#FFFFCC;
padding:10px;
border:3px dotted #ffe897;
}f



/*　　右寄せor左寄せ×小さい文字　　　*/
.right {
text-align: right;
font-size:small;
}
.left {
text-align: left;
font-size:small;
}


/*　YouTube　W480×H360　*/
#youtube{
width:480px;
height:480px;
padding:0px;
}


/* 500×500　*/
#img500{
width:500px;
height:500px;
}

.img500{
width:500px;
height:500px;
}


/*　スマホケース手帳型用　W500×H376　*/
#sumaho,#sumaho2{
width:500px;
height:376px;
}

/*　画像サイズ①　W650×H135　*/
.img1{
width:650px;
height:135px;
}

/*　画像サイズ②　W300×H300とかいろいろ　*/
#img2{
width:300px;
height;300px;
}

.img2{
width:300px;
height;300px;
}

#img500-300{
width:500px;
height:300px;
}

#img200{
width:200px;
height:200px;
}





/*　画像サイズ③　W380×H330　*/
#img3{
width:380px;
height;330px;
}

/*　簡易説明文　（文字色：赤・太字）　*/
.kani{
color:#e70013;
font-weight: bold;
}


/*　発送日文言　（文字色：青・太字）　*/
.send{
color:#0000ff;
font-weight: bold;
text-align:center;
}


/*　センターよせ　*/
.center{
text-align:center;
}




/*　文字色：赤　*/
.red{
color:red;
}

/*　文字色：青　*/
.blue{
color:blue;
}

/*　文字色：ピンク　*/
.pink{
color:#fc758b;
}


/*　小さいグレーの文字　*/
.gray-small{
color:gray;
font-weight: normal;
font-size:small;
}


/* 大きい字 */
.large{font-size:large;}


/* もっと大きい字 */
.larger{font-size:larger;}


/* フロート  */
.f-left{
float-left;
}

.f-right{
float:right;
}















@charset "UTF-8";
/**
 * html5doctor.com Reset Stylesheet v1.6.1 (http://html5doctor.com/html-5-reset-stylesheet/)
 * Richard Clark (http://richclarkdesign.com)
 * http://cssreset.com
 *//*/*
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:middle;
    background:transparent;
}
body {
    line-height:1;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}
nav ul {
    list-style:none;
}
blockquote, q {
    quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}
a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}
/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}
del {
    text-decoration: line-through;
}
abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}
input, select {
    vertical-align:middle;
}
/* Preload images */
body:after {
  content: url(http://choochoo.jp/img/close.png) url(http://choochoo.jp/img/loading.gif) url(http://choochoo.jp/img/prev.png) url(http://choochoo.jp/img/next.png);
  display: none;
}

body.lb-disable-scrolling {
  overflow: hidden;
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  border-radius: 3px;
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  background-color: white;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  border-radius: 4px;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-container {
  padding: 4px;
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(http://choochoo.jp/img/loading.gif) no-repeat;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
  background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(http://choochoo.jp/img/prev.png) left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(http://choochoo.jp/img/next.png) right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-size: 1em;
  font-weight: bold;
  line-height: 1.2em;
  padding-top:.5em;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 1em;
  height: 1em;
  background: url(http://choochoo.jp/img/close.png) top right no-repeat;
  background-size:1em;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/* レイアウト
**********************************************************************/

    .sp_login { display: none; }
#sysAll{
    margin: 0 auto;

    /*background: #ffdddd url('http://choochoo.jp/img/common/body_bg.jpg');*/
background: url('http://choochoo.jp/img/common/lase_r.png') repeat-y top right,url('http://choochoo.jp/img/common/lase_l.png') repeat-y top left;
  padding:0 !important;
  margin:0 auto !important;
  background-color:none !important;
}

#sysHeader{
  width:100% !important;
  padding:0 !important;
  margin:0 !important;
  clear:both;
  margin-bottom:0 !important;
}
#sysMain {
    float: right;
    width: 720px !important;
    margin:0 15px 0 0 !important;
    background: #fff;
    padding:0 !important;
    margin-bottom: 50px !important;
}
#sysAside {
    float: left !important;
    width: 215px !important;;
    background: #fff;
    padding:0 0 0 15px !important;
    margin:0 !important;
    margin-bottom: 50px !important;
}
#sysFooter{
  width:970px;!important;
  padding:0 !important;
  margin:0 auto !important;
  clear:both;
  margin-bottom:0 !important;
}

@media screen and (min-width: 769px) {
    #sysAll {
        min-width: 1024px;
    }
}
@media screen and (max-width: 768px) {
    #sysAll {
        min-width: 100%;
    }
}
@media screen and (max-width:641px){
   #sysAll{
        min-width: 100%;
  }
    div#sysMain {
        float: right;
        width: 100% !important;
        background: #fff;
        padding:0 !important;
        margin:0 !important;
        margin-bottom: 50px !important;
    }
    div#sysAside{
    float: left;
    width: 215px !important;;
    background: #fff;
    border-left: none;
    padding:0 0 0 15px !important;
    margin:0 !important;
    margin-bottom: 50px !important;
    }
    div#sysFooter{
      clear:both;
    }

  }

@media screen and (max-width:640px){
    .sysDisplayMobileNone{
        display:none;
    }
}
@media screen and (max-width:640px){
    div.sysMemberAgreement{
        overflow: auto;
        -webkit-overflow-scrolling:touch;
    }
}
@media screen and (min-width:641px) and (max-width:768px){
    .sysDisplayTabletNone{
        display:none;
    }
}
@media screen and (min-width:769px){
    .sysDisplayPcNone{
        display: block;
    }
	.sysFuncRss.blog.mainCnt.sysDisplayMobileNone.sysDisplayTabletNone.sysDisplayPcNone.sysDisplayKeitaiNone.sysLazyload,
	.sysFuncText.blog_more.sysDisplayKeitaiNone {
		display: none;
	}
}

.sysContent {
    padding: 0 !important;
}
/* --------------------------------
 * base
 * -------------------------------- */
*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
html {
    font-size: 62.5%;
}
body {
　color: #fff;
    font-size: 1.4rem;
    font-size: 14px;
    line-height: 1.2;
    font-family: Meiryo,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;
    /*font-family: "Hiragino Kaku Gothic ProN",  Meiryo,  sans-serif;*/
    -webkit-font-smoothing:antialiased;
}
a {
    text-decoration: none;
    color: #df3f79;
    cursor: pointer;
    line-height: 1.5;/*
    border-bottom: 1px solid #231815;*/
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
a:hover {
    color: #eb75a0;
    border-color: #df3f79;
}
a:active, a:focus {
    color: #eb75a0;
    outline: 0;
}
a:hover img{
    filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
    /*-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;*/
}
a span:hover {
    filter:alpha(opacity=60);
    -moz-opacity: 0.60;
    opacity: 0.60;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
.cf:after {
    display: block;
    clear: both;
    content: "";
}
.left {
    float: left;
}
.right {
    float: right;
}
li {
    list-style: none;
}

@media screen and (min-width: 769px) {
    body {
        min-width: 970px;
    }
}
@media screen and (max-width: 768px) {
    body {
        min-width: 100%;
    }
}
/* --------------------------------
 * layout
 * -------------------------------- */
.head-tool {
    background: #ff5576;
    width: 970px;
    height: 40px;
    color: #fff;
    font-weight: bold;
    margin: 0 auto;
}

.head-tool .inner {
    line-height: 40px;
    padding: 0 0 0 15px;
}
.head-tool p {
    font-size: 1.1rem;
    font-size: 11px;
    line-height: 1.2;
    display: inline-block;
    vertical-align: middle;
}
.head-tool li {
    display: inline-block;
}
.head-tool li a {
    font-size: 1.2rem;
    font-size: 12px;/*
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;*/
    line-height: 40px;
    color: #fff;
    display: block;
    padding: 0 20px;
}
.head-tool li a i {
    font-size: 1.6rem;
    font-size: 16px;
    line-height: 1.2;
    margin-right: 8px;
    display: inline-block;
    vertical-align: middle;
}
.head-tool li a:hover {
    background: #e03d63;
}
.header {
    margin: 0 auto;
}
nav {
    color: #002f58;
    text-align: center;
}
.main {
    margin-bottom: 15px;
    /*background: url('http://choochoo.jp/img/common/header_top.png') bottom repeat-x, #f8f6ef;*/
}

#sysHeader, footer {
    color: #fff;
    text-align: left;
}
#sysWrap {
    width: 970px;
    margin: 0 auto;

    padding-top: 15px;
    background: #fff;
}
#sysWrap:after {
    display: block;
    clear: both;
    content: "";
}
.content {
    width: 100%;
    margin: 0 auto;
}
.content .inner {
    background: #fff;
    border-left: 1px solid #EBE4DA;
    border-right: 1px solid #EBE4DA;
    padding: 0 26px;
}
.inner {
    width: 970px;
    margin: 0 auto;
}
.inner_nav {
    width: 100%;
    height: 90px;
    margin: 0 auto;
}
.container {
    width: 1280px;
    margin: 0 auto;
}
.wrap {
    width: 100%;
}
@media screen and (max-width: 768px) {
.head-tool {
    background: #ff5576;
    width: 100%;
}
    .inner {
        width: 100%;
    }
#sysWrap {
    width: 100%;
padding: 0 10px;
    border-left: 0;
    border-right: 0;
}
}
@media screen and (max-width: 1150px) {
    .container {
        width: 100%; margin: 0 auto;
    }
}
@media screen and (max-width: 960px) {
    .wrap {
        width: 100%;
    }
}
@media screen and (max-width: 768px) {
    .main {
        padding-top: 0;
    margin-bottom: 0;
    }
    header {/*
        height: 70px;*/
    }
}
/* --------------------------------
 * header
 * -------------------------------- */

.header {
    height: 126px;
}
.header .inner {
    background: #fff;
}
.header .left, header .right {
}
.header .left h1 {
}
.header .left h1 a {
    margin: 17px 0;
    display: block;
    width: 291px;
    height: 92px;
    background: url('http://choochoo.jp/img/common/header_logo.png') no-repeat;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    border-bottom: none;
    -webkit-transition: all 0.0s ease;
    -moz-transition: all 0.0s ease;
    -o-transition: all 0.0s ease;
    transition: all  0.0s ease;
}
.header .right p {
    float: left;
}
.header .right p.header_comment {
    margin: 14px 0 0 0;
}
.header .right p.header_shipping img {
    margin: 15px;
}
.logo {
    margin-left: 15px;
}
.header-link {
    margin: 10px 0 0 0;
    padding-bottom: 10px;
    font-size: 1.1em;
    font-size: 11px;
    line-height: 1.2;
}
.header-link ul {
    text-align: right;
}
.header-link ul li {
    float: right;
    padding: 0 10px;
    background: url('http://choochoo.jp/img/common/header_arrow.png') left center no-repeat;
}
.header-link ul li a {
    line-height: 1.2;
    border-bottom: none;
}
.header-link ul li img {
    padding: 0 4px 1px 0;
}
.header-btn p {
    float: left;
}
.header-btn a {
    display: inline-block;
    border-bottom: none;
}
.header-btn img {
    text-align: right;
    padding-left: 10px;
}
/* menu */
#menu_box {
    width: 100%;
    z-index: 200;
    background: #fdecd7;
    padding-top: 10px;
    display: none;
    position: absolute;
    font-weight: bold;
    top: 126px;
}
#menu_box .hnav_head small {
    font-size: 1.8vw;
    line-height: 1.2;
    color: #afafaf;
    margin-left: 8px;
    font-weight: normal;
    font-family: 'Pinyon Script', cursive;
}
#menu_box .hnav_head {
    width: 100%;
    margin: 0 auto;
    padding: 15px;
}
#menu_box .hnav_head li {
    float: left;
    width: 100%;
    padding-bottom: 5vw;
    font-size: 3vw;
    text-align: left;
}
#menu_box .hnav_head li:last-child {
    padding-bottom: 0;
}
#menu_box .hnav_head li a {
    display: block;
    color: #633919;
    padding-bottom: 5vw;
    line-height: 1.2;
    border-bottom: 1px dotted #f9ddc7;
}
#menu_box .hnav_head li a:last-child {
    border-bottom: 0;
}
#menu_box .hnav_head li img {
    margin-left: 8px;
}
#menu_box .hnav_head .shopping-box {
    display: none;
    width: 100%;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding-bottom: 0;
    margin-bottom: 5vw;
}
#menu_box .hnav_head .shopping-box p {
    font-size: 3vw;
    padding: 3vw 0;
    background: url('http://choochoo.jp/img/nav/menu_arrow.png') right 15px top 50% no-repeat;
    background-size: 10px 17px;
    width: 50%;
    float: left;
    text-align: center;
}
#menu_box .hnav_head .shopping-box p a {
    border-bottom: none;
    padding-bottom: 0;
    line-height: 2;
}
#menu_box .hnav_head .shopping-box p:first-child {
    border-right: 1px solid #ccc;
}
div#menu_icon { display: none; }
@media screen and (max-width: 960px){
    #menu_box .hnav_head {
        /*padding-top: zvw;*/
    }
}
    .pc_none {
        display: none;
    }
@media screen and (max-width: 768px){

    .pc_none {
        display: block;
    }
    .sp_none {
        display: none;
    }
.logo {
    margin-left: 10px;
}
    .head-tool li a {
        font-size: 1.2rem;
        font-size: 12px;/*
        line-height: 44px;*/
        padding: 0 20px;
    }
    .head-tool li a i {
        font-size: 1.4rem;
        font-size: 14px;
    }
    .head-tool p {
        float: none;
        display: none;
    }
    .head-tool .right {
        float: none !important;
        text-align: center;
    }
    .header .left {
    }

    .header .right {
        display: none;
    }
    .header .inner {
        position: relative;
    }
    div#menu_icon {
        display: block;
        position: absolute;
        top: 26px;
        right: 16px;
        padding: 15px 10px 15px 15px;
    }
    div#menu_icon img { width: 32px; }
    /*header .left h1 a {
        background: url(http://choochoo.jp/img/common/logo_sp.png) no-repeat;
        background-size: 100%;
        width: 221px;
        height: 47px;
    }
    .logo {
        width: 221px;
        margin-top: 12px;
        padding-bottom: 0;
    }*/
    .header { height: 126px; }
    .header-link, .point-banner, .sitedesp { display: none; }
    .header-btn {
        margin: 10px 74px 10px 0;
    }
    .header-btn img {
        max-height: 50px;
    }
}
@media screen and (max-width: 640px){
    .header  {
        position: relative;
    }
}
@media screen and (max-width: 970px){
    .header-btn {
        display: none;
    }
    #menu_box .hnav_head .shopping-box {
        display: block;
    }
}
/* --------------------------------
 * nav
 * -------------------------------- */
.nav { margin: 0 auto; text-align: center; }
.gnav {
    background: #fdecd7;
    padding: 20px 0;
}
.gnav li {
    width: 20%;
    float: left;
    border-right: 1px solid #f9ddc7;
    font-size: 1.3rem;
    font-size: 13px;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    overflow: hidden;
}
.gnav li:last-child {
    border-right: 0;
}
.gnav li a {
    padding-top: 14px;
    display: block;
    color: #633919;
    height: 56px;
font-weight:bold !important;
    border-bottom: none;
}
.gnav li a:hover {
    color: #b19986;
}
.gnav li a small {
    display: block;
    font-weight: normal;
    color: #afafaf;
    font-family: 'Pinyon Script', cursive;
}
.gnav li a img {
    padding-left: 4px;
}
/* dropdown */
nav {
}
.gnav li {
    /*display: inline-block;*/
    vertical-align: middle;
    line-height: 120px;
}
ul.child li a:hover {
    filter:alpha(opacity=60);
    -moz-opacity: 0.60;
    opacity: 0.60;
}
@media screen and (max-width: 960px) {
    /*.gnav { width: 100%; }
    .gnav li {
        margin: 0 2%;
        font-size:1.2rem;
        font-size:12px;
    }*/
}
@media screen and (max-width: 768px) {
    .nav { display: none; }
}
/*bread*/
.bread {
    padding: 10px;
    background: #ececec;
    text-align: left;
}
.bread_wrap {
    margin: 0 auto;
    width: 960px;
}
#breadcrumb {
    font-size: 1.2rem;
    font-size: 12px;
    margin-left: 10px;
}
#breadcrumb ul li {
    display:inline-block;
    margin-bottom: 3px;
}
#breadcrumb a {
    border-bottom: none;
    color: #587e95;
}
@media screen and (max-width: 960px) {
    .bread_wrap {
        width: 100%;
    }
}

/* --------------------------------
 * main
 * -------------------------------- */
/*top*/
.mv_container {
    margin: 0 auto;
    width:970px;
}
.mv_container .inner {
    position:relative;
    background: #fff;
    height: 0;
    padding-top: 35.77%; /* 任意のサイズに変更 */
}
.mv_container .inner span{
    position:absolute;
    top:0px;
    left:0px;
    z-index:100;
    width: 970px;
    height: 6px;
    background: url('http://choochoo.jp/img/common/nav_bg.png') repeat-x top !important;
}
.mv_container .inner img {
    position:absolute;
    top:0px;
    left:0px;
    z-index:10;
}
.sysFuncText.main_visual {
text-align:center;
}
.main_content {
    float: right;
    width: 650px;
    background: #fff;
    margin-bottom: 50px;
}
.side_content {
    float: left;
    width: 250px;
    background: #fff;
    margin-bottom: 50px;
}
.mb-birth img {
    margin-right: 7px;
}
.mb-birth img:last-child {
    margin-right: 0;
}
.main-banner {
    padding: 0 0 7px;
    position: relative;
}


.main-banner span {
    position: absolute;
    right: 9px;
    top: 10px;/*
    background: #6d6e2b;
    background: #ef8d2c;*/
    background: #7C3519;
    color: #fff;
    padding: 4px;
    width: 200px;
    text-align: center;
}
.main-banner-half {
    float: left;
    padding-right: 10px;
    padding-bottom: 20px;
    width: 50%;
}
.main-banner-half:nth-child(even) {
    padding-left: 10px;
    padding-right: 0;
}
.sepalate {
    height: 52px;
    background: url('http://choochoo.jp/img/common/sepalate.gif') 50% repeat-x;
}
.item-container {
    margin: 10px auto 0;
    padding: 0 10px 10px;
    border-bottom: 1px solid #e0dfda;
}
.item-container .item {
    float: left;
    margin: 0 auto;
    text-align: center;
    padding-bottom: 15px;
    width: 25%;
    position: relative;
}

.item-container .item span {
    position: absolute;
    right: 9px;
    top: 10px;
    background: #ef8d2c;
    color: #fff;
    padding: 4px;
    width: 40px;
    text-align: center;
}
.item-container .item img {
    width: 92%;
    padding-bottom: 8px;
    border: 20px solid #fff;
}
.item-container .item p {
    line-height: 1.4;
}
.item-container p.catch img {
    max-width: 123px;
}
.item-container .item p.item-title {
    font-size: 1.2rem;
    font-size: 12px;
}
.p-ranking{
margin-bottom:20px !important;
}
.p-news {
margin-bottom:30px !important;
}
#sysMain .p-news h2.sysHeadline {
    background: #fff;
    color: #fc758b !important;
    font-size: 1.4rem;
    font-size: 14px;
    line-height: 1.2;
    color: #0098BC;
    font-weight: bold;
    border-top: 2px solid #fc758b;

    border-bottom:0;
    margin-bottom: 15px;
    padding: 15px 10px;
}
#sysMain .p-news h2.sysHeadline span{
padding-left:0;
}
.p-ranking .sysItemName,.p-ranking .sysItemPrice  {
padding-left:8px;
}
@media screen and (max-width: 960px) {
    .main_content {
        width: 76%;
    }
    .side_content {
        width: 24%;
    }
}
@media screen and (max-width: 768px) {
.mv_container {
    width:100%;
}
    .mv_container .inner span{
        display: none;
    }
    .main_content img, .side_content img {
        width: 100%;
    }
    .main_content {
        border-right: none;
        margin-bottom: 0;
    }











    .main-banner .main-banner {
    }
.p-ranking {
padding-top:10px;
}
    .main-banner span {
        position: absolute;
        left: 0;
        top: 0;
        color: #fff;
        padding: 8px;
        font-size: 14px;
        line-height: 1;
        width: 100%;
    }
    .main_content, .side_content {
        width: 100%;
    }
    .main_content {
        border-left: none;
    }
}
@media screen and (max-width: 640px) {
    .item-container .item {
        width: 50%;
    }
    .item-container .item img {
        width: 92%;
        padding-bottom: 8px;
        border: 15px solid #fff;
    }
}
/*side*/
.asideCnt {
    border-color: #e0dfda !important;
    border-style: solid;
    border-radius: 0px;
    border-width: 1px !important;
    border-top: 0px !important;
    border-left: 0px !important;
    border-right: 0px !important;
    box-shadow: 0px 0px 0px gray;
    margin-bottom: 0 !important;
}
.search_box {
}
.sysItemSearchForm {
    position: relative;
}
@media screen and (min-width: 769px){
    .search_box input[type=search] {
    margin-top: 2px;
    background: #F1F1F1;
    padding: 10px 50px 10px 8px;
    width: 100%;
    border: 1px solid #CDCDCD;
    height: 44px;
    }
    .search_box input.sysSearchButton {
        position: absolute;
        border: none;
        /* padding: 10px; */
        width: 36px !important;
        /* background: #000; */
        /* color: #fff; */
        text-indent: -999px;
        height: 22px;
        right: 8px;
        top: 14px;
        background: url('http://choochoo.jp/img/common/search.png') 50% 50% no-repeat;
    background-size: 20px;
    }
}
.side-banner-box p {
    margin-bottom: 10px;
}
.side-banner-box p:last-child {
    margin-bottom: 0;
}
.side-banner-box p img {
    width: 100%;
}
.s-category, .s-case {
    padding: 10px 9px;
    border-bottom: 1px solid #e0dfda;
}
.s-category h2 {
    background: url('http://choochoo.jp/img/common/genre.png') left 5px top 10px no-repeat;
    text-indent: -999px;
}
.s-case h2 {
    background: url('http://choochoo.jp/img/common/situation.png') left 5px top 10px no-repeat;
    text-indent: -999px;
}
.asideCnt .sysHeadline {
    border-bottom: none !important;
    background-color: #fff !important;
    color: #ffffff;
    font-size: large;
    padding: 10px 10px 5px !important;;
}
.s-category ul li, .s-case ul li {
    font-size: 1.2rem;
    font-size: 12px;
    line-height: 1.4;
    margin: 0;
    padding: 3px 5px 3px 10px;
}
.s-category ul li a:hover, .s-case ul li a:hover {
    color: #6c473d;
    border-color: #6c473d;
}
.s-category ul li.sysText a, .s-case ul li.sysText a {
    padding: 0 !important;
}
.s-banner {
    padding: 10px 9px;
}
.s-banner li {
    margin-bottom: 10px;
    border-width: 3px;
    border-style: solid;
    border-color: rgb(235, 230, 225);
}
.s-banner li:last-child {
    margin-bottom: 0;
}
@media screen and (max-width: 768px) {
    .cate_box {
        padding: 0;
    border-color: #fededf;
    }
    .cate_box .catch img {
        max-width: 148px;
    }
    .cate_box ul li {
        line-height: 2;
    }
    .cate_box ul a:last-child {
        border-bottom: none;
    }
    .cate_box ul a {
        display: block;
        border-bottom: 1px solid #e0dfda;
    }
}

.side-banner-box {
    padding: 0 0 10px;
}
.side-banner-box p {
    margin-bottom: 20px;
}.side-banner-box p:last-child {
    margin-bottom: 0;
}
.side-banner-box p.newuser {
    text-align: center;
    margin-bottom: 10px;
}
.side-banner-box p.newuser a{
    display: block;
    background: #0098bc;
    padding: 10px 0;
    margin: 0 auto;
    width: 93%;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}
.side-banner-box p.newuser a img{
    width: 75%;
    margin-left: -20px;
}
.side-banner-box span.sidelogin {
    display: block;
    text-align: center;
    margin-top: 10px;
}
.side-banner-box span.sidelogin a{
text-decoration: underline;
}
.side-banner-box p img {
    width: 100%;
}
.cate_box {
    background: #fededf !important;
    margin-bottom: 0 !important;
    border-bottom: 0px solid #fededf;

    border-width: 0 6px 1px !important;
    border-color: #fededf !important;
    background: #fff !important;
}
.cate_box .sysHeadline {
    border-bottom: 1px solid #fededf;
}
#sysAside .catch {
    background: url('http://choochoo.jp/img/side/title-category.png') right bottom no-repeat,#fededf;
    color: #633919 !important;
    line-height: 1.2;
    color: #633919;
    font-weight: bold;
    padding: 20px 10px;
    border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;

}
.cate_box ul {
    background: #fff;
    padding: 6px 0;
    margin: 0 6px 6px;
}
.cate_box ul li {
    background: url(http://choochoo.jp/img/common/arrow.png) no-repeat left 0 center;
    font-size: 1.2rem;
    font-size: 12px;
    line-height: 1.4;
    margin: 0;
    padding: 5px 10px 5px 20px;
}
.cate_box ul.pricelist li {
    background: url(http://choochoo.jp/img/common/arrow_black.png) no-repeat left 10px center;
}
/*.cate_box ul li span{
    background: url('http://choochoo.jp/img/common/arr_right.gif') left 1px center no-repeat;
    padding-left: 18px;
}*/
/*.cate_box ul a li {
    border-bottom: 1px solid #231815;
}*/
.cate_box ul a li:hover {
    color: #525252;
    border-color: #525252;
}
.sidebanner_box {
    padding-bottom: 10px;
    border-bottom: 1px solid #e0dfda;
}
.sidebanner_box p {
    padding: 10px;
}
.sidebanner_box p img {
    width: 100%;
}
@media screen and (max-width: 768px) {
    .cate_box {
        padding: 0;
    }
    .cate_box .catch img {
        max-width: 148px;
    }
    .cate_box ul li {
        line-height: 2;
    }
    .cate_box ul a:last-child {
        border-bottom: none;
    }
    .cate_box ul a {
        display: block;
        border-bottom: 1px solid #e0dfda;
    }
}
.toggle-box {
    background: #fff;
    margin: 0 6px 6px; }
    .toggle {
        margin: 0 auto;}
    .toggle_title {
        margin-top: 30px;
        padding-bottom: 20px;
        font-weight: bold;
            font-size: 1.6rem;
            font-size: 16px;
            line-height: 1.6;}
        .toggle dl {
            margin: 0 auto;
            border-bottom: 1px solid #F3F3F3; }
        .toggle dl:last-child {
            border-bottom: none; }
        .toggle dl.menu dt.main_q {
            font-size: 1.6rem;
            font-size: 16px;
            line-height: 1.6;
            padding: 2px 0;
            text-align: left;
            text-indent: 6px;
            background: url(http://choochoo.jp/img/common/plus.png) no-repeat right 20px center;
            cursor: pointer; }
        .toggle dl.menu dt.active {
            background: url(http://choochoo.jp/img/common/minus.png) no-repeat right 20px center;
            cursor: pointer;}
        .toggle dl.menu dt.main_q div{
            margin: 10px 0; }
        dd.sub {
            background: #fff;
            display: none;
            padding: 0 10px 10px;
            font-size: 1.6rem;
            font-size: 16px;
            line-height: 1.6;
            color: #000; }
            dd.sub a {
                font-size: 1.6rem;
                font-size: 16px;
                line-height: 1.2; }
/* business */
.business {
    margin: 0 auto;
    padding: 0 10px;
    font-size: 1.3rem;
    font-size: 13px;
    border-bottom: 1px solid #e0dfda;
}
.business .tab {
    background: #ddd;
    margin: 40px auto;
    width: 80%;
    font-size: 1.5rem;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    overflow:hidden;
    border: 1px solid #ddd;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px; }
.business .tab li {
    width: 50%;
    padding: 20px;
    line-height: 1;
    background: #fff;
    vertical-align: middle;
    color: #231815;
    float:left;
cursor: pointer;}
.business .tab li.select { background:#efefef; color: #666;
    font-weight: normal;
cursor: default;}
.business_detail li {
    text-align: left;
    background:#fff; }
.business_detail li div {
    margin-bottom: 40px; }
.business_detail .d_text {
    width: 60%;
    line-height: 1.8; }
.business_detail .d2_title {
    width: 100%;
    margin: 20px 0;
    font-size: 1.6rem;
    font-size: 16px;
    font-weight: bold;
    color: #231815;
    line-height: 1; }
.business_detail .d2_text {
    width: 100%;
    line-height: 1.8; }
.business_detail .d_img {
    width: 40%;
padding: 0 10px;}
.business_detail .d_img img{
    width: 100%;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px; }
.business_detail .d_img .right { margin-left: 40px; }
.business_detail .d_img .left { margin-right: 40px; }
.hide { display:none; }

@media screen and (min-width: 0px) and (max-width: 768px) {
.business {
    border-bottom: none;
}
    .title { width: 90%; }
    .store_box { width: 90%; }
    .company, .recruit, .business, .top_box { width: 90%; }
    ul.store_link { width: 90%; }
    .top_box {
        padding-top: 20px; }
    .top_box .left {
        float: none; }
    .t_title {
        margin-left: 0;
        width: 100%; }
    .t_text {
        margin-left: 0;
        margin-bottom: 10px;
        height: auto;
        width: 100%;
        font-size: 1.4rem;
        font-size: 14px; }
    .t_link {
        width: 100%;
        font-size: 1.2rem;
        font-size: 12px;
        margin-left: 0; }
     .top_box img {
         padding-top: 20px;
         width: 100%; }
    .business_detail .d_text { width: 65% }
    .business_detail .d_img { width: 30% }
    .business_detail .d_img img { width: 100%; }
    .store .s_text .s_title {
        font-weight: bold; }
    .store .s_img, .store .s_text {
        margin: 0 auto;
        float: none; }
    .store .s_img {
        width: 260px;
        padding-bottom: 20px;
        text-align: center; }
    .store .s_text {
        width: 100%;
        text-align: left; }
    .store .s_img img {
        width: 260px;
        height: 195px;
        overflow: hidden; }
}
@media screen and (min-width: 0px) and (max-width: 600px) {
    .title { margin-top: 20px; }
    ul.store_link img {
        display: none; }
    .store { font-size: 14px; }
    .s_slash {
        display: none; }
    .sp_block {
        margin: 6px 0; }
    <!--table, tbody, thead, tfoot, tr, th, td {
        display: block; }-->
    .business_detail {
        margin: 0 auto;
        text-align: center; }
    .business_detail .d_text { width: 100%; }
    .business_detail .d_img { text-align: center; width: 100%; margin-top: 20px;}
    .business_detail .d_img img { width: 50%; text-align: center;}
    .business_detail .right { float: none; margin-left: 0; }
    .business_detail .left { float: none; margin-right: 0; }
    .recruit table th  {
        width: 100%;
        font-weight: bold;
        border: none;
        padding: 10px 0px; }
    .recruit table td  {
        width: 100%;
        padding: 10px 0px; }
    .company table th {
        width: 100%;
        margin-left: 16px;
        text-align: left;
        padding: 10px 0px; }
    .company table td {
        width: 100%;
        margin-left: 26px;
        padding: 10px 0px; }
}

/* --------------------------------
 * shopping_guide
 * -------------------------------- */
.shopping_guide {
    color: #633919;
    margin: 0 auto;
    padding: 40px 0;
}
.shopping_guide .inner {
    background: #fff;
    padding: 40px 0;
}
.shopping_guide div.four_line {
    float: left;
    width: 33%;
    padding: 0 0 0 10px;
}
.shopping_guide div.four_line p.footer_title {
    background: url("http://choochoo.jp/img/common/cat_stamp.png") no-repeat 5px 50%,#fededf;
    width: 100%;
    font-weight: bold;
    text-indent: 2em;
    font-size: 1.6rem;
    font-size: 16px;
    line-height: 2.4;
    margin-bottom: 10px;
}
.shopping_guide div.four_line p {
    font-size: 1.3rem;
    font-size: 13px;
    line-height: 1.6;
}.shopping_guide div.four_line p a {
    font-size: 1.3rem;
    font-size: 13px;
    line-height: 1.6;
}
.shopping_guide div.four_line p.souryou {
    border: 3px solid #e1c78a;
    text-align: center;
    padding: 10px 0px;
    margin: 5px 0;
    font-weight: bold;
    font-size: 1.6rem;
    font-size: 16px;
    line-height: 1.2;
}
.shopping_guide div.four_line .midasi {
    font-weight: bold;
    background: url("http://choochoo.jp/img/common/footer_arrow.png") no-repeat 0 50%;
    width: 100%;
    text-indent: 1.5em;
    margin-bottom: 5px;
}
.shopping_guide div.four_line a.sg_more {
    background-color: #0098bc;
    cursor: pointer;
    color: #fff;
    padding: 5px 14px;
    text-decoration: none;
    margin-left: 6px;
    display: inline;
}

@media screen and (max-width: 768px){
    .shopping_guide div.four_line img {
        width: 100%;
        border: 1px solid #eee;
        margin-bottom: 8px;
    }
.shopping_guide div.four_line {
    float: none;
    width: 100%;
    padding:  0 10px;

    margin-bottom: 20px;
    }
}
/* --------------------------------
 * footer
 * -------------------------------- */
#pageTop {
    display: none;
    position: fixed;
    bottom:50px;
    right: 10px;
    width:48px;
    height:48px;
    z-index: 10;
    cursor: pointer;/*
    background: #6A361F;*/
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px; }
.copyright {
    text-align: center;
    font-size: 1.1rem;
    font-size: 11px;
    line-height: 1.2;
    margin-top: 30px;
}
.ft_large {
    font-size: 1.4rem;
    font-size: 14px;
    margin-bottom: 8px;
}
footer .inner {
    background: #ff5576;
    padding: 40px 0;
}
footer a {
    color: #fff;
    line-height: 1.6;
    border-bottom: none;
}
footer a:hover {
    color: #fff;
}
footer ul {
    text-align: center;
}
footer ul li {
    display: inline-block;
    padding: 0 10px;
    border-right: 1px solid #fff;
}
footer ul li:last-child {
    border-right: 0;
}
@media screen and (max-width: 768px){
    footer { padding: 0; }
    footer .inner {
        background: #ff5576;
        padding: 0 0;
    }
    .footer_l {
        padding: 15px;
        text-align: center;
    }
    footer>ul {
        position: absolute;
        width: 100%;
        top: 0;
        margin: 0;
    }
    footer ul li {
        padding: 0;
        display: block;
        border-right: none;
        border-bottom: 1px dotted #fff;
    }
    footer ul li a {
        padding: 15px;
        display: block;
    }
    .copyright {
        padding: 20px 0 20px;
    }
}
.alert {
    font-size: 1.6rem;
    font-size: 16px;
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
    text-align: left;
    padding: 20px 20px 10px 20px;
    margin: 40px auto 0;
    border: 1px solid transparent;
    border-radius: 4px;
}
/* store */
ul.store_link {
    padding-top: 20px;
    margin: 0 auto; }
ul.store_link li {
    width: 49%;
    padding: 12px 0;
    float: left;
    text-align: center;
    background:-moz-linear-gradient( center top, #654836 34%, #8B6949 71% );
    background:-ms-linear-gradient( top, #654836 34%, #8B6949 71% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#654836', endColorstr='#8B6949');
    background:-webkit-gradient( linear, left top, left bottom, color-stop(15%, #65422c), color-stop(80%, #8e6035) );
    background-color:#654836;
    font-size: 1.2rem;
    font-size: 12px; }
ul.store_link li:first-child {
    margin-right: 1%; }
ul.store_link li:last-child {
    margin-left: 1%; }
ul.store_link li a {
    color: #fff;
    font-size: 1.4rem;
    font-size: 14px;
font-weight: bold; }
ul.store_link li img {
    margin-right: 4px; }
.store_box {
    width: 700px;
    margin: 0 auto;
    text-align: left; }
.store {
    padding-bottom: 20px;}
.store .s_img, .store .s_text {
    float: left; }
.store .s_img {
    width: 200px; }
.store .s_img img {
    width: 200px;
    height: 150px; }
.store .s_text {
    width: 490px;
    background: #fff;
    margin-left: 10px;
    font-size: 1.2rem;
    font-size: 12px; }
.store .s_text .s_title {
    font-size: 1.6rem;
    font-size: 16px; }
.store .s_text .s_detail {
    margin: 10px 0;
    line-height: 1.8; }
.store .s_text .s_comment {
    margin: 10px 0;
    padding: 10px;
    line-height: 1.8;
    border: 3px solid #ddd;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px; }
.store .s_text a { color: #7C3519; text-decoration: underline; }
.store .title {
    margin-top: 20px;
}
.store .title a {
    background: #ef8d2c;
    color: #fff;
    padding: 4px 20px;
    text-align: center;
}

#sysPayment .sysRequired{
color: #ffcaca;
}
#sysPayment input[type=radio] {
margin-right:4px;
}
.sysCart .nav {
text-align:left;
}
#sysBasket .nav {
text-align: center;
}
#sysConfirm .sysProduct .nav {
text-align: center;
}
.sysCart #sysMain {
    float: right;
    width: 720px !important;
    margin: 0 20px 0 0 !important;
    background: #fff;
padding: 10px 9px !important;
    margin-bottom: 50px !important;
}
@media screen and (max-width: 768px){
.sysCart #sysMain {
    float: none;
    width: 100% !important;
}
.sysCart #sysMain .nav {
    display: block;
}
}
.sysCartTitle {
    background-color: #ff5576;
    border-bottom: 3px solid #eae6e1;
font-weight:bold;
    /* margin-bottom: 10px; */
    /* padding-left: 10px; */
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.6;
    margin-top: 10px;
    padding-bottom: 5px;
}
.sysCart #sysMain input[type=submit], .sysCart #sysMain button[type=submit], .sysCart #sysMain button {
    -webkit-appearance: none;
    background: #888;
    color: #fff;
    border: none;
    padding: 6px 8px;
    font-size: 1.2rem;
    font-size: 12px;
    font-weight: bold;
    /* width: 80%; */
    margin: 10px auto 5px;
    /* padding-top: 10px; */
    /* text-align: center; */
    cursor: pointer;
    border-radius: 4px;
    /* float: left; */
    width: 30%;
}
.sysSubTotalArea {
    padding: 17px 0;
    font-size: 18px;
}
.table_list_image {
width: 100%;
}
.table_list_image tr td {
display: inline-block;
width: 100px;
padding-right:10px;
}
.table_list_image tr td a img {
max-width: 100px;
}

.cate_box  h2 {
    display: block;
    font-size: 1.2rem;
    font-size: 12px;
    height: 30px;
    line-height: 24px;
    text-indent: 2em;
    color: #E54B79;
    background: url('http://choochoo.jp/img/common/cat_stamp_off.png') no-repeat;
    background-position: 5px 50%;
    white-space: nowrap;
    overflow: hidden;
    border-bottom: none;
    -webkit-transition: all 0.0s ease;
    -moz-transition: all 0.0s ease;
    -o-transition: all 0.0s ease;
    transition: all  0.0s ease;
}
.cate_box  h2:hover {
    background-position: 3px 48% !important;
    background: url('http://choochoo.jp/img/common/cat_stamp.png') no-repeat,#fdecd7;
}
.cate_10 {
    border-bottom: 6px solid #fededf !important;
    margin-bottom: 10px !important;
}
.motif_cate .active {
border-bottom: 6px solid #f3f3f3 !important;
}
.s-price {
    border-width: 0 6px 6px !important;
}
.sysAccordion:after {
    content: '+';
color: #E54B79;
    position: absolute;
right: 0px;
    top: -10px;
    font-weight: normal;
}
.sysAccordionHide:after {
    content: '-';
    right: 16px;
top: 4px;
}
.mainCnt {
    border-color: #fff;
    border-style: solid;
    border-radius: 0px;
    border-width: 0px;
    box-shadow: 0px 0px 0px gray;
}
.mainCnt .sysHeadline {
    border-bottom: 0;
    background-color: #fff;
    color: #ffffff;
    font-size: large;
    padding: 5px 0;
}

.mainCnt .sysHeadline img{
padding-bottom:26px;
}
.mainCnt h2.sysHeadline {
background: url(http://choochoo.jp/img/common/cat_stamp.png) 10px 50% no-repeat,#fff;
    color: #fc758b !important;
    font-size: 1.4rem;
    font-size: 14px;
    line-height: 1.2;
    color: #0098BC;
    font-weight: bold;
    border-bottom: 2px solid #fc758b;
    margin-bottom: 15px;
    padding: 15px 10px;
}
.form-inquiry #sysMain h2 {
    color: #fc758b !important;
    font-size: 1.4rem;
    font-size: 14px;
    line-height: 1.2;
    color: #0098BC;
    font-weight: bold;
    border-bottom: 2px solid #fc758b;
    margin-bottom: 30px;
    padding: 15px 10px 15px 0;
}
.mainCnt h2.sysHeadline  span, .form-inquiry #sysMain h2 span{
    display: inline-block;
    padding-left: 28px;
}
.mainCnt {
    font-size: 1.4rem;
    font-size: 14px;
    line-height: 1.4;
}
.p-ranking .sysHeadline {
    background: url(http://choochoo.jp/img/common/ranking_title.png) 50% 50% no-repeat, url(http://choochoo.jp/img/common/ranking_title_bg.png) repeat-x;
    height: 66px;
}
.p-news h2 {
margin-bottom:0 !important;
}
.p-news ul {
background: #f9f9f9;
padding: 10px ;
}
.p-news ul li {
    background: url(http://choochoo.jp/img/common/new_re.png) left 50% no-repeat;
    padding-left: 40px;
}
.p-news ul li a {
color:#633919;
}
.p-ranking .sysContent .sysIconRank {
        position: absolute;
    top: 5px;
    left: 5px;
    text-align: left !important;
    margin-bottom: 10px;
    z-index: 10;
text-align:left !important; margin-bottom:10px;}
.p-pickup .sysContent .sysHorizontal li ,.p-newItem .sysContent .sysHorizontal li ,.p-freeitem .sysContent .sysHorizontal li {
float:none;
    display: inline-block;
    vertical-align: top;
    width: 24% !important;
    padding: 0 2% 15px  !important;
    border-radius:4px;
}
.p-ranking .sysContent .sysHorizontal li {
    float: none;
position:relative;
    display: inline-block;
    vertical-align: top;
    width: 30% !important;
    padding: 0 0 15px !important;
margin:0 1%;
    background: #fff;
}
.p-ranking .sysItemBlock {
    padding: 15px 15px 30px 15px;
    background: #fcd9da;
}
.p-ranking .sysContent .sysHorizontal li .sysItemImage {
    padding: 10px;
}
@media screen and (max-width: 768px) {
.p-pickup .sysContent .sysHorizontal li ,.p-newItem .sysContent .sysHorizontal li ,.p-freeitem .sysContent .sysHorizontal li {
float:none;
    width: 48% !important;
}
.main-banner-half {
    float: none;
    display: inline-block;
    padding-bottom: 20px;
    width: 49%;
    vertical-align: top;
}
.main-banner-half:nth-child(odd)  {
    padding-right: 5px;
}.main-banner-half:nth-child(even)  {
    padding-left: 5px;
}
}
@media screen and (max-width: 640px) {
.p-ranking .sysContent .sysHorizontal li {
    float: none;
position:relative;
    display: inline-block;
    vertical-align: top;
    width: 90% !important;
    padding: 0 0 15px !important;
margin:0 0 20px;;
}
.main-banner-half {
    float: none;
    display: inline-block;
    padding-bottom: 10px;
    width: 100%;
    vertical-align: top;
}
.main-banner-half img{
    width: 100%;
}
.main-banner-half:nth-child(odd)  {
    padding-right: 0;
}.main-banner-half:nth-child(even)  {
    padding-left: 0;
}
}
.sysItemName,.sysItemPrice {
text-align:left;
padding:0 2px;
}
/*.p-pickup .sysItemName, .p-newItem .sysItemName {
text-align:left;
}*/
.cate_sample li, .special_banner li {
    float: left;
    padding-right: 10px;
    padding-bottom: 20px;
    width: 50%;
}
.cate_sample li:nth-child(even), .special_banner li:nth-child(even) {
    padding-left: 10px;
    padding-right: 0;
}
.cate_sample:after, .special_banner:after {
    display: block;
    clear: both;
    content: "";
}
.birth_banner li:first-child {
    padding-bottom: 20px;
}
/*下層*/
.sysItemCategoryPankuzu, .sysCategoryPankuzu {
color:#ccc;
    font-size: 1.2rem;
    font-size: 12px;
    line-height: 1.2;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #f9f9f9;
}
.sysItemCategoryPankuzu a, .sysCategoryPankuzu  a{
margin: 0;
color: #939393;
}

/*
#sysItemCategory .sysItemCategoryPankuzu, .sysCategoryPankuzu {
padding-top:10px;
}
*/

#sysMain .sysItemName h1 {
color:#fc758b;
    /* margin-bottom: 10px; */
    /* padding-left: 10px; */
    font-size: 20px;
    font-size: 2.0rem;
line-height:1.4;
    margin: 10px 0 10px;
}
.sysMainImage.sysMainImageModal img {
    padding-bottom: 20px;
    width: 100%;
}
.sysDescription {
background:#f7f7f7;
    padding: 15px;
    float: left;
    font-size: 1.8rem;
    font-size: 18px;
    line-height: 2;
    width: 100%;
    /* clear: both; */
}
.sysDescription:after {
    display: block;
    clear: both;
    content: "";
}
.order_right {
    float: left;
width:50%;
}
#sysItemDetail {
color:#633919;
}
#sysItemDetail .sysShare {
    margin-top: 20px;
    padding: 10px 10px;
    background: #f1f1f1;
    /* float: right; */
    width: 90%;
    text-align: center;
}
button.sysButton {
    padding: 5px 10px;
    margin-top: 20px;
    -webkit-appearance: none;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    cursor: pointer;
    width: 40%;
}
#sysSubmit input.sysCartButton {
    -webkit-appearance: none;
    background: #339933;
    color: #fff;
    border: none;
    padding: 20px 8px;
    font-size: 1.8rem;
    font-size: 18px;
    font-weight: bold;
    width: 80%;
margin-top:10px;
    /* margin: 15px auto; */
    /* padding-top: 10px; */
    /* text-align: center; */
    cursor: pointer;
border-radius:4px;
    /* float: right; */
    /* width: 30%; */
}
#sysSubmit input.sysCartButton[disabled] {
    background: #ececec;
    color: #fff;
    cursor: default;
}
.sysItemImages {
    padding: 10px 0;
}
button.sysBtnPlus, button.sysBtnMinus {
    -webkit-appearance: none;
    background: #888;
    color: #fff;
    border: none;
    padding: 6px 8px;
    font-size: 1.2rem;
    font-size: 12px;
    font-weight: bold;
    /* width: 80%; */
    margin: 10px auto 5px;
    /* padding-top: 10px; */
    /* text-align: center; */
    cursor: pointer;
    border-radius: 4px;
    /* float: left; */
    width: 39%;
}
#sysItemDetail .sysRetailPrice {
    /* font-size: large; */
    font-size: 1.4rem;
    font-size: 14px;
    padding: 6px 9px 7px 0;
    color:#222;
    /* 10/28指示により変更前 color: #ec4d33; */
    /* clear: both; */
}
span.sysRetailPriceValue {
    font-size: 2.2rem;
    font-size: 22px;
    font-weight: bold;
color:#4a494b;
}
#sysExplanation {
margin:26px 0;
line-height:1.6;
}
.sysExplanation {
line-height:2.4;
    margin-bottom: 20px;
}
.sysExplanation span{
    display: inline-block;
    width: 100%;
font-weight:bold;
    font-size: 1.8rem;
    font-size: 18px;
    color: #ed739a;
    line-height: 45px;
margin-bottom:10px;
    background: url(http://choochoo.jp/img/common/detail_lead_bg2.png) no-repeat right bottom,url(http://choochoo.jp/img/common/detail_lead_bg1.png) repeat-x left 36px;
}
.orderArea .sysThumbnailImage {
    float: left;
    width: 48%;
    margin-right: 2%;
    /* vertical-align: top; */
}
div#right_block_order {
    float: right;
    width: 48%;
}
.orderArea {
   padding-bottom:26px;
}
.orderArea:after {
    display: block;
    clear: both;
    content: "";
}

.sysItemList ul.sysThumbnail li {
    float: none !important;
    display: inline-block;
    float: none;
    width: 24% !important;
    vertical-align: top;
    padding: 0 0 15px 0 !important;
}
.sysItemList ul.sysThumbnail li a img {
    width: 100%;
    padding-bottom: 8px;
    border-top: 10px solid #fff;
    border-right: 10px solid #fff;
    border-bottom: 0;
    border-left: 10px solid #fff;
}
#sysItemCategory .sysItemName a {line-height:1.4;color: #524c4f;font-weight: bold;}
.sysItemCategoryCtl {
    font-size: 12px;
}
.sysItemCategoryCtl a {
    display: inline-block;
    padding: 2px 4px;
    background: none;
    border: 1px solid #999999;
    border-radius: 3px;
    text-decoration: none;
    margin: 2px 0;
}
.sysThumbnail form .sysCartButton {
       -webkit-appearance: none;
    background: #ea6c8b;
    color: #fff;
    border: none;
    padding: 20px 8px;
    font-size: 1.8rem;
    font-size: 18px;
    font-weight: bold;
    width: 100%;
    margin-top: 10px;
    /* margin: 15px auto; */
    /* padding-top: 10px; */
    /* text-align: center; */
    cursor: pointer;
    border-radius: 4px;
    /* float: right; */
    /* width: 30%; */
}
.sysBlock.order_right div, div#right_block_order div {
    margin-bottom: 0;
}
@media screen and (max-width: 768px) {

.sysExplanation {
    margin-bottom: 0;
}
.sysItemList ul.sysThumbnail li {
    width: 48% !important;
}
.sysDescription {
    width: 100%;
    float: none;
}
.order_right {
margin-top:10px;
    float: none;
    width: 100%;
}

#sysSubmit input.sysCartButton, #sysItemDetail .sysShare, .orderArea .sysThumbnailImage, div#right_block_order{
float:none;
    width: 100%;
}

.orderArea .sysThumbnailImage img {
width: 100%;
}
#sysExplanation {
    margin: 0 0 26px;
}
}
.shop_header {
    margin-bottom: 26px;
}
.shop_header p, .shoplist_main_content p {
    font-size: 1.2rem;
    font-size: 12px;
line-height: 1.6;
}
.shoplist_main_content p {
    margin-bottom: 10px;
}
.form-inquiry .sysForm {
    float: none;
    width: 100%;
}
.form-inquiry #sysMain {
padding: 10px 9px !important;
}

.form-inquiry #sysMain  input,
.form-inquiry #sysMain  textarea {
    border: 1px solid #b0b0b0;
    width: 100%;
    margin: 0 auto;
    padding: 10px 5px;
    font-size: 1.6rem;
    font-size: 16px;
    line-height: 1.4em;
}
.form-inquiry #sysMain input[type=submit] {
    border: 1px solid #b0b0b0;
    color: #fff;
    background: #EE8D00;
    width: 100%;
    margin: 0 auto;
    padding: 10px 5px;
    font-size: 1.6rem;
    font-size: 16px;
    line-height: 1.4em;

  border-radius: 4px;
}
.form-inquiry h2 {
padding: 10px 0 20px;
}
.form-inquiry .sysFormField {
    padding: 10px 0 20px;
}

#sysMypageLogin div#sysMain, #sysMemberRegisterIndex div#sysMain {
    padding: 10px 9px !important;
}
#sysMemberRegisterIndex .sysForm {
width:100%;
    float: none;
}
#sysMypageLogin h2, #sysMypageLogin h3,#sysMemberRegisterIndex #sysMain h2{    padding: 10px 0 20px !important;
}
#sysMypageLogin .sysLoginForm .sysFormItem input , #sysMemberRegisterIndex .sysForm .sysFormItem input {
    padding: 10px;
    margin: 10px 0 20px;
    /* width: 80%; */
}
#sysMypageLogin .sysLoginForm .sysFormItem input {
 width: 100% !important;
}
#sysMemberRegisterIndex .sysAddress2 .sysFormField input {
 width: 80%;
}
#sysMemberRegisterIndex .sysMailaddress .sysFormField input {
 width: 50%;
}
/*#sysMypageLogin .sysLoginForm form input[type=submit].sysLoginButton, #sysMemberRegisterIndex #sysMain #form_main input[type=submit] {
    border: none;
    color: #fff;
    background: #EE8D00;
    width: 100%;
    margin: 0 auto 20px;
    padding: 10px 5px;
    font-size: 1.6rem;
    font-size: 16px;
    line-height: 1.4em;
    cursor: pointer;
    border-radius: 4px;
    font-weight: bold;
    -webkit-appearance: none;
}*/
#sysMypageLogin .sysLoginForm form input[type=submit].sysLoginButton,
#sysMemberRegisterIndex #sysMain #form_main input[type=submit] {
    width: 100%;
    margin: 0 auto 20px;
    padding: 10px 5px;
    font-size: 1.6rem;
    font-size: 16px;
    cursor: pointer;    font-weight: bold;
    border: 1px solid #f56778;
    background-color: #f56778;
    background-image: -webkit-linear-gradient(top, #ff7c9e, #f56778);
    background-image: linear-gradient(to bottom, #ff7c9e, #f56778);
    border-radius: 4px;
    color: #fff;
    line-height: 50px;
    -webkit-transition: none;
    transition: none;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}
#sysMypageLogin .sysLoginForm form input[type=submit].sysLoginButton:hover,
#sysMemberRegisterIndex #sysMain #form_main input[type=submit]:hover {
    border:1px solid #ff7686;
    background-color: #ff7686;
    background-image: -webkit-linear-gradient(top, #ff9db7, #ff7686);
    background-image: linear-gradient(to bottom, #ff9db7, #ff7686);
}
#sysMypageLogin .sysLoginForm form input[type=submit].sysLoginButton:active,
#sysMemberRegisterIndex #sysMain #form_main input[type=submit]:active {
    background: #f56778;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .2);
    color: #d24757;
    text-shadow: 0 1px 1px rgba(255, 255, 255, .5);
}
#sysMemberRegisterIndex .sysForm .sysFormItem button.sysButton {
margin: 0 0 20px !important;
}
#sysMemberRegisterIndex .sysForm .sysFormItem .sysFormField select {
    margin: 10px 0 20px !important;
}
#sysPurchaseAuthMember .sysForm, #sysBillingAddress .sysForm {
float: none;
width: 100%;
padding: 10px 9px !important;
margin-bottom: 20px;
}
.sysBlock:after{
  content: "";
  display: table;
  clear: both;
}
.sysMainImage.sysMainImageModal {
    width: 100%;
}
@media screen and (max-width: 768px) {
.sysMainImage.sysMainImageModal {
    float: none;
    width: 100%;
}
ul.sysImageList {
    float: none;
    width: 100%;
}
}
/*** Slideshow ***/
.swiper-pagination-bullet-active {
   /* background: #0098BC !important;*/
    opacity: 0.9 !important;
}
.swiper-pagination-bullet {
    background: #eee !important;
    opacity: 0.6;
}
.swiper-slide {
background-color: #f4f4f4;
}
.swiper-container, .swiper-wrapper {  width: 926px; position: relative;}
.swiper-wrapper {padding: 0 0 0;
    margin: 0 auto;}
.swiper-wrapper {height: 426px; width: 926px;}
.post {
    font-size: 1.2rem;
    font-size: 12px;
    line-height: 1.6;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.post img {display: block; float: left; width: 695px; position: relative; top: -20px; left: -30px;}
.post {padding: 20px 30px 0;}
.post p {padding-bottom: 14px;}
.post-category {font-size: 11px; color: #d9d9d9; text-transform: uppercase; margin-bottom: 5px;}
.post a {color: #000;}
.post .post-category a {text-decoration: none;}
.post .post-category a:hover {text-decoration: underline;}
.post h2 {margin-bottom: 5px;}
.post h2, .post h2 a {color: #000; font-size: 16px; font-weight: normal;text-decoration: underline;}
.post h2 a:hover {text-decoration: underline;}
.post .post-meta {font-size: 11px; font-style: italic; color: #656363; margin-bottom: 20px;}
.post .post-meta span, .post .post-meta a {color: #000; text-decoration: none; font-family: Helvetica, Arial, sans-serif; font-style: normal;}
.post .post-meta a:hover {text-decoration: underline;}
.post .post-author {text-transform: uppercase;}
.post-content {margin-bottom: 15px; }
.mvisual_detail {
    text-align: left;
color: #000;
}
#larr, #rarr {display: block; width: 26px; height: 60px; position: absolute; top: 186px !important; opacity: 0.2; z-index: 99 !important;}
#larr {background: #000 url("http://choochoo.jp/img/arrow_prv.png") 0 50% no-repeat; left: 0 !important;}
#rarr {background: #000 url("http://choochoo.jp/img/arrow_nxt.png") 0 50% no-repeat; right: 0 !important;}
#larr:hover, #rarr:hover {opacity: 1;}
.post h2.mainv_title a {
    font-size: 1.8rem;
    font-size: 18px;
    line-height: 1.8;
}
@media screen and (max-width: 768px) {
    .swiper-container, .swiper-wrapper {width: 100%;    background-color: #f4f4f4;}
    #slideshow, .slideshow { height: 90vw; width: 100%; }
    .swiper-pagination-bullet-active {
   /* background: #0098BC !important;*/

    opacity: 0.9 !important;
}
    .mvisual_detail {
        padding: 10px 10px 40px;
    }
.swiper-pagination-bullet {
    background: #0098BC !important;
    opacity: 0.4;
}
.swiper-wrapper {background-color: #f4f4f4; height: auto; width: 100%;}
    .post img {
        width: 100%;
    display: block;
    float: none;
    position: relative;
    top: 0;
        left: 0;
    }
    .post {
     padding: 0;
}
.slick-slide div {
    position: relative;
    width: 100%;
    height: auto;
    padding: 10px;
    background: #F4F4F4;
    font-size: 1.2rem;
    font-size: 12px;
    line-height: 1.4;
}
    .post p.sphide {
        display: none;
    }
    .slick-slide p {
        padding-bottom: 4px;
    }
}
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8; }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover,
  .mfp-close:focus {
    opacity: 1; }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover,
  .mfp-arrow:focus {
    opacity: 1; }
  .mfp-arrow:before,
  .mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  .mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  .mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }



      /**
       * Simple fade transition,
       */
      .mfp-fade.mfp-bg {
        opacity: 0;
        -webkit-transition: all 0.15s ease-out;
        -moz-transition: all 0.15s ease-out;
        transition: all 0.15s ease-out;
      }
      .mfp-fade.mfp-bg.mfp-ready {
        opacity: 0.5;
      }
      .mfp-fade.mfp-bg.mfp-removing {
        opacity: 0;
      }

      .mfp-fade.mfp-wrap .mfp-content {
        opacity: 0;
        -webkit-transition: all 0.15s ease-out;
        -moz-transition: all 0.15s ease-out;
        transition: all 0.15s ease-out;
      }
      .mfp-fade.mfp-wrap.mfp-ready .mfp-content {
        opacity: 1;
      }
      .mfp-fade.mfp-wrap.mfp-removing .mfp-content {
        opacity: 0;
      }
/*以下追加分*/
.setsumeibun table{
    width:450px;
    border:solid 1px #cccccc;
    align:center;
    background-color:#999999;

}
.setsumeibun td{
    width:90px;
    height:20px;
    background-color:#FFFFFF;
    color:#999999;
}
#feed {
    padding: 10px 0 0;
    clear: both;
}
#feed li {
    vertical-align: top;
    display:inline-block;
    padding-right: 10px;
    padding-bottom: 20px;
    width: 50%;
}
#feed li:nth-child(even) {
    padding-left: 10px;
    padding-right: 0;
}
#feed li a img {
    /*padding-bottom: 8px;
    border-top: 20px solid #fff;
    border-right: 20px solid #fff;
    border-bottom: 0 solid #fff;
    border-left: 20px solid #fff;*/
}
#feed li a h4 {
line-height: 1.6;
}
#feed .rss-thumbnail p {
    width: 350px;
    height: 200px;
    overflow: hidden;
}
@media screen and (max-width: 768px) {
#feed li {
    float: none;
    padding-right: 0;
    padding-bottom: 20px;
    width: 100%;
}
#feed li:nth-child(even) {
    padding-left: 0;
    padding-right: 0;
}
#feed .rss-thumbnail p {
    width: 100%;
    height: 48vw;
    overflow: hidden;
}
#feed li a img {
width:100%;
}
.rss_wp{
margin-bottom:40px;
}
}
/*追加記入 */
table.shousai{
    width: 100%;
    font-size: 0.8em;
}

.shousai th{
    width: 26%;
    text-align: center;
    color: #FFFFFF;
    background-color: #888888;
    padding: 5px 0 3px 3px;
        border: 1px solid #AAAAAA;

}


.shousai td{
        width: 73%;
    background-color: #FFFFFF;
    color: #666666;
    padding: 5px 0 3px 3px;
        border: 1px solid #888888;
}

@media screen and (max-width: 600px){
.shousai th{
      width:100%;
}
.shousai td{
      width:100%;
}
}

.sysReview{
    text-align: center;
}

.sysReview input{
    width: 80%;
    background: #05b3d0;
    border-radius: 4px;
    padding: 10px 8px;
    color: #ffffff;
    font-weight: bold;
    box-shadow: 0 0 0 3px #fff, 0 0 0 4px #05b3d0;
    margin-top: 10px;
}


.sysSelectionDescription{
    color: #FF5722;
    padding-bottom: 10px;
    font-size: 90%;
}

@media screen and (min-width: 768px) {
.sysExplanation img{
width:650px;
}
}

#sysSelections div{
margin-bottom: 8px;
}
.category_catch {
margin-top:20px;
}
.news-row {
}
.orderImage {
width:100%;
margin-bottom:20px;
}
.sysImageDescription {
margin:10px 0;
    font-size: 1.8rem;
    font-size: 18px;
    line-height: 1.8;
}
.order-left{width:50%;}
.order-right {
margin-left:4%;
width:46%;
}
.recommend h3.sysHeadline, .recent_item  h3.sysHeadline{
    display: inline-block;
    width: 100%;
    font-weight: bold;
    font-size: 1.8rem;
    font-size: 18px;
    color: #ed739a;
    line-height: 45px;
    margin-bottom: 10px;
    background: url(http://choochoo.jp/img/common/detail_lead_bg2.png) no-repeat right bottom,url(http://choochoo.jp/img/common/detail_lead_bg1.png) repeat-x left 36px;
}
.recommend, .recent_item {
margin-bottom: 40px;
}
.recommend .sysContent ul.sysHorizontal, .recent_item .sysContent ul.sysHorizontal {
text-align:left;
}
.recommend .sysContent .sysHorizontal li, .recent_item .sysContent .sysHorizontal li {
float:none;
display: inline-block;
 width: 23%;
padding:5px 1%;
    vertical-align: top;
}
#sysItemSearch #sysMain form{

    border: 1px solid #efefef;
    padding: 15px;
    margin-top: 15px;
}
#sysItemSearch #sysMain form div{
margin: 10px 0;
}
@media screen and (max-width: 768px) {
.search_box input[type=search] {
    margin-top: 2px;
    padding: 10px 50px 10px 8px !important;
    line-height: 1.2;
    border: 1px solid #ccc;
    height: 44px;
    margin: 20px 0;  /*数値はご自由にご変更ください*/
}
.search_box input.sysSearchButton {
	margin-top: 14px; /*数値はご自由にご変更ください*/
    position: absolute;
    border: none;
    /* padding: 10px; */
    width: 36px !important;
    /* background: #000; */
    /* color: #fff; */
    text-indent: -999px;
    height: 22px;
    right: 8px;
    top: 14px;
    background: url(http://choochoo.jp/img/common/search.png) 50% 50% no-repeat;
    background-size: 20px;
}
.recommend .sysContent .sysHorizontal li, .recent_item .sysContent .sysHorizontal li {
float:none;
display: inline-block;
    width: 48%;
padding:5px 1%;
}
.orderArea {
    padding-bottom: 20px;
}
.orderArea .left, .orderArea .right { float:none;}
.order-left{width:100%;
margin-bottom:20px;}
.order-right {
margin-left:0;
width:100%;
}
.saidebanner_top {
margin-top:40px;
}
}

.rss_wp h2.sysHeadline {
    background: url(http://choochoo.jp/img/common/cat_stamp.png) 10px 50% no-repeat,#fff;
    color: #fc758b !important;
    text-indent: 2em;
    font-size: 1.4rem;
    font-size: 14px;
    line-height: 1.2;
    color: #0098BC;
    font-weight: bold;
    border-bottom: 2px solid #fc758b;
    margin-bottom: 15px;
    padding: 15px 10px;
}
.footerCnt {
margin-bottom: 0;
}
#tokusho #sysMain h3,#privacypolicy #sysMain h3 {
border-left:3px solid #a99b8f;
padding-left: 8px;
    font-size: 1.4rem;
    font-size: 14px;
    line-height: 1.6;
color: #45311F;
margin:10px 0 10px;
}
#guide #sysMain h3 {
    font-size: 1.4rem;
    font-size: 14px;
    line-height: 2;
border-bottom: 1px dotted #EE769C;
color: #45311F;
margin-top:20px;
margin-bottom: 10px;
}
#guide #sysMain h4 {
    font-size: 1.2rem;
    font-size: 12px;
    line-height: 1.4;
background: url(http://choochoo.jp/img/common/guide-icon.gif) no-repeat left center;
color: #45311F;
margin-bottom: 10px;
    padding-left: 16px;
}
#tokusho #sysMain p,#privacypolicy #sysMain p , #guide #sysMain p{
line-height:1.6;
margin-bottom:10px;
}
#privacypolicy #sysMain ul {
padding: 0 10px 4px 10px;
}
#privacypolicy #sysMain ul li {
margin-bottom:8px;
}
#sysMemberRegisterConfirm #sysMain .sysForm {
    /* border: 1px solid #ccc; */
    padding: 20px;
    margin-top: 20px;
    background: #fffbf5;
}
#sysMemberRegisterConfirm #sysMain label.sysFormLabel {
    font-weight: bold;
    color: #633919;
    display: inline-block;
    padding-bottom: 10px !important;
}
#sysMemberRegisterConfirm #sysMain .sysFormField {
    padding: 10px;
    margin-bottom: 20px;
    line-height: 1.4;
    background: #fff;
    border: 1px solid #f1f1f1;
    border-radius: 8px;
}
#sysMemberRegisterConfirm #sysMain input.sysNextSubmit {
    border: 1px solid #b0b0b0;
    color: #fff;
    background: #EE8D00;
    width: 100%;
    margin: 0 auto;
    padding: 10px 5px;
    font-size: 1.6rem;
    font-size: 16px;
    line-height: 1.4em;
    border-radius: 4px;
}
#sysMemberRegisterRegister #sysMain p {
    padding: 40px;
    text-align: center;
}
.sysCart .sysBox .sysProduct {
    text-align: left;
    padding: 15px;
}
#sysInformation #sysMain h1 {
color:#231815;
    border-bottom: 3px solid #eae6e1;
    /* margin-bottom: 10px; */
    /* padding-left: 10px; */
    font-size: 18px;
    font-size: 1.8rem;
line-height:1.4;
    margin-top: 10px;
    padding-bottom: 5px;
    font-weight: bold;
}
.sysNewsDetail {
color:#6E625C;
margin-top:15px;
    font-size: 16px;
    font-size: 1.6rem;
line-height:1.6;
}
.sysCart #sysAside .cate_box  h2:hover{
    display: block;
    font-size: 1.2rem;
    font-size: 12px;
    height: 30px;
    line-height: 24px;
    text-indent: 2em;
    color: #E54B79;
    background: url('http://choochoo.jp/img/common/cat_stamp_off.png') no-repeat;
    background-position: 5px 50%;
    white-space: nowrap;
    overflow: hidden;
    border-bottom: none;
    -webkit-transition: all 0.0s ease;
    -moz-transition: all 0.0s ease;
    -o-transition: all 0.0s ease;
    transition: all  0.0s ease;
}
.sysCart  #sysAside .cate_box  h2:hover {
    background-position: 3px 48% !important;
    background: url('http://choochoo.jp/img/common/cat_stamp.png') no-repeat,#fdecd7;
}
#sysExplanation,
#sysExplanationPc,
#sysExplanationMobile,
#sysExplanation p,
#sysExplanationPc p,
#sysExplanationMobile p
 {
    line-height: 1.6;
    color: #6C5F59;
    font-size: 1.8rem;
    font-size: 18px;
    font-weight: bold;
}
.sysPagination {
margin-top:20px;
}
.recommend  ul.sysHorizontal, . recent_item  ul.sysHorizontal {
    text-align: left;
}
.sysMypage #sysMain h2 {
    color: #fc758b !important;
    font-size: 1.4rem;
    font-size: 14px;
    line-height: 1.2;
    color: #0098BC;
    font-weight: bold;
    border-bottom: 2px solid #fc758b;
    margin-bottom: 30px;
    padding: 15px 10px 15px 0;
}
.sysMypage #sysMain .sysForm {
width:100%;
    float: none;
}
.sysMypage #sysMain h3 {
    padding: 10px 0 20px !important;
}
.sysMypage #sysMain .sysFormItem input,
.sysMypage #sysMain  .sysFormItem select {
    padding: 10px;
    margin: 10px 0 20px;
}
.sysMypage #sysMain  .sysFormItem button.sysButton{
    margin: 0 0 20px !important;
}
.sysMypage  #sysMain  input[type=submit].sysNextSubmit {
    width: 100%;
    margin: 0 auto 20px;
    padding: 10px 5px;
    font-size: 1.6rem;
    font-size: 16px;
    cursor: pointer;    font-weight: bold;
    border: 1px solid #f56778;
    background-color: #f56778;
    background-image: -webkit-linear-gradient(top, #ff7c9e, #f56778);
    background-image: linear-gradient(to bottom, #ff7c9e, #f56778);
    border-radius: 4px;
    color: #fff;
    line-height: 50px;
    -webkit-transition: none;
    transition: none;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}
.sysMypage  #sysMain  input[type=submit].sysNextSubmit:hover {
    border:1px solid #ff7686;
    background-color: #ff7686;
    background-image: -webkit-linear-gradient(top, #ff9db7, #ff7686);
    background-image: linear-gradient(to bottom, #ff9db7, #ff7686);
}
.sysMypage  #sysMain  input[type=submit].sysNextSubmit:active {
    background: #f56778;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .2);
    color: #d24757;
    text-shadow: 0 1px 1px rgba(255, 255, 255, .5);
}
.sysMypage  #sysMain .sysAddress2 .sysFormField input {
    width: 80%;
}
.sysMypage  #sysMain .sysMailaddress .sysFormField input {
    width: 50%;
}
.sysMypageNav {
margin-top: 40px;
}
.sysMypageNav form {
    float: left;
    width: 20%;
margin-right:20px;
}
.sysMypage  #sysMain  input[type=submit].sysButton {
    width: 100%;
    margin: 0 auto 20px;
    font-size: 1.2rem;
    font-size: 12px;
font-weight:bold;
    border: 1px solid #999;
    background-color: #fff;
    border-radius: 4px;
    color: #444;
    line-height: 30px;
    -webkit-transition: none;
    transition: none;
    cursor: pointer;
}
.sysMypage  #sysMain  input[type=submit].sysButton:hover {
    border:1px solid #666;
    background-color: #f1f1f1;
}
.sysMypage  #sysMain  input[type=submit].sysButton:active {
    background: #fff;
    color: #aaa;
}
.sysMypage #sysMain li.sysOrder{
margin:10px 0 5px;
padding-bottom:5px;
border-bottom:1px dotted #ececec;
}
.sysMypage #sysMain p{
margin-bottom:20px;
}
#sysMypageEditDeliveryinput #sysMain input[type=submit].sysNextSubmit{
margin-top:20px !important;
}
.sysMypage #sysMain .sysSelectAddress {
    margin-bottom: 10px;
    padding: 5px 15px 0 15px;
}
.sysMypage #sysMain .sysSelectAddress button {
    padding: 10px;
    background: #fff;
    -webkit-appearance: none;
position:relative;
}
.sysMypage #sysMain .sysSelectAddress button:after {
    content: '>';
    color: #333;
    position: absolute;
    right: 13px;
    top: 25%;
    font-size: 3.0rem;
    font-size: 30px;
    font-weight: normal;
}
@media screen and (max-width: 768px) {

.sysMypageNav form {
    float: left;
    width: 48%;
margin-right:2%;
}
.sysMypageNav form:nth-child(even) {
margin-left:2%;
margin-right:0;
}
}
p.more_btn {
    text-align: center;
    margin-top: 30px;
}
.more_btn a {
    display: inline-block;
    background: #fc758b;
    padding: 14px 50px;
    color: #fff;
    border-radius: 40px;
    margin-bottom: 20px;
}
 .youtube-box {
width:200px;
height: 213px;
padding: 97px 0 0 0 !important;
background:url(http://choochoo.jp/img/side/mook_sayu.jpg) no-repeat top left;
}

.youtube-box p{
margin-bottom: 0 !important;
}
.youtube-box p a img:hover{
opacity:100;
}
#category-info {
    position: relative;
margin-top:10px;
}
#category-info3 {
margin-top:10px;
}
#category-info a {
    display: block;
    width: 25%;
    float: left;
    padding: 1%;
}
#category-info3 a {
    display: block;
    width: 33%;
    float: left;
    padding: 1%;
}
#category-info3 span {
    display: block;
    width: 33%;
    float: left;
    padding: 1%;
}
#category-info a img {
    width: 100%;
}

#common_li500 {
    background: url(http://choochoo.jp/img/common/cate_main_bg.png) no-repeat 0 0, url(http://choochoo.jp/img/common/cate_bg.gif) repeat 0 0;
    width: 720px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-bottom: 20px;
    position: relative;
    clear: both;
    overflow: hidden;
}
h3#li500_ttl {
    height: 80px;
    padding: 30px 15px 25px 86px;
    font-size: 1.6rem;
    font-size: 18px;
    line-height: 1.6;
    font-weight: bold;
    color: #45311F;
}
div#li500_contents {
    background: #fff;
    border-radius: 8px;
    padding: 20px;
    border: 1px solid #f2e1e0;
    font-size: 1.3rem;
    font-size: 13px;
    line-height: 1.6;
    width: 430px;
    margin: 15px 20px;
    text-align: justify;
}
div#li500_contents p {
margin-bottom:16px;
}
div#li500_img {
    position: absolute;
    right: 0;
    top: 0;
}
@media screen and (max-width: 768px) {
#common_li500 {
    background: url(http://choochoo.jp/img/common/cate_main_bg.png) no-repeat 0 0, url(http://choochoo.jp/img/common/cate_bg.gif) repeat 0 0;
    width: 100%;
}
div#li500_contents_wrap {
    padding: 15px 20px;
}
div#li500_contents {
    margin: 0;
    width: 100%;
}
div#li500_img {
display:none;
}
}
div#sysVariation div {
    margin-bottom: 12px;
}

.mainCnt .sysItemName a {
font-weight:bold;
}

.sysCart #sysMain .sysNextSubmitArea .sysNextSubmit{
    -webkit-appearance: none;
    background: #62b9d4;
    color: #fff;
    border: none;
    padding: 10px 8px;
    font-size: 1.3rem;
    font-size: 13px;
    font-weight: bold;
    width: 80%;
    margin: 30px auto;
    /* padding-top: 10px; */
    /* text-align: center; */
    cursor: pointer;
    border-radius: 4px;
    /* float: right; */
    /* width: 30%; */
}

.sysCart #sysMain input[type=submit].sysOpcNextSubmit {
    -webkit-appearance: none;
    background: #339933;
    color: #fff;
    border: none;
    padding: 20px 8px;
    font-size: 1.4rem;
    font-size: 14px;
    font-weight: bold;
    width: 80%;
     /* margin: 10px auto;
   padding-top: 10px; */
    /* text-align: center; */
    cursor: pointer;
    border-radius: 4px;
    /* float: right; */
    /* width: 30%; */
}
#sysMain button.mdl-button.full-width{
    -webkit-appearance: none;
    display: inline-block;
    line-height: 1.2;
    background: #339933;
    color: #fff;
    border: none;
    padding: 20px 8px 30px;
    padding: 10px 8px;
    font-size: 1.4rem;
    font-size: 14px;
    font-weight: bold;
    width: 80%;
     /* margin: 10px auto;
   padding-top: 10px; */
    /* text-align: center; */
    cursor: pointer;
    border-radius: 4px;
    /* float: right; */
    /* width: 30%; */
}
.sysPr {
    margin-bottom: 10px;
}
span.sysItemPr {
    color: #f53c3c;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px;
}
.sysCart input.sysNextSubmit {
    -webkit-appearance: none;
    background: #339933;
    color: #fff;
    border: none;
    padding: 20px 8px;
    font-size: 1.8rem;
    font-size: 18px;
    font-weight: bold;
    width: 80%;
    margin-top: 10px;
    /* margin: 15px auto; */
    /* padding-top: 10px; */
    /* text-align: center; */
    cursor: pointer;
    border-radius: 4px;
    /* float: right; */
    /* width: 30%; */
}
@media screen and (max-width: 768px) {
.sysCart input.sysNextSubmit  {
    float: none;
    width: 100%;
}
}

input#order_price_confirm_btn {
    padding: 0;
}
.sysCart p {
padding:0;
}
input.sysBackButton {
    width: 100% !important;
    background: #3a793b !important;
}





/* 下記ブログを3件横並び追加; */

.blog li.sysRssItem {
  width: 33%; /* 3件なので 一つの記事のサイズを横幅の1/3にしています */
  float: left;
}

.blog ul li + li {
  border-top: none;
}

.blog_more {
  clear: both;
}

/* ここまで; */


/* よくある質問追加; */
#faq #sysMain h3 {
    font-size: 1.4rem;
    font-size: 14px;
    line-height: 2;
border-bottom: 1px dotted #EE769C;
color: #45311F;
margin-top:20px;
margin-bottom: 10px;
}
#faq #sysMain h4 {
    font-size: 1.4rem;
    font-size: 14px;
    line-height: 2;
color: #fc6980;
margin-bottom: 10px;
    padding-left: 0px;
}


/* テスト追加; */
#test #sysMain h3 {
    font-size: 1.4rem;
    font-size: 14px;
    line-height: 2;
border-bottom: 1px dotted #EE769C;
color: #45311F;
margin-top:20px;
margin-bottom: 10px;
}

#test #sysMain h4 {
    font-size: 1.4rem;
    font-size: 14px;
    line-height: 2;
color: #fc6980;
margin-bottom: 10px;
    padding-left: 0px;
}




.calendarLP2019_01 {/*親div*/
  position: relative;
  }

.calendarLP2019_01 p {
position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
  /*文字の装飾は省略*/
  }

.calendarLP2019_01 img {
  width: 100%;
  }



.calendarLP2019_question {/*親div*/
  position: relative;/*相対配置*/
  }

.calendarLP2019_question p {
    position: absolute;
    left: 0px;
    top: 0px;
 line-height: 150%;
font-size: 1.6em;
  margin: 20px 20px auto;
}

.calendarLP2019_question img {
  width: 700px;
  }



.calendarLP2019_item {

    display:inline-block;
　margin: 0px;
　padding: 0px;

   }



.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-table;}




@media screen and (min-width: 650px){
  .br-pc { display:block; }
  .br-sp { display:none; }
}
@media screen and (max-width: 650px){
  .br-pc { display:none; }
  .br-sp { display:block; }
}





#test_smartphon,#JJMOPR020L,#JJMOPR020M, .sysDescription  {
    float: left;
    font-size: 1.8rem;
    font-size: 20px;
    line-height: 2;
    width: 100%;
    /* clear: both; */
    color: #fc758b;
    font-weight: bold;
    background: #ffffff;
    padding: 0;
}


#sysItemDetail #IN053 .sysShippingCost{
    font-size: large;
    color: #f53c3c;
}

#sysItemDetail #IN054 .sysShippingCost{
    font-size: large;
    color: #f53c3c;
}

#sysItemDetail #IN055 .sysShippingCost{
    font-size: large;
    color: #f53c3c;
}

#sysItemDetail #IN056 .sysShippingCost{
    font-size: large;
    color: #f53c3c;
}

#sysItemDetail #IN057 .sysShippingCost{
    font-size: large;
    color: #f53c3c;
}

#sysItemDetail #IN058 .sysShippingCost{
    font-size: large;
    color: #f53c3c;
}

.sysSaleTerm, .sysItemViewId{
     margin-bottom: 10px;
}



body {
background-color: #f1c759; /*25.01お正月のカラーです。*/
}



/* スライドショー; */


.slick-slide img{
margin:0 auto;
}

#banner-slide-top{
margin-top:10px;
}

#test2 .slick-slide img{
 width:100%;
}
#banner-slide-top-tablet{
display:none;
width:90%;
margin-top:10px;
}

@media screen and (min-width:500px) and ( max-width:768px) {
    /*　画面サイズが768pxから1024pxまではここを読み込む　*/
#banner-slide-top{
display:none;
}
#banner-slide-top-tablet{
display:initial;
}

}

/* 検索窓; */
@media screen and ( max-width:768px) {
  .sysItemSearchFormWord{
     background-color:#fff;
     padding:10px 20px;
}
.search_box input.sysSearchButton{
   margin-top: 27px;
   right: 20px;
}
.sysItemSearchFormWord .search_box input[type=search]{
   border-radius:0;
}
/* メニューアイコン; */
div#menu_icon{
display:none;
}
div#menu_icon.fixed{
position:fixed;
display:initial;
z-index:99;
}
#menu_box{
visibility:hidden;
}
#menu_box.fixed{
visibility:initial;
position:fixed;
top:50px;
}
}

/* スライドショー; */
.category-menu-top{
display:flex;
justify-content:center;
margin:0 0 20px 0;
}
.category-menu-top a{
box-shadow:0px 1px;
border:solid 1px #c15656 ;
color:#fff;
padding:10px 8px;
background-color:#fc758b;
margin:0 10px;
border-radius:5px;
font-weight:700;
font-feature-settings: "palt";

}





.top-banner{
	display: flex;
	flex-wrap:wrap;
}
.top-banner li {
	width: calc(100%/3);/*←画像を横に4つ並べる場合*/
	padding:0 0px;/*←画像の左右に0pxの余白を入れる場合*/
	box-sizing:border-box;
}
.top-banner li img {
	max-width:100%; /*画像のはみだしを防ぐ*/
	height: auto; /*画像の縦横比を維持 */
	border:solid 1px #ccc; /*←画像を1pxのグレーの枠線で囲む指定の場合*/
}



.form-license .sysForm {
    float: none;
    width: 100%;
}
.form-license #sysMain {
padding: 10px 9px !important;
}

.form-license #sysMain input,
.form-license #sysMain  textarea {
    border: 1px solid #b0b0b0;
    width: 100%;
    margin: 0 auto;
    padding: 10px 5px;
    font-size: 1.6rem;
    font-size: 16px;
    line-height: 1.4em;
}
.form-license #sysMain input[type=submit] {
    border: 1px solid #b0b0b0;
    color: #fff;
    background: #EE8D00;
    width: 100%;
    margin: 0 auto;
    padding: 10px 5px;
    font-size: 1.6rem;
    font-size: 16px;
    line-height: 1.4em;
  border-radius: 4px;
}
.form-license h2 {
padding: 10px 0 20px;
}
.form-license .sysFormField {
    padding: 10px 0 20px;
}

.form-license #sysMain input[type="checkbox"]{
width:inherit;
}


/* ======================================

20211228__blogFeed修正　START

====================================== */

#sysMain .blogPick{list-style:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;width:720px;max-width:100%;padding:0;margin:0 auto;font-size:14px;line-height:calc(21 / 14);color:#000000}@media screen and (max-width:768px){#sysMain .blogPick{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}#sysMain .blogPick__item{width:calc(220 / 720 * 100%);padding:0!important;text-decoration:none}#sysMain .blogPick__item:not(:last-child){margin-right:calc(30 / 720 * 100%)}@media screen and (max-width:768px){#sysMain .blogPick__item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;width:100%}#sysMain .blogPick__item:not(:last-child){margin:0 0 30px}}#sysMain .blogPick__img{width:100%;padding-top:100%;background:#FEDEDF;position:relative}#sysMain .blogPick__img>a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:100%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:all ease-out 0.3s;transition:all ease-out 0.3s;text-decoration:none}#sysMain .blogPick__img>a:hover{text-decoration:none;opacity:0.8}#sysMain .blogPick__img>a>img{width:100%;height:100%;max-width:100%;max-height:100%;-o-object-fit:cover;object-fit:cover}@media screen and (max-width:768px){#sysMain .blogPick__img{width:30%;padding-top:30%}}#sysMain .blogPick__detail{width:100%}@media screen and (max-width:768px){#sysMain .blogPick__detail{width:calc(70% - 20px)}}#sysMain .blogPick__date{display:block;margin:1em auto 5px;font-size:inherit;font-weight:inherit;color:#000000}#sysMain .blogPick__title{margin:0;font-size:inherit;font-weight:700;color:#df3f79;text-decoration:none}#sysMain .blogPick__title>a{display:block;font-size:inherit;font-weight:inherit;color:inherit;text-decoration:none;text-decoration:none}#sysMain .blogPick__title>a:hover{text-decoration:none;opacity:0.8}#sysMain .blogPick__txt{font-size:inherit;font-weight:inherit;color:#000000}#sysMain .blogPick .u-txt{margin:0}#sysMain .blog_more{display:none}

.sysFuncItemSearch.search_box.sysDisplayPcNone.sysDisplayKeitaiNone {
    display: none;
}
/* ======================================

20211228__blogFeed修正　END

====================================== */
}
@media screen and (min-width:769px){
/*　簡易説明文　（文字色：赤・太字）　*/
.kani{
color:#e70013;
}




.mv_container {
    margin: 0 auto;
    width:970px;
    height:300px;
}






@charset "UTF-8";
    .sp_login { display: none; }
#sysAll{
    /*background: url('/img/common/back.gif') !important;*/

  width:100% !important;
  padding:0 !important;
  margin:0 auto !important;
  background-color:none !important;
}
#sysHeader{
  width:100% !important;
  padding:0 !important;
  margin:0 !important;
  clear:both;
  margin-bottom:0 !important;
}
.footerCnt {margin-bottom:0 !important;}
#sysMain {
    float: right;
    width: 720px !important;
    background: #fff;
    padding:0 !important;
    margin:0 20px 0 0 !important;
    margin-bottom: 50px !important;
}
#sysAside {
    float: left;
    width: 240px !important;;
    background: #fff;

    padding:0 !important;
    margin:0 !important;
    margin-bottom: 50px !important;
}
#sysFooter{
  
  width:970px;!important;
  padding:0 !important;
  margin:0 auto !important;
  clear:both;
  margin-bottom:0 !important;
}

@media screen and (min-width: 769px) {
    #sysAll {
        
        min-width: 1024px;
    }
}
@media screen and (max-width: 768px) {
    #sysAll {
        min-width: 100%;
    }
}
@media screen and (min-width:641px){
  #sysAll{   min-width: 1024px;
  }
    div#sysMain {
        float: right;
        background: #fff;
        padding:0 !important;
    margin:0 20px 0 0 !important;
        margin-bottom: 50px !important;
    }
    div#sysAside{
    float: left;
    width: 215px !important;;
    background: #fff;
    border-left: none;
    padding:0 0 0 15px !important;
    margin:0 !important;
    margin-bottom: 50px !important;
    div#sysFooter{
      clear:both;
    }

  }

@media screen and (max-width:640px){
    .sysDisplayMobileNone{
        display:none;
    }
}
@media screen and (max-width:640px){
    div.sysMemberAgreement{
        overflow: auto;
        -webkit-overflow-scrolling:touch;
    }
}
@media screen and (min-width:641px) and (max-width:768px){
    .sysDisplayTabletNone{
        display:none;
    }
}
@media screen and (min-width:769px){
    .sysDisplayPcNone{
        display:none;
    }
}

.sysContent {
    padding: 0 !important;
}
.table_list_image {
width: 100%;
}
.table_list_image tr td {
display: inline-block;
width: 100px;
margin-right:10px;
}
.table_list_image tr td a img {
max-width: 100px;
}

@media screen and (min-width:1920px)
.post-content{
    font-size: 1vw !important;
}
}
/* #END_OF_RESOURCE_FILE */