@import url("css-Cinzel.css");
@import url("css-CrimsonText.css");
@import url(swiper.css);
@import url(layout.css);

html {
    font-size: 100%;
}
html {
    height: 100%;
}
.orgfooter,
body,
section

{
    color: #555555;
    text-align: center;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3",
        "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-weight: normal;
}
body {
    height: 100%; background-color: #fff!important; 
}

a:link,
a:active,
a:hover,
a:focus {
    outline: none!important;
    -moz-outline-style: none;
    text-decoration: none!important; 
}

body,
img,
div,
p,
ul,
li,
h3,
h4,
#photos {
    margin: 0;
    padding: 0;
}

img { vertical-align: bottom }

.clear-box {
    clear: both;
    float: none;
    margin: 0;
    padding: 0;
}
.clearfix:after {
    content: "";
    display: block;
    clear: both;
}
.clearfix {
    zoom: 1; /* for IE6/7 */
}

a {
    text-decoration: none;
    color: #555555;
}

.Tpgrh {
    font-family: "Crimson", "hnm", serif;
    /**-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; **/
}

body.single h1,
body.archive .entry-content p,
body.archive h1,
body.archive h2,
body.shop h2,
body.shop h3,
body.single h1,
body.single .entry-content p,
.hnmblog
{
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3",
"Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-weight: normal;
-moz-font-feature-settings: 'palt' 1; -webkit-font-feature-settings: 'palt' 1; font-feature-settings: 'palt' 1;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; 
letter-spacing: .05em; text-align: justify!important 
}

.yumincho,
body.shop h2,
body.shop h3
{
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3",
"Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-weight: normal; text-align: center!important; padding-bottom: 8px; 
-moz-font-feature-settings: 'palt' 1; -webkit-font-feature-settings: 'palt' 1; font-feature-settings: 'palt' 1;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; 
}

body.single .entry-content p { padding-top: 15px}
body.archive h1 { text-align: center!important; }


.cinzel {
    font-family: "Cinzel", serif;
    text-transform: uppercase;
    letter-spacing: 0.2em;
}

.usui {
    color: #ccc;
}
.blk {
    color: #000 !important;
}

.spec a,
.orderbox a,
ul.salon .thbox a,
ul.salon .tdbox a,
.hissu {
    color: #ee848c;
}

img {
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
}

.sp_br {
    display: none;
}


/*2024*/

.orgmain img { max-width: 100%!important }

@media screen and (max-width: 800px) {
    .pc_br {
        display: none;
    }
    .sp_br {
        display: block;
    }
}

/**********************************************************************list*******************************************************************************/

ul,
li {
    text-align: left;
    list-style: none;
}

ul.arrowlist li {
    padding-left: 1.5rem;
    position: relative;
}
ul.arrowlist li:before,
ul.arrowlist li:after {
    content: "";
    display: block;
    position: absolute;
}
ul.arrowlist li:before {
    width: 12px;
    height: 12px;
    border-radius: 2px;
    background: #ccc;
    left: 0;
    top: 5px;
}
ul.arrowlist li:after {
    border: 3px solid transparent;
    border-left-color: #fff;
    left: 5px;
    top: 8px;
}

/********************************************************************** h1*******************************************************************************/

h1 span.Tpgrh,
h2 span.Tpgrh,
h3 span.Tpgrh,
.read span.Tpgrh {
    font-family: "Crimson", "hnm", serif;
    padding: 10px 0 0 0;
}

body.info h3 span.Tpgrh {
    padding: 5px 0 0 0;
}

.spec span.Tpno {
    text-align: center;
    display: block;
}

h1,
h2,
h3,
h4 {
    font-weight: normal;
}
h1 {
    font-size: 1.5em;
    line-height: 1em;
}
h2 {
    font-size: 1.4em;
    line-height: 1em;
}

#order h2 {
    font-size: 1.3em;
}
h3 {
    font-size: 1.2em;
}
h4 {
    font-size: 1.2em;
    line-height: 1.2em;
}

.bridalbox h2,
.orderbox h2 {
    background-color: #999;
    color: #fff;
    font-size: 1.4em;
    clear: both;
    float: none;
}

.orderbox h3 {
    border: 2px solid #cccccc;
    font-size: 1.1em;
    clear: both;
    float: none;
}

.orderbox h3.crimson {
    border: 1px solid #cccccc;
    font-size: 1.6em;
}

