.pc ,.sitemap, .anch, div.logolpc
{ display: none!important; }

.kg { display: block}

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

.ban2021 { left: 0px; bottom: 20px; height: 60px; width: 100% }
.ban2021 a img { height: 60px; width: auto; }

header { position: fixed; z-index: 100; }
header { padding: 13px 0 0 0;background-color: hsla(0,0%,100%,.9); position: fixed; height:40px;}


div.logolsp{
	position: absolute;
	z-index: 10;
	width: 50%!important;
	margin: 0 25% 0 25%;
	text-align: left;
	top:10px;
	left:0;
    opacity: 1;
    background-color: hsla(359,100%,50%,0.00);
	}
div.logolsp img{ max-width: 100%!important; }

#photos .logos
{
	text-align: left;
	position: absolute;
	z-index: 200;
	font-family: 'Crimson', serif;
	letter-spacing: 0.05em;
	bottom: 15px;left: 15px;
}

#photos .logos.spblk { color: #000 }


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

.index #photos .swiper-container  { padding-bottom: 120px }

#photos .swiper-container { height:350px;}
#photos .swiper-slide { height:270px; margin: 50px 0 0 0}
#photos .swiper-slide img { height: auto; width:100% ;}
#photos div.logolsp  { display: none;}

#pro-list { margin: 50px 0; }
#allphotos #pro-list { margin: 50px 0 20px; }

#photosub { width: 100%; height:300px; background-size: auto 100%; background-position: center center; padding: 0px 0; margin: 55px 0 30px 0; }


.swiper-bg,
#multi .swiper-pagination
{
background-position: center -10px;
background-size: auto 80px;
}

.swiper-bg,
#photos .swiper-pagination{height: 80px;top: 330px;left: 0;}
#photos .swiper-pagination-bullet {width: 10px; height: 10px;margin: 0 10px;}

.reinehome #photos .swiper-container { height:80vw; margin: 55px 0 0 0!important ; background-color: #fff; }
.reinehome #photos .swiper-slide { height:80vw; margin: 0 0 0 0!important ; background-color: #fff; }
.reinehome #photos .swiper-slide { position: relative; }
.reinehome #photos .swiper-pagination { top:calc(80vw - 30px) ;}

a.clickbt { position: absolute; z-index: 1;  width: 100px }
a.clickbt.reine { top: 20%; left: 14%; }
a.clickbt.memorial { bottom: 2%; right: 6%; }
a.clickbt.bonpetit { top: 37%; left: calc(50% - 50px); }


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

#multi .swiper-pagination{height: 80px;}
#multi .swiper-pagination-bullet {width: 10px;height: 10px;}
#multi .swiper-pagination-bullet {margin: 65px 35px 0 35px;}
#multi .swiper-container{ margin: 0 0; padding: 0px 0; }

.wide { margin: 0 0 50px 0 }
.id-box {height: 30px;margin: 0 0 30px 0; }

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

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

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

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

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

body#index .h1box {padding: 0 0 30px 0;}

