@charset "EUC-JP";

/************************************************
 ブラウザリセット
************************************************ */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    margin: 0;
    padding: 0;
    border: 0;
}

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;
}

a img,
iframe {
    border: none;
}
ol,
ul,
li {
    list-style: none;
}

input,
textarea,
select,
button {
    font-size: 100%;
    font-family: inherit;
}

select {
	margin-bottom:5px;
	width: 100%;
}




/*==============================================================================
 * common
 *----------------------------------------------------------------------------*/

html {
	font-family:"游明朝","Osaka",sans-serif;
	font-size: 62.5%;
    line-height: 170%;
}

body {
	background:url(https://img12.shop-pro.jp/PA01066/576/etc/tc_bg.gif) top center repeat;
	color:#424251;
}

a:link {
	color: #136892;
}

a:visited {
}

a:hover {
	color: #8F783A;
}

a:hover img{
    opacity:0.6;
    -moz-opacity:0.6;
    filter:alpha(opacity = 60);
}

p {
	font-size: 1.4em;
	margin-bottom:30px;
}

p.img_main {
	clear:both;
	text-align:center;
}

p.img_left {
	float:left;
	padding-right:30px;
	clear:both;
}

p.img_right {
	float:right;
	padding-left:30px;
	clear:both;
}

p.img_list {
	float:left;
	padding-right:30px;
	clear:both;
}

p.last {
	margin-bottom:50px;
}

table p {
	font-size:inherit;
}

p strong {
	color:#19559F;
	font-size:115%;
	line-height: 190%;
}

.mini {
    font-size: 80%;
}


/*==============================================================================
 * style h
 *----------------------------------------------------------------------------*/

h1,h2 {
	margin-bottom:20px;
	clear:both;
}

#main h1 {
	background:url(https://img12.shop-pro.jp/PA01066/576/etc/tc_h1_bg.png?cmsp_timestamp=20160424011755) left bottom no-repeat;
	line-height: 120%;
    padding: 5px 0 32px 40px;
	margin-bottom:10px;
}

#main h2 {
	background:url(https://img12.shop-pro.jp/PA01066/576/etc/tc_h2_bg.png) left top no-repeat;
	border-bottom: 1px dotted #ccc;
    line-height: 120%;
    margin-bottom: 20px;
    padding: 0 0 5px 35px;
	font-size: 1.8em;
}

#main h1.top {
	margin-bottom:20px;
}

#main h2.top {
	background:url(https://img12.shop-pro.jp/PA01066/576/etc/tc_h2_top.png) left bottom no-repeat;
    padding: 5px 0 27px 40px;
	margin-bottom:20px;
	border-bottom:none;
	font-size: 200%;
}

h2.privacy {
	background:none;
	padding:0;
	font-size:1.3em;
}

#side h2 {
	margin-bottom:15px;
}


/*==============================================================================
 * style layout
 *----------------------------------------------------------------------------*/

#wrapper,
header,
footer {
	min-width:1000px;
	width:100%;
}

#header_wrapper,
#container {
	width:1000px;
	margin:0 auto;
}

#container {
	padding:45px 0 50px;
}

#side {
	width:250px;
	float:left;
}

#main {
	width:700px;
	float:right;
}

.half {
	width:330px;
}

#container {
	overflow:hidden;
	clear: both;
}

footer #ban_area ul,
footer #links ul,
footer #links .copy {
	margin: 0 auto;
    text-align: center;
    width: 1000px;
}


/*==============================================================================
 * style header
 *----------------------------------------------------------------------------*/

header {
	background:url(https://img12.shop-pro.jp/PA01066/576/etc/tc_footer_bg.png) top center repeat-x;
	padding-top:15px;
}

header #title {
	float:left;
}

header #title a:hover img{
    opacity:1;
    -moz-opacity:1;
    filter:alpha(opacity = 100);
}

header #head_right {
	float:right;
}

header ul.info {
	text-align:right;
}

header ul.info li {
    display: inline-block;
	font-size:1.4em;
}

header ul.info li::after {
    content: "\a0\FF5C\a0";
}

header ul.info li:last-child::after {
	content:none;
}

header ul.info li a:link {
    text-decoration: none;
}

header ul.info li a:hover {
    text-decoration: underline;
}

header input {
	display:none;
	width:295px;
	border: 1px solid #8F783A;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	background: #F3FAFE url(https://img12.shop-pro.jp/PA01066/576/etc/tcshop_search.png) 8px center no-repeat;
	padding: 10px 5px 10px 120px;
	font-size:1.4em;
	margin-top: 10px;
}

