/* カスタマイズ用CSS */
#main_image {
    margin-bottom: 10px;
    text-align: center;
}
.purchaseindex {
    padding: 1em 1em 1em;
}
.slide-container {
    width: 100%;
    margin: 50px auto;
    display: flex;
    align-items: center;
    overflow: hidden;
}
.slide-wrapper {
  display: flex;
  animation: slide-flow 100s infinite linear 1s both;
}
/*.slide{*/
/*  object-fit:cover;*/
/*  border: 1px solid #ddd;*/
/*}*/

.btn-fuk {
    background-color: #CCC;
    }
.btn-fuk:hover {
    background-color: #800000;
    }
    
.pagetop {
    text-align: right;
    padding-bottom: 10px;
}    
    
.telfax {
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1;
}    
    
div.subtext ul, div.description {
    background-color: whitesmoke;
    padding: 10px;
    margin: 10px 0;
}    
    
div.shoppingguide h2 {
    font-size: 20px;
    color: #FFF;
    background: #800000;
    background: -moz-linear-gradient(left, #800000 30%, #ffffff 80%);
    background: -webkit-linear-gradient(left, #800000 30%,#ffffff 80%);
    background: linear-gradient(to right, #800000 30%,#ffffff 80%);
    padding: 1px 20px;
    letter-spacing: 0.2em;
    margin: 20px 0 10px;
    clear: both;
}    
    
div.search h3, div.kuramap h3, div.shoppingguide h3 {
    font-size: 14px;
    color: #808;
    background: #FFF;
    border-bottom: solid 1px #808;
    border-left: solid 8px #808;
    padding: 1px 10px;
    letter-spacing: 0.2em;
    margin: 10px 0;
}

div.search h4, div.kuramap h4, div.shoppingguide h4 {
    background: #004000;
    background: -moz-linear-gradient(left, #004000 20%, #ffffff 70%);
    background: -webkit-linear-gradient(left, #004000 20%,#ffffff 70%);
    background: linear-gradient(to right, #004000 20%,#ffffff 70%);
    color: #FFF;
    font-size: 14px;
    margin: 1em auto;
    padding: 0.1em 1em;
    letter-spacing: 0.3em;
}

div.shoppingguide p {
    line-height: 150%;
    margin: 0.7em 1em;
}

div.anotherselection {
    border-top: solid 1px #999;
    margin: 10px 0;
    padding: 20px 10px;
}

p.note1 {
    color: #666;
    font-weight: bold;
    margin: 0.5em 1em;
}

.note2 {
    color: #008080;
}

.note3 {
    color: #800000;
}

.note4 {
    font-weight: bold;
    text-decoration: underline;
}

.note5 {
    color: #e68802;
}

p.note1:before {
    color: #060;
    content: "◆";
    margin-right: 0.3em;
}

ul.hollow li {
    border: solid 2px #008000;
    padding: 0.5em;
    line-height: 3;
    white-space: nowrap;
}

ul.inline li {
    display: inline;
}

ol, ul, li {
    list-style: none;
}

ul.header_ctg {
    border-radius: 3px;
    display: flex;
    justify-content: center;
    /*margin: 0 24px;*/
    /*background: #CCC;*/
}

ul.header_ctg li {
    float: left;
    background: #CCC;
    border-style: outset;
    border-width: 2px;
}

ul.header_ctg li a {
    padding: 10px;
    display: inline-block;
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
    color: #333;
    letter-spacing: 0.1em;
    min-width: 4em;
    text-align: center;
    text-shadow: white 1px 1px 0px, white -1px 1px 0px, white 1px -1px 0px, white -1px -1px 0px;
}

ul.header_ctg li:first-child, ul.header_ctg li:first-child a {
    border-radius: 6px 0 0 6px;
}

div.shopinfo {
    border-top: solid 1px #999;
    border-bottom: solid 1px #999;
    padding: 0.5em 2em 1em;
    margin: 0.3em 1em;
}

div.shoppingguide strong {
    font-size: 14px;
    color: #800000;
    font-weight: bold;
}

div.shoppingguide div.conveni {
    border-bottom: solid 1px #CCC;
}

div.shoppingguide table {
    border: none 0 transparent;
    width: 100%;
    max-width: 390px;
    margin: 0 auto;
}

#copyright {
    width: 740px;
    float: left;
    text-align: left;
    font-size: 97%;
}

#footer_wrap {
    margin: 0 auto;
    width: 980px;
    height: 80px;
    background: #fff;
}

.frame_outer {
    margin: 0 auto;
    width: 100%;
    text-align: center;
}

div.footer_caution {
    color: #F00;
    text-align: left;
}

.clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical>.btn-group:before, .btn-group-vertical>.btn-group:after, .nav:before, .nav:after, .panel-body:before, .panel-body:after {
    content: " ";
    display: table;
}

.ec-productRole__description div.brand {
    margin-top: 20px;
    color: darkred;
    font-weight: bold;
    font-size: 18px;
}
.ec-productRole__description div.brand span.label {
    background-color: darkred;
    color: white;
    display: inline-block;
    padding: 2px 0 2px 10px;
    margin-right: 15px;
    font-size: 12px;
    letter-spacing: 10px;
}
.ec-productRole__description div.comment {
    background: #FFF;
    margin: 4px 0 15px;
    padding: 5px 10px 10px 5px;
    border-top: solid 1px darkred;
    border-bottom: solid 1px darkred;
    text-indent: 1em;
    line-height: 14pt;
}

table {
    margin: 15px auto 20px auto;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    width: 100%;
    border-collapse: collapse;
    text-align: left;
}
table th {
    padding: 8px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    color: #333;
    background-color: #f0f0f0;
    font-weight: normal;
}
table, caption, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    border-collapse: collapse;
    border-spacing: 0px;
    empty-cells: show;
    text-align: left;
    font-weight: normal;
}
table.shochudata {
    border-top: solid 1px rgb(64, 0, 64);
    border-bottom: solid 1px rgb(64, 0, 64);
    margin: 0 0 20px;
    float: left;
}
table.shochudata th {
    background-color: rgb(64, 0, 64);
    color: white;
    letter-spacing: 0.2em;
    width: 5em;
    padding: 3px 0 3px 10px;
    text-align: center;
}
table.shochudata td {
    padding: 3px 10px;
}
table.shochudata th, table.shochudata td {
    border-bottom: solid 1px #CCC;
}

.tastechart {
    margin-bottom: 1rem;
}

div.kura h4 {
    background-color: rgb(0, 64, 0);
    color: white;
    font-size: 20px;
    letter-spacing: 9px;
    padding-left: 20px;
}
div.kura h4 small {
    font-size: 10px;
    font-weight: normal;
    letter-spacing: 2px;
}
div.kura div.comment {
    margin: 4px 0 15px;
    padding: 5px 10px 10px 5px;
    border-top: solid 1px rgb(0, 64, 0);
    border-bottom: solid 1px rgb(0, 64, 0);
    text-indent: 1em;
    line-height: 14pt;
}

div.shoppingguide table th {
    background: #004000;
    text-align: center;
    vertical-align: top;
    letter-spacing: 0.5em;
    color: #FFF;
    border: none 0 transparent;
    border-right: solid 1px #FFF;
    padding: 2px;
}

.buttons a.btn-fuk {
    width: 100%;
}

a.btn-fuk {
    display: inline-block;
    text-align: center;
    padding: 2px 5px;
    margin: 2px 0;
    color: #666;
    border: solid 1px #CCC;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    background: #CCC;
    background: -moz-linear-gradient(#FFF, #CCC);
    background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#CCC));
}

@keyframes slide-flow {
     0% {transform: translateX(0);}
 100% {transform: translateX(-100%);}
}
    
/* img-responsive */
p.main_comment img.topimg ,
div.main_comment img.topimg,
div.main_comment p img.topimg,
.subarea p.subtext img,
h2.title2 img,
div#shopslider img,
div#shiratsuyuslider img,
div#semitopslider img {
	width: 100%;
	height: auto;
}

.tastechart img{
    width: initial;
}

*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.img-responsive,.thumbnail>img,.thumbnail a>img{display:block;max-width:100%;height:auto}.row{margin-left:-15px;margin-right:-15px}.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{position:relative;min-height:1px;padding-left:15px;padding-right:15px}.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}@media (min-width:768px){.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}}@media (min-width:992px){.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}}@media (min-width:1200px){.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}}.btn2{display:inline-block;margin-bottom:0;font-weight:normal;text-align:center;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;background-image:none;border:1px solid transparent;white-space:nowrap;padding:6px 12px;font-size:14px;line-height:1.42857143;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.btn2:focus,.btn2:active:focus,.btn2.active:focus,.btn2.focus,.btn2:active.focus,.btn2.active.focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn2:hover,.btn2:focus,.btn2.focus{color:#333;text-decoration:none}.btn2:active,.btn2.active{outline:0;background-image:none;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}.btn2.disabled,.btn2[disabled],fieldset[disabled] .btn2{cursor:not-allowed;opacity:.65;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none}a.btn2.disabled,fieldset[disabled] a.btn2{pointer-events:none}.media{margin-top:15px}.media:first-child{margin-top:0}.media,.media-body{zoom:1;overflow:hidden}.media-body{width:10000px}.media-object{display:block}.media-object.img-thumbnail{max-width:none}.media-left,.media>.pull-left{padding-right:10px}.media-left,.media-right,.media-body{display:table-cell;vertical-align:top}.media-heading{margin-top:0;margin-bottom:5px}.clearfix:before,.clearfix:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after,.btn-toolbar:before,.btn-toolbar:after,.btn-group-vertical>.btn-group:before,.btn-group-vertical>.btn-group:after,.nav:before,.nav:after,.panel-body:before,.panel-body:after{content:" ";display:table}.clearfix:after,.container:after,.container-fluid:after,.row:after,.btn-toolbar:after,.btn-group-vertical>.btn-group:after,.nav:after,.panel-body:after{clear:both}.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block{display:none !important}@media (max-width:767px){.visible-xs-inline{display:inline !important}.hidden-xs{display:none !important}}.btn2:active,.btn2.active{background-image:none}.text-right{text-align:right}