/* ************************************************
*	共通設定
* ************************************************ */
* {
margin: 0px;
padding: 0px;
}

body {
color: #333333;
font-size: 80%;
font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ ゴシック", "ＭＳ Ｐゴシック", "sans-serif", "Osaka‐等幅";
line-height: 1.6em;
text-align: center;
background: #fff;
}

br.clear {
clear: both;
font: 0pt/0pt sans-serif;
}

img {
border: 0px;
}

input {
border: solid 1px #aaa;
}

a {
color: #0047ff;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

table {
border-collapse: collapse;
border: 0px;
}

hr {
width: 100%;
}

/* -------------------------------------
*	ページレイアウト
* -------------------------------------
*※ページ全体の幅は800pxとなっています。
幅を広げる場合は、.sideと.mainのwidth
の合計値が#containerのwidthになるよう
設定してください。
* ------------------------------------- */

/*ページ全体の幅、レイアウトをセンタリング*/
#container {
margin: 0px auto;
width: 960px;
text-align: left;
background-color: #ffffff;
box-shadow: 0 0 6px rgba(100, 100, 100, 0.3);
}

/*ヘッダー（ページタイトル、グローバルメニュー）*/
.header {
float: left;
position: relative;
left: 50%;
height: 130px;
margin-left: -480px;
margin-bottom: 15px;
padding: 0 10px;
width: 940px;
clear: both;
background: #ffffff url(https://img08.shop-pro.jp/PA01198/809/etc/kumo02.jpg) repeat;
}

/*leftとmainを囲む*/
.wrapper {
margin: 0 10px;
width: 940px;
float: left;
background-color: #ffffff;
}

/*　画面左側メニューの幅　*/

.left {
float: right;
width: 160px;
margin-right: 20px;
}

/*　中央の幅　*/
.main {
float: right;
width: 760px;

}

.right {
float: left;
width: 160px;
}

.subtotal {
padding: 5px 0;
}

.stotal {
text-align: right;
}

/*.total {
padding:5px 0;
border-top:1px dotted #C3C3C3;
text-align:right;
}*/

.postage {
border-top: 1px solid #C3C3C3;
border-bottom: 1px solid #C3C3C3;
margin-bottom: 5px;
list-style-type: none;
}

.postage li {
margin: 5px 0;
color: red;
text-align: left;
}

.viewcart {
padding: 5px 0;
text-align: center;
}

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

p#sk_link_other a {
font-size: 12px;
}

/*　フッター（コピーライト）　*/
.footer {
width: 100%;
clear: left;
}

#group-list {
border-top: #838383 dotted 0px;
/*padding:5px 0px 0px;
margin:10px 20px 0px 0px;*/
}

/* -----------------------------------------------
*           !!! 以下　カスタム内容 !!!
* ----------------------------------------------- */

.titles {
font-size: 30pt;
margin-bottom: -10px;
display: block;
text-align: center;
width: 770px
}

.hov:hover {
opacity: 0.8;
}

.rss {
float: left;
height: 30px;
width: 80px;
}

.rss:hover {
background: rgba(255, 255, 255, 0.3);
}

ul li {
list-style-type: none;
}

.footerstyle1 {
padding: 0 5px;
line-height: 140%;
}

.footerstyle1:first-letter {
color: #ff003c;
}

.footerstyle2 {
color: #e60;
font-weight: bold;
}

.footer {
font-size: 12px;
}

.footerpadding {
padding: 0 10px;
}

.footerpadding2 {
padding: 0 15px;
}

.alpha7:hover {
opacity: 0.7;
}

.ftimg {
text-align: center;
}

.brk {
word-break: break-word;
}

/* -------------------------------------
*     ヘッドバー
* ------------------------------------- */

#headbar {
width: 100%;
height: 24px;
background: url(https://img08.shop-pro.jp/PA01198/809/etc/carbon.gif);
}

#headbar h1 {
color: #fff;
font-weight: normal;
font-size: 1.3em;
}

#search_button {
margin-left: -6px;
border: none;
text-indent: -9999px;
background-image: url(https://img08.shop-pro.jp/PA01198/809/etc/search.gif);
width: 25px;
height: 24px;
cursor: pointer;
}

#search_button:hover {
-webkit-filter: brightness(60%);
}

#footerbar {
width: 100%;
height: 50px;
background: url(https://img08.shop-pro.jp/PA01198/809/etc/carbon.gif);
color: #eeeeee;
text-align: left;
}

