@charset "UTF-8";
@import url("block.css");
/* -----リセットCSS　変更しない ここから------------------- */
table { font-size:inherit; font:100%; }
pre, code, kbd, samp, tt { font-family:monospace; *font-size:108%;
line-height:100%; }
html, body { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, address { margin: 0; padding: 0; border: 0; font-style: normal; font-weight: normal; font-size: 100%; }
p { margin: 0px 0px 3px 0px; padding: 0; border: 0; font-size: 100%; }
div, blockquote, pre, ul, ol, li, dl, dt, dd { margin: 0; padding: 0; border: 0; font-size: 100%; }
table, caption, th, td { font-style: normal; font-weight: normal; font-size: 100%; border-collapse: collapse; margin-bottom: 0px; }
th { white-space: nowrap; vertical-align:top; }
hr { margin: 0; padding: 0; font-size: 100%; }
iframe { margin: 0; padding: 0; border: 0; font-size: 100%; }
form, fieldset, input, button, select, optgroup, option, textarea, label, legend { margin: 0; padding: 0; font-size: 100%; }
span, em, strong, dfn, code, samp, kbd, var, cite, abbr, acronym, q, br, ins, del, a, img, object { margin: 0; padding: 0; border: 0; font-style: normal; font-weight: inherit; font-size: 100%; }
ul, ol { list-style-position:outside; list-style-type:none; }
/* -----リセットCSS　変更しない ここまで------------------- */

/* --フォント指定---------- */
/* Yahoo fonts.css 2.7.0
https://developer.yahoo.net/yui/license.txt
- Font size Adjustment.
https://developer.yahoo.com/yui/examples/fonts/fonts-size_source.html
*/ 
body { font:13px/1.231 "メイリオ", Meiryo, verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif; *font-size:small;
*font:x-small;
}
select, input, button, textarea { font:99% arial, helvetica, clean, sans-serif; }
table { font-size:inherit; font:100%; }
pre, code, kbd, samp, tt { font-family:monospace; *font-size:108%;line-height:100%; }
/*-----------------------------------------------------
10px = 77%     11px = 85%     12px = 93%     13px = 100%
14px = 108%    15px = 116%    16px = 123.1%  17px = 131%
18px = 138.5%  19px = 146.5%  20px = 153.9%  21px = 161.6%
22px = 167%    23px = 174%    24px = 182%    25px = 189%
26px = 197%
------------------------------------------------------*/



/* -----------基本テキストカラー　指定------------------------------- */
html { }
body {color:#000000;text-align:center;background:#ffffff;
background-image : url(https://file001.shop-pro.jp/PA01271/532/img/bg03.gif); background-position: center top ; background-repeat: repeat;
}
/* -----------リンク色　指定------------------------------- */
a:link    {color: #478abe; text-decoration:underline }
a:visited {color: #478abe; text-decoration:underline }
a:hover   {color: #FF7995; text-decoration:underline }
img a     {border:0 none; }
img       {vertical-align:bottom }

/* --------------------------------------------------
	レイアウトサイズ　横幅・背景・margin・padding 指定
-------------------------------------------------- */
#wrapper2     {width: 820px; margin: 0 auto; background-color: white; }
#header       {width: 100% ; margin: 0 auto; }
#headerInner  {width: 800px; margin: 0 auto; }
#wrapper      {width: 100% ; margin: 0 auto; }
#wrapperInner {width: 800px; margin: 0 auto; overflow:hidden; _zoom:1;clear:both;}
#content      {width: 630px; margin: 0 auto; }
#contentInner {width: 595px; margin: 0 0 0 35px; }
#sidebar      {width: 170px; margin: 0 auto; }
#sidebarInner {width: 170px; margin: 0 auto; }
#footer       {width: 100% ; margin: 0 auto; }
#footerInner  {width: 800px; margin: 0 auto; }


/* --------------------------------------------------
	header
-------------------------------------------------- */
#header {background:url(https://file001.shop-pro.jp/PA01271/532//img/top/head_bg01.png) no-repeat center top;height:200px;}
#headerInner { text-align:left;} /* ---高さ指定--- */
#sitetitle {position: relative; top: 25px; left:0;}
#gnavi {position: relative; top: -3px; left:265px;overflow:hidden;_zoom:1;}
#gnavi ul {clear:both;}
#gnavi ul li {float:left;margin-right:5px;}
#hmenu {position: relative; top: 1px; left:0px;overflow:hidden;_zoom:1;}
#hmenu ul {clear:both;}
#hmenu ul li {float:left;margin-right:3px;margin-top: 10px;}
.sitediscription {position: relative; top: 30px; left:0;}

/* --------------------------------------------------
	wrapper
-------------------------------------------------- */
#wrapperInner {padding-bottom:100px;}
/* --------------------------------------------------
	content
-------------------------------------------------- */
#content      {float:right;}  /* ---左右位置指定--- */
#contentInner {text-align:left;}


/* --------------------------------------------------
	content-part
-------------------------------------------------- */
.main-title {margin-bottom:20px;}
.box {width:595px; margin-bottom:20px;background:url(../img/content/body.png) repeat-y center top;clear:both}
.box_top   {background:url(../img/content/top.png) no-repeat center top;height:20px;width:595px;}
.box_body  {width:535px;margin-left:30px;margin-right:30px;overflow:hidden; _zoom:1;}
.box_bottom{background:url(../img/content/bottom.png) no-repeat center bottom;height:30px;width:595px;clear:both}

.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb20kanji { width:535px; margin-left:30px; margin-right:30px; margin-bottom:20px; text-align:left; font-size:32px; line-height:1.5; }
.tleft {text-align:left;}
.f-left {overflow:hidden; _zoom:1;margin-bottom:20px;width:545px;margin-right:-5px;}
.f-left li{float:left;margin-right:5px;}
.img-left{float:left;margin-right:10px;}
.f-left li{float:left;margin-right:5px;}
.f-left li{float:left;margin-right:5px;}

.mselect li{float:left;margin-right:25px;margin-bottom:15px;}
.mselect {overflow:hidden; _zoom:1;width:560px;margin-right:-25px;}

/* --------------------------------------------------
	sidebar
-------------------------------------------------- */
#sidebar {float:left; } /* ---左右位置指定--- */
#sidebarInner {}

/* --------------------------------------------------
	sidebar-part
---------------------------------------------
.dropmenu {text-align:left;}
.dropmenu dt{padding:0px;margin-bottom:20px;}
.dropmenu dd {}
.dropmenu dd li{background:url(../img/side/ore.png) no-repeat 20px 2px;padding-left:30px; padding-bottom:10px;}
.dropmenu dd li a{color:#343434;text-decoration:none;}
.dropmenu dd li a:hover{color:#ff7995;}
----- */
ul.acode2, ul.acode2 li ul {text-align:left;} 
ul.acode2 li a{display: block;line-height:48px;margin-bottom:20px;} 
ul.acode2 li ul li{background:url(https://img17.shop-pro.jp/PA01271/532/etc/ore.png?20610515) no-repeat 20px 2px;padding-left:30px; margin-bottom:0px;}
ul.acode2 li ul a{display: block;line-height:20px;color:#343434;text-decoration:none; margin-bottom:10px;} 
ul.acode2 li ul a:hover{color:#ff7995;}
.topmenu {display:none;}
/* --------------------------------------------------
	footer
-------------------------------------------------- */
#footer {clear:both;text-align:center;}
#footerInner {position:relative;}



/* --------------------------------------------------
	other
-------------------------------------------------- */
.onegai { font-size: 1.0em; display: block; width: 788px; text-align: center; border: 1px solid #f1f1f1; padding: 8px; margin: 14px 0; }

/* --------------------------------------------------
	common
-------------------------------------------------- */
.title {background:url(../img/content_new/bg_title.png) no-repeat left bottom;text-align:left}

.nbox {width:595px; margin-bottom:20px;clear:both}
.nbox_top   {background:url(../img/content_new/top.png) no-repeat left top;height:63px;width:595px;}
.nbox_body  {background:url(../img/content_new/body.png) repeat-y center top;overflow:hidden; _zoom:1;}
.nbox_bottom{background:url(../img/content_new/bottom.png) no-repeat center bottom;height:14px;width:595px;clear:both}

.nbox_in {width:173px;}
.cutting {float:left;margin-left:10px;margin-right:28px;}
.board   {float:left;margin-right:28px;}
.hologram{float:left;margin-right:0px;}
.nbox_in ul{border-top:1px solid #dedede;padding-top:20px;text-align:center;}
.nbox_in ul li{margin:0 auto 10px auto}
.nbox_txt {padding:20px 10px;height:80px;} 



/* --------------------------------------------------
toppages
-------------------------------------------------- */

.concert{width:595px;height:331px;background:url(../img/concert/concert_bg2.png) no-repeat center bottom;margin-bottom:15px;}
.concertIn{width:555px;height:207px;position: relative; top: 75px; left: 20px;overflow:auto;text-align:left;}

.concertIn dl {border-bottom:1px dotted #cccccc;padding-bottom:10px;padding-top:10px;}
.concertIn dl dt {background:url(../img/concert/name.png) no-repeat left center;padding-left:31px;font-size:15px;font-weight:bold;}
.concertIn dl .time {background:url(../img/concert/time.png) no-repeat left center;padding-left:31px;color:#7a7a7a;}
.concertIn dl .place {background:url(../img/concert/place.png) no-repeat left center;padding-left:31px;color:#7a7a7a;}
.even{background:#f6f6f6;}

.moretext{width:575px;padding-left:10px;}
.topcontent p {margin-bottom:20px;}
.topside li{margin-bottom:10px;}

/* --------------------------------------------------
syousai
-------------------------------------------------- */

.text { text-align: left; font-size:12px; color:#666666; line-height:18px; }
.text p { margin:20px; }
.text hr { border:none; border-top:dotted 1px #CCC; height:1px; color:#FFFFFF; margin-bottom: 8px; }

/* --------------------------------------------------
文字セット一覧用ボタン
-------------------------------------------------- */

.set_btn {
    width:250px;
    font-size:24px;
    font-weight:bold;
    text-decoration:none;
    display:block;
    text-align:center;
    padding:8px 0 10px;
    color:#333;
    border:2px solid #FF6699;
    border-radius:5px;
}

/* --------------------------------------------------
商品ページ
-------------------------------------------------- */

div{
 overflow:hidden;
}

#product h2{
   font-size:1.3em;
   line-height:1.5em;
   font-weight:bold;
}
#product input{
  
  height:50px;
}


table {
    font-size:inherit;
    font:100%;
	line-height:18px;
}

table.ouen td {
padding: 3px 7px;
}

/* --------------------------------------------------
marginカスタマイズ
-------------------------------------------------- */
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.ml10{margin-left:10px;}
.ml20{margin-left:10px;}
.ml30{margin-left:10px;}
.ml40{margin-left:10px;}
.ml50{margin-left:10px;}

/* --------------------------------------------------
カレンダー
-------------------------------------------------- */
.tbl_calendar {
  border: none !important;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
}
.tbl_calendar th, .tbl_calendar td {
  padding: 4px !important;
  text-align: center !important;
  border-bottom: 1px solid #ccc !important;
}

/* -------------------------------------
*     商品オプション 表形式
* ------------------------------------- */
#option_tbl {
     font-size: 10px;
     border-collapse:collapse;
     margin:10px auto 0;
     border-top:1px solid #ccc;
     border-left:1px solid #ccc;
     width:100%;
}
#option_tbl th{
     padding:5px;
     border-bottom:1px solid #ccc;
     border-right:1px solid #ccc;
}
#option_tbl td input{
     float:none;
     margin:0 0 5px;
     width:auto;
}
#option_tbl th,
#option_tbl td.none {
     background:#eee;
}
#option_tbl td {
     padding:5px;
     text-align:center;
     border-bottom:1px solid #ccc;
     border-right:1px solid #ccc;
}
.stock_zero {
     color:red;
}


/*------------------------------------
スマホ用のCSS
-------------------------------------*/
.only_sp {
	display:none;
}
.cate_link_menu {
	display:none;
}

.sp_main_navibtn {
	display:none;
}
@media screen and (max-width:480px) {
div{overflow:visible;}
body {
	background-image:none;
	width:100%;
	margin:0;
	padding:0;
}
.spnonarea {
	display:none !important;
}
.spmain_cont {
	width:100% !important;
}
.sp_img_100 {
	width:100% !important;
}
table.sp_img_100 td {
	width:17% !important;
}
table.sp_img_100 td img {
	width:100% !important;
}
.only_sp {
	display:block;
	background-image: url(https://www.rakuten.ne.jp/gold/piyopara/sr/img/back_ground.gif);
    background-repeat: repeat;
}
.nbox {
	width:100%;
}
.nbox_top,
.nbox_bottom {
	display:none;
	width:100%;
}
.cutting,
.board,
.hologram {
	float:none;
}
.nbox_in {
	width:95%;
	padding:0;
	margin:0 auto;
	clear:both;
}
.nbox_body {
	background-image:none;
}
.cutting {
	border-top:7px #FF7995 solid;
	padding:5px 0 0 0;
	margin:10px auto;
}
.board {
	border-top:7px #28C0FF solid;
	padding:5px 0 0 0;
	margin:10px auto;
}
.hologram {
	border-top:7px #85CE30 solid;
	padding:5px 0 0 0;
	margin:10px auto;
}
.title {
    background-size: 83%;
    margin-bottom: 20px;
    background-position: bottom right;
}
.title img {
	width:100px !important;
}
.img_lef {
	float:left;
	width: 48%;
	margin:0;
	padding:0;
}
.img_lef img {
	width:100%;
}
.nbox_txt {
	float:left;
	width:50%;
	margin:0;
	padding:0;
}
.nbox_in ul {
	clear:both;
}
.bod_botm {
	border-bottom: 1px solid #dedede;
}
.nbox_in ul {
	text-align:left;
}
.nbox_in ul li {
    float: left;
    width: 50%;
    text-align: center;
}
.nbox_in ul li img {
	width:98%;
	max-width:151px;
}
.nbox_in ul li:nth-child(odd) {
    float: left;
    clear: both;
    width: 50%;
    text-align: center;
}
.nbox_in ul li:last-child {
	margin-bottom:25px;
}
.cate_link_menu {
	width:100%;
    display: block;
}
.cate_link_menu li {
	float:left;
	width:33%;
	text-align:center;
}
.cate_link_menu li img {
	width:93%;
}
.clear {
	clear:both;
}

#sp_head {
	width: 100%;
    margin: 0;
    padding: 0;
    height: 120px;
}
.backlink_sp {
    content: "";
    clear: both;
    display: block;
    margin: 0;
    padding: 80px 0 0 0;
}

#sp_head h1 {
	position: absolute;
    width: 130px;
    top: 10px;
    left: 10px;
}
#sp_head h1 img {
	width:100%;
}
#sp_head p.tag {
	position: absolute;
    left: 150px;
    top: 20px;
    width: 130px;
}
#sp_head p.tag img {
	width:100%;
}
/* Toggle Button */
	#nav-toggle {
		display: none;
		position: absolute;
		right: 15px;
		top: 15px;
		width: 40px;
		height: 55px;
		cursor: pointer;
		z-index: 101;
	}
	#nav-toggle div {
		position: relative;
		overflow:visible;
	}
	#nav-toggle span {
		display: block;
		position: absolute;
		height: 4px;
		width: 100%;
		background: #666;
		left: 0;
		-webkit-transition: .35s ease-in-out;
		-moz-transition: .35s ease-in-out;
		transition: .35s ease-in-out;
	}
	#nav-toggle span:nth-child(1) {
		top: 0;
	}
	#nav-toggle span:nth-child(2) {
		top: 15px;
	}
	#nav-toggle span:nth-child(3) {
		top: 30px;
	}
	#nav-toggle p {
		color:#666;
		font-size:10px;
		top:40px;
		position: absolute;
		left:0;
	}
	#global-nav ul {
		list-style: none;
		position: absolute;
		right: 0;
		bottom: 0;
		font-size: 14px;
	}
	#global-nav ul li {
		float: left;
	}
	#global-nav ul li a {
		padding: 0 30px;
		opacity:1;
    color: #fff;
    text-decoration: none;
      display: block;
	}
	#global-nav {
        position: absolute;
        /* 開いてないときは画面外に配置 */
        top: -480px;
        width: 100%;
        text-align: center;
        padding: 0;
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
    }
    #global-nav ul {
        list-style: none;
        position: static;
        right: 0;
        bottom: 0;
        font-size: 14px;
		border-bottom:#FFF 1px solid;
    }
    #global-nav ul li {
        float: none;
        position: static;
        background: #FF6E95;
		border-top:#FFF 1px solid;
		padding:10px;
    }
    #global-nav ul li.orange {
		background:#fb4f14;
    }
    #global-nav ul li:hover {
		background:#666;
    }
    #global-nav ul li.orange:hover {
		background:#8D0100;
		opacity:0.5;
    }
    #top-head #global-nav ul li a,
    #top-head.fixed #global-nav ul li a {
        width: 100%;
        display: block;
        color: #fff;
        padding: 16px 0;
    }
	#nav-toggle {
        display: block;
    }
    /* #nav-toggle 切り替えアニメーション */
    .open #nav-toggle span:nth-child(1) {
        top: 11px;
        -webkit-transform: rotate(315deg);
        -moz-transform: rotate(315deg);
        transform: rotate(315deg);
    }
    .open #nav-toggle span:nth-child(2) {
        width: 0;
        left: 50%;
    }
    .open #nav-toggle span:nth-child(3) {
        top: 11px;
        -webkit-transform: rotate(-315deg);
        -moz-transform: rotate(-315deg);
        transform: rotate(-315deg);
    }
    /* #global-nav スライドアニメーション */
    .open #global-nav {
        /* #global-nav top + #mobile-head height */
        -moz-transform: translateY(556px);
        -webkit-transform: translateY(556px);
        transform: translateY(556px);
    }
	.mb20kanji {
		margin:0 !important;
		padding:0 !important;
	}
	.mselect li {
		clear:both;
		float:none;
		width:100%;
		margin:0;
		padding:0 0 10px 0;
		text-align:center;
	}
	.mselect li img {
		width:80%;
	}
	.kigo_list {
		width:100%;
	}
	.waku {
		width:90%;
    text-align: left;
	}
	.mselect {
		margin:0;
	}
	.box {
		width:100%;
	}
	.box_bottom {
		width:100%;
		background-size:contain;
	}
	.box_body,
	.box_top {
		width:100%;
		margin:0;
	}
	.set_btn {
    width: 80%;
    font-size: 24px;
    font-weight: bold;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    padding: 8px 0 10px;
    color: #333;
    border: 2px solid #FF6699;
    border-radius: 5px;
}
.sp_disp_block {
	width:100%;
	display:block;
}
.mselect {
	width:100%;
}
.sp_main_navibtn {
	width:100%;
	margin:0;
	padding:0;
	list-style:none;
	border-top:3px #FF6F95 solid;
	display:block;
	min-height:100px;
}
.sp_main_navibtn li {
	float: left;
    width: 25%;
    margin: 0;
    padding: 0;
}
.sp_main_navibtn li img {
	width:100%;
}

.kigo_list div { width: 33%; }
a {text-decoration: none;}
a:hover {color: #ff9900; text-decoration: none;}
a:hover img{opacity:0.8; filter: alpha(opacity=80);}
img {border: 0px; }
table{max-width:100%;}
.footstamp{width:100%;}
.detail_frame td{display:block; width:100%;}
.top{width:96%; margin:0 2%;}
}

@media screen and (max-width:320px) {
	#sp_head h1 {
        position: absolute;
    width: 100px;
    top: 17px;
    left: 10px;
}
#sp_head p.tag {
    position: absolute;
    left: 120px;
    top: 20px;
    width: 130px;
}
}
.hiraganatop {
	height:80px !important;
}