#fs_button_changeShippingAddress::before{
 content: " お届け先の変更はこちらから→　"; 
  color: green;
font-weight:bold;
font-size: 18px;
}


/* 初期化ここから */


a { text-decoration: none; }




figure {
	margin:0 auto;
}
 
ul {
    list-style: none;
margin: 0px;
padding: 0px;
}
 
ol {padding-left: 2em;}

li {
margin: 0px;
padding: 0px;
}

p.indent {
	text-indent: 1em;
}

body {
	background: #ffffff;
}

.site {
	margin: 0px;
}

/* 初期化ここまで */

body{
 padding-top: 80px;
padding-bottom: 60px;

}

body.fs-body-checkout-multi,
body.fs-body-cart-login,
body.fs-body-customerDetails {
 padding-top: 0px;
padding-bottom: 0px;
}


.fs-p-sideMenu a:hover {
  background: #788c7a;
  color: #ffffff;
}


.site-header {
border-bottom: 1px solid #a2a2a2;
overflow: hidden;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 60px;
background: #ffffff;
z-index: 8;
font-family: Georgia, "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

.head-logo {
width: 210px;
height: 60px;
border-right: none;
float: left;
position: relative;
z-index: 10;
box-sizing: border-box;
}

.head-logo a {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}

.head-logo img {
padding: 5px 6px 5px 10px;
float:left;
width: 58px;
height: 58px;
}

.head-logo span {
font-size: 16px;
line-height: 25px;
display: inline-block;
padding: 15px 0px 0px 0px;
float: left;
font-weight: 500;
}

.head-logo span.sub-title {
font-size: 12px;
line-height: 14px;
display: inline-block;
padding: 0px 10px 10px 0px;
float: right;
font-weight: 500;
}

.head-menu-main {
  float: left;
left: 450px;
right: 0px;
  box-sizing: border-box;
position: absolute;
z-index: 9;
}

.head-menu-main li {
float: right;
width: 45%;
height: 60px;
text-align: center;
border-left: 1px solid #a2a2a2;
position: relative;
box-sizing: border-box;
}

.head-menu-main li a {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}


.head-menu-main li a:link,
.head-menu-main li a:visited {
color: #1a1a1a;
background-color: #ffffff;
}

.head-menu-main li a:hover,
.head-menu-main li a:active {
color: #ffffff;
background-color: #788c7a;
}

.head-menu-main li span {
display: block;
font-size: 16px;
line-height: 14px;
padding: 12px 0px 0px;
font-weight: 500;
}

@media screen and (max-width: 1280px) and (min-width: 1025px) {

.head-menu-main li span {
display: block;
font-size: 16px;
line-height: 14px;
padding: 12px 0px 0px;
font-weight: 500;
}

}

@media screen and (max-width: 1024px) {

body{
 padding-top: 110px;
padding-bottom: 0px;

}

.site-header {
border-bottom: 1px solid #a2a2a2;
overflow: hidden;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 60px;
background: #ffffff;
z-index: 8;
font-family: Georgia, "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

.head-logo {
width: 210px;
height: 60px;
border-right: none;
float: left;
position: relative;
z-index: 10;
box-sizing: border-box;
}

.head-logo a {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}

.head-logo img {
padding: 5px 6px 5px 10px;
float:left;
width: 60px;
heiht: 60px;
}

.head-logo span {
font-size: 16px;
line-height: 25px;
display: inline-block;
padding: 15px 0px 0px 0px;
float: left;
font-weight: 500;
}

.head-logo span.sub-title {
font-size: 12px;
line-height: 14px;
display: inline-block;
padding: 0px 10px 12px 0px;
float: right;
font-weight: 500;
}

.head-menu-main {
display: none;
}

.fs-p-drawer {
  padding-top: 60px;
  padding-bottom: 84px;
}

.fs-l-header__drawerOpener {
position: fixed;
top: 0px;
right: 0px;
z-index: 5000;
}

}

@media screen and (max-width: 1024px) and (min-width: 801px) {

.head-menu-main li span {
display: block;
font-size: 12px;
line-height: 10px;
padding: 17px 0px 0px;
font-weight: 500;
}

}



@media screen and (max-width: 800px) {
.head-menu-main ul {
display: none;
}
}


.site-footer {
border-bottom: 1px solid #a2a2a2;
overflow: hidden;
position: fixed;
left: 0;
top:60px;
width: 100%;
height: 60px;
background: #ffffff;
z-index: 8;
font-family: Georgia, "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

.foot-menu-main li {
float: left;
width: 25%;
height: 60px;
text-align: center;
border-right: 1px solid #a2a2a2;
position: relative;
box-sizing: border-box;
}

.foot-menu-main li.menu-top {
width: 25%;
border-right: none;
}

@media screen and (max-width: 768px) {

.site-footer {
border-bottom: 1px solid #a2a2a2;
overflow: hidden;
position: fixed;
left: 0;
bottom: top:60px;
width: 100%;
height: 50px;
background: #ffffff;
z-index: 8;
font-family: Georgia, "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

.foot-menu-main li {
float: left;
width: 25%;
height: 50px;
text-align: center;
border-right: 1px solid #a2a2a2;
position: relative;
box-sizing: border-box;
}

.foot-menu-main li.menu-top {
width: 25%;
border-right: none;
}

}

.foot-menu-main li a {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}


.foot-menu-main li a:link,
.foot-menu-main li a:visited {
color: #333333;
background-color: #A6D0D0;
}


.foot-menu-main li a:hover,
.foot-menu-main li a:active {
color: #ffffff;
background-color: #326767;
}


.foot-menu-main li span {
display: inline-block;
font-size: 16px;
line-height: 14px;
padding: 22px 0px 0px;
font-weight: 500;
}


@media screen and (max-width: 768px) {

.foot-menu-main li span {
display: block;
font-size: 12px;
line-height: 14px;
padding: 5px 0px 5px;
font-weight: 500;
}

}


.item-go-form {
height: 36px;
width: 95%;
margin: 30px auto 0px;
position: relative;
-webkit-border-radius: 3px;/* for Safari and Chrome */
-moz-border-radius: 3px; /* for Firefox */
-o-border-radius: 3px; /* for opera */
border-radius: 3px;
border: 1px solid #788c7a;
text-align: center;
line-height: 36px;
}

@media screen and (max-width: 800px) {

.item-go-form {
height: 36px;
width: 260px;
margin: 30px auto 0px;
position: relative;
-webkit-border-radius: 3px;/* for Safari and Chrome */
-moz-border-radius: 3px; /* for Firefox */
-o-border-radius: 3px; /* for opera */
border-radius: 3px;
border: 1px solid #788c7a;
text-align: center;
line-height: 36px;
}

}

.item-go-form a {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}

.item-go-form a:link,
.item-go-form a:visited {
color: #333333;
background-color: #ffffff;
}

.item-go-form a:hover,
.item-go-form a:active {
color: #ffffff;
background-color: #788c7a;
text-decoration: none;
}

.fs-c-subgroupList__image img {
width: 120px;
}

.fs-pt-column__heading {
font-weight: normal;
}


.foot-tel {
width: 100%;
height: 50px;
  position: fixed;
  right: 0;
  bottom: 60px;
  z-index: 90;
background: #ffffff;
border-top: 1px solid #a2a2a2;
}

.foot-tel .foot-tel-box {
width: 100%;
height: 50px;
position: relative;
box-sizing: border-box;
text-align: center;
}

.foot-tel .foot-tel-box a {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}

.foot-tel .foot-tel-box span.foot-tel01 {
font-size: 12px;
line-height: 18px;
display: inline-block;
padding: 16px 0px 0px 0px;
text-align: left;
font-weight: 500;
}

.foot-tel .foot-tel-box span.foot-tel02 {
font-size: 22px;
line-height: 30px;
display: inline-block;
padding: 0px 10px 0px 10px;
text-align: left;
font-weight: 500;
}

.foot-tel .foot-tel-box span.foot-tel03 {
font-size: 14px;
line-height: 30px;
display: inline-block;
padding: 0px 0px 0px 0px;
text-align: left;
font-weight: 500;
}

.item-tel {
width: 100%;
background: #ffffff;
}

.item-tel .item-tel-box {
width: 100%;
height: 60px;
position: relative;
text-align: center;
box-sizing: border-box;
-webkit-border-radius: 3px;/* for Safari and Chrome */
-moz-border-radius: 3px; /* for Firefox */
-o-border-radius: 3px; /* for opera */
border-radius: 3px;
border: 1px solid #788c7a;
}

.item-tel .item-tel-box a {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}

.item-tel .item-tel-box a:link,
.item-tel .item-tel-box a:visited {
color: #333333;
background-color: #ffffff;
}

.item-tel .item-tel-box a:hover,
.item-tel .item-tel-box a:active {
color: #ffffff;
background-color: #788c7a;
text-decoration: none;
}

.item-tel .item-tel-box span.item-tel01 {
font-size: 12px;
line-height: 18px;
display: block;
padding: 5px 0px 0px 0px;
font-weight: 500;
}

.item-tel .item-tel-box span.item-tel02 {
font-size: 22px;
line-height: 30px;
padding: 0px 10px 0px 10px;
font-weight: 500;
}

.item-tel .item-tel-box span.item-tel03 {
font-size: 14px;
line-height: 30px;
padding: 0px 0px 0px 0px;
font-weight: 500;
}

@media screen and (max-width: 768px) {

.foot-tel {
width: 100%;
height: 40px;
  position: fixed;
  right: 0;
  bottom: 50px;
  z-index: 90;
background: #ffffff;
border-top: 1px solid #a2a2a2;
}

.foot-tel .foot-tel-box {
width: 100%;
height: 40px;
position: relative;
box-sizing: border-box;
text-align: left;
}

.foot-tel .foot-tel-box a {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}

.foot-tel .foot-tel-box span.foot-tel01 {
font-size: 12px;
line-height: 18px;
display: inline-block;
padding: 16px 0px 0px 0px;
text-align: left;
font-weight: 500;
display: none;
}

.foot-tel .foot-tel-box span.foot-tel02 {
font-size: 22px;
line-height: 30px;
display: inline-block;
padding: 0px 10px 0px 10px;
text-align: left;
font-weight: 500;
}

.foot-tel .foot-tel-box span.foot-tel03 {
font-size: 14px;
line-height: 30px;
display: inline-block;
padding: 0px 0px 0px 0px;
text-align: left;
font-weight: 500;
}

}


.head-tel {
width: 260px;
height: 80px;
border-right: none;
float: left;
position: relative;
z-index: 10;
box-sizing: border-box;
}

.head-tel a {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}

.head-tel span.head-tel01 {
font-size: 12px;
line-height: 18px;
display: block;
padding: 5px 0px 0px 20px;
text-align: left;
font-weight: 500;
}

.head-tel span.head-tel02 {
font-size: 22px;
line-height: 30px;
display: inline-block;
padding: 0px 0px 0px 20px;
text-align: left;
font-weight: 500;
}

.head-tel span.head-tel03 {
font-size: 14px;
line-height: 30px;
display: inline-block;
padding: 0px 0px 0px 10px;
text-align: left;
font-weight: 500;
}

@media screen and (max-width: 1024px) {

.head-tel {
width: 120px;
height: 80px;
border-right: none;
float: left;
position: relative;
z-index: 3;
box-sizing: border-box;
}

.head-tel a {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}

.head-tel span.head-tel01 {
font-size: 10px;
line-height: 18px;
display: block;
padding: 5px 0px 0px 0px;
text-align: left;
font-weight: 500;
}

.head-tel span.head-tel02 {
font-size: 16px;
line-height: 24px;
padding: 0px 0px 0px 0px;
text-align: left;
font-weight: 500;
}

.head-tel span.head-tel03 {
font-size: 12px;
line-height: 24px;
display: none;
padding: 0px 0px 0px 10px;
text-align: left;
font-weight: 500;
}

}

#ordermade01,
#ordermade02,
#ordermade03,
#ordermade04,
#ordermade05,
#ordermade06,
#ordermade07,
#ordermade08 {
padding-top: 120px;
margin-top: -60px;
}

.ordermade h2 {
font-size: 24px;
line-height: 30px;
text-align: center;
margin: 0px;
padding: 0px 0px 20px;
}

.ordermade h2 span {
border-bottom: 8px solid #f9da50;
padding: 0px 8px 2px;
}

.ordermade01-img ul {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
}

.ordermade01-img ul li {
padding: 4px;
text-align: center;
}

.ordermade01-text {
margin: 20px 0px 0px;
}

.ordermade01-text p {
text-align: center;
font-size: 14px;
line-height: 30px;
}

.ordermade01-text p span {
display: block;
}

.ordermade02-cont {
display: grid;
grid-template-columns: 1fr 1fr;
}

.ordermade02-cont h3 {
font-size: 20px;
line-height: 24px;
text-align: center;
margin: 10px 0px 0px;
padding: 0px 0px 10px;
}

.ordermade02-cont-box {
background: #fff7c5;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-o-border-radius: 10px;
-ms-border-radius: 10px;
margin: 20px 10px 0px;
padding: 10px;
}

.ordermade02-cont-text {
padding: 30px 10px 0px;
}

.ordermade02-cont-text p {
font-size: 14px;
line-height: 30px;
text-align: center;
margin: 10px 0px 0px;
padding: 0px;
}

.ordermade02-text p {
font-size: 14px;
line-height: 30px;
text-align: center;
margin: 30px 0px 0px;
padding: 0px;
}

.ordermade02-cont-box ul {
display: grid;
grid-template-columns: 1fr 1fr;
}

.ordermade02-cont-box ul li {
padding: 5px;
text-align: center;
}

.ordermade03-cont {
padding: 20px 0px 0px;
}

.ordermade03-cont-box {
width: 100%;
max-width: 700px;
margin: 60px auto 0px;
padding: 30px 30px 25px;
background: #f3f4e7;
border: 2px solid #5b3b22;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-o-border-radius: 8px;
-ms-border-radius: 8px; 
}

.ordermade03-cont-box h3 {
width: 85%;
margin: -60px auto 0px;
padding: 0px;
background: #5b3b22;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-o-border-radius: 8px;
-ms-border-radius: 8px; 
text-align: center;
color: #ffffff;
font-size: 30px;
line-height: 60px;
}

.ordermade03-cont-box p {
margin: 30px auto 0px;
padding: 0px; 
text-align: center;
color: #5b3b22;
font-size: 48px;
line-height: 56px;
}

.ordermade03-cont-box span {
font-size: 36px;
line-height: 56px;
}

.ordermade03-cont-box dt {
	float: left ;
}

.ordermade03-cont-box dd {
	margin-left: 20px ;
}

.ordermade04-text {
margin: 50px 0px 0px;
text-align: center;
}

.ordermade04-text p {
margin: 0px;
padding: 0px;
font-size: 18px;
line-height: 30px;
}

.ordermade04-cont {
margin: 30px auto 0px;
width: 100%;
max-width: 900px;
display: grid;
grid-template-columns: 1fr 70px 1fr;
}

.ordermade04-cont-box {
width: 100%;
margin: 0px auto 0px;
padding: 20px 20px 20px;
background: #f3f4e7;
border: 3px solid #5b3b22;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-o-border-radius: 8px;
-ms-border-radius: 8px; 
}

.ordermade04-cont-box p {
margin: 0px;
padding: 10px 0px 0px;
font-size: 20px;
line-height: 24px;
text-align: center;
color: #5b3b22;
}

.ordermade04-cont-box p.item-name {
margin: 0px;
padding: 10px 0px 0px;
font-size: 24px;
line-height: 30px;
text-align: center;
}

.ordermade04-cont-box p.item-price {
margin: 0px;
padding: 20px 0px 0px;
font-size: 36px;
line-height: 40px;
text-align: center;
}

.ordermade04-cont-box p.item-price span.item-price2 {
font-size: 24px;
line-height: 40px;
text-align: center;
}

.ordermade04-cont-plus {
text-align: center;
}

.ordermade04-cont-plus p {
margin: 0px;
padding: 75px 0px 0px;
font-size: 36px;
line-height: 40px;
}

.ordermade04-cont2 {
text-align: center;
margin: 0px;
padding: 30px 0px 0px;
}

.ordermade04-cont2-box {
width: 100%;
max-width: 600px;
margin: 30px auto 0px;
padding: 20px 20px 20px;
background: #5b3b22;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-o-border-radius: 8px;
-ms-border-radius: 8px; 
color:#ffffff;
}

.ordermade04-cont2-box p {
text-align: center;
margin: 0px;
padding: 10px 0px 0px;
font-size: 30px;
line-height: 36px;
}

.ordermade04-cont2-box p.item-price {
text-align: center;
margin: 0px;
padding: 10px 0px 0px;
font-size: 48px;
line-height: 54px;
}

.ordermade04-cont2-box p.item-price span.item-price2 {
font-size: 36px;
line-height: 54px;
}

.ordermade04-cont2-box p.item-price span.item-price3 {
font-size: 20px;
line-height: 54px;
}

.ordermade05-cont01,
.ordermade05-cont02,
.ordermade05-cont03 {
border: 20px solid #fff7c5;
padding: 20px 20px 20px;
font-size: 14px;
line-height: 30px;
}

.ordermade05-cont01 {
margin: 40px auto 0px;
}

.ordermade05-cont02,
.ordermade05-cont03 {
margin: 30px auto 0px;
}

.ordermade05-cont01 h3,
.ordermade05-cont02 h3,
.ordermade05-cont03 h3 {
margin: 0px;
padding: 0px;
font-size: 18px;
line-height: 30px;
color: #5b3b22;
}



.ordermade05-cont01 {
display: grid;
grid-template-columns: 1fr 360px;
text-align: center;
}

.ordermade05-cont01-01 {
padding-right: 50px;
text-align: left;
}

.ordermade05-cont02 {
display: grid;
    grid-template-columns: 1fr 1fr;
text-align: center;
}

.ordermade05-cont02-01 {
    grid-column-start: 1;
    grid-column-end: 3;
text-align: left;
}

.ordermade05-cont03 {
display: grid;
    grid-template-columns: 1fr 320px;
    grid-template-rows: 340px 1fr;
text-align: center;
}

.ordermade05-cont03-01 {
    grid-row-start: 1;
    grid-row-end: 3;
padding-right: 50px;
text-align: left;
}

.ordermade05-text {
margin: 30px auto 0px;
padding: 0px;
}

.ordermade05-text p {
margin: 0px;
padding: 0px;
text-align: center;
}

.ordermade05-link {
width: 90%;
max-width: 464px;
margin: 30px auto 0px;
padding: 30px 10px 25px;
background: #f3f4e7;
border: 3px solid #5b3b22;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-o-border-radius: 8px;
-ms-border-radius: 8px; 
position: relative;
}

.ordermade05-link a {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
}

.ordermade05-link a:link,
.ordermade05-link a:visited {
color: #5b3b22;
}

.ordermade05-link a:hover,
.ordermade05-link a:active {
color: #5b3b22;
}

.ordermade05-link a span {
display: block;
text-align: center;
height: 100%;
font-size: 24px;
line-height: 28px;
padding: 15px 0px 0px;
}

.ordermade05-link a::after {
    content: url(https://web.archive.org/web/20240701134022im_/https://atoriehanaclub.itembox.design/item/order/order-05-09.gif?t=20190716175042);
 position: absolute;
  top: 18px;
  right: 10px;
}

.ordermade06-text {
margin: 50px auto 0px;
padding: 0px;
}

.ordermade06-text p {
margin: 0px;
padding: 0px;
text-align: center;
}

.ordermade06-cont-cont {
width: 100%;
margin: 60px auto 0px;
padding: 30px 15px 25px;
background: #fff7c5;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-o-border-radius: 10px;
-ms-border-radius: 10px; 
display: grid;
    grid-template-columns: 1fr 1fr;
}

.ordermade06-cont-cont h3 {
width: 85%;
margin: -60px auto 0px;
padding: 0px;
background: #5b3b22;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-o-border-radius: 8px;
-ms-border-radius: 8px; 
text-align: center;
color: #ffffff;
font-size: 30px;
line-height: 60px;
    grid-column-start: 1;
    grid-column-end: 3;
}

.ordermade06-cont-cont01,
.ordermade06-cont-cont02,
.ordermade06-cont-cont03,
.ordermade06-cont-cont04 {
margin: 30px 15px 0px;
padding: 15px 10px 20px;
background: #ffffff;
border: 3px solid #5b3b22;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-o-border-radius: 8px;
-ms-border-radius: 8px; 
text-align: center;
}

.ordermade06-cont-cont01 img,
.ordermade06-cont-cont02 img,
.ordermade06-cont-cont03 img {
padding: 10px;
text-align: center;
}

.ordermade06-cont-cont04 .ordermade06-cont-text2 {
font-size: 24px;
line-height: 30px;
text-align: left;
padding: 0px 20px 0px;
margin: 0px;
display: grid;
    grid-template-columns: 90px 1fr;
}

.ordermade06-cont-cont04 .ordermade06-cont-text2 p {
font-size: 24px;
line-height: 36px;
text-align: left;
padding: 0px;
margin: 0px;
color: #5b3b22;
}

.ordermade06-cont-cont04 .ordermade06-cont-text2 img {
padding-right: 10px;
}

.ordermade06-cont-cont04 .ordermade06-cont-text2 .maru,
.ordermade06-cont-cont04 .ordermade06-cont-text2 .maru-text,
.ordermade06-cont-cont04 .ordermade06-cont-text2 .batu,
.ordermade06-cont-cont04 .ordermade06-cont-text2 .batu-text {
padding: 30px 0px 0px;
margin: 0px;
}


.ordermade06-cont-text {
margin: 10px auto 0px;
}

.ordermade06-cont-text p {
margin: 0px;
padding: 0px;
text-align: center;
font-size: 20px;
line-height: 24px;
}


.ordermade06-cont-text3 {
margin: 30px auto 0px;
    grid-column-start: 1;
    grid-column-end: 3;
text-align: center;
}

.ordermade06-cont-text3 p {
margin: 0px;
padding: 0px;
text-align: center;
font-size: 18px;
line-height: 30px;
}

.ordermade06-cont-text4 {
margin: 30px auto 0px;
}

.ordermade06-cont-text4 p {
margin: 0px;
padding: 0px;
text-align: center;
font-size: 30px;
line-height: 36px;
}

.ordermade06-cont2 {
width: 95%;
max-width: 460px;
margin: 30px auto 0px;
padding: 18px 10px 15px;
background: #f3f4e7;
border: 3px solid #5b3b22;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-o-border-radius: 8px;
-ms-border-radius: 8px; 
text-align: center;
}

.ordermade06-cont2 p {
margin: 0px;
padding: 0px;
text-align: center;
font-size: 18px;
line-height: 36px;
}

.ordermade06-cont2 p.large-text {
margin: 0px;
padding: 0px;
text-align: center;
font-size: 30px;
line-height: 48px;
}

.ordermade07-01,
.ordermade07-02,
.ordermade07-03,
.ordermade07-04,
.ordermade07-05,
.ordermade07-06,
.ordermade07-07 {
border: 20px solid #f3f4e7;
padding: 20px 20px 15px;
}

.ordermade07-01 {
margin: 50px auto 0px;
}

.ordermade07-02,
.ordermade07-03,
.ordermade07-04,
.ordermade07-05,
.ordermade07-06,
.ordermade07-07 {
margin: 30px auto 0px;
}

.ordermade07-01 h3,
.ordermade07-02 h3,
.ordermade07-03 h3,
.ordermade07-04 h3,
.ordermade07-05 h3,
.ordermade07-06 h3,
.ordermade07-07 h3 {
font-size: 24px;
line-height: 30px;
color: #5b3b22;
margin: 0px;
padding: 0px;
}

.ordermade07-01 h3 span,
.ordermade07-02 h3 span,
.ordermade07-03 h3 span,
.ordermade07-04 h3 span,
.ordermade07-05 h3 span,
.ordermade07-06 h3 span,
.ordermade07-07 h3 span {
font-size: 16px;
line-height: 24px;
color: #ffffff;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-o-border-radius: 3px;
-ms-border-radius: 3px; 
margin: 0px 0px 0px 10px;
padding: 3px 15px;
}

.ordermade07-01 h3 span,
.ordermade07-03 h3 span,
.ordermade07-05 h3 span {
background: #e65353;
}

.ordermade07-02 h3 span,
.ordermade07-04 h3 span,
.ordermade07-06 h3 span {
background: #537de6;
}

.ordermade07-07 h3 span {
background: #85d68d;
}

.ordermade07-01 p,
.ordermade07-02 p,
.ordermade07-03 p,
.ordermade07-04 p,
.ordermade07-05 p,
.ordermade07-06 p,
.ordermade07-07 p {
font-size: 14px;
line-height: 30px;
margin: 15px 0px 0px;
padding: 0px;
}

.ordermade07-next {
margin: 30px auto 0px;
text-align: center;
}

.ordermade08 p {
margin: 50px auto 0px;
padding: 0px;
text-align: center;
}

.ordermade08-link {
width: 90%;
max-width: 464px;
margin: 30px auto 0px;
padding: 30px 10px 25px;
background: #f3f4e7;
border: 3px solid #5b3b22;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-o-border-radius: 8px;
-ms-border-radius: 8px; 
position: relative;
}

.ordermade08-link a {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
}

.ordermade08-link a:link,
.ordermade08-link a:visited {
color: #5b3b22;
}

.ordermade08-link a:hover,
.ordermade08-link a:active {
color: #5b3b22;
}

.ordermade08-link a span {
display: block;
text-align: center;
height: 100%;
font-size: 24px;
line-height: 28px;
padding: 15px 0px 0px;
}

.ordermade08-link a::after {
    content: url(https://web.archive.org/web/20240701134022im_/https://atoriehanaclub.itembox.design/item/order/order-05-09.gif?t=20190716175042);
 position: absolute;
  top: 18px;
  right: 10px;
}

.ordermade08-form {
width: 95%;
max-width: 564px;
margin: 30px auto 0px;
padding: 35px 10px 30px;
background: #f3f4e7;
border: 3px solid #5b3b22;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-o-border-radius: 8px;
-ms-border-radius: 8px; 
position: relative;
}

.ordermade08-form a {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
}

.ordermade08-form a:link,
.ordermade08-form a:visited {
color: #5b3b22;
}

.ordermade08-form a:hover,
.ordermade08-form a:active {
color: #5b3b22;
}

.ordermade08-form a span {
display: block;
text-align: center;
height: 100%;
font-size: 30px;
line-height: 36px;
padding: 15px 0px 0px;
}

.ordermade08-form a::after {
    content: url(https://web.archive.org/web/20240701134022im_/https://atoriehanaclub.itembox.design/item/order/order-08-01.gif?t=20190716175042);
 position: absolute;
  top: 18px;
  right: 10px;
}

.ordermade-link {
width: 100%;
margin: 50px auto 0px;
padding: 2px;
background: #ffffff;
border: 2px solid #ff9900;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
-ms-border-radius: 5px; 
}

.ordermade-link ul {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
}

.ordermade-link ul li {
padding: 8px 5px;
margin: 2px;
text-align: center;
position: relative;
box-sizing: border-box;
border: 1px solid #ff9900;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-o-border-radius: 3px;
-ms-border-radius: 3px; 
background: #fffdea;
}

.ordermade-link ul li.link-on {
background: #fffacb;
}


.ordermade-link ul li a span {
display: block;
font-size: 12px;
line-height: 16px;
}

.ordermade-link a:link,
.ordermade-link a:visited {
color: #5b3b22;
}

.ordermade-link a:hover,
.ordermade-link a:active {
color: #5b3b22;
}




@media screen and (max-width: 640px) {

.ordermade01-img ul {
display: grid;
grid-template-columns: 1fr 1fr;
}

.ordermade02-cont {
display: grid;
grid-template-columns: 1fr;
}

.ordermade04-cont {
display: grid;
grid-template-columns: 1fr;
}

.ordermade04-cont-plus p {
margin: 0px;
padding: 30px 0px 30px;
font-size: 54px;
line-height: 60px;
}

.ordermade05-cont01 {
display: grid;
grid-template-columns: 1fr;
}

.ordermade05-cont01-01 {
padding-right: 0px;
}

.ordermade05-cont01-02,
.ordermade05-cont01-03,
.ordermade05-cont01-04 {
text-align: center;
}

.ordermade05-cont02 {
display: grid;
    grid-template-columns: 1fr;
}

.ordermade05-cont02-01 {
    grid-column-start: 1;
    grid-column-end: 2;
}

.ordermade05-cont03 {
display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
}

.ordermade05-cont03-01 {
    grid-row-start: 1;
    grid-row-end: 2;
padding-right: 0px;
}

.ordermade06-cont-cont {
display: grid;
    grid-template-columns: 1fr;
}

.ordermade06-cont-cont h3 {
    grid-column-start: 1;
    grid-column-end: 2;
}

.ordermade06-cont-text3 {
    grid-column-start: 1;
    grid-column-end: 2;
}

.ordermade h2 {
font-size: 18px;
line-height: 24px;
text-align: center;
margin: 0px;
padding: 0px 0px 20px;
}

.ordermade01-text p span {
display: inline;
}

.ordermade02-cont h3 {
font-size: 18px;
line-height: 24px;
}

.ordermade03-cont-box h3 {
width: 95%;
margin: -60px auto 0px;
padding: 0px;
background: #5b3b22;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-o-border-radius: 8px;
-ms-border-radius: 8px; 
text-align: center;
color: #ffffff;
font-size: 18px;
line-height: 60px;
}

.ordermade03-cont-box p {
font-size: 36px;
line-height: 48px;
}

.ordermade03-cont-box span {
font-size: 30px;
line-height: 48px;
}

.ordermade04-cont-box p {
font-size: 16px;
line-height: 24px;
}

.ordermade04-cont-box p.item-name {
font-size: 20px;
line-height: 30px;
}

.ordermade04-cont-box p.item-price {
font-size: 30px;
line-height: 36px;
}

.ordermade04-cont-box p.item-price span.item-price2 {
font-size: 18px;
line-height: 36px;
}

.ordermade04-cont2-box p {
font-size: 24px;
line-height: 36px;
}

.ordermade04-cont2-box p.item-price {
font-size: 36px;
line-height: 48px;
}

.ordermade04-cont2-box p.item-price span.item-price2 {
font-size: 24px;
line-height: 48px;
}

.ordermade04-cont2-box p.item-price span.item-price3 {
font-size: 16px;
line-height: 48px;
}

.ordermade05-link a span {
font-size: 18px;
line-height: 28px;
}

.ordermade06-cont-cont h3 {
width: 95%;
font-size: 18px;
line-height: 60px;
}


.ordermade06-cont-text p {
margin: 0px;
padding: 0px;
text-align: center;
font-size: 16px;
line-height: 24px;
}


.ordermade06-cont-text3 p {
margin: 0px;
padding: 0px;
text-align: center;
font-size: 14px;
line-height: 24px;
}

.ordermade06-cont-text4 p {
margin: 0px;
padding: 0px;
text-align: center;
font-size: 24px;
line-height: 30px;
}


.ordermade06-cont2 p {
margin: 0px;
padding: 0px;
text-align: center;
font-size: 14px;
line-height: 30px;
}

.ordermade06-cont2 p.large-text {
margin: 0px;
padding: 0px;
text-align: center;
font-size: 24px;
line-height: 36px;
}

.ordermade07-01 h3,
.ordermade07-02 h3,
.ordermade07-03 h3,
.ordermade07-04 h3,
.ordermade07-05 h3,
.ordermade07-06 h3,
.ordermade07-07 h3 {
font-size: 18px;
line-height: 30px;
}

.ordermade07-01 h3 span,
.ordermade07-02 h3 span,
.ordermade07-03 h3 span,
.ordermade07-04 h3 span,
.ordermade07-05 h3 span,
.ordermade07-06 h3 span,
.ordermade07-07 h3 span {
font-size: 14px;
line-height: 24px;
display: inline-block;
}

.ordermade08-link a span {
font-size: 18px;
line-height: 24px;
}

.ordermade08-form a span {
font-size: 24px;
line-height: 30px;
}

}

.clearall {
clear: both;
font-size: 0;
height: 0px;
margin: 0 0 0 0;
padding: 0px;
overflow: hidden;
width: 100%; /* for IE6,7 */
visibility:hidden;
border:0;
line-height: 0px;
}


body {
    padding-top: 100px;
}
.site-footer {
    height: 40px;
}
.foot-menu-main li{
    height: 40px;
}
.foot-menu-main li span {
    padding-top:12px;
}


@media screen and (max-width: 768px) {
.fs-c-subgroupList__image img {
    width: 200px;
}


.sakuhinreihyouji img {
    width: 50%;
    border: 1px solid gray;
}


}

.sakuhinreihyouji .fs-pt-column__item {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto 1fr;
    grid-template-rows: auto 1fr;
    column-gap: 1em;
    border-bottom: 1px solid #999;
}
.sakuhinreihyouji .fs-pt-column__item > *:nth-child(1) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 1 / span 2;
    grid-row: 1 / span 2;
}
.sakuhinreihyouji .fs-pt-column__item > *:nth-child(2) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 1;
    grid-row: 1;
}
.sakuhinreihyouji .fs-pt-column__item > *:nth-child(3) {
    -ms-grid-column: 1;
    grid-column: 2;
    -ms-grid-row: 2;
    grid-row: 2;
}

@media screen and (max-width: 768px) {
.sakuhinreihyouji img {
    width: 100%;
}
}
/*サイト告知の背景色の変更*/
.fs-p-messageBoard {
    background: #BBDEE1 ;
}

/*
     FILE ARCHIVED ON 13:40:22 Jul 01, 2024 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 01:30:32 Aug 08, 2024.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.599
  exclusion.robots: 0.024
  exclusion.robots.policy: 0.012
  esindex: 0.013
  cdx.remote: 7.439
  LoadShardBlock: 51.863 (3)
  PetaboxLoader3.datanode: 91.081 (5)
  load_resource: 360.801
  PetaboxLoader3.resolve: 257.393
  loaddict: 66.417
*/

/* 文字を左揃えに */ 
.ordermade01-text p { 
    text-align: left; 
}


/* フッターメニューの文字の太さを変更 */ 
.foot-menu-main li span { 
    /* 19px,20px…のようにpxの数値を上げることでさらに大きくできます。 */ 
    font-size: 14px;
}