.bridalbox h3 {
    border-top: 6px solid #999;
    font-size: 1.2em;
    clear: both;
    float: none;
}



.crimson {
    font-family: "Crimson", serif;
    letter-spacing: 0.03em; 
}



h3.crimson {
    font-family: "Crimson", serif;
    margin-top: 20px; margin-bottom: 20px
}
.crimson span.Tpgrh {
    letter-spacing: 0em;
}

.h-kakomi {
    border: 3px solid #cccccc;
    border-radius: 6px;
}

.h-kakomi h2 {
    font-size: 1em;
}

.h-kakomi div {
}

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

.sitemap a {
    display: block;
    float: left;
    border: 1px solid #cccccc;
    border-radius: 6px;
}

header {
    width: 100%;
    left: 0;
    top: 0;
    z-index: 10;
/**     background-color: hsla(359,100%,50%,0.2)!important**/
}
header nav {
    z-index: 100;
}

/***** pc *****/
@media screen and (min-width: 641px) {
}
/***** Sp *****/
@media screen and (max-width: 640px) {
}

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

footer {
    display: block;
    clear: both;
    float: none;
    text-align: center;
    position: relative;
    padding: 20px 0 50px 0;
}

.cpcr {
    font-size: 0.7em;
    line-height: 1.4em;
    letter-spacing: 0.05em;
}

.cpcr .crimson {
    font-size: 2em;
    line-height: 1.6em;
    letter-spacing: 0em;
}

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

#photos {
    position: relative;
}
#photos .logol--- {
    pointer-events: none;
}
.ban2021 {
    position: absolute;
    z-index: 1000;
}
.ban2021 a {
    display: block;
    transition: 1s;
}
.ban2021 a img {
    width: 100%;
    height: auto;
}
.ban2021 a:hover {
    opacity: 0.7;
}

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

#photos .swiper-pagination {
    position: absolute;
}

.logos {
    text-align: left;
    position: absolute;
    z-index: 200;
    font-family: "Crimson", serif;
}
.logos {
    color: #ffffff;
}

.logom a img,
.half-block img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
}

#photosub {
    width: 100%;
    position: relative;
    background-repeat: no-repeat;
}

#photosub h1 {
    position: absolute;
    z-index: 10;
    text-align: left;
    color: #fff;
    letter-spacing: 0.05em;
    padding: 0;
    margin: 0;
}

body#index #photosub {
    /*border-top-width: 1px;border-top-style: solid;border-top-color: #CCCCCC;*/
}
body.special #photosub {
    background-image: url(../image/Special_thumbnail.jpg);
}
body.elegant #photosub {
    background-image: url(../image/Elegant_thumbnail.jpg);
}
body.passion #photosub {
    background-image: url(../image/Passion_thumbnail.jpg);
}
body.sweet #photosub {
    background-image: url(../image/Sweet_thumbnail.jpg);
}
body.mix #photosub {
    background-image: url(../image/Mix_thumbnail.jpg);
}

body.elegant #photosub h1,
body.mix #photosub h1 {
    color: #000;
}

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

#multi {
    width: 100%;
    padding-bottom: 0px;
}
#multi .swiper-slide {
    width: 100%;
}
/*#multi .swiper-slide div img {width: 100%;height: auto;}


/**********************************************************************まとめ*******************************************************************************/

/**********************************************************************thumb*******************************************************************************/

.bunch-box {
    border: 1px solid #cccccc;
    border-radius: 16px;
}

/***********************************************************************border******************************************************************************/

.border-box {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #cccccc;
}
.footbox {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #cccccc;
}
.senkeshi {
    border-bottom-width: 0;
}
section {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #cccccc;
    position: relative;
}

.swiper-container {
    position: relative;
}

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

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

/**********************************************************************table*******************************************************************************/

table {
    margin: 5px auto;
}
th,
td {
    font-size: 1em;
}
th {
    text-align: left;
    font-weight: normal;
}

/***************************************font*****************************************/

@font-face {
    font-family: "hnm";
    font-style: normal;
    src: url("../font/hnm.eot");
    src: url("../font/hnm.eot") format("embedded-opentype"),
        url("../font/hnm.woff") format("woff"),
        url("../font/hnm.ttf") format("truetype"),
        url("/common/webfonts/hnm.otf") format("opentype");
}

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

#photos .swiper-container {
    width: 100%;
    overflow: hidden;
}

#photos .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

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