header #head_right input {
	display:inherit;
}

.c_wrap {
	display:none;
}


/*==============================================================================
 * style menu
 *----------------------------------------------------------------------------*/

menu {
	clear:both;
	margin:0;
	padding:15px 0 0;
}

menu ul {
	width:1000px;
	overflow: hidden;
}

menu li {
	float: left;
	text-align:center;
	text-indent:-9999px;
}

menu li a {
	display:block;
	background:url(https://img12.shop-pro.jp/PA01066/576/etc_base64/dGNzaG9wX21lbnVfMjQwNjEx.png) left top no-repeat;
}

menu li.menu_home a     {width:134px; height:55px; }
menu li.menu_list a     {width:155px; height:55px; background-position:-134px top;}
menu li.menu_about a    {width:232px; height:55px; background-position:-289px top;}
menu li.menu_payment a  {width:206px; height:55px; background-position:-521px top;}
menu li.menu_blog a     {width:137px; height:55px; background-position:-727px top;}
menu li.menu_cart a     {width:136px; height:55px; background-position:-864px top;}
menu li.menu_voice1 a   {width:333px; height:76px; background-position:left -55px;}
menu li.menu_voice2 a   {width:334px; height:76px; background-position:-333px -55px;}
menu li.menu_voice3 a   {width:333px; height:76px; background-position:-667px -55px;}


/*==============================================================================
 * style side
 *----------------------------------------------------------------------------*/

#side .ban_erea li {
	margin-bottom:5px;
}

#side .ban_erea li:last-child {
	margin-bottom:40px;
}

#side .ban_erea li img {
	vertical-align:bottom;
}

#side .ban_erea li ul li a {
	display:block;
	font-size: 1.4em;
}

#side .ban_erea li ul li:last-child {
	margin-bottom:0;
}

#side .side_list li,
#side .ss_list li,
.top_sp .ss_list li {
	border-bottom:#ccc 1px dotted;
	padding:0 0 6px 25px;
	margin-bottom:6px;
	background:url(https://img12.shop-pro.jp/PA01066/576/etc/tc_icon_dot.png) 5px 3px no-repeat;
}

#side .side_list li.banner {
	background:none;
	padding:0;
	margin-bottom:3px;
	border-bottom: medium none;
}

#side .side_list li:last-child,
#side .ss_list li:last-child,
.top_sp .ss_list li:last-child {
	border-bottom:none;
	margin-bottom:30px;
}

#side .side_list li.twinsoul {
	background:url(https://img12.shop-pro.jp/PA01066/576/etc/tc_icon_heart.png) 5px 3px no-repeat;
}

#side .side_list li.more {
	background:url(https://img12.shop-pro.jp/PA01066/576/etc/tc_icon_more.png) 5px 3px no-repeat;
}

#side .side_list li a,
#side .ss_list li a,
.top_sp .ss_list li a {
	display:block;
	font-size: 1.4em;
}

#side .side_list li a:link,
#side .side_list li a:visited,
#side .ban_erea li ul li a:link,
#side .ban_erea li ul li a:visited {
	display:block;
	color:#424251;
	text-decoration:none;
}

#side .side_list li a:hover,
#side .ban_erea li ul li a:hover {
	text-decoration:underline;
}

#side .dropmenu{
  *zoom: 1;
}

#side .dropmenu:after{
  clear: both;
}

#side .dropmenu li{
  position: relative;
}

#side .dropmenu li:hover ul{
  list-style: none;
  position: absolute;
  z-index: 9999;
  top: -7px;
  left: 100%;
  margin: 0;
  padding: 0;
  width: 100%;
  border: 1px solid #ccc;
  border-radius:0 3px 3px 0 / 0 3px 3px 0;
  box-shadow:0px 2px 4px 0px #E8E8E8;
  -moz-box-shadow:0px 2px 4px 0px #E8E8E8;
  -webkit-box-shadow:0px 2px 4px 0px #E8E8E8;

}

#side .dropmenu li.banner ul,
#side .ban_erea li:hover ul{
  top: 0;
}

#side .dropmenu li ul li{
  width: 100%;
  overflow: hidden;
  height: 0;
  margin:0;
  padding:0;
  border-bottom:0;
}

#side .side_list li ul li:last-child {
	margin-bottom:0;
}

