html,
body {
overflow: auto;
}
header ul li.fobt,
.logolsp,
.sp {
display: none!important;
}

.kg {
display: inline;
}

a{
-webkit-transition: all .5s ease 0s;
-moz-transition: all .5s ease 0s;
-o-transition: all .5s ease 0s;
-ms-transition: all .5s ease 0s;
transition: all .5s ease 0s;
}

a:hover { opacity: .6; }

/*********************************************header**********************************************/

.ban2021 {
left: 50px;
bottom: 50px;
width: 26%;
}

header {
/*	background-color: #ff0;*/
position: fixed;
width: 100%;
left: 0;
top: 0;
max-width: 1200px;
margin: 0 auto;
}

header nav {
padding: 0 0 0 0;
display: table;
width: 90%;
margin: 0 5%;
}

#photosub .logolpc {
position: absolute;
z-index: 10;
width: 250px;
margin: 0;
text-align: left;
}

body.index div.logolpc {
width: 34%;
margin: 0 33%;
text-align: center;
font-size: 2em;
line-height: 1em;
left: 0;
top: 75px;
}
body.index div.logolpc img { width: 100%;}

body.reinehome div.logolpc,
body.giftbody div.logolpc,
body.info div.logolpc,
body.shop div.logolpc,
body.flower div.logolpc,
body.products div.logolpc {
position: absolute;
z-index: 10;
width: 100%;
text-align: center;
left: 0;
top: 85px;
}

body.reinehome div.logolpc { top: 25px; }

body.reinehome header.wp-block-template-part
{ display: none!important; }

body.imagepage div.logolpc img,
body.reinehome div.logolpc img,
body.giftbody div.logolpc img,
body.info div.logolpc img,
body.shop div.logolpc img,
body.flower div.logolpc img,
body.products div.logolpc img {
width: 250px;
height: auto;
}


body.single div.logolpc img,
body.single div.logolpc img

{
width: 250px;
height: auto;
}

/**** sakura koko *****/

#photos .logolpc {
position: absolute;
z-index: 10;
}

/**** sakura *****/

.special #photosub .logolpc,
.elegant #photosub .logolpc,
.sweet #photosub .logolpc,
.mix #photosub .logolpc {
left: 100px;
bottom: 120px;
}
.passion #photosub .logolpc {
left: 100px;
top: 110px;
}

.special #photosub h1,
.elegant #photosub h1,
.sweet #photosub h1,
.mix #photosub h1 {
left: 150px;
bottom: 40px;
color: #fff;
}
.passion #photosub h1 {
left: 150px;
top: 170px;
}
#photosub h1 {
font-size: 2.4em;
line-height: 0.8em;
padding: 0;
margin: 0;
}
#photosub h1 span {
font-size: 0.7em;
}

.footbox {
padding-top: 130px;
background-color: #fafafa;
}

.sitemap {
display: block;
padding: 15px 0 0 10%;
width: 80%;
height: 50px;
}
.sitemap a {
display: block;
float: left;
border: 1px solid #cccccc;
border-radius: 6px;
background-color: #fff;
}

.sitemap a {
width: calc(20% - 12px);
margin: 0 5px;
}
.sitemap a {
height: 25px;
padding: 10px 0 0 0;
font-size: 0.7em;
line-height: 1.5em;
}

/***********************************************************************footer******************************************************************************/

.logof img {
width: 20%;
height: auto;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- media ----------*/

header {
height: 50px;
}
body.index header {
height: 0px;
}
body.shop header,
body.info header,
body.order header,
body.faq header,
body.bridal header {
height: 50px;
}

#photos .swiper-slide img {
width: 100%;
height: auto;
}

.logos {
font-size: 1.4em;
line-height: 1.4em;
}

ul.tablelike.pref li.thbox {
width: 20%;
}
ul.tablelike.pref li.tdbox {
width: 10%;
}
body.info ul.tablelike.pref li.thbox.brn {
height: 50px;
}
body.info ul.tablelike.pref li.tdbox {
width: 79%;
text-align: left;
padding-left: 1%;
}
body.info ul.tablelike.pref li.tdbox.brn {
width: 9%;
text-align: left;
padding-left: 1%;
height: 50px;
}
body.info ul.tablelike.pref li.tdbox.add {
width: 69%;
text-align: left;
padding-left: 1%;
}