h1.crimson {
    font-size: 1.5em;
    line-height: 1.5em;
}
h1.crimson span.Tpgrh {
    font-size: 0.8em;
    line-height: 1em;
}

#multi h2 {
    font-size: 1.6em;
    line-height: 1.6em;
}

.product h3 {
    font-size: 1.5em;
    line-height: 1.5em;
    padding: 10px 0 5px 0;
}

.product h3.hinban {
    display: table;
    margin: 0 auto;
}
.product h3.hinban.new {
    background-image: url(../image/new.png);
    background-repeat: no-repeat;
    background-position: right 14px;
    background-size: auto 1em;
    padding-right: 40px;
}

.card h4.hinban {
    display: table;
    margin: 0 auto;
}
.card h4.hinban.new {
    background-image: url(../image/new.png);
    background-repeat: no-repeat;
    background-position: right 2px;
    background-size: auto 1em;
    padding-right: 32px;
}

.orderbox h2 {
    font-size: 1.2em;
    line-height: 1.2em;
    padding: 8px 0 7px 0;
    color: #fff;
}

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

#multi .swiper-slide {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

div.product {
    float: none;
    font-size: 0.8em;
    line-height: 1.5em;
}
div.product {
    float: none;
    font-size: 0.8em;
    line-height: 1.5em;
    max-width: 600px;
    margin: 0 auto;
}
div.product .price {
    font-size: 1.5em;
}

div.product img {
    width: 70%;
    height: auto;
}
div.product span.Tpno {
}

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

.card .nolink,
.card a {
    color: #333333;
    font-weight: normal;
}

.card {
    font-size: 0.7em;
    line-height: 1.4em;
}
.card .pri {
    font-size: 1.2em;
    line-height: 1.4em;
}
.card h4 {
    font-size: 1.4em;
    line-height: 1.4em;
}

.card .nolink,
.card a {
    display: block;
    border: 1px solid #cccccc;
    border-radius: 6px;
}

.present {
    border-top: 1px dotted #cccccc;
    padding: 10px 0 0 0;
}
.present .precp {
    text-align: left;
    font-size: 0.75em;
    line-height: 1.6em;
}
.present h3 {
    font-size: 1.4em;
    line-height: 1.5em;
}
.present .prepro {
    font-size: 0.7em;
    line-height: 1.2em;
}
.present .prepro a {
    padding: 10px 0 10px 0;
    display: block;
    border: 1px solid #cccccc;
    border-radius: 6px;
}

.gift#nhouse {
    background-color: #eadcc3;
}
.gift#haha {
    background-color: #c3d3da;
}
.gift#birth {
    background-color: #debcb0;
}
.gift#opn {
    background-color: #d3ddac;
}
.gift#keiro {
    background-color: #e0dad3;
}
.gift#xmas {
    background-color: #e5bcb8;
}
.gift#wedd {
    background-color: #dfdbd3;
}
.gift#teinen {
    background-color: #dbe7f5;
}
.gift#iwai {
    background-color: #dccdb4;
}
.gift#mimai {
    background-color: #c3ddc2;
}
.gift#kanreki {
    background-color: #e7dcc7;
}
.gift#wday {
    background-color: #ddaaaf;
}

/***************************************************** flower *******************************************************/

.flower-box {
}

ul.flower,
ul.flocolor {
    background-image: url(../image/roser.jpg);
    background-repeat: no-repeat;
    background-position: left top;
}

ul.flower li.thbox,
ul.flocolor li.thbox {
    font-size: 0.9em;
    line-height: 1.5em;
}
ul.flower li.tdbox,
ul.flocolor li.tdbox {
    font-size: 0.7em;
    line-height: 1.5em;
    padding: 2px 0 0 0;
}

ul.flower li.tdbox {
    border-top: 1px solid #cccccc;
}
ul.flocolor li.thbox {
    border-bottom: 1px solid #cccccc;
}

ul.flower a {
    display: block;
    float: left;
    border: 1px solid #cccccc;
    border-radius: 2px;
    margin: 4px 4px 0 0;
    padding: 2px 2px;
    font-size: 0.8em;
    line-height: 1em;
}

body.flower ul.flower li.tdbox a {
    border: 1px solid #f00; display: none;

}