#side .dropmenu li:hover ul li a{
  padding: 5px 0 7px 25px;
  background:url(https://img12.shop-pro.jp/PA01066/576/etc/tc_icon_dot.png) 5px 8px no-repeat;
  background-color: #F0F9FE;
  height: auto;
  text-align: left;
  text-indent: 0;
  color:#363636;
}

#side .dropmenu li:hover ul li a::after {
  content:"";	
}

#side .dropmenu li ul li:hover > a{
  background-color: #E1F2FD;
}

#side .dropmenu li:hover ul li{
  overflow: visible;
  height: auto;
  border-bottom: 1px solid #ccc;
}

#side #accordion3{
  margin-bottom:30px;
}


/*==============================================================================
 * style footer
 *----------------------------------------------------------------------------*/

footer {
	position:relative;
}

footer #bg {
	position:absolute;
	background:url(https://img12.shop-pro.jp/PA01066/576/etc/tc_footer_bg.png) top center repeat;
	top: -82px;
	height:80px;
	width:100%;
	z-index: -1;
}

footer #ban_area {
	background:url(https://img12.shop-pro.jp/PA01066/576/etc/tc_ban_area_bg.png) top center repeat;
	border-top:#CCC 1px solid;
	padding: 30px 0;
}

footer #ban_area ul.tc {
	padding-bottom:25px;
}

footer #links {
	background:#136892;
	color:#FFF;
}

footer #ban_area li {
    display: inline-block;
    margin: 0 15px;
}

footer #links {
    padding: 20px 0;
	font-size: 1.4em;
    font-weight: bold;
}

footer #links li {
    display: inline-block;
}

footer #links li::after {
    content: "\FF5C";
}

footer #links li:last-child::after {
	content:none;
}

footer #links li a:link,
footer #links li a:visited,
footer #links li a:hover {
    color: #fff;
    text-decoration: none;
}

footer #links li a:hover {
    text-decoration: underline;
}

footer #links .copy {
    padding-top: 5px;
}

 
/*==============================================================================
 * style top
 *----------------------------------------------------------------------------*/
 
.top_ban {
	margin-bottom:40px;
}

#slideshow {
   position: relative;
   width:  100%;
   z-index:1;
}

#slideshow p {
   position: absolute;
   top:  0;
   left: 0;
   z-index: 8;
   opacity: 0.0;
   margin: 0;
   background-color:inherit;
}

#slideshow p.active {
   z-index: 10;
   opacity: 1.0;
}

#slideshow p.last-active {
   z-index: 9;
}

#slideshow p img {
   width:  100%;
   display: block;
   border: 0;
}

#slideshow p a:hover img{
    opacity:1.0;
    -moz-opacity:1.0;
    filter:alpha(opacity = 100);
}

.top_welcome {
	overflow:hidden;
}

.top_welcome p {
	margin-bottom:0;
}

.top_welcome p.prof {
	float: left;
	padding: 0 35px 0 25px;
}

.top_welcome p .big_text {
	font-size: 180%;
	color: #9E8952;
	line-height: 300%;
}

.top_welcome ul.tc {
	clear:both;
}

.top_welcome li {
    display: inline-table;
    margin: 0 25px 20px;
}

.top_ban_erea {
	margin-bottom:40px;
	padding:15px 10px 20px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	background:url(https://img12.shop-pro.jp/PA01066/576/etc/tcshop_top_linkarea_bg.png) top center repeat;
	clear: both;
}

.top_ban_erea p {
	text-align:center;
	margin-bottom:15px;
}

.top_ban_erea ul.tc {
	text-align: center;
}

.top_ban_erea li {
    display: inline-block;
    margin: 0 15px 10px;
}

.top_itemban_erea {
    margin-bottom: 30px;
}

.top_itemban_erea li {
    display: inline-table;
    margin: 0 25px 20px;
}

ul.top_newitem li {
    display: inline-block;
	margin-bottom:40px;
    padding-top: 0;
    text-align: left;
    vertical-align: top;
    width: 220px;
}

ul.top_newitem li:nth-child(3n-1) {
    margin-left: 20px;
    margin-right: 20px;
}

ul.top_newitem p.title,
ul.top_book p.title {
	font-weight:bold;
	margin: 5px 0 10px;
}

ul.top_newitem p.detail,
ul.top_book p.detail {
	margin:0 0 10px;
}

ul.top_newitem p .price {
	font-weight:bold;
	color:#AC244A;
}

.top_news {
	float:left;
}

.top_blog {
	float:right;
}

.top_news li,
.top_blog li {
	border-bottom:#ccc 1px dotted;
	font-size:1.4em;
	padding-bottom:15px;
	margin-bottom:15px;
	overflow:hidden;
}

.top_news li:last-child,
.top_blog li:last-child {
	border-bottom:none;
}

.top_news li .date,
.top_blog li .date {
	font-size:90%;
	padding-left:10px;
	color:#AC244A;
}

.top_blog li .date {
	padding-left:0;
}

.top_news li {
	background:url(https://img12.shop-pro.jp/PA01066/576/etc/tc_icon_dot.png) 5px 3px no-repeat;
	padding-left:25px;
}

.top_blog li img {
	vertical-align:middle;
	padding-right:15px;
	float:left;
}

.top_book li {
	display: inline-block;
    margin: 0 20px 40px 0;
    vertical-align: top;
    width: 160px;
}

.top_book li:nth-child(4n) {
	margin-right:0;
}

.top_sp {
	display:none;
}



/*==============================================================================
 * style detail
 *----------------------------------------------------------------------------*/

#topicpath {
	margin-bottom:40px;
}

#topicpath li {
	font-size:1.2em;
	display:inline;
}