body.info .h1box,
body.shop .h1box,
body.giftbody .h1box,
body.products .h1box,
body.flower .h1box
{ margin: 55px 0 0 0;border-top: 1px solid #CCCCCC; }

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

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


#photosub .logolsp { display:none !important }

#photosub h1 { left: 30px; bottom: 20px; font-size: 1.6em; line-height: .7em; }

#photosub h1 span.Tpgrh { font-size: .7em; text-align: left }

#photosub h2 span.Tpgrh { display: block;font-size: 1.2em; line-height: 1.4em; text-align: center }

.index h3 {padding: 10px 0 20px 0;}

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

.read { font-size: 1.1em;line-height: 1.5em;text-align: justify; margin: 0 5%}
.read span.Tpgrh{ padding: 0}

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

.gift-box,
.present-box
{
width: 90%;
margin: 10px 0% 10px  5%;
}

.card-box {
width: 90%;
margin: 10px 5% 0;
}

.card {
width: calc(50% - 22px) ;
float: left;
height: auto;
margin: 0 10px 20px ;
}

.card.db
{
display: none
}

.card .nolink,
.card a { padding: 10px 0 10px 0; }

.card .nolink img,
.card a img{width: 70%;height: auto;}

ul.flower, ul.flocolor { float: none }
ul.flower { width: 70% ; background-size: 25% auto;padding: 0 0 0 30% ; min-height: 120px; }
ul.flocolor { width: 72% ; background-size: 20% auto;padding: 0 0 0 28% ; min-height: 100px; }

.gift
{
width: 29.0%;
height: auto;
float: left;
margin: 6px;
padding: 0 0 6px 0;
font-size: 0.8em;line-height: 1.2em;
}

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

.present .precp { width: 100%;float: none;margin: 0 0 0 0; margin-top: 20px ;text-align: center }
.present h3  { margin: 0 0 10px 0; }

.present .prepro { width: 29%;float: left;margin: 20px 0 20px 10px }

.prepro img{width: 80%; height: auto;}


/************************* option ***************************/

p.plate span.Tpno { display:block;float: none;clear: both;margin: 10px 50px }


div.product p
{ width: 90%;margin: 0 5% }

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

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

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

#tbn div.product{width: 84%;margin: 0 8%;}
#tbc div.product{width: 84%;margin: 0 8%;}
#tai div.product{width: 76%;margin: 0 12%;}

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

#cf div.product,
#cv div.product{width: 66%;margin: 0 17%;}
#bl div.product{width: 58%;margin: 0 21%;}

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

#as div.product.lft{width: 42%;margin: 0 29% 30px;}
#as div.product.rgt{width: 42%;margin: 0 29% 30px;}

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

#qba div.product,
#qbb div.product{width: 66%;margin: 0 17%;}

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

#h div.product.lft{width: 40%;margin: 0 5%;}
#h div.product.rgt{width: 40%;margin: 0 5%;}

#i div.product.lft{width: 36%;margin: 0 4% 0 10%;}
#i div.product.rgt{width: 36%;margin: 0 10% 0 4%;}

#g div.product.lft{width: 40%;margin: 0 5%;}
#g div.product.rgt{width: 40%;margin: 0 5%;}

#r div.product.lft{width: 36%;margin: 0 4% 0 10%;}
#r div.product.rgt{width: 36%;margin: 0 10% 0 4%;}

#s div.product.lft{width: 30%;margin: 0 5% 0 15%;}
#s div.product.rgt{width: 30%;margin: 0 15% 0 5%;}

#ph div.product.lft{width: 30%;margin: 0 5% 0 15%;}
#ph div.product.rgt{width: 30%;margin: 0 15% 0 5%;}

#dbv div.product{width: 60%;margin: 0 20%;}

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

#qb div.product.lft{width: 46%;margin: 0 0% 0 4%;}
#qb div.product.rgt{width: 46%;margin: 0 4% 0 0%;}


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

#xa div.product.lft{width: 36%;margin: 0 4% 0 10%;}
#xa div.product.rgt{width: 36%;margin: 0 10% 0 4%;}


#xb div.product.lft{width: 46%;margin: 0 0% 0 4%;}
#xb div.product.rgt{width: 46%;margin: 0 4% 0 0%;}

/**************************** z  ***************************/

#za div.product.lft{float: left;width: 28%;margin: 0 7% 20px 15%;}
#za div.product.ctr{float: left;width: 28%;margin: 0 0% 20px 7%;}
#za div.product.rgt{float: none;width: 28%;margin: 0 17% 20px 15%;}

#zb div.product.lft{float: left;width: 28%;margin: 0 7% 20px 15%;}
#zb div.product.ctr{float: left;width: 28%;margin: 0 0% 20px 7%;}
#zb div.product.rgt{float: none;width: 28%;margin: 0 17% 20px 15%;}

/***************************************************** small *******************************************************/

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

div.product.small-box p.Tpgrh{padding: 5px 0 0 0;color:#000000 }


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


/************************* small str *************************/

#str div.product.pin{ width: 34%;margin: 0 33% ;/*total 40%*/}
#str div.product.small-box.ones{width: 15%;margin-right: 1%;/*total 40%*/}
#str div.product.small-box.ones img{width: 92%;padding: 0 4%;}

#str div.product.small-box.twos{width: 20%;margin: 0 0 0 1%;/*total 20%*/}
#str div.product.small-box.twos img{width: 40%;padding: 0 5%;}

#str div.product.waku{ border: 1px solid #CCCCCC; }


/************************* small sbr ***************************/


#sbr div.product.pin{ width: 46%;margin: 0 27% ;/*total 40%*/}
#sbr div.product.small-box.ones{width: 15%;margin-right: 1%;/*total 40%*/}
#sbr div.product.small-box.ones img{width: 90%;padding: 0 5%;}

#sbr div.product.small-box.twos{width: 20%;margin: 0 0 0 1%;/*total 20%*/}
#sbr div.product.small-box.twos img{width: 40%;padding: 0 5%;}

#sbr div.product.waku{ border: 1px solid #CCCCCC; }


/*
#str div.product.lft{ width: 40%;margin: 0 30% ;}
#str div.product.ctn{ display: none }
#str div.product.rgt{ display: none }

/************************* small sbr ***************************/

/*
#sbr div.product.lft{ width: 48%;margin: 0 26%;}
#sbr div.product.ctn{ display: none }
#sbr div.product.rgt{ display: none }

/********************************************** pressed pcr *******************************************************/

#pcr div.product.lft{ width: 60%;margin: 0 20% }
#pcr div.product.rgt{ display: none }
.yoko img {width: 70%;margin: 0 15%;}

/************************* pressed pbr ***************************/

#pbr div.product.lft{ width: 50%;margin: 0 25% }
#pbr div.product.rgt{ display: none }

/***************************************************** pettit pfr *******************************************************/

#pfr div.product.lft{width: 33%;margin: 0 3% 0 14%;}
#pfr div.product.rgt{width: 33%;margin: 0 14% 0 3%;}

/************************* pettit psr ***************************/

#psr div.product.lft{width: 25%;margin: 0 3% 0 22%;}
#psr div.product.rgt{width: 25%;margin: 0 22% 0 3%;}

/***************************************************** order bridal *******************************************************/


.two-block {margin: 50px 5%;}

.bridalbox,
.orderbox
{
padding: 0px 5%;
font-size: 0.8em;
line-height: 2.0em;
}

td span.Tpgrh {display: block}

ul.tablelike.salon{width: 99%;float: none;clear: left; margin: 0 0 10px 0}

ul.tablelike.salon {border-top: 1px solid #cccccc;}

.kazai { width: 40%; padding: 0 5% ;margin: 10px 0 }

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


header ul li {
font-size: 16px;
line-height: 16px;
}

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

.homebox { padding: 50px 0; }

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

.teltxt { font-size: 2em }

.sitemapsub { padding: 20px 0 10px; font-size: 1.2em }
.sitemapsub a { display: inline-block; padding: 5px 0 5px; }
.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; }

body.bonpetit section .bonpetitwrap { width: calc(100% - 40px); 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 { display: none!important; }

.homelinks p span.Tpgrh { display: block; }

.homelinks h2 { font-size: 1.4em; line-height: 1.6em; padding: 0; margin: 10px 0 0; background-color: hsla(359,100%,50%,0.) }
.homelinks h3 { font-size: 1.2em; line-height: 1.2em; padding: 20px 0 20px; }

.homelink { border-top: 1px dashed #fff; padding-top: 30px; margin-top: 0px; }
.homelink#reine { border-top: none; }
.homelink#bonpetit { margin-top: 30px; }

a.clickbt img { width: 100px }

.readmorebt img { width: 100px }

.bribt {  }
.blogimgs { width: 80%!important; margin: 0 auto; }
.blogimgs img { max-width: 100%!important; }

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

.bonpetisns h4 { font-size: 1.0rem }