#footerbar img:hover {
opacity: 0.7;
}

/* -------------------------------------
*     アイテムボックス
* ------------------------------------- */

div.boxes {
margin: 10px;
float: left;
text-align: center;
display: block;
box-shadow: 0 0 4px #bbb;
border-radius: 3px;
}

.cate {
width: 170px;
height: auto;
min-height: 155px;
}

.cate .gimg {
width: 170px;
height: 120px;
}

.cate .gimg img {
max-height: 120px;
}

.cate .blink {
min-height: 35px;
display: block;
padding: 5px 5px 0;
margin-bottom: 5px;
}

div.boxes:hover .gimg {
opacity: 0.7;
}

.cate_box {
margin: 20px 10px 0;
border: solid #fff 5px;
float: left;
text-align: center;
display: block;
width: 160px;
height: auto;
min-height: 145px;
box-shadow: 0 0 3px #ccc;
border-radius: 3px;
}

.cg_freespace_01 .cate:nth-child(4n+1) {
clear: both;
}

.top_box .item:nth-of-type(4n+1) {
clear: both;
}

.cg_freespace_01 .cate_box:nth-child(4n+1) {
clear: both;
}

.item {
width: 170px;
height: auto;
}

.top_box div.item {
margin: 20px 6px 0;
}

.item .gimg {
width: 170px;
height: 120px;
}

.item .blink {
padding: 5px 5px 0;
margin-bottom: 5px;
min-height: 10px;
display: block;
}

.item form {
border-bottom: solid #fff 5px;
}

.item_box {
margin: 20px 10px 0;
border: solid #fff 5px;
float: left;
text-align: center;
display: block;
width: 160px;
height: auto;
box-shadow: 0 0 3px #ccc;
border-radius: 3px;
}

.thumb_box {
display: table-cell;
vertical-align: middle;
width: 160px;
height: 100px;
border-bottom: solid #fff 5px;
}

.item_thumb {
max-height: 120px;
max-width: 120px;
}

.item_thumb:hover {
opacity: 0.7;
}

.tocart {
border: none;
text-indent: -9999px;
background-image: url(https://img08.shop-pro.jp/PA01198/809/etc/tocart.gif);
width: 70px;
height: 18px;
cursor: pointer;
}

.tocart:hover {
opacity: 0.7;
}

div.brd {
margin: 18px 9px 0;
width: 134px;
height: 135px;
}

.brd .blink {
padding: 0 5px;
display: block;
}

.one {}

.ods {
margin: 9px;
float: left;
text-align: center;
display: block;
width: 172px;
height: 182px;
box-shadow: 0 0 5px #aaa;
border-radius: 3px;
}

.gimg {
display: table-cell;
vertical-align: middle;
width: 134px;
height: 100px;
}

.ods .gimg {
width: 172px;
height: 157px;
}

a.gimg:hover ~ a {
color: #002299;
text-decoration: underline;
}

.boxes a:nth-child(2) {
line-height: 140%;
}

a.blink:link {
color: #2B2929;
text-decoration: none;
}

a.blink:visited {
color: #2B2929;
text-decoration: none;
}

a.blink:hover {
color: #002299;
text-decoration: underline;
}

a.slink:link {
color: #5588ff;
text-decoration: none;
}

a.slink:visited {
color: #5588ff;
text-decoration: none;
}

a.slink:hover {
color: #002299;
text-decoration: underline;
}

a.glink:link {
color: #dbd9d9;
text-decoration: none;
}

a.glink:visited {
color: #dbd9d9;
text-decoration: none;
}

a.glink:hover {
color: #00d;
text-decoration: underline;
}

#guidefooter a:link {
color: #dbd9d9;
text-decoration: none;
}

#guidefooter a:visited {
color: #dbd9d9;
text-decoration: none;
}

#guidefooter a:hover {
color: #0cf;
text-decoration: underline;
}

/* -------------------------------------
*     グローバルナビゲーション
* ------------------------------------- */

.navi {
position: absolute;
top: 110px;
left: 10px;
height: 20px;
float: left;
display: block;
width: 940px;
}

.navi a:hover {
opacity: 1;
box-shadow: 0 0 3px #666, 0 0 15px #ccc inset;
border-radius: 4px;
}

.navi ul,
.navi li {
height: 20px;
float: left;
display: block;
}

.navi a {
float: left;
display: block;
height: 20px;
opacity: 0.7;
box-shadow: 0 -10px 5px -10px #aaa inset, 0 10px 5px -10px #aaa inset;
border-radius: 7px;
}