#topicpath li::after {
    content: "\0020\003e\0020";
}

#topicpath li:last-child::after {
	content:none;
}

#sort,
.status,
#detail_box .text {
    font-size: 1.4em;
}

#sort {
	border-bottom: 1px dotted #ccc;
    border-top: 1px dotted #ccc;
    padding: 10px;
    text-align: center;
	margin-bottom:10px;
}

.status {
	padding-bottom:40px;
	overflow:hidden;
}

.status .center {
	width:60%;
	float:left;
	text-align:center;
}

.status .left,
.status .right {
	width:20%;
	float:left;
	text-align:center;
}

ul.sub_category li {
    display: inline-block;
	margin-bottom:40px;
    padding-top: 0;
    text-align: left;
    vertical-align: top;
    width: 160px;
	margin-right: 20px;
}

ul.sub_category li:nth-child(4n) {
    margin-right: 0px;
}

ul.sub_category li img {
	max-width:100%;
}

ul.sub_category p.title {
	font-weight:bold;
	margin: 5px 0 10px;
	text-align:center;
}

#detail_box {
	margin-bottom: 30px;
    overflow: hidden;
    padding-bottom: 30px;
    width: 100%;
	border-bottom: 1px dotted #ccc;
}

#detail_box .photo {
	float:left;
	width:350px;
}

#detail_box .photo .thamb {
    margin-top: 20px;
}

#detail_box .photo .thamb li {
    display: inline;
    float: left;
    list-style: outside none none;
    margin-right: 10px;
    margin-bottom: 10px;
}

#detail_box .photo .thamb li:nth-child(4n) {
    margin-right: 0;
}

#detail_box .text {
	float:left;
	padding-left:50px;
	width: 250px;
}

#detail_box .text dl {
	margin-bottom:20px;
}

#detail_box .text dl.detail_name {
	font-weight:bold;
}

#detail_box .text dl.detail_price {
	font-weight:bold;
	color:#ac244a;
}

#detail_box .text dl.detail_price,
#detail_box .text dl.detail_cart {
	border-bottom: 1px dotted #ccc;
	padding-bottom:20px;
}

#detail_box .text dl.detail_cart dt,
#detail_box .text dl.detail_cart dd {
	display:inline-block;
	vertical-align: middle;
}

#detail_box .text dl.detail_cart dd.up_dw {
	width:15px;
}

#detail_box .text dl.detail_cart dd.cart_btn {
	display:inherit;
	margin-top:10px;
}

#detail_box .text dl.detail_contact {
	text-align:right;
}

#detail_box .text dl.detail_contact dt {
	margin-bottom:10px;
}

.detail_txt_area img {
	max-width:100%;
}

.detail_txt_area p {
    line-height: 2.2;
}


/*==============================================================================
 * style free page
 *----------------------------------------------------------------------------*/

.payment_txt {
    background-color: #F0F9FE;
    margin-bottom: 30px;
    padding: 20px;
    text-align: center;
}

.fnt1 {
    color: #AC244A;
    font-size: 1.5em;
    font-weight: bold;
	line-height: 160%;
}

.fnt2 {
    font-weight: bold;
}

.fnt3 {
    color: #AC244A;
    font-size: 130%;
    font-weight: bold;
}

#delivery {
	margin-top:30px;
}

.list_links {
	clear:both;
	overflow: hidden;
    padding-bottom: 40px;
}

