@charset "UTF-8";

/*--------- CSS MENU ---------*/
/*------------------------------
/*  01.  base
/*  02.  flutter
/*  03.  about
/*  04.  content
/*  05.  content - title
/*  06.  font
/*  07.  header
/*  08.  footer
/*  09.  animation
--------------------------------
------------------------------*/

/*  01.  base
------------------------------*/
/*  base  */
html,body,#main {width: 100%; height: 100%; margin: 0; padding: 0;}
html {font-family: 'Noto Sans JP', sans-serif; font-size: 15px; line-height: 1.6; -webkit-font-smoothing: antialiased; font-weight: 400; color: #000;}

h1,h2,h3,h4,h5,h6,h7,dl,dt,dd,ul,ol,li,p,a {margin: 0; padding: 0;}
ol,ul,li {list-style: none;}
a {text-decoration: none; color: #000;}
img {display: block;}

input,
textarea,
select {-webkit-appearance: none; appearance: none;}

a:focus,
input:focus,
textarea:focus,
select:focus {outline: none;}

* {box-sizing: border-box;}

/*  clearfix  */
.clearfix::after {display: block; clear: both; content: "";}

/*  pc  */
@media screen and (min-width: 980px) {
	.for_sp {display: none!important;}
}

/*  sp  */
@media screen and (max-width: 979px) {
	.for_pc {display: none!important;}
}

/*  02.  flutter
------------------------------*/
/*  flutter  */
#flutter_block {position: fixed; top: 0; left: 0; height: 100vh; width: 100%; overflow: hidden; pointer-events: none; z-index: 3;}
#flutter_block #flutter_box {position: relative; height: inherit; width: inherit;}

.petal {position: absolute;  animation: animate-petal 10s linear; background-image: url('https://file003.shop-pro.jp/PA01459/078/images/petal.png'); background-size: cover;}

@keyframes animate-petal {
  0% {top: 0; opacity: 0; transform: rotate(0deg);}
  10% {opacity: .7;}
  90% {opacity: .7;}
  100% {opacity: 0; top: 100vh; transform: rotate(3000deg);}
}

/*  pc  */
@media screen and (min-width: 980px) {
}

/*  sp  */
@media screen and (max-width: 979px) {
}

/*  03.  about
------------------------------*/
/*  about  *//*  guide_box  */
#about .about_box {background: #FFF;}
#about .about_box:not(:last-child) {margin-bottom: 40px;}
#about .about_box h2 {margin-bottom: 20px;}
#about .about_box h2 span {margin-right: 20px;}
#about .about_box > p {margin-bottom: 30px;}

/*  guide  *//*  guide_box  *//*  guide_box_body  */
#about .about_box .about_box_body dl {border-top: 1px solid #CCC;}
#about .about_box .about_box_body dl:last-child {border-bottom: 1px solid #CCC;}


/*  pc  */
@media screen and (min-width: 980px) {
	/*  about  */
	#about {padding-top: 80px;}
	#about .about_box {padding: 40px; border-radius: 15px;}
	
	/*  about  *//*  guide_box  */
	#about .about_box > p {font-weight: bold;}
	
	/*  guide  *//*  guide_box  *//*  guide_box_body  */
	#about .about_box .about_box_body dl {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 20px 0;}
	#about .about_box .about_box_body dl dt {width: 280px;}
	#about .about_box .about_box_body dl dd {width: calc(100% - 280px);}
	
	/*  about  *//*  about_user-body  */
	#about #about_user-body dl dt {margin-bottom: 10px;}
	#about #about_user-body dl dt span {margin-right: 20px;}
}

/*  sp  */
@media screen and (max-width: 979px) {
	/*  about  */
	#about {padding-top: 40px;}
	#about .about_box {padding: 20px;}
	
	#about .about_box .about_box_body dl {padding: 15px 0;}
	#about .about_box .about_box_body dl dt {font-weight: bold;}
	#about .about_box .about_box_body dl dd {margin-top: 5px;}
	
	/*  guide  *//*  about_user-body  */
	#about #about_user-body dl dt {margin-bottom: 20px;}
}

/*--------- CSS MENU ---------*/
/*------------------------------
/*  01.  content
/*  02.  content - title
--------------------------------
------------------------------*/

/*  01.  content
------------------------------*/
/*  content  */	
#content_wrapper {background: #fbf8f5;}

/*  wrapper  */	
.wrapper01 {padding: 40px 0;}
.wrapper02 {padding-top: 40px;}

/*  pc  */
@media screen and (min-width: 980px) {
	/*  content  */		
	.content01,
	.content02,
	.content03 {padding: 0 20px;}
	
	.content01 {max-width: 1300px; margin: auto;}
	.content02 {max-width: 1100px; margin: auto;}
	.content03 {max-width: 800px; margin: auto;}
}

/*  sp  */
@media screen and (max-width: 979px) {	
	/*  content  */
	.content01,
	.content02,
	.content03 {width: 100%; padding: 0 5%;}
}

/*  02  content - title
------------------------------*/
/*  content  *//*  title  */
.title_box01 {text-align: center; font-weight: normal;}
.title_box01 > * {line-height: 20px;}

.title_box02 {font-weight: normal;}
.title_box02 h2 a {line-height: 20px;}
.title_box02 h2 span {display: inline-block; margin-right: 1em;}

/*  animation  */
.title_box02 h2 a {transition: all .5s;}

/*  pc  */
@media screen and (min-width: 980px) {
	/*  content  */	
	#content_wrapper {padding-bottom: 40px;}
	
	/*  content  *//*  title  */
	.title_box01 {margin-bottom: 40px;}
	.title_box02 {margin-bottom: 20px;}
	.title_box02 h2 a:hover {color: #777;}
}

/*  sp  */
@media screen and (max-width: 979px) {
	/*  content  */	
	#content_wrapper {padding: 50px 0 40px;}
	
	/*  content  *//*  button  */
	.title_box01 {margin-bottom: 20px;}
	.title_box02 {margin-bottom: 15px;}
}

/*--------- CSS MENU ---------*/
/*------------------------------
/*  01.  general
--------------------------------
------------------------------*/

/*  01.  general
------------------------------*/
/*  general  */
.en {font-family: 'Libre Baskerville', serif;}
.bold {font-weight: bold;}

/*  style  */
.t_center {text-align: center!important;}

/*  title  */
.title01 {font-size: 1.4rem;}
.title02 {font-size: 1.6rem;}

/*  size  */
.sz01 {font-size: .7rem;}
.sz02 {font-size: .85rem;}
.sz03 {font-size: 1rem;}
.sz04 {font-size: 1.2rem;}

/*  pc  */
@media screen and (min-width: 980px) {
	/*  title  */
	
}

/*  sp  */
@media screen and (max-width: 979px) {
	/*  title  */
}

@charset "UTF-8";

/*--------- CSS MENU ---------*/
/*------------------------------
/*  01.  header
/*  ex.  animation
--------------------------------
------------------------------*/

/*  01.  header
------------------------------*/
/*  head_block  */
#head_block {background: #fbf8f5;}
#head_block #head_box {position: relative;}

/*  menu_block  *//*  menu_sub  */
#menu_block #menu_sub ul li {float: left;}
#menu_block #menu_sub ul li a {line-height: 25px;}
#menu_block #menu_sub #menu_search input[type="text"] {border: 1px solid #777;}
#menu_block #menu_sub #menu_search input[type="submit"] {background: #777; color: #FFF; border: none; transition: all .5s;}

/*  menu_block  *//*  menu_body  */
#menu_block #menu_body > ul > li {transition: all .5s; cursor: pointer;}
#menu_block #menu_body > ul > li > a {display: block}
#menu_block #menu_body > ul > li p span,
#menu_block #menu_body > ul > li a span {letter-spacing: 1px; margin-right: 5px;}

/*  menu_block  *//*  menu_body  *//*  head_cat_list  */
#menu_block #menu_body > ul > li > .head_cat_list {background: #FFF;}
#menu_block #menu_body > ul > li > .head_cat_list > ul > li > .img_box {width: 100%; background-size: cover; background-position: center;}
#menu_block #menu_body > ul > li > .head_cat_list > ul > li > .title_box {border-bottom: 1px solid #777;}
#menu_block #menu_body > ul > li > .head_cat_list > ul > li > .title_box h2 a {position: relative; display: block; transition: all .5s;}
#menu_block #menu_body > ul > li > .head_cat_list > ul > li > .title_box h2 a:after {position: absolute; content: ""; top: 50%; right: 0; width: 10px; height: 10px; background-image: url('https://file003.shop-pro.jp/PA01459/078/images/image/arrow-right.svg'); background-size: cover; background-position: center; background-repeat: no-repeat; -ms-transform: translateY(-50%); transform: translateY(-50%);}

/*  menu_block  *//*  menu_body  *//*  head_cat_list  *//*  child_cat_list  */
#menu_block #menu_body > ul > li > .head_cat_list > ul > li > ul.child_cat_list li > a {transition: all .5s;}

/*  modal_block  */
#modal_block {z-index: 99999; position: fixed;}
#modal_block.active {animation-name: fadeOut; animation-duration: .5s; animation-fill-mode: forwards;}
#modal_block #modal_box {padding: 30px; background: #F7F7F7; border: 2px solid #000; box-shadow: 2px 2px 4px #AAA; position: relative; z-index: 99999;}
#modal_block #modal_box .text_box {margin-bottom: 30px;}
#modal_block #modal_box .text_box h3 {margin-bottom: 10px; text-align: center;}
#modal_block #modal_box img {width: 60%; margin: 0 auto 30px; display: block;}
#modal_block #modal_box .button_close {font-weight: bold; text-align: center; border: #777 solid 2px; color: #FFF; background: #777; padding: 8px; border-radius: 25px; cursor: pointer; transition: all .5s;}

/*  pc  */
@media screen and (min-width: 980px) {
	/*  head_block  */
	#head_block {padding: 0 20px; height: 80px;}
	#head_block #head_box {border-bottom: 1px solid #777;}
	#head_block #head_box h1 {position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
	#head_block #head_box h1 a img {height: 40px;}
	
	#head_block #head_box #menu_button {display: none;}
	
	#head_block #head_box #menu_cart {position: absolute; right: 0; top: 45px;}
	#head_block #head_box #menu_cart a {display: block; line-height: 25px; background: #777; color: #FFF; padding: 0 10px; width: 90px; text-align: center; transition: all .5s;}
	#head_block #head_box #menu_cart a:hover {background: #127d05;}
	
	/*  menu_block  *//*  menu_sub  */
	#menu_block #menu_sub ul {position: absolute; top: 45px; right: 105px;}
	#menu_block #menu_sub ul li:not(:last-child) {margin-right: 10px;}
	#menu_block #menu_sub ul li a {display: inline-block;}
	
	#menu_block #menu_sub #menu_search {position: absolute; top: 10px; right: 0px;}
	#menu_block #menu_sub #menu_search p {display: none;}
	#menu_block #menu_sub #menu_search input {float: left;}
	#menu_block #menu_sub #menu_search input[type="text"] {width: 185px; height: 25px; }
	#menu_block #menu_sub #menu_search input[type="submit"] {cursor: pointer; width: 90px; height: 25px; }
	#menu_block #menu_sub #menu_search input[type="submit"]:hover {background: #127d05;}
	
	/*  menu_block  *//*  menu_body  */
	#menu_block #menu_body > ul {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; float: left;}
	#menu_block #menu_body > ul li:hover {background: #FFF;}
	#menu_block #menu_body > ul > li > p,
  	#menu_block #menu_body > ul > li > a {line-height: 16px; padding: 23.5px 15px; color: #777; text-align: center;}
	#menu_block #menu_body > ul > li p span,
  	#menu_block #menu_body > ul > li a span {color: #000;}
	
	/*  menu_block  *//*  menu_body  *//*  head_cat_list  */
	#menu_block #menu_body > ul > li > .head_cat_list {position: absolute; top: calc(100% + 1px); left: 0; z-index: 996; padding: 20px; width: 100%; transition: all .3s; opacity: 0; visibility: hidden;}
	#menu_block #menu_body > ul > li:hover > .head_cat_list {opacity: 1; visibility: visible;}
	#menu_block #menu_body > ul > li > .head_cat_list > ul {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
	#menu_block #menu_body > ul > li > .head_cat_list > ul > li {width: calc((100% - 160px)/5);}
	#menu_block #menu_body > ul > li > .head_cat_list > ul > li:not(:nth-child(5n)) {margin-right: 40px;}
  	#menu_block #menu_body > ul > li > .head_cat_list > ul > li:not(:nth-child(-n + 5)) {margin-top: 40px;}
	#menu_block #menu_body > ul > li > .head_cat_list > ul > li > .img_box {padding-top: 100%;}
	#menu_block #menu_body > ul > li > .head_cat_list > ul > li > .title_box {margin-bottom: 10px; padding-bottom: 10px;}
	#menu_block #menu_body > ul > li > .head_cat_list > ul > li > .title_box h2 a:hover {color: #777;}
	
	/*  menu_block  *//*  menu_body  *//*  head_cat_list  *//*  child_cat_list  */
	#menu_block #menu_body > ul > li > .head_cat_list > ul > li > ul.child_cat_list li:not(:last-child) {margin-bottom: 5px;}
	#menu_block #menu_body > ul > li > .head_cat_list > ul > li > ul.child_cat_list li > a:hover {color: #777;}
	
	/*  modal_block  */
	#modal_block {right: 20px; bottom: 20px; width: 350px;}
	#modal_block .layer {display: none;}
	#modal_block #modal_box .button_close:hover {background: #FFF; color: #777;}
}

/*  sp  */
@media screen and (max-width: 979px) {
	/*  head_block  */
	#head_block {padding: 0 5%; width: 100%; position: fixed; top: 0; left: 0; z-index: 997; box-shadow: 2px 2px 4px #AAA;}
	#head_block #head_box {height: 50px;}
	#head_block #head_box h1 {position: fixed; top: 10px; left: 50%; -ms-transform: translateX(-50%); transform: translateX(-50%);}
	#head_block #head_box h1 a img {height: 30px;}
	
	#head_block #head_box #menu_button {position: fixed; left: calc(5% + 5px); top: 10px; height: 30px; width: 20px;}
	#head_block #head_box #menu_button #menu_button_inner {position: relative; height: 100%;}
	#head_block #head_box #menu_button #menu_button_inner span {background: #000; border-radius: 5px; position: absolute; left: 0; width: 20px; height: 2px; transition: all .5s;}
	#head_block #head_box #menu_button #menu_button_inner span:first-child {top: 8px;}
	#head_block #head_box #menu_button #menu_button_inner span:nth-child(2) {top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%);}
	#head_block #head_box #menu_button #menu_button_inner span:last-child {bottom: 8px;}
	
	#head_block #head_box #menu_button.active #menu_button_inner span:first-child {top: 8px; -ms-transform: translateY(6px) rotate(225deg); transform: translateY(6px) rotate(225deg);}
	#head_block #head_box #menu_button.active #menu_button_inner span:nth-child(2) {opacity: 0;}
	#head_block #head_box #menu_button.active #menu_button_inner span:last-child {bottom: 8px; -ms-transform: translateY(-6px) rotate(-225deg); transform: translateY(-6px) rotate(-225deg);}
	
	#head_block #head_box #menu_cart {position: fixed; right: calc(5% + 5px); top: 10px;}
	#head_block #head_box #menu_cart a {line-height: 30px;}
	
	/*  menu_block  *//*  menu_sub  */
	#menu_block #menu_sub ul li {width: 50%;}
	#menu_block #menu_sub ul li a {display: block; text-align: center; padding: 10px; color: #FFF;}
	#menu_block #menu_sub ul li:first-child a {background: #127d05;}
	#menu_block #menu_sub ul li:last-child a {background: #777;}
	
	#menu_block #menu_sub #menu_search {padding: 20px 15px;}
	#menu_block #menu_sub #menu_search p {color: #777; line-height: 16px; text-align: center; margin-bottom: 10px;}
	#menu_block #menu_sub #menu_search p span {color: #000;}
	#menu_block #menu_sub #menu_search input {display: block;}
	#menu_block #menu_sub #menu_search input[type="text"] {margin-bottom: 10px; width: 100%; height: 35px; }
	#menu_block #menu_sub #menu_search input[type="submit"] {width: 80%; margin: auto; height: 35px;}
	
	/*  menu_block  *//*  menu_body  */
	#menu_block {position: fixed; top: 50px; left: 0; background: rgba(32,32,32,.7); transition: all .5s; visibility: hidden; height: calc(100vh - 50px); width: 100%; opacity: 0;}
	#menu_block.active {opacity: 1; visibility: visible; z-index: 997;}
	#menu_block #menu_wrapper {position: fixed; z-index: 998; left: -100%; top: 50px; opacity: 0; width: 90%; background: #FFF; overflow-y: scroll; height: calc(100vh - 50px);}
	#menu_block.active #menu_wrapper {left: 0; animation-name: fadeInLeft; animation-fill-mode: forwards; animation-duration: .8s; animation-delay: .3s;}
	
	#menu_block #menu_body > ul > li:not(:last-child) {border-bottom: 1px solid #CCC;}
	#menu_block #menu_body > ul > li > p,
  	#menu_block #menu_body > ul > li > a {line-height: 20px; padding: 10px 15px; background: #000; color: #FFF;}
	#menu_block #menu_body > ul > li p span {margin-right: 1em;}
	
	/*  menu_block  *//*  menu_body  *//*  head_cat_list  */
	#menu_block #menu_body > ul > li > .head_cat_list > ul > li > .img_box {padding-top: 50%;}
	#menu_block #menu_body > ul > li > .head_cat_list > ul > li > .title_box {padding: 10px 15px; border-top: 1px solid #777; background: #CCC;}
	
	/*  menu_block  *//*  menu_body  *//*  head_cat_list  *//*  child_cat_list  */
	#menu_block #menu_body > ul > li > .head_cat_list > ul > li > ul.child_cat_list li {padding: 10px 15px 0;}
	#menu_block #menu_body > ul > li > .head_cat_list > ul > li > ul.child_cat_list li > a {display: block; padding-bottom: 10px;}
	#menu_block #menu_body > ul > li > .head_cat_list > ul > li > ul.child_cat_list li:not(:last-child) > a {border-bottom: 1px solid #AAA;} 
	
	/*  modal_block  */
	#modal_block {left: 5%; bottom: 5%; width: 90%;}
	#modal_block .layer {position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,.6); z-index: 99998;}
}

/*  ex. animation
----------------------------*/
/*  animation  */

/*--------- CSS MENU ---------*/
/*------------------------------
/*  01.  footer
/*  ex.  animation
--------------------------------
------------------------------*/

/*  01.  footer
------------------------------*/
/*  foot_block  */
footer {background: #e4dbd2;}
#foot_block {padding: 40px 0;}
#foot_block a {transition: all .5s;}

/*  foot_block  *//*  foot_box01  */
#foot_block #foot_box01 #foot_shop_box {margin-bottom: 40px;}
#foot_block #foot_box01 #foot_shop_box h2 {margin-bottom: 20px;}
#foot_block #foot_box01 #foot_shop_box .text_box .postal_code,
#foot_block #foot_box01 #foot_shop_box .text_box .tel {margin-bottom: 5px;}
#foot_block #foot_box01 #foot_shop_box .text_box .address {margin-bottom: 15px;}

/*  foot_block  *//*  foot_menu_box  */
#foot_block ul#foot_menu_box h2 {margin-bottom: 20px;}
#foot_block ul#foot_menu_box li:not(:last-child) {margin-bottom: 5px;}
#foot_block ul#foot_menu_box li a span {display: inline-block; margin-right: 1em;}

/*  foot_block  *//*  foot_box02  */
#foot_block #foot_box02 .foot_product_menu:not(:last-child) {margin-bottom: 40px;}
#foot_block #foot_box02 .foot_product_menu > ul {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}

#foot_block #foot_box02 .foot_product_menu > ul > li > .title_box {margin-bottom: 10px; border-bottom: 1px solid #000; padding-bottom: 5px;}
#foot_block #foot_box02 .foot_product_menu > ul > li > ul.child_cat_list > li:not(:last-child) {margin-bottom: 5px;}

/*  copy_right_block  */
#copy_right_block {padding-bottom: 20px; text-align: center;}

/*  pc  */
@media screen and (min-width: 980px) {
	/*  foot_block  */
	#foot_block {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
	#foot_block a:hover {color: #777;}
	
	/*  foot_block  *//*  foot_box01  */
	#foot_block #foot_box01 {width: 300px;}
	#foot_block #foot_box01 #foot_shop_box {margin-bottom: 40px;}
	#foot_block #foot_box01 #foot_shop_box h2 {margin-bottom: 20px;}
	
	/*  foot_block  *//*  foot_menu_box  */
	#foot_block ul#foot_menu_box h2 {margin-bottom: 20px;}
	
	/*  foot_block  *//*  foot_box02  */
	#foot_block #foot_box02 {width: calc(100% - 300px);}
	#foot_block #foot_box02 .foot_product_menu > ul > li {width: calc((100% - 60px)/3);}
	#foot_block #foot_box02 .foot_product_menu > ul > li:not(:nth-child(3n)) {margin-right: 30px;}
	#foot_block #foot_box02 .foot_product_menu > ul > li:not(:nth-child(-n + 3)) {margin-top: 30px;}	
}

/*  sp  */
@media screen and (max-width: 979px) {
	/*  foot_block  *//*  foot_box01  */
	#foot_block #foot_box01 #foot_shop_box {margin-bottom: 20px;}
	#foot_block #foot_box01 #foot_shop_box h2 {margin-bottom: 10px;}

	/*  foot_block  *//*  foot_menu_box  */
	#foot_block ul#foot_menu_box {margin-bottom: 40px;}
	#foot_block ul#foot_menu_box h2 {margin-bottom: 10px;}
	
	/*  foot_block  *//*  foot_box02  */
	#foot_block #foot_box02 .foot_product_menu > ul > li {width: calc((100% - 20px)/2);}
	#foot_block #foot_box02 .foot_product_menu > ul > li:nth-child(even) {margin-left: 20px;}
	#foot_block #foot_box02 .foot_product_menu > ul > li:not(:nth-child(-n + 2)) {margin-top: 20px;}
}

/*  ex. animation
----------------------------*/
/*  animation  */

/*  animation.css  */

/*--------- CSS MENU ---------*/
/*------------------------------
/*  01. general
/*  02. fade·Ï
--------------------------------
------------------------------*/

/*  01. general
------------------------------*/

/*  02. fade·Ï
------------------------------*/
@keyframes fadeIn {
	0% {opacity: 0;}
	100% {opacity: 1;}
}

@keyframes fadeInLeft {
	0% {opacity: 0; left: -100%;}
	100% {opacity: 1; left: 0;}
}

@keyframes fadeOut {
	0% {opacity: 1;}
	100% {opacity: 0; visibility: hidden;}
}

@keyframes blink {
  0%,100%{
    opacity: 0;
  }

  70%{
    opacity: 1;
  }
}

@charset "UTF-8";

/*--------- CSS MENU ---------*/
/*------------------------------
/*  01.  banner block
/*  02.  item list
/*  03.  item list subcategory
/*  04.  item single
/*  05.  pankuzu
/*  06.  pagination
/*  07.  shop info
/*  08.  password reset
/*  09.  news
--------------------------------
------------------------------*/

/*  01.  banner block
------------------------------*/
/*  bnr_block  */
.bnr_block {margin-bottom: 40px;}
.bnr_block a {display: block;}
.bnr_block img {display: block; width: 100%;}

/*  pc  */
@media screen and (min-width: 980px) {
	
}

/*  sp  */
@media screen and (max-width: 979px) {

}

/*  02.  item list
------------------------------*/
/*  result_box  */
#result_box {margin-bottom: 40px; background: #FFF; text-align: center; padding: 40px 20px;}
#result_box h3 span {font-weight: normal; margin-left: 10px;}

/*  item_list  */
ul.item_list {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
ul.item_list > li .img_box {padding-top: 100%; background-size: cover;}
ul.item_list > li h3 {margin-bottom: 5px; font-weight: normal;}
ul.item_list > li .price_box p.original {text-decoration: line-through;}
ul.item_list > li .price_box p.soldout {color: #777;}
ul.item_list > li .price_box p.sale {color: #ca1414;}
ul.item_list > li .price_box p.sale span {background: #ca1414; color: #FFF; padding: 0 5px; margin-right: 5px; display: inline-block;}

/*  item_list_header  */
.item_list_header {margin-bottom: 40px;}

/*  item_list_header  *//*  info_box  */
.item_list_header .info_box > * {line-height: 30px;}
.item_list_header .info_box p.item_list_num span {margin: 0 8px;}

/*  item_list_header  *//*  item_list_sort  */
.item_list_header .item_list_sort ul li {float: left;}
.item_list_header .item_list_sort ul li:not(:last-child) {margin-right: 10px;}
.item_list_header .item_list_sort ul li > * {background: #EEE; padding: 5px 30px 5px 10px; position: relative; border-radius: 5px;}
.item_list_header .item_list_sort ul li > *:before {content: ""; background-size: 10px; width: 10px; height: 10px; position: absolute; right: 10px; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%);}
.item_list_header .item_list_sort ul li p {color: #777; line-height: 20px;}
.item_list_header .item_list_sort ul li p:before {background-image: url('https://file003.shop-pro.jp/PA01459/078/images/arrow-bottom-grey.svg');}
.item_list_header .item_list_sort ul li a {display: block; line-height: 20px; color: #222;}
.item_list_header .item_list_sort ul li a:before {background-image: url('https://file003.shop-pro.jp/PA01459/078/images/arrow-bottom.svg');}

/*  pc  */
@media screen and (min-width: 980px) {
	/*  item_list  */
	ul.item_list > li .img_box {margin-bottom: 15px;}
	
	/*  item_list_header  *//*  info_box  */
	.item_list_header .info_box {float: left;}
	.item_list_header .info_box > * {float: left;}
	.item_list_header .info_box p.cat_name {margin-right: 25px;}
	
	/*  item_list_header  *//*  item_list_sort  */
	.item_list_header .item_list_sort {float: right;}
}

/*  sp  */
@media screen and (max-width: 979px) {
	/*  item_list  */
	ul.item_list > li .img_box {margin-bottom: 10px;}
	ul.item_list > li .sz02 {font-size: 0.7rem;}
	
	/*  item_list_header  */
	.item_list_header {margin: 40px auto;}
	
	/*  item_list_header  *//*  info_box  */
	.item_list_header .info_box {margin-bottom: 20px;}
}

/*  03.  item list subcategory
------------------------------*/
/*  item_list_subcategory  */
.item_list_subcategory {background: #FFF;}
.item_list_subcategory ul {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.item_list_subcategory ul li:not(:last-child) {margin-right: 20px;}
.item_list_subcategory ul li a {display: inline-block; text-align: center; background: #777; color: #FFF; border-radius: 5px; transition: all .5s;}


/*  pc  */
@media screen and (min-width: 980px) {
	/*  archive_box  *//*  item_list  */
	.archive_box ul.item_list li {width: calc((100% - 121px)/4);}
	.archive_box ul.item_list li:not(:nth-child(4n)) {margin-right: 40px;}
	.archive_box ul.item_list li:not(:nth-child(-n + 4)) {margin-top: 40px;}
	
	/*  item_list_subcategory  */
	.item_list_subcategory {padding: 40px; margin-bottom: 40px;}
	.item_list_subcategory h2 {margin-bottom: 20px;}
	.item_list_subcategory ul li a {min-width: 100px; padding: 10px;}
	.item_list_subcategory ul li a:hover {background: #127d05;}
}

/*  sp  */
@media screen and (max-width: 979px) {
	/*  archive_box  *//*  item_list  */
	.archive_box ul.item_list li {width: calc((100% - 20px)/2);}
	.archive_box ul.item_list li:nth-child(even) {margin-left: 20px;}
	.archive_box ul.item_list li:not(:nth-child(-n + 2)) {margin-top: 20px;}
	
	/*  item_list_subcategory  */
	.item_list_subcategory {padding: 20px 10px;}
	.item_list_subcategory h2 {margin-bottom: 10px;}
	.item_list_subcategory ul li {margin-top: 10px;}
	.item_list_subcategory ul li a {padding: 8px 15px;}
}

/*  04.  item single
------------------------------*/
/*  item_detail_block  *//*  item_detail_image  */
#item_detail_block #item_detail_image .item_detail_slider ul.slides li img {width: 100%;}

#item_detail_block #item_detail_image .item_detail_slider ol.flex-control-nav.flex-control-thumbs {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 20px;}
#item_detail_block #item_detail_image .item_detail_slider ol.flex-control-nav.flex-control-thumbs li img {width: 100%;}

/*  item_detail_block  *//*  item_detail_text  *//*  item_detail_info  */
#item_detail_block #item_detail_text #item_detail_info {margin-bottom: 40px;}

#item_detail_block #item_detail_text #item_detail_info dl.item_cat {margin-bottom: 20px;}
#item_detail_block #item_detail_text #item_detail_info dl.item_cat > * {float: left;}

/*  item_detail_block  *//*  item_detail_text  *//*  item_detail_spec  */
#item_detail_block #item_detail_text #item_detail_spec {margin-bottom: 40px;}
#item_detail_block #item_detail_text #item_detail_spec .item_detail_spec_box:not(:last-child) {margin-bottom: 20px;}
#item_detail_block #item_detail_text #item_detail_spec dl > * {float: left;}
#item_detail_block #item_detail_text #item_detail_spec dl dt {width: 80px;}
#item_detail_block #item_detail_text #item_detail_spec dl dd {width: calc(100% - 80px);}

#item_detail_block #item_detail_text #item_detail_spec dl.item_price dd {font-weight: bold;}
#item_detail_block #item_detail_text #item_detail_spec dl.item_price dd.soldout {color: #777;}
#item_detail_block #item_detail_text #item_detail_spec dl.item_price dd.sale {color: #ca1414;}
#item_detail_block #item_detail_text #item_detail_spec dl.item_price dd.sale span.sale {background: #ca1414; color: #FFF; padding: 0 5px; margin-right: 5px; display: inline-block; font-weight: normal;}
#item_detail_block #item_detail_text #item_detail_spec dl.item_price dd .orignal {text-decoration: line-through; color: #000;}

#item_detail_block #item_detail_text #item_detail_spec dl.form dt {line-height: 38px;}
#item_detail_block #item_detail_text #item_detail_spec dl.form dd select {width: 50%; display: block; border: 1px solid #777; background: #FCFCFC; padding: 8px 10px; border-radius: 5px; line-height: 20px;}

/*  item_detail_block  *//*  item_detail_text  *//*  item_detail_option  */
#item_detail_option {margin-top: 20px;}
#option_tbl {width: 100%; border: 1px solid #000; box-shadow: 2px 2px 4px #AAA;}
#option_tbl th {line-height: 20px; padding-top: 10px; padding-bottom: 10px; font-size: 12px; font-weight: bold; text-align: center; border: 1px solid #DDD; width: 50%;}
#option_tbl td {position: relative; line-height: 20px; padding-top: 10px; padding-bottom: 10px; font-size: 12px; font-weight: normal; text-align: center; border: 1px solid #DDD; z-index: 1;}
#option_tbl td div input[type="radio"] {position: relative; width: 10px; height: 10px; border: 2px solid #FFF; border-radius: 10px; outline: 0px; background-color: #AAA; appearance: none; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none;}
#option_tbl td div input[type="radio"]::before {position: absolute; content: ""; width: 14px; height: 14px; top: -4px; left: -4px; background-color: #AAA; border-radius: 13px; z-index: -1;} 
#option_tbl td div input[type="radio"]:checked {background-color: #333;}
#option_tbl td div input[type="radio"]:checked::before {background-color: #FF9D00;}

/*  item_detail_block  *//*  item_detail_text  *//*  title_box01  */
#item_detail_block #item_detail_text .title_box01 {color: #777;}

/*  item_detail_block  *//*  item_detail_text  *//*  item_detail_cart  */
#item_detail_block #item_detail_text #item_detail_cart {margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px solid #E2E2E2;}
#item_detail_block #item_detail_text #item_detail_cart #cart_button input[type="submit"] {width: 100%; display: block; text-align: center; padding: 15px 10px; border: none; font-weight: bold; color: #FFF; transition: all .5s; font-size: 1rem; border-radius: 5px;}

/*  item_detail_block  *//*  item_detail_text  *//*  item_detail_explanation  */
#item_detail_block #item_detail_text #item_detail_explanation {margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px solid #E2E2E2;}
#item_detail_block #item_detail_text #item_detail_explanation > a {text-decoration: underline;}
#item_detail_block #item_detail_text #item_detail_explanation p.caution_text {margin-top: 40px; font-size: 12px; padding: 20px; background: #EEE;}
#item_detail_block #item_detail_text #item_detail_explanation p.caution_text span {color: #ca1414; font-weight: bold;}

/*  item_detail_block  *//*  item_detail_text  *//*  item_detail_sub  */
#item_detail_block #item_detail_text #item_detail_sub #item_detail_legal {float: left;}
#item_detail_block #item_detail_text #item_detail_sub #item_detail_legal ul li a {transition: all .3s;}

#item_detail_block #item_detail_text #item_detail_sub #item_detail_sns {float: right;}
#item_detail_block #item_detail_text #item_detail_sub #item_detail_sns > ul > li:not(:last-child) {margin-bottom: 5px;}
#item_detail_block #item_detail_text #item_detail_sub #item_detail_sns > ul > li iframe#twitter-widget-0 {
	display: block; /*ºï½üÂоÝ*/
}

/*  item_detail_block  */
#item_detail_history {margin-top: 40px; padding-top: 40px; border-top: 1px solid #E2E2E2;}
#item_detail_history .title_box01 {color: #777;}

/*  pc  */
@media screen and (min-width: 980px) {
	/*  item_detail_block  */
	#item_detail_block #item_detail_image,
	#item_detail_block #item_detail_text {float: left;}
	
	/*  item_detail_block  *//*  item_detail_image  */
	#item_detail_block #item_detail_image {width: 50%; margin-right: 40px;}
	#item_detail_block #item_detail_image .item_detail_slider ol.flex-control-nav.flex-control-thumbs li {width: calc((100% - 20px)/2);}
	#item_detail_block #item_detail_image .item_detail_slider ol.flex-control-nav.flex-control-thumbs li:nth-child(even) {margin-left: 20px;}
	#item_detail_block #item_detail_image .item_detail_slider ol.flex-control-nav.flex-control-thumbs li:not(:nth-child(-n + 2)) {margin-top: 20px;}
	
	/*  item_detail_block  *//*  item_detail_text  */
	#item_detail_block #item_detail_text {width: calc(50% - 40px);}
	
	/*  item_detail_block  *//*  item_detail_text  *//*  item_detail_cart  */
	#item_detail_block #item_detail_text #item_detail_cart #cart_button input[type="submit"] {cursor: pointer; background: #ec7575;}
	#item_detail_block #item_detail_text #item_detail_cart #cart_button input[type="submit"]:hover {background: #f55050;}
	
	/*  item_detail_block  *//*  item_detail_text  *//*  item_detail_sub  */
	#item_detail_block #item_detail_text #item_detail_sub #item_detail_legal ul li a:hover {color: #777;}
	
}

/*  sp  */
@media screen and (max-width: 979px) {
	/*  item_detail_block  *//*  item_detail_image  */
	#item_detail_block #item_detail_image {margin-bottom: 20px;}
	#item_detail_block #item_detail_image .item_detail_slider ol.flex-control-nav.flex-control-thumbs li {width: calc((100% - 30px)/4);}
	#item_detail_block #item_detail_image .item_detail_slider ol.flex-control-nav.flex-control-thumbs li:not(:nth-child(4n)) {margin-right: 10px;}
	#item_detail_block #item_detail_image .item_detail_slider ol.flex-control-nav.flex-control-thumbs li:not(:nth-child(-n + 4)) {margin-top: 10px;}
	
	/*  item_detail_block  *//*  item_detail_text  *//*  item_detail_cart  */
	#item_detail_block #item_detail_text #item_detail_cart #cart_button input[type="submit"] {background: #f55050;}

}

/*  05.  pankuzu list
------------------------------*/
/*  pankuzu  */
#pankuzu ul li {float: left; position: relative;}
#pankuzu ul li:not(:last-child) {margin-right: 30px;}
#pankuzu ul li:not(:last-child):before {content: ''; position: absolute; width: 10px; height: 10px; background-image: url('https://file003.shop-pro.jp/PA01459/078/images/arrow-right.svg'); background-size: 10px; right: -20px; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%);}
#pankuzu ul li a {line-height: 20px; transition: all .3s;}

/*  pc  */
@media screen and (min-width: 980px) {
	/*  pankuzu  */
	#pankuzu {margin-bottom: 40px;}
	#pankuzu ul {padding: 10px 20px;}
	#pankuzu ul li a:hover {color: #777;}
}

/*  sp  */
@media screen and (max-width: 979px) {
	/*  pankuzu  */
	#pankuzu ul {padding: 10px 5%;}
}

/*  06.  pagination
------------------------------*/
/*  pagination  */
.pagination ul {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 40px;}
.pagination ul li {width: 30px;}
.pagination ul li:not(:last-child) {margin-right: 15px;}
.pagination ul li > * {line-height: 30px; text-align: center; border-radius: 50%;}
.pagination ul li p {background: #333; color: #FFF;}
.pagination ul li a {display: block; background: #FFF; border: 1px solid #333; transition: all .5s;}

/*  pc  */
@media screen and (min-width: 980px) {
	/*  content  *//*  banner  */
	.pagination ul li a:hover {background: #333; color: #FFF;} 
}

/*  sp  */
@media screen and (max-width: 979px) {
	/*  content  *//*  banner  */

}

/*  07.  shop info 
------------------------------*/
/*  shop_info  */
#shop_info h2 {margin-bottom: 20px;}
#shop_info h2 span {margin-right: 20px;}
#shop_info > p {margin-bottom: 40px;}

/*  shop_info  *//*  shop_info_box  */
#shop_info #shop_info_box .img_box img {width: 100%;}

#shop_info #shop_info_box .text_box dl {border-top: 1px solid #CCC;}
#shop_info #shop_info_box .text_box dl:last-child {border-bottom: 1px solid #CCC;}
#shop_info #shop_info_box .text_box dl dd a.map_button {display: block; background: #127d05; border: #127d05 2px solid; color: #FFF; margin-top: 10px; text-align: center; font-weight: bold; padding: 10px; transition: all .5s;}

/*  pc  */
@media screen and (min-width: 980px) {
	/*  shop_info  */
	#shop_info {padding: 40px 0 0;}
	
	/*  shop_info  *//*  shop_info_box  */
	#shop_info #shop_info_box > * {float: left;}
	#shop_info #shop_info_box .img_box {width: 400px; margin-right: 80px;}
	#shop_info #shop_info_box .text_box {width: calc(100% - 480px);}
	#shop_info #shop_info_box .text_box dl {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 20px;}
	#shop_info #shop_info_box .text_box dl:last-child {padding-bottom: 20px;}
	#shop_info #shop_info_box .text_box dl:not(:last-child) {margin-bottom: 20px;}
	#shop_info #shop_info_box .text_box dl dt {width: 100px;}
	#shop_info #shop_info_box .text_box dl dd {width: calc(100% - 100px);}
  #shop_info #shop_info_box .text_box dl dd a.map_button {width: 200px;}
  #shop_info #shop_info_box .text_box dl dd a.map_button:hover {background: transparent; color: #127d05;}
}

/*  sp  */
@media screen and (max-width: 979px) {
	/*  shop_info  */
	#shop_info {padding: 20px 0 0;}
	
	/*  shop_info  *//*  shop_info_box  */
	#shop_info #shop_info_box .img_box {margin-bottom: 40px;}
	#shop_info #shop_info_box .text_box dl {padding-top: 15px;}
	#shop_info #shop_info_box .text_box dl:last-child {padding-bottom: 15px;}
	#shop_info #shop_info_box .text_box dl:not(:last-child) {margin-bottom: 15px;}
}

/*  09.  password reset
------------------------------*/
/*  password_reset_block  */
#password_reset_block {padding: 40px 0 0;}
#password_reset_block .title_box {margin-bottom: 60px;}
#password_reset_block .title_box h2 {text-align: center; margin-bottom: 40px;}
#password_reset_block .title_box .text_box p:not(:last-child) {margin-bottom: 1em;}
#password_reset_block .title_box .text_box p a {color: #FF0000; font-weight: bold;}

#password_reset_block .password_reset_box:not(:last-of-type) {margin-bottom: 60px;}
#password_reset_block .password_reset_box h3 {border-left: 5px solid #000; border-bottom: 1px solid #000; padding: 0 0 10px 10px; margin-bottom: 20px;}
#password_reset_block .password_reset_box img {width: 100%;}
#password_reset_block .password_reset_box img:not(:last-of-type) {margin-bottom: 20px;}

/*  pc  */
@media screen and (min-width: 980px) {
	
}

/*  sp  */
@media screen and (max-width: 979px) {

}


/*  09.  news
------------------------------*/
/*  news_single_block  */
#news_single_block {padding: 40px 0 0;}
#news_single_block .title_box {margin-bottom: 60px;}
#news_single_block .title_box h2 {text-align: center; margin-bottom: 40px;}
#news_single_block .title_box .text_box p:not(:last-child) {margin-bottom: 1em;}
#news_single_block .title_box .text_box p a {color: #FF0000; font-weight: bold;}

#news_single_block .news_single_box:not(:last-of-type) {margin-bottom: 60px;}
#news_single_block .news_single_box h3 {border-left: 5px solid #000; border-bottom: 1px solid #000; padding: 0 0 10px 10px; margin-bottom: 20px;}
#news_single_block .news_single_box img {width: 100%;}
#news_single_block .news_single_box a {color: #cf4e4e;}
#password_reset_block .news_single_box img {width: 100%;}
#password_reset_block .news_single_box img:not(:last-of-type) {margin-bottom: 20px;}

/*  pc  */
@media screen and (min-width: 980px) {
	
}

/*  sp  */
@media screen and (max-width: 979px) {

}