ul.tablelike.salon li.tdbox {
}

ul.tablelike.salon li.bono {
border-bottom: 0px solid #ffffff;
}
ul.tablelike li.end {
float: none;
clear: left;
border-bottom: 1px solid #cccccc;
}

body.info ul.tablelike li.end.bono {
float: none;
clear: left;
border-bottom: 0px solid #cccccc;
}

/***** 1200 *****/

@media screen and (min-width: 1200px) {
header {
height: 50px;
}
header {
width: 1200px;
margin: 0 auto;
left: 50%;
margin-left: -601px;
}
header div.crimson {
font-size: 2.8em;
line-height: 1em;
top: 90px;
}
.logos {
font-size: 1.6em;
line-height: 1em;
}

section,
header {
border-left-width: 1px;
border-left-style: solid;
border-left-color: #cccccc;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #cccccc;
}

body.archive header,
body.single header { border: none; }

header {
background-color: hsla(0,100%,50%,0.20);
padding: 0 0 0 -10px;
}

.orgsection,
footer,
section {
width: 1200px;
margin: 0 auto;
}

.footbox {
padding-top: 170px;
}
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- media ----------*/
header ul {
display: grid;
grid-template-columns: repeat(5, 1fr);
}

header ul li {
border-color: #cccccc;
border-style: solid;
border-width: 0px 1px 1px;
display: block;
text-align: center;
margin: 0 5px;
font-size: 0.75em;
line-height: 1em;
background-color: #fff;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
}

header ul li a {
display: block;
height: 24px;
padding: 10px 0 0 0;
}

body.index header ul li.c00,
body.special header ul li.c01,
body.passion header ul li.c03,
body.elegant header ul li.c02,
body.sweet header ul li.c04,
body.mix header ul li.c05,
body.allphotos header ul li.c07 {
background-color: #eee;
}

body.index #fixed-top a.c00,
body.special #fixed-top a.c01,
body.passion #fixed-top a.c02,
body.elegant #fixed-top a.c06,
body.sweet #fixed-top a.c03,
body.mix #fixed-top a.c04,
body.allphotos #fixed-top a.c07 {
background-color: #eee;
}

/**/

body.giftbody .sitemap a.ft01,
body.flower .sitemap a.ft02,
body.products .sitemap a.ft03,
body.shop .sitemap a.ft04,
body.info .sitemap a.ft05 {
background-color: #eee;
}

/************************************************ photos **********************************************/

.indexlogolpc--- { padding-top: 100px }

body.index #photosub {
background-image: url(../image/concept.jpg);
}

/************************* logo ***************************/

.logos {
text-align: right;
position: absolute;
z-index: 200;
font-family: "Crimson", serif;
letter-spacing: 0.05em;
width: 95%;
bottom: 5%;
right: 5%;
}
.logos.index {
top: 25%;
left: 0%;
text-align: center;
width: 95%;
padding: 0 0 0 5%;
}
.logos.index span.Tpgrh {
font-size: 0.7em;
line-height: 1.2em;
display: block;
}

.logom { width: 60%; margin: 0 auto; }

.logom a { width: calc(50% - 0px); display: inline-block; }
.logom a.reinedeban { display: none; }
body.bonpetit a.reinedeban { display: inline-block; }
body.bonpetit a.memorialban { display: inline-block; }
body.bonpetit a.bonpetitban { display: none; }
.logom a.reinedeban img { border: 1px solid #ee848c; margin: 20px 20px 0 0; }
.logom a.memorialban img { border: 1px solid #ee848c; margin: 20px 20px 0 0; }
.logom a.bonpetitban img { border: 1px solid #71aa69; margin: 20px 0 0 20px }

body.bonpetit .logom a.memorialban img { margin: 20px 0 0 20px!important; }

#pro-list {
margin: 100px 0;
text-align: center;
}
#allphotos #pro-list {
margin: 100px 0 50px;
}

#photosub {
width: 100%;
height: 600px;
padding: 0;
margin-bottom: 50px;
}
body.index #photosub {
height: 550px;
background-size: 100% auto;
background-position: center center;
padding: 50px 0 0 0;
}