.list_links li {
	background:url(https://img12.shop-pro.jp/PA01066/576/etc/tc_icon_dot.png) 5px 3px no-repeat;
	font-size: 1.4em;
	margin-bottom: 6px;
	width: 33%;
	float:left;
}

.list_links li:first-child {
	width: 100%;
	float:none;
}

.list_links li a {
	padding-left:25px;
}


/*==============================================================================
 * style table
 *----------------------------------------------------------------------------*/

.sk_table,
.graph2,
.con_table {
    border: 1px solid #ccc;
    border-collapse: collapse;
    width: 100%;
	font-size: 1.3em;
	margin-bottom: 30px;
}

.sk_table .sk_th,
.inf-box01,
.con_th {
    border: 1px solid #ccc;
    font-weight: normal;
    padding: 10px 20px;
    width: 25%;
	background: #F0F9FE;
}

.sk_table .sk_td,
.graph2 td,
.con_td {
    border: 1px solid #ccc;
    padding: 10px 20px;
}



/*
 * 〜750px　※750px以下の場合の対応
 *----------------------------------------------------------------------------*/
 
@media screen and (max-width:750px) {

p {
	font-size: 1.5em;
	margin-bottom:15px;
	line-height: 150%;
}

.top_news li,
.top_blog li,
#detail_box .text {
	font-size: 1.5em;
}

p strong {
    line-height: 160%;
}

img.list_detail,
header #head_right input {
	display:none;
}

#wrapper,
header,
footer {
	min-width:0px;
}

#header_wrapper,
#container,
menu ul,
#main,
#side .ban_erea li img,
footer #ban_area ul,
footer #links ul,
footer #links .copy,
#main img,
p.img_main img,
p.img_left img,
p.img_right img {
	max-width:100%;
}

#main,
#side {
	padding: 4% 2%;
}
	
#wrapper {
	margin:0 auto;
	position: absolute;
}

header {
    background: rgba(0, 0, 0, 0) url("https://img12.shop-pro.jp/PA01066/576/etc/tc_sp_bg.png") repeat-x scroll center top;
	padding-top: 2%
}

header #title {
	padding-left: 2%;
	padding-bottom: 2%;
	width:48%;
}

header #title img {
	max-width:100%;
}

header #head_right {
    padding-right: 2%;
	padding-bottom: 2%;
	width:48%;
}

header #head_right .mag {
	display:none;
}

header input {
	display:inherit;
	width:96%;
	margin:0 2%;
	background: #F3FAFE url(https://img12.shop-pro.jp/PA01066/576/etc/tcshop_search_sp.png) 8px center no-repeat;
	padding: 10px 5px 10px 40px;
	font-size:1.3em;
	margin-top: 10px;
	box-sizing:border-box;
}

header ul.info li:nth-child(3n-1)::after {
	content:none;
}

menu {
    margin: 0;
    padding: 5px 0;
	background-image: url(https://img12.shop-pro.jp/PA01066/576/etc/tc_sp_menu_bg_top.png), url(https://img12.shop-pro.jp/PA01066/576/etc/tc_sp_menu_bg_btm.png);
    background-position: left top, left bottom;
    background-repeat: repeat-x, repeat-x;
}

menu ul li {
	float:none;
	text-indent:0;
	text-align: left;
	display:inline-block;
	margin:1.5% 2%;
	font-size:1.5em;
}

menu ul li a {
	background:rgba(0, 0, 0, 0) url("https://img12.shop-pro.jp/PA01066/576/etc/tc_icon_dot.png") no-repeat scroll;
	height:auto;
	text-decoration:none;
	padding-left:20px;
}

menu ul li a:hover {
	color:#53609E;
}

menu li.menu_home {
	display:none;
}

menu li.menu_home a,
menu li.menu_list a,
menu li.menu_about a,
menu li.menu_twinsoul a,
menu li.menu_salon a,
menu li.menu_payment a,
menu li.menu_blog a,
menu li.menu_mag a,
menu li.menu_cart a,
menu li.menu_voice1 a,
menu li.menu_voice2 a,
menu li.menu_voice3 a{
	background-position: 0 3px;
	width: auto;
	height: auto;
	padding: 0 0 0 15px;
}

menu li.menu_home a:hover,
menu li.menu_list a:hover,
menu li.menu_about a:hover,
menu li.menu_twinsoul a:hover,
menu li.menu_salon a:hover,
menu li.menu_payment a:hover,
menu li.menu_blog a:hover,
menu li.menu_mag a:hover,
menu li.menu_cart a:hover,
menu li.menu_voice1 a:hover,
menu li.menu_voice2 a:hover,
menu li.menu_voice3 a:hover{
	background-position: 0 3px;
	width: auto;
}

menu li.menu_voice1 a,
menu li.menu_voice2 a,
menu li.menu_voice3 a,
menu li.menu_voice1 a:visited,
menu li.menu_voice2 a:visited,
menu li.menu_voice3 a:visited{
	color:#AD284D;
}

#container {
    padding: 2% 0;
}