ul.flower#rosew {
    background-image: url(../image/rosew.jpg);
}
ul.flower#rosep {
    background-image: url(../image/rosep.jpg);
}
ul.flower#cattleya {
    background-image: url(../image/cattleya.jpg);
}
ul.flower#phalaenopsis {
    background-image: url(../image/phalaenopsis.jpg);
}
ul.flower#eustoma {
    background-image: url(../image/eustoma.jpg);
}
ul.flower#freesia {
    background-image: url(../image/freesia.jpg);
}
ul.flower#gypsophila {
    background-image: url(../image/gypsophila.jpg);
}
ul.flower#delphinium {
    background-image: url(../image/delphinium.jpg);
}
ul.flower#chidori {
    background-image: url(../image/chidori.jpg);
}

ul.flocolor#redd {
    background-image: url(../image/red.jpg);
}
ul.flocolor#pinkk {
    background-image: url(../image/pink.jpg);
}
ul.flocolor#whitee {
    background-image: url(../image/white.jpg);
}
ul.flocolor#bluee {
    background-image: url(../image/blue.jpg);
}
ul.flocolor#vio {
    background-image: url(../image/vio.jpg);
}
ul.flocolor#yell {
    background-image: url(../image/yell.jpg);
}

ul.flower#hana {
    background-image: url(../image/chidori.jpg);
}
ul.flower#honmono {
    background-image: url(../image/honmono.jpg);
}
ul.flower#shizen {
    background-image: url(../image/shizen.jpg);
}
ul.flower#nihon {
    background-image: url(../image/nihon.jpg);
}


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

.orderbox p {
    text-align: left;
}

table.attention {
    border-top: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
}

table.attention th,
table.attention td {
    text-align: center;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    font-size: 1em;
    line-height: 1.2em;
}

table.attention th {
    text-align: center;
    font-weight: normal;
}

table.faqList,
table.history,
table.attention {
    width: 100%;
}

table.attention th,
td {
    padding: 5px 5px;
}
table.attention th {
}

ul.tablelike.pref,
ul.tablelike.salon {
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
}

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

ul.tablelike.pref li {
    display: block;
    float: left;
    text-align: center;
}
ul.tablelike li.thbox {
    background-color: #f2f2f2;
}
ul.tablelike li.tdbox {
}
ul.tablelike li a {
    display: block;
}

ul.tablelike.salon li {
    border-bottom: 1px solid #cccccc;
}
ul.tablelike.salon li.thbox {
    width: 95%;
    padding-left: 5%;
    text-align: left;
}
ul.tablelike.salon li.tdbox {
    width: 95%;
    padding-left: 5%;
    text-align: left;
}

ul.snsp {
list-style-type: none;
}
ul.snsp li {
margin-left: 2.4em;
text-indent: -2.4em;
}

.bribt a {
    display: block;
    border: 3px solid #cccccc;
    border-radius: 8px;
    font-size: 1.2em;
    line-height: 1.5em;
    color: #555;
}

table.history,
table.history tr td,
table.history tr th {
    border: 0px;
    text-align: left;
    vertical-align: top;
    line-height: 1.5em;
    padding: 2px;
}
table.history tr th {
    width: 50px;
}

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

dl.toiawase {
    font-size: 0.75rem;
    text-align: left;
}

dl.toiawase dd.submi {
    text-align: center;
}

input {
    margin-right: 5px;
    margin-bottom: 5px;
}

textarea {
    border: 1px solid #ddd;
}

/************************* padding ***************************/

.id-box {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #cccccc;
}

/************************* anch-box***************************/
#cv-box.anch-box {
    padding-top: 100px;
    margin-top: -100px;
}
#tcv-box.anch-box {
    padding-top: 100px;
    margin-top: -100px;
}
#qb-box.anch-box {
    padding-top: 100px;
    margin-top: -100px;
}
#st-box.anch-box {
    padding-top: 100px;
    margin-top: -100px;
}
#g-box.anch-box {
    padding-top: 100px;
    margin-top: -100px;
}

.wp-site-blocks {  }
.wp-block-template-part {  }


/************************* page ***************************/

body.single .sitemap, 
body.single header.wp-block-template-part, 
body.archive .sitemap, 
body.archive header.wp-block-template-part, 
body.bonpetit header.wp-block-template-part, 
body.info header.wp-block-template-part, 
body.reinehome .sitemap, 
body.bonpetit .sitemap, 
body.info .sitemap, 
body.info .wp-block-spacer

{ display: none!important; }