body.special #photosub {
background-size: cover;
background-position: center center;
}
body.elegant #photosub {
background-size: cover;
background-position: center center;
}
body.passion #photosub {
background-size: cover;
background-position: center center;
}
body.sweet #photosub {
background-size: cover;
background-position: center center;
}
body.mix #photosub {
background-size: cover;
background-position: center center;
}

#photos .swiper-container {
}

#photos .swiper-pagination {
height: 10px;
bottom: 40px;
left: 0;
}
#photos .swiper-pagination-bullet {
width: 10px;
height: 10px;
margin: 10px;
}

/******************************************************************************* multi *********************************************************************************/

#multi .swiper-pagination {
height: 20px;
}
#multi .swiper-pagination-bullet {
width: 10px;
height: 10px;
}
#multi .swiper-pagination-bullet {
margin: 0 45px 0 45px;
}

#multi .colsel {
padding: 10px 0 0 0;
}

#multi .swiper-container {
margin: 0;
padding: 30px 0;
}

.wide,
.ending {
margin: 0 0 50px 0;
}

/******************************************************************************* h1box *********************************************************************************/

.h1box {
padding: 0 0 20px 0;
}
#index .h1box {
padding: 30px 0 30px 0;
}
.spacer-box {
height: 100px;
}
.spacer-box2 {
padding: 30px 0;
}

#index h3 {
padding: 20px 0 20px 0;
}
#index h3.tubet {
padding: 0px 0 20px 0;
}

#multi h4 {
padding: 50px 0 10px 0;
}

.id-box {
height: 50px;
margin: 0 0 50px 0;
}
.id-box#zb-box {
height: 50px;
margin: 0 0 50px 0;
}
.id-box#qb-box {
height: 0;
margin: 0 0 0 0;
}
.id-box#r-box {
height: 50px;
margin: 0 0 0 0;
}

.read {
font-size: 1em;
line-height: 1em;
}

h1 span.Tpgrh,
h2 span.Tpgrh,
h3 span.Tpgrh,
.read span.Tpgrh {
text-align: center;
display: block;
}

body.giftbody h3 span.Tpgrh { text-align: left; }

#allproducts h3 {
margin: 50px !important;
height: 100px;
background-color: #f00;
}

#photosub h1 span.Tpgrh { text-align: left; display: block; }
#photosub h2 span.Tpgrh { display: inline; font-size: 1.4em; }
body.index #photosub h2 span.Tpgrh { font-size: 1.2em; }
body.index .h1box h2 { font-size: 1.6em }
.blogimgs h2 { font-size: 1.62em }

.border-box { height: 10px; margin: 20px 0 20px 0; }

body.flower h2 span.Tpgrh {
font-size: 0.8em;
line-height: 1em;
}

/**********************************************************************  card  *******************************************************************************/

.card-box {
text-align: center;
display: table;
width: 90%;
margin: 0 5%;
}

.card-box.qb,
.card-box.g2022 {
width: 45%;
margin: 0 27.5%;
}

.card-box.tb,
.card-box.zz {
width: 66.66%;
margin: 0 16.6%;
}
.card {
width: calc(25% - 10px);
height: auto;
float: left;
margin: 0 5px 10px 5px;
}
.card.nocont {
width: calc(16.666% - 10px) !important;
height: auto;
float: left;
margin: 0 5px 10px 5px;
}

.card-box.qb .card,
.card-box.g2022 .card {
width: calc(50% - 10px);
}

.card-box.tb .card {
width: calc(33.333% - 10px);
}

.card .nolink,
.card a {
padding: 20px 0;
}
.card .nolink img,
.card a img {
width: 80%;
height: auto;
}

.gift-box,
.present-box {
width: 80%;
margin: 10px 10% 10px 10%;
}