#main {
	border-bottom:1px solid #CCC;
}

#main,
#side {
	float:none;
	width:96%;
}

#main h1 {
	background-image: url(https://img12.shop-pro.jp/PA01066/576/etc/tc_sp_h1_bg.png), url(https://img12.shop-pro.jp/PA01066/576/etc/tc_sp_h1_bg.png);
    background-position: left top, left bottom;
    background-repeat: repeat-x, repeat-x;
    padding: 4% 2%;
}

#main h2 {
}

#main h1.top {
}

#main h2.top {
	background:url(https://img12.shop-pro.jp/PA01066/576/etc/tc_h2_bg.png) left top no-repeat;
	border-bottom: 1px dotted #ccc;
    line-height: 120%;
    margin-bottom: 20px;
    padding: 0 0 5px 35px;
	font-size: 150%;
}

#main h1,
#main h1.top {
    margin-bottom: 4%;
}

#side {
}


#side h2,
#side #accordion3,
#side .side_list{
    display: none;
}

footer #bg {
	background:url(https://img12.shop-pro.jp/PA01066/576/etc/tc_sp_bg.png) top center repeat;
	top: -42px;
	height:40px;
}

footer #ban_area ul {
    padding: 3% 0 1%;
}

footer #ban_area li {
    display: inline-block;
    margin: 0 2% 2%;
	padding:0;
}

footer #links {
    padding: 0 0 2%;
}

footer #links li {
	display:inherit;
	text-align: left;
}

footer #links li::after {
    content: "";
}

footer #links li a {
    border-bottom: 1px dotted #fff;
    display: block;
    margin: 0 2%;
    padding: 10px 10px 10px 0;
	color:#fff;
}

footer #links .copy {
    padding-top: 2%;
}

.top_ban {
    margin-bottom: 6%;
}

ul.top_newitem li {
	margin-bottom:4%;
    width: 30%;
}

ul.top_newitem li:nth-child(3n-1) {
    margin-left: 5%;
    margin-right: 5%;
}

.top_news,
.top_blog {
    float: none;
	padding-bottom:4%;
}

.half {
    width: 100%;
}

p.img_left,
p.img_right {
    float: none;
    margin: 0 auto 30px;
    padding: 0;
    text-align: center;
}

#detail_box .photo {
    float: none;
    width: auto;
	padding-bottom:4%;
}

#detail_box .photo .main_img,
#detail_box .photo .thamb ul {
	text-align:center;
}

#detail_box .photo .thamb li {
    display: inline-block;
    float: none;
	vertical-align: top;
}

#detail_box .text {
    float: none;
    padding-left: 0;
    width: auto;
}

#detail_box .text .detail_cart,
#side .ban_erea li {
    text-align: center;
}

body.havemenu::before {
	box-shadow: 0 0 1px rgba(153, 153, 153, 0.5);
	content: "";
	display: block;
	width: 40%;
	height: 100%;
	min-height: 100%;
	position:fixed;
	top: 0;
	left: 0;
	z-index: 2; /* Fixes flashing bug with scrolling on Safari */
	background-color:#e1f2fd;
}
	
.frame_outer {
	position:relative;
}

#toggle a {
	display: block;
	width: 30px;
	height:30px;
	position: fixed;
	top: 5px;
	left: 5px;
	z-index: 3;
	color: #8f783a;
	background-color:#fff;
	box-shadow:0px 2px 4px 0px #E8E8E8;
	-moz-box-shadow:0px 2px 4px 0px #E8E8E8;
	-webkit-box-shadow:0px 2px 4px 0px #E8E8E8;
}
#toggle a::after {
	bottom: -15px;
    content: "MENU";
    font-size: 11px;
    left: 1px;
    position: absolute;
}
#toggle span {
	display: block;
	background: #8F783A;
	width: 24px;
	height: 2px;
	position: absolute;
	left: 3px;
	transition: all 0.4s;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
}
#toggle span:first-child {
	top: 6px;
}
#toggle span:nth-child(2) {
	margin-top: -1px;
	top: 50%;
}
#toggle span:last-child {
	bottom: 6px;
}