section,
.wp-block-spacer,
.wp-block-group.is-layout-flow.wp-block-group-is-layout-flow,
.wp-block-group.is-layout-flow.wp-block-group-is-layout-flow
{ background-color: #fff!important; padding-top: 0; margin-top: 0; }

.homeimage { height: 50vh; background-color: #ddd }

hr.wp-block-separator { opacity: 0 }

body.index .h1box h1 { font-size: 1.6rem; margin-top: 50px }
body.index #photosub .read h2 { font-size: 1.6rem }
body.index #second h2 { font-size: 1.6rem }

.homecopy { padding: 50px 20px; }
.homecopy h1, .homecopy p { margin: 0; padding: 0; }
.homecopy h1 { font-size: 1.6em; line-height: 1.0em; padding: 0 0 20px; }
.homecopy p { font-size: 1.2em; line-height: 1.8em;  }

.homelinks { background-color: hsla(33,29%,69%,.7); }
.homelinks { padding: 20px 20px; }
.homelinks img { width: 100%; margin: 0; padding: 0; }

.homelinks h4 {
font-family:"Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
font-size: .8em; font-weight: 500; padding-top: 30px }

.homelink p { padding: 0; margin: 0; }
.homelink p span.Tpgrh { font-size: .9em; }
.homelink p.mida span.Tpgrh { font-size: 1.1em; padding-bottom: 10px }
.homelink p.honbun { padding-bottom: 40px }
.homelink#bonpetit p.honbun { padding-bottom: 17px }

.homelink a { display: block; }

.homelink a { display: block; background-color: hsla(0,0%,100%,1); padding: 15px; }
.homelink p { margin: 0; padding: 0  }
.homelink p.shoplogos {  }
.homelink p.shoplogos a { display: inline-block; }

.homelink p.shoplogos a img,
.bonpetisns p.shoplogos a img { width: 100%; }

.homelink p.shoplogos a.ofsp,
.homelink p.shoplogos a.rakuten,
.homelink p.shoplogos a.yahoo,
.homelink p.shoplogos a.creema,
.homelink p.shoplogos a.minne
{ background-color: hsla(0,0%,100%,1.00); width: 30%; margin-top: 10px; padding: 2.5% 15% 2%; border: 1px solid #ee848c; border-radius: 6px }

.homelink p.shoplogos a.ofsp { width: 50%; padding: 2.5% 5% 2%; }
.homelink p.shoplogos a.yahoo { width: 50%; padding: 3% 5% 2%; }


.homelink p.shoplogos a.creema,
.homelink p.shoplogos a.minne { padding: 2.5% 15% 3%; }

.homelinks .alt {
font-family:"Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
font-size: 1em; font-weight: 500; padding-top: 30px }

.homelink p.shoplogos a.yahoo img, 
.homelink p.shoplogos a.rakuten img, 
.homelink p.shoplogos a.creema img, 
.homelink p.shoplogos a.minne img 
{ display: none; }

.homelink p.shoplogos a.creema,
.homelink p.shoplogos a.minne { font-size: 1.2em; letter-spacing: .1em }

/*
.homelink p.shoplogos a.ofsp { width: 56%; top: 5%; left: 21%; }
.homelink p.shoplogos a.rakuten { width: 33%; top: 55%; left: 21%; }
.homelink p.shoplogos a.yahoo { width: 52%; top: 60%; left: 21%; }
.homelink p.shoplogos a.creema { width: 37%; top: 60%; left: 21%; }
.homelink p.shoplogos a.minne { width: 30%; top: 56%; left: 21%; }
*/
.homelink p.shoplogos a.instagram,
.homelink p.shoplogos a.facebook

{ width: 11%; background-color: hsla(0,0%,100%,.00); padding: 30px 10px 20px; border: none; }

.bonpetisns{ width: 100%; padding-top: 50px; padding-bottom: 50px }
.bonpetisns p.shoplogos a { display: inline-block; }

.bonpetisns p.shoplogos a.instagram, .bonpetisns p.shoplogos a.facebook 
{ width: 60px; background-color: hsla(359,100%,50%,0.0); padding: 40px 10px 20px; border: none; }

.bonpetisns p.shoplogos a img, .bonpetisns p.shoplogos a img { width: 100%; }

body.reinehome .logom { display: none; }

.colre { color: #ee848c; }
.colmb { color: #917233; }
.colbp { color: #71aa69; }

body.bonpetit img { margin: 0!important;padding: 0!important; }
body.bonpetit.bonpetitlp .orgfooter { display: none!important; }

body.shop .bridalbox .anch { display: none; }
body.shop .pb2024 { padding-bottom: 50px; }