@charset "euc-jp";
body {background-color: #fff;color: #3f3a34;line-height:1.6;font-size:13px;letter-spacing:0.06em;font-family:"¥á¥¤¥ê¥ª","Meiryo","¥Ò¥é¥®¥Î³Ñ¥´ pro w3","Hiragino Kaku Gothic Pro",sans-serif;margin:0 auto;}

/* common */
a {color: #3f3a34;}
a:hover {color: #999999;}
p{margin:0;padding:0;}
.float-left{float:left;}
.float-right{float:right;}
.underline{text-decoration:underline;}
::selection {background:#bcf1eb;}
::-moz-selection {background:#bcf1eb;}

.ff1{font-family:"ÞâÌÀÄ«ÂÎ", "Yu Mincho", YuMincho, "¥Ò¥é¥®¥ÎÌÀÄ« Pro", "Hiragino Mincho Pro", "MS PÌÀÄ«", "MS PMincho", Verdana, serif;}

.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 {padding:0;}
.w100{width:100%}
.headline-bg{color:#fff;background:#222;font-size:14px !important;font-weight:bold;margin:10px 0 20px;padding: 7px 10px 7px 15px;border-radius:30px;overflow:hidden;}

/* header */
#logo{width:17%;}

hr.line01 {width:100%;border:0;background-image:url(https://img11.shop-pro.jp/PA01289/993/etc/line-01.jpg?cmsp_timestamp=20170205231357);background-repeat:repeat-x;height:5px;margin:0 auto;}
hr.line02 {border:0;background-image:url(https://img11.shop-pro.jp/PA01289/993/etc/line-02.jpg?cmsp_timestamp=20170205231445);height:1px;}
hr.line03 {border:0;background-image:url(https://img11.shop-pro.jp/PA01289/993/etc/line-03.jpg?cmsp_timestamp=20170205231458);height:1px;}

.sp-menu span{display:none;}
.icon-b span, .icon-lg-b span{display:none;}
#feed span{display:none;}
#fb-root span{display:none;}
.g-plusone span{display:none;}

/* layout */
#wrapper{margin:0;margin:2em 0 0;}
#container{max-width:1000px;margin:4em auto 0;position:relative;overflow:hidden;padding:0;}
#header{max-width:1000px;margin:2em auto 2em;padding:0;}

/* contents */
#contents{float:left;}
#contents .topicpath-nav {margin-bottom: 5px;}
#contents .topicpath-nav li {padding: 0;}
#contents h1, #contents h2 {font-size:18px;font-family:"ÞâÌÀÄ«ÂÎ", "Yu Mincho", YuMincho, "¥Ò¥é¥®¥ÎÌÀÄ« Pro", "Hiragino Mincho Pro", "MS PÌÀÄ«", "MS PMincho", Verdana, serif;}
#category-wrap h2{font-size:1.4em;}

#potter-select h3{font-weight:normal;font-size:13px;margin-top:5px;}
#potter-select h3::before{content:"¡Ú";}
#potter-select h3::after{content:"¡Û";}

/* top-flatto-event */
#flatto-event ul{margin:0;position:relative;overflow:hidden;}
#flatto-event li{width:48%;list-style:none;float:left;margin:0 2% 2em 0;position:relative;overflow:hidden;height:140px;}
#flatto-event li:nth-child(2n){width:48%;margin:0 0 2em 2%;}
#flatto-event .flatto-event-wrap{position:relative;overflow:hidden;}
#flatto-event h3{margin:0 0 0.6em;line-height:1.6em;text-decoration:underline;}
#flatto-event .flatto-event-photo{width:30%;margin-right:4%;float:left;}
#flatto-event .flatto-event-des{width:66%;float:left;}
#flatto-event dl{position:relative;overflow:hidden;margin:0.1em 0 0;padding-bottom:0.1em;border-bottom:dotted 1px #999;}
#flatto-event dd, #flatto-event dt{float:left;font-weight:normal;font-size:12px;}
@media (max-width: 480px) {
#flatto-event h3{font-size:1.1em;}
#flatto-event li{width:100%;float:none;margin:0 0 2em 0;height:auto;}
#flatto-event li:nth-child(2n){width:100%;margin:0 0 2em 0;}
}

/* side */
#side{float:right;padding-left:2em;}
#postage, #menu-item, #category-item, #search-form, #group-item, #group-price, #other-menu{margin-bottom:4em;}
#side h3{width:auto;height:56px;background:url(https://img11.shop-pro.jp/PA01289/993/etc/heading-line.png?cmsp_timestamp=20160713023615) repeat-x;background-size:auto 56px;padding:0;margin:0 0 1em;}
#side h3 img{width:auto;height:100%;}
#side .navi{padding:0;margin:0;overflow:hidden;position:relative;}
#side .navi li{margin:0;padding:1.1em 0;display:block;border-bottom:1px solid #eee;overflow:hidden;position:relative;}
#side .navi li a{padding:0.5em 0;display:block;overflow:hidden;}
#side .thum{display:block;width:28px;height:28px;padding:0.3em 1em 0 0;margin:0;float:left;}
input.search1 {width:68%;}
label.search2 {overflow:hidden;position:relative;}
label.search2 i {float:left;}
label.search2 bottom {float:left;}

/* top-slide */
#myslider{max-width:1000px;height:413px;margin:1.2em auto 0;}
@media (max-width: 768px){
#myslider{height:360px;}
}
@media (max-width: 480px){
#myslider{height:200px;}
}
#about-potter p{margin-bottom:0;padding:0;}
#event h3{margin:0 0 0.3em;padding:0;font-size:1.2em;font-weight:normal;}
#event ul{list-style:none;margin:0;padding:0;}
#event li{margin-bottom:0.5em;padding:0.3em 0;border-bottom:dotted 1px #999;}
#event li span{margin-right:1em;}
#history h3{margin:0 0 0.3em;padding:0;font-size:1.2em;font-weight:normal;}
#history p{margin-bottom:0;padding:0;}
#awards h3{margin:0 0 0.3em;padding:0;font-size:1.2em;font-weight:normal;}
#awards ul{list-style:none;margin:0;padding:0;}
#awards li{margin-bottom:0.5em;padding:0.3em 0;border-bottom:dotted 1px #999;}
#awards li span{margin-right:1em;}

#s-event h3{margin:0;padding:0 0 0.6em;font-size:1.4em;font-weight:bold;width:96%;}
#utsuwa-photo h3{width:100%;margin-bottom:2em;}
#s-event h3::before{content:'¢£';}
#s-event .txt-wrap{margin:2em 0 0;padding:0;width:96%;}
#s-event .photo-wrap{margin:2em 0 0;padding:0;width:100%;}
#s-event ul{list-style:none;margin:2em 0 0;padding:0;width:96%;}
#s-event li{margin-bottom:0.8em;padding:0 0 0.8em;border-bottom:dotted 1px #999;}
#s-event li span{margin-right:1em;}
#s-event .s-photo{margin-top:2em;}
#s-event a{color:#1A0DAB;font-weight:bold;text-decoration:underline;}
#s-event a:hover{color:#4b3ed9;}
#utsuwa-photo .photo{margin-bottom:1em;}
.new-line {display:block;}
@media (max-width: 480px) {
#s-event .float-right{float:left;}
#s-event h3{float:right;margin-top:2.4em;font-size:1.2em;}
#s-event ul, #s-event .txt-wrap{width:100%;}
#s-event .mar_b_80{margin-bottom:40px;}
}

/* sakka page mokuji */
#sakka-toc h2{width:100%;margin-bottom:1.6em;padding:0 0 0.6em;}
#sakka-toc ul{margin:0 1%;}
#sakka-toc li{list-style:none;margin-bottom:1em;margin-right:2%;}
#sakka-toc span{width:auto;padding:1.2em 3em 1em 2em;overflow:hidden;}
.toc-link{overflow:hidden;width:auto;float:left;}
.btn-toc{display:block;width:100%;margin:0;color:#000;font-size:1em;font-weight:bold;border:1px #000 solid;position:relative;z-index:0;background:#fff;border-radius:30px;-webkit-border-radius:30px;-moz-border-radius:30px;}
.btn-toc:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1px #000 solid;margin:2px 3px;display:block;z-index:-1;border-radius:29px;-webkit-border-radius:29px;-moz-border-radius:29px;}
.btn-toc:after{position:absolute;top:50%;right:15px;display:block;content:"";width:6px;height:6px;margin-top:-4px;border-top:1px solid #000;border-right:1px solid #000;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.btn-toc:hover{background:#000;color:#fff;border:1px #000 solid;transition:0.5s;}
.btn-toc:hover:before{border:1px #fff solid;transition:0.5s;}
.btn-toc:hover:after{border-top:1px solid #fff;border-right:1px solid #fff;transition:0.5s;}
.toc-link a{text-decoration:none;}
#i-0{margin-top:-2em !important;padding-top:2.6em !important;}
#i-1, #i-2, #i-3, #i-4, #i-5{margin-top:-2em !important;padding-top:2em !important;}
@media screen and (max-width: 480px) {.toc-link{width:100%;} #i-0{margin-top:-1em !important;padding-top:1.6em !important;} #i-1, #i-2, #i-3, #i-4, #i-5{margin-top:-1em !important;padding-top:3.6em !important;}}

/* feed2js */
#rss-box {overflow:hidden;position:relative;}
#rss-box ul, .rss-box li, .rss-box p {margin:0;padding:0;list-style:none;}
.rss-item {color:#999;}
.rss-item a {font-size:14px;color:#000;text-decoration:underline;}
.rss-item a:hover{color:#999;}
.rss-items li {background:url(https://img11.shop-pro.jp/PA01289/993/etc/feed-icon.png?cmsp_timestamp=20170221031358) no-repeat;margin:4px 0 15px 0;font-size:12px;padding:0 0 0 40px;background-size:24px 24px;}
.rss-item p{margin-bottom:5px;}

/* instafeeds */
#instafeed{padding:0 0%;}
#instafeed ul{padding:0;margin:0;}
#instafeed li{margin:0;padding:1%;}
#instafeed li .insta-inner{height:0;padding-bottom:125%}
#instafeed li:last-child{display:none;}
.btn_y{background:#f3ab2e;color:#2B2B2B;padding:1em !important;width:100%;text-align:left;} 
.btn_y:hover{background:#ffc35b;color:#2B2B2B;}
.image-square{position:relative;overflow:hidden;}
.image-square img{width:100%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
@media (max-width: 480px) {
#instafeed{padding:0;}
#instafeed li:last-child{display:block;}
}

/* link-box */
.link-area{cursor:pointer;}
.link-area-img{width:100%;}
#top-quality h3{margin-top:1em;font-size:1em;font-weight:bold;}
.link-area-text{margin-top:1em;text-align:left;}

/* item-box */
.summery{font-weight:normal;margin-top:10px;padding:0px 5px 0px 5px;font-size:12px;text-align:left;}
.summery h3{font-weight:normal;margin:10px 0 0;padding:0;font-size:12px;}
.price{font-weight:normal;text-align:right;padding:1em 0;}
.item_name{height:70px;}

/* new-restock-recommend icon-change custum-css */
.product-sp{position:relative;}
.new, .recommend, .backorder, .restock{position:relative;}
.new::after{position:absolute;content:"";top:0;left:0;display:block;width:34%;height:100%;background-image:url(https://img11.shop-pro.jp/PA01289/993/etc/label-new.png?cmsp_timestamp=20190309023951);background-size:contain;background-repeat:no-repeat;}
.recommend::after{position:absolute;content:"";top:0;left:0;display:block;width:34%;height:100%;background-image:url(https://img11.shop-pro.jp/PA01289/993/etc/label-recommend.png?cmsp_timestamp=20190309024008);background-size:contain;background-repeat:no-repeat;}
.backorder::after{position:absolute;content:"";top:0;left:0;display:block;width:34%;height:100%;background-image:url(https://img11.shop-pro.jp/PA01289/993/etc/label-backorder.png?cmsp_timestamp=20190309023919);background-size:contain;background-repeat:no-repeat;}
.restock::after{position:absolute;content:"";top:0;left:0;display:block;width:34%;height:100%;background-image:url(https://img11.shop-pro.jp/PA01289/993/etc/label-restock.png?cmsp_timestamp=20190309024024);background-size:contain;background-repeat:no-repeat;}

/* product-detail */
.detail01{border-collapse:collapse;width:100%;}
.detail01 table{width:100%;}
.detail01 th, .detail01 td{padding:10px !important;border:1px solid #ddd;}
.detail01 th{background:#f4f4f4;}
.detail01 th{width:30%;text-align:left;}

@media only screen and (max-width:480px){
.detail01{margin:0;}
.detail01 table{width:100%;}
.detail01 th, .detail01 td{width:auto;display:block;border-top:none;}
.detail01 tr:first-child th{border-top:1px solid #ddd;}
}

/* temp */
.ofh{overflow:hidden;}

/* font */
.txt_l { text-align: left; }
.txt_c { text-align: center; }
.txt_r { text-align: right; }
.txt_fwn { font-weight: normal; }
.txt_fwb { font-weight: bold; letter-spacing:-0.02em; }
.txt_10 { font-size: 10px; }
.txt_11 { font-size: 12px; }
.txt_12 { font-size: 12px; }
.txt_14 { font-size: 14px; }
.txt_16 { font-size: 16px; }
.txt_18 { font-size: 18px; }
.txt_20 { font-size: 20px; }
.txt_24 { font-size: 24px; }
.txt_28 { font-size: 28px; }
.txt_14im { font-size: 14px !important;}
.txt_16im { font-size: 16px !important;}
.txt_c_333 {color: #333;}
.txt_c_ccc {color: #666;}
.orenge{color:#1A0DAB;}
.orenge a{color:#4b3ed9;}
.orenge a:hover{color:#ff9758;}
.red{color:#B30000;}

/* background */
.bgc_gray {background-color: #f1f1f1;}

/* scroll */
.scr{overflow:auto;height:120px;-webkit-overflow-scrolling:touch;}
.scr::-webkit-scrollbar{width:5px;background:#ccc;}
.scr::-webkit-scrollbar-thumb{background:#333;border-radius:2px;}

/* margin */
.mar_auto { margin: 0 auto; }
.mar_0 { margin: 0 !important;}
.mar_t_0 { margin-top: 0; }
.mar_r_0 { margin-right: 0; }
.mar_b_0 { margin-bottom: 0; }
.mar_l_0 { margin-left: 0; }
.mar_5 { margin: 5px; }
.mar_t_5 { margin-top: 5px; }
.mar_r_5 { margin-right: 5px; }
.mar_b_5 { margin-bottom: 5px; }
.mar_l_5 { margin-left: 5px; }
.mar_t_10 { margin-top: 10px; }
.mar_r_10 { margin-right: 10px; }
.mar_b_10 { margin-bottom: 10px; }
.mar_l_10 { margin-left: 10px; }
.mar_t_20 { margin-top: 20px; }
.mar_r_20 { margin-right: 20px; }
.mar_b_20 { margin-bottom: 20px; }
.mar_l_20 { margin-left: 20px; }
.mar_t_30 { margin-top: 30px; }
.mar_r_30 { margin-right: 30px; }
.mar_b_30 { margin-bottom: 30px; }
.mar_l_30 { margin-left: 30px; }
.mar_t_40 { margin-top: 40px; }
.mar_r_40 { margin-right: 40px; }
.mar_b_40 { margin-bottom: 40px; }
.mar_l_40 { margin-left: 40px; }
.mar_t_50 { margin-top: 50px; }
.mar_r_50 { margin-right: 50px; }
.mar_b_50 { margin-bottom: 50px; }
.mar_l_50 { margin-left: 50px; }
.mar_b_80 { margin-bottom: 80px; }
.mar_b_100 { margin-bottom: 100px; }

/* padding */
.pad_v_10 { padding: 10px 0; }
.pad_v_20 { padding: 20px 0; }
.pad_v_30 { padding: 30px 0; }
.pad_0 { padding: 0 !important;}
.pad_t_0 { padding-top: 0; }
.pad_r_0 { padding-right: 0; }
.pad_b_0 { padding-bottom: 0; }
.pad_l_0 { padding-left: 0; }
.pad_5 { padding: 5px; }
.pad_t_5 { padding-top: 5px; }
.pad_r_5 { padding-right: 5px; }
.pad_b_5 { padding-bottom: 5px; }
.pad_l_5 { padding-left: 5px; }
.pad_10 { padding: 10px; }
.pad_t_10 { padding-top: 10px; }
.pad_r_10 { padding-right: 10px; }
.pad_b_10 { padding-bottom: 10px; }
.pad_l_10 { padding-left: 10px; }
.pad_lr_10 { padding-right: 10px; padding-left: 10px;}
.pad_20 { padding: 20px; }
.pad_t_20 { padding-top: 20px; }
.pad_r_20 { padding-right: 20px; }
.pad_b_20 { padding-bottom: 20px; }
.pad_l_20 { padding-left: 20px; }
.pad_30 { padding: 30px}
.pad_t_30 { padding-top: 30px; }
.pad_r_30 { padding-right: 30px; }
.pad_b_30 { padding-bottom: 30px; }
.pad_l_30 { padding-left: 30px; }
.pad_l_1{padding-left:1%;}
.pad_l_2{padding-left:2%;}

/* border */
.bor_t_1 { border-top: 1px solid #eee; }
.bor_r_1 { border-right: 1px solid #eee; }
.bor_b_1 { border-bottom: 1px solid #eee;padding-bottom:6px; }
.bor_l_1 { border-left: 1px solid #eee; }
.bor_t_1_b { border-top: 1px solid #000; }
.bor_b_1_b { border-bottom: 1px solid #000; }
.bor_w{width:100%;border-bottom:1px solid #ccc;position:relative;}
.bor_w::after{content:"";width:100%;background:#ccc;position:absolute;bottom:0;left:0;margin-bottom:3px;height:1px;}

/* vertical align */
.va-10 { vertical-align: -10%; }
.va-20 { vertical-align: -20%; }
.va-30 { vertical-align: -30%; }
.va-35 { vertical-align: -35%; }
.va-40 { vertical-align: -40%; }

@media (max-width: 980px) {
#base_gmoWrapp,#gmo_CMSPbar {overflow: hidden;min-width: 100% !important;width: 100% !important;}
}
@media (max-width: 768px) {
#side {padding-left: 0;}
}
@media (max-width: 480px) {
#contents h1, #contents h2 {font-size:16px;font-weight: bold;}
#contents {font-size:13px;}
#product-d .txt_20{font-size:18px;}
#product-d .txt_12{font-size:13px;}
.new-line-sp{display:block;}
}

/* icons */
.icon-user { background-position: -208px 0px; }
.icon-lg-b.icon-user { background-position: -312px 0px; }
.icon-adduser { background-position: -240px 0px; }
.icon-lg-b.icon-adduser { background-position: -360px 0px; }
.icon-login { background-position: -48px -80px; }
.icon-lg-b.icon-login { background-position: -72px -120px; }
.icon-logout { background-position: -32px -80px; }
.icon-lg-b.icon-logout { background-position: -48px -120px; }
.icon-home { background-position: -176px -16px; }
.icon-lg-b.icon-home { background-position: -264px -24px; }
.icon-mail { background-position: -64px 0px; }
.icon-lg-b.icon-mail { background-position: -96px 0px; }
.icon-pencil { background-position: -96px 0px; }
.icon-lg-b.icon-pencil { background-position: -144px 0px; }
.icon-help { background-position: -272px -80px; }
.icon-lg-b.icon-help { background-position: -408px -120px; }
.icon-cart { background-position: -176px -64px; }
.icon-lg-b.icon-cart { background-position: -264px -96px; }
.icon-lg-w.icon-cart {background-position: -264px -96px;}
.icon-search { background-position: -208px -16px; }
.icon-lg-b.icon-search { background-position: -312px -24px; }
.icon-chevron_up { background-position: -0px -144px; }
.icon-lg-b.icon-chevron_up { background-position: -0px -216px; }
.icon-chevron_down { background-position: -352px -128px; }
.icon-lg-b.icon-chevron_down { background-position: -528px -192px; }
.icon-lg-b.icon-list {background-position: -288px -144px;}
.icon-b.icon-flow_tree {background-position: -32px -128px;}
.icon-lg-b.icon-flow_tree {background-position: -48px -192px;}

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

.icon-b { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon16_b.png?cmsp_timestamp=20170205231357); }
.icon-w { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon16_w.png?cmsp_timestamp=20170205231357); }
.icon-lg-b { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_b.png?cmsp_timestamp=20170205231357); }
.icon-lg-w { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_w.png?cmsp_timestamp=20170205231357); }

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.icon-b,
.icon-w {-webkit-background-size: 368px 320px;background-size: 368px 320px;}
.icon-lg-b,
.icon-lg-w {-webkit-background-size: 552px 480px;background-size: 552px 480px;}
.icon-b { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon16_2x_b.png?cmsp_timestamp=20170205231357); }
.icon-w { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon16_2x_w.png?cmsp_timestamp=20170205231357); }
.icon-lg-b { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_2x_b.png?cmsp_timestamp=20170205231357); }
.icon-lg-w { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_2x_w.png?cmsp_timestamp=20170205231357); }
}
@media (max-width: 768px) {
.icon-b { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_b.png?cmsp_timestamp=20170205231357); }
.icon-w { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_w.png?cmsp_timestamp=20170205231357); }
}
@media only screen and (max-width: 768px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 768px) and (min--moz-device-pixel-ratio: 2), only screen and (max-width: 768px) and (-o-min-device-pixel-ratio: 2 / 1), only screen and (max-width: 768px) and (min-device-pixel-ratio: 2), only screen and (max-width: 768px) and (min-resolution: 192dpi), only screen and (max-width: 768px) and (min-resolution: 2dppx) {
.icon-b { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_2x_b.png?cmsp_timestamp=20170205231357); }
.icon-w { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_2x_w.png?cmsp_timestamp=20170205231357); }
}

/* new-item */
#new-item {overflow:hidden;position:relative;}
#new-item a{text-decoration:underline;}
#new-item ul{margin:0;}
#new-item li{margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #eee;}
#new-item li span{font-weight:bold;margin-right:20px;}

/* sitemap page */
#sitemap h1{font-size:1.2em;font-weight:bold;}
#sitemap h2{font-size:1.1em;font-weight:bold;margin:4em 0 0;}
#sitemap p{margin:0;padding:0;}
#sitemap ul{margin:3em 0 0;padding:0;}
#sitemap li{width:31.33%;margin-right:1%;margin-left:1%;float:left;min-height:1px;display:block;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-bottom:1px dotted #333;margin-bottom:2em;}
#sitemap li a{display:block;padding:0.4em 0;}

/* melmaga page */
#melmaga-info a{color:#1A0DAB;font-weight:bold;text-decoration:underline;}
#melmaga-info a:hover{color:#4b3ed9;}
#melmaga-info .sumaho-info{overflow:hidden;margin:1em 0 1em;}
#melmaga-info .melmaga-pic{width:28%;float:left;padding:0 1%;margin:0 auto 2em;}
#melmaga-info .melmaga-arrow{background:url(https://img11.shop-pro.jp/PA01289/993/etc/melmaga-arrow.png?cmsp_timestamp=20170623155415) no-repeat;background-size:auto 37px;padding:0;width:5%;height:37px;float:left;margin:8em 0 0;}
#melmaga-info .melmaga-arrow2{background:url(https://img11.shop-pro.jp/PA01289/993/etc/melmaga-arrow.png?cmsp_timestamp=20170623155415) no-repeat;background-size:auto 37px;padding:0;width:5%;height:37px;float:left;margin:8em 0 0;display:none;}
#melmaga-info .pc-info{overflow:hidden;margin:1em 0 1em;}
#melmaga-info .melmaga-pc-pic{width:98%;padding:0 1%;margin-bottom:2em;}
.melmaga-pc-pic img{width: 100%;}
#melmaga-info .melmaga-arrow3{background:url(https://img11.shop-pro.jp/PA01289/993/etc/melmaga-arrow.png?cmsp_timestamp=20170623155415) no-repeat;background-size:auto 37px;padding:0;width:5%;height:37px;margin:2em auto 2em;transform:rotate(90deg);}

/* btn-link */
.bottom-link{overflow:hidden;margin-top:3em;}
.bottom-link h3{font-size:1em;font-weight:normal;}
.bottom-link a{color:#333;text-decoration:none !important;}
.btn-sp{display:block;min-height:1px;word-break:break-all;}
.blog-btn{width:92%;margin:0 auto;color:#fff;font-size:1.2em;font-weight:normal;padding:2em 3%;border:2px #323232 solid;position:relative;z-index:1;background:#333;border-radius:7px;-webkit-border-radius:7px;-moz-border-radius:7px;}
.blog-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1px #fff solid;margin:1px;display:block;z-index:-1;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
.blog-btn:hover{background:#666;border:2px #626262 solid;color:#fff;}

/* rollover-css */
.rollover{transition:0.5s;}
.rollover:hover{opacity:0.6;}

/* button */
.list-link{overflow:hidden;width:60%;float:left;}
.btn1{display:block;width:81%;margin:0;color:#000;font-size:1.1em;font-weight:bold;padding:1em 12% 0.7em 6%;border:1px #000 solid;position:relative;z-index:10;background:#fff;border-radius:30px;-webkit-border-radius:30px;-moz-border-radius:30px;}
.btn1:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1px #000 solid;margin:2px 3px;display:block;z-index:-1;border-radius:29px;-webkit-border-radius:29px;-moz-border-radius:29px;}
.btn1:after{position:absolute;top:50%;right:15px;display:block;content:"";width:6px;height:6px;margin-top:-4px;border-top:1px solid #000;border-right:1px solid #000;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.btn1:hover{background:#000;color:#fff;border:1px #000 solid;transition:0.5s;}
.btn1:hover:before{border:1px #fff solid;transition:0.5s;}
.btn1:hover:after{border-top:1px solid #fff;border-right:1px solid #fff;transition:0.5s;}
.list-link a{text-decoration:none;}
@media screen and (max-width: 768px) {.btn1{font-size:1em;padding:1em 12% 1em 6%;} .list-link{width:70%;float:none; text-align:center;}}
@media screen and (max-width: 480px) {.list-link{width:100%;} .list-link .mar_b_50{margin-bottom:1em;}}

/* juicyslider */
.juicyslider{position:relative;padding:0;margin:0;border:0}.juicyslider ul{width:100%;height:100%;position:absolute;overflow:hidden;list-style:none outside none;padding:0;margin:0}.juicyslider li{width:100%;height:100%;position:absolute;top:0;left:0;display:none}.juicyslider li:first-child{display:block}.juicyslider img.maxw{width:100%;height:auto;max-height:none;position:absolute;filter:inherit}.juicyslider img.maxh{width:auto;max-width:none;height:100%;position:absolute;filter:inherit}
@media screen and (max-width: 768px) {.juicyslider{height:360px !important;}}
@media screen and (max-width: 480px) {.juicyslider{height:200px !important;}}

/* imagelightbox */
#imagelightbox{position:fixed;z-index:9999;}
#imagelightbox{cursor:pointer;position:fixed;z-index:10000;-ms-touch-action:none;touch-action:none;}
#imagelightbox-loading, #imagelightbox-loading div{border-radius:50%;}
#imagelightbox-loading{width:2.5em;height:2.5em;background-color:#444;background-color:rgba( 0, 0, 0, .5 );position:fixed;z-index:10003;top:50%;left:50%;padding:0.625em;margin:-1.25em 0 0 -1.25em;-webkit-box-shadow:0 0 2.5em rgba( 0, 0, 0, .75 );box-shadow:0 0 2.5em rgba( 0, 0, 0, .75 );}
#imagelightbox-loading div{width:2.5em;height:2.5em;background-color:#fff;-webkit-animation:imagelightbox-loading .5s ease infinite;animation:imagelightbox-loading .5s ease infinite;}
@-webkit-keyframes imagelightbox-loading{
from{opacity:.5;-webkit-transform:scale(.75);}
50%{opacity:1;-webkit-transform:scale(1);}
to{opacity:.5;-webkit-transform:scale(.75);}
}
@keyframes imagelightbox-loading{
from{opacity:.5;transform:scale(.75);}
50%	{opacity:1;transform:scale(1);}
to{opacity:.5;transform:scale(.75);}
}
#imagelightbox-overlay{background-color:#000;background-color:rgba( 9, 9, 9, .9 );position:fixed;z-index:9998;top:0;right:0;bottom:0;left:0;}
#imagelightbox-caption{text-align:center;color:#fff;background-color:#222;position:fixed;z-index:10001;left:0;right:0;bottom:0;padding:0.625em;}

/* page-top scroll */
#page-top img{width:45px;}
#page-top{position:fixed;font-size:0;z-index:50;right:30px;bottom:20px;display:none;width:40px;height:40px;color:transparent;border-radius:20px;background-color:rgba(0,0,0,.35)}
#page-top:after{position:relative;z-index:51;top:17px;left:15px;display:block;width:7px;height:7px;content:'';-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);border-top:2px solid #fff;border-left:2px solid #fff}

/* footer */
#footer{width:100%;background:#222;color:#f2f2f2;clear:both;font-size:0.9em;text-align:left;}
#footer a{color:#f2f2f2;text-decoration:none;}
#footer a:hover{color:#999;}
#footer p{line-height:1em;padding:0;text-align:left;}
.footer-inner{max-width:1000px;padding:50px 0;margin:auto;overflow:hidden;}
#footer ul{padding:0;margin:0;}
#footer li{width:48%;border-bottom:1px solid #333;margin-right:2%;padding-top:10px;padding-bottom:10px;list-style:none;float:left;}
#footer .sns{width:22%;margin:0 5%;}

/* responsive */
.col-wrap{width:100%;display:block;overflow:hidden;}
.col{display:block;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-right:1%;padding-left:1%;min-height:1px;word-break:break-all;*padding-right:1% !important;*padding-left:1% !important;}
.col2{display:block;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;min-height:1px;word-break:break-all;}
.col3{display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-right:1%;padding-left:1%;min-height:1px;word-break:break-all;*padding-right:1% !important;*padding-left:1% !important;}
.col img{max-width:100%;height:auto;}
.box12{width:100%;}
.box11{width:91.6666667%;}
.box10{width:83.3333333%;}
.box09{width:75%;}
.box08{width:66.6666667%;}
.box07{width:58.3333333%;}
.box06{width:50%;}
.box05{width:41.6666667%;}
.box04{width:33.3333333%;}
.box03{width:25%;}
.box02{width:16.6666667%;}
.box01{width:8.33333333%;}
[class*="box"] {padding-right:1%;padding-left:1%;float:left;min-height:1px;display:block;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

/* common */
.mar-t10{margin-top:0.714em !important;}
.mar-t13{margin-top:0.929em !important;}
.mar-t20{margin-top:1.429em !important;}
.mar-t30{margin-top:2.143em !important;}
.mar-t40{margin-top:2.857em !important;}
.mar-t50{margin-top:3.571em !important;}
.mar-t60{margin-top:4.286em !important;}
.mar-t70{margin-top:5em !important;}
.mar-t80{margin-top:5.714em !important;}
.mar-t90{margin-top:6.429em !important;}
.mar-t100{margin-top:7.143em !important;}
.mar-b50{margin-bottom:3.571em !important;}
.pad-lr10{padding-left:0.714em !important;padding-right:0.714em !important;}
.bor-b-1{border-bottom:1px solid #ccc; padding-bottom:1.429em !important;}
.bor-b-2{border-bottom:1px solid #666; padding-bottom:0.714em !important;}
.bor-b-3{border-bottom:1px solid #ccc; padding-top:1.429em !important; padding-bottom:0.714em !important;}
.f16{font-size:1em;}
.center{text-align:center;}

@media screen and (max-width: 768px) {
body{letter-spacing:0.02em;}
br{display:none;}
#option_tbl br{display:block;}
#header {margin:4em auto 2em;}
#container {width:94% !important;}
#contents{padding-right:0;}
#logo{width:25%;margin:0 auto;text-align:center;}
/* hamburger-button */
.hamburger{float:right;display:block;position:fixed;top:1em;right:1em;overflow:hidden;margin:0 auto;padding:0;width:33px;height:40px;cursor:pointer;transition:background 0.3s;z-index:10;}
.hamburger::after{width:100%;position:absolute;display:block;top:20px;left:0;bottom:0;font-size:12px;text-decoration:none;text-align:center;letter-spacing:0;content:"menu";}
.hamburger:focus{outline:none;}
.hamburger span{display:block;position:absolute;top:12px;left:2px;right:2px;height:1px;background:#000;transition:background 0s 0.3s;}
.hamburger span::before, .hamburger span::after{position:absolute;display:block;left:0;width:100%;height:1px;background-color:#000;content:"";transition-duration:0.3s, 0.3s;transition-delay:0.3s, 0s;}
.hamburger span::before{top:-8px;transition-property:top, transform;}
.hamburger span::after{bottom:-8px;transition-property:bottom, transform;}
.hamburger-htx{background-color:transparent;}
.hamburger-htx span{transition:background 0s 0.3s;}
.hamburger-htx span::before, .hamburger-htx span::after{transition-duration:0.3s, 0.3s;transition-delay:0.3s, 0s;}
.hamburger-htx span::before{transition-property:top, transform;}
.hamburger-htx span::after{transition-property:bottom, transform;}
.hamburger-htx.is-active{background-color:transparent;}
.hamburger-htx.is-active::after{letter-spacing:0;content:"close";}
.hamburger-htx.is-active span{background:none;}
.hamburger-htx.is-active span::before{top:0;transform:rotate(45deg);}
.hamburger-htx.is-active span::after{bottom:0;transform:rotate(-45deg);}
.hamburger-htx.is-active span::before, .hamburger-htx.is-active span::after{transition-delay:0s, 0.3s;}

/* menu */
#side{float:none;position:fixed;width:100%;height:100%;top:0;right:-100%;background:#f5f5f5;margin:0;padding:0;overflow:scroll;-webkit-overflow-scrolling:touch;transition:.7s;font-size:1em;}
#side h3{width:auto;height:3.6em;}
#side .navi{margin:6em 3em 5em;}
#side .navi li{margin:0;padding:1.1em 0;display:block;border-bottom:1px solid #ccc;}
#side .navi li a {margin:0;padding:0.8em 0;color:#666;text-decoration:none;}
#side .thum{padding:0.5em 1em 0 0;}
.in{transform:translateX(-100%);}
#page-wap br{display:none;}
h1, .f32, .f36{font-size:1.714em;}
h2, h3, .f24{font-size:1.214em;}
.f12{font-size:0.714em;}
.pagetop {bottom:10px;right:20px;}
.mar-t20{margin-top:1.429em !important;}
.mar-t50{margin-top:3.571em !important;}
.mar-t80{margin-top:5.714em !important;}
#footer{text-align:center;}
#footer li{width:100%;float:none;}
#footer p{text-align:center;}
#footer .box02{width:24%;float:none;margin:0 auto;text-align:center;}
#footer .box03,#footer .box04,#footer .box07,#footer .box08{width:100%;}
#footer .box06{width:100%;}
#footer .box03{margin:0 11%;}
#footer .sns{width:10%;margin:0 8%;}
/* melmaga page */
#melmaga-info .melmaga-arrow{background-size:auto 30px;}
#melmaga-info .melmaga-arrow2{background-size:auto 30px;}
}
@media screen and (max-width: 480px) {
body {font-size:16px;}
#side {font-size:14px;}
#side h3{width:auto;height:3.4em;}
#container{margin:2.2em auto 0;}
#contents h1, #contents h2 {font-size:16px;}
#category-wrap h2{font-size:1.3em;}
.sp-br{display:block;}
#logo{width:48%;}
#footer .box02{width:40%;float:none;margin:0 auto;text-align:center;}
#footer .box03{margin:0 2%;}
#footer .sns{width:16%;margin:0 8%;}
/* sitemap page */
#sitemap li{width:98%;margin-right:1%;margin-left:1%;}
/* melmaga page */
#melmaga-info .melmaga-info{margin:0 0 5em;}
#melmaga-info .sumaho-info{margin:0 0 5em;}
#melmaga-info h2{margin-bottom:2em;}
#melmaga-info .melmaga-pic{width:80%;float:none;padding:0 1%;margin:0 auto;}
#melmaga-info .melmaga-arrow{background-size:auto 37px;width:16%;float:none;margin:2em auto;transform:rotate(90deg);}
#melmaga-info .melmaga-arrow2{background-size:auto 37px;width:16%;float:none;margin:2em auto;display:block;transform:rotate(90deg);}
#melmaga-info .pc-info{margin:0 0 5em;}
#melmaga-info .melmaga-pc-pic{width:80%;margin:0 auto;}
#melmaga-info .melmaga-arrow3{width:16%;margin:2em auto;}
}

/* responsive img chage */
.pc-v{display:block!important;}
.sp-v{display:none!important;}
@media only screen and (max-width: 748px) {
.pc-v{display:none!important;}
.sp-v{display:block!important;}
}