#toggle.active span:first-child {
	-webkit-transform: translateY(8px) rotate(45deg);
	-moz-transform: translateY(8px) rotate(45deg);
	-ms-transform: translateY(8px) rotate(45deg);
	transform: translateY(8px) rotate(45deg);
}
#toggle.active span:nth-child(2) {
	opacity: 0;
}
#toggle.active span:last-child {
	-webkit-transform: translateY(-8px) rotate(-45deg);
	-moz-transform: translateY(-8px) rotate(-45deg);
	-ms-transform: translateY(-8px) rotate(-45deg);
	transform: translateY(-8px) rotate(-45deg);
}

#side #accordion3 dt img,
.top_sp  #accordion4 dt img{
  margin-bottom:6px;
}

.top_book li {
    margin-right: 4%;
    width: 48%;
	text-align:center;
}

.top_book li:nth-child(2n) {
	margin-right:0;
}

#main .top_book img {
    max-width: 80%;
}

.top_book li p {
	text-align:left;
}

.top_sp {
	display:inherit;
	overflow:hidden;
	margin-bottom:6%;
}

.top_sp p {
	margin-bottom:0;
}

.top_ban_erea {
    overflow: hidden;
}

.top_ban_erea li {
    margin: 0;
}

.top_sp .top_ban_sp li,
.top_ban_erea li {
	width: 49%;
    float: left;
	text-align: center;
	margin-bottom:10px;
}

.top_sp .top_ban_sp li.mailmag,
#side .ban_erea li.mailmag {
    float: none;
	width: 100%;
}

.top_sp .top_ban_sp li:nth-child(2n),
.top_ban_erea li:nth-child(2n) {
	margin-left:2%;
}

footer #ban_area ul.tc {
	padding-bottom:0;
}

p.img_list {
	max-width:25%;
}

.list_links li {
	width: 100%;
	float:none;
}

#slideshow {
    min-height: 100px;
}

ul.top_newitem p.title,
ul.top_book p.title,
ul.top_newitem p.detail,
ul.top_book p.detail,
ul.top_newitem p .price {
	font-size:1.3em;
}

header ul.info li,
menu ul li {
    font-size: 1.1em;
}

.top_welcome p {
    margin-bottom: 20px;
}

.top_welcome p.prof {
	float: none;
	width:100%;
	text-align:center;
	padding: 0;
}

.top_welcome p .big_text {
    font-size: 150%;
    line-height: 150%;
}

.top_itemban_erea li,
.top_welcome li {
    margin: 0 2%;
	margin-bottom:10px;
	max-width:46%;	
}

.top_itemban_erea li.wide {
	max-width:96%;	
}

/* category list */
/* -------------------------------------------------- */

.c_wrap{
	box-shadow: -moz-box-shadow:0px 0px 3px rgba(0,0,0,0.2);
	box-shadow: -webkit-box-shadow:0px 0px 3px rgba(0,0,0,0.2);
	box-shadow: -ms-box-shadow:0px 0px 3px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
	margin-bottom:5px;
	margin-top: 13px;
	text-align: left;
	display:inherit;
}

.c_heading{
	background: #E97693;
	padding: 5px 20px;
}

.c_title{
	color:#fff;
	font-size:20px;
	font-weight:bold;
}