ul.flower,
ul.flocolor {
float: left;
}
ul.flower {
width: 35%;
background-size: 20% auto;
padding: 0 3% 0 12%;
min-height: 120px;
}
ul.flocolor {
width: 33%;
background-size: 15% auto;
padding: 0 3% 0 8%;
min-height: 100px;
}

.gift {
width: calc(25% - 20px);
height: auto;
float: left;
margin: 10px 10px;
padding: 0 0 10px 0;
font-size: 0.8em;
line-height: 1.2em;
}

.gift img {
width: 100%;
padding: 0 0 5px;
}

.present .precp {
width: calc(40% - 20px);
float: left;
margin: 0 10px 0;
margin-top: 20px;
}

.present .prepro {
width: calc(20% - 10px);
float: left;
margin: 0 0 10px 10px;
}

.prepro img {
width: 80%;
height: auto;
padding: 10px 10% 5px;
}

div.product img {
padding: 0 0 10px 0;
}

/*********************************** tube ***********************************/

div.product {
/*background-color: #eee*/
}

div.product.lft,
div.product.ctr {
float: left;
}
div.product.rgt {
float: right;
}

#tcv div.product {
width: 74%;
margin: 0 15%;
}
#tbn div.product {
width: 70%;
margin: 0 15%;
}
#tai div.product {
width: 62%;
margin: 0 19%;
}

/************************* bowl ***************************/

#cf div.product,
#bn div.product {
width: 46%;
margin: 0 27%;
}
#cv div.product {
width: 52%;
margin: 0 24%;
}
#bl div.product {
width: 46%;
margin: 0 27%;
}

#an div.product.lft {
width: 38%;
margin: 0 0 0 12%;
}
#an div.product.rgt {
width: 38%;
margin: 0 12% 0 0;
}

#as div.product.lft {
width: 33%;
margin: 0 0 0 17%;
}
#as div.product.rgt {
width: 33%;
margin: 0 17% 0 0;
}

/************************* cube ***************************/

#qb div.product.lft {
width: 45%;
margin: 0 0 0 5%;
}
#qb div.product.rgt {
width: 45%;
margin: 0 5% 0 0;
}

/************************* dome ***************************/

#g div.product.lft {
width: 35%;
margin: 0 0 0 15%;
}
#g div.product.rgt {
width: 35%;
margin: 0 15% 0 0;
}

#st div.product.lft {
width: 30%;
margin: 0 0% 0 20%;
}
#st div.product.rgt {
width: 30%;
margin: 0 20% 0 0%;
}

#r div.product.lft {
width: 25%;
margin: 50px 0% 0 25%;
}
#r div.product.rgt {
width: 25%;
margin: 50px 25% 0 0%;
}

/**************************** sui  ***************************/

#xa div.product.lft {
width: 33%;
margin: 0 0% 0 17%;
}
#xa div.product.rgt {
width: 33%;
margin: 0 17% 0 0%;
}

#xb div.product.lft {
width: 40%;
margin: 0 0% 0 10%;
}
#xb div.product.rgt {
width: 40%;
margin: 0 10% 0 0%;
}

div.product.small-box {
border: 1px solid #cccccc;
border-radius: 16px;
padding: 20px;
font-size: 0.7em;
line-height: 1em;
}

div.product.small-box p.Tpgrh {
padding: 10px 0 0 0;
}

.spec.senkeshi ul {
text-align: justify;
margin: 0 20%;
}

.two-block {
margin: 50px 9% 50px 11%;
background-color: hsla(85,100%,50%,0.00);
}

.gift {
}

.bridalbox,
.orderbox {
padding: 0 10%;
font-size: 0.8em;
line-height: 2em;
}

body.order .orderbox,
body.faq .orderbox,
body.info .orderbox {
padding: 0 15%;
}

div.anch {
clear: both;
float: none;
display: block;
height: 20px;
font-size: 0.8em;
padding: 50px 0 0 0;
}
div.anch a {
display: block;
float: left;
padding: 10px 0;
color: #999;
}
div.anch a.anch-up {
display: block;
float: right;
}