.navi_menu span {
display: none;
}

.navi_menu a:hover .navi_hov {
width: auto;
height: 60px;
display: block;
position: absolute;
top: -95px;
left: 650px;
font-weight: bold;
color: #029;
}

#navi_home {
width: 150px;
    background: url(https://img08.shop-pro.jp/PA01198/809/etc/navi_202011.png) no-repeat 0px 0;
}


#navi_new {
width: 120px;
    background: url(https://img08.shop-pro.jp/PA01198/809/etc/navi_202011.png) no-repeat -160px 0;
}

#navi_brand {
width: 150px;
    background: url(https://img08.shop-pro.jp/PA01198/809/etc/navi_202011.png) no-repeat -280px 0;
}

/*201111コメントアウト
#navi_one {
width: 225px;
background: url(https://img08.shop-pro.jp/PA01198/809/etc/navi.png) no-repeat -450px 0;
}
*/


#navi_blog {
width: 150px;
    background: url(https://img08.shop-pro.jp/PA01198/809/etc/navi_202011.png) no-repeat -430px 0;
}

#navi_info {
width: 130px;
    background: url(https://img08.shop-pro.jp/PA01198/809/etc/navi_202011.png) no-repeat -580px 0;
}

/*201111追加*/
#navi_twitter {
    width: 120px;
    background: url(https://img08.shop-pro.jp/PA01198/809/etc/navi_202011.png) no-repeat -710px 0;
}
#navi_facebook {
    width: 120px;
    background: url(https://img08.shop-pro.jp/PA01198/809/etc/navi_202011.png) no-repeat -830px 0;
}

/* -------------------------------------
*     カテゴリー
* ------------------------------------- */

.left img {
margin-bottom: 1px:
}

img#cate {
display: block;
width: 150px;
height: 30px;
border-radius: 5px;
/* CSS3草案 */
-webkit-border-radius: 5px;
/* Safari,Google Chrome用 */
-moz-border-radius: 5px;
/* Firefox用 */
}

a.menu_img img {
display: block;
width: 160px;
height: 60px;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}

/*---img.menu1{
position: auto
capacity:1}


.menu_img img.menu2{
opacity:1;
box-shadow: 0 0 5px #aaa;
}

.menu_img:hover img.menu2{
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
}

.menu_img:hover img.menu1, img.menu2{
opacity:0;
}---*/

img.menu1 {
box-shadow: 0 0 5px #aaa;
}

img.menu1:hover {
filter: invert(15%);
-webkit-filter: invert(15%);
-moz-filter: invert(15%);
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
}

/*---cart---*/

.cart {
border-radius: 5px;
background: #f70;
border: solid #f20 2px;
color: #fff;
box-shadow: 0 0 5px #aaa;
}

.cart img {
padding: 5px 10px;
}

.cartitem {
padding: 5px;
border-radius: 5px;
background: #fff;
}

.cartitem a p {
color: #07f;
text-decoration: none;
}

.cartitem a p:hover {
text-decoration: underline;
}

.cartitem p:nth-child(2n) {
color: #333;
text-align: right;
border-bottom: dotted #ccc 1px;
}

.cartitem p:last-child {
border-bottom: none;
}

.cart div:last-child a {
color: #fff;
}

.cart a {
border: solid #f50 1px;
border-radius: 3px;
background: #F90;
}

.cartitem a {
border: none;
background: #fff;
}

div.pam {
padding: 20px;
}

.cartitem img {
max-height: 30px;
max-width: 30px;
padding: 1px;
margin: 2px;
float: left;
border: solid 2px #bbb;
border-radius: 5px;
}

/* -------------------------------------
*     Widget
* ------------------------------------- */

.twitter-timeline {
min-width: 160px !important;
box-shadow: 0 0 5px #ccc;
}

/* -------------------------------------
*     fontStyle
* ------------------------------------- */

.bold *,
.bold {
font-weight: bold;
}

.WH-GY {
color: #fff;
background: #999;
}

.WH-LG {
color: #fff;
background: #bbb;
}

.BK-GY {
background: #eee;
}

.BK-OR {
background: #fd0;
}

.BK-BL {
background: #7af;
}

.BK-LB {
background: #def;
}

.BK-GR {
background: #ded;
}

.WH-GR {
color: #fff;
background: #6c5;
}

.LGY {
background: #f2f2f2;
}





/*テスト*/
/* 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;
}