.sub_heading{
	background: #FDE9EB;
	padding: 15px;
	background: linear-gradient(#FDE9EB, #FFF);
}

.sub_title{
	color: #BE0000;
	font-size: 24px;
}

.sub_text{
	font-size:16px;
	font-weight:normal;
	padding-top: 10px;
}

.acd-check{
    display: none;
}
.acd-label{
    background: url(https://img12.shop-pro.jp/PA01066/576/etc/arrow_bla_down.png) no-repeat left 15px center;
	background-size:inherit !important;
	background-color:#F3FAFE;
    display: block;
    padding: 15px 10px 15px 50px;
    position: relative;
	cursor: pointer;
	font-size: 1.3em;
	border-image-slice:18 18 18 18;
	border-image-width:10px 10px 10px 10px;
	border-image-outset:0px 0px 0px 0px;
	border-image-repeat:stretch stretch;
	border-image-source:url(https://img12.shop-pro.jp/PA01066/576/etc/c_wrap_bg.png);
	border-style:solid;
	border-width: unset;
	color: #255793;
}
.acd-label{
    background-size: contain;
}
.acd-content{
    display: block;
    height: 0;
    opacity: 0;
    padding: 0;
    transition: .5s;
    visibility: hidden;
	background: #F3FAFE;
	text-align: center;
}
.acd-content .wrap{
    padding: 20px 10px !important;
}
.acd-content p{
    border-bottom: 1px solid #DDD;
    padding: 15px 10px 15px 20px;
	margin: 0;
}
.acd-content p,
.acd-content p a,
.acd-content p a:visited{
	color:#333;
	text-decoration:none;
}
.acd-content p a{
	display:block;
	background:url(images/arrow_gra.png) no-repeat right 10px center;
	background-size:contain;
}
.acd-check:checked + .acd-label{
	background: url(https://img12.shop-pro.jp/PA01066/576/etc/arrow_bla_up.png) no-repeat left 15px center;
	background-size:inherit !important;
	background-color:#FFF;
}
.acd-check:checked + .acd-label + .acd-content{
    height: auto;
    opacity: 1;
    padding: 0;
    visibility: visible;
}

.acd-content h2 {
	margin-bottom:15px;
}

.acd-content .side_list li,
.acd-content .ss_list li {
	border-bottom:#ccc 1px dotted;
	padding:0 0 6px 25px;
	margin-bottom:6px;
	background:url(https://img12.shop-pro.jp/PA01066/576/etc/tc_icon_dot.png) 5px 3px no-repeat;
	text-align: left;
}

.acd-content .side_list li.banner {
	background:none;
	padding:0;
	margin-bottom:3px;
	border-bottom: medium none;
	text-align: center;
}

.acd-content .side_list li:last-child,
.acd-content .ss_list li:last-child {
	border-bottom:none;
	margin-bottom:30px;
}

.acd-content .ss_list li:first-child {
	margin-top:10px;
}

.acd-content .side_list li.twinsoul {
	background:url(https://img12.shop-pro.jp/PA01066/576/etc/tc_icon_heart.png) 5px 3px no-repeat;
}

.acd-content .side_list li.more {
	background:url(https://img12.shop-pro.jp/PA01066/576/etc/tc_icon_more.png) 5px 3px no-repeat;
}

.acd-content .side_list li a,
.acd-content .ss_list li a {
	display:block;
	font-size: 1.4em;
}

.acd-content .side_list li a:link,
.acd-content .side_list li a:visited {
	display:block;
	color:#424251;
	text-decoration:none;
}

.acd-content .side_list li a:hover {
	text-decoration:underline;
}

.acd-content .dropmenu{
  *zoom: 1;
}

.acd-content .dropmenu:after{
  clear: both;
}

.acd-content .dropmenu li{
  position: relative;
}

.acd-content .dropmenu li:hover ul{
  list-style: none;
  position: absolute;
  z-index: 9999;
  top: -7px;
  left: 100%;
  margin: 0;
  padding: 0;
  width: 100%;
  border: 1px solid #ccc;
  border-radius:0 3px 3px 0 / 0 3px 3px 0;
  box-shadow:0px 2px 4px 0px #E8E8E8;
  -moz-box-shadow:0px 2px 4px 0px #E8E8E8;
  -webkit-box-shadow:0px 2px 4px 0px #E8E8E8;

}

.acd-content .dropmenu li.banner ul{
  top: 0;
}

.acd-content .dropmenu li ul li{
  width: 100%;
  overflow: hidden;
  height: 0;
  margin:0;
  padding:0;
  border-bottom:0;
}

.acd-content .side_list li ul li:last-child {
	margin-bottom:0;
}

.acd-content .dropmenu li:hover ul li a{
  padding: 5px 0 7px 25px;
  background:url(https://img12.shop-pro.jp/PA01066/576/etc/tc_icon_dot.png) 5px 8px no-repeat;
  background-color: #F0F9FE;
  height: auto;
  text-align: left;
  text-indent: 0;
  color:#363636;
}

.acd-content .dropmenu li:hover ul li a::after {
  content:"";	
}

.acd-content .dropmenu li ul li:hover > a{
  background-color: #E1F2FD;
}

.acd-content .dropmenu li:hover ul li{
  overflow: visible;
  height: auto;
  border-bottom: 1px solid #ccc;
}

.acd-content #accordion3{
  margin-bottom:30px;
}


}

/*
 * 751px〜　※750px以上の場合の対応
 *----------------------------------------------------------------------------*/
 
@media screen and (min-width:751px) {

#slideshow {
    height: 269px !important;
}

menu li.menu_mag a {
	display:none;
}

}