ul.tablelike.salon {
width: 49%;
float: left;
margin: 0 5px 5px 0;
}
ul.tablelike.salon li.thbox {
border-top: 1px solid #cccccc;
}

.kazai {
width: 16%;
padding: 0 2%;
margin: 20px 0;
}

.bribt a {
width: 40%;
height: 40px;
padding: 10px 0 0 0;
margin: 20px auto 20px auto;
}

/************************* info ***************************/

dl.toiawase dt,
dl.toiawase dd {
float: left;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #cccccc;
padding: 0 0 0 0;
margin: 0 0 30px 0;
height: 50px;
}
dl.toiawase dt.bikou,
dl.toiawase dd.bikou {
height: 140px;
}
dl.toiawase dt.clear-box,
dl.toiawase dd.clear-box {
float: none;
clear: both;
width: 100%;
}

dl.toiawase dt {
width: 25%;
}
dl.toiawase dd {
width: 74%;
}

dl.toiawase dd input.meru {
width: 60% !important;
}
dl.toiawase dd input.nama {
width: 40% !important;
}
dl.toiawase dd input.pos {
width: 30% !important;
}
dl.toiawase dd input.add {
width: 80% !important;
}
dl.toiawase dd textarea.you {
width: 90% !important;
}
dl.toiawase dd textarea.you {
height: 100px !important;
}

.wp-block-template-part { background-color: hsla(0,100%,50%,0.00); }
.orgheader { background-color: hsla(85,100%,50%,0.00); }

.orgsection { background-color: hsla(212,100%,50%,0.00); padding-left: 12px }

body.info h1 { font-size: 2em }

.homebox { padding: 50px 0; }

.cpcr span { display: inline-block; }
.cpcr span.jatxt { font-size: 1.2em; vertical-align: 5px; padding: 0 15px 0 0 }
.cpcr span.mailicon { vertical-align: -1px; padding: 0 0 0 15px }

.sitemapsub  { padding: 20px 0 10px; }
.sitemapsub span { display: inline-block; padding: 0 5px; color: #ee848c; font-size: .6em; vertical-align: .2em }

img.mailicon { width: 30px!important; max-width: 30px!important; }

.teltxt { font-size: 2em }

body.bonpetit section { border: none;  }
body.bonpetit section .bonpetitwrap { width: 70%; margin: 50px auto 0; }
body.bonpetit section .bonpetitwrap img { max-width: 100%; }
body.bonpetit section .bonpetitwrap .bt img { max-width: 33.333%; }
body.bonpetit section .bonpetitwrap .btb img { max-width: 31%; }
body.bonpetit section .bonpetitwrap .btb img.waku { max-width: 3.5%; }

.bloglist { width: 90%; margin: 50px auto; padding-bottom: 50px }

.homelinks h2 { font-size: 1.4em; line-height: 1.6em; padding: 0 0 20px; }
.homelinks h3 { font-size: 1.2em; line-height: 1.2em; padding: 20px 0 20px; }

.homelink { float: left; width: 30%; margin: 0 1.666666% 0; }
.homecopy h1 span.Tpgrh { display: inline!important; }
.homecopy p span.Tpgrh { display: block; }
.homelinks p span.Tpgrh { display: block; }

a.clickbt { position: absolute}

#photos .swiper-slide { position: relative; }
a.clickbt { position: absolute; z-index: 1;  width: 100px }
a.clickbt.reine { top: 24%; left: 14%; }
a.clickbt.memorial { bottom: 5%; right: 5%; }
a.clickbt.bonpetit { top: 40%; left: calc(50% - 50px); }

a.clickbt img { width: 100px }
.readmorebt img { width: 100px }

.blogimgs { width: 70%!important; margin: 50px auto 0; }
.blogimgs img { max-width: 100%!important; }

p.kazari { width: 20%!important; margin: 20px 40% 20px; text-align: center; }
p.kazari img { max-width: 100%!important; width: 100%!important; }

.bonpetisns h4 { font-size: 1.2rem }