@charset "UTF-8";

@import url("https://fonts.googleapis.com/css?family=Comfortaa&display=swap");
@import url("https://fonts.googleapis.com/css?family=Great+Vibes&display=swap");
@font-face {
font-family: "iconfont";
src: url(//kanrekiiwai.biz/wp/wp-content/themes/no18/assets/font/iconfont.eot);
src: url(//kanrekiiwai.biz/wp/wp-content/themes/no18/assets/font/iconfont.eot?#iefix) format("eot"), url(//kanrekiiwai.biz/wp/wp-content/themes/no18/assets/font/iconfont.woff) format("woff"), url(//kanrekiiwai.biz/wp/wp-content/themes/no18/assets/font/iconfont.ttf) format("truetype"), url(//kanrekiiwai.biz/wp/wp-content/themes/no18/assets/font/iconfont.svg#iconfont) format("svg");
font-weight: normal;
font-style: normal;
}   @font-face {
font-family: "Adobe Caslon Pro";
font-style: italic;
font-weight: 600;
src: url(//kanrekiiwai.biz/wp/wp-content/themes/no18/assets/font/ACaslonPro-SemiboldItalic.woff) format("woff");
}   body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
background: transparent;
}
h1, h2, h3, h4, h5, h6 {
font-size: 100%;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
nav ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
content: none;
}
a {
margin: 0;
padding: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
} ins {
background-color: #ff9;
color: #000;
text-decoration: none;
} mark {
background-color: #ff9;
color: #000;
font-style: italic;
font-weight: bold;
}
del {
text-decoration: line-through;
}
abbr[title], dfn[title] {
border-bottom: 1px dotted;
cursor: help;
}
table {
border-collapse: collapse;
border-spacing: 0;
} hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #cccccc;
margin: 1em 0;
padding: 0;
}
input, select {
vertical-align: middle;
} html {
font-size: 62.5%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
*,
*:before,
*:after {
-webkit-box-sizing: inherit;
box-sizing: inherit;
}
body {
color: #333;
word-wrap: break-word;
overflow-wrap: break-word;
-webkit-font-smoothing: subpixel-antialiased;
-moz-osx-font-smoothing: auto;
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
font-size: 1.4em;
font-weight: 500;
-webkit-font-feature-settings: "pkna" 1;
font-feature-settings: "pkna" 1;
-webkit-font-kerning: normal;
font-kerning: normal;
line-height: 1.6;
background-color: #fff;
} [lang=ja] i,
[lang=ja] cite,
[lang=ja] em,
[lang=ja] address,
[lang=ja] dfn {
font-style: normal;
} img {
max-width: 100%;
height: auto;
vertical-align: middle;
} a {
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
text-decoration: none;
color: #000;
}
a img {
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
}
a:hover {
text-decoration: underline;
color: #1380D9;
}
a:hover img {
opacity: 0.7;
} [src$=".svg"],
[data$=".svg"] { width: 100%;
} input::-ms-clear {
visibility: hidden;
} input::-ms-reveal {
visibility: hidden;
}
select, input, textarea {
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
} dd {
margin-left: 0;
} figure {
margin: 0;
} h1, h2, h3, h4, h5, h6,
ul, ol, dl,
blockquote, p, address,
hr,
table,
fieldset,
pre {
margin-top: 0;
margin-bottom: 0;
} small {
font-size: 80%;
} .text-left {
text-align: left;
}
.text-center {
text-align: center;
}
.text-right {
text-align: right;
} .align-baseline {
vertical-align: baseline;
}
.align-top {
vertical-align: top;
}
.align-middle {
vertical-align: middle;
}
.align-bottom {
vertical-align: bottom;
}
.align-text-top {
vertical-align: text-top;
}
.align-text-bottom {
vertical-align: text-bottom;
} .mt-5 {
margin-top: 5px;
}
.mb-5 {
margin-bottom: 5px;
}
.mt-10 {
margin-top: 10px;
}
.mb-10 {
margin-bottom: 10px;
}
.mt-15 {
margin-top: 15px;
}
.mb-15 {
margin-bottom: 15px;
}
.mt-20 {
margin-top: 20px;
}
.mb-20 {
margin-bottom: 20px;
}
.mt-25 {
margin-top: 25px;
}
.mb-25 {
margin-bottom: 25px;
}
.mt-30 {
margin-top: 30px;
}
.mb-30 {
margin-bottom: 30px;
}
.mt-35 {
margin-top: 35px;
}
.mb-35 {
margin-bottom: 35px;
}
.mt-40 {
margin-top: 40px;
}
.mb-40 {
margin-bottom: 40px;
}
.mt-45 {
margin-top: 45px;
}
.mb-45 {
margin-bottom: 45px;
}
.mt-50 {
margin-top: 50px;
}
.mb-50 {
margin-bottom: 50px;
} .color-red {
color: #c8300d;
} .notpc {
display: none !important;
} .sw-Flexbox {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.sw-Flexbox > * {
margin-right: 2%;
}
.sw-Flexbox_Col2 > * {
width: 49%;
}
.sw-Flexbox_Col2 > *:nth-child(2n) {
margin-right: 0;
}
.sw-Flexbox_Col3 > * {
width: 32%;
}
.sw-Flexbox_Col3 > *:nth-child(3n) {
margin-right: 0;
}
.sw-Flexbox_Col4 > * {
width: 23.5%;
}
.sw-Flexbox_Col4 > *:nth-child(4n) {
margin-right: 0;
}
.sw-Flexbox_Col5 > * {
width: 18.4%;
}
.sw-Flexbox_Col5 > *:nth-child(5n) {
margin-right: 0;
}
.sw-Flexbox_Col6 > * {
width: 15%;
}
.sw-Flexbox_Col6 > *:nth-child(6n) {
margin-right: 0;
}
.grecaptcha-badge {
visibility: hidden;
}    .sw-ArticleLink {
position: relative;
margin-top: calc(32px + 1.2em);
margin-bottom: 32px;
border: 2px solid #f89174;
}
.sw-ArticleLink p {
margin: 0 !important;
font-size: 14px;
font-size: 1.4rem;
}
.sw-ArticleLink_Check {
position: absolute;
top: -1.2em;
left: 1em;
padding-right: 1em;
padding-left: 1em;
font-size: 15px;
font-size: 1.5rem;
font-weight: 700;
letter-spacing: 0.01em;
color: #f89174;
background-color: #fff;
}
.sw-ArticleLink_Check i {
margin-right: 0.5em;
}
.sw-ArticleLink_Innner {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin-top: 16px;
margin-right: 16px;
margin-bottom: 16px;
margin-left: 16px;
}
.sw-ArticleLink_Innner > * {
margin-right: 2%;
}
.sw-ArticleLink_Img {
width: 20%;
margin-right: 4%;
}
.sw-ArticleLink_Content {
width: 76%;
margin-right: 0;
}  .sw-Button {
display: inline-block;
margin: 0;
padding: 1em 2em;
border: 1px solid #d0d0d0;
color: inherit;
font-family: inherit;
font-size: 1em;
line-height: 1;
text-align: center;
text-decoration: none;
background: transparent;
background-color: #fff;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: pointer;
}
.sw-Button:hover, .sw-Button:active, .sw-Button:focus {
text-decoration: none;
}
.sw-Button:focus {
outline: 0;
-webkit-box-shadow: 0 0 5px #1589ee;
box-shadow: 0 0 5px #1589ee;
}
.sw-Button:disabled, .sw-Button-disabled {
opacity: 0.5;
border-color: #333;
background-color: #333;
cursor: not-allowed;
}
.sw-Button-disabled {
pointer-events: none;
}  .sw-ButtonSearch {
display: inline-block;
margin: 0;
padding: 1em 2em;
border: 1px solid #d0d0d0;
color: inherit;
font-family: inherit;
font-size: 1em;
line-height: 1;
text-align: center;
text-decoration: none;
background: transparent;
background-color: #fff;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: pointer;
width: 100%;
height: 42px;
padding: 0;
border-radius: 3px; }
.sw-ButtonSearch:hover, .sw-ButtonSearch:active, .sw-ButtonSearch:focus {
text-decoration: none;
}
.sw-ButtonSearch:focus {
outline: 0;
-webkit-box-shadow: 0 0 5px #1589ee;
box-shadow: 0 0 5px #1589ee;
}
.sw-ButtonSearch:disabled, .sw-ButtonSearch-disabled {
opacity: 0.5;
border-color: #333;
background-color: #333;
cursor: not-allowed;
}
.sw-ButtonSearch-disabled {
pointer-events: none;
}
.sw-ButtonSearch:not([disabled]):hover, .sw-ButtonSearch:not([disabled]):active, .sw-ButtonSearch:not([disabled]):focus {
opacity: 0.7;
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.sw-ButtonSearch:hover svg {
fill: #c8300d;
}  .sw-Delimiter {
display: inline-block;
}  .sw-Divider {
display: block;
-webkit-box-sizing: inherit;
box-sizing: inherit;
width: 100%;
height: 1px;
margin: 1.2em auto;
border: 0;
background-color: #e5e5e5;
}  .sw-FormCheckbox { position: absolute;
width: 1px;
height: 1px;
margin: -1px;
border: 0;
overflow: hidden;
padding: 0;
clip: rect(0, 0, 0, 0);
}
.sw-FormCheckbox + label {
display: inline-block;
position: relative;
cursor: pointer;
}
.sw-FormCheckbox + label:before {
content: "";
display: inline-block;
width: 1.4em;
height: 1.4em;
margin-right: 0.5em;
vertical-align: middle;
background-image: url(//kanrekiiwai.biz/wp/img/common/icon/formCheckbox_off.svg);
background-repeat: no-repeat;
background-size: contain;
background-color: #fff;
}
.sw-FormCheckbox:focus + label:before {
border-color: #1589ee;
-webkit-box-shadow: 0 0 5px #1589ee;
box-shadow: 0 0 5px #1589ee;
}
.sw-FormCheckbox:checked + label:before {
background-image: url(//kanrekiiwai.biz/wp/img/common/icon/formCheckbox_on.svg);
}
.sw-FormCheckbox:disabled, .sw-FormCheckbox + label[disabled] {
opacity: 0.5;
cursor: not-allowed;
}  .sw-FormInput {
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
height: 42px;
padding: 0 1em;
border: 1px solid #d0d0d0;
border-radius: 3px;
font-size: 16px;
font-size: 1.6rem;
vertical-align: middle;
background-color: #fff;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-box-shadow: 1px 1px 6px -3px #9e9e9e inset;
box-shadow: 1px 1px 6px -3px #9e9e9e inset; }
.sw-FormInput[type=search] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.sw-FormInput[type=search]:focus {
-webkit-box-shadow: none;
box-shadow: none;
}
.sw-FormInput::-webkit-input-placeholder {
color: #767676;
font-size: 0.85em;
}
.sw-FormInput::-moz-placeholder {
color: #767676;
font-size: 0.85em;
}
.sw-FormInput:-ms-input-placeholder {
color: #767676;
font-size: 0.85em;
}
.sw-FormInput::-ms-input-placeholder {
color: #767676;
font-size: 0.85em;
}
.sw-FormInput::placeholder {
color: #767676;
font-size: 0.85em;
}
.sw-FormInput:focus {
outline: 0;
border-color: #1589ee;
-webkit-box-shadow: 0 0 5px #1589ee;
box-shadow: 0 0 5px #1589ee;
}
.sw-FormInput:disabled {
opacity: 0.5;
background-color: #333;
cursor: not-allowed;
}
.sw-FormInput_TextTop {
display: inline-block;
margin-bottom: 0.25em;
}
.sw-FormInput_TextBottom {
display: inline-block;
margin-top: 0.25em;
}  .sw-FormRadio { position: absolute;
width: 1px;
height: 1px;
margin: -1px;
border: 0;
overflow: hidden;
padding: 0;
clip: rect(0, 0, 0, 0);
}
.sw-FormRadio + label {
display: inline-block;
position: relative;
cursor: pointer;
}
.sw-FormRadio + label:before {
content: "";
display: inline-block;
width: 1em;
height: 1em;
margin-right: 0.25em;
vertical-align: text-bottom;
background-image: url(//kanrekiiwai.biz/wp/img/common/icon/formRadio_off.svg);
background-repeat: no-repeat;
background-size: contain;
background-color: #fff;
}
.sw-FormRadio:focus + label:before {
border-color: #1589ee;
border-radius: 50%;
-webkit-box-shadow: 0 0 5px #1589ee;
box-shadow: 0 0 5px #1589ee;
}
.sw-FormRadio:checked + label:before {
background-image: url(//kanrekiiwai.biz/wp/img/common/icon/formRadio_on.svg);
}
.sw-FormRadio:disabled, .sw-FormRadio + label[disabled] {
opacity: 0.5;
cursor: not-allowed;
}  .sw-FormSelect {
position: relative;    }
.sw-FormSelect:before {
content: "";
position: absolute;
z-index: -1;
right: 0;
bottom: 0;
left: 0;
width: 99%;
width: calc(100% - 6px);
margin: auto;
-webkit-box-shadow: 0 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: 0 0 1px 2px rgba(0, 0, 0, 0.05);
}
.sw-FormSelect:after {
content: "";
position: absolute;
top: 0;
right: 1em;
bottom: 0;
width: 1em;
height: 1em;
margin: auto;
background-image: url(//kanrekiiwai.biz/wp/img/common/icon/formSelect.svg);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
pointer-events: none;
}
.sw-FormSelect-disabled:after {
opacity: 0.5;
}
.sw-FormSelect > select {
width: 100%;
height: 2.5em;
padding: 0 3em 0 1em;
border: 1px solid #d0d0d0;
border-radius: 3px;
font-size: 16px;
font-size: 1.6rem;
line-height: 1;
vertical-align: middle;
background-color: #fff;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-box-shadow: 1px 1px 6px -3px #9e9e9e inset;
box-shadow: 1px 1px 6px -3px #9e9e9e inset;
}
.sw-FormSelect > select:focus {
outline: 0;
border-color: #1589ee;
-webkit-box-shadow: 0 0 5px #1589ee;
box-shadow: 0 0 5px #1589ee;
}
.sw-FormSelect > select:disabled {
opacity: 0.5;
background-color: #333;
cursor: not-allowed;
}
.sw-FormSelect > select {
text-indent: 0.01px;
text-overflow: "";
}
.sw-FormSelect > select::-ms-expand {
display: none;
}
.sw-FormSelect:not(:target):after {
background-image: none\9 ;
}
.sw-FormSelect > select:not(:target) {
padding-right: 0\9 ;
}
.sw-FormSelect_TextTop {
display: inline-block;
margin-bottom: 0.25em;
}
.sw-FormSelect_TextBottom {
display: inline-block;
margin-top: 0.25em;
}  .sw-FormTextarea {
display: block;
width: 100%;
max-width: 100%;
height: 7em;
margin: 0;
padding: 0.5em 1em;
border: 1px solid #d0d0d0;
border-radius: 3px;
font-size: 16px;
font-family: inherit;
font-weight: inherit;
background-color: #fff;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-box-shadow: 1px 1px 6px -3px #9e9e9e inset;
box-shadow: 1px 1px 6px -3px #9e9e9e inset;
}
.sw-FormTextarea::-webkit-input-placeholder {
color: #767676;
font-size: 0.85em;
}
.sw-FormTextarea::-moz-placeholder {
color: #767676;
font-size: 0.85em;
}
.sw-FormTextarea:-ms-input-placeholder {
color: #767676;
font-size: 0.85em;
}
.sw-FormTextarea::-ms-input-placeholder {
color: #767676;
font-size: 0.85em;
}
.sw-FormTextarea::placeholder {
color: #767676;
font-size: 0.85em;
}
.sw-FormTextarea:focus {
outline: 0;
border-color: #1589ee;
-webkit-box-shadow: 0 0 5px #1589ee;
box-shadow: 0 0 5px #1589ee;
}
.sw-FormTextarea:disabled {
opacity: 0.5;
background-color: #333;
cursor: not-allowed;
}
.sw-FormTextarea_Large {
height: 14em;
}
.sw-FormTextarea_TextTop {
display: inline-block;
margin-bottom: 0.25rem;
}
.sw-FormTextarea_TextBottom {
display: inline-block;
margin-top: 0.25rem;
}  .sw-GoCart {
display: none;
}
.sw-GoCart_Wrapper {
position: fixed;
right: 0;
bottom: 56px;
display: table;
z-index: 1;
width: 64px;
height: 64px;
color: #fff;
}
.sw-GoCart_Button {
display: table-cell;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
font-size: 11px;
font-size: 1.1rem;
line-height: 1.1;
letter-spacing: -0.05em;
text-align: center;
vertical-align: middle;
background: #c8300d;
color: inherit;
}
.sw-GoCart_Button:hover {
opacity: 0.7;
text-decoration: none;
color: #fff;
}
.sw-GoCart_Button svg {
display: block;
width: 24px;
height: 24px;
margin-right: auto;
margin-bottom: 4px;
margin-left: auto;
fill: #fff;
}  .sw-GoFaq_Wrapper {
position: fixed;
right: 0;
bottom: 128px;
z-index: 1;
width: 64px;
}
.sw-GoFaq_Button {
display: block;
padding-top: 8px;
padding-bottom: 8px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
font-size: 11px;
font-size: 1.1rem;
text-align: center;
line-height: 1.4;
background-color: #B79D7B;
color: #fff;
}
.sw-GoFaq_Button:hover {
opacity: 0.7;
text-decoration: none;
color: #fff;
}
.sw-GoFaq_Button svg {
display: block;
width: 28px;
height: 28px;
margin-right: auto;
margin-bottom: 4px;
margin-left: auto;
fill: #fff;
}  .sw-Heading2 {
position: relative;
padding-bottom: 0.5em;
font-size: 1.4em;
font-weight: 700;
line-height: 1.4;
margin-bottom: 1.6rem;
}
.sw-Heading2:before {
content: "";
display: block;
position: absolute;
bottom: -1px;
left: 0;
width: 100%;
height: 1px;
background-color: #c9c9c9;
}
.sw-Heading2:after {
content: "";
display: block;
position: absolute;
bottom: -1px;
left: 0;
width: 3em;
height: 1px;
background-color: #0a41a6;
}  .sw-Heading3 {
padding-top: 0.5em;
padding-right: 1em;
padding-bottom: 0.5em;
padding-left: 1em;
font-size: 14px;
font-size: 1.4rem;
letter-spacing: 0.1em;
background-color: #eee;
margin-bottom: 16px;
}  @font-face {
font-family: "iconfont";
src: url(//kanrekiiwai.biz/wp/wp-content/themes/no18/assets/font/iconfont.eot);
src: url(//kanrekiiwai.biz/wp/wp-content/themes/no18/assets/font/iconfont.eot?#iefix) format("eot"), url(//kanrekiiwai.biz/wp/wp-content/themes/no18/assets/font/iconfont.woff) format("woff"), url(//kanrekiiwai.biz/wp/wp-content/themes/no18/assets/font/iconfont.ttf) format("truetype"), url(//kanrekiiwai.biz/wp/wp-content/themes/no18/assets/font/iconfont.svg#iconfont) format("svg");
font-weight: normal;
font-style: normal;
} [class^=sw-icon-],
[class*=" sw-icon-"] {
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: relative;
top: -0.1em;
display: inline-block;
vertical-align: middle;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
text-decoration: none;
text-transform: none;
speak: none;
} .sw-icon-boxlight:before {
content: "\ea01";
}
.sw-icon-linkExternal:before {
content: "\ea02";
}
.sw-icon-linkJump:before {
content: "\ea03";
}
.sw-icon-linkMore:before {
content: "\ea04";
}
.sw-icon-postFeature:before {
content: "\ea05";
}
.sw-icon-postSummary:before {
content: "\ea06";
}   .sw-Icon_LinkExternal,
.sw-Icon_LinkMore {
margin-left: 0.3em;
} .sw-Icon_LinkExternal {
font-size: 1.4em;
}  .sw-ItemList_Img {
margin-bottom: 8px;
}
.sw-ItemList_Title {
margin-bottom: 0.5em;
}
.sw-ItemList_Price {
display: block;
text-align: right;
color: rgb(130, 130, 130);
}
.sw-ItemList_Btn a {
display: block;
border-radius: 5px;
text-align: center;
line-height: 3;
background-color: #c8300d;
color: #fff;
}
.sw-ItemList_Btn a:hover {
border-radius: 5px;
background-color: #ccc;
}
.sw-ItemList_4 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
width: 96%;
margin-right: auto;
margin-left: auto;
}
.sw-ItemList_4 > * {
margin-right: 2%;
}
.sw-ItemList_4 > * {
width: 23.5%;
}
.sw-ItemList_4 > *:nth-child(4n) {
margin-right: 0;
}
.sw-ItemList_4 > * {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 16px;
}
.sw-ItemList_4 .sw-ItemList_Btn {
margin-top: auto;
}
.sw-ItemList_3 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
width: 96%;
margin-right: auto;
margin-left: auto;
}
.sw-ItemList_3 > * {
margin-right: 2%;
}
.sw-ItemList_3 > * {
width: 32%;
}
.sw-ItemList_3 > *:nth-child(3n) {
margin-right: 0;
}
.sw-ItemList_3 > * {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 16px;
}
.sw-ItemList_3 .sw-ItemList_Btn {
margin-top: auto;
}
.sw-ItemList_2 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
width: 96%;
margin-right: auto;
margin-left: auto;
}
.sw-ItemList_2 > * {
margin-right: 2%;
}
.sw-ItemList_2 > * {
width: 49%;
}
.sw-ItemList_2 > *:nth-child(2n) {
margin-right: 0;
}
.sw-ItemList_1 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
width: 96%;
margin-right: auto;
margin-left: auto;
}
.sw-ItemList_1 > * {
margin-right: 2%;
}
.sw-ItemList_1 > * {
width: 49%;
}
.sw-ItemList_1 > *:nth-child(2n) {
margin-right: 0;
}
.sw-ItemList_1 > *:first-child {
width: 40%;
margin-right: 4%;
}
.sw-ItemList_1 > *:last-child {
width: 56%;
}
.sw-ItemList_1 .sw-ItemList_Price {
text-align: left;
}  .sw-Label {
display: inline-block;
padding: 0.5em 1em;
border: 1px solid currentColor;
color: #333;
font-size: 0.7142857143rem;
line-height: 1;
text-align: center;
white-space: nowrap;
text-decoration: none;
background-color: inherit;
}
.sw-Label:hover {
color: currentColor;
text-decoration: none;
}  .sw-LabelRequired {
display: inline-block;
padding: 0.5em 1em;
border: 1px solid currentColor;
color: #333;
font-size: 0.7142857143rem;
line-height: 1;
text-align: center;
white-space: nowrap;
text-decoration: none;
background-color: inherit;
border-color: #c8300d;
color: #fff;
background-color: #c8300d;
}
.sw-LabelRequired:hover {
color: currentColor;
text-decoration: none;
}
.sw-LabelRequired:hover {
color: #fff;
text-decoration: none;
}  .sw-Lead {
color: #0a41a6;
font-size: 1.2em;
font-weight: 700;
line-height: 1.8;
}  .sw-Link {
color: #000;
text-decoration: underline;
}
.sw-Link:hover {
color: #1380D9;
text-decoration: underline;
}  .sw-LinkNote {
color: #000;
text-decoration: underline;
}
.sw-LinkNote:hover {
color: #1380D9;
text-decoration: underline;
}
.sw-LinkNote:before {
content: "※";
margin-left: 0.25em;
}
[lang^=en] .sw-LinkNote:before, [lang=zh-cn] .sw-LinkNote:before, [lang=zh-tw] .sw-LinkNote:before {
content: "*";
}  .sw-LinkSingle {
color: #000;
text-decoration: none;
}
.sw-LinkSingle:hover {
color: #1380D9;
text-decoration: underline;
}  .sw-ListBracketOrder {
padding-left: 0;
list-style-type: none;
}
.sw-ListBracketOrder li {
counter-increment: bracketOrder;
}
.sw-ListBracketOrder li:before {
content: "(" counter(bracketOrder) ")";
margin-right: 0.25em;
}  .sw-ListMark a {
display: block;
}
.sw-ListMark a::before {
content: "";
display: inline-block;
width: 0;
height: 0;
margin-right: 3px;
margin-left: 3px;
border: transparent solid 3px;
border-left-color: #c8300d;
vertical-align: middle;
}  .sw-ListNote {
padding-left: 0;
list-style-type: none;
}
.sw-ListNote li {
font-size: 0.85em;
}
.sw-ListNote > li:before {
content: "※";
margin-right: 0.5em;
}
[lang=en] .sw-ListNote > li:before, [lang=zh-cn] .sw-ListNote > li:before, [lang=zh-tw] .sw-ListNote > li:before {
content: "*";
}  .sw-ListNoteOrder {
padding-left: 0;
list-style-type: none;
}
.sw-ListNoteOrder li {
font-size: 0.85em;
counter-increment: noteOrder;
}
.sw-ListNoteOrder > li:target {
background-color: lightgray;
}
.sw-ListNoteOrder > li:before {
content: "※" counter(noteOrder);
margin-right: 0.25em;
}
[lang=en] .sw-ListNoteOrder > li:before, [lang=zh-cn] .sw-ListNoteOrder > li:before, [lang=zh-tw] .sw-ListNoteOrder > li:before {
content: "*" counter(noteOrder);
}  .sw-ListOrder {
display: table;
padding-left: 0;
list-style-type: none;
}
.sw-ListOrder li {
display: table-row;
counter-increment: order;
}
.sw-ListOrder li:before {
content: counters(order, "-") ".";
display: table-cell;
padding-right: 0.5em;
text-align: right;
}
.sw-ListOrder ol {
padding-left: 0;
list-style-type: none;
counter-reset: order;
}  .sw-ListkUnordered {
padding-left: 0;
list-style-type: none;
}
.sw-ListkUnordered > li {
padding-left: 1.5em;
background-image: url(//kanrekiiwai.biz/assets/img/common/icon/listUnordered.svg);
background-repeat: no-repeat;
background-position: 0.5625em 0.5em;
background-size: 0.375em;
}
.sw-ListkUnordered ul {
padding-left: 0;
list-style-type: none;
}
.sw-ListkUnordered ul > li {
padding-left: 1.5em;
background-image: url(//kanrekiiwai.biz/assets/img/common/icon/listUnordered-nest.svg);
background-repeat: no-repeat;
background-position: 0.5625em 0.5em;
background-size: 0.375em;
}  .sw-Pagination {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.sw-Pagination > * {
margin-right: 2%;
}
.sw-Pagination > a {
display: block;
text-decoration: none;
}
.sw-Pagination > a:hover {
text-decoration: underline;
}
.sw-Pagination .sw-Pagination-current {
font-weight: 700;
}  .sw-PhotoGal ul {
list-style: none;
}
.sw-PhotoGal_Thumbnails > * {
margin-top: 8px;
}  .sw-ReTop {
position: fixed;
bottom: 0;
right: 0;
z-index: 1;
display: table;
width: 64px;
height: 48px;
}
.sw-ReTop_Button {
display: table-cell;
position: relative;
text-align: center;
text-decoration: none;
vertical-align: middle;
background-color: #333;
}
.sw-ReTop_Button svg {
display: block;
width: 24px;
height: 24px;
margin-right: auto;
margin-bottom: 4px;
margin-left: auto;
fill: #fff;
}  .sw-SnsBox {
width: 80%;
margin-right: auto;
margin-bottom: 16px;
margin-left: auto;
text-align: center;
}  .sw-TextAttention {
color: #c8300d;
}  .sw-TextCalm {
line-height: 2;
}  .sw-TextEmphasis {
font-weight: 700;
}  .sw-TextSecondary {
font-size: 0.85em;
}  .sw-Title {
margin-bottom: 1.6rem;
border-bottom: 5px solid #eee;
font-size: 2em;
font-weight: 700;
line-height: 1.4;
}    .st-Breadcrumb {
margin-bottom: 24px;
padding-left: 0;
font-size: 0;
text-overflow: ellipsis;
list-style-type: none;
}
.st-Breadcrumb_Item {
display: inline-block;
font-size: 11px;
font-size: 1.1rem;
}
.st-Breadcrumb_Item:last-child {
display: inline;
font-weight: 700;
}
.st-Breadcrumb_Link {
color: #000;
text-decoration: underline;
display: inline-block;
}
.st-Breadcrumb_Link:hover {
color: #1380D9;
text-decoration: underline;
}
.st-Breadcrumb_Item:not(:first-of-type):before {
content: "/";
margin-right: 0.5em;
margin-left: 0.5em;
}  .st-DeliveryCal {
width: 100%;
margin-right: auto;
margin-left: auto;
padding-top: 8px;
padding-right: calc((100% - 960px) / 2);
padding-bottom: 8px;
padding-left: calc((100% - 960px) / 2);
font-size: 12px;
font-size: 1.2rem;
border-bottom: 1px solid #ddd;
}
.st-DeliveryCal_Title {
display: inline-block;
margin-right: 16px;
padding-right: 2em;
padding-left: 2em;
line-height: 3.4;
background-color: #eee;
}
.st-DeliveryCal_Title svg {
display: inline-block;
width: 20px;
height: 20px;
margin-top: -4px;
margin-right: 4px;
fill: #333;
vertical-align: middle;
}
.st-DeliveryCal_Item {
display: inline-block;
vertical-align: middle;
}
.st-DeliveryCal_ShipDate {
font-size: 18px;
font-size: 1.8rem;
font-weight: 700;
}  .st-Figure {
display: table; min-width: 100px;
}
.st-Figure_CaptionTop,
.st-Figure_Caption {
display: table-caption;
margin-top: 0.5em;
font-size: 0.85em;
line-height: 1.4;
text-align: left;
}
.st-Figure_CaptionTop {
caption-side: top;
}
.st-Figure_Caption {
caption-side: bottom;
} .st-Figure_Center {
margin: auto;
} .st-Figure_Caption-center {
text-align: center;
}  .st-Footer {
width: 100%;
margin-top: 40px;
margin-right: auto;
margin-left: auto;
overflow: hidden;
background-color: #eee;
}
.st-Footer ul {
list-style: none;
} .st-Footer_Shop {
width: 960px;
margin-top: 40px;
margin-right: auto;
margin-bottom: 40px;
margin-left: auto;
font-size: 13px;
font-size: 1.3rem;
}
.st-Footer_Shop ul {
padding-left: 0;
}
.st-Footer_Shop p a::before {
content: "";
display: inline-block;
width: 0;
height: 0;
border: transparent solid 5px;
border-left-color: #c8300d;
vertical-align: middle;
}
.st-Footer_ShopTitle {
margin-bottom: 8px;
border-bottom: 1px solid #ccc;
font-weight: bold;
line-height: 3;
}
.st-Footer_ShopPayment .st-Footer_ShopBlock {
margin-top: 16px;
}
.st-Footer_ShopPaymentTitle {
font-weight: bold;
margin-bottom: 8px;
}
.st-Footer_ShopImg {
margin-bottom: 8px;
}
.st-Footer_ShopImg-amazon {
display: block;
width: 80%;
margin-top: 16px;
margin-right: auto;
margin-bottom: 8px;
margin-left: auto;
}
.st-Footer_ShopPostage {
margin-bottom: 16px;
}
.st-Footer_ShopPostage .st-Footer_ShopImg {
margin-top: 8px;
}
.st-Footer_ShopDelivery .st-Footer_ShopImg {
margin-top: 8px;
}
.st-Footer_ShopWrapping, .st-Footer_ShopNoshi, .st-Footer_ShopReceipt {
margin-bottom: 16px;
}
.st-Footer_Menu {
padding-top: 40px;
padding-bottom: 40px;
font-size: 11px;
font-size: 1.1rem;
background-color: #ddd;
}
.st-Footer_MenuWrapper {
width: 960px;
margin-right: auto;
margin-left: auto;
}
.st-Footer_MenuTitle {
font-weight: 700;
}
.st-Footer_MenuBlock-left {
width: 20%;
}
.st-Footer_MenuBlock-center {
width: 24%;
}
.st-Footer_MenuBlock-right {
width: 50%;
}
.st-Footer_MenuItem > * {
margin-top: 3px;
margin-bottom: 3px;
} .st-Footer_Copyright {
padding-top: 40px;
padding-bottom: 40px;
text-align: center;
color: #fff;
background-color: #333;
}  .st-Header {
width: 100%;
overflow: hidden;
margin-bottom: 16px;
background-image: url(//kanrekiiwai.biz/wp/img/common/header/bg_description.png);
background-repeat: repeat-x;
background-position: top;
}
.st-Header_Wrapper {
position: relative;
top: 0;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-webkit-align-items: start;
-ms-flex-align: start;
align-items: start;
width: 960px;
height: 150px;
margin-right: auto;
margin-left: auto;
}
.st-Header_Block-left {
position: relative;
width: 190px;
margin-right: 24px;
}
.st-Header_Block-center {
width: 400px;
margin-right: 0;
}
.st-Header_Block-right {
position: relative;
width: calc(100% - 190px - 400px - 24px);
height: 150px;
margin-right: 0;
padding-top: 24px;
}
.st-Header_Title {
margin-bottom: 16px;
line-height: 24px;
font-size: 10px;
font-size: 1rem;
font-weight: normal;
}
.st-Header_Announce {
margin-bottom: 16px;
line-height: 1;
font-size: 13px;
font-size: 1.3rem;
font-weight: 700;
letter-spacing: 0.05em;
}
.st-Header_Search {
width: 90%;
}
.st-Header_Link {
margin-bottom: 16px;
padding-left: 0;
line-height: 1;
font-size: 12px;
font-size: 1.2rem;
list-style: none;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.st-Header_Link a {
display: block;
}
.st-Header_Link a::before {
content: "";
display: inline-block;
width: 0;
height: 0;
margin-right: 3px;
margin-left: 3px;
border: transparent solid 3px;
border-left-color: #c8300d;
vertical-align: middle;
}
.st-Header_Link a {
text-decoration: underline;
}
.st-Header_Link a:hover {
text-decoration: none;
}
.st-Header_Link a::before {
border-left-color: #ccc;
}
.st-Header_Button {
position: absolute;
bottom: 12px;
right: 0;
width: 100%;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
padding-left: 0;
font-size: 12px;
font-size: 1.2rem;
font-weight: 700;
text-align: center;
color: #fff;
list-style: none;
}
.st-Header_Button a {
display: block;
line-height: 2.8;
text-decoration: none;
color: #fff;
}
.st-Header_Button a:hover {
color: #fff;
}
.st-Header_Button a:visited {
color: #fff;
}
.st-Header_ButtonMypage, .st-Header_ButtonCart {
letter-spacing: 0.1em;
}
.st-Header_ButtonMypage a, .st-Header_ButtonCart a {
padding-right: 2em;
padding-left: 2em;
border: 1px solid #c8300d;
border-radius: 20px;
background-color: #c8300d;
}
.st-Header_ButtonMypage a:hover, .st-Header_ButtonCart a:hover {
border: 1px solid #c8300d;
color: #c8300d;
background-color: #fff;
}
.st-Header_ButtonMypage a:hover svg, .st-Header_ButtonCart a:hover svg {
fill: #c8300d;
}
.st-Header_ButtonMypage {
margin-right: 0.5em;
}
.st-Header_ButtonMypage svg {
display: inline-block;
width: 20px;
height: 20px;
fill: #fff;
vertical-align: middle;
}
.st-Header_ButtonCart {
margin-right: 0;
}
.st-Header_ButtonCart svg {
display: inline-block;
width: 20px;
height: 20px;
fill: #fff;
vertical-align: middle;
}
.st-Header_Contact {
margin-top: 2px;
font-size: 16px;
font-size: 1.6rem;
line-height: 1.5;
text-align: center;
}
.st-Header_ContactTel {
font-size: 28px;
font-size: 2.8rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
}
.st-Header_Slider {
display: none;
margin-top: 8px !important;
margin-bottom: 24px !important;
}
.st-Header_Slider img {
width: 100%;
}
.st-Header_Slider.sp-horizontal {
display: block;
}
.st-Header_Holiday {
width: 960px;
margin-top: 8px;
margin-right: auto;
margin-left: auto;
}
.st-Header_Banner {
width: 960px;
margin-top: 16px;
margin-right: auto;
margin-left: auto;
}
.st-Header_Info {
width: 960px;
margin-top: 16px;
margin-right: auto;
margin-bottom: 16px;
margin-left: auto;
padding: 24px;
line-height: 2;
border: 5px solid #c8300d;
}
.st-Header_Info p {
font-size: 15px;
font-size: 1.5rem;
}
.st-Header_InfoTitle {
font-weight: 700;
color: #c8300d;
}  a img.st-Logo {
opacity: 1;
}
.st-Logo_Type {
position: absolute;
top: -5px;
left: 16px;
width: 35px;
}  .st-Nav {
text-align: right;
font-size: 13px;
font-size: 1.3rem;
background-color: #333;
}
.st-Nav_Items {
width: 960px;
margin-right: auto;
margin-left: auto;
padding-left: calc(190px + 2%);
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
text-align: center;
list-style: none;
color: #fff;
}
.st-Nav_Items > * {
width: 20%;
margin-right: 0;
border-right: 1px solid #555;
}
.st-Nav_Items > *:first-child {
border-left: 1px solid #555;
}
.st-Nav_Items a {
display: block;
padding-top: 16px;
padding-bottom: 16px;
text-decoration: none;
color: #fff;
}
.st-Nav_Items a:hover {
background-color: #c8300d;
}  .st-PostFeature {
display: block;
position: relative;
width: 100%;
color: inherit;
text-decoration: none;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.st-PostFeature_Body {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
}
.st-PostFeature_Inner {
position: relative;
width: 100%;
padding: 1em;
padding-right: 2.5em;
color: #fff;
text-decoration: none;
background-color: rgba(0, 0, 0, 0.5);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.st-PostFeature_Icon {
position: absolute;
top: 1em;
right: 1em;
}
.st-PostFeature_Icon:before {
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: relative;
top: -0.1em;
display: inline-block;
vertical-align: middle;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
text-decoration: none;
text-transform: none;
speak: none;
content: "\ea05";
}
.st-PostFeature_Heading {
font-size: 1.2em;
font-weight: 400;
line-height: 1.4;
}
.st-PostFeature_Foot {
margin-top: 0.5em;
}
.st-PostFeature_Image {
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.st-PostFeature_Image > img {
display: block;
width: 100%;
max-width: none;
} .st-PostFeature:hover, .st-PostFeature:active, .st-PostFeature:focus {
text-decoration: none;
}
.st-PostFeature:hover .st-PostFeature_Image, .st-PostFeature:active .st-PostFeature_Image, .st-PostFeature:focus .st-PostFeature_Image {
opacity: 0.8;
}
.st-PostFeature:hover .st-PostFeature_Inner, .st-PostFeature:active .st-PostFeature_Inner, .st-PostFeature:focus .st-PostFeature_Inner {
opacity: 0.8;
}  .st-PostSummary {
display: block;
width: 100%;
color: inherit;
text-decoration: none;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.st-PostSummary_Body {
position: relative;
width: 100%;
padding: 1em;
padding-left: 2em;
text-decoration: none;
background-color: #e8e8e8;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.st-PostSummary_Icon {
position: absolute;
top: 1em;
left: 1em;
}
.st-PostSummary_Icon:before {
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: relative;
top: -0.1em;
display: inline-block;
vertical-align: middle;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
text-decoration: none;
text-transform: none;
speak: none;
content: "\ea06";
}
.st-PostSummary_Heading {
font-size: 1.2em;
font-weight: 400;
line-height: 1.4;
}
.st-PostSummary_SubHeading {
margin-top: 0.25em;
color: #444;
font-size: 1em;
line-height: 1.6;
}
.st-PostSummary_Image {
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.st-PostSummary_Image > img {
display: block;
width: 100%;
max-width: none;
}
.st-PostSummary_Foot {
margin-top: 0.5em;
} .st-PostSummary:hover, .st-PostSummary:active, .st-PostSummary:focus {
text-decoration: none;
}
.st-PostSummary:hover .st-PostSummary_Image, .st-PostSummary:active .st-PostSummary_Image, .st-PostSummary:focus .st-PostSummary_Image {
opacity: 0.8;
}
.st-PostSummary:hover .st-PostSummary_Body, .st-PostSummary:active .st-PostSummary_Body, .st-PostSummary:focus .st-PostSummary_Body {
background-color: #e8eefa;
}  .st-SearchForm_Inner {
position: relative;
display: block;
width: 100%;
margin: 0;
padding: 0;
border: 0;
min-width: auto;
}
.st-SearchForm_Input {
width: calc(100% - 42px);
}
.st-SearchForm_Input input {
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
height: 42px;
padding: 0 1em;
border: 1px solid #d0d0d0;
border-radius: 3px;
font-size: 16px;
font-size: 1.6rem;
vertical-align: middle;
background-color: #fff;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-box-shadow: 1px 1px 6px -3px #9e9e9e inset;
box-shadow: 1px 1px 6px -3px #9e9e9e inset; border-right: none;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.st-SearchForm_Input input[type=search] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.st-SearchForm_Input input[type=search]:focus {
-webkit-box-shadow: none;
box-shadow: none;
}
.st-SearchForm_Input input::-webkit-input-placeholder {
color: #767676;
font-size: 0.85em;
}
.st-SearchForm_Input input::-moz-placeholder {
color: #767676;
font-size: 0.85em;
}
.st-SearchForm_Input input:-ms-input-placeholder {
color: #767676;
font-size: 0.85em;
}
.st-SearchForm_Input input::-ms-input-placeholder {
color: #767676;
font-size: 0.85em;
}
.st-SearchForm_Input input::placeholder {
color: #767676;
font-size: 0.85em;
}
.st-SearchForm_Input input:focus {
outline: 0;
border-color: #1589ee;
-webkit-box-shadow: 0 0 5px #1589ee;
box-shadow: 0 0 5px #1589ee;
}
.st-SearchForm_Input input:disabled {
opacity: 0.5;
background-color: #333;
cursor: not-allowed;
}
.st-SearchForm_Button {
position: absolute;
top: 0;
right: 0;
width: 42px;
}
.st-SearchForm_Button .sw-ButtonSearch {
border-left: 0;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.st-SearchForm_Button svg {
display: block;
width: 18px;
height: 18px;
margin-right: auto;
margin-left: auto;
fill: #333;
}  .st-TableScroll {
display: block;
overflow-x: auto;
max-width: 100%;
min-height: 0.01%;
}
.st-TableScroll th,
.st-TableScroll td {
white-space: nowrap;
}
.st-TableScroll .st-Table_Number {
text-align: right;
}    .archive-Container ul {
padding-left: 0;
list-style: none;
}
.archive-Title {
margin-bottom: 40px;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
font-size: 16px;
font-size: 1.6rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
font-weight: 700;
line-height: 3;
text-align: center;
background-color: #eee;
}
.archive-Title span {
margin-right: 0.5em;
margin-left: 0.5em;
}
.archive-Time {
margin-bottom: 0.5em;
font-size: 12px;
font-size: 1.2rem;
text-align: right;
}
.archive-ItemSort {
margin-bottom: 24px;
font-size: 13px;
font-size: 1.3rem;
}
.archive-ItemSort form {
display: inline;
}
.archive-ItemSort input[type=submit] {
margin: 0;
padding: 0;
-webkit-box-shadow: none;
box-shadow: none;
background: none;
border: none;
cursor: pointer;
}
.archive-ItemSort input[type=submit]:hover {
text-decoration: underline;
}
.archive-ItemSort dl {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.archive-ItemSort dl > * {
margin-right: 2%;
}
.archive-ItemSort dt {
margin-right: 0;
}
.archive-ItemSort dd {
padding-right: 2%;
border-right: 1px solid #ccc;
}
.archive-ItemSort dd:last-child {
margin-right: 0;
padding-right: 0;
border-right: none;
}
.archive-ItemSort-current {
font-weight: 700;
}
.archive-Pagenation {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
margin-bottom: 40px;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
font-size: 13px;
font-size: 1.3rem;
line-height: 3;
}
.archive-Pagenation > * {
margin-right: 2%;
}
.archive-Pagenation > * {
margin-right: 0;
}
.archive-Pagenation_Count {
width: 25%;
}
.sw-Pagination {
width: 75%;
padding-right: 25%;
}
.archive-ItemList {
list-style: none;
}
.archive-ItemListTitle {
margin-bottom: 24px;
padding-bottom: 0.25em;
border-bottom: 1px solid #333;
font-size: 15px;
font-size: 1.5rem;
font-weight: 700;
}
.archive-ItemList > * {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 40px;
}
.archive-ItemList_Name {
margin-top: 8px;
font-size: 13px;
font-size: 1.3rem;
font-weight: normal;
word-break: break-all;
}
.archive-ItemList_Price {
display: block;
margin-top: auto;
text-align: center;
color: #c8300d;
}
.archive-ItemList_FreeShipping {
padding-top: 3px;
padding-right: 4px;
padding-bottom: 3px;
padding-left: 4px;
border-width: 1px;
border-style: solid;
font-size: 11px;
font-size: 1.1rem;
}
.archive-ItemList_Stock {
position: absolute;
top: 0;
left: 0;
padding-right: 1em;
padding-left: 1em;
font-size: 12px;
font-size: 1.2rem;
font-weight: 700;
text-align: center;
line-height: 2;
background-color: rgba(230, 230, 230, 0.7);
}
.archive-ItemList_Stock-order {
color: #fff;
background-color: rgba(208, 90, 110, 0.8);
} .archive-Parents {
margin-bottom: 80px;
}
.archive-Parents_ItemList {
text-align: center;
}
.archive-Parents_ItemList > * {
margin-bottom: 1em;
}
.archive-Parents_ItemList a {
display: block;
padding-top: 1em;
padding-bottom: 1em;
font-weight: 700;
background-color: #eee;
color: #333;
}
.archive-Parents_ItemList a:hover {
text-decoration: none;
background-color: #333;
color: #fff;
}  .archiveBlog-Container .sw-Pagination {
width: 100%;
margin-bottom: 40px;
padding-right: 0;
}
.archiveBlog-Content {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 40px;
}
.archiveBlog-Content > * {
margin-right: 2%;
}
.archiveBlog-Content > *:last-child {
margin-right: 0;
}
.archiveBlog-Article_Title {
font-size: 16px;
font-size: 1.6rem;
}
.archiveBlog-Eyecatch {
width: 30%;
}
.archiveBlog-Overview {
width: 68%;
}
.archiveBlog-Article_Text a {
color: #1380D9;
}
.archiveBlog-NoContent {
margin-top: 21.333%;
margin-bottom: 21.333%;
text-align: center;
}  .archco-Containter {
width: 720px;
margin-right: auto;
margin-bottom: 80px;
margin-left: auto;
padding-bottom: 80px;
background-color: #f4f5f4;
}
.archco-Containter > *:last-child {
margin-bottom: 0;
}
.archco-Containter a:hover {
text-decoration: none;
}
.archco-Containter .sw-ItemList_Btn a {
background-color: #2a1f18;
}
.archco-Containter .sw-ItemList_Btn a:hover {
color: #fff;
background-color: #c8300d;
}
.archco-Title {
margin-bottom: 1em;
font-size: 14px;
font-size: 1.4rem;
}
.archco-Btn {
display: block;
text-align: center;
line-height: 3;
background-color: #2a1f18;
border-radius: 5px;
color: #fff;
}
.archco-Btn:hover {
background-color: #c8300d;
color: #fff;
}
.archco-ItemLinkBtn {
display: block;
width: 80%;
margin-right: auto;
margin-bottom: 80px;
margin-left: auto;
border: 1px solid #c8300d;
border-radius: 5px;
font-size: 18px;
font-size: 1.8rem;
text-align: center;
line-height: 3;
color: #fff;
background-color: #c8300d;
}
.archco-ItemLinkBtn:hover {
border: 1px solid #c8300d;
color: #c8300d;
background-color: #fff;
} .archco-Hero {
margin-bottom: 24px;
} .archco-Lead {
width: 96%;
margin-right: auto;
margin-bottom: 56px;
margin-left: auto;
padding-top: 40px;
padding-bottom: 40px;
background-color: #fff;
}
.archco-Lead .archco-Lead_Title {
margin-bottom: 40px;
font-size: 30px;
font-size: 3rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
text-align: center;
letter-spacing: 0.05em;
}
.archco-Lead .archco-Lead_Title br {
display: none;
}
.archco-Lead_TitleSub {
display: block;
margin-bottom: 24px;
font-size: 20px;
font-size: 2rem;
letter-spacing: normal;
color: #a38b39;
}
.archco-Lead_TitleEmp {
padding-top: 0.5em;
background-image: url(//kanrekiiwai.biz/wp/img/archive/family/colleague/image_h2-emp.png);
background-repeat: no-repeat;
background-position: center top;
background-size: 1.5em;
color: #c8300d;
}
.archco-Lead_Text {
margin-bottom: 64px;
padding-right: 56px;
padding-left: 56px;
line-height: 2;
}
.archco-Lead_Text > * {
margin-bottom: 1em;
} .archco-Menu {
margin-right: 56px;
margin-left: 56px;
font-size: 16px;
font-size: 1.6rem;
}
.archco-Menu .archco-Menu_Heading {
margin-bottom: 32px;
font-size: 20px;
font-size: 2rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
font-weight: 700;
text-align: center;
letter-spacing: 0.1em;
}
.archco-Menu .archco-Menu_Heading > * {
display: inline-block;
}
.archco-Menu .archco-Menu_Heading p {
margin-right: 1em;
margin-left: 1em;
}
.archco-Menu .archco-Menu_Heading img {
width: calc(50% - 3.4em);
}
.archco-Menu_Parents {
margin-right: auto;
margin-bottom: 40px;
margin-left: auto;
list-style: none;
counter-reset: num;
}
.archco-Menu_Parents > li {
position: relative;
margin-bottom: 0.5em;
padding-left: 3em;
line-height: 2;
}
.archco-Menu_Parents > li::before {
counter-increment: num;
content: counter(num);
position: absolute;
top: 0;
left: 0;
width: 2em;
border: 1px solid #ccc;
text-align: center;
background-color: #eee;
}
.archco-Menu_Parents > li:last-child {
margin-bottom: 0;
}
.archco-Menu_Children {
position: relative;
margin-top: 0.5em;
margin-bottom: 0.5em;
line-height: 2;
list-style-position: inside;
}
.archco-Menu_Children li {
position: relative;
}
.archco-Menu_Children li::before {
background-color: inherit;
color: #2a1f18;
} .archco-Reading {
width: 96%;
margin-right: auto;
margin-bottom: 40px;
margin-left: auto;
padding-top: 24px;
padding-right: 24px;
padding-bottom: 24px;
padding-left: 24px;
line-height: 2;
background-color: #fff;
}
.archco-Reading p {
margin-bottom: 1em;
}
.archco-Reading h2 {
margin-bottom: 1em;
font-size: 18px;
font-size: 1.8rem;
text-indent: 1em;
line-height: 3;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
background-color: #eee;
}
.archco-Reading h3 {
margin-top: 1em;
margin-bottom: 1em;
font-size: 18px;
font-size: 1.8rem;
}
.archco-Reading h4 {
font-size: 16px;
font-size: 1.6rem;
}
.archco-Reading section {
width: 96%;
margin-right: auto;
margin-left: auto;
}
.archco-Reading .sw-ItemList_3 {
margin-top: 40px;
}
.archco-Reading_Flexbox {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.archco-Reading_Flexbox > * {
margin-right: 2%;
}
.archco-Reading_Flexbox > *:first-child {
margin-right: 24px;
width: 200px;
}
.archco-Reading_Flexbox > *:first-child img {
width: 200px;
height: 200px;
-o-object-fit: cover;
object-fit: cover;
border-radius: 50%;
}
.archco-Reading_Flexbox > *:last-child {
width: calc(100% - 200px - 24px);
margin-right: 0;
}
.archco-ByGender h3 {
position: relative;
margin-top: 1.5em;
margin-bottom: 1.5em;
padding-left: 1em;
}
.archco-ByGender h3::before {
position: absolute;
content: "";
top: 8px;
left: 0;
display: block;
width: 4px;
height: calc(100% - 16px);
border-radius: 3px;
background-color: #333;
}
.archco-ByGender h4 {
position: relative;
margin-bottom: 0.5em;
padding-left: 1em;
}
.archco-ByGender h4::before {
position: absolute;
content: "●";
top: 0;
left: 0;
}
.archco-ByGender .archco-ByGender_Men {
margin-bottom: 56px;
}
.archco-ByGender .archco-Reading_Flexbox {
margin-bottom: 32px;
}
.archco-Message {
margin-bottom: 40px;
border: 1px solid #ccc;
text-align: center;
}
.archco-Message:first-of-type {
margin-top: 40px;
}
.archco-Message h3 {
width: 80%;
margin-right: auto;
margin-left: auto;
padding-bottom: 1em;
border-bottom: 1px solid #ccc;
} .archco-Rank_Wrapper {
width: 96%;
margin-right: auto;
margin-bottom: 56px;
margin-left: auto;
padding-top: 40px;
padding-bottom: 40px;
background-color: #fff;
}
.archco-Rank h2 {
margin-bottom: 32px;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
font-size: 26px;
font-size: 2.6rem;
text-align: center;
line-height: 2;
letter-spacing: 0.1em;
}
.archco-Rank h2 span {
display: block;
font-size: 20px;
font-size: 2rem;
}
.archco-RankMenu {
width: 80%;
margin-right: auto;
margin-left: auto;
}
.archco-RankMenu ol {
width: 90%;
margin-right: auto;
margin-bottom: 40px;
margin-left: auto;
padding-left: 0.3em;
list-style: none;
font-size: 30px;
font-size: 3rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
font-weight: 700;
}
.archco-RankMenu ol > * {
margin-bottom: 8px;
}
.archco-RankMenu ol > *:last-child {
margin-bottom: 0;
}
.archco-RankMenu a {
padding-top: 3px;
}
.archco-RankMenu a:hover {
text-decoration: none;
color: inherit;
background-image: url(//kanrekiiwai.biz/wp/img/archive/family/colleague/image_circle-red.png);
background-repeat: no-repeat;
background-position: top left;
background-size: 1em;
}
.archco-RankMenu_Heading {
margin-bottom: 32px;
font-size: 20px;
font-size: 2rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
font-weight: 700;
letter-spacing: 0.1em;
}
.archco-RankMenu_Heading > * {
display: inline-block;
}
.archco-RankMenu_Heading p {
margin-right: 1em;
margin-left: 1em;
}
.archco-RankMenu_Heading img {
width: calc(50% - 3.4em);
}
.archco-RankMenu_Num {
display: inline-block;
margin-right: 8px;
margin-left: 6px;
font-style: italic;
}
.archco-RankMenu_Sub {
display: inline-block;
width: 12em;
font-size: 14px;
font-size: 1.4rem;
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
vertical-align: middle;
color: #2a1f18;
}
.archco-RankMenu_Title {
display: inline-block;
position: relative;
padding-left: 1em;
font-size: 24px;
font-size: 2.4rem;
}
.archco-RankMenu_Title:before {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
margin: auto;
display: inline-block;
width: 1px;
height: 1em;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
background-color: #333;
}
.archco-RankMenu_Clip {
height: 1.5em;
margin-left: 0.5em;
} .archco-Content {
margin-bottom: 120px;
}
.archco-Content_Hero {
position: relative;
margin-bottom: 24px;
}
.archco-Content_HeroClip {
position: absolute;
top: -6%;
right: 7%;
height: 112%;
width: auto;
}
.archco-Content_Title {
position: relative;
width: 92%;
margin-right: auto;
margin-bottom: 16px;
margin-left: auto;
padding-left: 0.3em;
font-size: 38px;
font-size: 3.8rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
}
.archco-Content_Title img {
position: absolute;
top: 0;
left: 0;
width: 1.5em;
z-index: 0;
}
.archco-Content_Title rt {
font-size: 30%;
}
.archco-Content_TitleNum {
position: relative;
margin-right: 8px;
font-size: 60px;
font-size: 6rem;
font-style: italic;
z-index: 1;
}
.archco-Content_TitleAlpha {
display: none;
}
.archco-Content_TitleSub {
margin: 8px;
font-size: 26px;
font-size: 2.6rem;
}
.archco-Content_Wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
width: 92%;
margin-right: auto;
margin-bottom: 56px;
margin-left: auto;
}
.archco-Content_Wrapper > * {
margin-right: 2%;
}
.archco-Content_Wrapper > *:first-child {
width: 46%;
margin-right: 4%;
}
.archco-Content_Wrapper > *:last-child {
width: 50%;
margin-right: 0;
}
.archco-Content_Text p {
margin-right: 8px;
margin-bottom: 24px;
margin-left: 8px;
line-height: 1.8;
}
.archco-Content_Heading {
margin-bottom: 16px;
font-size: 18px;
font-size: 1.8rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
line-height: 2;
letter-spacing: 0.05em;
color: #2a1f18;
}
.archco-Content_Heading span {
display: inline-block;
width: 98%;
padding-right: 8px;
padding-left: 8px;
line-height: 2.2;
border-bottom: 1px solid #2a1f18;
}
.archco-Content_Img {
position: relative;
}
.archco-Content_Img figure img {
margin-bottom: 8px;
}
.archco-Content_Img figure figcaption {
font-size: 12px;
font-size: 1.2rem;
}
.archco-Content_ImgCaption {
position: absolute;
top: 199px;
right: 8px;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
font-weight: 700;
}
.archco-Content_ImgCaption p {
position: relative;
width: 7em;
height: 7em;
border: 2px solid #c8300d;
border-radius: 50%;
text-align: center;
line-height: 1.4;
color: #c8300d;
background-color: rgba(255, 255, 255, 0.7);
}
.archco-Content_ImgCaption p span {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: calc(7em - 4px);
height: calc(4.2em + 2.8px);
margin: auto;
}
.archco-Content_Graph {
width: 96%;
margin-right: auto;
margin-bottom: 64px;
margin-left: auto;
}
.archco-Content_Graph cite {
font-size: 11px;
font-size: 1.1rem;
} .archco-Label {
position: relative;
width: 96%;
margin-right: auto;
margin-bottom: 80px;
margin-left: auto;
padding-top: 110px;
padding-bottom: 40px;
background-color: #fff;
}
.archco-Label h3 {
position: absolute;
top: -20px;
right: 0;
left: 0;
margin-right: auto;
margin-left: auto;
font-size: 28px;
font-size: 2.8rem;
text-align: center;
}
.archco-Label ul {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
width: 96%;
margin-right: auto;
margin-left: auto;
list-style: none;
}
.archco-Label ul > * {
margin-right: 2%;
}
.archco-Label ul > * {
width: 32%;
}
.archco-Label ul > *:nth-child(3n) {
margin-right: 0;
}
.archco-Label ul > *:nth-child(-n+3) {
margin-bottom: 32px;
}
.archco-Label_Heading {
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
letter-spacing: 0.05em;
}
.archco-Label_SubTitle {
display: block;
width: 15em;
margin-right: auto;
margin-bottom: 20px;
margin-left: auto;
padding-right: 2em;
padding-left: 2em;
border-radius: 30px;
font-size: 16px;
font-size: 1.6rem;
font-weight: normal;
line-height: 2.6;
letter-spacing: 0.1em;
color: #fff;
background-color: #2a1f18;
}
.archco-Label_Title {
margin-top: 16px;
margin-bottom: 16px;
font-size: 18px;
font-size: 1.8rem;
text-align: center;
line-height: 2;
background-color: #eee;
}
.archco-Label_Title span {
font-size: 22px;
font-size: 2.2rem;
font-weight: 700;
letter-spacing: 0.05em;
} .archco-Np {
width: 96%;
margin-right: auto;
margin-bottom: 56px;
margin-left: auto;
background-color: #fff;
}
.archco-Np_Bg {
border: 8px solid #d7c8a0;
}
.archco-Np_Wrapper {
position: relative;
width: 100%;
}
.archco-Np_Header {
position: absolute;
width: 70%;
top: 40px;
right: 16px;
padding-left: 70px;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
font-weight: normal;
text-align: center;
z-index: 1;
}
.archco-Np_Title {
display: block;
padding-top: 16px;
padding-bottom: 16px;
border-top: 1px solid #333;
border-bottom: 1px solid #333;
font-size: 36px;
font-size: 3.6rem;
line-height: 1;
}
.archco-Np_HeaderPlus {
position: absolute;
top: -18px;
left: 0;
width: 90px;
}
.archco-Np_HeadingAlp {
display: block;
margin-top: 16px;
font-size: 0.4em;
letter-spacing: 0.1em;
}
.archco-Np_HeadingSub {
position: relative;
display: inline-block;
margin-bottom: 8px;
padding-right: 25px;
padding-left: 25px;
font-size: 16px;
font-size: 1.6rem;
}
.archco-Np_HeadingSub::before {
content: "";
display: inline-block !important;
position: absolute;
top: 50%;
left: 0;
width: 18px;
height: 1px;
background-color: #333;
-webkit-transform: rotate(50deg);
transform: rotate(50deg);
}
.archco-Np_HeadingSub::after {
content: "";
display: inline-block !important;
position: absolute;
top: 50%;
right: 0;
width: 18px;
height: 1px;
background-color: #333;
-webkit-transform: rotate(-50deg);
transform: rotate(-50deg);
}
.archco-Np_Text {
margin-bottom: 40px;
font-size: 20px;
font-size: 2rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
font-weight: 700;
text-align: center;
line-height: 2;
}
.archco-Np_Text span {
border-bottom: 2px solid #c8300d;
}
.archco-Np_Img {
position: relative;
z-index: 0;
}
.archco-Np_MainImg {
margin-top: 88px;
margin-bottom: 24px;
}
.archco-Np_SubImg {
position: absolute;
bottom: 0;
right: 0;
width: 270px;
}
.archco-Np_Wrapping {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
position: relative;
width: 96%;
margin-right: auto;
margin-bottom: 32px;
margin-left: auto;
}
.archco-Np_Wrapping > * {
margin-right: 2%;
}
.archco-Np_Wrapping > * {
width: 49%;
}
.archco-Np_Wrapping > *:nth-child(2n) {
margin-right: 0;
}
.archco-Np_Wrapping .archco-Btn {
margin-top: 24px;
}
.archco-Np_WrappingAlpha {
position: relative;
display: block;
margin-bottom: 16px;
font-size: 13px;
font-size: 1.3rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
font-weight: 700;
font-style: italic;
text-align: center;
color: #a38b39;
}
.archco-Np_WrappingAlpha:before, .archco-Np_WrappingAlpha:after {
content: "";
position: absolute;
top: 50%;
display: inline-block;
width: 108px;
height: 1px;
background-color: #a38b39;
}
.archco-Np_WrappingAlpha:before {
left: 0;
}
.archco-Np_WrappingAlpha:after {
right: 0;
}
.archco-Np_WrappingTitle {
font-size: 18px;
font-size: 1.8rem;
margin-bottom: 8px;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
font-weight: 700;
}
.archco-Np_WrappingClip {
position: absolute;
bottom: -20px;
left: 0;
width: 23%;
}
.archco-Itemlist_Icon {
margin-bottom: 24px;
}
.archco-Itemlist_Icon > * {
width: 50px;
margin-right: 4px;
}
.archco-Itemlist_Icon > *:last-child {
margin-right: 0;
} .archco-Atogaki_Title {
font-weight: 600;
text-align: center;
} .archco-ListStyled {
margin-left: 2em;
margin-bottom: 1em;
padding-left: 0;
list-style: disc !important;
} .archco-ListUnstyled {
list-style: none;
padding-left: 0;
} .archco-DescriptionList > li {
margin-bottom: 1.5em;
}
.archco-DescriptionList dl {
margin: 0;
}
.archco-DescriptionList dl dt {
font-weight: 700;
margin-bottom: 0.5em;
}
.archco-DescriptionList dl dd {
margin-bottom: 0.5em;
} .archco-List_Col2 > li {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
}
.archco-List_Col2 > li > * {
-webkit-box-flex: 0;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
}
.archco-List_Col2 > li .list-Col2_Img {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
margin-right: 1.5em;
width: 10%;
}  .archive-Custom_Hero {
position: relative;
margin-bottom: 24px;
overflow: hidden;
}
.archive-Custom_Title {
display: block;
position: absolute;
top: 18%;
left: 50%;
width: 500px;
padding-top: 16px;
padding-bottom: 16px;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
font-weight: 700;
text-align: center;
line-height: 1;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.archive-Custom_Brand {
display: block;
padding-bottom: 16px;
font-size: 36px;
font-size: 3.6rem;
letter-spacing: 0.5em;
text-indent: 0.5em;
}
.archive-Custom_Alpha {
display: block;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
font-weight: 700;
letter-spacing: 0.3em;
}
.archive-Custom_Heading2 {
display: block;
margin-bottom: 80px;
font-size: 26px;
font-size: 2.6rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
font-weight: 700;
text-align: center;
letter-spacing: 0.5em;
}
.archive-Custom_Heading3 {
margin-bottom: 40px;
font-size: 18px;
font-size: 1.8rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
font-weight: 700;
text-align: center;
letter-spacing: 0.3em;
} .archive-Custom_Desc {
margin-top: 80px;
margin-bottom: 80px;
}
.archive-Custom_Desc p {
margin-bottom: 1em;
line-height: 1.8;
}
.archive-Custom_Desc figcaption {
margin-top: 0.5em;
font-size: 12px;
font-size: 1.2rem;
} .archive-Custom_Text {
width: 80%;
margin-right: auto;
margin-bottom: 80px;
margin-left: auto;
}
.archive-Custom_Text > :last-child {
margin-bottom: 0;
} .archive-Custom_Gallery {
margin-bottom: 80px;
}
.archive-Custom_Photos {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.archive-Custom_Photos > * {
margin-right: 2%;
}
.archive-Custom_Photos > * {
width: 49%;
}
.archive-Custom_Photos > *:nth-child(2n) {
margin-right: 0;
}
.archive-Custom_Photos > :nth-child(-n+2) {
margin-bottom: 24px;
} .archive-Seigado_Craftsman {
margin-top: 120px;
text-align: center;
}
.archive-Seigado_ArtistName {
display: block;
margin-top: 40px;
margin-right: 24px;
margin-bottom: 40px;
margin-left: 24px;
padding-top: 24px;
padding-bottom: 24px;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
font-size: 18px;
font-size: 1.8rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
letter-spacing: 0.1em;
}
.archive-Seigado_ArtistPhoto {
width: 50%;
border-radius: 50%;
}
.archive-Seigado_Profile {
width: 80%;
margin-right: auto;
margin-left: auto;
font-size: 13px;
font-size: 1.3rem;
line-height: 2;
text-align: left;
list-style: none;
} .archive-Mino .archive-Custom_Title {
top: 50%;
color: #fff;
}
.archive-Mino .archive-Custom_Heading2 {
font-size: 20px;
font-size: 2rem;
letter-spacing: 0.2em;
line-height: 2;
}
.archive-Mino_Emphasis {
color: #a37f38;
}
.archive-Mino_MainImg {
margin-bottom: 120px;
}
.archive-Mino_Wrapping {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
background: #eee;
padding: 16px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.archive-Mino_Wrapping > * {
margin-right: 2%;
}
.archive-Mino_WrappingImg {
width: 300px;
}
.archive-Mino_WrappingText {
width: calc(100% - 300px - 2%);
margin-right: 0;
}
.archive-Mino_WrappingTitle {
margin-bottom: 1em;
font-size: 16px;
font-size: 1.6rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
font-weight: 700;
} .archive-Iono .archive-Custom_Title {
top: 50%;
}
.archive-Iono .archive-Custom_Heading2 {
font-size: 20px;
font-size: 2rem;
letter-spacing: 0.3em;
line-height: 2;
} .archive-Imayotsukasa .archive-Custom_Title {
background: rgba(0, 0, 0, 0.3);
}
.archive-Imayotsukasa .archive-Custom_Brand {
color: #fff;
}
.archive-Imayotsukasa .archive-Custom_Alpha {
color: #fff;
}
.archive-Imayotsukasa_Gallary > * {
margin-bottom: 16px;
}
.archive-Imayotsukasa_Gallary > *:last-child {
margin-bottom: 0;
} .archive-Fujiishikkou .archive-Custom_Brand {
color: #fff;
}
.archive-Fujiishikkou .archive-Custom_Alpha {
color: #fff;
}
.archive-Fujiishikkou .archive-Custom_Desc {
margin-top: 56px;
}
.archive-Fujiishikkou .archive-Custom_Heading2 {
font-size: 23px;
font-size: 2.3rem;
letter-spacing: 0.2em;
line-height: 2;
} .archive-Furumachikouji .archive-Custom_Title {
background: rgba(255, 255, 255, 0.7);
}
.archive-Furumachikouji .archive-Custom_Brand {
font-size: 30px;
font-size: 3rem;
} .archive-Tainai-beer .archive-Custom_Brand {
font-size: 30px;
font-size: 3rem;
letter-spacing: 0.4em;
text-indent: 0.4em;
}  .archfa-Containter {
width: 720px;
margin-right: auto;
margin-bottom: 80px;
margin-left: auto;
padding-bottom: 16px;
background-color: #f4f5f4;
}
.archfa-Containter > *:last-child {
margin-bottom: 0;
}
.archfa-Containter a:hover {
text-decoration: none;
}
.archfa-Containter .sw-ItemList_Btn a {
background-color: #1a3168;
}
.archfa-Containter .sw-ItemList_Btn a:hover {
color: #fff;
background-color: #c8300d;
}
.archfa-Time {
margin-bottom: 1em;
text-align: right;
}
.archfa-Btn {
display: block;
text-align: center;
line-height: 3;
background-color: #1a3168;
border-radius: 5px;
color: #fff;
}
.archfa-Btn:hover {
background-color: #c8300d;
color: #fff;
}
.archfa-ItemLinkBtn {
display: block;
width: 80%;
margin-right: auto;
margin-bottom: 80px;
margin-left: auto;
border: 1px solid #c8300d;
border-radius: 5px;
font-size: 18px;
font-size: 1.8rem;
text-align: center;
line-height: 3;
color: #fff;
background-color: #c8300d;
}
.archfa-ItemLinkBtn:hover {
border: 1px solid #c8300d;
color: #c8300d;
background-color: #fff;
} .archfa-Hero {
margin-bottom: 24px;
} .archfa-Lead {
width: 96%;
margin-right: auto;
margin-bottom: 56px;
margin-left: auto;
padding-top: 40px;
padding-bottom: 40px;
background-color: #fff;
}
.archfa-Lead .archfa-Lead_Title {
margin-bottom: 40px;
font-size: 30px;
font-size: 3rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
text-align: center;
letter-spacing: 0.05em;
}
.archfa-Lead .archfa-Lead_Title br {
display: none;
}
.archfa-Lead_TitleSub {
display: block;
margin-bottom: 24px;
font-size: 20px;
font-size: 2rem;
letter-spacing: normal;
color: #a38b39;
}
.archfa-Lead_TitleEmp {
padding-top: 0.5em;
background-image: url(//kanrekiiwai.biz/wp/img/archive/family/father/image_h2-emp.png);
background-repeat: no-repeat;
background-position: center top;
background-size: 1.5em;
color: #c8300d;
}
.archfa-Lead_Text {
margin-bottom: 64px;
padding-right: 56px;
padding-left: 56px;
line-height: 2;
}
.archfa-Lead_Text > * {
margin-bottom: 1em;
} .archfa-Menu {
margin-right: 56px;
margin-left: 56px;
font-size: 16px;
font-size: 1.6rem;
}
.archfa-Menu .archfa-Menu_Heading {
margin-bottom: 32px;
font-size: 20px;
font-size: 2rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
font-weight: 700;
text-align: center;
letter-spacing: 0.1em;
}
.archfa-Menu .archfa-Menu_Heading > * {
display: inline-block;
}
.archfa-Menu .archfa-Menu_Heading p {
margin-right: 1em;
margin-left: 1em;
}
.archfa-Menu .archfa-Menu_Heading img {
width: calc(50% - 3.4em);
}
.archfa-Menu_Parents {
margin-right: auto;
margin-left: auto;
list-style: none;
counter-reset: num;
}
.archfa-Menu_Parents > li {
position: relative;
margin-bottom: 0.5em;
padding-left: 3em;
line-height: 2;
}
.archfa-Menu_Parents > li::before {
counter-increment: num;
content: counter(num);
position: absolute;
top: 0;
left: 0;
width: 2em;
border: 1px solid #ccc;
text-align: center;
background-color: #eee;
}
.archfa-Menu_Parents > li:last-child {
margin-bottom: 0;
}
.archfa-Menu_Children {
position: relative;
margin-top: 0.5em;
margin-bottom: 0.5em;
line-height: 2;
list-style-position: inside;
}
.archfa-Menu_Children li {
position: relative;
}
.archfa-Menu_Children li::before {
background-color: inherit;
color: #1a3168;
} .archfa-Reading {
width: 96%;
margin-right: auto;
margin-bottom: 40px;
margin-left: auto;
padding-top: 24px;
padding-right: 24px;
padding-bottom: 24px;
padding-left: 24px;
line-height: 2;
background-color: #fff;
}
.archfa-Reading > *:last-child {
margin-bottom: 0;
}
.archfa-Reading p {
margin-bottom: 1em;
}
.archfa-Reading h2 {
margin-bottom: 1em;
font-size: 18px;
font-size: 1.8rem;
text-indent: 1em;
line-height: 3;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
background-color: #eee;
}
.archfa-Reading h3 {
margin-top: 1em;
margin-bottom: 1em;
font-size: 18px;
font-size: 1.8rem;
}
.archfa-Reading section {
width: 96%;
margin-right: auto;
margin-left: auto;
}
.archfa-Reading .sw-ItemList_3 {
margin-top: 40px;
}
.archfa-Reading_Flexbox {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.archfa-Reading_Flexbox > * {
margin-right: 2%;
}
.archfa-Reading_Flexbox > *:first-child {
margin-right: 24px;
width: 200px;
}
.archfa-Reading_Flexbox > *:first-child img {
width: 200px;
height: 200px;
-o-object-fit: cover;
object-fit: cover;
}
.archfa-Reading_Flexbox > *:last-child {
width: calc(100% - 200px - 24px);
margin-right: 0;
} .archfa-Rank_Wrapper {
width: 96%;
margin-right: auto;
margin-bottom: 56px;
margin-left: auto;
padding-top: 40px;
padding-bottom: 40px;
background-color: #fff;
}
.archfa-Rank h2 {
margin-bottom: 32px;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
font-size: 26px;
font-size: 2.6rem;
text-align: center;
line-height: 2;
letter-spacing: 0.1em;
}
.archfa-Rank h2 span {
display: block;
font-size: 20px;
font-size: 2rem;
}
.archfa-RankMenu {
width: 80%;
margin-right: auto;
margin-left: auto;
}
.archfa-RankMenu ol {
width: 90%;
margin-right: auto;
margin-bottom: 40px;
margin-left: auto;
padding-left: 0.3em;
list-style: none;
font-size: 30px;
font-size: 3rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
font-weight: 700;
}
.archfa-RankMenu ol > * {
margin-bottom: 8px;
}
.archfa-RankMenu ol > *:last-child {
margin-bottom: 0;
}
.archfa-RankMenu a {
padding-top: 3px;
}
.archfa-RankMenu a:hover {
text-decoration: none;
color: inherit;
background-image: url(//kanrekiiwai.biz/wp/img/archive/family/father/image_circle-red.png);
background-repeat: no-repeat;
background-position: top left;
background-size: 1em;
}
.archfa-RankMenu_Heading {
margin-bottom: 32px;
font-size: 20px;
font-size: 2rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
font-weight: 700;
letter-spacing: 0.1em;
}
.archfa-RankMenu_Heading > * {
display: inline-block;
}
.archfa-RankMenu_Heading p {
margin-right: 1em;
margin-left: 1em;
}
.archfa-RankMenu_Heading img {
width: calc(50% - 3.4em);
}
.archfa-RankMenu_Num {
display: inline-block;
margin-right: 8px;
margin-left: 6px;
font-style: italic;
}
.archfa-RankMenu_Sub {
display: inline-block;
width: 12em;
font-size: 14px;
font-size: 1.4rem;
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
vertical-align: middle;
color: #1a3168;
}
.archfa-RankMenu_Title {
display: inline-block;
position: relative;
padding-left: 1em;
font-size: 24px;
font-size: 2.4rem;
}
.archfa-RankMenu_Title:before {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
margin: auto;
display: inline-block;
width: 1px;
height: 1em;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
background-color: #333;
}
.archfa-RankMenu_Clip {
height: 1.5em;
margin-left: 0.5em;
} .archfa-Content {
margin-bottom: 40px;
}
.archfa-Content_Hero {
position: relative;
margin-bottom: 24px;
}
.archfa-Content_HeroClip {
position: absolute;
top: -6%;
right: 7%;
height: 112%;
}
.archfa-Content_Title {
position: relative;
width: 92%;
margin-right: auto;
margin-bottom: 16px;
margin-left: auto;
padding-left: 0.3em;
font-size: 38px;
font-size: 3.8rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
}
.archfa-Content_Title img {
position: absolute;
top: 0;
left: 0;
width: 1.5em;
z-index: 0;
}
.archfa-Content_Title rt {
font-size: 30%;
}
.archfa-Content_TitleNum {
position: relative;
margin-right: 8px;
font-size: 60px;
font-size: 6rem;
font-style: italic;
z-index: 1;
}
.archfa-Content_TitleAlpha {
display: none;
}
.archfa-Content_TitleSub {
margin: 8px;
font-size: 26px;
font-size: 2.6rem;
}
.archfa-Content_Wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
width: 92%;
margin-right: auto;
margin-bottom: 56px;
margin-left: auto;
}
.archfa-Content_Wrapper > * {
margin-right: 2%;
}
.archfa-Content_Wrapper > *:first-child {
width: 46%;
margin-right: 4%;
}
.archfa-Content_Wrapper > *:last-child {
width: 50%;
margin-right: 0;
}
.archfa-Content_Text p {
margin-right: 8px;
margin-bottom: 24px;
margin-left: 8px;
line-height: 1.8;
}
.archfa-Content_Heading {
margin-bottom: 16px;
font-size: 18px;
font-size: 1.8rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
line-height: 2;
letter-spacing: 0.05em;
color: #1a3168;
}
.archfa-Content_Heading span {
display: inline-block;
width: 98%;
padding-right: 8px;
padding-left: 8px;
line-height: 2.2;
border-bottom: 1px solid #1a3168;
}
.archfa-Content_Img {
position: relative;
}
.archfa-Content_Img figure img {
margin-bottom: 8px;
}
.archfa-Content_Img figure figcaption {
font-size: 12px;
font-size: 1.2rem;
}
.archfa-Content_ImgCaption {
position: absolute;
top: 199px;
right: 8px;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
font-weight: 700;
}
.archfa-Content_ImgCaption p {
position: relative;
width: 7em;
height: 7em;
border: 2px solid #c8300d;
border-radius: 50%;
text-align: center;
line-height: 1.4;
color: #c8300d;
background-color: rgba(255, 255, 255, 0.7);
}
.archfa-Content_ImgCaption p span {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: calc(7em - 4px);
height: calc(4.2em + 2.8px);
margin: auto;
}
.archfa-Content_Graph {
width: 96%;
margin-right: auto;
margin-bottom: 64px;
margin-left: auto;
}
.archfa-Content_Graph cite {
font-size: 11px;
font-size: 1.1rem;
} .archfa-Label {
position: relative;
width: 96%;
margin-right: auto;
margin-bottom: 40px;
margin-left: auto;
padding-top: 110px;
padding-bottom: 24px;
background-color: #fff;
}
.archfa-Label h3 {
position: absolute;
top: -20px;
right: 0;
left: 0;
margin-right: auto;
margin-left: auto;
font-size: 28px;
font-size: 2.8rem;
text-align: center;
}
.archfa-Label ul {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
width: 96%;
margin-right: auto;
margin-left: auto;
list-style: none;
}
.archfa-Label ul > * {
margin-right: 2%;
}
.archfa-Label ul > * {
width: 32%;
}
.archfa-Label ul > *:nth-child(3n) {
margin-right: 0;
}
.archfa-Label ul > *:nth-child(-n+3) {
margin-bottom: 32px;
}
.archfa-Label_Heading {
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
letter-spacing: 0.05em;
}
.archfa-Label_SubTitle {
display: block;
width: 15em;
margin-right: auto;
margin-bottom: 20px;
margin-left: auto;
padding-right: 2em;
padding-left: 2em;
border-radius: 30px;
font-size: 16px;
font-size: 1.6rem;
font-weight: normal;
line-height: 2.6;
letter-spacing: 0.1em;
color: #fff;
background-color: #2a1f18;
}
.archfa-Label_Title {
margin-top: 16px;
margin-bottom: 16px;
font-size: 16px;
font-size: 1.6rem;
text-align: center;
line-height: 2;
font-weight: 700;
background-color: #eee;
}
.archfa-Label_Title span {
font-size: 22px;
font-size: 2.2rem;
font-weight: 700;
letter-spacing: 0.05em;
} .archfa-Np {
width: 96%;
margin-right: auto;
margin-bottom: 56px;
margin-left: auto;
background-color: #fff;
}
.archfa-Np_Bg {
border: 8px solid #d7c8a0;
}
.archfa-Np_Wrapper {
position: relative;
width: 100%;
}
.archfa-Np_Header {
position: absolute;
width: 70%;
top: 40px;
right: 16px;
padding-left: 70px;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
font-weight: normal;
text-align: center;
z-index: 1;
}
.archfa-Np_Title {
display: block;
padding-top: 16px;
padding-bottom: 16px;
border-top: 1px solid #333;
border-bottom: 1px solid #333;
font-size: 36px;
font-size: 3.6rem;
line-height: 1;
}
.archfa-Np_HeaderPlus {
position: absolute;
top: -18px;
left: 0;
width: 90px;
}
.archfa-Np_HeadingAlp {
display: block;
margin-top: 16px;
font-size: 0.4em;
letter-spacing: 0.1em;
}
.archfa-Np_HeadingSub {
position: relative;
display: inline-block;
margin-bottom: 8px;
padding-right: 25px;
padding-left: 25px;
font-size: 16px;
font-size: 1.6rem;
}
.archfa-Np_HeadingSub::before {
content: "";
display: inline-block !important;
position: absolute;
top: 50%;
left: 0;
width: 18px;
height: 1px;
background-color: #333;
-webkit-transform: rotate(50deg);
transform: rotate(50deg);
}
.archfa-Np_HeadingSub::after {
content: "";
display: inline-block !important;
position: absolute;
top: 50%;
right: 0;
width: 18px;
height: 1px;
background-color: #333;
-webkit-transform: rotate(-50deg);
transform: rotate(-50deg);
}
.archfa-Np_Text {
margin-bottom: 40px;
font-size: 20px;
font-size: 2rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
font-weight: 700;
text-align: center;
line-height: 2;
}
.archfa-Np_Text span {
border-bottom: 2px solid #c8300d;
}
.archfa-Np_Img {
position: relative;
z-index: 0;
}
.archfa-Np_MainImg {
margin-top: 88px;
margin-bottom: 24px;
}
.archfa-Np_SubImg {
position: absolute;
bottom: 0;
right: 0;
width: 270px;
}
.archfa-Np_Wrapping {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
position: relative;
width: 96%;
margin-right: auto;
margin-bottom: 32px;
margin-left: auto;
}
.archfa-Np_Wrapping > * {
margin-right: 2%;
}
.archfa-Np_Wrapping > * {
width: 49%;
}
.archfa-Np_Wrapping > *:nth-child(2n) {
margin-right: 0;
}
.archfa-Np_Wrapping .archfa-Btn {
margin-top: 24px;
}
.archfa-Np_WrappingAlpha {
position: relative;
display: block;
margin-bottom: 16px;
font-size: 13px;
font-size: 1.3rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
font-weight: 700;
font-style: italic;
text-align: center;
color: #a38b39;
}
.archfa-Np_WrappingAlpha:before, .archfa-Np_WrappingAlpha:after {
content: "";
position: absolute;
top: 50%;
display: inline-block;
width: 108px;
height: 1px;
background-color: #a38b39;
}
.archfa-Np_WrappingAlpha:before {
left: 0;
}
.archfa-Np_WrappingAlpha:after {
right: 0;
}
.archfa-Np_WrappingTitle {
font-size: 18px;
font-size: 1.8rem;
margin-bottom: 8px;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
font-weight: 700;
}
.archfa-Np_WrappingClip {
position: absolute;
bottom: -20px;
left: 0;
width: 23%;
}
.archfa-Itemlist_Icon {
margin-bottom: 24px;
}
.archfa-Itemlist_Icon > * {
width: 50px;
margin-right: 4px;
}
.archfa-Itemlist_Icon > *:last-child {
margin-right: 0;
}
.archfa-Message {
margin-bottom: 40px;
border: 1px solid #ccc;
text-align: center;
}
.archfa-Message:first-of-type {
margin-top: 40px;
}
.archfa-Message h3 {
width: 80%;
margin-right: auto;
margin-left: auto;
padding-bottom: 1em;
border-bottom: 1px solid #ccc;
} .archfa-Atogaki_Title {
font-weight: 600;
text-align: center;
} .archfa-ListStyled {
margin-left: 2em;
margin-bottom: 1em;
padding-left: 0;
list-style: disc !important;
} .archfa-ListUnstyled {
list-style: none;
padding-left: 0;
} .archfa-DescriptionList > li {
margin-bottom: 1.5em;
}
.archfa-DescriptionList dl {
margin: 0;
}
.archfa-DescriptionList dl dt {
font-weight: 700;
margin-bottom: 0.5em;
}
.archfa-DescriptionList dl dd {
margin-bottom: 0.5em;
} .archfa-List_Col2 > li {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
}
.archfa-List_Col2 > li > * {
-webkit-box-flex: 0;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
}
.archfa-List_Col2 > li .list-Col2_Img {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
margin-right: 1.5em;
width: 10%;
}   .archpa-Containter {
width: 720px;
margin-right: auto;
margin-bottom: 80px;
margin-left: auto;
padding-bottom: 80px;
background-color: #f4f5f4;
}
.archpa-Containter > *:last-child {
margin-bottom: 0;
}
.archpa-Containter a:hover {
text-decoration: none;
}
.archpa-Containter .sw-ItemList_Btn a {
background-color: #2a1f18;
}
.archpa-Containter .sw-ItemList_Btn a:hover {
color: #fff;
background-color: #c8300d;
}
.archpa-Title {
margin-bottom: 1em;
font-size: 14px;
font-size: 1.4rem;
}
.archpa-Btn {
display: block;
text-align: center;
line-height: 3;
background-color: #2a1f18;
border-radius: 5px;
color: #fff;
}
.archpa-Btn:hover {
background-color: #c8300d;
color: #fff;
}
.archpa-ItemLinkBtn {
display: block;
width: 80%;
margin-right: auto;
margin-bottom: 80px;
margin-left: auto;
border: 1px solid #c8300d;
border-radius: 5px;
font-size: 18px;
font-size: 1.8rem;
text-align: center;
line-height: 3;
color: #fff;
background-color: #c8300d;
}
.archpa-ItemLinkBtn:hover {
border: 1px solid #c8300d;
color: #c8300d;
background-color: #fff;
} .archpa-Hero {
margin-bottom: 24px;
} .archpa-Lead {
width: 96%;
margin-right: auto;
margin-bottom: 56px;
margin-left: auto;
padding-top: 40px;
padding-bottom: 40px;
background-color: #fff;
}
.archpa-Lead .archpa-Lead_Title {
margin-bottom: 40px;
font-size: 30px;
font-size: 3rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
text-align: center;
letter-spacing: 0.05em;
}
.archpa-Lead .archpa-Lead_Title br {
display: none;
}
.archpa-Lead_TitleSub {
display: block;
margin-bottom: 24px;
font-size: 20px;
font-size: 2rem;
letter-spacing: normal;
color: #a38b39;
}
.archpa-Lead_TitleEmp {
padding-top: 0.5em;
background-image: url(//kanrekiiwai.biz/wp/img/archive/family/colleague/image_h2-emp.png);
background-repeat: no-repeat;
background-position: center top;
background-size: 1.5em;
color: #c8300d;
}
.archpa-Lead_Text {
margin-bottom: 64px;
padding-right: 56px;
padding-left: 56px;
line-height: 2;
}
.archpa-Lead_Text > * {
margin-bottom: 1em;
} .archpa-Menu {
margin-right: 56px;
margin-left: 56px;
font-size: 16px;
font-size: 1.6rem;
}
.archpa-Menu .archpa-Menu_Heading {
margin-bottom: 32px;
font-size: 20px;
font-size: 2rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
font-weight: 700;
text-align: center;
letter-spacing: 0.1em;
}
.archpa-Menu .archpa-Menu_Heading > * {
display: inline-block;
}
.archpa-Menu .archpa-Menu_Heading p {
margin-right: 1em;
margin-left: 1em;
}
.archpa-Menu .archpa-Menu_Heading img {
width: calc(50% - 3.4em);
}
.archpa-Menu_Parents {
margin-right: auto;
margin-bottom: 40px;
margin-left: auto;
list-style: none;
counter-reset: num;
}
.archpa-Menu_Parents > li {
position: relative;
margin-bottom: 0.5em;
padding-left: 3em;
line-height: 2;
}
.archpa-Menu_Parents > li::before {
counter-increment: num;
content: counter(num);
position: absolute;
top: 0;
left: 0;
width: 2em;
border: 1px solid #ccc;
text-align: center;
background-color: #eee;
}
.archpa-Menu_Parents > li:last-child {
margin-bottom: 0;
}
.archpa-Menu_Children {
position: relative;
margin-top: 0.5em;
margin-bottom: 0.5em;
line-height: 2;
list-style-position: inside;
}
.archpa-Menu_Children li {
position: relative;
}
.archpa-Menu_Children li::before {
background-color: inherit;
color: #2a1f18;
} .archpa-Reading {
width: 96%;
margin-right: auto;
margin-bottom: 40px;
margin-left: auto;
padding-top: 24px;
padding-right: 24px;
padding-bottom: 24px;
padding-left: 24px;
line-height: 2;
background-color: #fff;
}
.archpa-Reading p {
margin-bottom: 1em;
}
.archpa-Reading h2 {
margin-bottom: 1em;
font-size: 18px;
font-size: 1.8rem;
text-indent: 1em;
line-height: 3;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
background-color: #eee;
}
.archpa-Reading h3 {
margin-top: 1em;
margin-bottom: 1em;
font-size: 18px;
font-size: 1.8rem;
}
.archpa-Reading h4 {
font-size: 16px;
font-size: 1.6rem;
}
.archpa-Reading section {
width: 96%;
margin-right: auto;
margin-left: auto;
}
.archpa-Reading .sw-ItemList_3 {
margin-top: 40px;
}
.archpa-Reading_Flexbox {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.archpa-Reading_Flexbox > * {
margin-right: 2%;
}
.archpa-Reading_Flexbox > *:first-child {
margin-right: 24px;
width: 200px;
}
.archpa-Reading_Flexbox > *:first-child img {
width: 200px;
height: 200px;
-o-object-fit: cover;
object-fit: cover;
border-radius: 50%;
}
.archpa-Reading_Flexbox > *:last-child {
width: calc(100% - 200px - 24px);
margin-right: 0;
}
.archpa-ByGender h3 {
position: relative;
margin-top: 1.5em;
margin-bottom: 1.5em;
padding-left: 1em;
}
.archpa-ByGender h3::before {
position: absolute;
content: "";
top: 8px;
left: 0;
display: block;
width: 4px;
height: calc(100% - 16px);
border-radius: 3px;
background-color: #333;
}
.archpa-ByGender h4 {
position: relative;
margin-bottom: 0.5em;
padding-left: 1em;
}
.archpa-ByGender h4::before {
position: absolute;
content: "●";
top: 0;
left: 0;
}
.archpa-ByGender .archpa-ByGender_Men {
margin-bottom: 56px;
}
.archpa-ByGender .archpa-Reading_Flexbox {
margin-bottom: 32px;
}
.archpa-Message {
margin-bottom: 40px;
border: 1px solid #ccc;
text-align: center;
}
.archpa-Message:first-of-type {
margin-top: 40px;
}
.archpa-Message h3 {
width: 80%;
margin-right: auto;
margin-left: auto;
padding-bottom: 1em;
border-bottom: 1px solid #ccc;
} .archpa-Rank_Wrapper {
width: 96%;
margin-right: auto;
margin-bottom: 56px;
margin-left: auto;
padding-top: 40px;
padding-bottom: 40px;
background-color: #fff;
}
.archpa-Rank h2 {
margin-bottom: 32px;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
font-size: 26px;
font-size: 2.6rem;
text-align: center;
line-height: 2;
letter-spacing: 0.1em;
}
.archpa-Rank h2 span {
display: block;
font-size: 20px;
font-size: 2rem;
}
.archpa-RankMenu {
width: 80%;
margin-right: auto;
margin-left: auto;
}
.archpa-RankMenu ol {
width: 90%;
margin-right: auto;
margin-bottom: 40px;
margin-left: auto;
padding-left: 0.3em;
list-style: none;
font-size: 30px;
font-size: 3rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
font-weight: 700;
}
.archpa-RankMenu ol > * {
margin-bottom: 8px;
}
.archpa-RankMenu ol > *:last-child {
margin-bottom: 0;
}
.archpa-RankMenu a {
padding-top: 3px;
}
.archpa-RankMenu a:hover {
text-decoration: none;
color: inherit;
background-image: url(//kanrekiiwai.biz/wp/img/archive/family/colleague/image_circle-red.png);
background-repeat: no-repeat;
background-position: top left;
background-size: 1em;
}
.archpa-RankMenu_Heading {
margin-bottom: 32px;
font-size: 20px;
font-size: 2rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
font-weight: 700;
letter-spacing: 0.1em;
}
.archpa-RankMenu_Heading > * {
display: inline-block;
}
.archpa-RankMenu_Heading p {
margin-right: 1em;
margin-left: 1em;
}
.archpa-RankMenu_Heading img {
width: calc(50% - 3.4em);
}
.archpa-RankMenu_Num {
display: inline-block;
margin-right: 8px;
margin-left: 6px;
font-style: italic;
}
.archpa-RankMenu_Sub {
display: inline-block;
width: 12em;
font-size: 14px;
font-size: 1.4rem;
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
vertical-align: middle;
color: #2a1f18;
}
.archpa-RankMenu_Title {
display: inline-block;
position: relative;
padding-left: 1em;
font-size: 24px;
font-size: 2.4rem;
}
.archpa-RankMenu_Title:before {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
margin: auto;
display: inline-block;
width: 1px;
height: 1em;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
background-color: #333;
}
.archpa-RankMenu_Clip {
height: 1.5em;
margin-left: 0.5em;
} .archpa-Content {
margin-bottom: 120px;
}
.archpa-Content_Hero {
position: relative;
margin-bottom: 24px;
}
.archpa-Content_HeroClip {
position: absolute;
top: -6%;
right: 7%;
height: 112%;
}
.archpa-Content_Title {
position: relative;
width: 92%;
margin-right: auto;
margin-bottom: 16px;
margin-left: auto;
padding-left: 0.3em;
font-size: 38px;
font-size: 3.8rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
}
.archpa-Content_Title img {
position: absolute;
top: 0;
left: 0;
width: 1.5em;
z-index: 0;
}
.archpa-Content_Title rt {
font-size: 30%;
}
.archpa-Content_TitleNum {
position: relative;
margin-right: 8px;
font-size: 60px;
font-size: 6rem;
font-style: italic;
z-index: 1;
}
.archpa-Content_TitleAlpha {
display: none;
}
.archpa-Content_TitleSub {
margin: 8px;
font-size: 26px;
font-size: 2.6rem;
}
.archpa-Content_Wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
width: 92%;
margin-right: auto;
margin-bottom: 56px;
margin-left: auto;
}
.archpa-Content_Wrapper > * {
margin-right: 2%;
}
.archpa-Content_Wrapper > *:first-child {
width: 46%;
margin-right: 4%;
}
.archpa-Content_Wrapper > *:last-child {
width: 50%;
margin-right: 0;
}
.archpa-Content_Text p {
margin-right: 8px;
margin-bottom: 24px;
margin-left: 8px;
line-height: 1.8;
}
.archpa-Content_Heading {
margin-bottom: 16px;
font-size: 18px;
font-size: 1.8rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
line-height: 2;
letter-spacing: 0.05em;
color: #2a1f18;
}
.archpa-Content_Heading span {
display: inline-block;
width: 98%;
padding-right: 8px;
padding-left: 8px;
line-height: 2.2;
border-bottom: 1px solid #2a1f18;
}
.archpa-Content_Img {
position: relative;
}
.archpa-Content_Img figure img {
margin-bottom: 8px;
}
.archpa-Content_Img figure figcaption {
font-size: 12px;
font-size: 1.2rem;
}
.archpa-Content_ImgCaption {
position: absolute;
top: 199px;
right: 8px;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
font-weight: 700;
}
.archpa-Content_ImgCaption p {
position: relative;
width: 7em;
height: 7em;
border: 2px solid #c8300d;
border-radius: 50%;
text-align: center;
line-height: 1.4;
color: #c8300d;
background-color: rgba(255, 255, 255, 0.7);
}
.archpa-Content_ImgCaption p span {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: calc(7em - 4px);
height: calc(4.2em + 2.8px);
margin: auto;
}
.archpa-Content_Graph {
width: 96%;
margin-right: auto;
margin-bottom: 64px;
margin-left: auto;
}
.archpa-Content_Graph cite {
font-size: 11px;
font-size: 1.1rem;
} .archpa-Label {
position: relative;
width: 96%;
margin-right: auto;
margin-bottom: 80px;
margin-left: auto;
padding-top: 110px;
padding-bottom: 40px;
background-color: #fff;
}
.archpa-Label h3 {
position: absolute;
top: -20px;
right: 0;
left: 0;
margin-right: auto;
margin-left: auto;
font-size: 28px;
font-size: 2.8rem;
text-align: center;
}
.archpa-Label ul {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
width: 96%;
margin-right: auto;
margin-left: auto;
list-style: none;
}
.archpa-Label ul > * {
margin-right: 2%;
}
.archpa-Label ul > * {
width: 32%;
}
.archpa-Label ul > *:nth-child(3n) {
margin-right: 0;
}
.archpa-Label ul > *:nth-child(-n+3) {
margin-bottom: 32px;
}
.archpa-Label_Heading {
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
letter-spacing: 0.05em;
}
.archpa-Label_Sample {
width: 70%;
margin-right: auto;
margin-left: auto;
}
.archpa-Label_SubTitle {
display: block;
width: 15em;
margin-right: auto;
margin-bottom: 20px;
margin-left: auto;
padding-right: 2em;
padding-left: 2em;
border-radius: 30px;
font-size: 16px;
font-size: 1.6rem;
font-weight: normal;
line-height: 2.6;
letter-spacing: 0.1em;
color: #fff;
background-color: #2a1f18;
}
.archpa-Label_Title {
margin-top: 16px;
margin-bottom: 16px;
font-size: 18px;
font-size: 1.8rem;
text-align: center;
line-height: 2;
background-color: #eee;
}
.archpa-Label_Title span {
font-size: 22px;
font-size: 2.2rem;
font-weight: 700;
letter-spacing: 0.05em;
} .archpa-Np {
width: 96%;
margin-right: auto;
margin-bottom: 56px;
margin-left: auto;
background-color: #fff;
}
.archpa-Np_Bg {
border: 8px solid #d7c8a0;
}
.archpa-Np_Wrapper {
position: relative;
width: 100%;
}
.archpa-Np_Header {
position: absolute;
width: 70%;
top: 40px;
right: 16px;
padding-left: 70px;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
font-weight: normal;
text-align: center;
z-index: 1;
}
.archpa-Np_Title {
display: block;
padding-top: 16px;
padding-bottom: 16px;
border-top: 1px solid #333;
border-bottom: 1px solid #333;
font-size: 36px;
font-size: 3.6rem;
line-height: 1;
}
.archpa-Np_HeaderPlus {
position: absolute;
top: -18px;
left: 0;
width: 90px;
}
.archpa-Np_HeadingAlp {
display: block;
margin-top: 16px;
font-size: 0.4em;
letter-spacing: 0.1em;
}
.archpa-Np_HeadingSub {
position: relative;
display: inline-block;
margin-bottom: 8px;
padding-right: 25px;
padding-left: 25px;
font-size: 16px;
font-size: 1.6rem;
}
.archpa-Np_HeadingSub::before {
content: "";
display: inline-block !important;
position: absolute;
top: 50%;
left: 0;
width: 18px;
height: 1px;
background-color: #333;
-webkit-transform: rotate(50deg);
transform: rotate(50deg);
}
.archpa-Np_HeadingSub::after {
content: "";
display: inline-block !important;
position: absolute;
top: 50%;
right: 0;
width: 18px;
height: 1px;
background-color: #333;
-webkit-transform: rotate(-50deg);
transform: rotate(-50deg);
}
.archpa-Np_Text {
margin-bottom: 40px;
font-size: 20px;
font-size: 2rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
font-weight: 700;
text-align: center;
line-height: 2;
}
.archpa-Np_Text span {
border-bottom: 2px solid #c8300d;
}
.archpa-Np_Img {
position: relative;
z-index: 0;
}
.archpa-Np_MainImg {
margin-top: 88px;
margin-bottom: 24px;
}
.archpa-Np_SubImg {
position: absolute;
bottom: 0;
right: 8px;
width: 340px;
}
.archpa-Np_Wrapping {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
position: relative;
width: 96%;
margin-right: auto;
margin-bottom: 32px;
margin-left: auto;
}
.archpa-Np_Wrapping > * {
margin-right: 2%;
}
.archpa-Np_Wrapping > * {
width: 49%;
}
.archpa-Np_Wrapping > *:nth-child(2n) {
margin-right: 0;
}
.archpa-Np_Wrapping .archpa-Btn {
margin-top: 24px;
}
.archpa-Np_WrappingAlpha {
position: relative;
display: block;
margin-bottom: 16px;
font-size: 13px;
font-size: 1.3rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
font-weight: 700;
font-style: italic;
text-align: center;
color: #a38b39;
}
.archpa-Np_WrappingAlpha:before, .archpa-Np_WrappingAlpha:after {
content: "";
position: absolute;
top: 50%;
display: inline-block;
width: 108px;
height: 1px;
background-color: #a38b39;
}
.archpa-Np_WrappingAlpha:before {
left: 0;
}
.archpa-Np_WrappingAlpha:after {
right: 0;
}
.archpa-Np_WrappingTitle {
font-size: 18px;
font-size: 1.8rem;
margin-bottom: 8px;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
font-weight: 700;
}
.archpa-Np_WrappingClip {
position: absolute;
bottom: -20px;
left: 0;
width: 28%;
}
.archpa-Itemlist_Icon {
margin-bottom: 24px;
}
.archpa-Itemlist_Icon > * {
width: 50px;
margin-right: 4px;
}
.archpa-Itemlist_Icon > *:last-child {
margin-right: 0;
} .archpa-Atogaki_Title {
font-weight: 600;
text-align: center;
} .archpa-ListStyled {
margin-left: 2em;
margin-bottom: 1em;
padding-left: 0;
list-style: disc !important;
} .archpa-ListUnstyled {
list-style: none;
padding-left: 0;
} .archpa-DescriptionList > li {
margin-bottom: 1.5em;
}
.archpa-DescriptionList dl {
margin: 0;
}
.archpa-DescriptionList dl dt {
font-weight: 700;
margin-bottom: 0.5em;
}
.archpa-DescriptionList dl dd {
margin-bottom: 0.5em;
} .archpa-List_Col2 > li {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
}
.archpa-List_Col2 > li > * {
-webkit-box-flex: 0;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
}
.archpa-List_Col2 > li .list-Col2_Img {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
margin-right: 1.5em;
width: 10%;
}  .archive-Hurry {
width: 720px;
margin-right: auto;
margin-left: auto;
}
.archive-Hurry_Underline {
background-color: #feff7a;
}
.archive-Hurry_Title {
margin-bottom: 40px;
font-size: 1.4rem;
text-align: right;
color: #ccc;
}
.archive-Hurry_Lead {
width: 35em;
margin-top: 40px;
margin-right: auto;
margin-bottom: 80px;
margin-left: auto;
font-size: 1.6rem;
}
.archive-Hurry_Lead > * {
margin-bottom: 16px;
}
.archive-Hurry_Lead > *:last-child {
margin-bottom: 0;
}
.archive-Hurry_Lead-emphasis {
color: #c8300d;
font-size: 20px;
font-size: 2rem;
font-weight: 700;
}
.archive-Hurry_Map {
margin-bottom: 80px;
font-size: 1.6rem;
}
.archive-Hurry_MapWrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 40px;
}
.archive-Hurry_MapWrapper > * {
margin-right: 2%;
}
.archive-Hurry_MapWrapper > * {
width: 49%;
}
.archive-Hurry_MapWrapper > *:nth-child(2n) {
margin-right: 0;
}
.archive-Hurry_MapImg {
width: 55%;
}
.archive-Hurry_MapList {
width: 43%;
}
.archive-Hurry_MapHeading {
margin-bottom: 40px;
font-size: 1.8rem;
font-weight: 700;
line-height: 3em;
letter-spacing: 0.1em;
text-align: center;
background-color: #faf6be;
}
.archive-Hurry_Map-one {
margin-bottom: 16px;
font-size: 1.8rem;
font-weight: 700;
line-height: 3;
letter-spacing: 0.1em;
text-align: center;
background-color: #88c121;
color: #fff;
}
.archive-Hurry_Map-two {
margin-top: 16px;
margin-bottom: 16px;
font-size: 1.8rem;
font-weight: 700;
line-height: 3;
letter-spacing: 0.1em;
text-align: center;
background-color: #f05e1c;
color: #fff;
}
.archive-Hurry_MapPrefecture {
margin-left: 1em;
}
.archive-Hurry_MapPrefecture > * {
display: inline-block;
margin-right: 0.5em;
}
.archive-Hurry_Airplane {
width: 90%;
margin-right: auto;
margin-left: auto;
border: 1px solid #f05e1c;
}
.archive-Hurry_Airplane p {
width: 80%;
margin-right: auto;
margin-bottom: 1em;
margin-left: auto;
}
.archive-Hurry_Airplane p:last-child {
margin-bottom: 40px;
}
.archive-Hurry_AirplaneTitle {
font-size: 1.8rem;
text-align: center;
line-height: 3;
letter-spacing: 0.1em;
background-color: #f05e1c;
color: #fff;
}
.archive-Hurry_AirplaneCatch {
margin-top: 40px;
margin-bottom: 16px;
font-size: 26px;
font-size: 2.6rem;
line-height: 50px;
text-align: center;
color: #f05e1c;
}
.archive-Hurry_AirplaneIcon {
display: inline-block;
height: 1.5em;
margin-right: 8px;
vertical-align: text-bottom;
}
.archive-Hurry_AirplaneText {
width: 80%;
margin-right: auto;
margin-bottom: 40px;
margin-left: auto;
}
.archive-Hurry_NoukiText > * {
margin-bottom: 1em;
}
.archive-Hurry_NoukiText > *:last-child {
margin-bottom: 0;
}
.archive-Hurry_NoukiText ul {
list-style: disc;
padding-left: 2em;
}
.archive-Hurry_NoukiText ul > * {
margin-bottom: 1em;
}
.archive-Hurry_NoukiText ul > *:last-child {
margin-bottom: 0;
}
.archive-Hurry_Tel {
width: 90%;
margin-top: 80px;
margin-right: auto;
margin-bottom: 80px;
margin-left: auto;
}
.archive-Hurry_TelCatch {
font-size: 22px;
font-size: 2.2rem;
text-align: center;
}
.archive-Hurry_TelNum {
font-size: 40px;
font-size: 4rem;
font-weight: 700;
text-align: center;
margin: 10px 0 30px 0;
}
.archive-Hurry_TelNum:before {
content: "\EA12";
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
vertical-align: middle;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
text-decoration: none;
text-transform: none;
speak: none;
}
.archive-Hurry_TelIcon {
height: 1em;
margin-right: 8px;
vertical-align: baseline;
}
.archive-Hurry_TelText {
padding: 2em;
background-color: #eee;
}
.archive-Hurry_TelText > * {
margin-bottom: 0.5em;
}
.archive-Hurry_TelText > *:last-child {
margin-bottom: 0;
}
.archive-Hurry_Content {
width: 90%;
margin-right: auto;
margin-bottom: 40px;
margin-left: auto;
}
.archive-Hurry_Nouki {
margin-bottom: 80px;
}
.archive-Hurry_NoukiHeading {
margin-bottom: 40px;
font-size: 1.8rem;
font-weight: 700;
line-height: 3;
text-align: center;
background-color: #334C69;
color: #fff;
}
.archive-Hurry_NoukiTitle {
margin-bottom: 16px;
font-size: 1.8rem;
font-weight: 700;
color: #c8300d;
}
.archive-Hurry_Caution {
margin-bottom: 80px;
}
.archive-Hurry_CautionHeading {
margin-bottom: 40px;
font-size: 1.8rem;
font-weight: 700;
line-height: 3;
text-align: center;
background-color: #c8300d;
color: #fff;
}
.archive-Hurry_CautionTitle {
margin-bottom: 16px;
padding-bottom: 0.25em;
font-size: 1.8rem;
font-weight: 700;
border-bottom: 1px solid #F00A00;
color: #c8300d;
}
.archive-Hurry_CautionText {
margin-right: 18px;
margin-left: 18px;
}
.archive-Hurry_CautionText > p {
margin-bottom: 1em;
}
.archive-Hurry_CautionText > p:last-child {
margin-bottom: 0;
}
.archive-Hurry_Line {
margin-top: 20px;
}  .archive-NaireJuice {
margin-bottom: 80px;
}
.archive-NaireJuice a {
color: #e45051;
}
.archive-NaireJuice_Title {
margin-top: 40px;
margin-bottom: 24px;
font-size: 18px;
font-size: 1.8rem;
text-align: center;
}
.archive-NaireJuice_Lead {
width: 80%;
margin-right: auto;
margin-bottom: 40px;
margin-left: auto;
}
.archive-NaireJuice_Heading2 {
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
font-weight: 700;
text-align: center;
padding-top: 0.6em;
padding-bottom: 0.6em;
font-size: 18px;
font-size: 1.8rem;
background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#1a1a1a));
background: -webkit-linear-gradient(#333, #1a1a1a);
background: linear-gradient(#333, #1a1a1a);
color: #fff;
}
.archive-NaireJuice_Heading2 span {
font-size: 24px;
font-size: 2.4rem;
}
.archive-NaireJuice_ItemText {
width: 96%;
margin-top: 1em;
margin-right: auto;
margin-bottom: 1em;
margin-left: auto;
padding: 1em;
font-size: 13px;
font-size: 1.3rem;
background: rgba(255, 255, 255, 0.8);
}
.archive-NaireJuice_Item {
width: 80%;
margin-right: auto;
margin-bottom: 40px;
margin-left: auto;
padding-bottom: 16px;
background-color: #eee;
}
.archive-NaireJuice_Item ul {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
width: 96%;
margin-right: auto;
margin-left: auto;
text-align: center;
font-weight: 700;
}
.archive-NaireJuice_Item ul > * {
margin-right: 2%;
}
.archive-NaireJuice_Item ul > * {
width: 32%;
}
.archive-NaireJuice_Item ul > *:nth-child(3n) {
margin-right: 0;
}
.archive-NaireJuice_Item ul li {
padding-bottom: 8px;
background: rgba(255, 255, 255, 0.8);
}
.archive-NaireJuice_Item a {
color: #333;
}
.archive-NaireJuice_Item .sw-ItemList_Price {
color: #333;
text-align: center;
font-weight: normal;
}
.archive-NaireJuice_ItemHeader {
position: relative;
}
.archive-NaireJuice_Point {
position: absolute;
top: 0;
left: 1.5em;
bottom: 0;
width: 7em;
height: 7em;
margin-top: auto;
margin-bottom: auto;
border-radius: 50%;
color: #fff;
font-size: 14px;
font-size: 1.4rem;
line-height: 1.5;
text-align: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.archive-NaireJuice_Item-lectier .archive-NaireJuice_Point {
background-color: #e9bc00;
}
.archive-NaireJuice_Item-grape .archive-NaireJuice_Point {
background-color: #6b395f;
}
.archive-NaireJuice_Item-shiso .archive-NaireJuice_Point {
background-color: #b33e5c;
}
.archive-NaireJuice_Item-shisores .archive-NaireJuice_Point {
background-color: #942343;
}
.archive-NaireJuice_Link {
width: 50%;
margin-right: auto;
margin-left: auto;
text-align: center;
background-color: #fff;
border-radius: 3px;
}
.archive-NaireJuice_Link a {
display: block;
width: 100%;
line-height: 3;
font-size: 16px;
font-size: 1.6rem;
color: #333;
border: 1px solid #ccc;
border-radius: 3px;
}
.archive-NaireJuice_Link a:hover {
text-decoration: none;
background-color: #f2f2f2;
border-radius: 3px;
}  .archmo-Containter {
width: 720px;
margin-right: auto;
margin-bottom: 80px;
margin-left: auto;
padding-bottom: 80px;
background-color: #f4f5f4;
}
.archmo-Containter > *:last-child {
margin-bottom: 0;
}
.archmo-Containter a:hover {
text-decoration: none;
}
.archmo-Containter .sw-ItemList_Btn a {
background-color: #2a1f18;
}
.archmo-Containter .sw-ItemList_Btn a:hover {
color: #fff;
background-color: #c8300d;
}
.archmo-Time {
margin-bottom: 1em;
text-align: right;
}
.archmo-Btn {
display: block;
text-align: center;
line-height: 3;
background-color: #2a1f18;
border-radius: 5px;
color: #fff;
}
.archmo-Btn:hover {
background-color: #c8300d;
color: #fff;
}
.archmo-ItemLinkBtn {
display: block;
width: 80%;
margin-right: auto;
margin-bottom: 80px;
margin-left: auto;
border: 1px solid #c8300d;
border-radius: 5px;
font-size: 18px;
font-size: 1.8rem;
text-align: center;
line-height: 3;
color: #fff;
background-color: #c8300d;
}
.archmo-ItemLinkBtn:hover {
border: 1px solid #c8300d;
color: #c8300d;
background-color: #fff;
} .archmo-Hero {
margin-bottom: 24px;
} .archmo-Lead {
width: 96%;
margin-right: auto;
margin-bottom: 56px;
margin-left: auto;
padding-top: 40px;
padding-bottom: 40px;
background-color: #fff;
}
.archmo-Lead .archmo-Lead_Title {
margin-bottom: 40px;
font-size: 30px;
font-size: 3rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
text-align: center;
letter-spacing: 0.05em;
}
.archmo-Lead .archmo-Lead_Title br {
display: none;
}
.archmo-Lead_TitleSub {
display: block;
margin-bottom: 24px;
font-size: 20px;
font-size: 2rem;
letter-spacing: normal;
color: #a38b39;
}
.archmo-Lead_TitleEmp {
padding-top: 0.5em;
background-image: url(//kanrekiiwai.biz/wp/img/archive/family/father/image_h2-emp.png);
background-repeat: no-repeat;
background-position: center top;
background-size: 1.5em;
color: #c8300d;
}
.archmo-Lead_Text {
margin-bottom: 64px;
padding-right: 56px;
padding-left: 56px;
line-height: 2;
}
.archmo-Lead_Text > * {
margin-bottom: 1em;
} .archmo-Menu {
margin-right: 56px;
margin-left: 56px;
font-size: 16px;
font-size: 1.6rem;
}
.archmo-Menu .archmo-Menu_Heading {
margin-bottom: 32px;
font-size: 20px;
font-size: 2rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
font-weight: 700;
text-align: center;
letter-spacing: 0.1em;
}
.archmo-Menu .archmo-Menu_Heading > * {
display: inline-block;
}
.archmo-Menu .archmo-Menu_Heading p {
margin-right: 1em;
margin-left: 1em;
}
.archmo-Menu .archmo-Menu_Heading img {
width: calc(50% - 3.4em);
}
.archmo-Menu_Parents {
margin-right: auto;
margin-left: auto;
list-style: none;
counter-reset: num;
}
.archmo-Menu_Parents > li {
position: relative;
margin-bottom: 0.5em;
padding-left: 3em;
line-height: 2;
}
.archmo-Menu_Parents > li::before {
counter-increment: num;
content: counter(num);
position: absolute;
top: 0;
left: 0;
width: 2em;
border: 1px solid #ccc;
text-align: center;
background-color: #eee;
}
.archmo-Menu_Parents > li:last-child {
margin-bottom: 0;
}
.archmo-Menu_Children {
position: relative;
margin-top: 0.5em;
margin-bottom: 0.5em;
line-height: 2;
list-style-position: inside;
}
.archmo-Menu_Children li {
position: relative;
}
.archmo-Menu_Children li::before {
background-color: inherit;
color: #2a1f18;
} .archmo-Reading {
width: 96%;
margin-right: auto;
margin-bottom: 40px;
margin-left: auto;
padding-top: 24px;
padding-right: 24px;
padding-bottom: 24px;
padding-left: 24px;
line-height: 2;
background-color: #fff;
}
.archmo-Reading > *:last-child {
margin-bottom: 0;
}
.archmo-Reading p {
margin-bottom: 1em;
}
.archmo-Reading h2 {
margin-bottom: 1em;
font-size: 18px;
font-size: 1.8rem;
text-indent: 1em;
line-height: 3;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
background-color: #eee;
}
.archmo-Reading h3 {
margin-top: 1em;
margin-bottom: 1em;
font-size: 18px;
font-size: 1.8rem;
}
.archmo-Reading h4 {
margin-top: 1em;
margin-bottom: 1em;
font-size: 18px;
font-size: 1.8rem;
text-indent: 1em;
background-color: #eee;
}
.archmo-Reading h5 {
position: relative;
margin-top: 1.5em;
margin-bottom: 1.5em;
padding-left: 1em;
font-size: 16px;
font-size: 1.6rem;
}
.archmo-Reading h5::before {
position: absolute;
content: "";
top: 8px;
left: 0;
display: block;
width: 4px;
height: calc(100% - 16px);
border-radius: 3px;
background-color: #333;
}
.archmo-Reading section {
width: 96%;
margin-right: auto;
margin-left: auto;
}
.archmo-Reading .sw-ItemList_3 {
margin-top: 40px;
}
.archmo-Reading_Flexbox {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.archmo-Reading_Flexbox > * {
margin-right: 2%;
}
.archmo-Reading_Flexbox > *:first-child {
margin-right: 24px;
width: 200px;
}
.archmo-Reading_Flexbox > *:first-child img {
width: 200px;
height: 200px;
-o-object-fit: cover;
object-fit: cover;
}
.archmo-Reading_Flexbox > *:last-child {
width: calc(100% - 200px - 24px);
margin-right: 0;
}
.archmo-Message {
margin-bottom: 40px;
border: 1px solid #ccc;
text-align: center;
}
.archmo-Message:first-of-type {
margin-top: 40px;
}
.archmo-Message h3 {
width: 80%;
margin-right: auto;
margin-left: auto;
padding-bottom: 1em;
border-bottom: 1px solid #ccc;
} .archmo-Rank_Wrapper {
width: 96%;
margin-right: auto;
margin-bottom: 56px;
margin-left: auto;
padding-top: 40px;
padding-bottom: 40px;
background-color: #fff;
}
.archmo-Rank h2 {
margin-bottom: 32px;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
font-size: 26px;
font-size: 2.6rem;
text-align: center;
line-height: 2;
letter-spacing: 0.1em;
}
.archmo-Rank h2 span {
display: block;
font-size: 20px;
font-size: 2rem;
}
.archmo-RankMenu {
width: 80%;
margin-right: auto;
margin-left: auto;
}
.archmo-RankMenu ol {
width: 90%;
margin-right: auto;
margin-bottom: 40px;
margin-left: auto;
padding-left: 0.3em;
list-style: none;
font-size: 30px;
font-size: 3rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
font-weight: 700;
}
.archmo-RankMenu ol > * {
margin-bottom: 8px;
}
.archmo-RankMenu ol > *:last-child {
margin-bottom: 0;
}
.archmo-RankMenu a {
padding-top: 3px;
}
.archmo-RankMenu a:hover {
text-decoration: none;
color: inherit;
background-image: url(//kanrekiiwai.biz/wp/img/archive/family/mother/image_circle-red.png);
background-repeat: no-repeat;
background-position: top left;
background-size: 1em;
}
.archmo-RankMenu_Heading {
margin-bottom: 32px;
font-size: 20px;
font-size: 2rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
font-weight: 700;
letter-spacing: 0.1em;
}
.archmo-RankMenu_Heading > * {
display: inline-block;
}
.archmo-RankMenu_Heading p {
margin-right: 1em;
margin-left: 1em;
}
.archmo-RankMenu_Heading img {
width: calc(50% - 3.4em);
}
.archmo-RankMenu_Num {
display: inline-block;
margin-right: 8px;
margin-left: 6px;
font-style: italic;
}
.archmo-RankMenu_Sub {
display: inline-block;
width: 12em;
font-size: 14px;
font-size: 1.4rem;
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
vertical-align: middle;
color: #2a1f18;
}
.archmo-RankMenu_Title {
display: inline-block;
position: relative;
padding-left: 1em;
font-size: 24px;
font-size: 2.4rem;
}
.archmo-RankMenu_Title:before {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
margin: auto;
display: inline-block;
width: 1px;
height: 1em;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
background-color: #333;
}
.archmo-RankMenu_Clip {
height: 1.5em;
margin-left: 0.5em;
} .archmo-Content {
margin-bottom: 40px;
}
.archmo-Content_Hero {
position: relative;
margin-bottom: 24px;
}
.archmo-Content_HeroClip {
position: absolute;
top: -6%;
right: 7%;
height: 112%;
width: auto;
}
.archmo-Content_Title {
position: relative;
width: 92%;
margin-right: auto;
margin-bottom: 16px;
margin-left: auto;
padding-left: 0.3em;
font-size: 38px;
font-size: 3.8rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
}
.archmo-Content_Title img {
position: absolute;
top: 0;
left: 0;
width: 1.5em;
z-index: 0;
}
.archmo-Content_Title rt {
font-size: 30%;
}
.archmo-Content_TitleNum {
position: relative;
margin-right: 8px;
font-size: 60px;
font-size: 6rem;
font-style: italic;
z-index: 1;
}
.archmo-Content_TitleAlpha {
display: none;
}
.archmo-Content_TitleSub {
margin: 8px;
font-size: 26px;
font-size: 2.6rem;
}
.archmo-Content_Wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
width: 92%;
margin-right: auto;
margin-bottom: 56px;
margin-left: auto;
}
.archmo-Content_Wrapper > * {
margin-right: 2%;
}
.archmo-Content_Wrapper > *:first-child {
width: 46%;
margin-right: 4%;
}
.archmo-Content_Wrapper > *:last-child {
width: 50%;
margin-right: 0;
}
.archmo-Content_Text p {
margin-right: 8px;
margin-bottom: 24px;
margin-left: 8px;
line-height: 1.8;
}
.archmo-Content_Heading {
margin-bottom: 16px;
font-size: 18px;
font-size: 1.8rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
line-height: 2;
letter-spacing: 0.05em;
color: #2a1f18;
}
.archmo-Content_Heading span {
display: inline-block;
width: 98%;
padding-right: 8px;
padding-left: 8px;
line-height: 2.2;
border-bottom: 1px solid #2a1f18;
}
.archmo-Content_Img {
position: relative;
}
.archmo-Content_Img figure img {
margin-bottom: 8px;
}
.archmo-Content_Img figure figcaption {
font-size: 12px;
font-size: 1.2rem;
}
.archmo-Content_ImgCaption {
position: absolute;
top: 199px;
right: 8px;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
font-weight: 700;
}
.archmo-Content_ImgCaption p {
position: relative;
width: 7em;
height: 7em;
border: 2px solid #c8300d;
border-radius: 50%;
text-align: center;
line-height: 1.4;
color: #c8300d;
background-color: rgba(255, 255, 255, 0.7);
}
.archmo-Content_ImgCaption p span {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: calc(7em - 4px);
height: calc(4.2em + 2.8px);
margin: auto;
} .archmo-Label {
position: relative;
width: 96%;
margin-right: auto;
margin-bottom: 40px;
margin-left: auto;
padding-top: 110px;
padding-bottom: 40px;
background-color: #fff;
}
.archmo-Label h3 {
position: absolute;
top: -20px;
right: 0;
left: 0;
margin-right: auto;
margin-left: auto;
font-size: 28px;
font-size: 2.8rem;
text-align: center;
}
.archmo-Label ul {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
width: 96%;
margin-right: auto;
margin-left: auto;
list-style: none;
}
.archmo-Label ul > * {
margin-right: 2%;
}
.archmo-Label ul > * {
width: 32%;
}
.archmo-Label ul > *:nth-child(3n) {
margin-right: 0;
}
.archmo-Label ul > *:nth-child(-n+3) {
margin-bottom: 32px;
}
.archmo-Label_Heading {
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
letter-spacing: 0.05em;
}
.archmo-Label_SubTitle {
display: block;
width: 15em;
margin-right: auto;
margin-bottom: 20px;
margin-left: auto;
padding-right: 2em;
padding-left: 2em;
border-radius: 30px;
font-size: 16px;
font-size: 1.6rem;
font-weight: normal;
line-height: 2.6;
letter-spacing: 0.1em;
color: #fff;
background-color: #2a1f18;
}
.archmo-Label_Title {
margin-top: 16px;
margin-bottom: 16px;
font-size: 16px;
font-size: 1.6rem;
text-align: center;
line-height: 2;
font-weight: 700;
background-color: #eee;
}
.archmo-Label_Title span {
font-size: 22px;
font-size: 2.2rem;
font-weight: 700;
letter-spacing: 0.05em;
} .archmo-Np {
width: 96%;
margin-right: auto;
margin-bottom: 56px;
margin-left: auto;
background-color: #fff;
}
.archmo-Np_Bg {
border: 8px solid #d7c8a0;
}
.archmo-Np_Wrapper {
position: relative;
width: 100%;
}
.archmo-Np_Header {
position: absolute;
width: 70%;
top: 40px;
right: 16px;
padding-left: 70px;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
font-weight: normal;
text-align: center;
z-index: 1;
}
.archmo-Np_Title {
display: block;
padding-top: 16px;
padding-bottom: 16px;
border-top: 1px solid #333;
border-bottom: 1px solid #333;
font-size: 36px;
font-size: 3.6rem;
line-height: 1;
}
.archmo-Np_HeaderPlus {
position: absolute;
top: -18px;
left: 0;
width: 90px;
}
.archmo-Np_HeadingAlp {
display: block;
margin-top: 16px;
font-size: 0.4em;
letter-spacing: 0.1em;
}
.archmo-Np_HeadingSub {
position: relative;
display: inline-block;
margin-bottom: 8px;
padding-right: 25px;
padding-left: 25px;
font-size: 16px;
font-size: 1.6rem;
}
.archmo-Np_HeadingSub::before {
content: "";
display: inline-block !important;
position: absolute;
top: 50%;
left: 0;
width: 18px;
height: 1px;
background-color: #333;
-webkit-transform: rotate(50deg);
transform: rotate(50deg);
}
.archmo-Np_HeadingSub::after {
content: "";
display: inline-block !important;
position: absolute;
top: 50%;
right: 0;
width: 18px;
height: 1px;
background-color: #333;
-webkit-transform: rotate(-50deg);
transform: rotate(-50deg);
}
.archmo-Np_Text {
margin-bottom: 40px;
font-size: 20px;
font-size: 2rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
font-weight: 700;
text-align: center;
line-height: 2;
}
.archmo-Np_Text span {
border-bottom: 2px solid #c8300d;
}
.archmo-Np_Img {
position: relative;
z-index: 0;
}
.archmo-Np_MainImg {
margin-top: 88px;
margin-bottom: 24px;
}
.archmo-Np_SubImg {
position: absolute;
right: 8px;
bottom: 0;
width: 320px;
}
.archmo-Np_Wrapping {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
position: relative;
width: 96%;
margin-right: auto;
margin-bottom: 32px;
margin-left: auto;
}
.archmo-Np_Wrapping > * {
margin-right: 2%;
}
.archmo-Np_Wrapping > * {
width: 49%;
}
.archmo-Np_Wrapping > *:nth-child(2n) {
margin-right: 0;
}
.archmo-Np_Wrapping .archmo-Btn {
margin-top: 24px;
}
.archmo-Np_WrappingAlpha {
position: relative;
display: block;
margin-bottom: 16px;
font-size: 13px;
font-size: 1.3rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
font-weight: 700;
font-style: italic;
text-align: center;
color: #a38b39;
}
.archmo-Np_WrappingAlpha:before, .archmo-Np_WrappingAlpha:after {
content: "";
position: absolute;
top: 50%;
display: inline-block;
width: 108px;
height: 1px;
background-color: #a38b39;
}
.archmo-Np_WrappingAlpha:before {
left: 0;
}
.archmo-Np_WrappingAlpha:after {
right: 0;
}
.archmo-Np_WrappingTitle {
font-size: 18px;
font-size: 1.8rem;
margin-bottom: 8px;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
font-weight: 700;
}
.archmo-Np_WrappingClip {
position: absolute;
bottom: -20px;
left: 0;
width: 23%;
}
.archmo-Itemlist_Icon {
margin-bottom: 24px;
}
.archmo-Itemlist_Icon > * {
width: 50px;
margin-right: 4px;
}
.archmo-Itemlist_Icon > *:last-child {
margin-right: 0;
} .archmo-Atogaki_Title {
font-weight: 600;
text-align: center;
} .archmo-ListStyled {
margin-left: 2em;
margin-bottom: 1em;
padding-left: 0;
list-style: disc !important;
} .archmo-ListUnstyled {
list-style: none;
margin-left: 0;
margin-bottom: 0;
padding-left: 0;
} .archmo-DescriptionList {
margin-left: 0;
margin-bottom: 0;
}
.archmo-DescriptionList > li {
margin-bottom: 1.5em;
}
.archmo-DescriptionList dl {
margin: 0;
}
.archmo-DescriptionList dl dt {
font-weight: 700;
margin-bottom: 0.5em;
}
.archmo-DescriptionList dl dd {
margin-bottom: 0.5em;
} .archmo-List_Col2 {
margin-left: 0;
margin-bottom: 40px;
}
.archmo-List_Col2 > * {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.archmo-List_Col2 > * > * {
margin-right: 2%;
}
.archmo-List_Col2 > * img {
width: 10%;
margin-right: 1.5em;
}
.archmo-List_Col2 > * > *:last-child {
width: calc(90% - 1.5em);
margin-right: 0;
}
.archmo-List_Col2-1line p {
margin-bottom: 0;
}
.archmo-List_Col2-1line > * {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.archmo-Review {
margin-top: 40px;
}
.archmo-Review > * {
margin-bottom: 40px;
}
.archmo-Review > *:last-child {
margin-bottom: 0;
}
.archmo-Review_Block {
position: relative;
padding-top: 2.5em;
padding-right: 2em;
padding-bottom: 2em;
padding-left: 2em;
border: 1px solid #ccc;
}
.archmo-Review_Block > *:last-child {
margin-bottom: 0;
}
.archmo-Review_Heading {
position: absolute;
top: -1.5em;
display: inline-block;
padding-right: 2em;
padding-left: 2em;
font-weight: 700;
line-height: 3;
background-color: #333;
color: #fff;
}
.archmo-Review_Title {
margin-bottom: 0.5em !important;
font-size: 16px;
font-size: 1.6rem;
font-weight: 700;
}
.archmo-Review_Stars {
color: #d2b750;
}  .archive-NaireSake {
overflow: hidden;
width: 100%;
margin-bottom: 80px;
background: #fbfaf9;
}
.archive-NaireSake figure {
overflow: hidden;
}
.archive-NaireSake_Heading2 {
margin-top: 80px;
margin-bottom: 80px;
font-size: 40px;
font-size: 4rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
font-weight: 700;
letter-spacing: 0.1em;
line-height: 1.5;
text-align: center;
}
.archive-NaireSake_Heading3 {
margin-bottom: 160px;
font-size: 40px;
font-size: 4rem;
font-weight: 700;
letter-spacing: 0.1em;
text-align: center;
}
.archive-NaireSake_Heading3 span {
display: inline-block;
margin-top: 0.05em;
margin-bottom: 0.05em;
font-size: 2.5em;
font-style: italic;
letter-spacing: 0.2em;
color: #b71b24;
}
.archive-NaireSake_Heading4 {
position: absolute;
bottom: 84%;
z-index: 2;
margin-bottom: 11px;
font-size: 28px;
font-size: 2.8rem;
font-weight: 700;
letter-spacing: 0.05em;
line-height: 1.4;
}
.archive-NaireSake_Heading5 {
margin-top: 80px;
margin-bottom: 80px;
font-size: 40px;
font-size: 4rem;
font-weight: 700;
letter-spacing: 0.1em;
text-align: center;
}
.archive-NaireSake_Heading5 span {
display: inline-block;
margin-top: 0.05em;
margin-bottom: 0.05em;
font-size: 2.5em;
font-style: italic;
letter-spacing: 0.2em;
color: #b71b24;
} .archive-NaireSake_Lead {
width: 90%;
margin-right: auto;
margin-left: auto;
font-size: 18px;
font-size: 1.8rem;
line-height: 2;
}
.archive-NaireSake_Fullset {
margin-top: 80px;
}
.archive-NaireSake_Lead,
.archive-NaireSake_Point,
.archive-NaireSake_Size,
.archive-NaireSake_ItemHeading {
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
}
.archive-NaireSake_Point,
.archive-NaireSake_Size,
.archive-NaireSake_Item {
position: relative;
top: -6em;
}
.archive-NaireSake_Point-right {
float: right;
}
.archive-NaireSake_Point-left {
float: left;
z-index: 2;
}
.archive-NaireSake_PointIcon {
position: absolute;
bottom: 87px;
width: 72px;
}
.archive-NaireSake_PointText {
position: relative;
top: 16%;
z-index: 2;
margin-top: 11px;
margin-bottom: 11px;
font-size: 16px;
font-size: 1.6rem;
} .archive-NaireSake_PointLine {
position: relative;
top: 16%;
height: 1px;
background: #333;
}
.archive-NaireSake_PointLine::before {
content: "";
display: block;
position: absolute;
border-bottom: 1px solid #333;
}
.archive-NaireSake_PointLine::after {
content: "";
display: block;
position: absolute;
height: 8px;
width: 8px;
border-radius: 100%;
background: #333;
}
.archive-NaireSake_Point-01,
.archive-NaireSake_Point-02,
.archive-NaireSake_Point-03,
.archive-NaireSake_Point-04 {
position: relative;
height: 20em;
margin-left: auto;
}
.archive-NaireSake_Point-01 .archive-NaireSake_PointLine {
margin-right: -2em;
}
.archive-NaireSake_Point-01 .archive-NaireSake_PointLine::before {
right: 0;
bottom: 0;
-webkit-transform: rotate(-110deg);
transform: rotate(-110deg);
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
width: 365px;
}
.archive-NaireSake_Point-01 .archive-NaireSake_PointLine::after {
right: -129px;
bottom: -349px;
}
.archive-NaireSake_Point-02 {
height: 30em;
}
.archive-NaireSake_Point-02 .archive-NaireSake_PointLine {
margin-right: -3em;
}
.archive-NaireSake_Point-02 .archive-NaireSake_PointLine::before {
right: 0;
bottom: 0;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
width: 125px;
}
.archive-NaireSake_Point-02 .archive-NaireSake_PointLine::after {
right: -4px;
bottom: -125px;
}
.archive-NaireSake_Point-03 {
margin-right: 80px;
margin-bottom: 720px;
}
.archive-NaireSake_Point-03 .archive-NaireSake_PointIcon {
bottom: 48px;
}
.archive-NaireSake_Point-03 .archive-NaireSake_PointLine {
margin-right: -3em;
}
.archive-NaireSake_Point-03 .archive-NaireSake_PointLine::before {
right: 0;
bottom: 0;
-webkit-transform: rotate(-78deg);
transform: rotate(-78deg);
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
width: 210px;
}
.archive-NaireSake_Point-03 .archive-NaireSake_PointLine::after {
right: 40px;
bottom: -210px;
}
.archive-NaireSake_Point-04 {
height: 100px;
margin-left: 80px;
}
.archive-NaireSake_Point-04 .archive-NaireSake_Heading4 {
left: 100px;
}
.archive-NaireSake_Point-04 .archive-NaireSake_PointText {
margin-right: 1em;
margin-left: 100px;
}
.archive-NaireSake_Point-04 .archive-NaireSake_PointLine {
margin-right: 1em;
}
.archive-NaireSake_Point-04 .archive-NaireSake_PointLine::before {
bottom: 0;
left: 0;
-webkit-transform: rotate(-68deg);
transform: rotate(-68deg);
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
width: 230px;
}
.archive-NaireSake_Point-04 .archive-NaireSake_PointLine::after {
top: -218px;
left: 82px;
} .archive-NaireSake_Point-first {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.archive-NaireSake_Point-first > * {
margin-right: 2%;
}
.archive-NaireSake_Point-first:after {
content: "";
display: block;
clear: both;
}
.archive-NaireSake_Point-first > * {
margin-right: 0;
}
.archive-NaireSake_Point-first .archive-NaireSake_Point-right {
position: relative;
left: -130px;
bottom: 80px;
z-index: 1;
width: 55%;
}
.archive-NaireSake_Point-first .archive-NaireSake_Point-right .archive-NaireSake_PointMainImg {
position: relative;
width: 600px;
}
.archive-NaireSake_Point-first .archive-NaireSake_Point-left {
position: relative;
top: 30px;
left: 16px;
z-index: 2;
width: 45%;
} .archive-NaireSake_Point-second {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
position: relative;
}
.archive-NaireSake_Point-second > * {
margin-right: 2%;
}
.archive-NaireSake_Point-second:after {
content: "";
display: block;
clear: both;
}
.archive-NaireSake_Point-second > * {
margin-right: 0;
}
.archive-NaireSake_Point-second .archive-NaireSake_Point-right {
position: relative;
top: -80px;
left: 48px;
z-index: 2;
width: 90%;
}
.archive-NaireSake_Point-second .archive-NaireSake_Point-left {
position: absolute;
top: 100px;
left: 0;
z-index: 1;
width: 10%;
}
.archive-NaireSake_Point-second .archive-NaireSake_Point-left .archive-NaireSake_PointMainImg {
position: relative;
width: 650px;
} .archive-NaireSake_PointList {
width: 96%;
margin-top: 2em;
margin-right: auto;
margin-left: auto;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 16px;
font-size: 1.6rem;
font-weight: 700;
line-height: 1.4;
letter-spacing: 0.05em;
text-align: center;
color: #b71b24;
}
.archive-NaireSake_PointList ul > * {
width: 23.5%;
}
.archive-NaireSake_PointList ul > *:nth-child(4n) {
margin-right: 0;
}
.archive-NaireSake_PointThumb {
margin-bottom: 1em;
} .archive-NaireSake_Item {
font-family: initial;
margin: 80px auto 0 auto;
width: 90%;
}
.archive-NaireSake_Item ul {
margin-bottom: 40px;
}
.archive-NaireSake_Items > * {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 2em 0;
}
.archive-NaireSake_Items > *:nth-child(2) {
border-bottom: 1px dotted #ccc;
}
.archive-NaireSake_Items > *:nth-child(4) {
margin-top: 2em;
}
.archive-NaireSake_Items > *:nth-child(5) {
border-bottom: 1px dotted #ccc;
}
.archive-NaireSake_ItemHeading {
text-align: center;
border-top: 1px solid #333;
border-bottom: 1px solid #333;
margin-bottom: 24px;
padding-top: 1em;
padding-bottom: 1em;
font-size: 18px;
font-size: 1.8rem;
}
.archive-NaireSake_ItemImg {
width: 40%;
margin-right: 2%;
}
.archive-NaireSake_ItemDetail {
width: 58%;
}
.archive-NaireSake_ItemPrice {
font-size: 16px;
font-size: 1.6rem;
line-height: 1;
color: #b71b24;
}
.archive-NaireSake_ItemTitle {
font-size: 18px;
font-size: 1.8rem;
font-weight: 700;
line-height: 1.4;
margin-top: 12px;
margin-bottom: 4px;
}
.archive-NaireSake_ItemFree {
display: block;
width: 6em;
padding-top: 10px;
padding-bottom: 8px;
text-align: center;
background: #333;
color: #fff;
}
.archive-NaireSake_ItemLink {
display: block;
margin-top: 16px;
font-weight: 700;
line-height: 3;
text-align: center;
background-color: #b71b24;
color: #fff;
}
.archive-NaireSake_ItemLink:hover {
text-decoration: none;
background-color: #333;
color: #fff;
}  .archive-Review_Title {
margin-bottom: 40px;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
font-size: 16px;
font-size: 1.6rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
font-weight: 700;
line-height: 3;
text-align: center;
background-color: #eee;
}
.archive-Review_Wrapper > * {
margin-bottom: 40px;
}  .archive-NaireSyou {
margin-bottom: 80px;
}
.archive-NaireSyou_Text {
width: 90%;
margin-top: 1em;
margin-right: auto;
margin-left: auto;
}
.archive-NaireSyou_Text p {
margin-top: 1em;
}
.archive-NaireSyou_Heading2 {
margin-top: 40px;
font-size: 18px;
font-size: 1.8rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
text-indent: 1em;
line-height: 2.5;
background-color: #333;
color: #fff;
}  .archive-NaireWine {
margin-bottom: 80px;
}
.archive-NaireWine a {
color: #e45051;
}
.archive-NaireWine_Title {
margin-top: 40px;
margin-bottom: 24px;
font-size: 18px;
font-size: 1.8rem;
text-align: center;
}
.archive-NaireWine_Lead {
width: 80%;
margin-right: auto;
margin-bottom: 40px;
margin-left: auto;
}
.archive-NaireWine_Heading2 {
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
font-weight: 700;
text-align: center;
padding-top: 0.6em;
padding-bottom: 0.6em;
font-size: 18px;
font-size: 1.8rem;
background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#1a1a1a));
background: -webkit-linear-gradient(#333, #1a1a1a);
background: linear-gradient(#333, #1a1a1a);
color: #fff;
}
.archive-NaireWine_Heading2 span {
font-size: 24px;
font-size: 2.4rem;
}
.archive-NaireWine_ItemImg {
margin-bottom: 24px;
}
.archive-NaireWine_Item {
width: 80%;
margin-right: auto;
margin-bottom: 40px;
margin-left: auto;
padding-bottom: 16px;
background-color: #eee;
}
.archive-NaireWine_Item ul {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
width: 96%;
margin-right: auto;
margin-left: auto;
text-align: center;
font-weight: 700;
}
.archive-NaireWine_Item ul > * {
margin-right: 2%;
}
.archive-NaireWine_Item ul > * {
width: 32%;
}
.archive-NaireWine_Item ul > *:nth-child(3n) {
margin-right: 0;
}
.archive-NaireWine_Item a {
color: #333;
}
.archive-NaireWine_Item .sw-ItemList_Price {
color: #333;
text-align: center;
font-weight: normal;
}
.archive-NaireWine_ItemHeader {
position: relative;
}
.archive-NaireWine_Point {
position: absolute;
top: 0;
left: 2.3em;
bottom: 0;
width: 7em;
height: 7em;
margin-top: auto;
margin-bottom: auto;
border-radius: 50%;
color: #fff;
font-size: 14px;
font-size: 1.4rem;
line-height: 1.5;
text-align: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.archive-NaireWine_Item-days .archive-NaireWine_Point {
background-color: #66001a;
}
.archive-NaireWine_Item-sui .archive-NaireWine_Point {
background-color: #255359;
}
.archive-NaireWine_Item-photo .archive-NaireWine_Point {
background-color: #154b22;
}
.archive-NaireWine_Link {
width: 50%;
margin-right: auto;
margin-left: auto;
text-align: center;
background-color: #fff;
border-radius: 3px;
}
.archive-NaireWine_Link a {
display: block;
width: 100%;
line-height: 3;
font-size: 16px;
font-size: 1.6rem;
color: #333;
border: 1px solid #ccc;
border-radius: 3px;
}
.archive-NaireWine_Link a:hover {
text-decoration: none;
background-color: #f2f2f2;
border-radius: 3px;
}     .blog {
font-size: 1.6rem;
line-height: 1.875;
margin-bottom: 3em;                 }
.blog a {
color: #4285f4;
text-decoration: underline;
}
.blog a:hover {
text-decoration: none;
color: #c8300d;
}
.blog p, .blog ol, .blog ul, .blog dl, .blog figure {
margin-bottom: 1.75em;
margin-top: 1.75em;
}
.blog figure {
text-align: center;
}
.blog ul {
padding-left: 1.5em;
}
.blog h3 + p, .blog h3 + ol, .blog h3 + ul, .blog h3 + dl, .blog h3 + figure, .blog h4 + p, .blog h4 + ol, .blog h4 + ul, .blog h4 + dl, .blog h4 + figure {
margin-top: 0;
}
.blog header {
border-bottom: 1px solid #e1e1e1;
margin: 0 0 32px 0;
padding: 0 0 16px 0;
}
.blog blockquote {
border: none;
border-left: 7px solid #e0e0e0;
margin: 48px 0;
padding: 20px;
}
.blog blockquote > *:first-child {
margin-top: 0;
}
.blog blockquote > *:last-child {
margin-bottom: 0;
}
.blog h1 {
font-size: 2.6rem;
font-weight: 700;
line-height: 1.4;
margin-bottom: 16px;
}
.blog h2 {
font-size: 2rem;
margin: 64px 0 32px 0;
padding: 24px 0 24px 1em;
border-top: 2px solid #333;
border-bottom: 2px solid #333;
}
.blog h3 {
font-size: 1.8rem;
border-left: 5px solid #333;
padding: 8px 0 8px 1em;
margin: 0 0 24px 0;
line-height: 1.6;
}
.blog h4 {
font-size: 1.6rem;
padding: 8px 0 8px 1em;
margin: 0 0 24px 0;
line-height: 1.6;
background: #f8f6f0;
}
.blog h5 {
border-bottom: 1px solid #666;
font-size: 1.6rem;
line-height: 1.6;
margin: 0 0 1.5em;
padding: 8px 0;
}
.blog h6 {
border-left: 3px solid #666;
font-size: 1.6rem;
line-height: 1.6;
margin: 0 0 0.75em;
padding-left: 0.75em;
}
.blog .color-em {
color: #c8300d;
}
.blog .weight-bold {
font-weight: 700;
}
.blog .marker {
background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, rgba(252, 252, 84, 0.8)));
background: -webkit-linear-gradient(top, transparent 60%, rgba(252, 252, 84, 0.8) 60%);
background: linear-gradient(to bottom, transparent 60%, rgba(252, 252, 84, 0.8) 60%);
margin: 0 0.1em;
padding: 0.1em 0.2em;
}
.blog .bloglist {
margin: 0;
text-align: right;
}
.blog .bloglist .arrow {
position: relative;
display: inline-block;
padding: 0 0 0 16px;
vertical-align: middle;
text-decoration: none;
}
.blog .bloglist .arrow:before, .blog .bloglist .arrow:after {
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
content: "";
vertical-align: middle;
}
.blog .bloglist .textlink {
font-size: 1.4rem;
text-decoration: none;
}
.blog .bloglist .textlink:before {
left: 4px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 4px;
height: 4px;
border: 4px solid transparent;
border-left: 4px solid #4285f4;
}
.blog .blog-DateTime {
font-size: 1.4rem;
margin: 0;
padding: 8px 0;
}
.blog .blog-Description {
background: #f8f6f0;
font-size: 1.4rem;
margin: 0 0 16px 0;
padding: 24px 32px;
}
.blog .blog-Author {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
font-size: 1.4rem;
margin: 0 0 20px 0;
}
.blog .blog-Author .blog-Author_Image {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
margin: 0 10px 0 0;
border: 3px solid #eee;
border-radius: 50%;
display: inline-block;
width: 50px;
}
.blog .blog-Author .blog-Author_Info {
-webkit-box-flex: 0;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
line-height: 1.5;
}
.blog .blog-Author .blog-Author_Info span {
display: block;
}
.blog .blog-Author .blog-Author_Info .blog-Author_Name {
font-weight: bold;
}
.blog .blog-Category {
list-style: none;
margin: 0 0 20px 0;
padding-left: 0;
}
.blog .blog-Category li {
display: inline-block;
font-size: 1.2rem;
line-height: 1;
margin: 0 5px 5px 0;
}
.blog .blog-Category li a {
border: 1px solid #666666;
border-radius: 15px;
color: #666666;
display: block;
padding: 8px 16px;
text-decoration: none;
}
.blog .blog-Category li a:hover {
background: #333;
border: 1px solid #333;
color: #fff;
}
.blog .blog-Tags {
list-style: none;
text-align: right;
margin: 56px 0 0;
padding: 0;
}
.blog .blog-Tags li {
display: inline-block;
font-size: 1.2rem;
line-height: 1;
margin-right: 5px;
}
.blog .blog-Tags li a {
border: 1px solid #666666;
border-radius: 15px;
color: #666666;
display: block;
padding: 8px 16px;
text-decoration: none;
}
.blog .blog-Tags li a:hover {
background: #333;
border: 1px solid #333;
color: #fff;
}
.blog .blog-Mokuji {
background: #f8f6f0;
margin: 40px 0 80px 0;
padding: 16px 0;
}
.blog .blog-Mokuji .blog-Mokuji_Title {
font-size: 1.8rem;
font-weight: 700;
letter-spacing: 0.5em;
margin: 0;
padding: 16px 0;
text-align: center;
}
.blog .blog-Mokuji ul {
list-style: none;
margin: 0;
padding: 0 56px;
}
.blog .blog-Mokuji ul > li {
border-top: 1px solid #e6e6e6;
font-size: 1.5rem;
line-height: 1.5;
padding: 14px 0 14px 32px;
text-indent: -6px;
}
.blog .blog-Mokuji ul > li a {
text-decoration: none;
padding: 0;
}
.blog .blog-Mokuji ul > li:before {
background: #4285f4;
border-radius: 50%;
content: "";
display: inline-block;
height: 6px;
left: -15px;
position: relative;
top: -3px;
width: 6px;
}
.blog .blog-RecommendItem {
border: 1px solid #ccc;
border-radius: 10px;
margin-bottom: 2em;
padding: 1.25em;
}
.blog .blog-RecommendItem > a {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
text-decoration: none;
}
.blog .blog-RecommendItem > a .blog-RecommendItem_Img,
.blog .blog-RecommendItem > a .blog-RecommendItem_Txt {
-webkit-box-flex: 0;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
}
.blog .blog-RecommendItem > a .blog-RecommendItem_Img {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
margin-right: 1.25em;
width: 25%;
}
.blog .blog-RecommendItem > a .blog-RecommendItem_Txt dl {
margin: 0;
}
.blog .blog-RecommendItem > a .blog-RecommendItem_Txt dl dt {
font-weight: 700;
line-height: 1.5;
margin-bottom: 0.5em;
text-decoration: underline;
}
.blog .blog-RecommendItem > a .blog-RecommendItem_Txt dl dd {
color: #333;
font-size: 1.4rem;
line-height: 1.7;
}
.blog .blog-RecommendItem > a:hover .blog-RecommendItem_Txt dt {
text-decoration: none;
}
.blog .blog-RecommendItem > a:hover .blog-RecommendItem_Txt dd {
color: #c8300d;
}
.blog .blog-ListUnstyled {
list-style: none;
padding-left: 0;
}
.blog .blog-DescriptionList > li {
margin-bottom: 1.5em;
}
.blog .blog-DescriptionList dl {
margin: 0;
}
.blog .blog-DescriptionList dl dt {
font-weight: 700;
margin-bottom: 0.5em;
}
.blog .blog-DescriptionList dl dd {
margin-bottom: 0.5em;
}
.blog .blog-List_Col2 > li {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
}
.blog .blog-List_Col2 > li > * {
-webkit-box-flex: 0;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
}
.blog .blog-List_Col2 > li .list-Col2_Img {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
margin-right: 1.5em;
width: 25%;
}
.blog .blog-Review {
border: 1px solid #325A8C;
margin: 40px 0 30px 0;
position: relative;
padding: 40px;
}
.blog .blog-Review:after {
background: #fff;
color: #325A8C;
content: "お客様からいただいたレビュー";
font-size: 1.5rem;
font-weight: bold;
left: 10px;
line-height: 1;
padding: 0 10px;
position: absolute;
top: -0.5em;
}
.blog .blog-Review > *:last-child {
margin-bottom: 0;
}
.blog .blog-Review .blog-Review_Meta {
font-size: 1.4rem;
font-weight: bold;
}
.blog .blog-Review .blog-Review_Meta .blog-Review_Stars {
color: darkorange;
display: inline-block;
margin: 0 8px;
}
.blog .blog-Review p {
font-size: 1.5rem;
margin: 0 0 16px 0;
}
.blog .blog-Atogaki {
background: #f8f6f0;
font-size: 1.4rem;
margin: 40px 0 0 0;
padding: 32px 40px;
}
.blog .blog-Atogaki .blog-Atogaki-Title {
border-bottom: 1px solid #ccc;
font-size: 1.5rem;
font-weight: bold;
margin: 0 0 24px;
padding: 0 0 16px;
text-align: center;
}
.blog .blog-Atogaki > *:last-child,
.blog .blog-Atogaki > *:last-child > *:last-child {
margin-bottom: 0;
} .blog-Itemlist {
margin-top: 40px;
margin-right: auto;
margin-bottom: 40px;
margin-left: auto;
padding: 16px;
border: 1px solid #ccc;
}
.blog-Itemlist figure {
margin-top: 0;
margin-bottom: 0;
}
.blog-Itemlist p {
font-size: 13px !important;
font-size: 1.3rem !important;
}
.blog-Itemlist > * {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
margin-bottom: 24px;
}
.blog-Itemlist > * > * {
margin-right: 2%;
}
.blog-Itemlist > *:last-child {
margin-bottom: 0;
}
.blog-Itemlist > * > *:first-child {
width: 30%;
}
.blog-Itemlist > * > *:last-child {
width: 68%;
margin-right: 0;
}
.blog-Itemlist > * > * > *:last-child {
margin-bottom: 0 !important;
}
.blog-Itemlist p {
margin-top: 0;
margin-bottom: 1em;
}
.blog-Itemlist .sw-ItemList_Btn a {
text-decoration: none;
background-color: #333;
color: #fff;
}
.blog-Itemlist .sw-ItemList_Btn a:hover {
color: #333;
background-color: #eee;
}
.blog-Itemlist .blog-Btn {
display: block;
width: 80%;
margin: 32px auto;
border: 1px solid #333;
border-radius: 30px;
text-align: center;
text-decoration: none;
line-height: 3;
color: #333;
background-color: #fff;
}
.blog-Itemlist .blog-Btn:hover {
border: 1px solid #333;
color: #fff;
background-color: #333;
} .blog-Below {
border-top: 1px solid #d9d9d9;
border-bottom: 1px solid #d9d9d9;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
font-size: 1.2rem;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 40px;
padding: 24px 0;
}
.blog-Below .blog-Below_Previous,
.blog-Below .blog-Below_Next {
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%;
}
.blog-Below .blog-Below_Previous {
border-right: 1px solid #d9d9d9;
padding-right: 4%;
}
.blog-Below .blog-Below_Next {
padding-left: 4%;
text-align: right;
}  .blog-Calendar .blog-Calendar_Wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.blog-Calendar .blog-Calendar_Wrap .blog-Calendar_Col {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
margin-bottom: 2em;
width: 47%;
}
.blog-Calendar .blog-Calendar_Wrap .blog-Calendar_Col .month {
border: none;
margin: 0.5em 0;
padding: 0;
color: #333;
}
.blog-Calendar .blog-Calendar_Wrap .blog-Calendar_Col .blog-Calendar_Tbl {
border-collapse: collapse;
border-spacing: 0;
width: 100%;
}
.blog-Calendar .blog-Calendar_Wrap .blog-Calendar_Col .blog-Calendar_Tbl th, .blog-Calendar .blog-Calendar_Wrap .blog-Calendar_Col .blog-Calendar_Tbl td {
border: 1px solid #ccc;
line-height: 1.3;
padding: 3px 0;
text-align: center;
}
.blog-Calendar .blog-Calendar_Wrap .blog-Calendar_Col .blog-Calendar_Tbl th {
background-color: whitesmoke;
font-size: 1rem;
}
.blog-Calendar .blog-Calendar_Wrap .blog-Calendar_Col .blog-Calendar_Tbl td {
font-size: 1.2rem;
}
.blog-Calendar .blog-Calendar_Wrap .blog-Calendar_Col .blog-Calendar_Tbl tr th:nth-child(7),
.blog-Calendar .blog-Calendar_Wrap .blog-Calendar_Col .blog-Calendar_Tbl tr td:nth-child(7) .date {
color: #007dc5;
}
.blog-Calendar .blog-Calendar_Wrap .blog-Calendar_Col .blog-Calendar_Tbl tr th:nth-child(7) {
background-color: #e9f7ff;
}
.blog-Calendar .blog-Calendar_Wrap .blog-Calendar_Col .blog-Calendar_Tbl tr th:first-child,
.blog-Calendar .blog-Calendar_Wrap .blog-Calendar_Col .blog-Calendar_Tbl tr td.holiday .date,
.blog-Calendar .blog-Calendar_Wrap .blog-Calendar_Col .blog-Calendar_Tbl tr td:first-child .date {
color: #e41056;
}
.blog-Calendar .blog-Calendar_Wrap .blog-Calendar_Col .blog-Calendar_Tbl tr th:first-child {
background-color: #fef0f5;
}
.blog-Calendar .blog-Calendar_Wrap .blog-Calendar_Col .blog-Calendar_Tbl .date {
font-size: 1.6rem;
font-weight: 700;
}
.blog-Calendar .blog-Calendar_Wrap .blog-Calendar_Col .blog-Calendar_Tbl .rokuyou {
color: #787878;
}
.blog-Calendar .blog-Calendar_Wrap .blog-Calendar_Col .blog-Calendar_Tbl .taian .rokuyou {
color: #ff5400;
}  .blog-Dinner .blog-Dinner_Review {
margin-bottom: 40px;
}
.blog-Dinner .blog-Dinner_Review .blog-Dinner_ReviewWrap {
margin-bottom: 20px;
padding-left: 70px;
position: relative;
}
.blog-Dinner .blog-Dinner_Review .blog-Dinner_ReviewWrap:before {
left: 0;
position: absolute;
top: 0;
-webkit-transform: scale(0.5);
transform: scale(0.5);
-webkit-transform-origin: left top;
transform-origin: left top;
}
.blog-Dinner .blog-Dinner_Review .blog-Dinner_ReviewF:before {
content: url(//kanrekiiwai.biz/wp/img/blog/dinner/blog_dinner_ico_01.png);
}
.blog-Dinner .blog-Dinner_Review .blog-Dinner_ReviewM:before {
content: url(//kanrekiiwai.biz/wp/img/blog/dinner/blog_dinner_ico_02.png);
}
.blog-Dinner .blog-Dinner_Review .blog-Dinner_ReviewWrap .blog-Dinner_ReviewItem {
background: #fff;
border: 1px solid #ddd;
border-radius: 6px;
padding: 21px 30px;
position: relative;
}
.blog-Dinner .blog-Dinner_Review .blog-Dinner_ReviewWrap .blog-Dinner_ReviewItem:after, .blog-Dinner .blog-Dinner_Review .blog-Dinner_ReviewWrap .blog-Dinner_ReviewItem:before {
border: solid transparent;
content: "";
height: 0;
pointer-events: none;
position: absolute;
right: 100%;
top: 30px;
width: 0;
}
.blog-Dinner .blog-Dinner_Review .blog-Dinner_ReviewWrap .blog-Dinner_ReviewItem:after {
border-color: rgba(255, 255, 255, 0);
border-right-color: #fff;
border-width: 9px;
margin-top: -9px;
}
.blog-Dinner .blog-Dinner_Review .blog-Dinner_ReviewWrap .blog-Dinner_ReviewItem:before {
border-color: rgba(221, 221, 221, 0);
border-right-color: #ddd;
border-width: 10px;
margin-top: -10px;
}
.blog-Dinner .blog-Dinner_Review .blog-Dinner_ReviewWrap .blog-Dinner_ReviewItem > *:first-child {
margin-top: 0;
padding-top: 0;
}
.blog-Dinner .blog-Dinner_Review .blog-Dinner_ReviewWrap .blog-Dinner_ReviewItem > *:last-child {
margin-bottom: 0;
padding-bottom: 0;
}  .blog-HahaGift {  }
.blog-HahaGift .blog-Birthstone dl {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.blog-HahaGift .blog-Birthstone dl dt, .blog-HahaGift .blog-Birthstone dl dd {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
margin-bottom: 0;
}
.blog-HahaGift .blog-Birthstone dl dt {
width: 5em;
}
.blog-HahaGift .blog-Birthstone dl dd {
width: calc(100% - 5em);
}  .blog-Oiwaishurui .blog-Oiwaishurui_ThemeColor {
display: inline-block;
padding-left: 1.25em;
position: relative;
}
.blog-Oiwaishurui .blog-Oiwaishurui_ThemeColor:before {
background-color: transparent;
-webkit-box-sizing: border-box;
box-sizing: border-box;
content: "";
height: 1em;
left: 0;
position: absolute;
top: 7px;
width: 1em;
}
.blog-Oiwaishurui .color-red {
color: #c9171e;
}
.blog-Oiwaishurui .color-red:before {
background-color: #c9171e;
}
.blog-Oiwaishurui .color-purple {
color: #800080;
}
.blog-Oiwaishurui .color-purple:before {
background-color: #800080;
}
.blog-Oiwaishurui .color-yellow {
color: #b09407;
}
.blog-Oiwaishurui .color-yellow:before {
background-color: #b09407;
}
.blog-Oiwaishurui .color-pink {
color: #ff99cc;
}
.blog-Oiwaishurui .color-pink:before {
background-color: #ff99cc;
}
.blog-Oiwaishurui .color-brown {
color: #993300;
}
.blog-Oiwaishurui .color-brown:before {
background-color: #993300;
}
.blog-Oiwaishurui .color-green {
color: #339966;
}
.blog-Oiwaishurui .color-green:before {
background-color: #339966;
}
.blog-Oiwaishurui .color-white:before {
background-color: #fff;
border: 1px solid #ccc;
}    .cart-Input_Sup {
margin-top: 4px;
font-size: 90%;
} .cart-Wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
margin-top: 40px;
}
.cart-Wrapper > * {
margin-right: 2%;
}
.cart-Wrapper > * {
width: 49%;
}
.cart-Wrapper > *:nth-child(2n) {
margin-right: 0;
}
.cart-Wrapper ul {
padding-left: 0;
}
.cart-Banner {
margin-bottom: 8px;
}
.cart-Banner_Info {
display: block;
width: 80%;
margin: 0 auto;
}
.cart-SubmitButton {
width: 100%;
margin-top: 8px;
font-weight: 700;
border: none;
background-color: #c8300d;
color: #fff;
}
.cart-SubmitButton:hover {
background-color: #333;
}
.cart-Brand, .cart-ItemName {
display: block;
}
.cart-Brand {
margin-bottom: 8px;
font-size: 11px;
font-size: 1.1rem;
}
.cart-ItemName {
margin-bottom: 8px;
font-size: 18px;
font-size: 1.8rem;
line-height: 1.5;
word-break: break-all;
}
.cart-Price_Wrapper {
margin-bottom: 8px;
}
.cart-Price {
display: inline-block;
color: #c8300d;
}
.cart-SalePrice {
width: -moz-fit-content; width: -webkit-fit-content;
width: fit-content; padding: 0.5em 1em;
background-color: #f05a64;
font-size: 11px;
font-size: 1.1rem;
color: #fff;
line-height: 1;
border-radius: 3px;
}
.cart-RegularPrice {
font-size: 13px;
font-size: 1.3rem;
color: #999;
}
.cart-Price_Value {
font-size: 24px;
font-size: 2.4rem;
font-weight: 700;
}
.cart-FreeShipping {
display: inline-block;
vertical-align: text-bottom;
margin-left: 4px;
padding-top: 0.3em;
padding-right: 0.8em;
padding-bottom: 0.3em;
padding-left: 0.8em;
font-size: 12px;
font-size: 1.2rem;
font-weight: 700;
color: #fff;
background-color: #c8300d;
}
.cart-FreeShipping_Sale {
display: inline-block;
vertical-align: text-bottom;
margin-left: 4px;
padding-top: 0.3em;
padding-right: 0.8em;
padding-bottom: 0.3em;
padding-left: 0.8em;
font-size: 12px;
font-size: 1.2rem;
font-weight: 700;
color: #c8300d;
border: 1px solid #c8300d;
border-radius: 3px;
} .cart-Stock {
margin-bottom: 8px;
padding: 16px;
border: 1px solid #ccc;
font-size: 13px;
font-size: 1.3rem;
}
.cart-Stock > * {
margin-bottom: 8px;
}
.cart-Stock > *:last-child {
margin-bottom: 0;
}
.cart-Stock a {
text-decoration: underline;
color: #1380D9;
}
.cart-Stock a:hover {
text-decoration: none;
}
.cart-Stock_Value {
font-weight: 700;
color: #c8300d;
}
.cart-ShoppingGuide {
margin: calc(8px * 2);
font-size: 12px;
font-size: 1.2rem;
list-style: none;
}
.cart-ShoppingGuide svg {
display: inline-block;
width: 1.5em;
height: 1.5em;
fill: #C49C68;
vertical-align: middle;
} .cart-Yahoo {
margin-top: -8px;
margin-bottom: 8px;
font-size: 12px;
font-size: 1.2rem;
}
.cart-Yahoo > * {
margin-bottom: 8px;
}
.cart-Yahoo > *:last-child {
margin-bottom: 0;
} .cart-RelCat {
margin-bottom: 8px;
}
.cart-RelCat ul {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
list-style: none;
}
.cart-RelCat ul > * {
margin-right: 2%;
}
.cart-RelCat li {
margin-right: 5px;
margin-bottom: 5px;
font-size: 11px;
font-size: 1.1rem;
background-color: #F0F3E6;
}
.cart-RelCat a {
display: block;
padding: 7px;
color: #333;
text-decoration: none;
}
.cart-RelCat a:hover {
color: #333;
background-color: #F0F3C8;
}
.cart-RelCat_Title {
display: block;
margin-bottom: 0.25em;
font-size: 10px;
font-size: 1rem;
font-weight: 700;
} .cart-Contact {
margin-bottom: calc(8px * 2);
border: 1px solid #ccc;
text-align: center;
}
.cart-Contact > div {
padding-top: 16px;
padding-bottom: 16px;
border-bottom: 1px solid #ccc;
}
.cart-Contact > div:last-child {
border-bottom: 0;
}
.cart-Contact_Title {
font-weight: 700;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
line-height: 2.2;
background-color: #eee;
}
.cart-Contact_TelNum {
margin-bottom: 8px;
font-size: 22px;
font-size: 2.2rem;
font-weight: 700;
line-height: 1;
}
.cart-Contact_TelNum svg {
display: inline-block;
width: 20px;
height: 20px;
margin-right: 8px;
fill: #333;
vertical-align: middle;
}
.cart-Contact_Fax {
font-weight: 700;
}
.cart-Contact_Fax img {
display: inline-block;
height: 2em;
width: auto;
margin-right: 8px;
vertical-align: middle;
} .cart-Acc {
overflow: hidden;
margin-bottom: 8px;
background-color: #eeeeed;
}
.cart-Acc_Inner {
margin: 16px;
}
.cart-Acc_InputBlock {
margin-bottom: 16px;
}
.cart-Acc_Label {
display: block;
margin-bottom: 0.25em;
font-size: 13px;
font-size: 1.3rem;
font-weight: 700;
}
.cart-Acc_Note {
overflow: hidden;
margin-top: 8px;
background-color: #fff;
}
.cart-Acc_NoteItems {
margin: 8px 8px;
list-style: none;
} .cart-Detail {
margin-top: 40px;
margin-bottom: 80px;
font-size: 13px;
font-size: 1.3rem;
border-bottom: 1px solid #eee;
}
.cart-Detail dt {
float: left;
width: 8em;
padding-right: 1em;
padding-left: 1em;
}
.cart-Detail dd {
float: left;
width: calc(100% - 8em);
padding-right: 1em;
}
.cart-Detail p {
margin-top: 1em;
}
.cart-Detail p.cart-Detail_Description {
margin-top: 0;
margin-right: 1em;
margin-left: 1em;
}
.cart-Detail_Title {
margin-bottom: 0.5em;
font-size: 1.4rem;
font-weight: 700;
}
.cart-Detail_Wrapper {
padding-top: 1em;
padding-bottom: 1em;
border-top: 1px dotted #ccc;
}
.cart-Detail_Wrapper:after {
content: "";
display: block;
clear: both;
} .cart-Acc_NpInput a {
display: inline-block;
margin-top: 1em;
color: #1380D9;
} .cart-Detail_Varlink > p {
font-size: 1.4rem;
font-weight: 700;
}
.cart-Detail_Varlink ul {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
list-style: none;
text-align: center;
}
.cart-Detail_Varlink ul > * {
margin-right: 2%;
}
.cart-Detail_Varlink ul > * {
width: 15%;
}
.cart-Detail_Varlink ul > *:nth-child(6n) {
margin-right: 0;
}
.cart-Detail_Varlink ul a {
text-decoration: underline;
}
.cart-Detail_Varlink ul a:hover {
text-decoration: none;
}
.cart-Detail_Varlink ul p {
margin: 0;
} .cart-Variation ul {
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
font-size: 0;
list-style: none;
background-color: #fff;
}
.cart-Variation li {
position: relative;
border-top: 1px solid #ccc;
font-size: 12px;
font-size: 1.2rem;
line-height: 3;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.cart-Variation li > * {
margin-right: 2%;
}
.cart-Variation li > * {
margin: 0;
}
.cart-Variation_Input {
width: 20%;
margin: 0;
text-align: center;
}
.cart-Variation_Item {
width: 80%;
margin: 0;
border-left: 1px solid #ccc;
font-size: 13px;
font-size: 1.3rem;
text-indent: 1em;
} .cart-Acc_Block {
margin: 0 -8px 8px -8px;
padding: 8px;
}
.cart-Acc_Block > p {
background-color: #333;
margin: -8px -8px 1em -8px;
text-align: center;
line-height: 3;
color: #fff;
}
.cart-Acc_Block *:last-child {
margin-bottom: 8px;
}
.cart-Acc_Block01 {
background-color: #fffacd;
}
.cart-Acc_Block02 {
margin-top: 8px;
background-color: #ffe4e1;
}   .cartcustom-Banner_Info {
display: block;
width: 80%;
margin: 0 auto;
} .cartcustom-Input_Sup {
margin-top: 4px;
font-size: 90%;
} .cartcustom-Wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
margin-top: 40px;
}
.cartcustom-Wrapper > * {
margin-right: 2%;
}
.cartcustom-Wrapper > * {
width: 49%;
}
.cartcustom-Wrapper > *:nth-child(2n) {
margin-right: 0;
}
.cartcustom-Wrapper ul {
padding-left: 0;
list-style: none;
} .cartcustom-Brand {
display: block;
font-size: 11px;
font-size: 1.1rem;
} .cartcustom-ItemName {
display: block;
margin-bottom: 8px;
font-size: 16px;
font-size: 1.6rem;
font-weight: normal;
line-height: 1.5;
word-break: break-all;
} .cartcustom-Price_Wrapper {
margin-bottom: 8px;
}
.cartcustom-Price {
display: inline-block;
color: #c8300d;
}
.cartcustom-Price_Value {
font-size: 24px;
font-size: 2.4rem;
font-weight: 700;
} .cartcustom-FreeShipping {
display: inline-block;
vertical-align: text-bottom;
margin-left: 4px;
padding-top: 0.3em;
padding-right: 0.8em;
padding-bottom: 0.3em;
padding-left: 0.8em;
font-size: 12px;
font-size: 1.2rem;
font-weight: 700;
color: #fff;
background-color: #c8300d;
} .cartcustom-Postage_Bundle {
color: #C49C68;
}
.cartcustom-Postage_Bundle a {
text-decoration: underline;
color: inherit;
}
.cartcustom-Postage_Bundle a:hover {
text-decoration: none;
}
.cartcustom-Postage_Bundle svg {
width: 1.5em;
height: 1.5em;
margin-right: 3px;
vertical-align: middle;
fill: #C49C68;
} .cartcustom-Stock {
margin-bottom: 16px;
padding: 16px;
border: 1px solid #ccc;
font-size: 13px;
font-size: 1.3rem;
}
.cartcustom-Stock > * {
margin-bottom: 8px;
}
.cartcustom-Stock > *:last-child {
margin-bottom: 0;
}
.cartcustom-Stock a {
text-decoration: underline;
color: #1380D9;
}
.cartcustom-Stock a:hover {
text-decoration: none;
}
.cartcustom-Stock_Value {
font-weight: 700;
color: #c8300d;
}
.cartcustom-OutOfOrder {
text-align: center;
line-height: 4;
background-color: #eee;
} .cartcustom-RelCat {
margin-bottom: 8px;
}
.cartcustom-RelCat ul {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.cartcustom-RelCat ul > * {
margin-right: 2%;
}
.cartcustom-RelCat li {
margin-right: 5px;
margin-bottom: 5px;
font-size: 11px;
font-size: 1.1rem;
background-color: #F0F3E6;
}
.cartcustom-RelCat a {
display: block;
padding: 7px;
text-decoration: none;
}
.cartcustom-RelCat a:hover {
background-color: #F0F3C8;
}
.cartcustom-RelCat_Title {
display: block;
margin-bottom: 0.25em;
font-size: 10px;
font-size: 1rem;
font-weight: 700;
} .cartcustom-Contact {
margin-bottom: calc(8px * 2);
border: 1px solid #ccc;
text-align: center;
}
.cartcustom-Contact > div {
padding-top: 16px;
padding-bottom: 16px;
border-bottom: 1px solid #ccc;
}
.cartcustom-Contact > div:last-child {
border-bottom: 0;
}
.cartcustom-Contact_Title {
font-weight: 700;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
line-height: 2.2;
background-color: #eee;
}
.cartcustom-Contact_TelNum {
margin-bottom: 8px;
font-size: 22px;
font-size: 2.2rem;
font-weight: 700;
line-height: 1;
}
.cartcustom-Contact_TelNum svg {
display: inline-block;
width: 20px;
height: 20px;
margin-right: 8px;
fill: #333;
vertical-align: middle;
}
.cartcustom-Contact_Fax {
font-weight: 700;
}
.cartcustom-Contact_Fax img {
display: inline-block;
height: 2em;
width: auto;
margin-right: 8px;
vertical-align: middle;
} .cartcustom-Acc {
overflow: hidden;
margin-bottom: 8px;
background-color: #eeeeed;
}
.cartcustom-Acc_Inner {
margin: 16px;
}
.cartcustom-Acc_InputBlock {
margin-bottom: 16px;
}
.cartcustom-Acc_Label {
display: block;
margin-bottom: 0.25em;
font-weight: 700;
}
.cartcustom-Acc_Note {
overflow: hidden;
margin-top: 8px;
background-color: #fff;
}
.cartcustom-Acc_NoteItems {
margin: 8px;
} .cartcustom-Tabs {
background-color: #fff;
margin-top: 16px;
margin-bottom: 16px;  }
.cartcustom-Tabs:after {
content: "";
display: block;
clear: both;
}
.cartcustom-Tabs input[name=tab-item],
.cartcustom-Tabs input[type=radio][name=tab-item] + label::before,
.cartcustom-Tabs input[type=radio][name=tab-item]:checked + label::after {
display: none;
}
.cartcustom-Tabs label[for=tab-cart] {
margin-right: 1%;
}
.cartcustom-Tabs #tab-cart:checked ~ #tab-cart-content,
.cartcustom-Tabs #tab-fee:checked ~ #tab-fee-content {
display: block;
}
.cartcustom-Tabs input:checked + .cartcustom-Tabs_Item {
position: relative;
background-color: #333;
color: #fff;
}
.cartcustom-Tabs_Item {
float: left;
display: block;
width: 49.5%;
height: 3em;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
line-height: 3;
text-align: center;
background-color: #B79D7B;
color: #fff;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.cartcustom-Tabs_Item:hover {
opacity: 0.7;
cursor: pointer;
}
.cartcustom-Tabs_Content {
clear: both;
position: relative;
display: none;
min-height: 272px;
padding: 1em;
border: 1px solid #ccc;
overflow: hidden;
}
.cartcustom-Tabs_FreeShipping {
text-align: center;
}
.cartcustom-Tabs_FreeShipping-emphasis {
display: block;
color: #c8300d;
font-weight: 700;
} .cartcustom-Variation select {
margin-top: 8px;
}
.cartcustom-Variation ul {
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
font-size: 0;
}
.cartcustom-Variation li {
border-top: 1px solid #ccc;
font-size: 12px;
font-size: 1.2rem;
line-height: 3;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.cartcustom-Variation li > * {
margin-right: 2%;
}
.cartcustom-Variation li > * {
margin-right: 1%;
}
.cartcustom-Variation label span {
margin-left: 0.5em;
}
.cartcustom-Variation_Item {
width: 46%;
margin-right: 1em;
border-right: 1px solid #ccc;
font-size: 11px;
font-size: 1.1rem;
text-indent: 0.5em;
background-color: #eee;
}
.cartcustom-Variation_Note {
margin-top: 0.5em;
font-size: 12px;
font-size: 1.2rem;
font-weight: 700;
color: #c8300d;
}
.cartcustom-Variation_OntOfStock {
padding-right: 0.5em;
}
.cartcustom-FeeList {
font-size: 12px;
font-size: 1.2rem;
border: 1px solid #ccc;
border-collapse: collapse;
}
.cartcustom-FeeList caption {
margin-bottom: 1em;
}
.cartcustom-FeeList td,
.cartcustom-FeeList th {
padding: 0.5em;
border-collapse: inherit;
border: 1px solid #ccc;
}
.cartcustom-FeeList th {
background: #eee;
}
.cartcustom-Submit {
margin-top: 24px;
margin-bottom: 24px;
}
.cartcustom-Submit_Button {
width: 100%;
border: none;
border-radius: 3px;
font-weight: 700;
background-color: #c8300d;
color: #fff;
}
.cartcustom-Submit_Button:hover {
background-color: #333;
}
.cartcustom-Submit_Button svg {
display: inline-block;
width: 1.5em;
height: 1.5em;
margin-right: 0.5em;
fill: #fff;
vertical-align: middle;
}
.cartcustom-Submit_AdultCheck .cartcustom-Submit_Button {
margin-top: 16px;
margin-bottom: 8px;
}
.cartcustom-Submit_Attention {
display: block;
margin-top: 3px;
color: #c8300d;
} .cartcustom-Acc_NpInput a {
display: inline-block;
margin-top: 1em;
color: #1380D9;
}   .chanko-Container > * {
overflow: hidden;
} .chanko-Hero {
margin-bottom: 56px;
} .chanko-Lead {
width: 90%;
margin-right: auto;
margin-bottom: 40px;
margin-left: auto;
}
.chanko-Lead > * {
margin-bottom: 2em;
}
.chanko-Lead:last-child {
margin-bottom: 0;
}
.chanko-Lead a {
text-decoration: underline;
}
.chanko-Lead_Title {
margin-bottom: 40px;
font-size: 26px;
font-size: 2.6rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
font-weight: 700;
text-align: center;
}
.chanko-Heading2 {
width: 80%;
margin-right: auto;
margin-bottom: 56px;
margin-left: auto;
font-size: 30px;
font-size: 3rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
font-weight: 700;
line-height: 2.4;
letter-spacing: 0.5em;
text-align: center;
border-radius: 3px;
color: #fff;
background-color: #333;
} .chanko-Size {
margin-bottom: 80px;
} .chanko-Wear {
margin-bottom: 80px;
text-align: center;
}
.chanko-Wear > * {
margin-bottom: 40px;
}
.chanko-Wear > *:last-child {
margin-bottom: 0;
}
.chanko-Wear_Heading3 {
font-weight: 700;
line-height: 3;
text-align: center;
background-color: #eee;
}
.chanko-Wear_Heading3 br {
display: none;
} .chanko-Sitsuke {
position: relative;
margin-bottom: 80px;
line-height: 2;
}
.chanko-Sitsuke_Title {
font-size: 34px;
font-size: 3.4rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
font-weight: 700;
letter-spacing: 0.05em;
}
.chanko-Sitsuke_Text {
position: absolute;
top: 16px;
right: 16px;
font-size: 20px;
font-size: 2rem;
color: #fff;
}
.chanko-Sitsuke_Text-red {
right: 24px;
text-align: right;
}
.chanko-Sitsuke_Text-purple {
right: 24px;
text-align: right;
}
.chanko-Sitsuke_Text-yellow {
padding: 1em;
text-align: center;
text-shadow: 0 0 10px #DCAA00;
background-color: rgba(220, 100, 0, 0.1);
}
.chanko-Sitsuke_Text-pink {
padding: 1em;
text-align: center;
text-shadow: 0 0 10px #FF8596;
background-color: rgba(250, 100, 100, 0.1);
} .chanko-Embroidery {
margin-top: 120px;
margin-bottom: 120px;
}
.chanko-Embroidery_Heading3 {
margin-bottom: 64px;
background-color: #333;
font-size: 20px;
font-size: 2rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
font-weight: 700;
line-height: 3;
text-align: center;
color: #fff;
}
.chanko-Embroidery_Heading4 {
margin-bottom: 40px;
font-size: 26px;
font-size: 2.6rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
font-weight: 700;
letter-spacing: 0.15em;
text-align: center;
} .chanko-Color {
margin-bottom: 80px;
}
.chanko-Color_Heading3 {
margin-bottom: 64px;
font-size: 20px;
font-size: 2rem;
background-color: #333;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
font-weight: 700;
line-height: 3;
text-align: center;
color: #fff;
}
.chanko-Color_List {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
list-style: none;
}
.chanko-Color_List > * {
margin-right: 2%;
}
.chanko-Color_List > * {
width: 49%;
}
.chanko-Color_List > *:nth-child(2n) {
margin-right: 0;
}
.chanko-Color_List > *:nth-child(-n+2) {
margin-bottom: 56px;
}
.chanko-Color_Button {
width: 50%;
margin-top: 40px;
margin-right: auto;
margin-left: auto;
line-height: 3.6;
text-align: center;
border-radius: 3px;
background-color: #c8300d;
}
.chanko-Color_Button a {
display: block;
color: #fff;
}
.chanko-Color_Button a:hover {
text-decoration: none;
opacity: 0.7;
}
.chanko-Color_Button-current {
background-color: #eee;
} .chanko-Wrapping_Heading3 {
margin-bottom: 64px;
font-size: 20px;
font-size: 2rem;
background-color: #333;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
font-weight: 700;
line-height: 3;
text-align: center;
color: #fff;
}
.chanko-Wrapping_List {
display: table;
margin-bottom: 40px;
list-style: none;
font-weight: 700;
}
.chanko-Wrapping_List:after {
content: "";
display: block;
clear: both;
}
.chanko-Wrapping_List > * {
float: left;
text-align: left;
}
.chanko-Wrapping_List > *:nth-child(1) {
-webkit-box-sizing: content-box;
box-sizing: content-box;
width: 57%;
padding-right: 8%;
background-image: url(//kanrekiiwai.biz/wp/img/chanko/image_wrapping-arrow.jpg);
background-repeat: no-repeat;
background-position: right top 45%;
background-size: 12.36%;
}
.chanko-Wrapping_List > *:nth-child(1) > p {
margin-left: 20px;
}
.chanko-Wrapping_List > *:nth-child(2) {
width: 35%;
}
.chanko-Wrapping_List > *:nth-child(2) > p {
margin-top: -2em;
margin-right: 20px;
margin-bottom: 1em;
}
.chanko-Wrapping_List > *:nth-child(3) {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
margin-top: 40px;
margin-right: 20px;
margin-left: 20px;
padding-right: 30px;
padding-left: 30px;
padding-bottom: 5px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #ffffff), color-stop(15%, #ffffff), color-stop(15%, #f3f3f3), to(#f3f3f3));
background: -webkit-linear-gradient(top, #ffffff 1%, #ffffff 15%, #f3f3f3 15%, #f3f3f3 100%);
background: linear-gradient(to bottom, #ffffff 1%, #ffffff 15%, #f3f3f3 15%, #f3f3f3 100%);
}
.chanko-Wrapping_List > *:nth-child(3) > * {
margin-right: 2%;
}
.chanko-Wrapping_List > *:nth-child(3) > * {
margin-right: 0;
}
.chanko-Wrapping_List > *:nth-child(3) > p {
width: calc(37% - 30px);
margin-top: 6%;
margin-right: 20px;
margin-left: 10px;
}
.chanko-Wrapping_List > *:nth-child(3) > img {
height: auto;
width: 63%;
} .chanko-Noshi {
margin-right: 20px;
margin-bottom: 80px;
margin-left: 20px;
border: 1px solid #eee;
}
.chanko-Noshi > * {
margin-bottom: 40px;
}
.chanko-Noshi > p {
width: 90%;
margin-right: auto;
margin-left: auto;
}
.chanko-Noshi_Heading3 {
line-height: 3;
text-align: center;
background-color: #eee;
} .chanko-Delivery {
margin-bottom: 80px;
}
.chanko-Delivery_Heading3 {
margin-bottom: 40px;
background-color: #333;
font-size: 20px;
font-size: 2rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
font-weight: 700;
line-height: 3;
text-align: center;
color: #fff;
}
.chanko-Delivery_Hurry {
width: 90%;
margin: 0 auto;
}
.chanko-Delivery_Name {
width: 90%;
margin-right: auto;
margin-left: auto;
}
.chanko-Delivery_Name > p {
font-size: 28px;
font-size: 2.8rem;
font-weight: 700;
text-align: center;
color: #c8300d;
}
.chanko-Delivery_Caution {
margin-top: 24px;
padding-top: 1em;
padding-bottom: 1em;
padding-left: 2em;
list-style: disc !important;
background-color: #eee;
}
.chanko-Delivery_Service {
width: 90%;
margin-right: auto;
margin-left: auto;
}
.chanko-Delivery_Service {
border: 1px solid #d02e00;
}
.chanko-Delivery_Service > * {
margin-bottom: 24px;
}
.chanko-Delivery_Service > p {
width: 80%;
margin-right: auto;
margin-left: auto;
}
.chanko-Delivery_Heading4 {
font-size: 24px;
font-size: 2.4rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
font-weight: 700;
line-height: 2;
letter-spacing: 0.5em;
text-align: center;
color: #fff;
background-color: #d02e00;
} .chanko-Service {
margin-bottom: 80px;
}
.chanko-Service h3 {
background-color: #ff7b8c;
color: #fff;
font-size: 18px;
font-size: 1.8rem;
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
padding: 0.75em 1em;
text-align: center;
}
.chanko-Services_Content {
border: 1px solid #ff7b8c;
padding: 40px 60px;
}
.chanko-Services_Content > dl > div:not(:last-child) {
margin-bottom: 1.75em;
}
.chanko-Services_Content > dl dt {
font-size: 1.6rem;
font-weight: 700;
margin-bottom: 1.25em;
}
.chanko-Services_Content > dl dd {
border: 5px solid #f0f0f0;
margin-left: 0;
padding: 0.75em 1.25em;
} .chanko-Recommend {
background-color: #eee;
}
.chanko-Recommend li {
padding: 8px;
background-color: #fff;
}
.chanko-Recommend_Title {
margin-top: 16px;
margin-bottom: 16px;
font-size: 16px;
font-size: 1.6rem;
font-weight: 700;
text-align: center;
letter-spacing: 0.1em;
}
.chanko-Recommend_Title-sub {
display: block;
font-size: 10px;
font-size: 1rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
}   .company-Title {
border-bottom: 1px solid #eee;
font-size: 16px;
font-size: 1.6rem;
line-height: 2;
}
.company-Block {
margin-top: 160px;
}
.company-Heading2 {
margin-bottom: 64px;
font-size: 26px;
font-size: 2.6rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
font-weight: 700;
letter-spacing: 0.5em;
text-align: center;
}
.company-Lead {
margin-top: 80px;
}
.company-Text > *,
.company-Lead-Text > *,
.company-Voice_Text > * {
margin-bottom: 1em;
}
.company-Text > *:last-child,
.company-Lead-Text > *:last-child,
.company-Voice_Text > *:last-child {
margin-bottom: 0;
}
.company-Profile {
margin-top: 80px;
}
.company-Profile dl {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
padding-top: 1em;
padding-bottom: 1em;
border-bottom: 1px solid #eee;
}
.company-Profile dl > * {
margin-right: 2%;
}
.company-Profile dl > * {
width: 49%;
}
.company-Profile dl > *:nth-child(2n) {
margin-right: 0;
}
.company-Profile dt {
font-weight: 700;
width: 25%;
}
.company-Profile dd {
width: 65%;
}
.company-Map {
margin-top: 80px;
}
.company-Voice_Block {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
margin-bottom: 56px;
}
.company-Voice_Block > * {
margin-right: 2%;
}
.company-Voice_Block > * {
width: 49%;
}
.company-Voice_Block > *:nth-child(2n) {
margin-right: 0;
}
.company-Voice_ItemImg {
width: 20%;
}
.company-Voice_Article {
width: 78%;
}
.company-Voice_Header {
margin-bottom: 8px;
padding-bottom: 8px;
border-bottom: 1px solid #eee;
}
.company-Voice_Title {
font-weight: 700;
}
.company-Voice_Author {
display: inline-block;
font-size: 12px;
font-size: 1.2rem;
}
.company-Voice_Star {
display: inline-block;
font-size: 12px;
font-size: 1.2rem;
color: #f05e1c;
}
.company-Voice_ItemName {
font-size: 12px;
font-size: 1.2rem;
}
.company-ShoppingGuide_Block {
border: 1px solid #eee;
margin-bottom: 40px;
padding-bottom: 56px;
}
.company-ShoppingGuide_Inner {
width: 90%;
margin-right: auto;
margin-left: auto;
}
.company-Heading3 {
background: #666;
color: #fff;
font-size: 20px;
font-size: 2rem;
font-weight: normal;
line-height: 2.6;
text-indent: 1em;
}
.company-Heading4 {
border-bottom: 1px solid #eee;
font-size: 18px;
font-size: 1.8rem;
font-weight: bold;
letter-spacing: 0.1em;
margin: 56px auto 16px auto;
padding: 0 0 0.5em 0;
}
.company-Heading5 {
background: #eee;
font-size: 16px;
font-size: 1.6rem;
line-height: 3;
margin-bottom: 16px;
margin-top: 32px;
text-indent: 1em;
}
.company-FeeList {
margin-top: 40px;
border-left: 1px solid #eee;
border-top: 1px solid #eee;
}
.company-FeeList td, .company-FeeList th {
border-right: 1px solid #eee;
border-bottom: 1px solid #eee;
}
.company-FeeList td {
padding: 16px;
}
.company-FeeList th {
text-align: center !important;
line-height: 3;
background-color: #eee;
}
.company-FeeList tr > *:nth-child(2) {
width: 7em;
text-align: right;
}   .error404-Container {
margin-top: 80px;
margin-bottom: 80px;
text-align: center;
}
.error404-Title {
color: #ccc;
}
.error404-Text {
margin-top: 40px;
margin-bottom: 80px;
}
.error404-Link {
display: block;
width: 200px;
margin-right: auto;
margin-left: auto;
border-radius: 3px;
line-height: 3.6;
text-align: center;
color: #fff;
background-color: #333;
}
.error404-Link:hover {
opacity: 0.7;
text-decoration: none;
color: #fff;
}   .fax-Lead {
width: 90%;
margin-right: auto;
margin-bottom: 40px;
margin-left: auto;
}
.fax-Lead > * {
margin-bottom: 1em;
}
.fax-Lead > *:last-child {
margin-bottom: 0;
}
.fax-List {
width: 636px;
margin-right: auto;
margin-left: auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
padding-left: 0;
text-align: center;
list-style: none;
}
.fax-List > * {
margin-right: 2%;
}
.fax-List > * {
width: 310px;
margin-bottom: 16px;
}
.fax-List > *:nth-child(2n) {
margin-right: 0;
}
.fax-List > *:nth-child(2n+1) {
margin-right: 16px;
}
.fax-List > *:last-child {
margin-bottom: 0;
}
.fax-Archive {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
width: 80%;
margin-right: auto;
margin-left: auto;
list-style: none;
}
.fax-Archive > * {
margin-right: 2%;
}
.fax-Archive > * {
width: 49%;
}
.fax-Archive > *:nth-child(2n) {
margin-right: 0;
}
.fax-Archive a {
position: relative;
display: block;
margin-bottom: 16px;
padding-top: 1em;
padding-bottom: 1em;
border: 1px solid #ccc;
border-radius: 3px;
font-size: 16px;
font-size: 1.6rem;
text-align: center;
background-color: #eee;
}
.fax-Archive a:hover {
text-decoration: none;
}
.fax-Archive a::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 0;
height: 0;
}
.fax-Archive a.fax-Archive_Red::after {
border-top: 14px solid #c8300d;
border-right: 14px solid transparent;
}
.fax-Archive a.fax-Archive_Purple::after {
border-top: 14px solid #694b78;
border-right: 14px solid transparent;
}
.fax-Archive a.fax-Archive_Yellow::after {
border-top: 14px solid #c49833;
border-right: 14px solid transparent;
}
.fax-Archive a.fax-Archive_Green::after {
border-top: 14px solid #797d27;
border-right: 14px solid transparent;
}
.fax-Archive a span {
display: block;
font-size: 22px;
font-size: 2.2rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
}   .fkouji-Heading2 {
margin-bottom: 16px;
font-size: 16px;
font-size: 1.6rem;
background-color: #eee;
line-height: 4;
}
.fkouji-Text > * {
margin-bottom: 1em;
}
.fkouji-Text > *:last-child {
margin-bottom: 0;
}
.fkouji-Logo {
margin-right: 0.5em;
margin-left: 0.5em;
width: 2em;
}
.fkouji-Heading3 {
margin-bottom: 1em;
font-size: 16px;
font-size: 1.6rem;
}
.fkouji-Hero {
margin-bottom: 40px;
}
.fkouji-Brand {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.fkouji-Brand > * {
margin-right: 2%;
}
.fkouji-Brand_Img {
width: 25%;
margin-right: 2%;
text-align: center;
}
.fkouji-Brand_Img img {
padding: 5px;
border: 1px solid #eee;
}
.fkouji-Brand_Text {
margin-right: 0;
width: 73%;
}
.item-furumachikouji .daikichi-Container {
background-image: url(//kanrekiiwai.biz/wp/img/gift/furumachikouji/daikichi/bg01_pc.png);
background-repeat: repeat-y;
background-size: contain;
overflow: hidden;
}
.item-furumachikouji .daikichi-Hero {
margin-bottom: 80px;
}
.item-furumachikouji .daikichi-Heading2 {
position: relative;
margin-bottom: 24px;
}
.item-furumachikouji .daikichi-Heading2 > img {
position: absolute;
width: 40px;
bottom: 0;
right: 160px;
}
.item-furumachikouji h2 {
text-align: center;
}
.item-furumachikouji h2 img {
width: 320px;
}
.item-furumachikouji h3 {
font-size: 22px;
font-size: 2.2rem;
color: #b48c50;
}
.item-furumachikouji ul {
width: 400px;
margin-right: auto;
margin-left: 120px;
list-style: none;
}
.item-furumachikouji ul > * {
margin-bottom: 16px;
}
.item-furumachikouji ul > *:last-child {
margin-bottom: 0;
}
.item-furumachikouji .daikichi-Line {
display: block;
width: 90%;
margin-right: auto;
margin-bottom: 40px;
margin-left: auto;
}
.item-furumachikouji .daikichi-Jinja {
margin-bottom: 80px;
}
.item-furumachikouji .daikichi-Daikichi {
margin-bottom: 80px;
}
.item-furumachikouji .daikichi-Daikichi h2 {
margin-left: 190px;
text-align: left;
}
.item-furumachikouji .daikichi-Text {
width: 80%;
margin-right: auto;
margin-bottom: 56px;
margin-left: auto;
line-height: 2;
}
.item-furumachikouji .daikichi-Text > * {
margin-bottom: 1em;
}
.item-furumachikouji .daikichi-Text > *:last-child {
margin-bottom: 0;
}
.item-furumachikouji .daikichi-Layer01 {
position: relative;
margin-bottom: 40px;
}
.item-furumachikouji .daikichi-Layer01 .daikichi-Bottle_L {
position: absolute;
right: -2%;
bottom: 0;
width: 160px;
}
.item-furumachikouji .daikichi-Gallery {
width: 80%;
margin-right: auto;
margin-left: auto;
}
.item-furumachikouji .daikichi-Gallery > * {
margin-bottom: 1em;
}
.item-furumachikouji .daikichi-Gallery > *:last-child {
margin-bottom: 0;
}
.item-furumachikouji .daikichi-Gallery figcaption {
font-size: 18px;
font-size: 1.8rem;
text-align: center;
color: #ab0000;
}
.item-furumachikouji .daikichi-Gallery figcaption:before {
content: "";
display: inline-block;
width: 1.8em;
height: 1.8em;
margin-right: 0.5em;
background-image: url(//kanrekiiwai.biz/wp/img/gift/furumachikouji/daikichi/icon_ume01.png);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
vertical-align: middle;
}
.item-furumachikouji .daikichi-Brand_Text {
margin-top: 40px;
color: #5e4821;
}
.item-furumachikouji .daikichi-Brand_Logo {
width: 320px;
margin-right: auto;
margin-bottom: 32px;
margin-left: auto;
}   .hikaku-Container {
background-image: url(//kanrekiiwai.biz/wp/img/hikaku/bg_main.jpg);
background-repeat: repeat;
color: #404656;
}
.hikaku-Container a {
color: #1380D9;
text-decoration: underline;
}
.hikaku-TextAttention {
font-weight: 700;
color: #c8300d;
}
.hikaku-Lead {
width: 640px;
margin-right: auto;
margin-bottom: 40px;
margin-left: auto;
font-weight: 700;
text-align: center;
}
.hikaku-Lead_Title {
margin-top: 16px;
margin-bottom: 24px;
}
.hikaku-Lead_Charactor {
width: 75%;
margin-top: 24px;
margin-right: auto;
margin-left: auto;
}
.hikaku-Text {
background-image: url(//kanrekiiwai.biz/wp/img/hikaku/bg_text.png);
}
.hikaku-Menu {
width: 640px;
margin-right: auto;
margin-bottom: 80px;
margin-left: auto;
}
.hikaku-Menu_Title {
margin-bottom: 8px;
font-size: 18px;
font-size: 1.8rem;
font-weight: 700;
text-align: center;
line-height: 3;
letter-spacing: 0.1em;
background-color: #404656;
color: #fff;
}
.hikaku-Menu_Items {
width: 561px;
margin-right: auto;
margin-left: auto;
padding-left: 0;
list-style: none;
}
.hikaku-Menu_Items > * {
width: 51px;
margin: 0;
}
.hikaku-Content {
width: 640px;
margin-right: auto;
margin-bottom: 80px;
margin-left: auto;
padding-bottom: 40px;
border-bottom: 1px solid #404656;
}
.hikaku-Chat_After {
padding-bottom: 80px;
}
.hikaku-ReTop {
margin-top: 16px;
text-align: center;
}
.hikaku-ReTop a {
display: inline-block;
width: 70px;
}
.hikaku-Content_Header {
margin-bottom: 40px;
line-height: 1.2;
}
.hikaku-Content_Title {
margin-bottom: 11px;
font-size: 20px;
font-size: 2rem;
line-height: 1.6;
color: #404656;
}
.hikaku-Newspaper {
margin-bottom: 40px;
}
.hikaku-Newspaper > * {
margin-bottom: 24px;
}
.hikaku-Newspaper > *:last-child {
margin-bottom: 0;
}
.hikaku-Chat {
position: relative;
width: 90%;
height: 150px;
margin-right: auto;
margin-left: auto;
}
.hikaku-Chat_Toku {
position: absolute;
top: 0;
left: 0;
height: 126px;
padding-top: 20px;
padding-right: 0;
padding-bottom: 0;
padding-left: 98px;
background-image: url(//kanrekiiwai.biz/wp/img/hikaku/image_toku01@2x.png);
background-size: 80px;
background-repeat: no-repeat;
}
.hikaku-Chat_Marc {
position: absolute;
top: 0;
right: 0;
height: 163px;
padding-top: 90px;
padding-right: 80px;
padding-bottom: 0;
padding-left: 0;
background-image: url(//kanrekiiwai.biz/wp/img/hikaku/image_marc01@2x.png);
background-size: 65px;
background-repeat: no-repeat;
background-position: right bottom;
}
.hikaku-Chat_Marc.hikaku-Chat_After07 {
top: 26px;
}
.hikaku-Chat_Marc-balloon, .hikaku-Chat_Toku-balloon {
position: relative;
padding-top: 6px;
padding-right: 1em;
padding-bottom: 6px;
padding-left: 1em;
border: 2px solid #404656;
background: #fff;
}
.hikaku-Chat_Marc-balloon::after, .hikaku-Chat_Marc-balloon::before, .hikaku-Chat_Toku-balloon::after, .hikaku-Chat_Toku-balloon::before {
content: " ";
position: absolute;
top: 50%;
width: 0;
height: 0;
border: solid transparent;
pointer-events: none;
}
.hikaku-Chat_Marc-balloon::after, .hikaku-Chat_Toku-balloon::after {
margin-top: -7px;
border-color: rgba(255, 255, 255, 0);
border-width: 7px;
}
.hikaku-Chat_Marc-balloon::before, .hikaku-Chat_Toku-balloon::before {
margin-top: -10px;
border-color: rgba(64, 70, 86, 0);
border-width: 10px;
}
.hikaku-Chat_Marc-balloon::after, .hikaku-Chat_Marc-balloon::before {
left: 100%;
}
.hikaku-Chat_Marc-balloon::after {
border-left-color: #fff;
}
.hikaku-Chat_Marc-balloon::before {
border-left-color: #404656;
}
.hikaku-Chat_Toku-balloon::after, .hikaku-Chat_Toku-balloon::before {
right: 100%;
}
.hikaku-Chat_Toku-balloon::after {
margin-top: -7px;
border-right-color: #fff;
}
.hikaku-Chat_Toku-balloon::before {
border-right-color: #404656;
}
.hikaku-Content_Header1 {
height: 92px;
padding-top: 16px;
padding-right: 40px;
padding-bottom: 16px;
padding-left: 40px;
background-image: url(//kanrekiiwai.biz/wp/img/hikaku/title_line01.png);
}
.hikaku-Content_Header2 {
height: 112px;
padding-top: 16px;
padding-right: 40px;
padding-bottom: 16px;
padding-left: 40px;
background-image: url(//kanrekiiwai.biz/wp/img/hikaku/title_line02.png);
}
.hikaku-Content_Header3 {
height: 132px;
padding-top: 16px;
padding-right: 40px;
padding-bottom: 16px;
padding-left: 40px;
background-image: url(//kanrekiiwai.biz/wp/img/hikaku/title_line03.png);
}
.hikaku-Info_Newspaper, .hikaku-Info_Card {
width: 640px;
margin-right: auto;
margin-left: auto;
font-weight: 700;
text-align: left;
}
.hikaku-Info_Newspaper {
margin-bottom: 40px;
}
.hikaku-Info_Newspaper .hikaku-Info_Img {
display: block;
margin-top: 40px;
margin-bottom: 40px;
}
.hikaku-Info_Card .hikaku-Info_Img {
display: block;
margin-bottom: 40px;
}
.hikaku-Info_Wrapper {
padding-top: 40px;
padding-right: 56px;
padding-bottom: 40px;
padding-left: 56px;
background-image: url(//kanrekiiwai.biz/wp/img/hikaku/bg_text.png);
background-repeat: repeat-y;
}
.hikaku-Info_Text > * {
margin-bottom: 1em;
}
.hikaku-Info_Text > *:last-child {
margin-bottom: 0;
}   .home-Wrapper time {
display: block;
font-size: 12px;
font-size: 1.2rem;
text-align: right;
color: rgb(170, 170, 170);
}
.home-Content {
margin-bottom: 32px;
}
.home-Heading2 {
margin-bottom: 16px;
padding-top: 0.25em;
padding-bottom: 0.25em;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
font-size: 20px;
font-size: 2rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
font-weight: 700;
letter-spacing: 0.1em;
text-align: left;
}
.home-Heading2_Alpha {
font-size: 11px;
font-size: 1.1rem;
margin-left: 1em;
}
.home-Btn a {
position: relative;
display: block;
display: block;
text-align: center;
line-height: 3.6;
border: 1px solid #eee;
background-color: #eee;
border-radius: 5px;
color: #333;
}
.home-Btn a::after {
position: absolute;
content: "";
display: block;
width: 0;
height: 0;
top: 0;
right: 5%;
bottom: 0;
margin-top: auto;
margin-bottom: auto;
border: transparent solid 5px;
border-left-color: #333;
vertical-align: middle;
}
.home-Btn a:hover {
text-decoration: none;
border: 1px solid #333;
background-color: #333;
color: #fff;
}
.home-Btn a:hover::after {
position: absolute;
content: "";
display: block;
width: 0;
height: 0;
top: 0;
right: 5%;
bottom: 0;
margin-top: auto;
margin-bottom: auto;
border: transparent solid 5px;
border-left-color: #fff;
vertical-align: middle;
} .home-Lead {
margin-top: 8px;
margin-bottom: 16px;
}
.home-Lead > img {
vertical-align: top;
}
.home-Lead_Wrap {
position: relative;
height: 504px;
padding-top: 100px;
background-image: url(//kanrekiiwai.biz/wp/img/home/bg_lead_pc.png);
background-repeat: no-repeat;
background-size: cover;
}
.home-Lead_Wrap h2 {
position: absolute;
top: 0;
right: 0;
left: 0;
margin-right: auto;
margin-left: auto;
line-height: 2;
font-weight: normal;
text-align: center;
color: #fff;
}
.home-Lead_Wrap h2 i {
margin-right: 0.5em;
}
.home-Lead_Wrap .home-Lead_Icon {
display: block;
width: 90px;
margin-right: auto;
margin-bottom: 16px;
margin-left: auto;
}
.home-Lead_Wrap .home-Lead_Item {
display: block;
width: 70%;
margin-right: auto;
margin-left: auto;
}
.home-Lead_Wrap h3 {
margin-bottom: 16px;
text-align: center;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
font-size: 22px;
font-size: 2.2rem;
font-weight: normal;
letter-spacing: 0.1em;
color: #c8300d;
}
.home-Tab_Wrap {
width: 80%;
margin-right: auto;
margin-left: auto;
}
.home-Tab_Wrap input[type=radio] {
display: none;
}
.home-TabPanel {
width: 100%;
display: none;
}
.home-TabPanel_Text {
height: 320px;
}
.home-TabPanel_Text p {
margin-right: auto;
margin-bottom: 1em;
margin-left: auto;
}
.home-TabPanel_Text a {
display: block;
text-align: right;
text-decoration: underline;
color: #1380D9;
}
.home-TabPanel_Text a:hover {
text-decoration: none;
}
@-webkit-keyframes tabAnim {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes tabAnim {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
#homeTab1:checked ~ .home-TabPanel_Area #homeTabPanel1 {
display: block;
-webkit-animation: tabAnim ease 0.6s forwards;
animation: tabAnim ease 0.6s forwards;
-ms-animation: tabAnim ease 0.6s forwards;
}
#homeTab2:checked ~ .home-TabPanel_Area #homeTabPanel2 {
display: block;
-webkit-animation: tabAnim ease 0.6s forwards;
animation: tabAnim ease 0.6s forwards;
-ms-animation: tabAnim ease 0.6s forwards;
}
#homeTab3:checked ~ .home-TabPanel_Area #homeTabPanel3 {
display: block;
-webkit-animation: tabAnim ease 0.6s forwards;
animation: tabAnim ease 0.6s forwards;
-ms-animation: tabAnim ease 0.6s forwards;
}
#homeTab4:checked ~ .home-TabPanel_Area #homeTabPanel4 {
display: block;
-webkit-animation: tabAnim ease 0.6s forwards;
animation: tabAnim ease 0.6s forwards;
-ms-animation: tabAnim ease 0.6s forwards;
}
#homeTab5:checked ~ .home-TabPanel_Area #homeTabPanel5 {
display: block;
-webkit-animation: tabAnim ease 0.6s forwards;
animation: tabAnim ease 0.6s forwards;
-ms-animation: tabAnim ease 0.6s forwards;
}
#homeTab6:checked ~ .home-TabPanel_Area #homeTabPanel6 {
display: block;
-webkit-animation: tabAnim ease 0.6s forwards;
animation: tabAnim ease 0.6s forwards;
-ms-animation: tabAnim ease 0.6s forwards;
}
.home-Tab_Label {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.home-Tab_Label label {
cursor: pointer;
}
.home-Tab_Label > * {
margin-right: 2%;
}
.home-Tab_Label > * {
margin-right: 0;
}
.home-Tab_Label > * span {
display: block;
width: 7em;
margin-bottom: 0.5em;
padding-right: 1em;
padding-left: 1em;
border-radius: 15px;
font-size: 12px;
font-size: 1.2rem;
line-height: 2;
text-align: center;
color: #fff;
background-color: #c8300d;
}
.home-Tab_Label > *:first-child {
width: 40%;
text-align: left;
}
.home-Tab_Label > *:first-child label {
position: relative;
padding-left: 15px;
}
.home-Tab_Label > *:first-child label::before {
position: absolute;
content: "";
width: 10px;
height: 10px;
border-top: solid 2px #c8300d;
border-left: solid 2px #c8300d;
-webkit-transform: rotate(45deg);
transform: rotate(-45deg);
top: 50%;
left: 0;
margin-top: -5px;
}
.home-Tab_Label > *:nth-child(2) {
position: relative;
width: 20%;
text-align: center;
}
.home-Tab_Label > *:nth-child(2) img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 30%;
margin: auto;
}
.home-Tab_Label > *:last-child {
width: 40%;
text-align: right;
}
.home-Tab_Label > *:last-child span {
margin-right: 0;
margin-left: auto;
}
.home-Tab_Label > *:last-child label {
position: relative;
padding-right: 15px;
}
.home-Tab_Label > *:last-child label::before {
position: absolute;
content: "";
width: 10px;
height: 10px;
border-top: solid 2px #c8300d;
border-right: solid 2px #c8300d;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
top: 50%;
right: 0;
margin-top: -5px;
} .home-PersonMenu {
font-size: 13px;
font-size: 1.3rem;
}
.home-PersonMenu ul {
list-style: none;
}
.home-PersonMenu .menu-Title {
display: none;
} .home-CategoryMenu .menu-Title {
display: none;
} .home-PriceMenu .menu-Title {
display: none;
}
.home-PriceMenu .menu-Price_Item a {
border: 0;
background-color: #eee;
}
.home-PriceMenu .menu-Price_Item a:hover {
border: 0;
color: #fff;
background-color: #333;
} .home-RecList {
word-break: break-all;
font-size: 13px;
font-size: 1.3rem;
}
.home-RecList a {
text-decoration: none;
}
.home-RecList_Items > * {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.home-RecList_Item {
margin-bottom: 24px;
}
.home-RecList_Title {
margin-top: 8px;
margin-bottom: 8px;
line-height: 1.5;
}
.home-RecList_Text {
padding-top: 8px;
border-top: 1px solid #eee;
font-size: 12px;
font-size: 1.2rem;
}
.home-RecList_Price {
display: block;
margin-top: 0.5em;
color: rgb(130, 130, 130);
} .home-Ranking ul {
list-style: none;
}
.home-Ranking .menu-Title {
display: none;
}
.home-Ranking_Item {
position: relative;
padding-top: 10px;
}
.home-Ranking_Number {
display: block;
position: absolute;
top: 0;
left: 8px;
z-index: 1;
width: 32px;
line-height: 32px;
text-align: center;
background-color: #333;
color: #fff;
}
.home-Ranking_Text {
margin-top: 5px;
} .home-CatRanking h2 img {
height: 1em;
width: auto;
margin-right: 5px;
margin-left: 5px;
}
.home-CatRanking ul {
margin-bottom: 16px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
list-style: none;
word-break: break-all;
}
.home-CatRanking ul > * {
margin-right: 2%;
}
.home-CatRanking ul > * {
width: 23.5%;
}
.home-CatRanking ul > *:nth-child(4n) {
margin-right: 0;
}
.home-CatRanking li {
position: relative;
padding-right: 1em;
padding-bottom: 1.5em;
padding-left: 1em;
-webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
}
.home-CatRanking li figure {
margin-right: -1em;
margin-left: -1em;
}
.home-CatRanking li .sw-ItemList_Price {
position: absolute;
right: 1em;
bottom: 0.5em;
}
.home-CatRanking h3 {
margin-bottom: 24px;
font-weight: normal;
}
.home-CatRanking .menu-Ranking_Item {
padding-top: 0;
}
.home-CatRanking .menu-Ranking_Number {
top: -10px;
}
.home-CatRanking .home-Ranking_Text {
margin-right: 0.5em;
margin-bottom: 1em;
margin-left: 0.5em;
}
.home-CatRanking .menu-Ranking_Price {
text-align: right;
color: #c8300d;
} .home-Faq ul {
list-style: none;
}
.home-Faq_Items > * {
padding-top: 16px;
padding-bottom: 16px;
border-bottom: 1px dotted #ccc;
}
.home-Faq_Q, .home-Faq_A {
padding-left: 1em;
padding-bottom: 8px;
text-indent: -1em;
}
.home-Faq_Q {
font-weight: 700;
color: #334C69;
}
.home-Faq_A .home-Faq_Number {
color: #c8300d;
}
.home-Faq_Number {
margin-right: 0.5em;
font-weight: 700;
}
.home-Faq_Link {
padding-top: 8px;
font-size: 12px;
font-size: 1.2rem;
text-align: right;
}
.home-Faq_Link a:before {
content: "▶";
display: inline-block;
position: relative;
left: -3px;
font-size: 10px;
font-size: 1rem;
} .home-RecPresentBlock {
margin-bottom: 32px;
padding-top: 55px;
}
.home-RecPresent_Content {
margin-bottom: 16px;
}
.home-RecPresent_Title {
position: relative;
margin-bottom: 24px;
font-size: 18px;
font-size: 1.8rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
font-weight: 700;
line-height: 48px;
letter-spacing: 0.1em;
text-indent: 1em;
background-color: #eee;
}
.home-RecPresent_TitleImg {
position: absolute;
right: 24px;
bottom: 0;
}
.home-RecPresent_ItemCatch {
margin-bottom: 8px;
font-weight: 700;
font-size: 15px;
font-size: 1.5rem;
color: #c8300d;
}
.home-RecPresent_ItemDetail {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin-top: 15.4px;
margin-bottom: 15.4px;
padding: 8px;
font-size: 13px;
font-size: 1.3rem;
border-radius: 8px;
background: #eee;
}
.home-RecPresent_ItemDetail > * {
margin-right: 2%;
}
.home-RecPresent_ItemImg {
width: 35%;
}
.home-RecPresent_ItemTitleBox {
width: 63%;
margin-right: 0;
}
.home-RecPresent_FreeShipping {
background: #d2b750;
color: #fff;
font-size: 12px;
font-size: 1.2rem;
font-weight: 700;
letter-spacing: 0.1em;
padding-top: 4px;
padding-right: 6px;
padding-bottom: 4px;
padding-left: 6px;
}
.home-RecPresent_ItemTitle {
margin-top: 8px;
}
.home-RecPresent_ItemPrice {
display: block;
padding-top: 3px;
}
.home-RecPresent_ReadingLink {
margin-left: 24px;
margin-bottom: 24px;
font-size: 12px;
font-size: 1.2rem;
}
.home-RecPresent_ReadingLinkItems {
list-style: disc;
list-style-position: inside;
}
.home-RecPresent_CategoryLink {
display: block;
border-radius: 30px;
border: 1px solid #333;
font-size: 14px;
font-size: 1.4rem;
line-height: 3.6;
text-align: center;
text-decoration: none;
}
.home-RecPresent_CategoryLink:hover {
text-decoration: none;
background-color: #333;
color: #fff;
} .home-RecPresent_Father .home-RecPresent_Title {
border-left: 10px solid #334C69;
}
.home-RecPresent_Father .home-RecPresent_TitleImg {
width: 99px;
} .home-RecPresent_Mother .home-RecPresent_Title {
border-left: 10px solid #e45051;
}
.home-RecPresent_Mother .home-RecPresent_TitleImg {
width: 86px;
} .home-RecPresent_Boss .home-RecPresent_Title {
border-left: 10px solid #5e7846;
}
.home-RecPresent_Boss .home-RecPresent_TitleImg {
width: 99px;
} .home-Review {
border: 1px solid #eee;
padding: 32px;
background-image: url(//kanrekiiwai.biz/wp/img/home/bg_review-header.png);
background-repeat: no-repeat;
background-position: top 8px right 8px;
background-size: 32%;
}
.home-Review_Article > * {
margin-bottom: 24px;
padding-bottom: 24px;
border-bottom: 1px solid #eee;
}
.home-Review_Article > *:last-child {
padding-bottom: 0;
border-bottom: none;
}
.home-Review_Heading {
margin-bottom: 24px;
font-size: 26px;
font-size: 2.6rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
font-weight: 700;
letter-spacing: 0.05em;
line-height: 1.4;
}
.home-Review_Title {
margin-bottom: 8px;
font-size: 16px;
font-size: 1.6rem;
font-weight: 700;
}
.home-Review_Header {
margin-bottom: 16px;
padding: 1em;
font-size: 13px;
font-size: 1.3rem;
background: #eee;
}
.home-Review_ItemTitle {
display: block;
}
.home-Review_Star {
color: #c8300d;
}
.home-Review_Text {
margin-right: 13px;
margin-left: 13px;
}
.home-Review_Button {
display: block;
border-radius: 30px;
border: 1px solid #333;
text-align: center;
line-height: 3.6;
}
.home-Review_Button:hover {
text-decoration: none;
background-color: #333;
color: #fff;
}
.home-Banner_Text {
font-size: 12px;
font-size: 1.2rem;
text-align: right;
}
.home-Banner_Shiso {
letter-spacing: -0.4em;
}
.home-Banner_Shiso > * {
display: inline-block;
width: 50%;
letter-spacing: normal;
} .home-Banner_Item {
text-align: center;
}   .imayo-Container {
margin-bottom: 80px;
line-height: 1.75;
}
.imayo-Container h3, .imayo-Container h4, .imayo-Container h5 {
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
font-weight: 700;
line-height: 1.5;
}
.imayo-Container p, .imayo-Container ol, .imayo-Container ul, .imayo-Container dl, .imayo-Container figure {
margin-bottom: 1.5em;
margin-top: 1.5em;
}
.imayo-Container figure {
text-align: center;
}
.imayo-Container ul {
padding-left: 1.5em;
}
.imayo-Container img {
vertical-align: bottom;
}
.imayo-Container h3 + p, .imayo-Container h3 + ol, .imayo-Container h3 + ul, .imayo-Container h3 + dl, .imayo-Container h3 + figure, .imayo-Container h4 + p, .imayo-Container h4 + ol, .imayo-Container h4 + ul, .imayo-Container h4 + dl, .imayo-Container h4 + figure {
margin-top: 0;
}
.imayo-Hero {
margin-bottom: 40px;
}
.imayo-Content {
margin-top: 60px;
}
.imayo-Content > h3 {
background-color: #eee;
font-size: 18px;
font-size: 1.8rem;
margin: 0 0 1.5em;
padding: 0.889em 1.111em;
}
.imayo-Content h4 {
font-size: 24px;
font-size: 2.4rem;
margin: 1.25em 0 1em;
}
.imayo-Content h5 {
border-left: 3px solid #666666;
font-size: 16px;
font-size: 1.6rem;
margin: 1.5em 0 1em;
padding-left: 0.75em;
}
.imayo-Content .text-small {
font-size: 12px;
font-size: 1.2rem;
}
.imayo-Content .text-large {
font-size: 16px;
font-size: 1.6rem;
}
.imayo-Content .text-alert {
color: #c8300d;
font-weight: 700;
}
.imayo-Content .sw-Button {
background-color: #333;
border: 1px solid #333;
color: #fff;
margin: 0 auto;
text-decoration: none;
min-width: 33.3333333333%;
}
.imayo-Content .sw-Button:hover {
background-color: #fff;
color: #333;
text-decoration: none;
}
.imayo-Concept h3 {
background: none;
font-size: 24px;
font-size: 2.4rem;
font-weight: 500;
margin-bottom: 1em;
padding: 0;
}
.imayo-Spec .imayo-Spec_Container {
border-bottom: 1px solid #e6e6e6;
padding-bottom: 40px;
padding-top: 40px;
}
.imayo-Spec .imayo-Spec_Container:last-of-type {
border-bottom: none;
padding-bottom: 0;
}
.imayo-Spec .imayo-Spec_Container:after {
content: "";
display: block;
clear: both;
}
.imayo-Spec .imayo-Spec_Container h4, .imayo-Spec .imayo-Spec_Container .imayo-Spec_Description {
float: right;
width: 55%;
}
.imayo-Spec .imayo-Spec_Container h4 {
margin-top: 0;
}
.imayo-Spec .imayo-Spec_Container h4 .text-small {
color: #999;
display: block;
font-size: 13px;
font-size: 1.3rem;
font-weight: 500;
}
.imayo-Spec .imayo-Spec_Container .imayo-Spec_Description > *:first-child {
margin-top: 0;
}
.imayo-Spec .imayo-Spec_Container .imayo-Spec_Description > *:last-child {
margin-bottom: 0;
}
.imayo-Spec .imayo-Spec_Container .imayo-Spec_Description table {
width: 100%;
}
.imayo-Spec .imayo-Spec_Container .imayo-Spec_Description table div {
padding: 0 1.2rem;
}
.imayo-Spec .imayo-Spec_Container .imayo-Spec_Description table th, .imayo-Spec .imayo-Spec_Container .imayo-Spec_Description table td {
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
font-weight: 400;
padding: 1.2rem 0;
text-align: left;
}
.imayo-Spec .imayo-Spec_Container .imayo-Spec_Description table th {
white-space: nowrap;
}
.imayo-Spec .imayo-Spec_Container .imayo-Spec_Description table td > div {
border-left: 1px solid #ccc;
}
.imayo-Spec .imayo-Spec_Container .imayo-Spec_Photo {
float: left;
padding-right: 40px;
width: 45%;
}
.imayo-Prize ul {
list-style: disc;
padding-left: 1.5em;
}
.imayo-Wrapping .sw-Flexbox {
margin-left: -16px;
margin-right: -16px;
}
.imayo-Wrapping .flex-Items {
margin: 0;
padding-left: 16px;
padding-right: 16px;
width: 50%;
}
.imayo-Wrapping .flex-Items figure > img {
margin-bottom: 1em;
}
.imayo-Wrapping .flex-Items figure figcaption {
text-align: left;
}
.imayo-Shipment h3 + p {
font-size: 20px;
font-size: 2rem;
text-align: center;
}
.imayo-Shipment ul {
font-size: 16px;
font-size: 1.6rem;
list-style: disc;
}
.imayo-Shipment ul li .callout {
background-color: #fff;
border: 1px solid #e6e6e6;
font-size: 14px;
font-size: 1.4rem;
margin: 1em 0;
padding: 1.5rem 2rem;
}
.imayo-Shipment ul li .callout > *:first-child {
margin-top: 0;
}
.imayo-Shipment ul li .callout > *:last-child {
margin-bottom: 0;
}
.imayo-Shipment .text-alert {
display: inline-block;
}   .item-Container {
font-size: 1.4rem;
line-height: 1.8;    }
.item-Container > * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.item-Container h1, .item-Container h2, .item-Container h3, .item-Container h4, .item-Container h5, .item-Container h6 {
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
font-weight: 700;
letter-spacing: 0.2rem;
line-height: 1.5;
}
.item-Container a {
color: #a38b39;
text-decoration: underline;
}
.item-Container a:hover {
text-decoration: none;
}
.item-Container p, .item-Container ul, .item-Container ol, .item-Container dl {
margin-bottom: 1em;
}
.item-Container strong {
color: #c8300d;
font-weight: 700;
}
.item-Container figcaption {
font-size: 12px;
font-size: 1.2rem;
}
.item-Container .one-Column {
margin: 0 auto;
width: 48em;
}
.item-Container .sw-Flexbox {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.item-Container .sw-Flexbox > * {
margin-right: 0;
}
.item-Container .sw-Flexbox_Col2 > * {
width: calc((100% - 20px) / 2);
}
.item-Container .pc-Flexbox_Col2 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.item-Container .pc-Flexbox_Col2 > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: calc((100% - 20px) / 2);
}
.item-Container .full-Width {
width: 100%;
}
.item-Container .item-Content {
margin: 80px 0;
}
.item-Container .item-Content h2 {
background-color: #eee;
font-size: 2rem;
margin-bottom: 44px;
padding: 1em;
text-align: center;
}
.item-Container .item-Content h2 > [lang=en] {
color: #c8300d;
display: block;
font-family: "Comfortaa", cursive;
font-size: 1rem;
line-height: 1;
margin-bottom: 0.5em;
text-transform: uppercase;
}
.item-Container .item-Content_Common {
padding: 0 20px;
}
.item-Container .item-Content_Common h2 {
background-color: transparent;
font-size: 3rem;
margin-left: -20px;
margin-right: -20px;
padding: 0;
}
.item-Container .item-Content_Common h2 .item-Heading_Border {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
text-align: center;
}
.item-Container .item-Content_Common h2 .item-Heading_Border::after, .item-Container .item-Content_Common h2 .item-Heading_Border::before {
background: #333;
content: "";
display: block;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
height: 1px;
}
.item-Container .item-Content_Common h2 .item-Heading_Border::after {
margin-left: 1em;
}
.item-Container .item-Content_Common h2 .item-Heading_Border::before {
margin-right: 1em;
}
.item-Container .item-Content_Hero {
margin-bottom: 50px;
}
.item-Container .item-Content_Img > img, .item-Container .item-Content_Img figure {
margin-bottom: 20px;
}
.item-Container .item-Content_Text > *:first-child {
margin-top: 0;
}
.item-Container .item-Content_Text > *:last-child {
margin-bottom: 0;
}
.item-Container .item-Hero { }
.item-Container .item-Lead h2 {
font-size: 2.5rem;
letter-spacing: 0.2rem;
margin: 60px 0 32px;
text-align: center;
}
.item-Container .item-Featured {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 60px 0;
}
.item-Container .item-Featured > section {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-flow: column;
-ms-flex-flow: column;
flex-flow: column;
margin: 18px 0;
padding: 0 0.5em;
width: calc((100% - 20px) / 2);
}
.item-Container .item-Featured > section:nth-last-child(1), .item-Container .item-Featured > section:nth-last-child(2) {
margin-bottom: 0;
}
.item-Container .item-Featured > section > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.item-Container .item-Featured > section > h3 {
font-size: 1.6rem;
margin: 1.5em 0 0.75em;
}
.item-Container .item-Featured > section > p:last-of-type {
margin-bottom: 0;
}
.item-Container .item-Featured > section > h3 + p + div {
margin: 0 -0.5em;
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1;
width: auto;
}
.item-Container .attention-Content {
background-color: #f0f0f0;
padding: 10px;
}
.item-Container .item-Brand .attention-Content {
margin-top: 40px;
}
.item-Container .item-Brand .attention-Content .item-Content_Text {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
}
.item-Container .item-Brand .attention-Content .item-Content_Text h3 {
background-color: #c8300d;
background-image: url(//kanrekiiwai.biz/wp/img/item/item_bg_asanoha_01.png);
background-size: 52px 30px;
border-radius: calc((2.7rem + 1em) / 2);
color: #fff;
font-size: 1.8rem;
margin: 0.5em 0;
padding: 0.5em 1em;
text-align: center;
}
.item-Container .item-Brand .attention-Content .item-Content_Img {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
.item-Container .item-Recommended .staff-Review {
background-color: #f0f0f0;
min-height: 310px;
margin: 60px 0;
padding: 10px 10px 10px 285px;
position: relative;
}
.item-Container .item-Recommended .staff-Review_Header {
text-align: center;
}
.item-Container .item-Recommended .staff-Review_Header h3 {
display: inline-block;
font-size: 1.8rem;
margin: 0.5em 0 1em;
position: relative;
text-align: center;
}
.item-Container .item-Recommended .staff-Review_Header h3 > [lang=en] {
background-color: #c8300d;
border-radius: 10px;
color: #fff;
display: inline-block;
font-family: "Comfortaa", cursive;
font-size: 1rem;
letter-spacing: 0.1em;
line-height: 1;
margin-bottom: 0.5em;
padding: 0.75em 2em;
text-transform: uppercase;
vertical-align: top;
}
.item-Container .item-Recommended .staff-Review_Header h3::after, .item-Container .item-Recommended .staff-Review_Header h3::before {
background-color: #333;
content: "";
display: inline-block;
height: 1px;
position: absolute;
bottom: 10px;
width: 32px;
}
.item-Container .item-Recommended .staff-Review_Header h3::after {
right: -40px;
-webkit-transform: rotate(-65deg);
transform: rotate(-65deg);
}
.item-Container .item-Recommended .staff-Review_Header h3::before {
left: -40px;
-webkit-transform: rotate(65deg);
transform: rotate(65deg);
}
.item-Container .item-Recommended .staff-Review_Img {
height: auto;
left: 10px;
position: absolute;
top: 10px;
width: 255px;
}
.item-Container .item-Recommended .staff-Review_Body {
background-color: #fff;
border-radius: 10px;
font-size: 1.3rem;
line-height: 1.6;
padding: 20px 40px;
position: relative;
width: 360px;
}
.item-Container .item-Recommended .staff-Review_Body > * {
font-size: inherit;
margin: 0;
}
.item-Container .item-Recommended .staff-Review_Body .staff-Review_Author {
margin-top: 0.5em;
text-align: right;
}
.item-Container .item-Recommended .staff-Review_Body .staff-Img {
background-color: #ccc;
background-position: center center;
background-repeat: no-repeat;
border-radius: 50%;
bottom: -23px;
height: 90px;
right: -64px;
position: absolute;
width: 90px;
}
.item-Container .item-Recommended .customer-Review h3 {
border-bottom: 1px solid #a38b39;
border-top: 1px solid #a38b39;
color: #a38b39;
font-size: 2rem;
font-weight: 600;
margin: 1em 0;
padding: 0.5em;
text-align: center;
}
.item-Container .item-Recommended .customer-Review_Content {
border: 1px solid #a38b39;
padding: 2em 0;
}
.item-Container .item-Recommended .customer-Review_Header h4 {
font-size: 2rem;
}
.item-Container .item-Recommended .customer-Review_Header .customer-Review_Author {
display: inline-block;
font-family: "Noto Serif JP", serif;
font-size: 1.8rem;
}
.item-Container .item-Recommended .customer-Review_Header .customer-Review_Stars {
color: #f5a904;
background: -webkit-gradient(linear, left top, left bottom, from(#ffce03), to(#f5a904));
background: -webkit-linear-gradient(top, #ffce03, #f5a904);
background: linear-gradient(to bottom, #ffce03, #f5a904);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
display: inline-block;
font-size: 2.4rem;
}
.item-Container .item-Recommended .customer-Review_Body {
background: -webkit-gradient(linear, left top, left bottom, from(rgba(128, 128, 128, 0)), color-stop(98%, rgba(128, 128, 128, 0)), to(rgb(128, 128, 128))) repeat-y top left/100% 2.7em;
background: -webkit-linear-gradient(top, rgba(128, 128, 128, 0) 0%, rgba(128, 128, 128, 0) 98%, rgb(128, 128, 128) 100%) repeat-y top left/100% 2.7em;
background: linear-gradient(to bottom, rgba(128, 128, 128, 0) 0%, rgba(128, 128, 128, 0) 98%, rgb(128, 128, 128) 100%) repeat-y top left/100% 2.7em;
line-height: 2.7;
padding-bottom: 1%;
}
.item-Container .item-Wrapping div {
margin-bottom: 50px;
}
.item-Container .item-Wrapping_type {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
width: 80%;
margin-right: auto;
margin-bottom: 40px;
margin-left: auto;
}
.item-Container .item-Wrapping_type > * {
margin-right: 2%;
}
.item-Container .item-Wrapping_type > * {
width: 49%;
}
.item-Container .item-Wrapping_type > *:nth-child(2n) {
margin-right: 0;
}
.item-Container .item-Services h2 {
margin-top: 150px;
position: relative;
}
.item-Container .item-Services h2::after {
background-color: #c8300d;
border-radius: 50%;
color: #fff;
content: "無料";
display: block;
font-size: 2.7rem;
font-weight: 600;
height: 82px;
left: 225px;
line-height: 82px;
position: absolute;
text-align: center;
top: -80px;
width: 82px;
}
.item-Container .item-Services h2::before {
content: "";
border-top: 20px solid #c8300d;
border-right: 7px solid transparent;
border-left: 7px solid transparent;
display: block;
height: 0;
position: absolute;
-webkit-transform: rotate(-30deg);
transform: rotate(-30deg);
left: 282px;
top: -6px;
width: 0;
}
.item-Container .item-Services .gift-Heading_h3 {
font-size: 24px;
font-size: 2.4rem;
letter-spacing: 0;
margin: 2em 0 1em;
}
.item-Container .item-Services .gift-Heading_h3 > span {
width: 3em;
color: #c8300d;
display: inline-block;
font-family: "Adobe Caslon Pro", serif;
font-size: 16px;
font-size: 1.6rem;
line-height: 1;
}
.item-Container .item-Services .gift-Heading_h3 > span .num {
display: inherit;
font-size: 64px;
font-size: 6.4rem;
}
.item-Container .item-Services_Gift ul {
margin: 2em 0;
list-style: none;
}
.item-Container .item-Services_Gift ul > li {
margin-bottom: 1.5em;
text-align: center;
width: calc((100% - 40px) / 2);
}
.item-Container .item-Services_Gift ul > li > img {
margin-bottom: 1em;
}
.item-Container .item-Services_Shipping h3 {
background-color: #ff7b8c;
color: #fff;
font-size: 1.8rem;
padding: 0.75em 1em;
text-align: center;
}
.item-Container .item-Services_Shipping_Content {
border: 1px solid #ff7b8c;
padding: 40px 60px;
}
.item-Container .item-Services_Shipping_Content > dl > div:not(:last-child) {
margin-bottom: 1.75em;
}
.item-Container .item-Services_Shipping_Content > dl dt {
font-size: 1.6rem;
font-weight: 700;
margin-bottom: 1.25em;
}
.item-Container .item-Services_Shipping_Content > dl dd {
border: 5px solid #f0f0f0;
margin-left: 0;
padding: 0.75em 1.25em;
}
.item-Container .item-Faq .item-Heading_Small {
display: inline-block;
font-size: 2.2rem;
position: relative;
}
.item-Container .item-Faq .item-Heading_Small::after {
background-color: #c8300d;
border-radius: 50%;
color: #fff;
content: "Q&A";
display: block;
font-size: 2.4rem;
font-weight: 600;
height: 82px;
right: -82px;
line-height: 82px;
position: absolute;
text-align: center;
top: -70px;
width: 82px;
}
.item-Container .item-Faq .item-Heading_Small::before {
content: "";
border-top: 20px solid #c8300d;
border-right: 7px solid transparent;
border-left: 7px solid transparent;
display: block;
height: 0;
position: absolute;
-webkit-transform: rotate(30deg);
transform: rotate(30deg);
right: -25px;
top: 4px;
width: 0;
}
.item-Container .item-Faq_Content dt, .item-Container .item-Faq_Content dd {
text-indent: -30px;
padding: 1em 30px;
padding-left: 60px;
}
.item-Container .item-Faq_Content dt > span:first-of-type,
.item-Container .item-Faq_Content dd > span:first-of-type {
display: inline-block;
font-family: "Noto Serif JP", serif;
font-size: 2rem;
line-height: 1;
text-indent: 0;
width: 1.5em;
}
.item-Container .item-Faq_Content dt {
background-color: #f0f0f0;
font-weight: 700;
}
.item-Container .item-Faq_Content dt > span:first-of-type {
color: #0071bc;
}
.item-Container .item-Faq_Content dd {
font-weight: 700;
line-height: 1.5;
}
.item-Container .item-Faq_Content dd > span:first-of-type {
color: #c8300d;
font-weight: 600;
vertical-align: baseline;
}
.item-Container .item-Faq_Content dd > div {
font-size: 1.3rem;
font-weight: 400;
line-height: 1.8;
margin: 0.75em 0 1em;
text-indent: 0;
}
.item-Container .item-BrandAdd {
margin-top: 44px;
}
.item-Container .item-BrandAdd h3 {
margin-bottom: 44px;
padding: 1em;
font-size: 18px;
font-size: 1.8rem;
text-align: center;
background-color: #eee;
}
.item-Container .item-BrandAdd .item-BrandAdd_Img {
margin-bottom: 20px;
}
.item-Container .item-Notes {
margin-top: 44px;
}
.item-Container .item-Notes h3 {
margin-bottom: 44px;
padding: 1em;
font-size: 18px;
font-size: 1.8rem;
text-align: center;
background-color: #333;
color: #fff;
}
.item-Container .item-Notes_Img {
margin-top: 44px;
margin-bottom: -20px;
}
.item-Container .item-Notes_Img figure {
margin-bottom: 20px;
} @media all and (-ms-high-contrast: none) {
*::-ms-backdrop, .item-Service_Icon p {
height: 2.04em !important;
}
*::-ms-backdrop, .customer-Review_Stars {
background: transparent !important;
}
} .item-Np {
position: relative;
padding-top: 16px;
line-height: 1.8;
background-color: #e7e6e8;
}
.item-NpBadge {
position: absolute;
top: 0;
left: 46px;
width: 7em;
height: 7em;
display: table;
font-size: 16px;
font-size: 1.6rem;
text-align: center;
background-color: #c8300d;
color: #fff;
z-index: 999;
}
.item-NpBadge p {
display: table-cell;
vertical-align: middle;
line-height: 1.5;
}
.item-NpBadge span {
display: block;
}
.item-NpBadge span:lang(en) {
margin-bottom: 3px;
font-size: 12px;
font-size: 1.2rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
font-style: italic;
color: #B79D7B;
}
.item-Np_Wrapper {
position: relative;
width: 100%;
}
.item-Np_Header {
position: absolute;
width: 70%;
top: 0;
right: 16px;
padding: 16px;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
font-weight: normal;
text-align: right; z-index: 1;
}
.item-Np_Header p:not([class]) {
margin-bottom: 8px;
font-size: 18px;
font-size: 1.8rem;
}
.item-Np_Title {
display: block;
padding-top: 16px;
padding-bottom: 16px;
border-top: 1px solid #333;
border-bottom: 1px solid #333;
font-size: 36px;
font-size: 3.6rem;
line-height: 1;
letter-spacing: 0.2rem;
}
.item-Np_Heading {
margin-bottom: 8px;
text-align: center;
}
.item-Np_HeadingAlp {
display: block;
margin-top: 16px;
font-size: 0.4em;
letter-spacing: 0.1em;
}
.item-Np_HeadingSub {
position: relative;
display: inline-block;
margin-bottom: 8px;
padding-right: 25px;
padding-left: 25px;
font-size: 20px;
font-size: 2rem;
font-weight: 500;
letter-spacing: 0.05em;
line-height: 1.5;
}
.item-Np_HeadingSub::before {
content: "";
display: inline-block !important;
position: absolute;
top: 50%;
left: 0;
width: 18px;
height: 1px;
background-color: #333;
-webkit-transform: rotate(50deg);
transform: rotate(50deg);
}
.item-Np_HeadingSub::after {
content: "";
display: inline-block !important;
position: absolute;
top: 50%;
right: 0;
width: 18px;
height: 1px;
background-color: #333;
-webkit-transform: rotate(-50deg);
transform: rotate(-50deg);
}
.item-Np_Price {
display: inline-block;
margin-bottom: 0 !important;
padding-right: 1em;
padding-left: 2em;
font-size: 18px;
font-size: 1.8rem;
line-height: 2;
background-color: #fff;
}
.item-Np_Price span:lang(en) {
display: inline-block;
margin-right: 0.5em;
margin-left: 0.2em;
font-size: 22px;
font-size: 2.2rem;
font-style: italic;
font-weight: 700;
}
.item-NpLead {
position: relative;
padding-top: 105px;
padding-bottom: 32px;
}
.item-NpLead_Text {
position: absolute;
bottom: 19px;
left: 40px;
width: 50%;
margin-bottom: 0 !important;
font-size: 16px;
font-size: 1.6rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
}
.item-NpLead_Text > *:nth-child(3) {
margin-bottom: 4.266%;
}
.item-NpLead_Text span {
display: inline-block;
border-bottom: 2px solid #c8300d;
font-size: 18px;
font-size: 1.8rem;
line-height: 2;
}
.item-NpImg {
overflow: hidden;
margin-bottom: 4.265%;
}
.item-NpImg_Main {
width: 100%;
margin-bottom: 1em;
}
.item-NpImg_Sub {
position: absolute;
bottom: 0;
right: 0;
width: 40%;
margin-bottom: 0 !important;
}
.item-Np_Wrapping {
width: 96%;
margin-right: auto;
margin-bottom: 6.4%;
margin-left: auto;
}
.item-Np_Wrapping > *:first-child {
margin-bottom: 4.266%;
}
.item-Np_Wrapping > *:last-child {
width: 90%;
margin-right: auto;
margin-left: auto;
}
.item-Np_WrappingAlpha {
position: relative;
display: block;
margin-bottom: 4.266%;
font-size: 13px;
font-size: 1.3rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
font-weight: 700;
font-style: italic;
text-align: center;
color: #a38b39;
}
.item-Np_WrappingAlpha:before, .item-Np_WrappingAlpha:after {
content: "";
position: absolute;
top: 50%;
display: inline-block;
width: calc((100% - 8em) / 2);
height: 1px;
background-color: #a38b39;
}
.item-Np_WrappingAlpha:before {
left: 0;
}
.item-Np_WrappingAlpha:after {
right: 0;
}
.item-NpDetail {
width: 98%;
margin-right: auto;
margin-bottom: 16px;
margin-left: auto;
padding-top: 24px;
padding-right: 3%;
padding-bottom: 24px;
padding-left: 3%;
background-color: rgba(255, 255, 255, 0.6);
}
.item-NpDetail h3 {
margin-bottom: 40px;
padding-top: 16px;
padding-bottom: 16px;
border-top: 1px dotted #ccc;
border-bottom: 1px dotted #ccc;
text-align: center;
font-size: 30px;
font-size: 3rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
letter-spacing: 0.2rem;
line-height: 1.5;
}
.item-NpDetail h3 span {
display: block;
font-size: 18px;
font-size: 1.8rem;
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
color: #B79D7B;
}
.item-NpDetail_Wrapper {
margin-bottom: 56px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.item-NpDetail_Wrapper > * {
margin-right: 2%;
}
.item-NpDetail_Wrapper > *:first-child {
width: 48%;
margin-right: 4%;
}
.item-NpDetail_Wrapper > *:last-child {
width: 48%;
margin-right: 0;
}
.item-NpDetail_Wrapper h4 {
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
text-align: center;
line-height: 1.5;
letter-spacing: 0.2rem;
}
.item-NpDetail_Wrapper p {
margin-bottom: 0;
}
.item-NpDetail_Heading {
display: block;
width: 70%;
margin-right: auto;
margin-left: auto;
padding-top: 0.5em;
padding-bottom: 0.5em;
border-radius: 30px;
font-weight: 700;
line-height: 1;
text-align: center;
}
.item-NpDetail_Title {
margin-top: 4.265%;
margin-bottom: 4.265%;
font-size: 16px;
font-size: 1.6rem;
}
.item-NpDetail_Title span {
display: block;
font-size: 20px;
font-size: 2rem;
}
.item-NpDetail_Front .item-NpDetail_Heading {
border: 2px solid #c8300d;
color: #c8300d;
}
.item-NpDetail_Front .item-NpDetail_Title span {
color: #c8300d;
}
.item-NpDetail_Back .item-NpDetail_Heading {
border: 2px solid #005082;
color: #005082;
}
.item-NpDetail_Back .item-NpDetail_Title span {
color: #005082;
}
.item-NpDetail_Text {
margin-top: 1em;
line-height: 1.6;
}
.item-NpParticular p {
font-size: 13px;
font-size: 1.3rem;
}
.item-NpParticular h5 {
margin-bottom: 24px;
font-size: 18px;
font-size: 1.8rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
line-height: 1.5;
letter-spacing: 0.2rem;
}
.item-NpParticular_Heading {
margin-bottom: 40px;
padding-top: 16px;
padding-bottom: 16px;
border-top: 1px dotted #ccc;
border-bottom: 1px dotted #ccc;
font-size: 30px;
font-size: 3rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
line-height: 1.5;
letter-spacing: 0.2rem;
text-align: center;
}
.item-NpParticular_Heading span {
display: block;
font-size: 18px;
font-size: 1.8rem;
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
color: #B79D7B;
}
.item-NpParticular_Wrapper {
margin-bottom: 6.4%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.item-NpParticular_Wrapper > * {
margin-right: 2%;
}
.item-NpParticular_Wrapper:last-of-type {
margin-bottom: 0;
}
.item-NpParticular_Wrapper > *:first-child {
width: 48%;
margin-right: 4%;
}
.item-NpParticular_Wrapper > *:last-child {
width: 48%;
margin-right: 0;
}
.item-NpParticular img {
border: 1px solid #ccc;
}
.item-NpPoint {
position: relative;
padding-bottom: 40px;
}
.item-NpPoint_Girl {
position: absolute;
bottom: 0;
left: 40px;
width: 160px;
}
.item-NpPoint_Text {
margin-right: 5%;
margin-left: 27%;
overflow: hidden;
}
.item-NpPoint_Text p {
margin-bottom: 1em;
}
.item-NpPoint_Title {
display: inline-block;
margin-bottom: 0.5em !important;
padding-right: 2em;
padding-left: 2em;
font-size: 12px;
font-size: 1.2rem;
font-weight: 700;
line-height: 2;
border-radius: 32px;
text-align: center;
background-color: #c8300d;
color: #fff;
}
.item-NpPoint_Lead {
position: relative;
width: 538px;
margin-top: 1em;
margin-right: auto;
margin-bottom: 2em;
margin-left: auto;
padding-top: 24px;
padding-right: 32px;
padding-bottom: 32px;
padding-left: 32px;
background-color: rgba(255, 255, 255, 0.6);
}
.item-NpPoint_Lead p:first-of-type {
margin-bottom: 1em;
font-size: 18px;
font-size: 1.8rem;
font-weight: 700;
text-align: center;
}
.item-NpPoint_Lead p:last-of-type {
font-size: 15px;
font-size: 1.5rem;
margin-bottom: 0;
}
.item-NpPoint_Line-left {
position: absolute;
top: -17px;
left: 14px;
width: 1px;
height: 66px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.item-NpPoint_Line-right {
position: absolute;
bottom: -17px;
right: 14px;
width: 1px;
height: 66px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.item-NpOrder {
margin-right: auto;
margin-left: auto;
background-color: #fff;
overflow: hidden;
}
.item-NpOrder h4 {
margin-top: 2em;
margin-bottom: 2em;
padding-bottom: 1.5em;
background-image: url(//kanrekiiwai.biz/wp/img/item/np/image_np_titlebg.png);
background-repeat: repeat-x;
background-position: bottom;
background-size: 8px;
font-size: 22px;
font-size: 2.2rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
line-height: 1.5;
letter-spacing: 0.2rem;
text-align: center;
}
.item-NpOrder h5 {
margin-bottom: 16px;
font-size: 16px;
font-size: 1.6rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
line-height: 1.5;
letter-spacing: 0.2rem;
}
.item-NpOrder_Text p:lang(en) {
display: inline-block;
margin-bottom: 16px;
padding-right: 2em;
padding-left: 2em;
border-radius: 30px;
font-size: 13px;
font-size: 1.3rem;
text-align: center;
letter-spacing: 0.1em;
line-height: 2;
background-color: #333;
color: #fff;
}
.item-NpOrder_Wrapper > div {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.item-NpOrder_Wrapper > div > * {
margin-right: 2%;
}
.item-NpOrder_Wrapper > div > * {
width: 49%;
}
.item-NpOrder_Wrapper > div > *:nth-child(2n) {
margin-right: 0;
}
.item-NpOrder_Wrapper > * {
margin-bottom: 10.666%;
}
.item-NpOrder_Wrapper ul {
text-indent: -1em;
margin-left: 1em;
}
.item-NpOrder_Wrapper li {
content: "・";
}
.item-Color_Col3 ul {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
list-style: none;
}
.item-Color_Col3 ul > * {
margin-right: 2%;
}
.item-Color_Col3 ul > * {
width: 32%;
}
.item-Color_Col3 ul > *:nth-child(3n) {
margin-right: 0;
}
.item-Color_Col3 li {
text-align: center;
}
.item-Color_Col3 li img {
width: 90%;
margin-right: auto;
margin-left: auto;
}
.item-Color_Col3 li p {
display: inline-block;
margin-right: auto;
margin-left: auto;
padding-top: 0.3em;
padding-right: 2em;
padding-bottom: 0.3em;
padding-left: 2em;
border-radius: 30px;
text-align: center;
background-color: #333;
color: #fff;
}     .keirou-container {
background: url(//kanrekiiwai.biz/wp/img/keirou/img-keirou-bg.jpg) repeat center center;
margin-bottom: 60px;
font-size: 16px;
font-size: 1.6rem;
line-height: 1.8;
}
.keirou-container h2, .keirou-container h3, .keirou-container h4, .keirou-container h5, .keirou-container h6 {
line-height: 1.5;
}
.keirou-container h2, .keirou-container h3, .keirou-container h4 {
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
font-weight: 700;
}
.keirou-container ul, .keirou-container ol {
list-style: none;
}
.keirou-container .text-center {
text-align: center;
}
.keirou-container .text-right {
text-align: right;
}
.keirou-container .show-for-small {
display: none;
}
.keirou-container .btn {
display: inline-block;
font-size: 1.625em;
line-height: 1;
margin: 1rem 0;
padding: 0.5em 1.75em;
text-align: center;
}
.keirou-container .btn:hover {
text-decoration: none;
}
.keirou-container .btn-outline {
border: 2px solid #000;
-webkit-transition: background 0.2s;
transition: background 0.2s;
}
.keirou-container .btn-outline:hover {
background-color: #000;
color: #fff;
}
.keirou-container .content-header {
background: url(//kanrekiiwai.biz/wp/img/keirou/img-keirou-title-bg.jpg) no-repeat center top/cover;
padding: 127px 0;
}
.keirou-container .content-header h1 {
text-align: center;
}
.keirou-container .content-header h1 img {
height: auto;
width: 360px;
}
.keirou-container .content-body {
padding: 0 35px 35px;
}
.keirou-container .content-body .intro {
background: url(//kanrekiiwai.biz/wp/img/keirou/img-keirou01.png) no-repeat left center/115px 251px;
margin: 0 auto 4rem;
padding: 7rem 0 7rem 14rem;
width: 715px;
}
.keirou-container .content-body .intro h2 {
margin: 0 0 1.5em;
}
.keirou-container .content-body .intro h2 img {
height: auto;
width: 518px;
}
.keirou-container .content-body .intro p {
font-size: 2rem;
}
.keirou-container .content-body .content {
margin-bottom: 30px;
}
.keirou-container .content-body .content .callout {
background-color: rgba(255, 255, 255, 0.6);
padding: 1em 2.5em 2.5em;
margin: 0 0 8rem;
}
.keirou-container .content-body .content .callout h2 {
text-align: center;
}
.keirou-container .content-body .content .callout h2 > img {
height: auto;
width: 95%;
}
.keirou-container .content-body .content:last-child .callout {
margin-bottom: 0;
}
.keirou-container .content-body .recommended .callout h2 {
margin-top: -3.25em;
}
.keirou-container .content-body .recommended .callout .items {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
margin: 1.25em -1.25em 0;
}
.keirou-container .content-body .recommended .callout .items li {
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
-webkit-flex: 0 1 auto;
flex: 0 1 auto;
margin: 1.25em;
width: 385px;
}
.keirou-container .content-body .recommended .callout .items li h3 {
text-align: center;
margin-bottom: 1.25em;
}
.keirou-container .content-body .recommended .callout .items li h3 img {
height: 253px;
width: auto;
}
.keirou-container .content-body .recommended .callout .items li:nth-last-child(1), .keirou-container .content-body .recommended .callout .items li:nth-last-child(2) {
margin-bottom: 0;
}
.keirou-container .content-body .card .callout h2 > img {
width: 711px;
}
.keirou-container .content-body .card .callout h2 + p {
margin-top: -4rem;
text-align: center;
}
.keirou-container .content-body .card .callout h2 + p > img:nth-child(1) {
height: auto;
width: 416px;
}
.keirou-container .content-body .card .callout h2 + p > img:nth-child(2) {
height: auto;
margin: 4rem 0;
width: 600px;
}
.keirou-container .content-body .item-detail {
margin-bottom: 60px;
}
.keirou-container .content-body .item-detail > div {
background-position: center top;
background-repeat: no-repeat;
background-size: 226px 190px;
margin: 0 0 8rem;
padding-top: 215px;
}
.keirou-container .content-body .item-detail .featured > ul {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
margin: 5rem 0;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.keirou-container .content-body .item-detail .featured > ul > li {
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
-webkit-flex: 0 1 auto;
flex: 0 1 auto;
padding-bottom: 50px;
position: relative;
width: 283px;
}
.keirou-container .content-body .item-detail .featured > ul > li h4 {
background-position: center center;
background-repeat: no-repeat;
background-size: 100%;
bottom: 0;
color: #fff;
font-size: 3.4rem;
height: 65px;
left: 50%;
line-height: 65px;
position: absolute;
text-align: center;
}
.keirou-container .content-body .item-detail .featured > ul > li h4 ruby {
font-size: 3.4rem;
}
.keirou-container .content-body .item-detail .featured > ul > li h4 ruby rb {
font-size: 3.4rem;
}
.keirou-container .content-body .item-detail .featured > ul > li h4 ruby rt {
font-size: 1.2rem;
}
.keirou-container .content-body .item-detail .featured > p {
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
font-size: 2rem;
font-weight: 600;
line-height: 2.23;
margin: 2em auto;
text-align: center;
}
.keirou-container .content-body .item-detail .ponshu {
background-image: url(//kanrekiiwai.biz/wp/img/keirou/txt-keirou-item-title01-bg.png);
}
.keirou-container .content-body .item-detail .ponshu ul > li h4 {
background-image: url(//kanrekiiwai.biz/wp/img/keirou/img-keirou-item-subtitle-bg01.png);
margin-left: -86px;
width: 171px;
}
.keirou-Shiso {
background-image: url(//kanrekiiwai.biz/wp/img/keirou/txt-keirou-item-title02-bg.png);
}
.keirou-Shiso ul > li h4 {
background-image: url(//kanrekiiwai.biz/wp/img/keirou/img-keirou-item-subtitle-bg02.png);
margin-left: -86px;
width: 171px;
}
.keirou-Mino {
background-image: url(//kanrekiiwai.biz/wp/img/keirou/txt-keirou-item-title03-bg.png);
}
.keirou-Mino ul > li h4 {
background-image: url(//kanrekiiwai.biz/wp/img/keirou/img-keirou-item-subtitle-bg03.png);
margin-left: -117px;
width: 234px;
}
.keirou-Douki {
background-image: url(//kanrekiiwai.biz/wp/img/keirou/txt-keirou-item-title04-bg.png);
}
.keirou-Douki ul > li h4 {
background-image: url(//kanrekiiwai.biz/wp/img/keirou/img-keirou-item-subtitle-bg04.png);
margin-left: -117px;
width: 234px;
}
.keirou-Douki ul > li:nth-child(2) h4 {
background-image: url(//kanrekiiwai.biz/wp/img/keirou/img-keirou-item-subtitle-bg05.png);
margin-left: -132px;
width: 264px;
}
.keirou-container .content-body .item-detail .another {
background: url(//kanrekiiwai.biz/wp/img/keirou/txt-keirou-item-title05-bg.png) no-repeat center top;
background-size: 190px 81px;
padding-top: 96px;
}
.keirou-container .content-body .item-detail .another h2 {
border: 1px solid #000;
margin-bottom: 4rem;
padding: 1.5em;
text-align: center;
}
.keirou-container .content-body .item-detail .another h2 img {
height: auto;
width: 611px;
}
.keirou-container .content-body .item-detail .another .items {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.keirou-container .content-body .item-detail .another .items > li {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
-webkit-flex: 0 0 auto;
flex: 0 0 auto;
margin-bottom: 2em;
width: 267px;
}
.keirou-container .content-body .item-detail .another .items > li h3, .keirou-container .content-body .item-detail .another .items > li .item-price {
text-align: center;
}
.keirou-container .content-body .item-detail .another .items > li h3 {
font-size: 2.3rem;
margin-bottom: 0.25em;
}
.keirou-container .content-body .item-detail .another .items > li h3 > img {
margin-bottom: 1em;
}
.keirou-container .content-body .item-detail .another .items > li .item-price {
color: #e11f00;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
font-size: 2.2rem;
font-weight: 600;
margin-bottom: 0.75em;
}
.keirou-container .content-body .item-detail .another .items > li .item-price + p {
line-height: 1.75;
}
.keirou-container .content-body .delivery {
margin-bottom: 0;
}
.keirou-container .content-body .delivery .callout h2 > img {
width: 711px;
}
.keirou-container .content-body .delivery .callout h2 + p {
text-align: center;
}
.keirou-container .content-body .delivery .callout h2 + p > img {
height: auto;
width: 540px;
}
.keirou-container .content-body .delivery .callout figure {
margin: 1.25em 1.875em 0;
position: relative;
}
.keirou-container .content-body .delivery .callout figure > img {
height: auto;
position: absolute;
right: 0;
width: 519px;
}
.keirou-container .content-body .delivery .callout figure figcaption {
padding-top: 1em;
position: relative;
}
.keirou-container .content-body .delivery .callout figure figcaption > h3 {
margin: 1.5em 0 0.5em;
}
.keirou-container .content-body .delivery .callout figure figcaption > h3 img {
height: auto;
width: 266px;
}
.keirou-container .content-body .delivery .callout figure figcaption > h3:nth-of-type(2) img {
width: 289px;
}
.keirou-container .content-body .delivery .callout figure figcaption h3 + p {
font-size: 2rem;
line-height: 1.5;
padding-left: 2.75em;
}
.keirou-container .content-body .delivery .callout .contact {
float: right;
line-height: 1.3;
margin-bottom: 1.5em;
text-align: center;
}
.keirou-container .content-body .delivery .callout .contact > img {
height: auto;
width: 289px;
}
.keirou-container .content-body .delivery .callout .contact a[href^=tel] {
font-size: 50px;
font-weight: 700;
line-height: 1.5;
}
.keirou-container .content-body .delivery .callout .contact a[href^=tel]:hover {
text-decoration: none;
}
.keirou-container .content-body .delivery .callout .contact + p {
clear: both;
}   .kisei-Container {
background: url(//kanrekiiwai.biz/wp/img/kisei/img-kisei-bg.jpg) repeat center center;
font-size: 1.6rem;
line-height: 1.8;
}
.kisei-Container h2, .kisei-Container h3, .kisei-Container h4, .kisei-Container h5 {
line-height: 1.5;
}
.kisei-Container h2, .kisei-Container h3, .kisei-Container h4 {
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
font-weight: 700;
}
.kisei-Container ul, .kisei-Container ol {
list-style: none;
padding-left: 0;
}
.kisei-Container img {
vertical-align: bottom;
}
.kisei-Container .kisei-ContentBody {
padding: 0 24px;
}
.kisei-Container .kisei-ContentBody .kisei-Content {
margin-bottom: 30px;
}
.kisei-Container .kisei-ContentBody .kisei-Content h2 {
background: url(//kanrekiiwai.biz/wp/img/kisei/img-kisei-title-bg.png) repeat left top;
-webkit-border-image: url(//kanrekiiwai.biz/wp/img/kisei/img-kisei-title-border.png) 13 repeat;
-o-border-image: url(//kanrekiiwai.biz/wp/img/kisei/img-kisei-title-border.png) 13 repeat;
border-image: url(//kanrekiiwai.biz/wp/img/kisei/img-kisei-title-border.png) 13 repeat;
border-left-style: solid;
border-left-width: 13px;
color: #fff;
font-size: 23px;
font-size: 2.3rem;
margin: 1.25em 0;
padding: 0.5em 0.75em;
}
.kisei-Container .kisei-ContentBody .kisei-Lead {
margin-bottom: 4rem;
}
.kisei-Container .kisei-ContentBody .kisei-Lead h2 {
font-size: 32px;
font-size: 3.2rem;
margin: 0.75em 0;
text-align: center;
}
.kisei-Container .kisei-ContentBody .kisei-Lead h2 .small {
font-size: 22px;
font-size: 2.2rem;
}
.kisei-Container .kisei-ContentBody .kisei-Naire {
margin-bottom: 60px;
}
.kisei-Container .kisei-ContentBody .kisei-Naire .kisei-Naire_Featured > ul {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 1rem 0;
}
.kisei-Container .kisei-ContentBody .kisei-Naire .kisei-Naire_Featured > ul li {
-webkit-box-flex: 0;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
padding-bottom: 40px;
position: relative;
width: 214px;
}
.kisei-Container .kisei-ContentBody .kisei-Naire .kisei-Naire_Featured > ul li h4 {
background: url(//kanrekiiwai.biz/wp/img/kisei/img-kisei-title-bg02.png) no-repeat center center;
bottom: 0;
color: #fff;
font-size: 24px;
font-size: 2.4rem;
height: 50px;
left: 50%;
line-height: 50px;
margin-left: -65px;
position: absolute;
text-align: center;
width: 130px;
}
.kisei-Container .kisei-ContentBody .kisei-Naire .kisei-Naire_Featured p {
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
font-weight: 600;
line-height: 2;
margin: 2em auto 0;
max-width: 41em;
text-align: center;
}
.kisei-Container .kisei-ContentBody .kisei-Naire .kisei-Naire_Callout {
border-image-source: url(//kanrekiiwai.biz/wp/img/kisei/img-kisei-callout-border.png);
border-image-slice: 10 fill;
border-image-width: 10px;
border-image-repeat: round;
border-style: solid;
border-width: 10px;
margin: 4rem 0;
padding: 1em 1.5em 1.5em;
}
.kisei-Container .kisei-ContentBody .kisei-Naire .kisei-Naire_Callout h3 {
background: url(//kanrekiiwai.biz/wp/img/kisei/img-kisei05.png) no-repeat left 10px top/95px 86px;
color: #001455;
font-size: 28px;
font-size: 2.8rem;
padding: 1em 0 1em 130px;
}
.kisei-Container .kisei-ContentBody .kisei-Naire .kisei-Naire_Callout p {
font-size: 15px;
font-size: 1.5rem;
}
.kisei-Container .kisei-ContentBody .kisei-Items {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.kisei-Container .kisei-ContentBody .kisei-Items > li {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
margin-bottom: 2em;
width: 323px;
}
.kisei-Container .kisei-ContentBody .kisei-Items > li h3, .kisei-Container .kisei-ContentBody .kisei-Items > li .kisei-Item_Price {
text-align: center;
}
.kisei-Container .kisei-ContentBody .kisei-Items > li h3 {
color: #001455;
font-size: 20px;
font-size: 2rem;
margin-bottom: 0.25em;
}
.kisei-Container .kisei-ContentBody .kisei-Items > li h3 ruby rb {
font-size: 20px;
font-size: 2rem;
}
.kisei-Container .kisei-ContentBody .kisei-Items > li h3 ruby rt {
font-size: 12px;
font-size: 1.2rem;
}
.kisei-Container .kisei-ContentBody .kisei-Items > li h3 > img {
margin-bottom: 1em;
}
.kisei-Container .kisei-ContentBody .kisei-Items > li h3 > .small {
display: block;
font-size: 16px;
font-size: 1.6rem;
line-height: 1.5;
}
.kisei-Container .kisei-ContentBody .kisei-Items > li .kisei-Item_Price {
color: #e11f00;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
font-weight: 700;
margin-bottom: 0.75em;
}
.kisei-Container .kisei-ContentBody .kisei-Items > li .kisei-Item_Price + p {
font-size: 15px;
font-size: 1.5rem;
line-height: 1.75;
}
.kisei-Container .kisei-ContentBody .kisei-Others .kisei-Items {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
margin-left: -16px;
margin-right: -16px;
}
.kisei-Container .kisei-ContentBody .kisei-Others .kisei-Items > li {
padding-left: 16px;
padding-right: 16px;
width: 234px;
}   .kyukan-Container ul {
list-style: none;
}
.kyukan-Title {
position: relative;
margin-bottom: 80px;
padding-bottom: 0.5em;
border-bottom: 4px solid #ccc;
font-size: 30px;
font-size: 3rem;
font-weight: normal;
}
.kyukan-Title:after {
content: "";
display: block;
position: absolute;
bottom: -4px;
left: 0;
width: 50%;
height: 4px;
background-color: #c8300d;
}
.kyukan-List_Heading2 {
font-size: 18px;
font-size: 1.8rem;
font-weight: normal;
text-align: center;
line-height: 3;
color: #fff;
background-color: #333;
}
.kyukan-List_Heading3 {
font-size: 18px;
font-size: 1.8rem;
font-weight: normal;
text-align: center;
line-height: 3;
background-color: #333;
color: #fff;
}
.kyukan-Link {
margin-top: 80px;
margin-bottom: 80px;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc;
}
.kyukan-Link > * {
width: 33.3%;
margin-right: 0;
text-align: center;
border-right: 1px solid #ccc;
}
.kyukan-Lead {
margin-bottom: 80px;
font-size: 18px;
font-size: 1.8rem;
text-align: center;
}
.kyukan-Lead_Title {
margin-bottom: 40px;
font-size: 26px;
font-size: 2.6rem;
}
.kyukan-Lead_Nextday {
margin-top: 80px;
}
.kyukan-Lead_NextdayTitle {
margin-bottom: 40px;
font-size: 18px;
font-size: 1.8rem;
text-align: left;
text-indent: 1em;
line-height: 3;
background-color: #eee;
}
.kyukan-Menu {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
margin-bottom: 80px;
padding: 40px;
text-align: center;
background-color: #eee;
}
.kyukan-Menu > * {
margin-right: 2%;
}
.kyukan-Menu > * {
width: 32%;
}
.kyukan-Menu > *:nth-child(3n) {
margin-right: 0;
}
.kyukan-Menu > * {
background-color: #fff;
}
.kyukan-Menu > * a {
display: block;
font-weight: 700;
line-height: 4;
-webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.1);
}
.kyukan-Menu > * a:hover {
text-decoration: none;
background-color: #333;
color: #fff;
}
.kyukan-List > *:last-child {
margin-bottom: 0;
}
.kyukan-List_Wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
text-align: center;
}
.kyukan-List_Wrapper > * {
margin-right: 2%;
}
.kyukan-List_Wrapper > * {
width: 49%;
}
.kyukan-List_Wrapper > *:nth-child(2n) {
margin-right: 0;
}
.kyukan-List_Items > * {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
min-height: 6em;
padding-top: 1em;
padding-bottom: 1em;
border-bottom: 1px solid #ccc;
}
.kyukan-List_Supplement {
display: block;
}   .list-RelItem_Container {
margin-bottom: 80px;
} .list-RelItem_Title,
.list-Review_Title,
.list-CustomCat_Title {
position: relative;
padding-bottom: 15px;
font-weight: 700;
}
.list-RelItem_Title:after,
.list-Review_Title:after,
.list-CustomCat_Title:after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 7px;
background: -webkit-repeating-linear-gradient(-45deg, #ccc, #ccc 2px, #fff 2px, #fff 4px);
background: -webkit-repeating-linear-gradient(135deg, #ccc, #ccc 2px, #fff 2px, #fff 4px);
background: repeating-linear-gradient(-45deg, #ccc, #ccc 2px, #fff 2px, #fff 4px);
}
.list-RelItem_Title,
.list-CustomCat_Title {
margin-bottom: 16px;
}
.list-Review_Title {
margin-bottom: 8px;
} .list-CustomCat_Container {
position: relative;
margin-bottom: 40px;
}
.list-CustomCat_Termlink a {
text-decoration: underline;
color: #1380D9;
}
.list-CustomCat_Termlink a:hover {
text-decoration: none;
}
.list-CustomCat_Termlink-top {
position: absolute;
top: 0;
right: 0;
}
.list-CustomCat_Termlink-bottom {
position: absolute;
bottom: -1em;
right: 0;
} .list-RelItem01_Col3 ul > * {
width: 32%;
}
.list-RelItem01_Col3 ul > *:nth-child(3n) {
margin-right: 0;
}
.list-RelItem01_Col4 ul > * {
width: 23.5%;
}
.list-RelItem01_Col4 ul > *:nth-child(4n) {
margin-right: 0;
}
.list-RelItem01_Col4 ul li {
width: 24.25%;
margin-right: 1%;
border-color: #999;
}
.list-RelItem01 {
margin-top: 40px;
}
.list-RelItem01 .list-RelItem01_Title {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 1.5em;
font-size: 16px;
font-size: 1.6rem;
letter-spacing: 0.1em;
font-weight: 700;
}
.list-RelItem01 .list-RelItem01_Title::before {
content: "";
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
height: 1px; background: #333; margin: 0 1em 0 0; }
.list-RelItem01 .list-RelItem01_Title::after {
content: "";
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
height: 1px; background: #333; margin: 0 0 0 1em; }
.list-RelItem01 .list-RelItem01_Title span {
margin: 0 0.5em;
font-size: 0.7em;
}
.list-RelItem01 ul {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
list-style: none;
text-align: center;
}
.list-RelItem01 ul > * {
margin-right: 2%;
}
.list-RelItem01 ul > * {
border: 1px solid #333;
}
.list-RelItem01 ul > * > * {
margin-bottom: 0.5em;
}
.list-RelItem01 .list-RelItem01_Price {
font-size: 16px;
font-size: 1.6rem;
}
.list-RelItem01 .list-RelItem01_Price span {
font-size: 0.7em;
}
.list-RelItem01 .list-RelItem01_Link a {
display: block;
width: 80%;
margin-right: auto;
margin-bottom: 1em;
margin-left: auto;
background-color: #333;
border-radius: 9999px;
text-align: center;
font-weight: 700;
}
.list-RelItem01 .list-RelItem01_Link a span {
position: relative;
display: inline-block;
line-height: 2.4;
color: #fff;
}
.list-RelItem01 .list-RelItem01_Link a span::after {
position: absolute;
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 0.3em 0 0.3em 0.4em;
border-color: transparent transparent transparent #fff;
top: 0;
right: -0.9em;
bottom: 0;
margin: auto;
}
.list-RelItem01 .list-RelItem01_Link a:hover {
text-decoration: none;
background-color: #c8300d;
} .list-RelItem_list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
margin-bottom: 40px;
padding-left: 0;
list-style: none;
word-break: break-all;
font-size: 13px;
font-size: 1.3rem;
}
.list-RelItem_list > * {
margin-right: 2%;
}
.list-RelItem_list > * {
width: 23.5%;
}
.list-RelItem_list > *:nth-child(4n) {
margin-right: 0;
}
.list-RelItem_list a {
color: #1380D9;
}
.list-RelItem_ItemImg {
border: 1px solid #ccc;
padding: 2px;
}
.list-RelItem_ItemName {
margin-top: 8px;
}
.list-RelItem_ItemPrice {
display: block;
}
.list-RelItem_Balloon {
position: relative;
display: inline-block;
min-width: 120px;
max-width: 100%;
margin-bottom: 1.5em;
padding-top: 7px;
padding-right: 10px;
padding-bottom: 7px;
padding-left: 10px;
background-color: #eee;
}
.list-RelItem_Balloon:before {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -8px;
border: 8px solid transparent;
border-top: 8px solid #eee;
} .list-Review_Container {
margin-bottom: 64px;
}
.list-Review_Container a {
color: #1380D9;
text-decoration: underline;
}
.list-Review_Container p > img {
margin-right: 5px;
vertical-align: sub;
}
.list-Review_List > * {
margin-bottom: 24px;
}
.list-Review_List > *:last-child {
margin-bottom: 0;
}
.list-Review_Link-all {
font-size: 12px;
font-size: 1.2rem;
text-align: right;
}
.list-Review_List {
padding-left: 0;
list-style: none;
font-size: 13px;
font-size: 1.3rem;
}
.list-Review_Header {
position: relative;
margin-bottom: 8px;
padding-bottom: 3px;
border-bottom: 3px solid rgb(255, 102, 0);
}
.list-Review_Time {
position: absolute;
bottom: 3px;
right: 0;
font-size: 12px;
font-size: 1.2rem;
color: #ccc;
}
.list-Review_Star {
color: #efa845;
}
.list-Review_Heading {
margin-bottom: 8px;
font-size: 13px;
font-size: 1.3rem;
}
.list-Review_Text {
margin-bottom: 16px;
}   .members-Container {
margin-bottom: 80px;
}
.members-Container h1 {
display: block;
margin-bottom: 56px;
text-align: center;
color: #fff;
background-color: #333;
}
.members-Container h1:before {
border-left: 0;
}
.members-Container h2 {
position: relative;
width: 80%;
margin-right: auto;
margin-left: auto;
padding: 30px;
font-size: 30px;
font-size: 3rem;
text-align: center;
}
.members-Container h2::before, .members-Container h2::after {
content: "";
width: 30px;
height: 30px;
position: absolute;
}
.members-Container h2::before {
border-left: solid 2px #333;
border-top: solid 2px #333;
top: 0;
left: 0;
}
.members-Container h2::after {
border-right: solid 2px #333;
border-bottom: solid 2px #333;
bottom: 0;
right: 0;
}
.members-Container h3 {
margin-bottom: 24px;
font-size: 24px;
font-size: 2.4rem;
text-align: center;
}
.members-Container h4 {
position: relative;
padding-left: 15px;
margin-top: 56px;
margin-bottom: 0.5em;
font-size: 18px;
font-size: 1.8rem;
}
.members-Container h4:before {
content: "";
position: absolute;
top: 0.5em;
left: 0;
width: 10px;
height: 10px;
background-color: #c8300d;
border-radius: 50%;
}
.members-Lead {
margin-bottom: 80px;
font-size: 16px;
font-size: 1.6rem;
text-align: center;
}
.members-Lead > * {
margin-bottom: 1em;
}
.members-Privilege {
width: 80%;
margin-right: auto;
margin-bottom: 80px;
margin-left: auto;
}
.members-Privilege > * {
margin-bottom: 56px;
}
.members-Privilege > *:last-child {
margin-bottom: 0;
}
.members-Privilege_Num {
width: 80px;
height: 80px;
margin-right: auto;
margin-bottom: 8px;
margin-left: auto;
border-radius: 50%;
font-size: 18px;
font-size: 1.8rem;
font-weight: 700;
text-align: center;
line-height: 80px;
background-color: #333;
color: #fff;
}
.members-Privilege_Em {
padding-right: 5px;
padding-left: 5px;
font-size: 200%;
color: #c8300d;
}
.members-Privilege_03 .members-Privilege_Em {
font-size: 140%;
}
.members-Link {
display: block;
width: 50%;
margin-right: auto;
margin-bottom: 80px;
margin-left: auto;
border-radius: 3px;
font-size: 20px;
font-size: 2rem;
text-align: center;
text-decoration: none;
line-height: 3;
color: #fff;
background-color: #333;
}
.members-Link:hover {
color: #fff;
text-decoration: none;
background-color: #000;
}
.members-Contract {
width: 80%;
margin-right: auto;
margin-left: auto;
}
.members-Contract ul {
margin-left: 1em;
}
.members-Contract ul > li {
margin-bottom: 1em;
}
.members-Contract ul > li > ul {
margin-left: 1em;
}
.members-Contract ul > li > ul > li {
margin-bottom: 0;
}
.members-Contract a {
text-decoration: underline;
color: #1380D9;
}
.members-Contract a:hover {
text-decoration: none;
}
.members-Contract_Title {
margin-bottom: 1em;
font-size: 17px;
font-size: 1.7rem;
font-weight: 700;
border-bottom: 1px solid #333;
}   .menu-Container {
margin-top: 40px;
font-size: 13px;
font-size: 1.3rem;
}
.menu-Container ul {
padding-left: 0;
list-style: none;
}
.menu-Container > * {
margin-bottom: 40px;
}
.menu-Container > *:last-child {
margin-bottom: 0;
}
.menu-Title {
margin-bottom: 16px;
padding-top: 0.5em;
padding-right: 1em;
padding-bottom: 0.5em;
padding-left: 1em;
font-size: 15px;
font-size: 1.5rem;
text-align: left;
letter-spacing: 0.1em;
background-color: #eee;
} .menu-Item {
margin-bottom: -8px;
}
.menu-Item a {
text-decoration: none;
}
.menu-Item ul {
list-style: none;
text-align: center;
}
.menu-Item_Items > * {
margin-bottom: 8px;
}
.menu-Item_Item {
background-color: #eee;
}
.menu-Item_Item a {
display: block;
}
.menu-Item_Item a:hover {
color: #fff;
background-color: #333;
}
.menu-Item_Link {
font-size: 12px;
font-size: 1.2rem;
line-height: 3;
}
.menu-Item_Link ul {
list-style: none;
} .menu-Price ul {
list-style: none;
}
.menu-Price_Item a {
border: 2px solid #eee;
text-align: center;
line-height: 3;
background-color: #fff;
display: block;
}
.menu-Price_Item a:hover {
border: 2px solid #333;
text-decoration: none;
color: #fff;
background-color: #333;
} .menu-Ranking_Item {
position: relative;
padding-top: 10px;
}
.menu-Ranking_Number {
display: block;
position: absolute;
top: 0;
left: 8px;
z-index: 1;
width: 32px;
line-height: 32px;
border-radius: 50%;
text-align: center;
background-color: #c8300d;
color: #fff;
}
.menu-Ranking_NumberImg {
display: block;
position: absolute;
top: -12px;
left: 0;
z-index: 1;
width: 40px;
}
.menu-Ranking_Text {
margin-top: 5px;
}
.menu-Ranking_Price {
color: rgb(130, 130, 130);
} .menu-RecBlog_Items > * {
margin-bottom: 8px;
}
.menu-RecBlog_Items .menu-RecBlog_Img {
width: 100px;
}
.menu-RecBlog_Items .menu-RecBlog_ItemTitle {
width: calc(100% - 100px - 2%);
}
.menu-RecBlog_Items .sw-Flexbox {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
} #menu-reading {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
#menu-reading > * {
margin-right: 2%;
}
#menu-reading > * {
width: 49%;
}
#menu-reading > *:nth-child(2n) {
margin-right: 0;
}
#menu-reading a {
display: block;
}
#menu-reading a:before {
margin-right: 8px;
font-size: 4em;
color: #c8300d;
}
#menu-reading > * {
margin-bottom: 8px;
} .menu-Reading_Icon-qa a:before {
content: "\EA0E";
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
vertical-align: middle;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
text-decoration: none;
text-transform: none;
speak: none;
} .menu-Reading_Icon-knowledge a:before {
content: "\EA08";
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
vertical-align: middle;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
text-decoration: none;
text-transform: none;
speak: none;
} .menu-Reading_Icon-yaku a:before {
content: "\EA11";
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
vertical-align: middle;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
text-decoration: none;
text-transform: none;
speak: none;
} .menu-Reading_Icon-custom a:before {
content: "\EA07";
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
vertical-align: middle;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
text-decoration: none;
text-transform: none;
speak: none;
} .menu-Reading_Icon-chanko a:before {
content: "\EA05";
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
vertical-align: middle;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
text-decoration: none;
text-transform: none;
speak: none;
} .menu-Reading_Icon-color a:before {
content: "\EA06";
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
vertical-align: middle;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
text-decoration: none;
text-transform: none;
speak: none;
} .menu-Reading_Icon-mochi a:before {
content: "\EA0C";
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
vertical-align: middle;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
text-decoration: none;
text-transform: none;
speak: none;
} .menu-Reading_Icon-souba a:before {
content: "\EA0F";
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
vertical-align: middle;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
text-decoration: none;
text-transform: none;
speak: none;
} .menu-Reading_Icon-type a:before {
content: "\EA10";
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
vertical-align: middle;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
text-decoration: none;
text-transform: none;
speak: none;
} .menu-Reading_Icon-manner a:before {
content: "\EA09";
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
vertical-align: middle;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
text-decoration: none;
text-transform: none;
speak: none;
} .menu-Reading_Icon-noshi a:before {
content: "\EA0D";
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
vertical-align: middle;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
text-decoration: none;
text-transform: none;
speak: none;
} .menu-Reading_Icon-mizuhiki a:before {
content: "\EA0B";
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
vertical-align: middle;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
text-decoration: none;
text-transform: none;
speak: none;
} .menu-Reading_Icon-message a:before {
content: "\EA0A";
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
vertical-align: middle;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
text-decoration: none;
text-transform: none;
speak: none;
}   .messagecard-Container a:hover {
text-decoration: none;
}
.messagecard-Lead {
position: relative;
padding-top: 40px;
padding-bottom: 40px;
padding-left: 56px;
background-image: url(//kanrekiiwai.biz/wp/img/ship/messagecard/bg_card01.jpg);
background-repeat: repeat-y;
background-size: contain;
}
.messagecard-Heading {
margin-bottom: 0.5em;
font-size: 46px;
font-size: 4.6rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
font-weight: 700;
line-height: 1.3;
letter-spacing: 0.05em;
}
.messagecard-Heading span {
display: block;
margin-bottom: 8px;
padding-left: 0.3em;
font-size: 26px;
font-size: 2.6rem;
}
.messagecard-Heading2 {
width: 90%;
margin-right: auto;
margin-left: auto;
font-size: 20px;
font-size: 2rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
letter-spacing: 0.1em;
font-weight: normal;
text-align: center;
line-height: 3;
background-color: #eee;
}
.messagecard-Circle {
position: absolute;
top: 56px;
right: 56px;
width: 150px;
}
.messagecard-Design {
margin-top: 6.4%;
margin-bottom: 10.666%;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
text-align: center;
}
.messagecard-Design p {
width: 14em;
margin-right: auto;
margin-bottom: 2em;
margin-left: auto;
padding-bottom: 0.5em;
font-size: 20px;
font-size: 2rem;
letter-spacing: 0.5em;
border-bottom: 1px solid #111;
}
.messagecard-Design img {
display: block;
width: 70%;
margin-right: auto;
margin-left: auto;
}
.messagecard-Sample_Item {
width: 80%;
margin-top: 40px;
margin-right: auto;
margin-left: auto;
padding: 24px;
border: 1px solid #ccc;
border-radius: 10px;
}
.messagecard-Sample_Title {
margin-bottom: 16px;
}
.messagecard-Sample_Link {
width: 80%;
margin-top: 40px;
margin-right: auto;
margin-left: auto;
text-align: right;
}
.messagecard-Sample_Link a {
display: block;
border: 1px solid #333;
text-align: center;
text-decoration: none;
}
.messagecard-Sample_Link a:hover {
border: 1px solid #333;
background-color: #333;
color: #fff;
}
.messagecard-Info {
width: 90%;
margin-top: 40px;
margin-right: auto;
margin-left: auto;
padding-bottom: 16px;
border: 1px solid #ccc;
border-radius: 10px;
background-color: #fff;
}
.messagecard-Info_Heading {
margin-bottom: 32px;
border-top-right-radius: 10px;
border-top-left-radius: 10px;
font-size: 20px;
font-size: 2rem;
font-weight: 700;
line-height: 3;
letter-spacing: 0.1em;
text-align: center;
color: #fff;
background-color: #333;
}
.messagecard-Info_Text {
margin-right: 2em;
margin-left: 2em;
}
.messagecard-Info_Text p {
margin-bottom: 1em;
}
.messagecard-Info_Ex {
position: relative;
width: 90%;
margin-top: 2em;
margin-right: auto;
margin-left: auto;
padding-top: 2em;
padding-bottom: 1em;
border: 1px solid #ccc;
text-align: center;
}
.messagecard-Info_Ex > *:first-child {
position: absolute;
display: inline-block;
width: 60%;
top: -1em;
right: 0;
left: 0;
margin-right: auto;
margin-left: auto;
font-weight: 700;
background-color: #fff;
}
.messagecard-Info_Ex > *:first-child padding {
right: 1em;
left: 1em;
}
.messagecard-Info_Ex > *:last-child {
width: 70%;
margin-right: auto;
margin-left: auto;
}   .mino-Containter {
margin-bottom: 80px;
}
.mino-Containter .item-Wrapping div {
margin-bottom: 50px;
}
.mino-Containter .item-Wrapping_type {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
width: 80%;
margin-right: auto;
margin-bottom: 40px;
margin-left: auto;
}
.mino-Containter .item-Wrapping_type > * {
margin-right: 2%;
}
.mino-Containter .item-Wrapping_type > * {
width: 49%;
}
.mino-Containter .item-Wrapping_type > *:nth-child(2n) {
margin-right: 0;
}
.mino-Containter .item-Wrapping h2 {
display: none;
}
.mino-Content {
margin-top: 120px;
}
.mino-Content ul {
padding-left: 0;
}
.mino-Hero {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
-webkit-box-pack: space-evenly;
-webkit-justify-content: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
}
.mino-Hero > * {
margin-right: 2%;
}
.mino-Hero_Text {
width: 40%;
margin: 0;
}
.mino-Hero_Img {
width: 50%;
margin: 0;
}
.mino-Logo {
display: block;
width: 48px;
margin-right: auto;
margin-left: auto;
text-align: center;
}
.mino-Heading2,
.mino-Heading3,
.mino-Heading5 {
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
text-align: center;
}
.mino-Heading2 {
color: #333;
font-size: 20px;
font-size: 2rem;
font-weight: 700;
letter-spacing: 0.1em;
margin-top: 8px;
margin-bottom: 40px;
}
.mino-Heading3 {
background-color: #eee;
font-size: 18px;
font-size: 1.8rem;
margin-bottom: 40px;
padding-top: 1em;
padding-bottom: 1em;
}
.mino-Heading4 {
margin-bottom: 1em;
}
.mino-Heading5 {
border-top: 1px solid #333;
border-bottom: 1px solid #333;
font-size: 14px;
font-size: 1.4rem;
font-weight: 700;
line-height: 3;
margin-bottom: 40px;
}
.mino-Text > * {
margin-bottom: 1em;
}
.mino-Text > *:last-child {
margin-bottom: 0;
}
.mino-Text_Emphasis {
color: #a37f38;
}
.mino-ImgBlock > * {
margin-bottom: 16px;
}
.mino-ImgBlock > *:last-child {
margin-bottom: 0;
}
.mino-Design {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
margin-bottom: 16px;
}
.mino-Design > * {
margin-right: 2%;
}
.mino-Design > * {
width: 49%;
}
.mino-Design > *:nth-child(2n) {
margin-right: 0;
}
.mino-Size {
text-align: center;
}
.mino-Size p {
font-size: 16px;
font-size: 1.6rem;
}
.mino-Size_MainImg {
width: 80%;
margin-right: auto;
margin-bottom: 40px;
margin-left: auto;
}
.mino-Size_MainImg-tate {
width: 60%;
margin-right: auto;
margin-left: auto;
}
.mino-Style {
margin-top: 80px;
}
.mino-Style_Img {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
}
.mino-Style_Img > * {
margin-right: 2%;
}
.mino-Style_Img > * {
width: 49%;
}
.mino-Style_Img > *:nth-child(2n) {
margin-right: 0;
}
.mino-Carry {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
margin-top: 80px;
}
.mino-Carry > * {
margin-right: 2%;
}
.mino-Carry > * {
width: 49%;
}
.mino-Carry > *:nth-child(2n) {
margin-right: 0;
}
.mino-Material {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
margin-bottom: 40px;
}
.mino-Material > * {
margin-right: 2%;
}
.mino-Material > * {
width: 49%;
}
.mino-Material > *:nth-child(2n) {
margin-right: 0;
}
.mino-Color {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
font-weight: 700;
text-align: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
list-style: none;
}
.mino-Color > * {
margin-right: 2%;
}
.mino-Color > * {
width: 32%;
}
.mino-Color > *:nth-child(3n) {
margin-right: 0;
}
.mino-Color_2 > * {
width: 49%;
}
.mino-Color_2 > *:nth-child(2n) {
margin-right: 0;
}
.mino-Color_4 > * {
width: 23.5%;
}
.mino-Color_4 > *:nth-child(4n) {
margin-right: 0;
}
.mino-Point {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
margin-bottom: 40px;
text-align: center;
}
.mino-Point > * {
margin-right: 2%;
}
.mino-Point > * {
width: 49%;
}
.mino-Point > *:nth-child(2n) {
margin-right: 0;
}
.mino-Point > * {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
border: 5px solid #eee;
line-height: 3;
}
.mino-Point > * > * {
margin-right: 2%;
}
.mino-Point > * > * {
margin-right: 0;
}
.mino-Point_Title {
width: 35%;
background-color: #eee;
}
.mino-Point_Available {
width: 30%;
background-image: url(//kanrekiiwai.biz/wp/img/crafts/mino/bg_point.jpg);
background-repeat: no-repeat;
background-size: auto 90%;
background-position: center;
}
.mino-Point_Dot {
width: 5%;
}
.mino-Point_None {
width: 30%;
}
.mino-Wrapping {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
margin-top: 40px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.mino-Wrapping > * {
margin-right: 2%;
}
.mino-Wrapping > * {
width: 49%;
}
.mino-Wrapping > *:nth-child(2n) {
margin-right: 0;
}
.mino-Heading4_GiftBox {
margin-bottom: 40px;
font-size: 16px;
font-size: 1.6rem;
text-align: center;
}
.mino-GiftBox_Hero {
margin-bottom: 40px;
}
.mino-GiftBox_Wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.mino-GiftBox_Wrapper > * {
margin-right: 2%;
}
.mino-GiftBox_Wrapper > * {
width: 49%;
}
.mino-GiftBox_Wrapper > *:nth-child(2n) {
margin-right: 0;
}
.mino-GiftBox_MainImg {
display: block;
margin-right: auto;
margin-bottom: 40px;
margin-left: auto;
}
.mino-GiftBox_MainImg-winter {
width: 80%;
margin-right: auto;
margin-left: auto;
}
.mino-GiftBox_Text {
margin-right: auto;
margin-left: auto;
}   .name-Induction {
margin-top: 40px;
font-size: 20px;
font-size: 2rem;
font-weight: 700;
text-align: center;
}
.name-Induction .name-Induction_Title {
margin-bottom: 16px;
padding: 0.5em;
font-size: 26px;
font-size: 2.6rem;
background-color: #c8300d;
color: #fff;
}
.name-Induction .name-Induction_Banner {
margin-top: 16px;
margin-bottom: 40px;
}
.name {
font-size: 16px;
font-size: 1.6rem;
overflow: hidden;
}
.name-Bg {
background-color: #f5f3ef;
}
.name-Red {
color: #c8300d;
}
.name-Blue {
color: #002a54;
}
.name-Text_S {
font-size: 12px;
font-size: 1.2rem;
}
.name-Col {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.name-Col > * {
margin-right: 2%;
}
.name-Sub_Img {
position: relative;
display: block;
width: 96%;
margin-right: auto;
margin-left: auto;
}
.name-Sub_Img p {
position: absolute;
top: 30px;
right: 40px;
width: 150px;
}
.name-Cherry02 {
display: block;
width: 16%;
margin-top: 6.4%;
margin-right: auto;
margin-bottom: 6.4%;
margin-left: auto;
}
.name-Heading {
position: relative;
z-index: 1;
margin-bottom: 2%;
}
.name-Heading h2 {
font-size: 60px;
font-size: 6rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
line-height: 1;
}
.name-Heading h2 span {
display: inline-block;
width: 100px;
margin-right: 1px;
line-height: 100px;
text-align: center;
color: #fff;
background-color: #111;
}
.name-Heading p {
margin-left: 101px;
font-size: 46px;
font-size: 4.6rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
font-weight: 700;
line-height: 1;
}
.name-Heading p span {
display: inline-block;
width: 80px;
margin-right: 1px;
line-height: 80px;
text-align: center;
background-color: #fff;
}
.name-Label .name-Heading h2 span:first-child {
background-color: #c8300d;
}
.name-Newspaper .name-Heading h2 span:first-child {
background-color: #002a54;
}
.name-Sake .name-Heading h2 span:first-child {
background-color: #c6a800;
}
.name-Wrapper {
width: 96%;
margin-right: auto;
margin-bottom: 120px;
margin-left: auto;
background-image: url(//kanrekiiwai.biz/wp/img/name/sake/test/bg_base01.png);
background-size: contain;
}
.name-Lead {
position: relative;
margin-bottom: 40px;
padding-top: 32px;
}
.name-Lead > *:last-child {
margin-bottom: 0;
}
.name-Lead h3 {
position: relative;
margin-bottom: 24px;
font-size: 32px;
font-size: 3.2rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
line-height: 1.4;
letter-spacing: 0.08em;
text-align: center;
}
.name-Lead h3 span {
display: block;
width: 11em;
margin-right: auto;
margin-left: auto;
padding-top: 4px;
padding-bottom: 8px;
background-image: url(//kanrekiiwai.biz/wp/img/name/sake/test/line01.png);
background-repeat: no-repeat;
background-position: bottom left;
background-size: contain;
}
.name-Lead p {
margin-bottom: 1em;
font-size: 16px;
font-size: 1.6rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
line-height: 2;
letter-spacing: 0.1em;
text-align: center;
}
.name-Lead_Wrapper {
position: relative;
padding-right: 35%;
padding-bottom: 40px;
background-repeat: no-repeat;
background-size: auto 80px;
background-position: center bottom;
}
.name-Lead_Wrapper > img { }
.name-Lead_Wrapper > *:last-child {
margin-bottom: 0;
}
.name-Title {
margin-bottom: 32px;
background-repeat: no-repeat;
background-position: top center;
background-size: auto 50px;
}
.name-Title h4 {
width: 90%;
margin-right: auto;
margin-left: auto;
padding-top: 1em;
padding-bottom: 1em;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
font-size: 26px;
font-size: 2.6rem;
letter-spacing: 0.1em;
font-weight: 600;
text-align: center;
background-image: url(//kanrekiiwai.biz/wp/img/name/sake/test/bg_bg02.png), url(//kanrekiiwai.biz/wp/img/name/sake/test/bg_bg02.png);
background-repeat: repeat-x, repeat-x;
background-size: 15px, 15px;
background-position: left top, left bottom;
}
.name-Title_Circle:before, .name-Title_Circle:after {
position: absolute;
display: block;
border-radius: 50%;
width: 20px;
height: 20px;
content: "";
background-color: #fff;
}
.name-Title_Circle:before {
right: -12px;
bottom: -12px;
}
.name-Title_Circle:after {
left: -12px;
bottom: -12px;
}
.name-Menu {
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
width: 96%;
margin-top: 2%;
margin-right: auto;
margin-bottom: 120px;
margin-left: auto;
}
.name-Menu > * {
margin-bottom: 2%;
text-align: center;
}
.name-Menu > *:last-child {
margin-right: 0;
}
.name-Menu > * img {
width: 100%;
}
.name-Label {
position: relative;
}
.name-Label .name-Heading {
position: absolute;
top: -50px;
}
.name-Label .name-Lead {
margin-bottom: 64px;
}
.name-Label .name-Title span {
font-size: 32px;
font-size: 3.2rem;
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}
.name-Label .name-Title span:first-of-type {
color: #D75455;
}
.name-Label .name-Title span:nth-of-type(2) {
color: #578e98;
}
.name-Label .name-Title span:nth-of-type(3) {
color: #ad87a0;
}
.name-Label .name-Title span:nth-of-type(4) {
color: #cdae01;
}
.name-Label_Layer1 {
position: absolute;
bottom: -40px;
right: 20px;
width: 280px;
z-index: 0;
-webkit-transform: rotate(0.5deg);
transform: rotate(0.5deg);
}
.name-Label_Layer2 {
position: absolute;
bottom: -45px;
right: 200px;
width: 230px;
}
.name-Label_About {
position: relative;
margin-top: 24px;
}
.name-Label_About .name-Speech {
position: absolute;
right: 48px;
top: 120px;
width: 100px;
}
.name-Label_Samplelist {
width: 96%;
margin-right: auto;
margin-bottom: 4.267%;
margin-left: auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
list-style: none;
}
.name-Label_Samplelist > * {
margin-right: 2%;
}
.name-Label_Samplelist > * {
width: 49%;
}
.name-Label_Samplelist > *:nth-child(2n) {
margin-right: 0;
}
.name-Label_Samplelist > * {
margin-bottom: 40px;
}
.name-Label_Samplelist p {
width: 80%;
margin-top: 1em;
margin-right: auto;
margin-left: auto;
padding-bottom: 1em;
font-size: 20px;
font-size: 2rem;
font-weight: 700;
line-height: 1;
text-align: center;
border-bottom: 1px solid;
}
.name-Label_Point {
position: relative;
margin-bottom: 32px;
text-align: center;
}
.name-Label_Point ul {
display: inline-block;
margin-left: -1em;
list-style: none;
text-align: left;
font-weight: 600;
line-height: 1;
letter-spacing: 0.05em;
font-size: 24px;
font-size: 2.4rem;
}
.name-Label_Point ul > * {
margin-bottom: 20px;
padding-right: 1.5em;
padding-bottom: 16px;
padding-left: 1.5em;
border-bottom: 1px dashed;
}
.name-Label_Point ul > *:last-child {
margin-bottom: 0;
}
.name-Label_Point ul > * span img {
display: inline-block;
width: 2em;
margin-left: 5px;
vertical-align: bottom;
}
.name-Label_Point ul > *::before {
content: "";
width: 8px;
height: 8px;
display: inline-block;
border-radius: 50%;
position: relative;
top: -4px;
margin-right: 10px; background-color: #c8300d;
}
.name-Newspaper {
position: relative;
}
.name-Newspaper .name-Wrapper {
padding-bottom: 40px;
}
.name-Newspaper .name-Heading {
position: absolute;
top: -50px;
}
.name-Newspaper .name-Title {
margin-bottom: 16px;
}
.name-Newspaper .name-Title span {
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}
.name-Newspaper .name-W_90 {
width: 60%;
margin-right: auto;
margin-left: auto;
}
.name-Newspaper .name-Lead:first-of-type {
margin-bottom: 0;
}
.name-Newspaper .name-Lead:nth-of-type(2) {
width: 84%;
margin-right: auto;
margin-left: auto;
padding-top: 16px;
}
.name-Newspaper .name-Lead:nth-of-type(2) p {
text-align: left;
}
.name-Newspaper .name-Lead .name-Lead_Title img {
margin-top: 0.3em;
margin-bottom: 0.5em;
}
.name-Newspaper .name-Lead_Wrapper {
padding-right: 38%;
}
.name-Newspaper .name-BgColor {
position: relative;
margin-top: 56px;
margin-bottom: 56px;
}
.name-Newspaper .name-BgColor span {
display: block;
width: 80%;
margin-right: auto;
margin-bottom: 32px;
margin-left: auto;
}
.name-Newspaper .name-BgColor .name-Dec_01 {
position: absolute;
top: -74px;
right: -96px;
width: 143px;
-webkit-transform: rotate(-3deg);
transform: rotate(-3deg);
}
.name-Newspaper .name-BgColor .name-Dec_02 {
position: absolute;
bottom: -40px;
left: -98px;
width: 143px;
-webkit-transform: rotate(-6deg);
transform: rotate(-6deg);
}
.name-Newspaper .name-BgColor .name-Dec_03 {
position: absolute;
bottom: -16px;
right: -102px;
width: 143px;
-webkit-transform: rotate(4deg);
transform: rotate(4deg);
}
.name-Newspaper .name-BgColor .name-Dec_04 {
position: absolute;
top: -45px;
left: -89px;
width: 136px;
-webkit-transform: rotate(4deg);
transform: rotate(4deg);
}
.name-Newspaper_Layer1 {
position: absolute;
bottom: 0;
right: -50px;
width: 380px;
z-index: 0;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
.name-Newspaper_Outline {
display: block;
width: 500px;
margin: 0 auto;
}
.name-Newspaper_Wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.name-Newspaper_Wrapper > * {
margin-right: 2%;
}
.name-Newspaper_Wrapper > * {
width: 49%;
}
.name-Newspaper_Wrapper > *:nth-child(2n) {
margin-right: 0;
}
.name-Newspaper_Wrapper > *:nth-child(1) {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
margin-bottom: 24px;
}
.name-Newspaper_Wrapper > *:nth-child(2) {
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3;
}
.name-Newspaper_Wrapper > *:nth-child(3) {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
margin-right: 0;
margin-bottom: 24px;
}
.name-Newspaper_Wrapper > *:nth-child(4) {
-webkit-box-ordinal-group: 5;
-webkit-order: 4;
-ms-flex-order: 4;
order: 4;
margin-right: 0;
}
.name-Newspaper_Wrapper .name-Text p:nth-of-type(2) img {
display: block;
width: 84%;
margin: 0 auto;
}
.name-Newspaper_About .name-father01 {
display: none;
width: 67%;
margin-right: 30px;
margin-left: auto;
text-align: right;
}
.name-Newspaper_About .name-father01 img {
width: 65%;
}
.name-Newspaper_Detail {
width: 96%;
margin-right: auto;
margin-bottom: 40px;
margin-left: auto;
}
.name-Newspaper_Detail .name-Text > * {
margin-bottom: 24px;
}
.name-Newspaper_Detail ul {
width: 90%;
margin-right: auto;
margin-left: auto;
list-style: none;
}
.name-Newspaper_Detail ul li {
margin-bottom: 24px;
}
.name-Newspaper_Detail ul li > * {
margin-bottom: 1em;
}
.name-Newspaper_Detail ul li > *:last-child {
margin-bottom: 0;
}
.name-Newspaper_Detail ul li .name-Newspaper_Wrapper {
-webkit-box-align: end;
-webkit-align-items: end;
-ms-flex-align: end;
align-items: end;
}
.name-Newspaper_Detail ul li .name-Newspaper_Wrapper > figure {
width: 55%;
margin-right: 4%;
}
.name-Newspaper_Detail ul li .name-Newspaper_Wrapper > .name-Text {
width: 41%;
margin-top: 0;
margin-right: 0;
padding: 1em;
border-radius: 10px;
background-color: rgba(240, 236, 222, 0.5);
}
.name-Newspaper_Detail ul li .name-Newspaper_DetailTitle {
margin-bottom: 24px;
padding-bottom: 0.5em;
font-size: 26px;
font-size: 2.6rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
font-weight: 700;
background-image: url(//kanrekiiwai.biz/wp/img/name/sake/test/line01.png);
background-repeat: no-repeat;
background-position: left bottom;
background-size: 100% 1px;
}
.name-Newspaper_Detail ul li .name-Newspaper_DetailTitle img {
display: inline-block;
margin-right: 0.3em;
width: 1.8em;
vertical-align: bottom;
}
.name-Newspaper_Choice .name-Title {
position: relative;
}
.name-Newspaper_Choice .name-Title h4 {
margin-bottom: 16px;
}
.name-Newspaper_Choice .name-Title h4 span {
font-size: 30px;
font-size: 3rem;
letter-spacing: 0.05em;
color: #c8300d;
}
.name-Newspaper_Choice .name-Title p {
font-size: 18px;
font-size: 1.8rem;
text-align: center;
}
.name-Newspaper_Choice .name-Title p span {
margin-right: 5px;
margin-left: 5px;
padding-bottom: 5px;
border-bottom: 1px solid;
font-size: 24px;
font-size: 2.4rem;
font-weight: 700;
}
.name-Newspaper_Choice .name-speech {
position: absolute;
top: -40px;
right: 40px;
width: 110px;
}
.name-Newspaper_Choice .name-MainImg {
width: 90%;
margin-top: 24px;
margin-right: auto;
margin-left: auto;
}
.name-Newspaper_Add {
position: relative;
width: 90%;
margin-right: auto;
margin-bottom: 1em;
margin-left: auto;
padding-top: 1em;
padding-right: 3em;
padding-bottom: 2em;
padding-left: 3em;
border: 2px solid #002a54;
border-radius: 5px;
}
.name-Newspaper_Add img {
position: absolute;
top: -35px;
right: 0;
left: 0;
display: block;
width: 50%;
margin-right: auto;
margin-left: auto;
}
.name-Newspaper_Add .name-Text > * {
margin-bottom: 1em;
}
.name-Newspaper_Add .name-Text > *:last-child {
margin-bottom: 0;
}
.name-Newspaper_Add .name-Newspaper_AddTitle {
margin-top: 0.8em;
margin-bottom: 1em;
padding-bottom: 0.5em;
text-align: center;
font-size: 24px;
font-size: 2.4rem;
font-weight: 700;
background-image: url(//kanrekiiwai.biz/wp/img/name/sake/test/line01.png);
background-repeat: no-repeat;
background-position: left bottom;
background-size: 100% 1px;
}
.name-Sake {
position: relative;
}
.name-Sake .name-Wrapper {
padding-bottom: 1em;
}
.name-Sake .name-Heading {
position: absolute;
top: -50px;
}
.name-Sake .name-Lead {
position: relative;
}
.name-Sake .name-Lead dl {
width: 590px;
margin-right: auto;
margin-left: auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
border-bottom: 1px solid #ccc;
}
.name-Sake .name-Lead dl > * {
margin-right: 2%;
}
.name-Sake .name-Lead dl > * {
display: block;
margin-right: 0;
padding-top: 0.8em;
padding-bottom: 0.8em;
line-height: 1;
}
.name-Sake .name-Lead dt {
width: 10em;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
text-align: center;
}
.name-Sake .name-Lead dd {
width: calc(100% - 10em - 1px);
padding-left: 1em;
border-top: 1px solid #ccc;
}
.name-Sake .name-Lead_Wrapper {
position: initial;
padding-bottom: 1em;
background: none;
}
.name-Sake .name-Sake_Layer1 {
position: absolute;
top: 0;
right: 0;
width: 300px;
}
.name-Sake .name-Sake_Graph {
margin-top: 2.133%;
margin-right: auto;
margin-bottom: 6.4% !important;
margin-left: auto;
}
.name-Sake .name-Sake_Jd {
position: relative;
height: 500px;
margin-bottom: 24px;
padding-top: 10.666%;
padding-left: 5.333%;
padding-bottom: calc(10.666% + 1em);
color: #fff;
background-image: url(//kanrekiiwai.biz/wp/img/name/sake/test/image_sake_bg03.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
overflow: hidden;
}
.name-Sake .name-Sake_Jd h4 {
font-size: 57px;
font-size: 5.7rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
line-height: 1;
letter-spacing: 0.05em;
}
.name-Sake .name-Sake_Jd h4 span {
display: block;
margin-bottom: 24px;
font-size: 30px;
font-size: 3rem;
}
.name-Sake .name-Sake_Jd p {
width: 65%;
margin-top: 1.5em;
font-size: 16px;
font-size: 1.6rem;
line-height: 2.2;
}
.name-Sake .name-Sake_Jd .name-Sake_Hierarchie {
position: absolute;
right: -80px;
bottom: 60px;
height: 80%;
}
.name-Sake .name-Sake_Gold {
position: relative;
padding-bottom: 250px;
background-image: url(//kanrekiiwai.biz/wp/img/name/sake/test/image_sake_cloud02.png), url(//kanrekiiwai.biz/wp/img/name/sake/test/image_sake_cloud01.png);
background-repeat: no-repeat, no-repeat;
background-size: 50%, 50%;
background-position: top right -20px, bottom 50px left -12px;
}
.name-Sake .name-Sake_Gold h4 {
margin-left: 5.333%;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
font-size: 57px;
font-size: 5.7rem;
line-height: 1;
}
.name-Sake .name-Sake_Gold h4 span {
display: block;
}
.name-Sake .name-Sake_Gold h4 span:first-child {
position: relative;
display: inline-block;
margin-bottom: 0.8em;
padding-right: 1em;
padding-left: 1.5em;
font-size: 28px;
font-size: 2.8rem;
letter-spacing: 0.5em;
}
.name-Sake .name-Sake_Gold h4 span:first-child:before {
content: "";
position: absolute;
top: 50%;
display: inline-block;
width: 1em;
height: 1px;
background-color: black;
-webkit-transform: rotate(60deg);
transform: rotate(60deg);
left: 0;
}
.name-Sake .name-Sake_Gold h4 span:first-child:after {
content: "";
position: absolute;
top: 50%;
display: inline-block;
width: 1em;
height: 1px;
background-color: black;
-webkit-transform: rotate(-60deg);
transform: rotate(-60deg);
right: 0;
}
.name-Sake .name-Sake_Gold h4 span:nth-child(2) {
font-size: 56px;
font-size: 5.6rem;
margin-bottom: 14px;
letter-spacing: 0.05em;
}
.name-Sake .name-Sake_Gold p {
position: relative;
width: 60%;
margin-top: 1.5em;
margin-left: 5.333%;
line-height: 2;
z-index: 1;
}
.name-Sake .name-Sake_Gold img {
position: absolute;
bottom: 0;
right: 0;
width: 41%;
z-index: 2;
}
.name-Sake .name-Brewery {
position: relative;
overflow: hidden;
}
.name-Sake .name-Brewery_Text {
position: relative;
width: 80%;
margin-top: 56%;
margin-right: 0;
margin-bottom: 30%;
margin-left: auto;
padding-top: 40px;
padding-right: 40px;
padding-bottom: 40px;
padding-left: 40px;
background-color: rgba(255, 255, 255, 0.9);
z-index: 1;
}
.name-Sake .name-Brewery_Text h4 {
margin-bottom: 40px;
font-size: 24px;
font-size: 2.4rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
line-height: 1;
}
.name-Sake .name-Brewery_Text h4 > * {
display: block;
margin-top: 16px;
font-size: 56px;
font-size: 5.6rem;
}
.name-Sake .name-Brewery_Text h4 > * > * {
font-size: 20px;
font-size: 2rem;
padding-left: 1em;
}
.name-Sake .name-Brewery_Text p {
margin-bottom: 1em;
}
.name-Sake .name-Brewery_Text p:last-of-type {
margin-bottom: 0;
}
.name-Sake .name-Brewery_Topimg {
position: absolute;
width: 100%;
top: 0;
left: 0;
z-index: 0;
}
.name-Sake .name-Brewery_Topimg img {
width: 660px;
}
.name-Sake .name-Brewery_Btmimg {
position: absolute;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
width: 90%;
bottom: 0;
right: 0;
z-index: 0;
}
.name-Sake .name-Brewery_Btmimg > * {
margin-right: 2%;
}
.name-Sake .name-Brewery_Btmimg > * {
width: 49%;
}
.name-Sake .name-Brewery_Btmimg > *:nth-child(2n) {
margin-right: 0;
}
.name-Sake .name-Brewery_Logo {
position: absolute;
width: 22%;
top: 61%;
left: 1%;
}
.name-Wrapping {
position: relative;
margin-bottom: 40px;
padding-bottom: 2%;
}
.name-Wrapping .name-Wrapper {
margin-bottom: 0;
padding-bottom: 2%;
}
.name-Wrapping .name-Heading {
position: absolute;
top: -50px;
}
.name-Wrapping .name-Lead {
position: relative;
}
.name-Wrapping .name-Lead figure {
position: absolute;
right: 0;
bottom: 0;
width: 280px;
}
.name-Wrapping .name-Lead_Wrapper {
padding-bottom: 0;
background: none;
}
.name-Wrapping .name-Wrapping_Howto {
display: block;
width: 96%;
margin-right: auto;
margin-bottom: 6.4%;
margin-left: auto;
}
.name-Info {
width: 90%;
margin-right: auto;
margin-left: auto;
padding-bottom: 16px;
border: 1px solid #ccc;
border-radius: 10px;
background-color: #fff;
}
.name-Info_Heading {
margin-bottom: 32px;
border-top-right-radius: 10px;
border-top-left-radius: 10px;
font-size: 20px;
font-size: 2rem;
font-weight: 700;
line-height: 3;
letter-spacing: 0.1em;
text-align: center;
color: #fff;
background-color: #333;
}
.name-Info_Column {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
width: 90%;
margin-right: auto;
margin-bottom: 32px;
margin-left: auto;
font-size: 20px;
font-size: 2rem;
font-weight: 700;
}
.name-Info_Column > * {
margin-right: 2%;
}
.name-Info_Column img {
width: auto;
height: 150px;
}
.name-Info_Column > * {
margin-right: 24px;
}
.name-Info_Column > *:last-child {
margin-right: 0;
}
.name-Info_Column .name-Info_Highlight {
display: inline-block;
margin-right: 0.3em;
margin-bottom: 2px;
padding-top: 0.3em;
padding-right: 0.3em;
padding-bottom: 0.3em;
padding-left: 0.3em;
background-color: #fff064;
word-break: break-all;
}
.name-Info_Text {
margin-right: 2em;
margin-left: 2em;
}
.name-Info_Text p {
margin-bottom: 1em;
}
.name-Info_Title {
margin-top: 32px;
font-size: 18px;
font-size: 1.8rem;
text-align: center;
font-weight: 700;
line-height: 3;
background-color: #f5f3ef;
}
.name-Info_Ex {
position: relative;
width: 90%;
margin-top: 2em;
margin-right: auto;
margin-left: auto;
padding-top: 2em;
padding-bottom: 1em;
border: 1px solid #ccc;
text-align: center;
}
.name-Info_Ex > *:first-child {
position: absolute;
display: inline-block;
width: 60%;
top: -1em;
right: 0;
left: 0;
margin-right: auto;
margin-left: auto;
font-weight: 700;
background-color: #fff;
}
.name-Info_Ex > *:first-child padding {
right: 1em;
left: 1em;
}
.name-Info_Ex > *:last-child {
width: 90%;
margin-right: auto;
margin-left: auto;
}
.name-Card {
margin-bottom: 40px;
}
.name-Card_Lead {
position: relative;
padding-top: 40px;
padding-bottom: 40px;
padding-left: 56px;
background-image: url(//kanrekiiwai.biz/wp/img/name/sake/test/bg_card01.png);
background-repeat: repeat-y;
background-size: contain;
}
.name-Card_Heading {
margin-bottom: 0.5em;
font-size: 46px;
font-size: 4.6rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
font-weight: 700;
line-height: 1.3;
letter-spacing: 0.05em;
}
.name-Card_Heading span {
display: block;
margin-bottom: 8px;
padding-left: 0.3em;
font-size: 26px;
font-size: 2.6rem;
}
.name-Card_Circle {
position: absolute;
top: 56px;
right: 56px;
width: 150px;
}
.name-Card_Design {
margin-top: 6.4%;
margin-bottom: 10.666%;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
text-align: center;
}
.name-Card_Design p {
width: 10em;
margin-right: auto;
margin-bottom: 1em;
margin-left: auto;
font-size: 18px;
font-size: 1.8rem;
border-bottom: 1px solid #111;
}
.name-Card_Design img {
display: block;
width: 80%;
margin-right: auto;
margin-left: auto;
}
.name-LabelDt {
margin-bottom: 40px;
padding-top: 16px;
padding-right: 16px;
padding-left: 16px;
padding-bottom: 16px;
background-color: #f5f3ef;
}
.name-LabelDt h4 {
width: 96%;
margin-right: auto;
margin-bottom: 6.4%;
margin-left: auto;
padding-top: 24px;
padding-bottom: 24px;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
font-size: 30px;
font-size: 3rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
text-align: center;
letter-spacing: 0.2em;
line-height: 1;
background-color: #fdfdfc;
}
.name-LabelDt h4 span {
display: block;
margin-top: 16px;
font-size: 12px;
font-size: 1.2rem;
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 700;
letter-spacing: 0.4em;
color: #c8300d;
}
.name-LabelDt_Wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
margin-bottom: 60px;
}
.name-LabelDt_Wrapper > * {
margin-right: 2%;
}
.name-LabelDt_MainImg {
width: 50%;
margin-right: 0;
}
.name-LabelDt_Lead {
width: 50%;
margin-right: 0;
}
.name-LabelDt_Lead p {
margin-bottom: 1em;
}
.name-LabelDt_Lead > *:first-child {
font-size: 24px;
font-size: 2.4rem;
font-weight: 700;
text-align: center;
line-height: 1;
}
.name-LabelDt_Lead > *:first-child span {
display: inline-block;
margin-bottom: 10px;
padding-bottom: 5px;
border-bottom: 2px solid;
}
.name-LabelDt_List {
position: relative;
margin-right: auto;
margin-bottom: 40px;
margin-left: auto;
padding-top: 150px;
border-top: 1px dashed;
border-bottom: 1px dashed;
background-color: #fdfdfc;
}
.name-LabelDt_List > *:first-child {
position: absolute;
top: -24px;
right: 0;
left: 0;
display: block;
width: 90%;
margin-right: auto;
margin-bottom: 26px;
margin-left: auto;
padding-bottom: 1em;
text-align: center;
font-weight: 700;
font-size: 32px;
font-size: 3.2rem;
line-height: 1;
letter-spacing: 0.2em;
background-image: url(//kanrekiiwai.biz/wp/img/name/sake/test/bg_bg02.png);
background-repeat: repeat-x;
background-size: 15px;
background-position: right bottom; }
.name-LabelDt_List > *:first-child span {
position: relative;
display: block;
width: 14em;
margin-right: auto;
margin-bottom: 32px;
margin-left: auto;
padding-top: 1em;
padding-right: 0.5em;
padding-bottom: 1em;
padding-left: 1em;
border-radius: 30px;
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
font-size: 16px;
font-size: 1.6rem;
line-height: 1;
letter-spacing: 0.1em;
background-color: #ca0202;
color: #fff;
}
.name-LabelDt_List > *:first-child span:after {
position: absolute;
content: "";
top: 100%;
left: calc(50% - 10px);
border: 10px solid transparent;
border-top: 10px solid #ca0202;
width: 0;
height: 0;
}
.name-LabelDt_List ul {
width: 96%;
margin-right: auto;
margin-left: auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
list-style: none;
}
.name-LabelDt_List ul > * {
margin-right: 2%;
}
.name-LabelDt_List ul > * {
width: 49%;
}
.name-LabelDt_List ul > *:nth-child(2n) {
margin-right: 0;
}
.name-LabelDt_List ul li {
margin-bottom: 32px;
}
.name-LabelDt_List ul li p {
width: 80%;
margin-right: auto;
margin-left: auto;
}
.name-LabelDt_List ul li span {
display: block;
margin-bottom: 1em;
padding-top: 1em;
padding-bottom: 1em;
border-bottom: 1px solid;
text-align: center;
line-height: 1;
font-weight: 700;
}
.name-Compornent {
position: relative;
padding-top: 40px;
padding-bottom: 16px;
border-top: 1px dashed;
border-bottom: 1px dashed;
background-color: #fdfdfc;
}
.name-Compornent > *:first-child {
position: absolute;
top: -20px;
right: 0;
left: 0;
display: block;
margin-right: auto;
margin-bottom: 1em;
margin-left: auto;
font-size: 16px;
font-size: 1.6rem;
font-weight: 700;
text-align: center;
}
.name-Compornent > *:first-child:before, .name-Compornent > *:first-child:after {
content: "";
position: absolute;
top: calc(50% - 3px);
display: inline-block;
height: 8px;
border-top: solid 1px #c8b164;
border-bottom: solid 1px #c8b164;
}
.name-Compornent > *:first-child:before {
left: 2%;
}
.name-Compornent > *:first-child:after {
right: 2%;
}
.name-Compornent > *:first-child span {
display: inline-block;
width: 6em;
padding-top: 0.8em;
padding-bottom: 0.8em;
padding-left: 0.3em;
line-height: 1;
letter-spacing: 0.2em;
color: #fff;
border-radius: 30px;
background-color: #ca0202;
}
.name-Compornent > *:first-child span:after {
position: absolute;
content: "";
top: 100%;
left: calc(50% - 5px);
border: 5px solid transparent;
border-top: 5px solid #ca0202;
width: 0;
height: 0;
}
.name-Compornent .name-Compornent_Title {
margin-bottom: 24px;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
font-weight: 700;
font-size: 30px;
font-size: 3rem;
text-align: center;
}
.name-Compornent .name-Compornent_Mainimg {
width: 70%;
margin-right: auto;
margin-bottom: 16px;
margin-left: auto;
}
.name-Compornent .name-Compornent_Point {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
width: 80%;
margin-right: auto;
margin-left: auto;
}
.name-Compornent .name-Compornent_Point > * {
margin-right: 2%;
}
.name-Compornent .name-Compornent_Point > *:first-child {
width: 150px;
margin-right: 24px;
}
.name-Compornent .name-Compornent_Point > *:last-child {
width: calc(100% - 150px - 24px);
margin-right: 0;
}
.name-Compornent .name-Compornent_Point .name-Compornent_Text {
position: relative;
padding: 2em;
border: 2px solid #002a54;
border-radius: 10px;
color: #002a54;
}
.name-Compornent .name-Compornent_Point .name-Compornent_Text > *:first-child {
position: absolute;
top: -1em;
width: 12em;
right: 0;
left: 0;
margin-right: auto;
margin-left: auto;
padding-right: 1em;
padding-left: 1em;
font-size: 16px;
font-size: 1.6rem;
font-weight: 700;
text-align: center;
background-color: #fdfdfc;
}
.name-Compornent .name-Compornent_Subimg {
width: 70%;
margin-right: auto;
margin-bottom: 24px;
margin-left: auto;
border-radius: 10px;
background-color: #fff;
text-align: center;
}
.name-NewspaperDt {
padding-top: 16px;
padding-right: 16px;
padding-bottom: 16px;
padding-left: 16px;
background-color: #f5f3ef;
}
.name-NewspaperDt h4 {
margin-bottom: 16px;
padding-top: 24px;
padding-bottom: 24px;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
font-size: 30px;
font-size: 3rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
text-align: center;
letter-spacing: 0.2em;
line-height: 1;
background-color: #fdfdfc;
}
.name-NewspaperDt h4 span {
display: block;
margin-top: 16px;
font-size: 12px;
font-size: 1.2rem;
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 700;
letter-spacing: 0.4em;
color: #c8300d;
}
.name-NewspaperDt .name-Title {
padding-top: 0;
background: none;
}
.name-NewspaperDt .name-Wrapper {
padding-top: 2%;
}
.name-NewspaperDt_Bg {
background-color: #fdfdfc;
overflow: hidden;
}
.name-NewspaperDt_Lead {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
font-size: 16px;
font-size: 1.6rem;
font-weight: 700;
line-height: 1.4;
margin-top: 16px;
margin-right: auto;
margin-bottom: 40px;
margin-left: auto;
}
.name-NewspaperDt_Lead > * {
margin-right: 2%;
}
.name-NewspaperDt_Lead .name-NewspaperDt_LeadTitle {
margin-bottom: 40px;
font-size: 26px;
font-size: 2.6rem;
letter-spacing: 0.1em;
}
.name-NewspaperDt_Lead > *:first-child {
width: 40%;
margin-right: 24px;
}
.name-NewspaperDt_Lead > *:last-child {
width: calc(60% - 24px - 16px);
margin-right: 16px;
}
.name-NewspaperDt_Open {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
margin-right: auto;
margin-bottom: 10.666%;
margin-left: auto;
line-height: 1.6;
color: #ca0202;
}
.name-NewspaperDt_Open > * {
margin-right: 2%;
}
.name-NewspaperDt_Open > * {
width: 49%;
}
.name-NewspaperDt_Open > *:nth-child(2n) {
margin-right: 0;
}
.name-NewspaperDt_Open p {
margin-top: 1em;
font-size: 16px;
font-size: 1.6rem;
text-align: center;
}
.name-NewspaperDt_Open > img {
width: 30px;
position: absolute;
top: calc((100% - 6.4em) / 2);
right: 0;
left: 0;
margin-right: auto;
margin-left: auto;
}
.name-NewspaperDt_Open .name-NewspaperDt_Surprise {
position: absolute;
top: -26px;
right: 60px;
width: 115px;
}
.name-NewspaperDt_Info {
width: 80%;
margin-right: auto;
margin-left: auto;
list-style: none;
}
.name-NewspaperDt_Info li {
position: relative;
overflow: hidden;
margin-bottom: 1em;
}
.name-NewspaperDt_Info .name-Icon_Num {
position: absolute;
top: 6px;
left: 0;
width: 2em;
}
.name-NewspaperDt_Info p {
margin-bottom: 1em;
margin-left: 2em;
}
.name-NewspaperDt_Info .name-NewspaperDt_Title {
padding-top: 4px;
padding-bottom: 4px;
margin-bottom: 0.5em;
font-weight: 700;
font-size: 20px;
font-size: 2rem;
letter-spacing: 0.05em;
border-bottom: 1px solid #333;
}
.name-NewspaperDt_Info .name-Btn {
border: 2px solid #ca0202;
border-radius: 3px;
line-height: 1;
text-align: center;
color: #c8b164;
}
.name-NewspaperDt_Info .name-Btn a {
display: inline-block;
padding-top: 1em;
padding-right: 1em;
padding-bottom: 1em;
color: #ca0202;
font-weight: 700;
position: relative;
text-decoration: none;
}
.name-NewspaperDt_Info .name-Btn a:after {
content: "";
width: 0.5em;
height: 0.5em;
margin-top: -0.25em;
border: 0;
border-top: solid 2px #ca0202;
border-right: solid 2px #ca0202;
position: absolute;
top: 50%;
right: 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.name-NewspaperDt_Column {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.name-NewspaperDt_Column > * {
margin-right: 2%;
}
.name-NewspaperDt_Column > * {
width: 49%;
}
.name-NewspaperDt_Column > *:nth-child(2n) {
margin-right: 0;
}
.name-NewspaperDt_Column > * {
border-radius: 10px;
}  .nameDays-Container {
padding-bottom: 40px;
color: #fff;
background-image: url(//kanrekiiwai.biz/wp/img/name/wine/days/bg01.png);
background-size: 15px;
font-size: 16px;
font-size: 1.6rem;
}
.nameDays-Container a {
color: #fff;
text-decoration: underline;
}
.nameDays-Container a:hover {
text-decoration: none;
}
.nameDays-Container ul {
padding-left: 0;
list-style: none;
}
.nameDays-Heading2 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding-top: 8px;
padding-right: 24px;
padding-bottom: 8px;
padding-left: 24px;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
color: #fff; background: #ba741c;  background: -webkit-linear-gradient(left, #ba741c 0%, #c7966d 25%, #ba741c 50%, #c7966d 75%, #ba741c 100%); background: -webkit-gradient(linear, left top, right top, from(#ba741c), color-stop(25%, #c7966d), color-stop(50%, #ba741c), color-stop(75%, #c7966d), to(#ba741c));
background: linear-gradient(to right, #ba741c 0%, #c7966d 25%, #ba741c 50%, #c7966d 75%, #ba741c 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ba741c", endColorstr="#ba741c",GradientType=1 ); }
.nameDays-Heading2 > * {
margin-right: 2%;
}
.nameDays-Heading2_Text {
line-height: 1.4;
}
.nameDays-Heading2_Text > * {
display: block;
}
.nameDays-Heading2_Num {
width: 80px;
font-style: italic;
font-weight: normal;
color: #d7a63a;
}
.nameDays-Heading2_Text {
width: calc(100% - 80px - 2%);
margin-right: 0;
}
.nameDays-Heading2_Small {
font-size: 18px;
font-size: 1.8rem;
}
.nameDays-Heading2_Large {
font-size: 34px;
font-size: 3.4rem;
}
.nameDays-Heading2_Large br {
display: none;
} .nameDays-Menu {
width: 94%;
margin-top: 3%;
margin-right: auto;
margin-bottom: 40px;
margin-left: auto;
padding-top: 24px;
padding-right: 3%;
padding-bottom: 50px;
padding-left: 3%;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
text-align: center;
color: #fff;
background-image: url(//kanrekiiwai.biz/wp/img/name/wine/days/image_dec-tl.png), url(//kanrekiiwai.biz/wp/img/name/wine/days/image_dec-tr.png), url(//kanrekiiwai.biz/wp/img/name/wine/days/image_dec-bl.png), url(//kanrekiiwai.biz/wp/img/name/wine/days/image_dec-br.png);
background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
background-position: top 10px left 10px, top 10px right 10px, bottom 10px left 10px, bottom 10px right 10px;
background-size: 70px, 70px, 70px, 70px;
background-color: #400f08;
}
.nameDays-Menu ul > * {
font-size: 16px;
font-size: 1.6rem;
}
.nameDays-Menu ul > * img {
margin-bottom: 16px;
}
.nameDays-Menu ul > *:nth-child(-n+2) {
margin-bottom: 24px;
}
.nameDays-Menu h3 {
font-size: 20px;
font-size: 2rem;
letter-spacing: 0.05em;
}
.nameDays-Menu h3 br {
display: none;
}
.nameDays-Menu_Title {
margin-bottom: 32px;
font-size: 46px;
font-size: 4.6rem;
line-height: 1;
}
.nameDays-Menu_Title span {
margin-right: 0.2em;
font-size: 70px;
font-size: 7rem;
font-style: italic;
color: #d7a63a;
} .nameDays-Label {
width: 94%;
margin-right: auto;
margin-bottom: 80px;
margin-left: auto;
color: #fff;
}
.nameDays-Label_LeadText {
width: 90%;
margin-top: 16px;
margin-right: auto;
margin-bottom: 40px;
margin-left: auto;
}
.nameDays-Label_LeadText > * {
margin-bottom: 1em;
}
.nameDays-Label_LeadText > *:last-child {
margin-bottom: 0;
}
.nameDays-Label_Info {
position: relative;
margin-bottom: 40px;
font-size: 14px;
font-size: 1.4rem;
}
.nameDays-Label_Info > *:first-child {
margin-bottom: 56px;
}
.nameDays-Label_Info h3 {
font-size: 26px;
font-size: 2.6rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
line-height: 2.5;
text-align: center;
color: #fff;
background-color: #9f1000;
border-top: 1px solid #c69c6d;
border-bottom: 1px solid #c69c6d;
}
.nameDays-Label_Wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.nameDays-Label_Wrap > * {
margin-right: 2%;
}
.nameDays-Label_Wrap > * {
width: 49%;
}
.nameDays-Label_Wrap > *:nth-child(2n) {
margin-right: 0;
}
.nameDays-Label_InfoText01,
.nameDays-Label_InfoText02,
.nameDays-Label_InfoText03,
.nameDays-Label_InfoText04 {
margin-top: 1em;
margin-bottom: 2em;
margin-left: 60px;
}
.nameDays-Label_InfoText04 {
margin-bottom: 0;
}
.nameDays-Label_Sample > *:first-child {
margin-bottom: 40px;
}
.nameDays-Label_Sample h4 {
font-size: 26px;
font-size: 2.6rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
line-height: 2.5;
text-align: center;
color: #fff;
background-color: #9f1000;
border-top: 1px solid #c69c6d;
border-bottom: 1px solid #c69c6d;
}
.nameDays-Label_SampleList {
margin-bottom: 32px;
padding-left: 0;
text-align: center;
}
.nameDays-Label_SampleList > * {
width: 49%;
}
.nameDays-Label_SampleList > *:nth-child(2n) {
margin-right: 0;
}
.nameDays-Label_SampleList h5 {
margin-bottom: 32px;
padding-top: 8px;
padding-bottom: 8px;
font-size: 20px;
font-size: 2rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
letter-spacing: 0.05em;
text-align: center;
background-color: #400f08;
}
.nameDays-Label_SampleList h5 span {
display: block;
font-size: 14px;
font-size: 1.4rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
font-style: italic;
text-align: center;
color: #c69c6d;
}
.nameDays-Label_SampleList > * {
text-align: left;
}
.nameDays-Label_SampleList > * .nameDays-Label_SampleImg {
margin-bottom: 16px;
}
.nameDays-Label_SampleText {
margin-top: 2em;
text-align: left;
} .nameDays-Newspaper {
width: 94%;
margin-right: auto;
margin-bottom: 80px;
margin-left: auto;
}
.nameDays-Newspaper h3 {
width: 90%;
margin-top: 56px;
margin-right: auto;
margin-bottom: 40px;
margin-left: auto;
padding-top: 0.2em;
padding-bottom: 0.2em;
background-color: #400f08;
font-size: 26px;
font-size: 2.6rem;
font-weight: 700;
letter-spacing: 0.2em;
text-align: center;
color: #fff;
}
.nameDays-Newspaper h4 {
font-size: 22px;
font-size: 2.2rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
font-weight: 700;
margin-bottom: 8px;
}
.nameDays-Newspaper_Sample {
margin-top: 24px;
margin-right: auto;
margin-bottom: 56px;
margin-left: auto;
padding-left: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.nameDays-Newspaper_Sample > * {
margin-right: 2%;
}
.nameDays-Newspaper_Sample > * {
width: 47.5%;
}
.nameDays-Newspaper_Sample > *:first-child {
margin-right: 5%;
}
.nameDays-Newspaper_Sample > *:last-child {
margin-right: 0;
}
.nameDays-Newspaper_Sample p {
margin-top: 16px;
}
.nameDays-Newspaper_SampleTitle {
text-align: center;
}
.nameDays-Newspaper_SampleTitle span {
display: block;
color: #fff;
}
.nameDays-Newspaper_SampleTitle span:first-child {
margin-bottom: 10px;
font-size: 24px;
font-size: 2.4rem;
letter-spacing: 0.1em;
}
.nameDays-Newspaper_SampleTitle span:last-child {
margin-bottom: 10px;
padding-top: 0.5em;
padding-bottom: 0.5em;
border-radius: 3px;
font-size: 20px;
font-size: 2rem;
background-color: #400f08;
}
.nameDays-Newspaper_Detail {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
width: 90%;
margin-right: auto;
margin-bottom: 56px;
margin-left: auto;
}
.nameDays-Newspaper_Detail > * {
margin-right: 2%;
}
.nameDays-Newspaper_Detail > *:first-child {
width: 48%;
margin-right: 4%;
}
.nameDays-Newspaper_Detail > *:last-child {
width: 48%;
margin-right: 0;
}
.nameDays-Newspaper_Detail h4 span {
display: inline-block;
width: 1.5em;
margin-right: 0.5em;
line-height: 1.5;
text-align: center;
border-radius: 50%;
color: #fff;
background-color: #400f08;
}
.nameDays-Newspaper_Detail ul > * {
margin-bottom: 16px;
}
.nameDays-Newspaper_Detail ul > *:last-child {
margin-bottom: 0;
}
.nameDays-Newspaper_Info p {
margin-top: 16px;
}
.nameDays-Newspaper_Caution {
width: 90%;
margin-right: auto;
margin-left: auto;
}
.nameDays-Newspaper_Link {
width: 90%;
margin-right: auto;
margin-bottom: 40px;
margin-left: auto;
border: 3px solid #c59c63;
}
.nameDays-Newspaper_LinkTitle {
margin-bottom: 0;
font-size: 20px;
font-size: 2rem;
font-weight: 700;
line-height: 2.4;
letter-spacing: 0.05em;
text-align: center;
color: #331d00;
background-color: #c59c63;
}
.nameDays-Newspaper_LinkWrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
width: 96%;
margin-top: 24px;
margin-right: auto;
margin-bottom: 24px;
margin-left: auto;
}
.nameDays-Newspaper_LinkWrapper > * {
margin-right: 2%;
}
.nameDays-Newspaper_LinkWrapper > * {
width: 32%;
}
.nameDays-Newspaper_LinkWrapper > *:nth-child(3n) {
margin-right: 0;
}
.nameDays-Newspaper_Wrapping {
margin-right: auto;
margin-bottom: 56px;
margin-left: auto;
}
.nameDays-Newspaper_Wrapping h4 {
margin-bottom: 16px;
font-size: 24px;
font-size: 2.4rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
}
.nameDays-Newspaper_Wrapping img {
border-radius: 10px;
} .nameDays-Np2set_Caution {
border-radius: 10px;
background-color: #fdfaf1;
text-align: center;
color: #333;
overflow: hidden;
}
.nameDays-Np2set_Caution h3 {
width: 100%;
margin-top: 0;
margin-bottom: 24px;
font-size: 26px;
font-size: 2.6rem;
line-height: 2;
text-align: center;
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
background-color: #9f1000;
color: #fff;
}
.nameDays-Np2set_Caution h3 img {
height: 1.3em;
width: auto;
margin-right: 1em;
vertical-align: text-bottom;
}
.nameDays-Np2set_Lead {
margin-bottom: 24px;
font-size: 18px;
font-size: 1.8rem;
}
.nameDays-Np2set_Lead span {
font-size: 28px;
font-size: 2.8rem;
font-weight: 700;
line-height: 1;
}
.nameDays-Np2set_Lead img {
display: block;
width: 20%;
margin-top: 16px;
margin-right: auto;
margin-bottom: 16px;
margin-left: auto;
}
.nameDays-Np2set_Img01 {
width: 85%;
margin-right: auto;
margin-bottom: 40px;
margin-left: auto;
}
.nameDays-Np2set_Girl01 {
display: block;
width: 75%;
margin-right: auto;
margin-bottom: 40px;
margin-left: auto;
}
.nameDays-Np2set_Girl02 {
display: block;
width: 80%;
margin-top: 32px;
margin-right: auto;
margin-left: auto;
}
.nameDays-Np2set_Back p {
display: inline-block;
margin-bottom: 24px;
font-size: 24px;
font-size: 2.4rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
}
.nameDays-Np2set_Back p span {
position: relative;
display: block;
font-size: 28px;
font-size: 2.8rem;
font-weight: 700;
}
.nameDays-Np2set_Back p span:before, .nameDays-Np2set_Back p span:after {
content: "";
position: absolute;
top: 50%;
display: inline-block;
width: 44px;
height: 2px;
background-color: black;
}
.nameDays-Np2set_Back p span:before {
left: -1.5em;
-webkit-transform: rotate(60deg);
transform: rotate(60deg);
}
.nameDays-Np2set_Back p span:after {
right: -1.5em;
-webkit-transform: rotate(-60deg);
transform: rotate(-60deg);
} .nameDays-NpParticular {
width: 90%;
margin-top: 40px;
margin-right: auto;
margin-left: auto;
text-align: left;
color: #333;
background-color: #fdfaf1;
}
.nameDays-NpParticular p {
margin-bottom: 1em;
}
.nameDays-NpParticular .nameDays-NpParticular_Wrapper {
margin-bottom: 24px;
}
.nameDays-NpParticular .nameDays-NpParticular_Wrapper img {
margin-bottom: 16px;
}
.nameDays-NpParticular h5 {
margin-bottom: 8px;
font-size: 18px;
font-size: 1.8rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
}
.nameDays-NpParticular_Heading {
margin-bottom: 8.533%;
text-align: center;
}
.nameDays-NpParticular_Heading img {
display: block;
width: 30%;
margin-right: auto;
margin-bottom: 8px;
margin-left: auto;
}
.nameDays-NpParticular_Heading h4 {
position: relative;
padding-bottom: 16px;
font-size: 27px;
font-size: 2.7rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
letter-spacing: 0.1em;
text-align: center;
}
.nameDays-NpParticular_Heading h4::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 7px;
background: -webkit-repeating-linear-gradient(-45deg, #9f1000, #9f1000 2px, #fdfaf1 2px, #fdfaf1 4px);
background: -webkit-repeating-linear-gradient(135deg, #9f1000, #9f1000 2px, #fff 2px, #fdfaf1 4px);
background: repeating-linear-gradient(-45deg, #9f1000, #9f1000 2px, #fff 2px, #fdfaf1 4px);
}
.nameDays-NpParticular_Heading h4 span {
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
font-size: 34px;
font-size: 3.4rem;
color: #9f1000;
}
.nameDays-NpParticular_Catch {
position: relative;
display: inline-block;
padding: 0 2.5em;
font-size: 20px;
font-size: 2rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
}
.nameDays-NpParticular_Catch::before, .nameDays-NpParticular_Catch::after {
content: "";
position: absolute;
top: 50%;
display: inline-block;
width: 1.5em;
height: 1px;
background-color: black;
}
.nameDays-NpParticular_Catch::before {
left: 0;
-webkit-transform: rotate(60deg);
transform: rotate(60deg);
}
.nameDays-NpParticular_Catch::after {
right: 0;
-webkit-transform: rotate(-60deg);
transform: rotate(-60deg);
}
.nameDays-NpParticular_Wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.nameDays-NpParticular_Wrapper > * {
margin-right: 2%;
}
.nameDays-NpParticular_Wrapper > *:first-child {
width: 55%;
margin-right: 4%;
}
.nameDays-NpParticular_Wrapper > *:last-child {
width: 41%;
margin-right: 0;
}
.nameDays-NpParticular_Wrapper img {
border: 1px solid #ccc;
} .nameDays-Wrapping {
width: 94%;
margin-right: auto;
margin-bottom: 80px;
margin-left: auto;
}
.nameDays-Wrapping .nameDays-Wrapping_MainImg {
margin-bottom: 2%;
}
.nameDays-Wrapping .nameDays-Wrapping_LeadText {
width: 90%;
margin-right: auto;
margin-bottom: 40px;
margin-left: auto;
}
.nameDays-Wrapping .nameDays-Wrapping_LeadText > * {
margin-bottom: 1em;
}
.nameDays-Wrapping .nameDays-Wrapping_LeadText > *:last-child {
margin-bottom: 0;
}
.nameDays-Wrapping .nameDays-Wrapping_LeadText ul {
margin-left: 1em;
list-style: disc;
list-style-position: outside;
}
.nameDays-Wrapping .nameDays-Wrapping_LeadText ul > * {
margin-bottom: 1em;
}
.nameDays-Wrapping .nameDays-Wrapping_LeadText ul > *:last-child {
margin-bottom: 0;
}
.nameDays-Wrapping .nameDays-Wrapping_SubImg {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
margin-bottom: 40px;
}
.nameDays-Wrapping .nameDays-Wrapping_SubImg > * {
margin-right: 2%;
}
.nameDays-Wrapping .nameDays-Wrapping_SubImg > * {
width: 49%;
}
.nameDays-Wrapping .nameDays-Wrapping_SubImg > *:nth-child(2n) {
margin-right: 0;
}
.nameDays-Wrapping .nameDays-Wrapping_SubImg img {
border-radius: 10px;
}
.nameDays-Wrapping .nameDays-Wrapping_SubImg figcaption {
margin-top: 1em;
text-align: center;
}
.nameDays-Wrapping .nameDays-Wrapping_Service ul {
width: 90%;
margin-right: auto;
margin-left: auto;
list-style: disc;
}
.nameDays-Wrapping .nameDays-Wrapping_Service > *:first-child h3 {
margin-top: 40px;
margin-bottom: 40px;
}
.nameDays-Wrapping .nameDays-Wrapping_Service > *:last-child h3 {
margin-bottom: 16px;
}
.nameDays-Wrapping .nameDays-Wrapping_Service div {
margin-bottom: 56px;
}
.nameDays-Wrapping .nameDays-Wrapping_Service h3 {
font-size: 28px;
font-size: 2.8rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
text-align: center;
}
.nameDays-Wrapping .nameDays-Wrapping_Service figure {
margin-bottom: 24px;
}
.nameDays-Wrapping_Full {
overflow: hidden;
padding-bottom: 80px;
background-image: url(//kanrekiiwai.biz/wp/img/name/wine/days/image_dec-tl.png), url(//kanrekiiwai.biz/wp/img/name/wine/days/image_dec-tr.png), url(//kanrekiiwai.biz/wp/img/name/wine/days/image_dec-bl.png), url(//kanrekiiwai.biz/wp/img/name/wine/days/image_dec-br.png);
background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
background-position: top 10px left 10px, top 10px right 10px, bottom 10px left 10px, bottom 10px right 10px;
background-size: 70px, 70px, 70px, 70px;
background-color: #400f08;
}
.nameDays-Wrapping_Full h4 {
width: 60%;
margin-top: 40px;
margin-right: auto;
margin-bottom: 40px;
margin-left: auto;
padding-bottom: 20px;
border-bottom: 1px solid rgba(255, 255, 255, 0.9);
font-size: 24px;
font-size: 2.4rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
text-align: center;
letter-spacing: 0.1em;
} .nameDays-Wine {
width: 94%;
margin-right: auto;
margin-bottom: 80px;
margin-left: auto;
}
.nameDays-Wine h3 {
margin-bottom: 8px;
font-size: 30px;
font-size: 3rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
}
.nameDays-Wine h3 .nameDays-Wine_Type-red {
color: #c8300d;
}
.nameDays-Wine h3 .nameDays-Wine_Type-white {
color: #5e7846;
}
.nameDays-Wine .nameDays-Wine_Taste {
font-size: 16px;
font-size: 1.6rem;
}
.nameDays-Wine ul {
margin-top: 40px;
}
.nameDays-Wine ul > * {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
margin-bottom: 24px;
padding: 1em;
border-radius: 10px;
background-color: rgba(64, 15, 8, 0.8);
}
.nameDays-Wine ul > * > * {
margin-right: 2%;
}
.nameDays-Wine ul > * figure {
width: 40%;
margin-right: 4%;
}
.nameDays-Wine ul > * .nameDays-Wine_Text {
width: 56%;
margin-right: 0;
}
.nameDays-Wine ul > * .nameDays-Wine_Text h4 {
margin-bottom: 16px;
padding-top: 16px;
padding-bottom: 16px;
border-top: 1px solid rgba(255, 255, 255, 0.2);
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.nameDays-Wine ul > * .nameDays-Wine_Text p {
margin-bottom: 1em;
font-size: 14px;
font-size: 1.4rem;
}
.nameDays-Wine ul > * .nameDays-Wine_Text > *:last-child {
margin-bottom: 0;
}
.nameDays-Wine ul > *:last-child {
margin-bottom: 0;
}
.nameDays-Wine_MainImg {
margin-bottom: 24px;
}
.nameDays-Wine_LeadText,
.nameDays-Wine_TypeText {
width: 94%;
margin-top: 1em;
margin-right: auto;
margin-bottom: 4em;
margin-left: auto;
}
.nameDays-Winary {
width: 90%;
margin-right: auto;
margin-left: auto;
}
.nameDays-Winary h3 {
margin-bottom: 16px;
font-size: 20px;
font-size: 2rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
line-height: 2.4;
text-align: center;
color: #fff;
background-color: rgba(255, 255, 255, 0.1);
}
.nameDays-Winary figure {
margin-bottom: 8px;
text-align: center;
}
.nameDays-Winary figure figcaption {
margin-top: 0.5em;
} .nameDays-Chanko {
position: relative;
}
.nameDays-Chanko_Wrapper {
position: absolute;
top: 15.8%;
left: 4%;
width: 94%;
line-height: 1.4;
} .nameDays-Review {
width: 94%;
margin-right: auto;
margin-bottom: 56px;
margin-left: auto;
}
.nameDays-Review:last-child {
margin-bottom: 0;
}
.nameDays-Review h3 {
margin-bottom: 40px;
font-size: 26px;
font-size: 2.6rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
line-height: 2.5;
text-align: center;
color: #fff;
background-color: #9f1000;
border-top: 1px solid #c69c6d;
border-bottom: 1px solid #c69c6d;
}
.nameDays-Review_Box {
margin-right: auto;
margin-bottom: 24px;
margin-left: auto;
padding: 2em;
color: #333;
background-color: #F5ECC5;
}
.nameDays-Review_Heading {
margin-bottom: 1em;
font-size: 18px;
font-size: 1.8rem;
}
.nameDays-Review_Star {
margin-left: 1em;
margin-right: 0.5em;
color: #efa845;
} .nameDays-Delivery {
width: 94%;
margin-right: auto;
margin-left: auto;
padding-top: 16px;
padding-bottom: 40px;
color: #333;
background-color: #f5f5f5;
}
.nameDays-Delivery h3 {
width: 90%;
margin-right: auto;
margin-bottom: 40px;
margin-left: auto;
padding-top: 0.5em;
padding-bottom: 0.5em;
font-size: 24px;
font-size: 2.4rem;
letter-spacing: 0.1em;
text-align: center;
color: #fff;
background-color: #111;
}
.nameDays-Delivery h4 {
margin-bottom: 24px;
font-size: 28px;
font-size: 2.8rem;
line-height: 1.4;
}
.nameDays-Delivery h4 strong {
font-size: 38px;
font-size: 3.8rem;
}
.nameDays-Delivery strong {
color: #9f1000;
}
.nameDays-Delivery_Text {
width: 80%;
margin-right: auto;
margin-left: auto;
}
.nameDays-Delivery_Text > * {
margin-bottom: 1em;
}
.nameDays-Delivery_Text ul {
list-style: disc outside;
}
.nameDays-Delivery_Text ul > * {
margin-bottom: 1em;
}
.nameDays-Step {
margin-top: 40px;
margin-bottom: 40px;
list-style: none !important;
}
.nameDays-Step span {
display: block;
margin-top: 16px;
margin-bottom: 16px;
text-align: center;
}
.nameDays-Step_Title {
margin-bottom: 1em;
}
.nameDays-Step_Box {
border: 1px solid #e1d8b7;
}
.nameDays-Step_Box > * {
margin-bottom: 1em;
}
.nameDays-Step_Box > *:first-child {
text-align: center;
line-height: 2.5;
color: #333;
background-color: #e1d8b7;
}
.nameDays-Step_Box > *:nth-child(n+2) {
width: 90%;
margin-right: auto;
margin-left: auto;
}
.nameDays-Hurry {
width: 90%;
margin-right: auto;
margin-left: auto;
font-size: 20px;
font-size: 2rem;
text-align: center;
}
.nameDays-Hurry strong {
margin-left: 5px;
font-size: 30px;
font-size: 3rem;
border-bottom: 3px solid;
}
.nameDays-Hurry > * {
margin-bottom: 24px;
}
.nameDays-Hurry_Title {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
margin-bottom: 40px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
text-align: left;
}
.nameDays-Hurry_Title > * {
margin-right: 2%;
}
.nameDays-Hurry_Title img {
width: 18%;
margin-right: 16px;
}
.nameDays-Hurry_Title p {
width: calc(82% - 16px);
margin-right: 0;
line-height: 1.3;
font-size: 30px;
font-size: 3rem;
font-weight: 700;
}
.nameDays-Hurry_Title p span {
font-size: 40px;
font-size: 4rem;
color: #9f1000;
}
.nameDays-Hurry_MainImg {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
width: 80%;
margin-right: auto;
margin-bottom: 40px;
margin-left: auto;
}
.nameDays-Hurry_MainImg > * {
margin-right: 2%;
}
.nameDays-Hurry_MainImg > * {
width: calc((100% - 32px) / 2);
}
.nameDays-Hurry_MainImg > *:first-child {
margin-right: 32px;
}
.nameDays-Hurry_MainImg > *:last-child {
margin-right: 0;
}
.nameDays-Hurry_Text {
margin-bottom: 40px;
font-size: 26px;
font-size: 2.6rem;
text-align: center;
font-weight: 700;
}
.nameDays-Hurry_Text span {
font-size: 32px;
font-size: 3.2rem;
color: #9f1000;
}
.nameDays-Hurry_Text br {
display: none;
}
.nameDays-Hurry_Link {
margin-bottom: 40px;
text-align: center;
}
.nameDays-Contact {
width: 90%;
margin-right: auto;
margin-left: auto;
}
.nameDays-Contact h4 {
margin-bottom: 1em;
font-size: 16px;
font-size: 1.6rem;
}
.nameDays-Contact_Wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding-right: 8px;
padding-top: 8px;
padding-left: 8px;
padding-bottom: 8px;
background-color: #e1d8b7;
}
.nameDays-Contact_Wrapper > * {
margin-right: 2%;
}
.nameDays-Contact_Wrapper figure {
display: inline-block;
}
.nameDays-Contact_Wrapper figure img {
margin-right: 8px;
width: 3em;
}
.nameDays-Contact_Wrapper p {
display: inline-block;
vertical-align: middle;
}
.nameDays-Contact_Wrapper:first-of-type {
margin-bottom: 40px;
}
.nameDays-Contact_Tel {
width: 48%;
margin-right: 4%;
border-right: 1px solid #fff;
}
.nameDays-Contact_Tel p {
font-size: 24px;
font-size: 2.4rem;
line-height: 1;
}
.nameDays-Contact_Fax {
width: 48%;
margin-right: 0;
}
.nameDays-Contact_Btn {
text-align: center;
}
.nameDays-Contact_Btn img {
width: 90%;
}
.nameDays-Contact_Airplane figure {
width: 3em;
margin-right: 16px;
}
.nameDays-Contact_Airplane p {
width: calc(100% - 3em - 16px);
margin-right: 0;
font-size: 20px;
font-size: 2rem;
}
.nameDays-Contact_Airplane p span {
display: block;
font-size: 13px;
font-size: 1.3rem;
} .nameDays-Chanko {
width: 94%;
margin-right: auto;
margin-bottom: 80px;
margin-left: auto;
}
.nameDays-Chanko h3 {
font-size: 26px;
font-size: 2.6rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
line-height: 2.5;
text-align: center;
color: #fff;
background-color: #9f1000;
border-top: 1px solid #c69c6d;
border-bottom: 1px solid #c69c6d;
}
.nameDays-Chanko img {
border-radius: 10px;
}
.nameDays-Chanko_LeadText {
width: 94%;
margin-top: 1em;
margin-right: auto;
margin-bottom: 1em;
margin-left: auto;
} .nameDays-Others {
padding-top: 24px;
padding-bottom: 24px;
text-align: center;
color: #333;
background-color: #F5ECC5;
}
.nameDays-Others_Title {
margin-bottom: 24px;
font-size: 28px;
font-size: 2.8rem;
font-weight: 700;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
}  .nameLectier-Hero {
margin-bottom: 56px;
}
.nameLectier-Containter {
font-size: 15px;
font-size: 1.5rem;
line-height: 1.8;
color: #3c1e14;
}
.nameLectier-Containter p:lang(en) {
position: relative;
width: 90%;
margin-right: auto;
margin-left: auto;
text-align: center;
}
.nameLectier-Containter p:lang(en) span {
position: relative;
z-index: 2;
display: inline-block;
margin: 0 2.5em;
padding: 0 1em;
background-color: #fff;
text-align: left;
font-size: 30px;
font-size: 3rem;
font-family: "Great Vibes", cursive;
font-style: italic;
text-align: center;
color: rgba(155, 134, 82, 0.5);
}
.nameLectier-Containter p:lang(en)::before {
position: absolute;
top: 50%;
z-index: 1;
content: "";
display: block;
width: 100%;
height: 1px;
background-color: rgba(155, 134, 82, 0.5);
}
.nameLectier-Containter ul {
list-style: none;
}
.nameLectier-Containter h2 {
margin-top: 16px;
margin-bottom: 16px;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
font-size: 43px;
font-size: 4.3rem;
line-height: 1.6;
letter-spacing: 0.05em;
text-align: center;
}
.nameLectier-Containter h2 span {
font-size: 30px;
font-size: 3rem;
letter-spacing: 0.05em;
display: block;
}
.nameLectier-Containter h3 {
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
font-size: 28px;
font-size: 2.8rem;
text-align: center;
letter-spacing: 0.1em;
}
.nameLectier-Text {
width: 90%;
margin-right: auto;
margin-left: auto;
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
text-align: left;
}
.nameLectier-Text > * {
margin-bottom: 1em;
}
.nameLectier-Text > *:last-child {
margin-bottom: 0;
}
.nameLectier-MainImg {
margin-bottom: 24px;
border-radius: 10px 40px;
} .nameLectier-Lead {
position: relative;
margin-bottom: 40px;
}
.nameLectier-Lead h2 {
margin-bottom: 24px;
font-size: 30px;
font-size: 3rem;
text-align: center;
letter-spacing: 0.05em;
}
.nameLectier-Lead h3 {
font-size: 28px;
font-size: 2.8rem;
line-height: 1.8;
text-align: center;
}
.nameLectier-Lead_Text {
line-height: 2.5;
}
.nameLectier-Lead_Icon-top {
display: block;
width: 68px;
margin-right: auto;
margin-bottom: 24px;
margin-left: auto;
}
.nameLectier-Lead_Icon-middle {
display: block;
width: 178px;
margin-right: auto;
margin-bottom: 40px;
margin-left: auto;
} .nameLectier-Menu {
margin-bottom: 80px;
} .nameLectier-Icon_Num {
display: block;
width: 25%;
margin-right: auto;
margin-left: auto;
}
.nameLectier-Border {
margin: 2%;
padding-top: 24px;
padding-bottom: 24px;
border: 1px solid #c3b697;
} .nameLectier-LabelLead,
.nameLectier-NpLead {
width: 90%;
margin-right: auto;
margin-left: auto;
line-height: 2.5;
background-color: #fff;
overflow: hidden;
}
.nameLectier-LabelLead p,
.nameLectier-NpLead p {
width: 88%;
margin-right: auto;
margin-bottom: 1em;
margin-left: auto;
}
.nameLectier-LabelLead p:last-of-type,
.nameLectier-NpLead p:last-of-type {
margin-bottom: 0;
}
.nameLectier-LabelLead_Title,
.nameLectier-NpLead_Title {
width: 94%;
margin-right: auto;
margin-bottom: 16px;
margin-left: auto;
padding-bottom: 16px;
border-bottom: 1px solid #c3b697;
font-size: 20px;
font-size: 2rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
font-weight: 700;
letter-spacing: 0.1em;
text-align: center;
line-height: 1.8;
} .nameLectier-Label {
position: relative;
margin-bottom: 40px;
padding-bottom: 40px;
background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, rgb(255, 255, 255)), color-stop(5%, rgb(239, 236, 232)));
background: -webkit-linear-gradient(rgb(255, 255, 255) 5%, rgb(239, 236, 232) 5%);
background: linear-gradient(rgb(255, 255, 255) 5%, rgb(239, 236, 232) 5%);
}
.nameLectier-Label_TextIcon {
position: absolute;
width: 31%;
top: 0;
left: 3%;
}
.nameLectier-LabelInfo {
width: 90%;
margin-top: 16px;
margin-right: auto;
margin-bottom: 48px;
margin-left: auto;
padding-top: 40px;
padding-right: 56px;
padding-bottom: 40px;
padding-left: 56px;
background-color: #fff;
}
.nameLectier-LabelInfo_Text > * {
margin-bottom: 1em;
}
.nameLectier-LabelInfo_Text > *:last-child {
margin-bottom: 0;
}
.nameLectier-LabelInfo_Catch {
width: 85%;
margin-right: auto;
margin-bottom: 40px;
margin-left: auto;
font-size: 20px;
font-size: 2rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
line-height: 2;
letter-spacing: 0.1em;
}
.nameLectier-LabelInfo_Catch > span {
display: inline-block;
background: -webkit-gradient(linear, left top, left bottom, color-stop(65%, transparent), color-stop(65%, #fff799));
background: -webkit-linear-gradient(transparent 65%, #fff799 65%);
background: linear-gradient(transparent 65%, #fff799 65%);
}
.nameLectier-LabelInfo_Catch > span::before {
content: "";
width: 40px;
height: 40px;
display: inline-block;
position: relative;
top: 8px;
margin-right: 5px;
background-image: url(//kanrekiiwai.biz/wp/img/name/juice/lectier/icon_circle.svg);
background-size: contain;
background-repeat: no-repeat;
}
.nameLectier-LabelInfo_Catch > span em {
font-size: 24px;
font-size: 2.4rem;
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 700;
}
.nameLectier-LabelInfo_Text {
margin-bottom: 16px;
}
.nameLectier-LabelInfo_Catch-red {
font-size: 28px;
font-size: 2.8rem;
font-weight: 700;
font-style: italic;
color: #bd303c;
} .nameLectier-Process {
width: 96%;
margin-right: auto;
margin-left: auto;
padding-top: 24px;
padding-bottom: 40px;
border: 2px solid #3c1e14;
background-color: #fff;
background-image: url(//kanrekiiwai.biz/wp/img/name/juice/lectier/bg_lectier-left.png), url(//kanrekiiwai.biz/wp/img/name/juice/lectier/bg_lectier-right.png);
background-repeat: no-repeat, no-repeat;
background-position: top left, top right;
background-size: 18%;
}
.nameLectier-Process h3 {
margin-top: 24px;
font-size: 34px;
font-size: 3.4rem;
line-height: 1.3;
letter-spacing: 0.1em;
}
.nameLectier-Process h3 span {
display: block;
font-size: 28px;
font-size: 2.8rem;
}
.nameLectier-Process p:lang(en) {
margin-top: 0.5em;
}
.nameLectier-Process p:lang(en) span {
padding-right: 0;
padding-left: 0;
font-size: 28px;
font-size: 2.8rem;
background-color: #fff;
}
.nameLectier-Process p:lang(en)::before {
height: 0;
}
.nameGrape-Process {
background-image: url(//kanrekiiwai.biz/wp/img/name/juice/grape/bg_grape-left.png), url(//kanrekiiwai.biz/wp/img/name/juice/grape/bg_grape-right.png);
background-repeat: no-repeat, no-repeat;
background-position: top left, top right;
background-size: 18%;
}
.nameLectier-Process_MainImg {
width: 70%;
margin-top: 24px;
margin-right: auto;
margin-bottom: 48px;
margin-left: auto;
}
.nameLectier-Process_Ex {
width: 90%;
margin-top: 40px;
margin-right: auto;
margin-left: auto;
font-size: 15px;
font-size: 1.5rem;
background-color: rgb(253, 250, 248);
}
.nameLectier-Process_Ex h4 {
margin-bottom: 32px;
padding-top: 10px;
padding-bottom: 10px;
font-size: 24px;
font-size: 2.4rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
line-height: 2em;
letter-spacing: 0.1em;
background-color: rgb(240, 235, 220);
}
.nameLectier-Process_Ex h4 span {
display: block;
width: 10em;
margin-right: auto;
margin-left: auto;
font-size: inherit;
text-align: right;
}
.nameLectier-Process_Ex > p {
width: 90%;
margin-right: auto;
margin-bottom: 32px;
margin-left: auto;
}
.nameLectier-Process_Ex > img {
display: block;
width: 80%;
margin-right: auto;
margin-bottom: 32px;
margin-left: auto;
border: 1px solid #ccc;
}
.nameLectier-Process_Ex:nth-of-type(1) h4 span {
display: block;
width: 9.7em;
margin-right: auto;
margin-left: auto;
background-image: url(//kanrekiiwai.biz/wp/img/name/juice/lectier/image_number01.png);
background-repeat: no-repeat;
background-size: 1.8em;
background-position: left center;
}
.nameLectier-Process_Ex:nth-of-type(2) h4 span {
display: block;
width: 5.7em;
margin-right: auto;
margin-left: auto;
background-image: url(//kanrekiiwai.biz/wp/img/name/juice/lectier/image_number02.png);
background-repeat: no-repeat;
background-size: 1.8em;
background-position: left center;
}
.nameLectier-Process_Ex:nth-of-type(2) li {
padding-bottom: 16px;
}
.nameLectier-Process_Ex:nth-of-type(3) h4 span {
display: block;
width: 5.7em;
margin-right: auto;
margin-left: auto;
background-image: url(//kanrekiiwai.biz/wp/img/name/juice/lectier/image_number03.png);
background-repeat: no-repeat;
background-size: 1.8em;
background-position: left center;
}
.nameLectier-Process_Ex:nth-of-type(3) li {
padding-bottom: 24px;
}
.nameLectier-Process_Ex:nth-of-type(4) h4 span {
display: block;
width: 7.7em;
margin-right: auto;
margin-left: auto;
background-image: url(//kanrekiiwai.biz/wp/img/name/juice/lectier/image_number04.png);
background-repeat: no-repeat;
background-size: 1.8em;
background-position: left center;
}
.nameLectier-Process_Ex:nth-of-type(4) li {
padding-bottom: 24px;
}
.nameLectier-Process_Ex ul {
margin-right: 1em;
margin-left: 1em;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.nameLectier-Process_Ex ul > * {
margin-right: 2%;
}
.nameLectier-Process_Ex ul > * {
width: 49%;
}
.nameLectier-Process_Ex ul > *:nth-child(2n) {
margin-right: 0;
}
.nameLectier-Process_Ex ul li {
margin-bottom: 16px;
padding-top: 1em;
border: 2px solid #eee;
background-color: #fff;
}
.nameLectier-Process_Ex ul p {
width: 11em;
margin-right: auto;
margin-bottom: 1em;
margin-left: auto;
border-radius: 30px;
background-color: #bd303c;
color: #fff;
font-weight: 500;
line-height: 2;
text-align: center;
}
.nameLectier-Process_Ex ul p > span {
display: block;
} .nameLectier-Sample {
margin-top: 56px;
}
.nameLectier-Sample h3 {
margin-top: 0;
}
.nameLectier-Sample h3 span {
position: relative;
display: inline-block;
padding: 0 2.5em;
font-size: 14px;
font-size: 1.4rem;
}
.nameLectier-Sample ul {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.nameLectier-Sample ul > * {
margin-right: 2%;
}
.nameLectier-Sample ul > * {
width: 49%;
}
.nameLectier-Sample ul > *:nth-child(2n) {
margin-right: 0;
}
.nameLectier-Sample li {
margin-bottom: 16px;
}
.nameLectier-Sample li:nth-last-child(-n+2) {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0;
}
.nameLectier-Sample_2set {
margin-top: 56px;
}
.nameLectier-Sample_2set h3 {
margin-top: 0;
}
.nameLectier-Sample_2set h3 span {
position: relative;
display: inline-block;
padding: 0 2.5em;
font-size: 14px;
font-size: 1.4rem;
}
.nameLectier-Sample_2set ul div {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.nameLectier-Sample_2set ul div > * {
margin-right: 2%;
}
.nameLectier-Sample_2set ul div > * {
width: 49%;
}
.nameLectier-Sample_2set ul div > *:nth-child(2n) {
margin-right: 0;
}
.nameLectier-Sample_2set ul li {
margin-bottom: 80px;
}
.nameLectier-Sample_2set ul li:last-child {
margin-bottom: 40px;
}
.nameLectier-Sample_2set .nameLectier-Sample_Title {
margin-top: 16px;
}
.nameLectier-Sample_2set .nameLectier-Sample_Text {
width: 86%;
margin-right: auto;
margin-left: auto;
}
.nameLectier-Sample_Text {
margin-right: 2em;
margin-left: 2em;
}
.nameLectier-Sample_Heading {
width: 90%;
margin-right: auto;
margin-bottom: 32px;
margin-left: auto;
padding-bottom: 16px;
text-align: center;
border-bottom: 1px dashed #3c1e14;
}
.nameLectier-Sample_Heading img {
display: block;
width: 40%;
margin-right: auto;
margin-bottom: 0.5em;
margin-left: auto;
}
.nameLectier-Sample_Heading .nameLectier-Heading3 {
margin-top: 0.5em;
margin-bottom: 24px;
font-size: 32px;
font-size: 3.2rem;
}
.nameLectier-Sample_Catch {
position: relative;
display: inline-block;
margin-bottom: 8px;
padding-right: 2.5em;
padding-left: 2.5em;
font-size: 20px;
font-size: 2rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
}
.nameLectier-Sample_Catch::before, .nameLectier-Sample_Catch::after {
content: "";
position: absolute;
top: 50%;
display: inline-block;
width: 1.5em;
height: 1px;
background-color: black;
}
.nameLectier-Sample_Catch::before {
left: 0;
-webkit-transform: rotate(60deg);
transform: rotate(60deg);
}
.nameLectier-Sample_Catch::after {
right: 0;
-webkit-transform: rotate(-60deg);
transform: rotate(-60deg);
}
.nameLectier-Sample_Num {
display: block;
width: 10em;
margin-right: auto;
margin-bottom: 16px;
margin-left: auto;
border-radius: 30px;
font-size: 15px;
font-size: 1.5rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
font-style: italic;
text-align: center;
line-height: 2.4;
background-color: #3c1e14;
color: #fff;
}
.nameLectier-Sample_Title {
width: 86%;
margin-top: 8px;
margin-right: auto;
margin-bottom: 16px;
margin-left: auto;
font-size: 20px;
font-size: 2rem;
font-weight: 700;
letter-spacing: 0.05em;
line-height: 2;
text-align: center;
background-color: rgb(245, 245, 245);
} .nameLectier-Np {
position: relative;
margin-bottom: 40px;
padding-top: 40px;
overflow: hidden;
background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, rgb(255, 255, 255)), color-stop(10%, rgb(235, 235, 235)));
background: -webkit-linear-gradient(rgb(255, 255, 255) 10%, rgb(235, 235, 235) 10%);
background: linear-gradient(rgb(255, 255, 255) 10%, rgb(235, 235, 235) 10%);
}
.nameLectier-Np_TextIcon {
position: absolute;
top: 4px;
right: 2%;
width: 29%;
}
.nameLectier-Np_Mark {
border-radius: 50%;
background-color: #bf303c;
color: #fff;
}
.nameLectier-NpLead {
margin-bottom: 56px;
}
.nameLectier-NpDetail {
position: relative;
width: 90%;
margin-right: auto;
margin-bottom: 64px;
margin-left: auto;
padding-top: 56px;
padding-right: 3%;
padding-bottom: 16px;
padding-left: 3%;
background-color: #fff;
}
.nameLectier-NpDetail::before {
position: absolute;
content: "";
top: -20px;
left: 0;
width: 100%;
height: 20px;
background: -webkit-linear-gradient(45deg, #fff 10px, transparent 0), -webkit-linear-gradient(135deg, #fff 10px, transparent 0);
background: linear-gradient(45deg, #fff 10px, transparent 0), linear-gradient(315deg, #fff 10px, transparent 0);
background-size: 20px 20px;
}
.nameLectier-NpDetail::after {
position: absolute;
content: "";
left: 0;
width: 100%;
height: 20px;
bottom: -20px;
background: -webkit-linear-gradient(315deg, #fff 10px, transparent 0), -webkit-linear-gradient(225deg, #fff 10px, transparent 0);
background: linear-gradient(135deg, #fff 10px, transparent 0), linear-gradient(225deg, #fff 10px, transparent 0);
background-size: 20px 20px;
}
.nameLectier-NpDetail p:lang(en) span {
font-size: 18px;
font-size: 1.8rem;
background-color: #fff;
}
.nameLectier-NpDetail h3 {
position: relative;
margin-top: 48px;
margin-bottom: 16px;
font-size: 32px;
font-size: 3.2rem;
}
.nameLectier-NpDetail_TextIcon {
position: absolute;
top: 0;
left: 32px;
width: 44%;
-webkit-transform: rotate(-8deg);
transform: rotate(-8deg);
}
.nameLectier-NpDetail_Wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
margin-top: 40px;
margin-right: auto;
margin-bottom: 24px;
margin-left: auto;
}
.nameLectier-NpDetail_Wrapper > * {
margin-right: 2%;
}
.nameLectier-NpDetail_Wrapper > * {
width: 49%;
}
.nameLectier-NpDetail_Wrapper > *:nth-child(2n) {
margin-right: 0;
}
.nameLectier-NpDetail_Wrapper h4 {
text-align: center;
}
.nameLectier-NpDetail_Wrapper p {
margin-bottom: 0;
}
.nameLectier-NpDetail_Wrapper > p {
margin-top: 1em;
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
.nameLectier-NpDetail_Heading {
display: block;
width: 50%;
margin-right: auto;
margin-left: auto;
padding-top: 0.5em;
padding-bottom: 0.5em;
border-radius: 30px;
font-weight: 700;
line-height: 1;
text-align: center;
}
.nameLectier-NpDetail_Title {
margin-top: 4.265%;
margin-bottom: 4.265%;
font-size: 18px;
font-size: 1.8rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
}
.nameLectier-NpDetail_Title span {
display: block;
margin-top: 0.5em;
font-size: 22px;
font-size: 2.2rem;
line-height: 2;
}
.nameLectier-NpDetail_Front .nameLectier-NpDetail_Heading {
background-color: #bf303c;
color: #fff;
}
.nameLectier-NpDetail_Front .nameLectier-NpDetail_Title span {
background-color: #f0cdba;
}
.nameLectier-NpDetail_Back .nameLectier-NpDetail_Heading {
background-color: #bf303c;
color: #fff;
}
.nameLectier-NpDetail_Back .nameLectier-NpDetail_Title span {
background-color: #f0ce77;
}
.nameLectier-NpDetail_Text {
margin-top: 1em;
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
line-height: 1.6;
} .nameLectier-NpParticular p {
margin-bottom: 1em;
}
.nameLectier-NpParticular .nameLectier-NpParticular_Wrapper {
margin-bottom: 24px;
}
.nameLectier-NpParticular .nameLectier-NpParticular_Wrapper img {
margin-bottom: 16px;
}
.nameLectier-NpParticular h5 {
margin-bottom: 8px;
font-size: 18px;
font-size: 1.8rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
}
.nameLectier-NpParticular_Heading {
margin-bottom: 8.533%;
text-align: center;
}
.nameLectier-NpParticular_Heading img {
display: block;
width: 30%;
margin-right: auto;
margin-bottom: 8px;
margin-left: auto;
}
.nameLectier-NpParticular_Heading h4 {
position: relative;
padding-top: 0.3em;
padding-bottom: 16px;
font-size: 27px;
font-size: 2.7rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
letter-spacing: 0.1em;
text-align: center;
}
.nameLectier-NpParticular_Heading h4::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 7px;
background: -webkit-repeating-linear-gradient(-45deg, #bf303c, #bf303c 2px, #fff 2px, #fff 4px);
background: -webkit-repeating-linear-gradient(135deg, #bf303c, #bf303c 2px, #fff 2px, #fff 4px);
background: repeating-linear-gradient(-45deg, #bf303c, #bf303c 2px, #fff 2px, #fff 4px);
}
.nameLectier-NpParticular_Heading h4 span {
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
font-size: 34px;
font-size: 3.4rem;
color: #bf303c;
}
.nameLectier-NpParticular_Catch {
position: relative;
display: inline-block;
padding: 0 2.5em;
font-size: 20px;
font-size: 2rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
}
.nameLectier-NpParticular_Catch::before, .nameLectier-NpParticular_Catch::after {
content: "";
position: absolute;
top: 50%;
display: inline-block;
width: 1.5em;
height: 1px;
background-color: black;
}
.nameLectier-NpParticular_Catch::before {
left: 0;
-webkit-transform: rotate(60deg);
transform: rotate(60deg);
}
.nameLectier-NpParticular_Catch::after {
right: 0;
-webkit-transform: rotate(-60deg);
transform: rotate(-60deg);
}
.nameLectier-NpParticular_Wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.nameLectier-NpParticular_Wrapper > * {
margin-right: 2%;
}
.nameLectier-NpParticular_Wrapper > *:first-child {
width: 55%;
margin-right: 4%;
}
.nameLectier-NpParticular_Wrapper > *:last-child {
width: 41%;
margin-right: 0;
}
.nameLectier-NpParticular_Wrapper img {
border: 1px solid #ccc;
} .nameLectier-NpPoint {
position: relative;
}
.nameLectier-NpPoint figure {
margin-right: 0 !important;
margin-left: 0 !important;
}
.nameLectier-NpPoint_Girl {
position: absolute;
bottom: 0;
left: 80px;
width: 150px;
}
.nameLectier-NpPoint_Text {
margin-right: 5%;
margin-left: 210px;
overflow: hidden;
}
.nameLectier-NpPoint_Text p {
margin-bottom: 3em;
}
.nameLectier-NpPoint_Title {
display: inline-block;
margin-bottom: 0.5em !important;
padding-right: 2em;
padding-left: 2em;
font-size: 14px;
font-size: 1.4rem;
font-weight: 700;
line-height: 2;
border-radius: 32px;
text-align: center;
background-color: #c8300d;
color: #fff;
}
.nameLectier-NpPoint_Lead {
position: relative;
width: 80%;
margin-top: 40px;
margin-right: auto;
margin-bottom: 32px;
margin-left: auto;
padding-top: 35px;
padding-right: 40px;
padding-bottom: 40px;
padding-left: 40px;
background-color: #fff;
}
.nameLectier-NpPoint_Lead p {
line-height: 2;
margin-bottom: 0.5em;
}
.nameLectier-NpPoint_Lead p:first-of-type {
margin-bottom: 1em;
font-size: 20px;
font-size: 2rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
font-weight: 700;
letter-spacing: 0.1em;
text-align: center;
}
.nameLectier-NpPoint_Line-left {
position: absolute;
top: -14px;
left: 16px;
width: 1px;
height: 20%;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.nameLectier-NpPoint_Line-right {
position: absolute;
bottom: -16px;
right: 16px;
width: 1px;
height: 20%;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
} .nameLectier-Lectier_Gallery {
margin-top: 40px;
margin-bottom: 40px;
}
.nameLectier-Lectier_Gallery figcaption {
margin-top: 0.5em;
font-size: 13px;
font-size: 1.3rem;
}
.nameLectier-Lectier {
position: relative;
margin-bottom: 130px;
}
.nameLectier-Lectier_TextIcon {
position: absolute;
top: 0;
right: 2%;
width: 28%;
-webkit-transform: rotate(13deg);
transform: rotate(13deg);
}
.nameLectier-Lectier_Gift {
margin-bottom: 80px;
background-color: #efece8;
overflow: hidden;
}
.nameLectier-Lectier_Gift > div {
margin: 24px;
padding-top: 40px;
padding-right: 80px;
padding-bottom: 48px;
padding-left: 80px;
background-image: url(//kanrekiiwai.biz/wp/img/name/juice/lectier/bg_decoration-top.svg), url(//kanrekiiwai.biz/wp/img/name/juice/lectier/bg_decoration-bottom.svg);
background-repeat: no-repeat, no-repeat;
background-size: 98%, 98%;
background-position: center top 8px, center bottom 8px;
background-color: #fff;
-webkit-filter: drop-shadow(5px 5px 5px #ccc);
filter: drop-shadow(5px 5px 5px #ccc);
}
.nameLectier-Lectier_Gift > div > p {
margin-bottom: 1em;
font-size: 24px;
font-size: 2.4rem;
letter-spacing: 0.1em;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
text-align: center;
}
.nameLectier-Lectier_Gift .nameLectier-Text {
width: 100%;
} .nameLectier-Juice h3 {
margin-bottom: 16px;
font-size: 42px;
font-size: 4.2rem;
}
.nameLectier-Juice h3 span {
display: block;
font-size: 26px;
font-size: 2.6rem;
}
.nameLectier-Juice_Icon-top {
display: block;
width: 72px;
margin-right: auto;
margin-bottom: 24px;
margin-left: auto;
}
.nameLectier-Juice_Icon-text {
display: block;
width: 42%;
margin-right: auto;
margin-bottom: 8px;
margin-left: auto;
} .nameLectier-Wrapping {
margin-bottom: 40px;
}
.nameLectier-Wrapping h2 {
margin-bottom: 56px;
}
.nameLectier-Wrapping_Bag {
position: relative;
margin-top: 40px;
margin-bottom: 40px;
padding-right: 40px;
padding-bottom: 24px;
padding-left: 40px;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1em, rgb(255, 255, 255)), color-stop(1em, rgba(238, 203, 184, 0.4)));
background: -webkit-linear-gradient(rgb(255, 255, 255) 1em, rgba(238, 203, 184, 0.4) 1em);
background: linear-gradient(rgb(255, 255, 255) 1em, rgba(238, 203, 184, 0.4) 1em);
}
.nameLectier-Wrapping_Bag > *:first-child {
display: inline-block;
margin-bottom: 16px;
width: 10em;
border-radius: 30px;
font-weight: 700;
line-height: 2.3;
text-align: center;
letter-spacing: 0.1em;
background-color: #bd303c;
color: #fff;
}
.nameLectier-Wrapping_Bag > *:nth-child(2) {
margin-bottom: 8px;
font-size: 20px;
font-size: 2rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
font-weight: 700;
}
.nameLectier-Wrapping_Bag > *:nth-child(2) span {
display: block;
font-size: 15px;
font-size: 1.5rem;
line-height: 1;
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}
.nameLectier-Wrapping_Bag p {
width: 80%;
}
.nameLectier-Wrapping_Bag img {
position: absolute;
width: 65px;
top: -15px;
right: 55px;
}
.nameLectier-Wrapping_Bag br {
display: none;
}
.nameLectier-WrappingSelect {
margin-top: 40px;
margin-bottom: 80px;
}
.nameLectier-WrappingSelect h3 {
margin-bottom: 24px;
}
.nameLectier-WrappingSelect .nameLectier-Text {
margin-top: 1em;
margin-bottom: 56px;
}
.nameLectier-WrappingSelect ul {
text-indent: -1em;
list-style: disc;
list-style-position: inside;
}
.nameLectier-WrappingSelect li {
margin-left: 1em;
}
.nameLectier-Cardorder {
margin-bottom: 40px;
padding-bottom: 40px;
border: 1px solid #ccc;
}
.nameLectier-Cardorder h4 {
margin-bottom: 40px;
padding: 0.75em 1em;
font-size: 18px;
font-size: 1.8rem;
text-align: center;
letter-spacing: 0.1em;
background-color: #eee;
}
.nameLectier-Cardorder img {
border: 1px solid #ccc;
}
.nameLectier-Cardorder p span {
font-weight: 700;
}
.nameLectier-Cardorder .nameLectier-Cardorder_Wrapper {
width: 80%;
margin-right: auto;
margin-left: auto;
}
.nameLectier-Cardorder .nameLectier-Cardorder_Wrapper > * {
margin-bottom: 16px;
}
.nameLectier-Cardorder .nameLectier-Cardorder_Wrapper > *:last-child {
margin-bottom: 0;
} .nameLectier-Card {
position: relative;
margin-bottom: 40px;
}
.nameLectier-Card h3 {
margin-bottom: 40px;
padding-bottom: 0.5em;
border-bottom: 1px solid #3c1e14;
font-size: 36px;
font-size: 3.6rem;
letter-spacing: 0;
}
.nameLectier-Card h3 span {
color: #bd303c;
}
.nameLectier-Card .nameLectier-Text {
margin-bottom: 40px;
}
.nameLectier-Card ul > li {
margin-bottom: 24px;
text-align: center;
font-size: 18px;
font-size: 1.8rem;
}
.nameLectier-Card ul > li:nth-last-child(-n+2) {
margin-bottom: 0;
}
.nameLectier-Card ul > li > img {
margin-bottom: 1em;
}
.nameLectier-Card_TextIcon {
position: absolute;
width: 51%;
top: 0;
right: 0;
left: 0;
margin-right: auto;
margin-left: auto;
} .nameLectier-Service h3 {
background-color: #ff7b8c;
color: #fff;
font-size: 18px;
font-size: 1.8rem;
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
padding: 0.75em 1em;
text-align: center;
}
.nameLectier-Services_Content {
border: 1px solid #ff7b8c;
padding: 40px 60px;
}
.nameLectier-Services_Content > dl > div:not(:last-child) {
margin-bottom: 1.75em;
}
.nameLectier-Services_Content > dl dt {
font-size: 1.6rem;
font-weight: 700;
margin-bottom: 1.25em;
}
.nameLectier-Services_Content > dl dd {
border: 5px solid #f0f0f0;
margin-left: 0;
padding: 0.75em 1.25em;
} .nameLectier-Delivery {
padding-bottom: 80px;
border: 1px solid #333;
color: #333;
}
.nameLectier-Delivery h2 {
margin-top: 0;
margin-right: auto;
margin-bottom: 40px;
margin-left: auto;
font-size: 18px;
font-size: 1.8rem;
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
text-align: center;
letter-spacing: 0.1em;
padding: 0.75em 1em;
background-color: #333;
color: #fff;
}
.nameLectier-Delivery_Title {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
width: 80%;
margin-right: auto;
margin-bottom: 40px;
margin-left: auto;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.nameLectier-Delivery_Title > * {
margin-right: 2%;
}
.nameLectier-Delivery_Title img {
width: 18%;
margin-right: 16px;
}
.nameLectier-Delivery_Title p {
width: calc(82% - 16px);
margin-right: 0;
line-height: 1.3;
font-size: 30px;
font-size: 3rem;
font-weight: 700;
}
.nameLectier-Delivery_Title p span {
font-size: 40px;
font-size: 4rem;
color: #bf303c;
}
.nameLectier-Delivery_MainImg {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
width: 80%;
margin-right: auto;
margin-bottom: 40px;
margin-left: auto;
}
.nameLectier-Delivery_MainImg > * {
margin-right: 2%;
}
.nameLectier-Delivery_MainImg > * {
width: calc((100% - 32px) / 2);
}
.nameLectier-Delivery_MainImg > *:first-child {
margin-right: 32px;
}
.nameLectier-Delivery_MainImg > *:last-child {
margin-right: 0;
}
.nameLectier-Delivery_Text {
margin-bottom: 40px;
font-size: 26px;
font-size: 2.6rem;
text-align: center;
font-weight: 700;
}
.nameLectier-Delivery_Text span {
font-size: 32px;
font-size: 3.2rem;
color: #bd303c;
}
.nameLectier-Delivery_Text br {
display: none;
}
.nameLectier-Delivery_Link {
display: block;
width: 80%;
margin-right: auto;
margin-left: auto;
padding-top: 1em;
padding-bottom: 1em;
border-radius: 10px;
font-size: 18px;
font-size: 1.8rem;
letter-spacing: 0.1em;
text-align: center;
color: #fff;
background-color: #333;
}
.nameLectier-Delivery_Link:hover {
text-decoration: none;
color: #fff;
background-color: #000;
}
.nameLectier-Tel {
width: 80%;
margin-top: 40px;
margin-right: auto;
margin-bottom: 40px;
margin-left: auto;
padding: 1em;
text-align: center;
background-color: #eee;
}
.nameLectier-Tel small {
display: block;
font-size: 13px;
font-size: 1.3rem;
text-align: center;
}
.nameLectier-Tel_Num {
font-size: 34px;
font-size: 3.4rem;
text-align: center;
font-weight: 700;
}
.nameLectier-Hurry {
width: 90%;
margin-right: auto;
margin-left: auto;
}
.nameLectier-Hurry h3 {
margin-bottom: 16px;
padding-bottom: 0.5em;
border-bottom: 1px solid #3c1e14;
font-size: 20px;
font-size: 2rem;
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
letter-spacing: normal;
}
.nameLectier-Hurry h3 span {
color: #6eb3bd;
}
.nameLectier-Hurry_Text {
width: 90%;
margin-right: auto;
margin-bottom: 40px;
margin-left: auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.nameLectier-Hurry_Text > * {
margin-right: 2%;
}
.nameLectier-Hurry_Text img {
width: 10%;
margin-right: 24px;
}
.nameLectier-Hurry_Text p {
width: calc(90% - 24px);
margin-right: 0;
font-size: 16px;
font-size: 1.6rem;
}
.nameLectier-Hurry_Text span {
display: block;
} .nameLectier-Review ul {
width: 96%;
margin-top: 50px;
margin-right: auto;
margin-bottom: 80px;
margin-left: auto;
}
.nameLectier-Review li {
margin-bottom: 24px;
padding-bottom: 24px;
border-bottom: 1px solid #eee;
}
.nameLectier-Review li > *:first-child {
font-size: 20px;
font-size: 2rem;
}
.nameLectier-Review li > *:first-child span {
font-weight: 700;
background: -webkit-gradient(linear, left top, left bottom, color-stop(65%, transparent), color-stop(65%, #fff799));
background: -webkit-linear-gradient(transparent 65%, #fff799 65%);
background: linear-gradient(transparent 65%, #fff799 65%);
}
.nameLectier-Review li > *:nth-child(2) {
margin-top: 3px;
margin-bottom: 3px;
font-size: 20px;
font-size: 2rem;
letter-spacing: 0.1em;
color: #efa845;
} .nameLectier-Chanko {
margin: 40px 0;
padding: 16px 0;
background-color: #fdfaf1;
}
.nameLectier-Chanko h2 {
margin-top: 8px;
margin-bottom: 0;
line-height: 1.4;
}
.nameLectier-Chanko p:lang(en) {
margin-bottom: 16px;
}
.nameLectier-Chanko p:lang(en) span {
font-size: 24px;
font-size: 2.4rem;
background-color: inherit;
}
.nameLectier-Chanko p:lang(en)::before {
height: 0;
} .nameJuice2set-Containter .nameLectier-Lead_Icon-top {
width: 15%;
}
.nameJuice2set-Containter .nameLectier-Lectier_JuiceIcon {
display: block;
width: 32px;
margin-top: 16px;
margin-right: auto;
margin-bottom: 8px;
margin-left: auto;
}
.nameJuice2set-Containter .nameLectier-JuiceType > *:first-child {
margin-bottom: 40px;
}
.nameLectier-Np2set_Caution {
text-align: center;
}
.nameLectier-Np2set_Caution h3 {
margin-top: 0;
margin-bottom: 24px;
font-size: 26px;
font-size: 2.6rem;
line-height: 2;
text-align: center;
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
background-color: #bf303c;
color: #fff;
}
.nameLectier-Np2set_Caution h3 img {
height: 1.3em;
width: auto;
margin-right: 1em;
vertical-align: text-bottom;
}
.nameLectier-Np2set_Lead {
margin-bottom: 24px;
font-size: 18px;
font-size: 1.8rem;
}
.nameLectier-Np2set_Lead span {
font-size: 28px;
font-size: 2.8rem;
font-weight: 700;
line-height: 1;
}
.nameLectier-Np2set_Lead img {
display: block;
width: 20%;
margin-top: 16px;
margin-right: auto;
margin-bottom: 16px;
margin-left: auto;
}
.nameLectier-Np2set_Img01 {
width: 85%;
margin-right: auto;
margin-bottom: 40px;
margin-left: auto;
}
.nameLectier-Np2set_Girl01 {
display: block;
width: 75%;
margin-right: auto;
margin-bottom: 40px;
margin-left: auto;
}
.nameLectier-Np2set_Girl02 {
display: block;
width: 80%;
margin-top: 32px;
margin-right: auto;
margin-left: auto;
}
.nameLectier-Np2set_Back p {
display: inline-block;
margin-bottom: 24px;
font-size: 24px;
font-size: 2.4rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
}
.nameLectier-Np2set_Back p span {
position: relative;
display: block;
font-size: 28px;
font-size: 2.8rem;
font-weight: 700;
}
.nameLectier-Np2set_Back p span:before, .nameLectier-Np2set_Back p span:after {
content: "";
position: absolute;
top: 50%;
display: inline-block;
width: 44px;
height: 2px;
background-color: black;
}
.nameLectier-Np2set_Back p span:before {
left: -1.5em;
-webkit-transform: rotate(60deg);
transform: rotate(60deg);
}
.nameLectier-Np2set_Back p span:after {
right: -1.5em;
-webkit-transform: rotate(-60deg);
transform: rotate(-60deg);
}  .namePhoto-Container {
padding-bottom: 40px;
color: #fff;
background-image: url(//kanrekiiwai.biz/wp/img/name/wine/photo/bg01.png);
background-repeat: repeat;
font-size: 16px;
font-size: 1.6rem;
}
.namePhoto-Container a {
color: #fff;
text-decoration: underline;
}
.namePhoto-Container a:hover {
text-decoration: none;
}
.namePhoto-Container ul {
padding-left: 0;
list-style: none;
}
.namePhoto-Heading2 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding-top: 8px;
padding-right: 24px;
padding-bottom: 8px;
padding-left: 24px;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
color: #fff; background: #ba741c;  background: -webkit-linear-gradient(left, #ba741c 0%, #c7966d 25%, #ba741c 50%, #c7966d 75%, #ba741c 100%); background: -webkit-gradient(linear, left top, right top, from(#ba741c), color-stop(25%, #c7966d), color-stop(50%, #ba741c), color-stop(75%, #c7966d), to(#ba741c));
background: linear-gradient(to right, #ba741c 0%, #c7966d 25%, #ba741c 50%, #c7966d 75%, #ba741c 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ba741c", endColorstr="#ba741c",GradientType=1 ); }
.namePhoto-Heading2 > * {
margin-right: 2%;
}
.namePhoto-Heading2_Text {
line-height: 1.4;
}
.namePhoto-Heading2_Text > * {
display: block;
}
.namePhoto-Heading2_Num {
width: 80px;
font-style: italic;
font-weight: normal;
color: #d7a63a;
}
.namePhoto-Heading2_Text {
width: calc(100% - 80px - 2%);
margin-right: 0;
}
.namePhoto-Heading2_Small {
font-size: 18px;
font-size: 1.8rem;
}
.namePhoto-Heading2_Large {
font-size: 34px;
font-size: 3.4rem;
}
.namePhoto-Heading2_Large br {
display: none;
} .namePhoto-Menu {
width: 94%;
margin-top: 3%;
margin-right: auto;
margin-bottom: 40px;
margin-left: auto;
padding-top: 24px;
padding-right: 3%;
padding-bottom: 50px;
padding-left: 3%;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
text-align: center;
color: #fff;
background-image: url(//kanrekiiwai.biz/wp/img/name/wine/photo/image_dec-tl.png), url(//kanrekiiwai.biz/wp/img/name/wine/photo/image_dec-tr.png), url(//kanrekiiwai.biz/wp/img/name/wine/photo/image_dec-bl.png), url(//kanrekiiwai.biz/wp/img/name/wine/photo/image_dec-br.png);
background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
background-position: top 10px left 10px, top 10px right 10px, bottom 10px left 10px, bottom 10px right 10px;
background-size: 70px, 70px, 70px, 70px;
background-color: rgba(255, 255, 255, 0.1);
}
.namePhoto-Menu ul > * {
font-size: 16px;
font-size: 1.6rem;
}
.namePhoto-Menu ul > * img {
margin-bottom: 16px;
}
.namePhoto-Menu ul > *:nth-child(-n+2) {
margin-bottom: 24px;
}
.namePhoto-Menu h3 {
font-size: 20px;
font-size: 2rem;
letter-spacing: 0.05em;
}
.namePhoto-Menu h3 br {
display: none;
}
.namePhoto-Menu_Title {
margin-bottom: 32px;
font-size: 46px;
font-size: 4.6rem;
line-height: 1;
}
.namePhoto-Menu_Title span {
margin-right: 0.2em;
font-size: 70px;
font-size: 7rem;
font-style: italic;
color: #d7a63a;
} .namePhoto-Label {
width: 94%;
margin-right: auto;
margin-bottom: 80px;
margin-left: auto;
color: #fff;
}
.namePhoto-Label_LeadText {
width: 90%;
margin-top: 16px;
margin-right: auto;
margin-bottom: 40px;
margin-left: auto;
}
.namePhoto-Label_LeadText > * {
margin-bottom: 1em;
}
.namePhoto-Label_LeadText > *:last-child {
margin-bottom: 0;
}
.namePhoto-Label_Info {
position: relative;
margin-bottom: 40px;
font-size: 14px;
font-size: 1.4rem;
}
.namePhoto-Label_Info > *:first-child {
margin-bottom: 56px;
}
.namePhoto-Label_Info h3 {
font-size: 26px;
font-size: 2.6rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
line-height: 2.5;
text-align: center;
color: #fff;
background-color: rgba(255, 255, 255, 0.1);
border-top: 1px solid rgba(255, 255, 255, 0.3);
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.namePhoto-Label_Wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.namePhoto-Label_Wrap > * {
margin-right: 2%;
}
.namePhoto-Label_Wrap > * {
width: 49%;
}
.namePhoto-Label_Wrap > *:nth-child(2n) {
margin-right: 0;
}
.namePhoto-Label_InfoText01,
.namePhoto-Label_InfoText02,
.namePhoto-Label_InfoText03,
.namePhoto-Label_InfoText04 {
margin-top: 1em;
margin-bottom: 2em;
margin-left: 60px;
}
.namePhoto-Label_InfoText04 {
margin-bottom: 0;
}
.namePhoto-Label_Sample > *:first-child {
margin-bottom: 40px;
}
.namePhoto-Label_Sample h4 {
font-size: 26px;
font-size: 2.6rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
line-height: 2.5;
text-align: center;
color: #fff;
background-color: rgba(255, 255, 255, 0.1);
border-top: 1px solid rgba(255, 255, 255, 0.3);
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.namePhoto-Label_SampleList {
margin-bottom: 32px;
padding-left: 0;
text-align: center;
}
.namePhoto-Label_SampleList > * {
width: 49%;
}
.namePhoto-Label_SampleList > *:nth-child(2n) {
margin-right: 0;
}
.namePhoto-Label_SampleList h5 {
margin-bottom: 32px;
padding-top: 8px;
padding-bottom: 8px;
font-size: 20px;
font-size: 2rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
letter-spacing: 0.05em;
text-align: center;
background-color: rgba(255, 255, 255, 0.1);
}
.namePhoto-Label_SampleList h5 span {
display: block;
font-size: 14px;
font-size: 1.4rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
font-style: italic;
text-align: center;
color: #c69c6d;
}
.namePhoto-Label_SampleList > * {
text-align: left;
}
.namePhoto-Label_SampleList > * .namePhoto-Label_SampleImg {
margin-bottom: 16px;
}
.namePhoto-Label_SampleText {
margin-top: 2em;
text-align: left;
} .namePhoto-Newspaper {
width: 94%;
margin-right: auto;
margin-bottom: 80px;
margin-left: auto;
}
.namePhoto-Newspaper h3 {
width: 90%;
margin-top: 56px;
margin-right: auto;
margin-bottom: 40px;
margin-left: auto;
padding-top: 0.2em;
padding-bottom: 0.2em;
background-color: rgba(255, 255, 255, 0.1);
font-size: 26px;
font-size: 2.6rem;
font-weight: 700;
letter-spacing: 0.2em;
text-align: center;
color: #fff;
}
.namePhoto-Newspaper h4 {
font-size: 22px;
font-size: 2.2rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
font-weight: 700;
margin-bottom: 8px;
}
.namePhoto-Newspaper_Sample {
margin-top: 24px;
margin-right: auto;
margin-bottom: 56px;
margin-left: auto;
padding-left: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.namePhoto-Newspaper_Sample > * {
margin-right: 2%;
}
.namePhoto-Newspaper_Sample > * {
width: 47.5%;
}
.namePhoto-Newspaper_Sample > *:first-child {
margin-right: 5%;
}
.namePhoto-Newspaper_Sample > *:last-child {
margin-right: 0;
}
.namePhoto-Newspaper_Sample p {
margin-top: 16px;
}
.namePhoto-Newspaper_SampleTitle {
text-align: center;
}
.namePhoto-Newspaper_SampleTitle span {
display: block;
color: #fff;
}
.namePhoto-Newspaper_SampleTitle span:first-child {
margin-bottom: 10px;
font-size: 24px;
font-size: 2.4rem;
letter-spacing: 0.1em;
}
.namePhoto-Newspaper_SampleTitle span:last-child {
margin-bottom: 10px;
padding-top: 0.5em;
padding-bottom: 0.5em;
border-radius: 3px;
font-size: 20px;
font-size: 2rem;
background-color: rgba(255, 255, 255, 0.1);
}
.namePhoto-Newspaper_Detail {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
width: 90%;
margin-right: auto;
margin-bottom: 56px;
margin-left: auto;
}
.namePhoto-Newspaper_Detail > * {
margin-right: 2%;
}
.namePhoto-Newspaper_Detail > *:first-child {
width: 48%;
margin-right: 4%;
}
.namePhoto-Newspaper_Detail > *:last-child {
width: 48%;
margin-right: 0;
}
.namePhoto-Newspaper_Detail h4 span {
display: inline-block;
width: 1.5em;
margin-right: 0.5em;
line-height: 1.5;
text-align: center;
border-radius: 50%;
color: #fff;
background-color: rgba(255, 255, 255, 0.1);
}
.namePhoto-Newspaper_Detail ul > * {
margin-bottom: 16px;
}
.namePhoto-Newspaper_Detail ul > *:last-child {
margin-bottom: 0;
}
.namePhoto-Newspaper_Info p {
margin-top: 16px;
}
.namePhoto-Newspaper_Caution {
width: 90%;
margin-right: auto;
margin-left: auto;
}
.namePhoto-Newspaper_Link {
width: 90%;
margin-right: auto;
margin-bottom: 40px;
margin-left: auto;
border: 3px solid #c59c63;
}
.namePhoto-Newspaper_LinkTitle {
margin-bottom: 0;
font-size: 20px;
font-size: 2rem;
font-weight: 700;
line-height: 2.4;
letter-spacing: 0.05em;
text-align: center;
color: #331d00;
background-color: #c59c63;
}
.namePhoto-Newspaper_LinkWrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
width: 96%;
margin-top: 24px;
margin-right: auto;
margin-bottom: 24px;
margin-left: auto;
}
.namePhoto-Newspaper_LinkWrapper > * {
margin-right: 2%;
}
.namePhoto-Newspaper_LinkWrapper > * {
width: 32%;
}
.namePhoto-Newspaper_LinkWrapper > *:nth-child(3n) {
margin-right: 0;
}
.namePhoto-Newspaper_Wrapping {
margin-right: auto;
margin-bottom: 56px;
margin-left: auto;
}
.namePhoto-Newspaper_Wrapping h4 {
margin-bottom: 16px;
font-size: 24px;
font-size: 2.4rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
}
.namePhoto-Newspaper_Wrapping img {
border-radius: 10px;
} .namePhoto-Np2set_Caution {
border-radius: 10px;
background-color: #f5f5f5;
text-align: center;
color: #333;
overflow: hidden;
}
.namePhoto-Np2set_Caution h3 {
width: 100%;
margin-top: 0;
margin-bottom: 24px;
font-size: 26px;
font-size: 2.6rem;
line-height: 2;
text-align: center;
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
background-color: #9f1000;
color: #fff;
}
.namePhoto-Np2set_Caution h3 img {
height: 1.3em;
width: auto;
margin-right: 1em;
vertical-align: text-bottom;
}
.namePhoto-Np2set_Lead {
margin-bottom: 24px;
font-size: 18px;
font-size: 1.8rem;
}
.namePhoto-Np2set_Lead span {
font-size: 28px;
font-size: 2.8rem;
font-weight: 700;
line-height: 1;
}
.namePhoto-Np2set_Lead img {
display: block;
width: 20%;
margin-top: 16px;
margin-right: auto;
margin-bottom: 16px;
margin-left: auto;
}
.namePhoto-Np2set_Img01 {
width: 85%;
margin-right: auto;
margin-bottom: 40px;
margin-left: auto;
}
.namePhoto-Np2set_Girl01 {
display: block;
width: 75%;
margin-right: auto;
margin-bottom: 40px;
margin-left: auto;
}
.namePhoto-Np2set_Girl02 {
display: block;
width: 80%;
margin-top: 32px;
margin-right: auto;
margin-left: auto;
}
.namePhoto-Np2set_Back p {
display: inline-block;
margin-bottom: 24px;
font-size: 24px;
font-size: 2.4rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
}
.namePhoto-Np2set_Back p span {
position: relative;
display: block;
font-size: 28px;
font-size: 2.8rem;
font-weight: 700;
}
.namePhoto-Np2set_Back p span:before, .namePhoto-Np2set_Back p span:after {
content: "";
position: absolute;
top: 50%;
display: inline-block;
width: 44px;
height: 2px;
background-color: black;
}
.namePhoto-Np2set_Back p span:before {
left: -1.5em;
-webkit-transform: rotate(60deg);
transform: rotate(60deg);
}
.namePhoto-Np2set_Back p span:after {
right: -1.5em;
-webkit-transform: rotate(-60deg);
transform: rotate(-60deg);
} .namePhoto-NpParticular {
width: 90%;
margin-top: 40px;
margin-right: auto;
margin-left: auto;
text-align: left;
color: #333;
background-color: #f5f5f5;
}
.namePhoto-NpParticular p {
margin-bottom: 1em;
}
.namePhoto-NpParticular .namePhoto-NpParticular_Wrapper {
margin-bottom: 24px;
}
.namePhoto-NpParticular .namePhoto-NpParticular_Wrapper img {
margin-bottom: 16px;
}
.namePhoto-NpParticular h5 {
margin-bottom: 8px;
font-size: 18px;
font-size: 1.8rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
}
.namePhoto-NpParticular_Heading {
margin-bottom: 8.533%;
text-align: center;
}
.namePhoto-NpParticular_Heading img {
display: block;
width: 30%;
margin-right: auto;
margin-bottom: 8px;
margin-left: auto;
}
.namePhoto-NpParticular_Heading h4 {
position: relative;
padding-bottom: 16px;
font-size: 27px;
font-size: 2.7rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
letter-spacing: 0.1em;
text-align: center;
}
.namePhoto-NpParticular_Heading h4::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 7px;
background: -webkit-repeating-linear-gradient(-45deg, #9f1000, #9f1000 2px, #fff 2px, #fff 4px);
background: -webkit-repeating-linear-gradient(135deg, #9f1000, #9f1000 2px, #fff 2px, #fff 4px);
background: repeating-linear-gradient(-45deg, #9f1000, #9f1000 2px, #fff 2px, #fff 4px);
}
.namePhoto-NpParticular_Heading h4 span {
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
font-size: 34px;
font-size: 3.4rem;
color: #9f1000;
}
.namePhoto-NpParticular_Catch {
position: relative;
display: inline-block;
padding: 0 2.5em;
font-size: 20px;
font-size: 2rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
}
.namePhoto-NpParticular_Catch::before, .namePhoto-NpParticular_Catch::after {
content: "";
position: absolute;
top: 50%;
display: inline-block;
width: 1.5em;
height: 1px;
background-color: black;
}
.namePhoto-NpParticular_Catch::before {
left: 0;
-webkit-transform: rotate(60deg);
transform: rotate(60deg);
}
.namePhoto-NpParticular_Catch::after {
right: 0;
-webkit-transform: rotate(-60deg);
transform: rotate(-60deg);
}
.namePhoto-NpParticular_Wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.namePhoto-NpParticular_Wrapper > * {
margin-right: 2%;
}
.namePhoto-NpParticular_Wrapper > *:first-child {
width: 55%;
margin-right: 4%;
}
.namePhoto-NpParticular_Wrapper > *:last-child {
width: 41%;
margin-right: 0;
}
.namePhoto-NpParticular_Wrapper img {
border: 1px solid #ccc;
} .namePhoto-Wrapping {
width: 94%;
margin-right: auto;
margin-bottom: 80px;
margin-left: auto;
}
.namePhoto-Wrapping .namePhoto-Wrapping_MainImg {
margin-bottom: 2%;
}
.namePhoto-Wrapping .namePhoto-Wrapping_LeadText {
width: 90%;
margin-right: auto;
margin-bottom: 40px;
margin-left: auto;
}
.namePhoto-Wrapping .namePhoto-Wrapping_LeadText > * {
margin-bottom: 1em;
}
.namePhoto-Wrapping .namePhoto-Wrapping_LeadText > *:last-child {
margin-bottom: 0;
}
.namePhoto-Wrapping .namePhoto-Wrapping_LeadText ul {
margin-left: 1em;
list-style: disc;
list-style-position: outside;
}
.namePhoto-Wrapping .namePhoto-Wrapping_LeadText ul > * {
margin-bottom: 1em;
}
.namePhoto-Wrapping .namePhoto-Wrapping_LeadText ul > *:last-child {
margin-bottom: 0;
}
.namePhoto-Wrapping .namePhoto-Wrapping_SubImg {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
margin-bottom: 40px;
}
.namePhoto-Wrapping .namePhoto-Wrapping_SubImg > * {
margin-right: 2%;
}
.namePhoto-Wrapping .namePhoto-Wrapping_SubImg > * {
width: 49%;
}
.namePhoto-Wrapping .namePhoto-Wrapping_SubImg > *:nth-child(2n) {
margin-right: 0;
}
.namePhoto-Wrapping .namePhoto-Wrapping_SubImg img {
border-radius: 10px;
}
.namePhoto-Wrapping .namePhoto-Wrapping_SubImg figcaption {
margin-top: 1em;
text-align: center;
}
.namePhoto-Wrapping .namePhoto-Wrapping_Service ul {
width: 90%;
margin-right: auto;
margin-left: auto;
list-style: disc;
}
.namePhoto-Wrapping .namePhoto-Wrapping_Service > *:first-child h3 {
margin-top: 40px;
margin-bottom: 40px;
}
.namePhoto-Wrapping .namePhoto-Wrapping_Service > *:last-child h3 {
margin-bottom: 16px;
}
.namePhoto-Wrapping .namePhoto-Wrapping_Service div {
margin-bottom: 56px;
}
.namePhoto-Wrapping .namePhoto-Wrapping_Service h3 {
font-size: 28px;
font-size: 2.8rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
text-align: center;
}
.namePhoto-Wrapping .namePhoto-Wrapping_Service figure {
margin-bottom: 24px;
}
.namePhoto-Wrapping_Full {
overflow: hidden;
padding-bottom: 80px;
background-image: url(//kanrekiiwai.biz/wp/img/name/wine/photo/image_dec-tl.png), url(//kanrekiiwai.biz/wp/img/name/wine/photo/image_dec-tr.png), url(//kanrekiiwai.biz/wp/img/name/wine/photo/image_dec-bl.png), url(//kanrekiiwai.biz/wp/img/name/wine/photo/image_dec-br.png);
background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
background-position: top 10px left 10px, top 10px right 10px, bottom 10px left 10px, bottom 10px right 10px;
background-size: 70px, 70px, 70px, 70px;
background-color: #400f08;
}
.namePhoto-Wrapping_Full h4 {
width: 60%;
margin-top: 40px;
margin-right: auto;
margin-bottom: 40px;
margin-left: auto;
padding-bottom: 20px;
border-bottom: 1px solid rgba(255, 255, 255, 0.9);
font-size: 24px;
font-size: 2.4rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
text-align: center;
letter-spacing: 0.1em;
} .namePhoto-Wine {
width: 94%;
margin-right: auto;
margin-bottom: 80px;
margin-left: auto;
}
.namePhoto-Wine h3 {
margin-bottom: 8px;
font-size: 30px;
font-size: 3rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
}
.namePhoto-Wine h3 .namePhoto-Wine_Type-red {
color: #c8300d;
}
.namePhoto-Wine h3 .namePhoto-Wine_Type-white {
color: #5e7846;
}
.namePhoto-Wine .namePhoto-Wine_Taste {
font-size: 16px;
font-size: 1.6rem;
}
.namePhoto-Wine ul {
margin-top: 40px;
}
.namePhoto-Wine ul > * {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
margin-bottom: 24px;
padding: 1em;
border-radius: 10px;
background-color: rgba(255, 255, 255, 0.1);
}
.namePhoto-Wine ul > * > * {
margin-right: 2%;
}
.namePhoto-Wine ul > * figure {
width: 40%;
margin-right: 4%;
}
.namePhoto-Wine ul > * .namePhoto-Wine_Text {
width: 56%;
margin-right: 0;
}
.namePhoto-Wine ul > * .namePhoto-Wine_Text h4 {
margin-bottom: 16px;
padding-top: 16px;
padding-bottom: 16px;
border-top: 1px solid rgba(255, 255, 255, 0.2);
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.namePhoto-Wine ul > * .namePhoto-Wine_Text p {
margin-bottom: 1em;
font-size: 14px;
font-size: 1.4rem;
}
.namePhoto-Wine ul > * .namePhoto-Wine_Text > *:last-child {
margin-bottom: 0;
}
.namePhoto-Wine ul > *:last-child {
margin-bottom: 0;
}
.namePhoto-Wine_MainImg {
margin-bottom: 24px;
}
.namePhoto-Wine_LeadText,
.namePhoto-Wine_TypeText {
width: 94%;
margin-top: 1em;
margin-right: auto;
margin-bottom: 4em;
margin-left: auto;
}
.namePhoto-Winary {
width: 90%;
margin-right: auto;
margin-left: auto;
}
.namePhoto-Winary h3 {
margin-bottom: 16px;
font-size: 20px;
font-size: 2rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
line-height: 2.4;
text-align: center;
color: #fff;
background-color: rgba(255, 255, 255, 0.1);
}
.namePhoto-Winary figure {
margin-bottom: 8px;
text-align: center;
}
.namePhoto-Winary figure figcaption {
margin-top: 0.5em;
} .namePhoto-Chanko {
position: relative;
}
.namePhoto-Chanko_Wrapper {
position: absolute;
top: 15.8%;
left: 4%;
width: 94%;
line-height: 1.4;
} .namePhoto-Review {
width: 94%;
margin-right: auto;
margin-bottom: 56px;
margin-left: auto;
}
.namePhoto-Review:last-child {
margin-bottom: 0;
}
.namePhoto-Review h3 {
margin-bottom: 40px;
font-size: 26px;
font-size: 2.6rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
line-height: 2.5;
text-align: center;
color: #fff;
background-color: rgba(255, 255, 255, 0.1);
border-top: 1px solid rgba(255, 255, 255, 0.3);
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.namePhoto-Review_Box {
margin-right: auto;
margin-bottom: 24px;
margin-left: auto;
padding: 2em;
color: #333;
background-color: #F5ECC5;
}
.namePhoto-Review_Heading {
margin-bottom: 1em;
font-size: 18px;
font-size: 1.8rem;
}
.namePhoto-Review_Star {
margin-left: 1em;
margin-right: 0.5em;
color: #efa845;
} .namePhoto-Delivery {
width: 94%;
margin-right: auto;
margin-left: auto;
padding-top: 16px;
padding-bottom: 40px;
color: #333;
background-color: #f5f5f5;
}
.namePhoto-Delivery h3 {
width: 90%;
margin-right: auto;
margin-bottom: 40px;
margin-left: auto;
padding-top: 0.5em;
padding-bottom: 0.5em;
font-size: 24px;
font-size: 2.4rem;
letter-spacing: 0.1em;
text-align: center;
color: #fff;
background-color: #111;
}
.namePhoto-Delivery h4 {
margin-bottom: 24px;
font-size: 28px;
font-size: 2.8rem;
line-height: 1.4;
}
.namePhoto-Delivery h4 strong {
font-size: 38px;
font-size: 3.8rem;
}
.namePhoto-Delivery strong {
color: #9f1000;
}
.namePhoto-Delivery_Text {
width: 80%;
margin-right: auto;
margin-left: auto;
}
.namePhoto-Delivery_Text > * {
margin-bottom: 1em;
}
.namePhoto-Delivery_Text ul {
list-style: disc outside;
}
.namePhoto-Delivery_Text ul > * {
margin-bottom: 1em;
}
.namePhoto-Step {
margin-top: 40px;
margin-bottom: 40px;
list-style: none !important;
}
.namePhoto-Step span {
display: block;
margin-top: 16px;
margin-bottom: 16px;
text-align: center;
}
.namePhoto-Step_Title {
margin-bottom: 1em;
}
.namePhoto-Step_Box {
border: 1px solid #e1d8b7;
}
.namePhoto-Step_Box > * {
margin-bottom: 1em;
}
.namePhoto-Step_Box > *:first-child {
text-align: center;
line-height: 2.5;
color: #333;
background-color: #e1d8b7;
}
.namePhoto-Step_Box > *:nth-child(n+2) {
width: 90%;
margin-right: auto;
margin-left: auto;
}
.namePhoto-Hurry {
width: 90%;
margin-right: auto;
margin-left: auto;
font-size: 20px;
font-size: 2rem;
text-align: center;
}
.namePhoto-Hurry strong {
margin-left: 5px;
font-size: 30px;
font-size: 3rem;
border-bottom: 3px solid;
}
.namePhoto-Hurry > * {
margin-bottom: 24px;
}
.namePhoto-Hurry_Title {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
margin-bottom: 40px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
text-align: left;
}
.namePhoto-Hurry_Title > * {
margin-right: 2%;
}
.namePhoto-Hurry_Title img {
width: 18%;
margin-right: 16px;
}
.namePhoto-Hurry_Title p {
width: calc(82% - 16px);
margin-right: 0;
line-height: 1.3;
font-size: 30px;
font-size: 3rem;
font-weight: 700;
}
.namePhoto-Hurry_Title p span {
font-size: 40px;
font-size: 4rem;
color: #9f1000;
}
.namePhoto-Hurry_MainImg {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
width: 80%;
margin-right: auto;
margin-bottom: 40px;
margin-left: auto;
}
.namePhoto-Hurry_MainImg > * {
margin-right: 2%;
}
.namePhoto-Hurry_MainImg > * {
width: calc((100% - 32px) / 2);
}
.namePhoto-Hurry_MainImg > *:first-child {
margin-right: 32px;
}
.namePhoto-Hurry_MainImg > *:last-child {
margin-right: 0;
}
.namePhoto-Hurry_Text {
margin-bottom: 40px;
font-size: 26px;
font-size: 2.6rem;
text-align: center;
font-weight: 700;
}
.namePhoto-Hurry_Text span {
font-size: 32px;
font-size: 3.2rem;
color: #9f1000;
}
.namePhoto-Hurry_Text br {
display: none;
}
.namePhoto-Hurry_Link {
margin-bottom: 40px;
text-align: center;
}
.namePhoto-Contact {
width: 90%;
margin-right: auto;
margin-left: auto;
}
.namePhoto-Contact h4 {
margin-bottom: 1em;
font-size: 16px;
font-size: 1.6rem;
}
.namePhoto-Contact_Wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding-right: 8px;
padding-top: 8px;
padding-left: 8px;
padding-bottom: 8px;
background-color: #e1d8b7;
}
.namePhoto-Contact_Wrapper > * {
margin-right: 2%;
}
.namePhoto-Contact_Wrapper figure {
display: inline-block;
}
.namePhoto-Contact_Wrapper figure img {
margin-right: 8px;
width: 3em;
}
.namePhoto-Contact_Wrapper p {
display: inline-block;
vertical-align: middle;
}
.namePhoto-Contact_Wrapper:first-of-type {
margin-bottom: 40px;
}
.namePhoto-Contact_Tel {
width: 48%;
margin-right: 4%;
border-right: 1px solid #fff;
}
.namePhoto-Contact_Tel p {
font-size: 24px;
font-size: 2.4rem;
line-height: 1;
}
.namePhoto-Contact_Fax {
width: 48%;
margin-right: 0;
}
.namePhoto-Contact_Btn {
text-align: center;
}
.namePhoto-Contact_Btn img {
width: 90%;
}
.namePhoto-Contact_Airplane figure {
width: 3em;
margin-right: 16px;
}
.namePhoto-Contact_Airplane p {
width: calc(100% - 3em - 16px);
margin-right: 0;
font-size: 20px;
font-size: 2rem;
}
.namePhoto-Contact_Airplane p span {
display: block;
font-size: 13px;
font-size: 1.3rem;
} .namePhoto-Chanko {
width: 94%;
margin-right: auto;
margin-bottom: 80px;
margin-left: auto;
}
.namePhoto-Chanko h3 {
font-size: 26px;
font-size: 2.6rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
line-height: 2.5;
text-align: center;
color: #fff;
background-color: rgba(255, 255, 255, 0.1);
border-top: 1px solid rgba(255, 255, 255, 0.3);
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.namePhoto-Chanko img {
border-radius: 10px;
}
.namePhoto-Chanko_LeadText {
width: 94%;
margin-top: 1em;
margin-right: auto;
margin-bottom: 1em;
margin-left: auto;
} .namePhoto-Others {
padding-top: 24px;
padding-bottom: 24px;
text-align: center;
color: #333;
background-color: #F5ECC5;
}
.namePhoto-Others_Title {
margin-bottom: 24px;
font-size: 28px;
font-size: 2.8rem;
font-weight: 700;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
}  .nameSake-Container {
width: 640px;
margin-right: auto;
margin-left: auto;
padding-bottom: 40px;
background-image: url(//kanrekiiwai.biz/wp/img/name/sake/bg01.jpg);
}
.nameSake-Container * {
overflow: hidden;
} .nameSake-Lead_TextWrapper {
width: 560px;
margin-right: auto;
margin-left: auto;
padding-top: 24px;
padding-right: 24px;
padding-left: 24px;
background-color: rgba(255, 255, 255, 0.7);
}
.nameSake-Lead_TextWrapper > * {
margin-bottom: 40px;
}
.nameSake-Lead_Title {
margin-bottom: 1em;
font-size: 16px;
font-size: 1.6rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
font-weight: 700;
text-indent: 1em;
border-left: 5px solid #333;
}
.nameSake-SixPoint {
margin-top: 40px;
margin-bottom: 40px;
} .nameSake-Content01 {
margin-bottom: 120px;
}
.nameSake-Content01_Wrapper,
.nameSake-Content02_Wrapper {
position: relative;
}
.nameSake-Content01_Text01 {
position: absolute;
top: 4px;
left: 56px;
line-height: 1.5;
} .nameSake-Content02 {
margin-bottom: 120px;
}
.nameSake-Content02_Text01 {
position: absolute;
top: 8px;
right: 1em;
text-align: right;
line-height: 1.5;
} .nameSake-Content03 {
margin-bottom: 80px;
}
.nameSake-Content03_Box01,
.nameSake-Content03_Box02 {
position: relative;
}
.nameSake-Content03_Box01 {
margin-bottom: 40px;
}
.nameSake-Content03_Wrapper01 {
position: absolute;
top: 0;
left: 1.5em;
width: 260px;
}
.nameSake-Content03_Wrapper01 > * {
margin-bottom: 0.5em;
}
.nameSake-Content03_Wrapper01 > *:last-child {
margin-bottom: 0;
}
.nameSake-Content03_Wrapper02 {
position: absolute;
top: 0;
right: 1em;
width: 250px;
}
.nameSake-Content03_Wrapper02 > * {
margin-bottom: 0.5em;
}
.nameSake-Content03_Wrapper02 > *:last-child {
margin-bottom: 0;
} .nameSake-Content04 {
margin-bottom: 120px;
}
.nameSake-Content04_Wrapper {
width: 585px;
margin-right: auto;
margin-left: auto;
text-align: center;
}
.nameSake-Content04_Button {
padding-top: 24px;
padding-bottom: 24px;
background-image: url(//kanrekiiwai.biz/wp/img/name/sake/bg_delivery01.jpg);
}
.nameSake-Content04_Button a {
display: block;
} .nameSake-Content05 {
margin-bottom: 80px;
}
.nameSake-Content05_Text {
width: 92%;
margin-top: 40px;
margin-right: auto;
margin-left: auto;
padding: 3em;
background-color: rgba(255, 255, 255, 0.7);
}
.nameSake-Content05_Text > * {
margin-bottom: 1em;
}
.nameSake-Content05_Heading {
margin-bottom: 1.5em;
padding-bottom: 1em;
font-size: 18px;
font-size: 1.8rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
font-weight: 700;
text-align: center;
border-bottom: 1px solid #333;
}
.nameSake-Content05_Title {
text-indent: 1em;
line-height: 3;
background-color: #ccc;
} .nameSake-LabelSample {
margin-bottom: 80px;
text-align: center;
} .nameSake-NewsPaper {
width: 92%;
margin-right: auto;
margin-left: auto;
}  .nameShiso {
background: url(//kanrekiiwai.biz/wp/img/name/juice/shiso/img_bg_content.jpg) repeat left top;
margin: 0 auto;
padding-bottom: 27px;
width: 100%;
}
.nameShiso * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #000;
}
.nameShiso p,
.nameShiso ol,
.nameShiso ul,
.nameShiso dl {
font-size: 1.5rem;
line-height: 1.5;
margin: 1em 0;
}
.nameShiso strong {
color: #df1f00;
font-weight: 400;
}
.nameShiso img {
height: auto;
max-width: 100%;
}
.nameShiso .text-center {
text-align: center;
}
.nameShiso .small {
font-size: 1.3rem;
}
.nameShiso .underline {
line-height: 2.5;
margin-bottom: 1.25em;
}
.nameShiso .underline > span {
border-bottom: 1px dashed #000;
padding-bottom: calc(0.75em - 1px);
}
.nameShiso .btn {
background-color: #3e3e3e;
border-radius: 3px;
color: #fff;
display: inline-block;
line-height: 1;
padding: 1em;
text-align: center;
text-decoration: none;
-webkit-transition: 0.2s background;
transition: 0.2s background;
}
.nameShiso .btn:hover {
background-color: #000;
}
.nameShiso .nameShiso-Section_inner a {
color: #0071b5;
text-decoration: underline;
}
.nameShiso .nameShiso-Section_inner a:hover {
text-decoration: none;
}
.nameShiso .nameShiso-Lead {
background: url(//kanrekiiwai.biz/wp/img/name/juice/shiso/img_bg_lead.jpg) no-repeat center top/cover;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-flow: row-reverse nowrap;
-ms-flex-flow: row-reverse nowrap;
flex-flow: row-reverse nowrap;
height: 480px;
margin: 27px auto 56px;
mix-blend-mode: multiply;
padding: 30px 34px;
width: 666px;
}
.nameShiso .nameShiso-Lead > h2 {
margin-left: 34px;
}
.nameShiso .nameShiso-Lead > h2 > img {
width: 71px;
}
.nameShiso .nameShiso-Lead > p {
margin: 0;
}
.nameShiso .nameShiso-Lead > p:first-of-type > img {
width: 239px;
}
.nameShiso .nameShiso-Featured > section {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
margin-bottom: 30px;
}
.nameShiso .nameShiso-Featured > section:nth-child(odd) {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.nameShiso .nameShiso-Featured > section > h2 {
background-repeat: no-repeat;
-webkit-box-flex: 0;
-webkit-flex: 0 0 397px;
-ms-flex: 0 0 397px;
flex: 0 0 397px;
width: 397px;
}
.nameShiso .nameShiso-Featured > section:nth-child(odd) > h2 {
background-position: right -130px top 20px;
}
.nameShiso .nameShiso-Featured > section:nth-child(even) > h2 {
background-position: left -110px top 20px;
text-align: right;
}
.nameShiso .nameShiso-Featured > .nameShiso-Featured_01 > h2 {
background-image: url(//kanrekiiwai.biz/wp/img/name/juice/shiso/img_bg_featured01.png);
background-size: 458px 451px;
min-height: 471px;
}
.nameShiso .nameShiso-Featured > .nameShiso-Featured_02 > h2 {
background-image: url(//kanrekiiwai.biz/wp/img/name/juice/shiso/img_bg_featured02.png);
background-size: 427px 449px;
margin-top: 30px;
min-height: 469px;
}
.nameShiso .nameShiso-Featured > .nameShiso-Featured_03 > h2 {
background-image: url(//kanrekiiwai.biz/wp/img/name/juice/shiso/img_bg_featured03.png);
background-size: 431px 475px;
min-height: 495px;
}
.nameShiso .nameShiso-Featured > .nameShiso-Featured_04 > h2 {
background-image: url(//kanrekiiwai.biz/wp/img/name/juice/shiso/img_bg_featured04.png);
background-size: 440px 431px;
min-height: 451px;
}
.nameShiso .nameShiso-Featured > section > h2 img {
width: 74px;
}
.nameShiso .nameShiso-Featured > section > .introduction {
padding-top: 30px;
width: 324px;
}
.nameShiso .nameShiso-Featured > section:nth-child(odd) > .introduction {
padding-left: 46px;
}
.nameShiso .nameShiso-Featured > section:nth-child(even) > .introduction {
padding-right: 46px;
}
.nameShiso .nameShiso-Featured > section:nth-child(2) > .introduction {
padding-top: 0;
}
.nameShiso .nameShiso-Featured > section .introduction_head {
margin-top: 0;
}
.nameShiso .nameShiso-Featured > section:nth-child(odd) .introduction_head {
padding-right: 5px;
}
.nameShiso .nameShiso-Featured > section:nth-child(even) .introduction_head {
padding-left: 5px;
}
.nameShiso .nameShiso-Featured > section:nth-child(even) .introduction_body {
padding-left: 38px;
}
.nameShiso .nameShiso-Featured > section .introduction_body > h3 {
font-family: notoserif, serif;
font-size: 2rem;
font-weight: 600;
line-height: 1.25;
margin: 1em 0 0.5em;
}
.nameShiso .nameShiso-Featured > .nameShiso-Featured_01 .introduction_body > h3 {
color: #cb323f;
}
.nameShiso .nameShiso-Featured > .nameShiso-Featured_02 .introduction_body > h3 {
color: #3f824e;
}
.nameShiso .nameShiso-Featured > .nameShiso-Featured_03 .introduction_body > h3 {
color: #ee9424;
}
.nameShiso .nameShiso-Featured > .nameShiso-Featured_04 .introduction_body > h3 {
color: #465cae;
}
.nameShiso .nameShiso-Featured > section .introduction_body > h3 + p {
width: 16em;
}
.nameShiso .nameShiso-Featured > section .introduction_body .btn {
background-position: center center;
background-size: 40px;
font-size: 1.4rem;
width: 24rem;
}
.nameShiso .nameShiso-Featured > .nameShiso-Featured_01 .introduction_body .btn {
background-color: #cb323f;
background-image: url(//kanrekiiwai.biz/wp/img/name/juice/shiso/img_bg_btn01.png);
}
.nameShiso .nameShiso-Featured > .nameShiso-Featured_02 .introduction_body .btn {
background-color: #3f824e;
background-image: url(//kanrekiiwai.biz/wp/img/name/juice/shiso/img_bg_btn02.png);
}
.nameShiso .nameShiso-Featured > .nameShiso-Featured_03 .introduction_body .btn {
background-color: #ee9424;
background-image: url(//kanrekiiwai.biz/wp/img/name/juice/shiso/img_bg_btn03.png);
}
.nameShiso .nameShiso-Featured > .nameShiso-Featured_04 .introduction_body .btn {
background-color: #465cae;
background-image: url(//kanrekiiwai.biz/wp/img/name/juice/shiso/img_bg_btn04.png);
}
.nameShiso .nameShiso-Featured > section .introduction_body .btn:hover {
background-blend-mode: multiply;
}
.nameShiso .nameShiso-Section {
background-color: rgba(237, 185, 137, 0.45);
margin: 115px 27px 45px;
}
.nameShiso .nameShiso-Section:last-of-type {
margin-bottom: 0;
}
.nameShiso .nameShiso-Section > .nameShiso-Section_inner {
padding: 23px 31px 30px;
}
.nameShiso .nameShiso-Section > .nameShiso-Section_inner > *:first-child {
margin-top: 0;
}
.nameShiso .nameShiso-Section > h2 {
text-align: center;
}
.nameShiso .nameShiso-Section > h2 > img {
margin-top: -70px;
width: 467px;
}
.nameShiso .nameShiso-Section_inner h3 {
margin-top: 40px;
text-align: center;
}
.nameShiso h3 > img[src*="txt_section-label_hxx_01.png"] {
width: 459px;
}
.nameShiso h3 > img[src*="txt_section-newspaper_hxx_01.png"] {
width: 403px;
}
.nameShiso h3 > img[src*="txt_section-wrapping_hxx_01.png"] {
width: 459px;
}
.nameShiso h3 > img[src*="txt_section-wrapping_hxx_02.png"] {
margin-left: -115px;
width: 405px;
}
.nameShiso h3 > img[src*="txt_section-aboutshiso_hxx_01.png"] {
width: 441px;
}
.nameShiso h3 > img[src*="txt_section-aboutshiso_hxx_02.png"] {
width: 481px;
}
.nameShiso h3 > img[src*="txt_section-aboutshiso_hxx_03.png"] {
width: 526px;
}
.nameShiso h3 img[src*="txt_section-delivery_hxx_01.png"] {
margin-left: -60px;
width: 562px;
} .nameShiso .nameShiso-Label > section > h3 + p {
margin-bottom: 1.5em;
}
.nameShiso .nameShiso-Label_Sample h4 {
background-color: #a6c595;
font-family: notoserif, serif;
font-size: 2.4rem;
font-weight: 600;
margin: 1.5em 0 1em;
padding: 0.5em 1em;
text-align: center;
}
.nameShiso .nameShiso-Label_Sample ul {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
padding-left: 0;
list-style: none;
}
.nameShiso .nameShiso-Label_Sample li {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
margin-bottom: 1em;
width: calc(50% - 9px);
}
.nameShiso .nameShiso-Label_Sample li:nth-last-of-type(1),
.nameShiso .nameShiso-Label_Sample li:nth-last-of-type(2) {
margin-bottom: 0;
}
.nameShiso .nameShiso-Label_Sample h5,
.nameShiso .nameShiso-Label_Sample p {
text-align: center;
}
.nameShiso .nameShiso-Label_Sample h5 {
color: #3f824e;
font-size: 2rem;
margin-bottom: 0.4em;
}
.nameShiso .nameShiso-Label_Sample h5 > img {
display: block;
margin-bottom: 0.75em;
}
.nameShiso .nameShiso-Label_Sample h5 > span {
background-color: #3f824e;
border-radius: 3px;
color: #fff;
display: inline-block;
font-family: notoserif, serif;
font-size: 1.8rem;
font-weight: 500;
margin-right: 5px;
padding: 0 0.3em;
}
.nameShiso .nameShiso-Label_Sample h5 + p {
margin-top: 0;
} .nameShiso .nameShiso-Wrapping_Color {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
padding-left: 0;
list-style: none;
}
.nameShiso .nameShiso-Wrapping_Color > li {
-webkit-box-flex: 0;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
width: 25%;
}
.nameShiso .nameShiso-Wrapping_Card {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
padding-left: 0;
list-style: none;
}
.nameShiso .nameShiso-Wrapping_Card > li {
-webkit-box-flex: 0;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
width: calc(50% - 2px);
} .nameShiso .nameShiso-AboutShiso > .nameShiso-Section_inner > section:first-child > h3 {
margin-top: 0;
} .nameShiso .nameShiso-Chanchanko .nameShiso-Chanchanko_SpecTable {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
margin: -0.5em 0 0;
padding-left: 0;
list-style: none;
}
.nameShiso .nameShiso-Chanchanko_SpecTable > li {
background-color: #3f824e;
color: #fff;
-webkit-box-flex: 0;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
padding: 1em;
text-align: center;
width: calc((100% - 3px) / 4);
}
.nameShiso .nameShiso-Chanchanko_Wrapping {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.nameShiso .nameShiso-Chanchanko_Wrapping > div {
-webkit-box-flex: 0;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
}
.nameShiso .nameShiso-Chanchanko_Wrapping > div:first-child {
width: 380px;
}
.nameShiso .nameShiso-Chanchanko_Paper {
background-color: rgba(255, 255, 255, 0.5);
border-radius: 4px;
padding: 24px;
width: 205px;
}
.nameShiso .nameShiso-Chanchanko_Paper .small {
margin-top: 0;
} .nameShiso .nameShiso-Delivery > .nameShiso-Section_inner {
padding-top: 0;
}
.nameShiso .nameShiso-Delivery h4 {
font-family: notoserif, serif;
font-size: 2.4rem;
font-weight: 600;
margin: 2em 0 1em;
text-align: center;
}
.nameShiso .nameShiso-Delivery h4:nth-of-type(2) {
margin-bottom: -10px;
}
.nameShiso .nameShiso-Delivery_Flow {
padding-left: 0;
list-style: none;
}
.nameShiso .nameShiso-Delivery_Flow li:not(:last-child) {
padding-bottom: 54px;
position: relative;
}
.nameShiso .nameShiso-Delivery_Flow li:not(:last-child):after {
content: "▼";
font-size: 2rem;
bottom: 12px;
left: 50%;
margin-left: -0.5em;
position: absolute;
}
.nameShiso .nameShiso-Delivery_Flow li > dl {
border: 1px solid #000;
margin: 0;
}
.nameShiso .nameShiso-Delivery_Flow li > dl dt {
background-color: #000;
color: #fff;
font-size: 1.7rem;
font-weight: 700;
padding: 0.4em 1em;
text-align: center;
}
.nameShiso .nameShiso-Delivery_Flow li > dl dd {
background-color: rgba(255, 255, 255, 0.5);
padding: 0.5em 2em;
}
.nameShiso .nameShiso-Delivery_Exp {
text-align: center;
}
.nameShiso .nameShiso-Delivery_Exp span:not([class]) {
display: inline-block;
font-size: 2.8rem;
line-height: 1.3;
}
.nameShiso .nameShiso-Delivery_Exp strong {
color: #df1f00;
display: inline-block;
font-size: 4.4rem;
font-weight: 700;
line-height: 1.3;
}
.nameShiso .nameShiso-Delivery img[src$="img_section-delivery_03.png"] {
width: 520px;
}
.nameShiso .nameShiso-Delivery_Contact {
margin-top: 4rem;
}
.nameShiso .nameShiso-Delivery_Contact img[src$="img_section-delivery_04.png"] {
width: 220px;
}
.nameShiso img[src$="img_section-delivery_02.png"] {
width: 271px;
}
.nameShiso .nameShiso-Delivery_Contact > p,
.nameShiso .nameShiso-Delivery_AirFreight > p {
font-size: 1.8rem;
line-height: 1;
margin: 1em 0 0.5em;
}
.nameShiso .nameShiso-Delivery_Contact > .alert,
.nameShiso .nameShiso-Delivery_AirFreight > .alert {
background-color: #a4c393;
min-height: 75px;
padding: 11px 0;
}
.nameShiso .nameShiso-Delivery_Contact > .alert > p,
.nameShiso .nameShiso-Delivery_AirFreight > .alert > p {
margin: 0;
padding: 3px 12px 0 77px;
}
.nameShiso .nameShiso-Delivery_Contact > .alert {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
}
.nameShiso .nameShiso-Delivery_Contact > .alert > p {
-webkit-box-flex: 0;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
}
.nameShiso .nameShiso-Delivery_Contact > .alert > .tel {
background: url(//kanrekiiwai.biz/wp/img/name/juice/shiso/ico_section-delivery_01.png) no-repeat 12px center/53px;
}
.nameShiso .nameShiso-Delivery_Contact > .alert > .fax {
background: url(//kanrekiiwai.biz/wp/img/name/juice/shiso/ico_section-delivery_02.png) no-repeat 12px center/53px;
border-left: 2px dashed #fff;
padding-top: 0;
}
.nameShiso .nameShiso-Delivery_Contact > .alert > .tel > span {
display: block;
line-height: 1;
}
.nameShiso .nameShiso-Delivery_Contact > .alert > .tel > span:nth-child(1) {
font-size: 1.4rem;
}
.nameShiso .nameShiso-Delivery_Contact > .alert > .tel > span:nth-child(2) {
font-family: notoserif, serif;
font-size: 3.2rem;
font-weight: 600;
}
.nameShiso .nameShiso-Delivery_AirFreight > .alert {
background: url(//kanrekiiwai.biz/wp/img/name/juice/shiso/ico_section-delivery_03.png) no-repeat 12px center/53px #a4c393;
}
.nameShiso .nameShiso-Delivery_AirFreight > .alert > p:nth-child(1) {
font-size: 2.4rem;
font-weight: 700;
line-height: 1;
}
.nameShiso .nameShiso-Delivery_AirFreight > .alert > .small {
font-size: 1.3rem;
font-weight: 400;
margin-top: 0.25em;
} .nameShiso .nameShiso-Voice_Container {
border: 1px solid #a4c393;
margin-bottom: 20px;
}
.nameShiso .nameShiso-Voice_head {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background-color: #a4c393;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 8px 21px 8px 25px;
}
.nameShiso .nameShiso-Voice_head > h3 {
-webkit-box-flex: 0;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
font-size: 1.8rem;
font-weight: 400;
margin: 0;
text-align: left;
}
.nameShiso .nameShiso-Voice_head > .stars {
color: #f5e721;
font-size: 1.6rem;
letter-spacing: 0.25em;
margin: 0 0 0 2.5em;
}
.nameShiso .nameShiso-Voice_body {
background-color: rgba(255, 255, 255, 0.5);
padding: 20px 25px;
}
.nameShiso .nameShiso-Voice_body > p {
line-height: 1.75;
margin: 0;
} .nameShiso .nameShiso-MessageCard_Lead {
font-family: notoserif, serif;
font-size: 1.6rem;
font-weight: 500;
line-height: 2;
text-align: center;
}
.nameShiso .nameShiso-MessageCard_Sample > li {
margin: 4em 0;
text-align: center;
}
.nameShiso .nameShiso-MessageCard_Sample > li > h3 {
font-family: notoserif, serif;
font-size: 2.4rem;
font-weight: 600;
margin-bottom: 18px;
}
.nameShiso .nameShiso-MessageCard_Sample > li > h3 > span {
background-color: transparent;
border-radius: 50%;
color: #fff;
display: inline-block;
font-size: 2.8rem;
height: 40px;
line-height: 40px;
margin-right: 10px;
width: 40px;
}
.nameShiso .nameShiso-MessageCard_Sample > li:nth-child(1) > h3 > span {
background-color: #cb323f;
}
.nameShiso .nameShiso-MessageCard_Sample > li:nth-child(2) > h3 > span {
background-color: #3f824e;
}
.nameShiso .nameShiso-MessageCard_Sample > li:nth-child(3) > h3 > span {
background-color: #ee9424;
}
.nameShiso .nameShiso-MessageCard_Sample > li:nth-child(4) > h3 > span {
background-color: #465cae;
}
.nameShiso .nameShiso-MessageCard_Sample > li > img {
width: 370px;
} .nameShiso-res .nameShiso-Lead {
background-image: url(//kanrekiiwai.biz/wp/img/name/juice/shiso-res/img_bg_lead.jpg);
}
.nameShiso-res .nameShiso-Featured > .nameShiso-Featured_01 > h2 {
background-image: url(//kanrekiiwai.biz/wp/img/name/juice/shiso-res/img_bg_featured01.png);
}
.nameShiso-res .nameShiso-Featured > .nameShiso-Featured_03 > h2 {
background-image: url(//kanrekiiwai.biz/wp/img/name/juice/shiso-res/img_bg_featured03.png);
}
.nameShiso-res h3 > img[src*="txt_section-aboutshiso_hxx_03.png"] {
width: 573px;
}  .nameSui-Container {
padding-bottom: 40px;
color: #fff;
background-image: url(//kanrekiiwai.biz/wp/img/name/wine/sui/bg01.png);
background-size: contain;
font-size: 16px;
font-size: 1.6rem;
}
.nameSui-Container a {
color: #fff;
text-decoration: underline;
}
.nameSui-Container a:hover {
text-decoration: none;
}
.nameSui-Container ul {
padding-left: 0;
list-style: none;
}
.nameSui-Heading2 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 16px;
padding-top: 8px;
padding-right: 24px;
padding-bottom: 8px;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
color: #fff;
}
.nameSui-Heading2 > * {
margin-right: 2%;
}
.nameSui-Heading2_Text {
line-height: 1.4;
}
.nameSui-Heading2_Text > * {
display: block;
}
.nameSui-Heading2_Num {
width: 80px;
margin-right: 4%;
font-style: italic;
font-weight: normal;
color: #d7a63a;
}
.nameSui-Heading2_Num img {
vertical-align: baseline;
}
.nameSui-Heading2_Text {
width: calc(100% - 80px - 4%);
margin-right: 0;
}
.nameSui-Heading2_Small {
font-size: 18px;
font-size: 1.8rem;
}
.nameSui-Heading2_Large {
font-size: 34px;
font-size: 3.4rem;
}
.nameSui-Heading2_Large br {
display: none;
} .nameSui-Menu {
width: 94%;
margin-top: 3%;
margin-right: auto;
margin-bottom: 40px;
margin-left: auto;
padding-top: 16px;
padding-right: 3%;
padding-bottom: 32px;
padding-left: 3%;
border-radius: 10px;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
text-align: center;
color: #fff; background-color: rgba(43, 80, 100, 0.4);
}
.nameSui-Menu ul > * {
font-size: 16px;
font-size: 1.6rem;
}
.nameSui-Menu ul > * img {
margin-bottom: 16px;
}
.nameSui-Menu ul > *:nth-child(-n+2) {
margin-bottom: 24px;
}
.nameSui-Menu h3 {
font-size: 20px;
font-size: 2rem;
letter-spacing: 0.05em;
}
.nameSui-Menu h3 br {
display: none;
}
.nameSui-Menu_Title {
margin-bottom: 32px;
font-size: 46px;
font-size: 4.6rem;
line-height: 1;
}
.nameSui-Menu_Title span {
margin-right: 0.2em;
font-size: 70px;
font-size: 7rem;
font-style: italic;
} .nameSui-Label {
width: 94%;
margin-right: auto;
margin-bottom: 104px;
margin-left: auto;
color: #fff;
}
.nameSui-Label_LeadText {
width: 90%;
margin-top: 16px;
margin-right: auto;
margin-bottom: 40px;
margin-left: auto;
}
.nameSui-Label_LeadText > * {
margin-bottom: 1em;
}
.nameSui-Label_LeadText > *:last-child {
margin-bottom: 0;
}
.nameSui-Label_Info {
position: relative;
margin-bottom: 40px;
font-size: 14px;
font-size: 1.4rem;
}
.nameSui-Label_Info > *:first-child {
margin-bottom: 56px;
}
.nameSui-Label_Info h3 {
font-size: 26px;
font-size: 2.6rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
line-height: 2.5;
text-align: center;
color: #fff;
background-color: rgba(43, 80, 100, 0.4);
border-top: 1px solid rgba(200, 200, 200, 0.4);
border-bottom: 1px solid rgba(200, 200, 200, 0.4);
}
.nameSui-Label_Wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.nameSui-Label_Wrap > * {
margin-right: 2%;
}
.nameSui-Label_Wrap > * {
width: 49%;
}
.nameSui-Label_Wrap > *:nth-child(2n) {
margin-right: 0;
}
.nameSui-Label_InfoText01,
.nameSui-Label_InfoText02,
.nameSui-Label_InfoText03,
.nameSui-Label_InfoText04 {
margin-top: 1em;
margin-bottom: 2em;
margin-left: 60px;
}
.nameSui-Label_InfoText04 {
margin-bottom: 0;
}
.nameSui-Label_Sample > *:first-child {
margin-bottom: 16px;
}
.nameSui-Label_Sample h4 {
font-size: 26px;
font-size: 2.6rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
line-height: 2.5;
text-align: center;
color: #fff;
background-color: rgba(43, 80, 100, 0.4);
border-top: 1px solid rgba(200, 200, 200, 0.4);
border-bottom: 1px solid rgba(200, 200, 200, 0.4);
}
.nameSui-Label_SampleList {
margin-bottom: 40px;
padding-left: 0;
text-align: center;
font-size: 14px;
font-size: 1.4rem;
}
.nameSui-Label_SampleList > * {
width: 32%;
}
.nameSui-Label_SampleList > *:nth-child(3n) {
margin-right: 0;
}
.nameSui-Label_SampleList h5 {
margin-bottom: 16px;
padding-top: 8px;
padding-bottom: 8px;
font-size: 18px;
font-size: 1.8rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
text-align: center;
background-color: rgba(100, 100, 100, 0.3);
}
.nameSui-Label_SampleList h5 span {
display: block;
font-size: 20px;
font-size: 2rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
font-style: italic;
text-align: center;
color: #a68252;
}
.nameSui-Label_SampleList > * {
margin-bottom: 32px;
text-align: left;
}
.nameSui-Label_SampleList > * .nameSui-Label_SampleImg {
margin-bottom: 16px;
}
.nameSui-Label_SampleText {
margin-top: 2em;
text-align: left;
} .nameSui-Newspaper {
width: 94%;
margin-right: auto;
margin-bottom: 104px;
margin-left: auto;
}
.nameSui-Newspaper h3 {
width: 90%;
margin-top: 56px;
margin-right: auto;
margin-bottom: 40px;
margin-left: auto;
padding-top: 0.2em;
padding-bottom: 0.2em;
background-color: rgba(43, 80, 100, 0.4);
font-size: 26px;
font-size: 2.6rem;
font-weight: 700;
letter-spacing: 0.2em;
text-align: center;
color: #fff;
}
.nameSui-Newspaper h4 {
font-size: 22px;
font-size: 2.2rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
font-weight: 700;
margin-bottom: 8px;
}
.nameSui-Newspaper_Sample {
margin-right: auto;
margin-bottom: 56px;
margin-left: auto;
padding-left: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.nameSui-Newspaper_Sample > * {
margin-right: 2%;
}
.nameSui-Newspaper_Sample > * {
width: 47.5%;
}
.nameSui-Newspaper_Sample > *:first-child {
margin-right: 5%;
}
.nameSui-Newspaper_Sample > *:last-child {
margin-right: 0;
}
.nameSui-Newspaper_Sample p {
margin-top: 16px;
}
.nameSui-Newspaper_SampleTitle {
text-align: center;
}
.nameSui-Newspaper_SampleTitle span {
display: block;
color: #fff;
}
.nameSui-Newspaper_SampleTitle span:first-child {
margin-bottom: 10px;
font-size: 24px;
font-size: 2.4rem;
letter-spacing: 0.1em;
}
.nameSui-Newspaper_SampleTitle span:last-child {
margin-bottom: 10px;
padding-top: 0.5em;
padding-bottom: 0.5em;
border-radius: 3px;
font-size: 20px;
font-size: 2rem;
background-color: rgba(43, 80, 100, 0.4);
}
.nameSui-Newspaper_Detail {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
width: 90%;
margin-right: auto;
margin-bottom: 56px;
margin-left: auto;
}
.nameSui-Newspaper_Detail > * {
margin-right: 2%;
}
.nameSui-Newspaper_Detail > *:first-child {
width: 48%;
margin-right: 4%;
}
.nameSui-Newspaper_Detail > *:last-child {
width: 48%;
margin-right: 0;
}
.nameSui-Newspaper_Detail h4 span {
display: inline-block;
width: 1.5em;
margin-right: 0.5em;
line-height: 1.5;
text-align: center;
border-radius: 50%;
color: #fff;
background-color: rgba(43, 80, 100, 0.4);
}
.nameSui-Newspaper_Detail ul > * {
margin-bottom: 16px;
}
.nameSui-Newspaper_Detail ul > *:last-child {
margin-bottom: 0;
}
.nameSui-Newspaper_Info p {
margin-top: 16px;
}
.nameSui-Newspaper_Caution {
width: 90%;
margin-right: auto;
margin-left: auto;
}
.nameSui-Newspaper_Link {
width: 90%;
margin-right: auto;
margin-bottom: 40px;
margin-left: auto;
border: 3px solid rgba(43, 80, 100, 0.6);
}
.nameSui-Newspaper_LinkTitle {
margin-bottom: 0;
font-size: 20px;
font-size: 2rem;
font-weight: 700;
line-height: 2.4;
letter-spacing: 0.05em;
text-align: center;
color: #fff;
background-color: rgba(43, 80, 100, 0.6);
}
.nameSui-Newspaper_LinkWrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
width: 96%;
margin-top: 24px;
margin-right: auto;
margin-bottom: 24px;
margin-left: auto;
}
.nameSui-Newspaper_LinkWrapper > * {
margin-right: 2%;
}
.nameSui-Newspaper_LinkWrapper > * {
width: 32%;
}
.nameSui-Newspaper_LinkWrapper > *:nth-child(3n) {
margin-right: 0;
}
.nameSui-Newspaper_Wrapping {
margin-right: -3%;
margin-bottom: 16px;
margin-left: -3%;
padding-bottom: 56px;
}
.nameSui-Newspaper_Wrapping h4 {
margin-bottom: 16px;
font-size: 24px;
font-size: 2.4rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
} .nameSui-Np2set_Caution {
background-color: #f5f5f5;
text-align: center;
color: #333;
overflow: hidden;
}
.nameSui-Np2set_Caution h3 {
width: 100%;
margin-top: 0;
margin-bottom: 24px;
font-size: 26px;
font-size: 2.6rem;
line-height: 2;
text-align: center;
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
background-color: #9f1000;
color: #fff;
}
.nameSui-Np2set_Caution h3 img {
height: 1.3em;
width: auto;
margin-right: 1em;
vertical-align: text-bottom;
}
.nameSui-Np2set_Lead {
margin-bottom: 24px;
font-size: 18px;
font-size: 1.8rem;
}
.nameSui-Np2set_Lead span {
font-size: 28px;
font-size: 2.8rem;
font-weight: 700;
line-height: 1;
}
.nameSui-Np2set_Lead img {
display: block;
width: 20%;
margin-top: 16px;
margin-right: auto;
margin-bottom: 16px;
margin-left: auto;
}
.nameSui-Np2set_Img01 {
width: 85%;
margin-right: auto;
margin-bottom: 40px;
margin-left: auto;
}
.nameSui-Np2set_Girl01 {
display: block;
width: 75%;
margin-right: auto;
margin-bottom: 40px;
margin-left: auto;
}
.nameSui-Np2set_Girl02 {
display: block;
width: 80%;
margin-top: 32px;
margin-right: auto;
margin-left: auto;
}
.nameSui-Np2set_Back p {
display: inline-block;
margin-bottom: 24px;
font-size: 24px;
font-size: 2.4rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
}
.nameSui-Np2set_Back p span {
position: relative;
display: block;
font-size: 28px;
font-size: 2.8rem;
font-weight: 700;
}
.nameSui-Np2set_Back p span:before, .nameSui-Np2set_Back p span:after {
content: "";
position: absolute;
top: 50%;
display: inline-block;
width: 44px;
height: 2px;
background-color: black;
}
.nameSui-Np2set_Back p span:before {
left: -1.5em;
-webkit-transform: rotate(60deg);
transform: rotate(60deg);
}
.nameSui-Np2set_Back p span:after {
right: -1.5em;
-webkit-transform: rotate(-60deg);
transform: rotate(-60deg);
} .nameSui-NpParticular {
text-align: left;
color: #fff;
}
.nameSui-NpParticular p {
margin-bottom: 1em;
}
.nameSui-NpParticular .nameSui-NpParticular_Wrapper {
margin-bottom: 24px;
}
.nameSui-NpParticular .nameSui-NpParticular_Wrapper img {
margin-bottom: 16px;
}
.nameSui-NpParticular h5 {
margin-bottom: 8px;
font-size: 18px;
font-size: 1.8rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
}
.nameSui-NpParticular_Heading {
margin-bottom: 8.533%;
text-align: center;
}
.nameSui-NpParticular_Heading img {
display: block;
width: 30%;
margin-right: auto;
margin-bottom: 8px;
margin-left: auto;
}
.nameSui-NpParticular_Heading h4 {
position: relative;
padding-bottom: 16px;
border-bottom: 1px solid #fff;
font-size: 27px;
font-size: 2.7rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
letter-spacing: 0.1em;
text-align: center;
}
.nameSui-NpParticular_Heading h4 span {
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
font-size: 34px;
font-size: 3.4rem;
}
.nameSui-NpParticular_Catch {
position: relative;
display: inline-block;
padding: 0 2.5em;
font-size: 20px;
font-size: 2rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
}
.nameSui-NpParticular_Catch::before, .nameSui-NpParticular_Catch::after {
content: "";
position: absolute;
top: 50%;
display: inline-block;
width: 1.5em;
height: 1px;
background-color: #fff;
}
.nameSui-NpParticular_Catch::before {
left: 0;
-webkit-transform: rotate(60deg);
transform: rotate(60deg);
}
.nameSui-NpParticular_Catch::after {
right: 0;
-webkit-transform: rotate(-60deg);
transform: rotate(-60deg);
}
.nameSui-NpParticular_Wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.nameSui-NpParticular_Wrapper > * {
margin-right: 2%;
}
.nameSui-NpParticular_Wrapper > *:first-child {
width: 55%;
margin-right: 4%;
}
.nameSui-NpParticular_Wrapper > *:last-child {
width: 41%;
margin-right: 0;
} .nameSui-Wrapping {
width: 94%;
margin-right: auto;
margin-bottom: 104px;
margin-left: auto;
}
.nameSui-Wrapping .nameSui-Wrapping_LeadText {
width: 90%;
margin-top: 16px;
margin-right: auto;
margin-bottom: 40px;
margin-left: auto;
}
.nameSui-Wrapping .nameSui-Wrapping_LeadText > * {
margin-bottom: 1em;
}
.nameSui-Wrapping .nameSui-Wrapping_LeadText > *:last-child {
margin-bottom: 0;
}
.nameSui-Wrapping .nameSui-Wrapping_LeadText ul {
margin-left: 1em;
list-style: disc;
list-style-position: outside;
}
.nameSui-Wrapping .nameSui-Wrapping_LeadText ul > * {
margin-bottom: 1em;
}
.nameSui-Wrapping .nameSui-Wrapping_LeadText ul > *:last-child {
margin-bottom: 0;
}
.nameSui-Wrapping .nameSui-Wrapping_Service ul {
width: 90%;
margin-right: auto;
margin-left: auto;
list-style: disc;
}
.nameSui-Wrapping .nameSui-Wrapping_Service > *:first-child h3 {
margin-top: 40px;
margin-bottom: 40px;
}
.nameSui-Wrapping .nameSui-Wrapping_Service > *:last-child h3 {
margin-bottom: 16px;
}
.nameSui-Wrapping .nameSui-Wrapping_Service div {
margin-bottom: 56px;
}
.nameSui-Wrapping .nameSui-Wrapping_Service h3 {
font-size: 28px;
font-size: 2.8rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
text-align: center;
}
.nameSui-Wrapping .nameSui-Wrapping_Service figure {
margin-bottom: 24px;
}
.nameSui-Wrapping_Full {
overflow: hidden;
padding-bottom: 80px;
background-image: url(//kanrekiiwai.biz/wp/img/name/wine/days2set/image_dec-tl.png), url(//kanrekiiwai.biz/wp/img/name/wine/days2set/image_dec-tr.png), url(//kanrekiiwai.biz/wp/img/name/wine/days2set/image_dec-bl.png), url(//kanrekiiwai.biz/wp/img/name/wine/days2set/image_dec-br.png);
background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
background-position: top 10px left 10px, top 10px right 10px, bottom 10px left 10px, bottom 10px right 10px;
background-size: 70px, 70px, 70px, 70px;
background-color: #400f08;
}
.nameSui-Wrapping_Full h4 {
width: 60%;
margin-top: 40px;
margin-right: auto;
margin-bottom: 40px;
margin-left: auto;
padding-bottom: 20px;
border-bottom: 1px solid rgba(255, 255, 255, 0.9);
font-size: 24px;
font-size: 2.4rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
text-align: center;
letter-spacing: 0.1em;
} .nameSui-Wine {
width: 94%;
margin-right: auto;
margin-bottom: 56px;
margin-left: auto;
}
.nameSui-Wine h3 {
margin-bottom: 8px;
font-size: 30px;
font-size: 3rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
}
.nameSui-Wine h3 .nameSui-Wine_Type-red {
color: #c8300d;
}
.nameSui-Wine h3 .nameSui-Wine_Type-white {
color: #5e7846;
}
.nameSui-Wine .nameSui-Wine_LeadText {
width: 90%;
margin-right: auto;
margin-left: auto;
}
.nameSui-Wine .nameSui-Wine_Taste {
font-size: 16px;
font-size: 1.6rem;
}
.nameSui-Wine ul {
margin-top: 40px;
}
.nameSui-Wine ul > * {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
margin-bottom: 24px;
padding: 1em;
border-radius: 10px;
background-color: rgba(100, 100, 100, 0.3);
}
.nameSui-Wine ul > * > * {
margin-right: 2%;
}
.nameSui-Wine ul > * figure {
width: 40%;
margin-right: 4%;
}
.nameSui-Wine ul > * .nameSui-Wine_Text {
width: 56%;
margin-right: 0;
}
.nameSui-Wine ul > * .nameSui-Wine_Text h4 {
margin-bottom: 16px;
padding-top: 16px;
padding-bottom: 16px;
border-top: 1px solid rgba(255, 255, 255, 0.2);
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.nameSui-Wine ul > * .nameSui-Wine_Text p {
margin-bottom: 1em;
font-size: 14px;
font-size: 1.4rem;
}
.nameSui-Wine ul > * .nameSui-Wine_Text > *:last-child {
margin-bottom: 0;
}
.nameSui-Wine ul > *:last-child {
margin-bottom: 0;
}
.nameSui-Wine_MainImg {
margin-bottom: 24px;
}
.nameSui-Wine_LeadText,
.nameSui-Wine_TypeText {
width: 94%;
margin-top: 1em;
margin-right: auto;
margin-bottom: 4em;
margin-left: auto;
}
.nameSui-Winary {
width: 90%;
margin-right: auto;
margin-left: auto;
}
.nameSui-Winary h3 {
margin-bottom: 16px;
font-size: 20px;
font-size: 2rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
line-height: 2.4;
text-align: center;
color: #fff;
background-color: rgba(255, 255, 255, 0.1);
}
.nameSui-Winary figure {
margin-bottom: 8px;
text-align: center;
}
.nameSui-Winary figure figcaption {
margin-top: 0.5em;
} .nameSui-Chanko {
width: 94%;
margin-top: 80px;
margin-right: auto;
margin-bottom: 80px;
margin-left: auto;
}
.nameSui-Chanko h3 {
margin-bottom: 1em;
font-size: 26px;
font-size: 2.6rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
line-height: 2.5;
text-align: center;
color: #fff;
background-color: rgba(43, 80, 100, 0.4);
border-top: 1px solid rgba(200, 200, 200, 0.4);
border-bottom: 1px solid rgba(200, 200, 200, 0.4);
}
.nameSui-Chanko img {
border-radius: 10px;
}
.nameSui-Chanko_LeadText {
width: 94%;
margin-top: 1em;
margin-right: auto;
margin-bottom: 1em;
margin-left: auto;
} .nameSui-Review {
width: 94%;
margin-right: auto;
margin-bottom: 56px;
margin-left: auto;
}
.nameSui-Review:last-child {
margin-bottom: 0;
}
.nameSui-Review h3 {
margin-bottom: 1em;
font-size: 26px;
font-size: 2.6rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
line-height: 2.5;
text-align: center;
color: #fff;
background-color: rgba(43, 80, 100, 0.4);
border-top: 1px solid rgba(200, 200, 200, 0.4);
border-bottom: 1px solid rgba(200, 200, 200, 0.4);
}
.nameSui-Review_Box {
margin-right: auto;
margin-bottom: 24px;
margin-left: auto;
padding: 2em;
color: #333;
background-color: #F5ECC5;
}
.nameSui-Review_Heading {
margin-bottom: 1em;
padding-bottom: 0.5em;
font-size: 18px;
font-size: 1.8rem;
font-weight: 700;
border-bottom: 1px dashed #333;
}
.nameSui-Review_Spec {
float: right;
font-weight: normal;
}
.nameSui-Review_Spec:after {
content: "";
display: block;
clear: both;
}
.nameSui-Review_Star {
display: inline-block;
margin-right: 0.5em;
color: #d2b750;
} .nameSui-Delivery {
width: 94%;
margin-right: auto;
margin-left: auto;
padding-top: 16px;
padding-bottom: 40px;
color: #333;
background-color: #f5f5f5;
}
.nameSui-Delivery h3 {
width: 90%;
margin-right: auto;
margin-bottom: 40px;
margin-left: auto;
padding-top: 0.5em;
padding-bottom: 0.5em;
font-size: 24px;
font-size: 2.4rem;
letter-spacing: 0.1em;
text-align: center;
color: #fff;
background-color: #111;
}
.nameSui-Delivery h4 {
margin-bottom: 24px;
font-size: 28px;
font-size: 2.8rem;
line-height: 1.4;
}
.nameSui-Delivery h4 strong {
font-size: 38px;
font-size: 3.8rem;
}
.nameSui-Delivery strong {
color: #9f1000;
}
.nameSui-Delivery_Text {
width: 80%;
margin-right: auto;
margin-left: auto;
}
.nameSui-Delivery_Text > * {
margin-bottom: 1em;
}
.nameSui-Delivery_Text ul {
list-style: disc outside;
}
.nameSui-Delivery_Text ul > * {
margin-bottom: 1em;
}
.nameSui-Step {
margin-top: 40px;
margin-bottom: 40px;
list-style: none !important;
}
.nameSui-Step span {
display: block;
margin-top: 16px;
margin-bottom: 16px;
text-align: center;
}
.nameSui-Step_Title {
margin-bottom: 1em;
}
.nameSui-Step_Box {
border: 1px solid #e1d8b7;
}
.nameSui-Step_Box > * {
margin-bottom: 1em;
}
.nameSui-Step_Box > *:first-child {
text-align: center;
line-height: 2.5;
color: #333;
background-color: #e1d8b7;
}
.nameSui-Step_Box > *:nth-child(n+2) {
width: 90%;
margin-right: auto;
margin-left: auto;
}
.nameSui-Hurry {
width: 90%;
margin-right: auto;
margin-left: auto;
font-size: 20px;
font-size: 2rem;
text-align: center;
}
.nameSui-Hurry strong {
margin-left: 5px;
font-size: 30px;
font-size: 3rem;
border-bottom: 3px solid;
}
.nameSui-Hurry > * {
margin-bottom: 24px;
}
.nameSui-Hurry_Title {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
margin-bottom: 40px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
text-align: left;
}
.nameSui-Hurry_Title > * {
margin-right: 2%;
}
.nameSui-Hurry_Title img {
width: 18%;
margin-right: 16px;
}
.nameSui-Hurry_Title p {
width: calc(82% - 16px);
margin-right: 0;
line-height: 1.3;
font-size: 30px;
font-size: 3rem;
font-weight: 700;
}
.nameSui-Hurry_Title p span {
font-size: 40px;
font-size: 4rem;
color: #9f1000;
}
.nameSui-Hurry_MainImg {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
width: 80%;
margin-right: auto;
margin-bottom: 40px;
margin-left: auto;
}
.nameSui-Hurry_MainImg > * {
margin-right: 2%;
}
.nameSui-Hurry_MainImg > * {
width: calc((100% - 32px) / 2);
}
.nameSui-Hurry_MainImg > *:first-child {
margin-right: 32px;
}
.nameSui-Hurry_MainImg > *:last-child {
margin-right: 0;
}
.nameSui-Hurry_Text {
margin-bottom: 40px;
font-size: 26px;
font-size: 2.6rem;
text-align: center;
font-weight: 700;
}
.nameSui-Hurry_Text span {
font-size: 32px;
font-size: 3.2rem;
color: #9f1000;
}
.nameSui-Hurry_Text br {
display: none;
}
.nameSui-Hurry_Link {
margin-bottom: 40px;
text-align: center;
}
.nameSui-Contact {
width: 90%;
margin-right: auto;
margin-left: auto;
}
.nameSui-Contact h4 {
margin-bottom: 1em;
font-size: 16px;
font-size: 1.6rem;
}
.nameSui-Contact_Wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding-right: 8px;
padding-top: 8px;
padding-left: 8px;
padding-bottom: 8px;
background-color: #e1d8b7;
}
.nameSui-Contact_Wrapper > * {
margin-right: 2%;
}
.nameSui-Contact_Wrapper figure {
display: inline-block;
}
.nameSui-Contact_Wrapper figure img {
margin-right: 8px;
width: 3em;
}
.nameSui-Contact_Wrapper p {
display: inline-block;
vertical-align: middle;
}
.nameSui-Contact_Wrapper:first-of-type {
margin-bottom: 40px;
}
.nameSui-Contact_Tel {
width: 48%;
margin-right: 4%;
border-right: 1px solid #fff;
}
.nameSui-Contact_Tel p {
font-size: 24px;
font-size: 2.4rem;
line-height: 1;
}
.nameSui-Contact_Fax {
width: 48%;
margin-right: 0;
}
.nameSui-Contact_Btn {
text-align: center;
}
.nameSui-Contact_Btn img {
width: 90%;
}
.nameSui-Contact_Airplane figure {
width: 3em;
margin-right: 16px;
}
.nameSui-Contact_Airplane p {
width: calc(100% - 3em - 16px);
margin-right: 0;
font-size: 20px;
font-size: 2rem;
}
.nameSui-Contact_Airplane p span {
display: block;
font-size: 13px;
font-size: 1.3rem;
} .nameSui-Others {
padding-top: 24px;
padding-bottom: 24px;
text-align: center;
color: #333;
background-color: #F5ECC5;
}
.nameSui-Others_Title {
margin-bottom: 24px;
font-size: 28px;
font-size: 2.8rem;
font-weight: 700;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
}   .nameSui2set-Newspaper {
width: 94%;
margin-right: auto;
margin-bottom: 56px;
margin-left: auto;
}
.nameSui2set-Newspaper .nameSui2set-Heading2 {
margin-bottom: 32px;
}
.nameSui2set-Newspaper h3 {
width: 90%;
margin-top: 56px;
margin-right: auto;
margin-bottom: 40px;
margin-left: auto;
padding-top: 0.2em;
padding-bottom: 0.2em;
background-color: rgba(43, 80, 100, 0.4);
font-size: 26px;
font-size: 2.6rem;
font-weight: 700;
letter-spacing: 0.2em;
text-align: center;
color: #fff;
}
.nameSui2set-Newspaper h4 {
font-size: 22px;
font-size: 2.2rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
font-weight: 700;
margin-bottom: 8px;
}
.nameSui2set-Newspaper_Sample {
margin-right: auto;
margin-bottom: 56px;
margin-left: auto;
padding-left: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.nameSui2set-Newspaper_Sample > * {
margin-right: 2%;
}
.nameSui2set-Newspaper_Sample > * {
width: 47.5%;
}
.nameSui2set-Newspaper_Sample > *:first-child {
margin-right: 5%;
}
.nameSui2set-Newspaper_Sample > *:last-child {
margin-right: 0;
}
.nameSui2set-Newspaper_Sample p {
margin-top: 16px;
}
.nameSui2set-Newspaper_SampleTitle {
text-align: center;
}
.nameSui2set-Newspaper_SampleTitle span {
display: block;
color: #fff;
}
.nameSui2set-Newspaper_SampleTitle span:first-child {
margin-bottom: 10px;
font-size: 24px;
font-size: 2.4rem;
letter-spacing: 0.1em;
}
.nameSui2set-Newspaper_SampleTitle span:last-child {
margin-bottom: 10px;
padding-top: 0.5em;
padding-bottom: 0.5em;
border-radius: 3px;
font-size: 20px;
font-size: 2rem;
background-color: #400f08;
}
.nameSui2set-Newspaper_Detail {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
width: 90%;
margin-right: auto;
margin-bottom: 56px;
margin-left: auto;
}
.nameSui2set-Newspaper_Detail > * {
margin-right: 2%;
}
.nameSui2set-Newspaper_Detail > *:first-child {
width: 48%;
margin-right: 4%;
}
.nameSui2set-Newspaper_Detail > *:last-child {
width: 48%;
margin-right: 0;
}
.nameSui2set-Newspaper_Detail h4 span {
display: inline-block;
width: 1.5em;
margin-right: 0.5em;
line-height: 1.5;
text-align: center;
border-radius: 50%;
color: #fff;
background-color: #400f08;
}
.nameSui2set-Newspaper_Detail ul > * {
margin-bottom: 16px;
}
.nameSui2set-Newspaper_Detail ul > *:last-child {
margin-bottom: 0;
}
.nameSui2set-Newspaper_Info p {
margin-top: 16px;
}
.nameSui2set-Newspaper_Caution {
width: 90%;
margin-right: auto;
margin-left: auto;
}
.nameSui2set-Newspaper_Link {
width: 90%;
margin-right: auto;
margin-bottom: 40px;
margin-left: auto;
border: 3px solid #c59c63;
}
.nameSui2set-Newspaper_LinkTitle {
margin-bottom: 0;
font-size: 20px;
font-size: 2rem;
font-weight: 700;
line-height: 2.4;
letter-spacing: 0.05em;
text-align: center;
color: #331d00;
background-color: #c59c63;
}
.nameSui2set-Newspaper_LinkWrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
width: 96%;
margin-top: 24px;
margin-right: auto;
margin-bottom: 24px;
margin-left: auto;
}
.nameSui2set-Newspaper_LinkWrapper > * {
margin-right: 2%;
}
.nameSui2set-Newspaper_LinkWrapper > * {
width: 32%;
}
.nameSui2set-Newspaper_LinkWrapper > *:nth-child(3n) {
margin-right: 0;
}
.nameSui2set-Newspaper_Wrapping {
width: 90%;
margin-right: auto;
margin-bottom: 16px;
margin-left: auto;
padding-bottom: 56px;
}
.nameSui2set-Newspaper_Wrapping h4 {
margin-bottom: 16px;
font-size: 24px;
font-size: 2.4rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
} .nameSui2set-Np2set_Caution {
background-color: #f5f5f5;
text-align: center;
color: #333;
overflow: hidden;
}
.nameSui2set-Np2set_Caution h3 {
width: 100%;
margin-top: 0;
margin-bottom: 24px;
font-size: 26px;
font-size: 2.6rem;
line-height: 2;
text-align: center;
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
background-color: #9f1000;
color: #fff;
}
.nameSui2set-Np2set_Caution h3 img {
height: 1.3em;
width: auto;
margin-right: 1em;
vertical-align: text-bottom;
}
.nameSui2set-Np2set_Lead {
margin-bottom: 24px;
font-size: 18px;
font-size: 1.8rem;
}
.nameSui2set-Np2set_Lead span {
font-size: 28px;
font-size: 2.8rem;
font-weight: 700;
line-height: 1;
}
.nameSui2set-Np2set_Lead img {
display: block;
width: 20%;
margin-top: 16px;
margin-right: auto;
margin-bottom: 16px;
margin-left: auto;
}
.nameSui2set-Np2set_Img01 {
width: 85%;
margin-right: auto;
margin-bottom: 40px;
margin-left: auto;
}
.nameSui2set-Np2set_Girl01 {
display: block;
width: 75%;
margin-right: auto;
margin-bottom: 40px;
margin-left: auto;
}
.nameSui2set-Np2set_Girl02 {
display: block;
width: 80%;
margin-top: 32px;
margin-right: auto;
margin-left: auto;
}
.nameSui2set-Np2set_Back p {
display: inline-block;
margin-bottom: 24px;
font-size: 24px;
font-size: 2.4rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
}
.nameSui2set-Np2set_Back p span {
position: relative;
display: block;
font-size: 28px;
font-size: 2.8rem;
font-weight: 700;
}
.nameSui2set-Np2set_Back p span:before, .nameSui2set-Np2set_Back p span:after {
content: "";
position: absolute;
top: 50%;
display: inline-block;
width: 44px;
height: 2px;
background-color: black;
}
.nameSui2set-Np2set_Back p span:before {
left: -1.5em;
-webkit-transform: rotate(60deg);
transform: rotate(60deg);
}
.nameSui2set-Np2set_Back p span:after {
right: -1.5em;
-webkit-transform: rotate(-60deg);
transform: rotate(-60deg);
} .nameSui2set-NpParticular {
width: 90%;
margin-top: 40px;
margin-right: auto;
margin-left: auto;
text-align: left;
color: #333;
background-color: #f5f5f5;
}
.nameSui2set-NpParticular p {
margin-bottom: 1em;
}
.nameSui2set-NpParticular .nameSui2set-NpParticular_Wrapper {
margin-bottom: 24px;
}
.nameSui2set-NpParticular .nameSui2set-NpParticular_Wrapper img {
margin-bottom: 16px;
}
.nameSui2set-NpParticular h5 {
margin-bottom: 8px;
font-size: 18px;
font-size: 1.8rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
}
.nameSui2set-NpParticular_Heading {
margin-bottom: 8.533%;
text-align: center;
}
.nameSui2set-NpParticular_Heading img {
display: block;
width: 30%;
margin-right: auto;
margin-bottom: 8px;
margin-left: auto;
}
.nameSui2set-NpParticular_Heading h4 {
position: relative;
padding-bottom: 16px;
font-size: 27px;
font-size: 2.7rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
letter-spacing: 0.1em;
text-align: center;
}
.nameSui2set-NpParticular_Heading h4::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 7px;
background: -webkit-repeating-linear-gradient(-45deg, #9f1000, #9f1000 2px, #fff 2px, #fff 4px);
background: -webkit-repeating-linear-gradient(135deg, #9f1000, #9f1000 2px, #fff 2px, #fff 4px);
background: repeating-linear-gradient(-45deg, #9f1000, #9f1000 2px, #fff 2px, #fff 4px);
}
.nameSui2set-NpParticular_Heading h4 span {
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
font-size: 34px;
font-size: 3.4rem;
color: #9f1000;
}
.nameSui2set-NpParticular_Catch {
position: relative;
display: inline-block;
padding: 0 2.5em;
font-size: 20px;
font-size: 2rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
}
.nameSui2set-NpParticular_Catch::before, .nameSui2set-NpParticular_Catch::after {
content: "";
position: absolute;
top: 50%;
display: inline-block;
width: 1.5em;
height: 1px;
background-color: black;
}
.nameSui2set-NpParticular_Catch::before {
left: 0;
-webkit-transform: rotate(60deg);
transform: rotate(60deg);
}
.nameSui2set-NpParticular_Catch::after {
right: 0;
-webkit-transform: rotate(-60deg);
transform: rotate(-60deg);
}
.nameSui2set-NpParticular_Wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.nameSui2set-NpParticular_Wrapper > * {
margin-right: 2%;
}
.nameSui2set-NpParticular_Wrapper > *:first-child {
width: 55%;
margin-right: 4%;
}
.nameSui2set-NpParticular_Wrapper > *:last-child {
width: 41%;
margin-right: 0;
}
.nameSui2set-NpParticular_Wrapper img {
border: 1px solid #ccc;
}
.nameSui2set-Label_Sample > *:first-child {
margin-bottom: 16px;
}
.nameSui2set-Label_Sample h4 {
font-size: 26px;
font-size: 2.6rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
line-height: 2.5;
text-align: center;
color: #fff;
background-color: rgba(43, 80, 100, 0.4);
border-top: 1px solid rgba(200, 200, 200, 0.4);
border-bottom: 1px solid rgba(200, 200, 200, 0.4);
}
.nameSui2set-Label_SampleList {
padding-left: 0;
text-align: center;
}
.nameSui2set-Label_SampleList h5 {
margin-top: 24px;
margin-bottom: 32px;
padding-top: 8px;
padding-bottom: 8px;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
text-align: center;
background-color: rgba(43, 80, 100, 0.4);
}
.nameSui2set-Label_SampleList h5 span {
display: block;
font-size: 14px;
font-size: 1.4rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
font-style: italic;
text-align: center;
color: #c69c6d;
}
.nameSui2set-Label_SampleList > * {
width: 90%;
margin-right: auto;
margin-bottom: 40px;
margin-left: 40px;
text-align: left;
}
.nameSui2set-Label_SampleList > * .nameSui2set-Label_SampleImg {
margin-bottom: 24px;
}
.nameSui2set-Label_SampleList > *:first-child h5 {
font-size: 24px;
font-size: 2.4rem;
}
.nameSui2set-Label_SampleList > *:first-child .nameSui2set-Label_SampleImg {
display: block;
margin-right: -5%;
margin-left: -5%;
}
.nameSui2set-Label_SampleList > *:nth-child(2) h5, .nameSui2set-Label_SampleList > *:last-child h5 {
font-size: 20px;
font-size: 2rem;
}
.nameSui2set-Label_SampleText {
margin-top: 2em;
text-align: left;
} .nameSui2set-Wrapping {
width: 94%;
margin-right: auto;
margin-bottom: 56px;
margin-left: auto;
}
.nameSui2set-Wrapping .nameSui2set-Wrapping_Service p {
width: 90%;
margin-right: auto;
margin-left: auto;
}
.nameSui2set-Wrapping .nameSui2set-Wrapping_Service ul {
width: 90%;
margin-right: auto;
margin-left: auto;
list-style: disc;
}
.nameSui2set-Wrapping .nameSui2set-Wrapping_Service > *:first-child h3 {
margin-top: 40px;
margin-bottom: 40px;
}
.nameSui2set-Wrapping .nameSui2set-Wrapping_Service > *:last-child h3 {
margin-bottom: 16px;
}
.nameSui2set-Wrapping .nameSui2set-Wrapping_Service div {
margin-bottom: 56px;
}
.nameSui2set-Wrapping .nameSui2set-Wrapping_Service h3 {
font-size: 28px;
font-size: 2.8rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
text-align: center;
}
.nameSui2set-Wrapping .nameSui2set-Wrapping_Service figure {
margin-bottom: 24px;
}
.nameSui2set-Wrapping_Full {
overflow: hidden;
padding-bottom: 80px;
background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
background-position: top 10px left 10px, top 10px right 10px, bottom 10px left 10px, bottom 10px right 10px;
background-size: 70px, 70px, 70px, 70px;
background-color: #1e2d35;
}
.nameSui2set-Wrapping_Full h4 {
width: 60%;
margin-top: 40px;
margin-right: auto;
margin-bottom: 40px;
margin-left: auto;
padding-bottom: 20px;
border-bottom: 1px solid rgba(255, 255, 255, 0.9);
font-size: 24px;
font-size: 2.4rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
text-align: center;
letter-spacing: 0.1em;
}  .nameDays2set-Container {
padding-bottom: 40px;
color: #fff;
background-image: url(//kanrekiiwai.biz/wp/img/name/wine/days2set/bg01.png);
background-size: 15px;
font-size: 16px;
font-size: 1.6rem;
}
.nameDays2set-Container a {
color: #fff;
text-decoration: underline;
}
.nameDays2set-Container a:hover {
text-decoration: none;
}
.nameDays2set-Container ul {
padding-left: 0;
list-style: none;
}
.nameDays2set-Heading2 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding-top: 8px;
padding-right: 24px;
padding-bottom: 8px;
padding-left: 24px;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
color: #fff; background: #ba741c;  background: -webkit-linear-gradient(left, #ba741c 0%, #c7966d 25%, #ba741c 50%, #c7966d 75%, #ba741c 100%); background: -webkit-gradient(linear, left top, right top, from(#ba741c), color-stop(25%, #c7966d), color-stop(50%, #ba741c), color-stop(75%, #c7966d), to(#ba741c));
background: linear-gradient(to right, #ba741c 0%, #c7966d 25%, #ba741c 50%, #c7966d 75%, #ba741c 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ba741c", endColorstr="#ba741c",GradientType=1 ); }
.nameDays2set-Heading2 > * {
margin-right: 2%;
}
.nameDays2set-Heading2_Text {
line-height: 1.4;
}
.nameDays2set-Heading2_Text > * {
display: block;
}
.nameDays2set-Heading2_Num {
width: 80px;
font-style: italic;
font-weight: normal;
color: #d7a63a;
}
.nameDays2set-Heading2_Text {
width: calc(100% - 80px - 2%);
margin-right: 0;
}
.nameDays2set-Heading2_Small {
font-size: 18px;
font-size: 1.8rem;
}
.nameDays2set-Heading2_Large {
font-size: 34px;
font-size: 3.4rem;
}
.nameDays2set-Heading2_Large br {
display: none;
} .nameDays2set-Menu {
width: 94%;
margin-top: 3%;
margin-right: auto;
margin-bottom: 40px;
margin-left: auto;
padding-top: 24px;
padding-right: 3%;
padding-bottom: 50px;
padding-left: 3%;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
text-align: center;
color: #fff;
background-image: url(//kanrekiiwai.biz/wp/img/name/wine/days2set/image_dec-tl.png), url(//kanrekiiwai.biz/wp/img/name/wine/days2set/image_dec-tr.png), url(//kanrekiiwai.biz/wp/img/name/wine/days2set/image_dec-bl.png), url(//kanrekiiwai.biz/wp/img/name/wine/days2set/image_dec-br.png);
background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
background-position: top 10px left 10px, top 10px right 10px, bottom 10px left 10px, bottom 10px right 10px;
background-size: 70px, 70px, 70px, 70px;
background-color: #400f08;
}
.nameDays2set-Menu ul > * {
font-size: 16px;
font-size: 1.6rem;
}
.nameDays2set-Menu ul > * img {
margin-bottom: 16px;
}
.nameDays2set-Menu ul > *:nth-child(-n+2) {
margin-bottom: 24px;
}
.nameDays2set-Menu h3 {
font-size: 20px;
font-size: 2rem;
}
.nameDays2set-Menu h3 br {
display: none;
}
.nameDays2set-Menu_Title {
margin-bottom: 32px;
font-size: 46px;
font-size: 4.6rem;
line-height: 1;
}
.nameDays2set-Menu_Title span {
margin-right: 0.2em;
font-size: 70px;
font-size: 7rem;
font-style: italic;
color: #d7a63a;
} .nameDays2set-Label {
width: 94%;
margin-right: auto;
margin-bottom: 56px;
margin-left: auto;
color: #fff;
}
.nameDays2set-Label_LeadText {
width: 90%;
margin-top: 16px;
margin-right: auto;
margin-bottom: 40px;
margin-left: auto;
}
.nameDays2set-Label_LeadText > * {
margin-bottom: 1em;
}
.nameDays2set-Label_LeadText > *:last-child {
margin-bottom: 0;
}
.nameDays2set-Label_Info {
position: relative;
margin-bottom: 40px;
font-size: 14px;
font-size: 1.4rem;
}
.nameDays2set-Label_Info > *:first-child {
margin-bottom: 56px;
}
.nameDays2set-Label_Info h3 {
font-size: 26px;
font-size: 2.6rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
line-height: 2.5;
text-align: center;
color: #fff;
background-color: #9f1000;
border-top: 1px solid #c69c6d;
border-bottom: 1px solid #c69c6d;
}
.nameDays2set-Label_Wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.nameDays2set-Label_Wrap > * {
margin-right: 2%;
}
.nameDays2set-Label_Wrap > * {
width: 49%;
}
.nameDays2set-Label_Wrap > *:nth-child(2n) {
margin-right: 0;
}
.nameDays2set-Label_InfoText01,
.nameDays2set-Label_InfoText02,
.nameDays2set-Label_InfoText03,
.nameDays2set-Label_InfoText04 {
margin-top: 1em;
margin-bottom: 2em;
margin-left: 60px;
}
.nameDays2set-Label_InfoText04 {
margin-bottom: 0;
}
.nameDays2set-Label_Sample > *:first-child {
margin-bottom: 16px;
}
.nameDays2set-Label_Sample h4 {
font-size: 26px;
font-size: 2.6rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
line-height: 2.5;
text-align: center;
color: #fff;
background-color: #9f1000;
border-top: 1px solid #c69c6d;
border-bottom: 1px solid #c69c6d;
}
.nameDays2set-Label_SampleList {
padding-left: 0;
text-align: center;
}
.nameDays2set-Label_SampleList h5 {
margin-top: 24px;
margin-bottom: 32px;
padding-top: 8px;
padding-bottom: 8px;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
text-align: center;
background-color: #400f08;
}
.nameDays2set-Label_SampleList h5 span {
display: block;
font-size: 14px;
font-size: 1.4rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
font-style: italic;
text-align: center;
color: #c69c6d;
}
.nameDays2set-Label_SampleList > * {
width: 90%;
margin-right: auto;
margin-bottom: 40px;
margin-left: 40px;
text-align: left;
}
.nameDays2set-Label_SampleList > * .nameDays2set-Label_SampleImg {
margin-bottom: 24px;
}
.nameDays2set-Label_SampleList > *:first-child h5 {
font-size: 24px;
font-size: 2.4rem;
}
.nameDays2set-Label_SampleList > *:first-child .nameDays2set-Label_SampleImg {
display: block;
margin-right: -5%;
margin-left: -5%;
}
.nameDays2set-Label_SampleList > *:nth-child(2) h5, .nameDays2set-Label_SampleList > *:last-child h5 {
font-size: 20px;
font-size: 2rem;
}
.nameDays2set-Label_SampleText {
margin-top: 2em;
text-align: left;
} .nameDays2set-Newspaper {
width: 94%;
margin-right: auto;
margin-bottom: 56px;
margin-left: auto;
}
.nameDays2set-Newspaper .nameDays2set-Heading2 {
margin-bottom: 32px;
}
.nameDays2set-Newspaper h3 {
width: 90%;
margin-top: 56px;
margin-right: auto;
margin-bottom: 40px;
margin-left: auto;
padding-top: 0.2em;
padding-bottom: 0.2em;
background-color: #400f08;
font-size: 26px;
font-size: 2.6rem;
font-weight: 700;
letter-spacing: 0.2em;
text-align: center;
color: #fff;
}
.nameDays2set-Newspaper h4 {
font-size: 22px;
font-size: 2.2rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
font-weight: 700;
margin-bottom: 8px;
}
.nameDays2set-Newspaper_Sample {
margin-right: auto;
margin-bottom: 56px;
margin-left: auto;
padding-left: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.nameDays2set-Newspaper_Sample > * {
margin-right: 2%;
}
.nameDays2set-Newspaper_Sample > * {
width: 47.5%;
}
.nameDays2set-Newspaper_Sample > *:first-child {
margin-right: 5%;
}
.nameDays2set-Newspaper_Sample > *:last-child {
margin-right: 0;
}
.nameDays2set-Newspaper_Sample p {
margin-top: 16px;
}
.nameDays2set-Newspaper_SampleTitle {
text-align: center;
}
.nameDays2set-Newspaper_SampleTitle span {
display: block;
color: #fff;
}
.nameDays2set-Newspaper_SampleTitle span:first-child {
margin-bottom: 10px;
font-size: 24px;
font-size: 2.4rem;
letter-spacing: 0.1em;
}
.nameDays2set-Newspaper_SampleTitle span:last-child {
margin-bottom: 10px;
padding-top: 0.5em;
padding-bottom: 0.5em;
border-radius: 3px;
font-size: 20px;
font-size: 2rem;
background-color: #400f08;
}
.nameDays2set-Newspaper_Detail {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
width: 90%;
margin-right: auto;
margin-bottom: 56px;
margin-left: auto;
}
.nameDays2set-Newspaper_Detail > * {
margin-right: 2%;
}
.nameDays2set-Newspaper_Detail > *:first-child {
width: 48%;
margin-right: 4%;
}
.nameDays2set-Newspaper_Detail > *:last-child {
width: 48%;
margin-right: 0;
}
.nameDays2set-Newspaper_Detail h4 span {
display: inline-block;
width: 1.5em;
margin-right: 0.5em;
line-height: 1.5;
text-align: center;
border-radius: 50%;
color: #fff;
background-color: #400f08;
}
.nameDays2set-Newspaper_Detail ul > * {
margin-bottom: 16px;
}
.nameDays2set-Newspaper_Detail ul > *:last-child {
margin-bottom: 0;
}
.nameDays2set-Newspaper_Info p {
margin-top: 16px;
}
.nameDays2set-Newspaper_Caution {
width: 90%;
margin-right: auto;
margin-left: auto;
}
.nameDays2set-Newspaper_Link {
width: 90%;
margin-right: auto;
margin-bottom: 40px;
margin-left: auto;
border: 3px solid #c59c63;
}
.nameDays2set-Newspaper_LinkTitle {
margin-bottom: 0;
font-size: 20px;
font-size: 2rem;
font-weight: 700;
line-height: 2.4;
letter-spacing: 0.05em;
text-align: center;
color: #331d00;
background-color: #c59c63;
}
.nameDays2set-Newspaper_LinkWrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
width: 96%;
margin-top: 24px;
margin-right: auto;
margin-bottom: 24px;
margin-left: auto;
}
.nameDays2set-Newspaper_LinkWrapper > * {
margin-right: 2%;
}
.nameDays2set-Newspaper_LinkWrapper > * {
width: 32%;
}
.nameDays2set-Newspaper_LinkWrapper > *:nth-child(3n) {
margin-right: 0;
}
.nameDays2set-Newspaper_Wrapping {
width: 90%;
margin-right: auto;
margin-bottom: 16px;
margin-left: auto;
padding-bottom: 56px;
}
.nameDays2set-Newspaper_Wrapping h4 {
margin-bottom: 16px;
font-size: 24px;
font-size: 2.4rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
} .nameDays2set-Np2set_Caution {
background-color: #f5f5f5;
text-align: center;
color: #333;
overflow: hidden;
}
.nameDays2set-Np2set_Caution h3 {
width: 100%;
margin-top: 0;
margin-bottom: 24px;
font-size: 26px;
font-size: 2.6rem;
line-height: 2;
text-align: center;
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
background-color: #9f1000;
color: #fff;
}
.nameDays2set-Np2set_Caution h3 img {
height: 1.3em;
width: auto;
margin-right: 1em;
vertical-align: text-bottom;
}
.nameDays2set-Np2set_Lead {
margin-bottom: 24px;
font-size: 18px;
font-size: 1.8rem;
}
.nameDays2set-Np2set_Lead span {
font-size: 28px;
font-size: 2.8rem;
font-weight: 700;
line-height: 1;
}
.nameDays2set-Np2set_Lead img {
display: block;
width: 20%;
margin-top: 16px;
margin-right: auto;
margin-bottom: 16px;
margin-left: auto;
}
.nameDays2set-Np2set_Img01 {
width: 85%;
margin-right: auto;
margin-bottom: 40px;
margin-left: auto;
}
.nameDays2set-Np2set_Girl01 {
display: block;
width: 75%;
margin-right: auto;
margin-bottom: 40px;
margin-left: auto;
}
.nameDays2set-Np2set_Girl02 {
display: block;
width: 80%;
margin-top: 32px;
margin-right: auto;
margin-left: auto;
}
.nameDays2set-Np2set_Back p {
display: inline-block;
margin-bottom: 24px;
font-size: 24px;
font-size: 2.4rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
}
.nameDays2set-Np2set_Back p span {
position: relative;
display: block;
font-size: 28px;
font-size: 2.8rem;
font-weight: 700;
}
.nameDays2set-Np2set_Back p span:before, .nameDays2set-Np2set_Back p span:after {
content: "";
position: absolute;
top: 50%;
display: inline-block;
width: 44px;
height: 2px;
background-color: black;
}
.nameDays2set-Np2set_Back p span:before {
left: -1.5em;
-webkit-transform: rotate(60deg);
transform: rotate(60deg);
}
.nameDays2set-Np2set_Back p span:after {
right: -1.5em;
-webkit-transform: rotate(-60deg);
transform: rotate(-60deg);
} .nameDays2set-NpParticular {
width: 90%;
margin-top: 40px;
margin-right: auto;
margin-left: auto;
text-align: left;
color: #333;
background-color: #f5f5f5;
}
.nameDays2set-NpParticular p {
margin-bottom: 1em;
}
.nameDays2set-NpParticular .nameDays2set-NpParticular_Wrapper {
margin-bottom: 24px;
}
.nameDays2set-NpParticular .nameDays2set-NpParticular_Wrapper img {
margin-bottom: 16px;
}
.nameDays2set-NpParticular h5 {
margin-bottom: 8px;
font-size: 18px;
font-size: 1.8rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
}
.nameDays2set-NpParticular_Heading {
margin-bottom: 8.533%;
text-align: center;
}
.nameDays2set-NpParticular_Heading img {
display: block;
width: 30%;
margin-right: auto;
margin-bottom: 8px;
margin-left: auto;
}
.nameDays2set-NpParticular_Heading h4 {
position: relative;
padding-bottom: 16px;
font-size: 27px;
font-size: 2.7rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
letter-spacing: 0.1em;
text-align: center;
}
.nameDays2set-NpParticular_Heading h4::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 7px;
background: -webkit-repeating-linear-gradient(-45deg, #9f1000, #9f1000 2px, #fff 2px, #fff 4px);
background: -webkit-repeating-linear-gradient(135deg, #9f1000, #9f1000 2px, #fff 2px, #fff 4px);
background: repeating-linear-gradient(-45deg, #9f1000, #9f1000 2px, #fff 2px, #fff 4px);
}
.nameDays2set-NpParticular_Heading h4 span {
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
font-size: 34px;
font-size: 3.4rem;
color: #9f1000;
}
.nameDays2set-NpParticular_Catch {
position: relative;
display: inline-block;
padding: 0 2.5em;
font-size: 20px;
font-size: 2rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
}
.nameDays2set-NpParticular_Catch::before, .nameDays2set-NpParticular_Catch::after {
content: "";
position: absolute;
top: 50%;
display: inline-block;
width: 1.5em;
height: 1px;
background-color: black;
}
.nameDays2set-NpParticular_Catch::before {
left: 0;
-webkit-transform: rotate(60deg);
transform: rotate(60deg);
}
.nameDays2set-NpParticular_Catch::after {
right: 0;
-webkit-transform: rotate(-60deg);
transform: rotate(-60deg);
}
.nameDays2set-NpParticular_Wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.nameDays2set-NpParticular_Wrapper > * {
margin-right: 2%;
}
.nameDays2set-NpParticular_Wrapper > *:first-child {
width: 55%;
margin-right: 4%;
}
.nameDays2set-NpParticular_Wrapper > *:last-child {
width: 41%;
margin-right: 0;
}
.nameDays2set-NpParticular_Wrapper img {
border: 1px solid #ccc;
} .nameDays2set-Wrapping {
width: 94%;
margin-right: auto;
margin-bottom: 56px;
margin-left: auto;
}
.nameDays2set-Wrapping .nameDays2set-Wrapping_Service ul {
width: 90%;
margin-right: auto;
margin-left: auto;
list-style: disc;
}
.nameDays2set-Wrapping .nameDays2set-Wrapping_Service > *:first-child h3 {
margin-top: 40px;
margin-bottom: 40px;
}
.nameDays2set-Wrapping .nameDays2set-Wrapping_Service > *:last-child h3 {
margin-bottom: 16px;
}
.nameDays2set-Wrapping .nameDays2set-Wrapping_Service div {
margin-bottom: 56px;
}
.nameDays2set-Wrapping .nameDays2set-Wrapping_Service h3 {
font-size: 28px;
font-size: 2.8rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
text-align: center;
}
.nameDays2set-Wrapping .nameDays2set-Wrapping_Service figure {
margin-bottom: 24px;
}
.nameDays2set-Wrapping_Full {
overflow: hidden;
padding-bottom: 80px;
background-image: url(//kanrekiiwai.biz/wp/img/name/wine/days2set/image_dec-tl.png), url(//kanrekiiwai.biz/wp/img/name/wine/days2set/image_dec-tr.png), url(//kanrekiiwai.biz/wp/img/name/wine/days2set/image_dec-bl.png), url(//kanrekiiwai.biz/wp/img/name/wine/days2set/image_dec-br.png);
background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
background-position: top 10px left 10px, top 10px right 10px, bottom 10px left 10px, bottom 10px right 10px;
background-size: 70px, 70px, 70px, 70px;
background-color: #400f08;
}
.nameDays2set-Wrapping_Full h4 {
width: 60%;
margin-top: 40px;
margin-right: auto;
margin-bottom: 40px;
margin-left: auto;
padding-bottom: 20px;
border-bottom: 1px solid rgba(255, 255, 255, 0.9);
font-size: 24px;
font-size: 2.4rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
text-align: center;
letter-spacing: 0.1em;
} .nameDays2set-Wine {
width: 94%;
margin-right: auto;
margin-bottom: 56px;
margin-left: auto;
}
.nameDays2set-Wine h3 {
margin-bottom: 8px;
font-size: 30px;
font-size: 3rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
}
.nameDays2set-Wine h3 .nameDays2set-Wine_Type-red {
color: #c8300d;
}
.nameDays2set-Wine h3 .nameDays2set-Wine_Type-white {
color: #5e7846;
}
.nameDays2set-Wine .nameDays2set-Wine_Taste {
font-size: 16px;
font-size: 1.6rem;
}
.nameDays2set-Wine ul {
margin-top: 40px;
}
.nameDays2set-Wine ul > * {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
margin-bottom: 24px;
padding: 1em;
border-radius: 10px;
background-color: rgba(64, 15, 8, 0.8);
}
.nameDays2set-Wine ul > * > * {
margin-right: 2%;
}
.nameDays2set-Wine ul > * figure {
width: 40%;
margin-right: 4%;
}
.nameDays2set-Wine ul > * .nameDays2set-Wine_Text {
width: 56%;
margin-right: 0;
}
.nameDays2set-Wine ul > * .nameDays2set-Wine_Text h4 {
margin-bottom: 16px;
padding-top: 16px;
padding-bottom: 16px;
border-top: 1px solid rgba(255, 255, 255, 0.2);
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.nameDays2set-Wine ul > * .nameDays2set-Wine_Text p {
margin-bottom: 1em;
font-size: 14px;
font-size: 1.4rem;
}
.nameDays2set-Wine ul > * .nameDays2set-Wine_Text > *:last-child {
margin-bottom: 0;
}
.nameDays2set-Wine ul > *:last-child {
margin-bottom: 0;
}
.nameDays2set-Wine_MainImg {
margin-bottom: 24px;
}
.nameDays2set-Wine_LeadText,
.nameDays2set-Wine_TypeText {
width: 94%;
margin-top: 1em;
margin-right: auto;
margin-bottom: 4em;
margin-left: auto;
}
.nameDays2set-Winary {
width: 90%;
margin-right: auto;
margin-left: auto;
}
.nameDays2set-Winary h3 {
margin-bottom: 16px;
font-size: 20px;
font-size: 2rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
line-height: 2.4;
text-align: center;
color: #fff;
background-color: rgba(255, 255, 255, 0.1);
}
.nameDays2set-Winary figure {
margin-bottom: 8px;
text-align: center;
}
.nameDays2set-Winary figure figcaption {
margin-top: 0.5em;
} .nameDays2set-Chanko {
position: relative;
}
.nameDays2set-Chanko_Wrapper {
position: absolute;
top: 15.8%;
left: 4%;
width: 94%;
line-height: 1.4;
} .nameDays2set-Review {
width: 94%;
margin-right: auto;
margin-bottom: 56px;
margin-left: auto;
}
.nameDays2set-Review:last-child {
margin-bottom: 0;
}
.nameDays2set-Review h3 {
margin-bottom: 40px;
font-size: 26px;
font-size: 2.6rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
line-height: 2.5;
text-align: center;
color: #fff;
background-color: #9f1000;
border-top: 1px solid #c69c6d;
border-bottom: 1px solid #c69c6d;
}
.nameDays2set-Review_Box {
margin-right: auto;
margin-bottom: 24px;
margin-left: auto;
padding: 2em;
color: #333;
background-color: #F5ECC5;
}
.nameDays2set-Review_Heading {
margin-bottom: 1em;
padding-bottom: 0.5em;
font-size: 18px;
font-size: 1.8rem;
font-weight: 700;
border-bottom: 1px dashed #333;
}
.nameDays2set-Review_Spec {
float: right;
font-weight: normal;
}
.nameDays2set-Review_Spec:after {
content: "";
display: block;
clear: both;
}
.nameDays2set-Review_Star {
display: inline-block;
margin-right: 0.5em;
color: #d2b750;
} .nameDays2set-Delivery {
width: 94%;
margin-right: auto;
margin-left: auto;
padding-top: 16px;
padding-bottom: 40px;
color: #333;
background-color: #f5f5f5;
}
.nameDays2set-Delivery h3 {
width: 90%;
margin-right: auto;
margin-bottom: 40px;
margin-left: auto;
padding-top: 0.5em;
padding-bottom: 0.5em;
font-size: 24px;
font-size: 2.4rem;
letter-spacing: 0.1em;
text-align: center;
color: #fff;
background-color: #111;
}
.nameDays2set-Delivery h4 {
margin-bottom: 24px;
font-size: 28px;
font-size: 2.8rem;
line-height: 1.4;
}
.nameDays2set-Delivery h4 strong {
font-size: 38px;
font-size: 3.8rem;
}
.nameDays2set-Delivery strong {
color: #9f1000;
}
.nameDays2set-Delivery_Text {
width: 80%;
margin-right: auto;
margin-left: auto;
}
.nameDays2set-Delivery_Text > * {
margin-bottom: 1em;
}
.nameDays2set-Delivery_Text ul {
list-style: disc outside;
}
.nameDays2set-Delivery_Text ul > * {
margin-bottom: 1em;
}
.nameDays2set-Step {
margin-top: 40px;
margin-bottom: 40px;
list-style: none !important;
}
.nameDays2set-Step span {
display: block;
margin-top: 16px;
margin-bottom: 16px;
text-align: center;
}
.nameDays2set-Step_Title {
margin-bottom: 1em;
}
.nameDays2set-Step_Box {
border: 1px solid #e1d8b7;
}
.nameDays2set-Step_Box > * {
margin-bottom: 1em;
}
.nameDays2set-Step_Box > *:first-child {
text-align: center;
line-height: 2.5;
color: #333;
background-color: #e1d8b7;
}
.nameDays2set-Step_Box > *:nth-child(n+2) {
width: 90%;
margin-right: auto;
margin-left: auto;
}
.nameDays2set-Hurry {
width: 90%;
margin-right: auto;
margin-left: auto;
font-size: 20px;
font-size: 2rem;
text-align: center;
}
.nameDays2set-Hurry strong {
margin-left: 5px;
font-size: 30px;
font-size: 3rem;
border-bottom: 3px solid;
}
.nameDays2set-Hurry > * {
margin-bottom: 24px;
}
.nameDays2set-Hurry_Title {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
margin-bottom: 40px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
text-align: left;
}
.nameDays2set-Hurry_Title > * {
margin-right: 2%;
}
.nameDays2set-Hurry_Title img {
width: 18%;
margin-right: 16px;
}
.nameDays2set-Hurry_Title p {
width: calc(82% - 16px);
margin-right: 0;
line-height: 1.3;
font-size: 30px;
font-size: 3rem;
font-weight: 700;
}
.nameDays2set-Hurry_Title p span {
font-size: 40px;
font-size: 4rem;
color: #9f1000;
}
.nameDays2set-Hurry_MainImg {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
width: 80%;
margin-right: auto;
margin-bottom: 40px;
margin-left: auto;
}
.nameDays2set-Hurry_MainImg > * {
margin-right: 2%;
}
.nameDays2set-Hurry_MainImg > * {
width: calc((100% - 32px) / 2);
}
.nameDays2set-Hurry_MainImg > *:first-child {
margin-right: 32px;
}
.nameDays2set-Hurry_MainImg > *:last-child {
margin-right: 0;
}
.nameDays2set-Hurry_Text {
margin-bottom: 40px;
font-size: 26px;
font-size: 2.6rem;
text-align: center;
font-weight: 700;
}
.nameDays2set-Hurry_Text span {
font-size: 32px;
font-size: 3.2rem;
color: #9f1000;
}
.nameDays2set-Hurry_Text br {
display: none;
}
.nameDays2set-Hurry_Link {
margin-bottom: 40px;
text-align: center;
}
.nameDays2set-Contact {
width: 90%;
margin-right: auto;
margin-left: auto;
}
.nameDays2set-Contact h4 {
margin-bottom: 1em;
font-size: 16px;
font-size: 1.6rem;
}
.nameDays2set-Contact_Wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding-right: 8px;
padding-top: 8px;
padding-left: 8px;
padding-bottom: 8px;
background-color: #e1d8b7;
}
.nameDays2set-Contact_Wrapper > * {
margin-right: 2%;
}
.nameDays2set-Contact_Wrapper figure {
display: inline-block;
}
.nameDays2set-Contact_Wrapper figure img {
margin-right: 8px;
width: 3em;
}
.nameDays2set-Contact_Wrapper p {
display: inline-block;
vertical-align: middle;
}
.nameDays2set-Contact_Wrapper:first-of-type {
margin-bottom: 40px;
}
.nameDays2set-Contact_Tel {
width: 48%;
margin-right: 4%;
border-right: 1px solid #fff;
}
.nameDays2set-Contact_Tel p {
font-size: 24px;
font-size: 2.4rem;
line-height: 1;
}
.nameDays2set-Contact_Fax {
width: 48%;
margin-right: 0;
}
.nameDays2set-Contact_Btn {
text-align: center;
}
.nameDays2set-Contact_Btn img {
width: 90%;
}
.nameDays2set-Contact_Airplane figure {
width: 3em;
margin-right: 16px;
}
.nameDays2set-Contact_Airplane p {
width: calc(100% - 3em - 16px);
margin-right: 0;
font-size: 20px;
font-size: 2rem;
}
.nameDays2set-Contact_Airplane p span {
display: block;
font-size: 13px;
font-size: 1.3rem;
} .nameDays2set-Others {
padding-top: 24px;
padding-bottom: 24px;
text-align: center;
color: #333;
background-color: #F5ECC5;
}
.nameDays2set-Others_Title {
margin-bottom: 24px;
font-size: 28px;
font-size: 2.8rem;
font-weight: 700;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
}  .nameBeer-Container {
font-family: "Zen Kaku Gothic New", sans-serif;
}
.nameBeer-Container svg {
display: block;
width: 100%;
}
.nameBeer-Container svg image {
width: 100%;
height: auto;
}
.nameBeer-Container_Banner {
width: 90%;
margin: 0 auto 80px auto;
}
.nameBeer01-Intro {
position: relative;
background-color: #faf8f3;
overflow: hidden;
}
.nameBeer01-Hero01 {
position: relative;
}
.nameBeer01-Hero01 h2 {
position: absolute;
top: 32px;
right: 0;
left: 0;
margin-right: auto;
margin-left: auto;
width: 9em;
color: #fff;
font-weight: 700;
z-index: 0;
text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
-webkit-transform: skewY(-5deg);
transform: skewY(-5deg);
font-size: 76px;
font-size: 7.6rem;
line-height: 1;
}
.nameBeer01-Hero01 h2 span {
position: relative;
}
.nameBeer01-Hero01 h2 span:nth-child(1), .nameBeer01-Hero01 h2 span:nth-child(2) {
display: inline-block;
padding: 0 0.2em;
}
.nameBeer01-Hero01 h2 span:nth-child(1)::after, .nameBeer01-Hero01 h2 span:nth-child(2)::after {
content: "";
width: 100%;
height: 0.15em;
display: inline-block;
position: absolute;
bottom: -0.1em;
left: 0;
z-index: -1;
background-color: rgba(255, 230, 0, 0.9);
}
.nameBeer01-Hero01 h2 span:nth-child(1) {
margin-bottom: 0.3em;
}
.nameBeer01-Hero01 h2 span:nth-child(2) {
margin-bottom: 0.4em;
margin-left: 1.3em;
}
.nameBeer01-Hero01 h2 span:nth-child(3) {
display: block;
font-size: 58px;
font-size: 5.8rem;
text-align: right;
}
.nameBeer01-Hero01_Wrap {
position: absolute;
width: 190px;
height: auto;
top: 290px;
left: 60px;
}
.nameBeer01-Hero01_Svg {
position: relative;
width: 100%;
}
.nameBeer01-Hero01_Svg #nameBeer01-Hero01_Icon {
-webkit-clip-path: url(#nameBeer01-Hero01_Clip);
clip-path: url(#nameBeer01-Hero01_Clip);
}
.nameBeer01-Hero01_Svg #nameBeer01-Hero01_Clip {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-animation: clip 15s linear infinite;
animation: clip 15s linear infinite;
}
@-webkit-keyframes clip {
0% {
-webkit-transform: rotateZ(0deg);
transform: rotateZ(0deg);
}
100% {
-webkit-transform: rotateZ(360deg);
transform: rotateZ(360deg);
}
}
@keyframes clip {
0% {
-webkit-transform: rotateZ(0deg);
transform: rotateZ(0deg);
}
100% {
-webkit-transform: rotateZ(360deg);
transform: rotateZ(360deg);
}
}
.nameBeer01-Hero01_Text {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
z-index: 1;
}
.nameBeer01-Hero01_Text > * {
margin-right: 2%;
}
.nameBeer01-Hero01_Text::before {
content: "";
position: absolute;
left: 0;
top: 0;
-webkit-transform: skewY(-3deg);
transform: skewY(-3deg);
-webkit-transform-origin: top left;
transform-origin: top left;
z-index: -1;
width: 100%;
height: 100%;
background: #221f20;
}
.nameBeer01-Hero01_Text figure {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
width: 230px;
margin-top: -38px;
margin-right: 40px;
}
.nameBeer01-Hero01_Text figure img {
position: absolute;
max-width: none;
width: 150%;
margin-left: -60px;
}
.nameBeer01-Hero01_Text p {
margin-right: 0;
padding: 0.5em 0 2em;
font-size: 32px;
font-size: 3.2rem;
text-align: left;
font-weight: 700;
color: #fff;
line-height: 1;
}
.nameBeer01-Hero01_Text span {
display: block;
margin: 0.3em 0;
font-size: 56px;
font-size: 5.6rem;
letter-spacing: -2px;
line-height: 1;
font-weight: 700;
color: #cdad5c;
}
.nameBeer01-Hero02 {
position: relative;
margin-top: -7%;
font-size: 40px;
font-size: 4rem;
font-weight: 700;
}
.nameBeer01-Hero02 p {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
text-align: center;
width: 100%;
}
.nameBeer01-Hero02 span {
display: inline-block;
margin-bottom: 32px;
padding-left: 0.5em;
line-height: 1.8;
background-color: rgba(255, 255, 255, 0.8);
}
.nameBeer01-Hero02 span:nth-of-type(2) {
padding-right: 0.5em;
}
.nameBeer01-Hero02 span:last-of-type {
margin-bottom: 0;
}
.nameBeer01-Point {
position: relative;
margin-bottom: 40px;
}
.nameBeer01-Point p, .nameBeer01-Point h3 {
position: absolute;
top: -1em;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
padding-top: 1em;
padding-bottom: 1em;
background-color: rgba(34, 31, 32, 0.8);
color: #fff;
font-size: 30px;
font-size: 3rem;
line-height: 1;
}
.nameBeer01-Point p {
right: 40px;
padding-right: 0.6em;
padding-left: 0.6em;
font-weight: 700;
}
.nameBeer01-Point .nameBeer01-Point_Title {
right: calc(70px + 0.6em + 0.6em + 16px);
padding-right: 1em;
padding-left: 1em;
}
.nameBeer01-Point .nameBeer01-Point_S {
display: block;
margin-left: 16px;
font-size: 40px;
font-size: 4rem;
text-indent: -0.5em;
}
.nameBeer01-Point .nameBeer01-Point_L {
font-size: 50px;
font-size: 5rem;
}
.nameBeer01-Point .nameBeer01-Point_Num {
display: inline-block;
width: 1em;
margin-bottom: 2px;
vertical-align: bottom;
}
.nameBeer01-Point01 {
position: relative;
margin-bottom: 90px;
}
.nameBeer01-Point01 > figure {
margin-bottom: 24px;
}
.nameBeer01-Point02 {
position: relative;
margin-bottom: 90px;
}
.nameBeer01-Point01 > figure {
border-top: 6px solid #cf2c26;
}
.nameBeer01-Point02 > figure {
border-top: 6px solid #00a3b7;
}
.nameBeer01-Point03 {
position: relative;
margin-bottom: 80px;
}
.nameBeer01-Point03 > figure {
margin-bottom: 24px;
border-top: 6px solid #ffcb1f;
}
.nameBeer01-Point01_Num,
.nameBeer01-Point02_Num,
.nameBeer01-Point03_Num {
position: absolute;
width: 95px;
top: -66px;
left: calc(50% - 45px);
}
.nameBeer01-Point01_Title h3,
.nameBeer01-Point02_Title h3,
.nameBeer01-Point03_Title h3 {
margin-bottom: 16px;
text-align: center;
}
.nameBeer01-Point01_Title h3 span,
.nameBeer01-Point02_Title h3 span,
.nameBeer01-Point03_Title h3 span {
display: block;
}
.nameBeer01-Point01_Title h3 span:nth-of-type(1),
.nameBeer01-Point02_Title h3 span:nth-of-type(1),
.nameBeer01-Point03_Title h3 span:nth-of-type(1) {
position: relative;
margin-bottom: 8px;
font-size: 34px;
font-size: 3.4rem;
font-weight: 700;
line-height: 1;
text-align: center;
}
.nameBeer01-Point01_Title h3 span:nth-of-type(1)::before, .nameBeer01-Point01_Title h3 span:nth-of-type(1)::after,
.nameBeer01-Point02_Title h3 span:nth-of-type(1)::before,
.nameBeer01-Point02_Title h3 span:nth-of-type(1)::after,
.nameBeer01-Point03_Title h3 span:nth-of-type(1)::before,
.nameBeer01-Point03_Title h3 span:nth-of-type(1)::after {
position: relative;
display: inline-block;
content: "";
background: #221f20;
width: 2px;
height: 1.2em;
margin-top: -0.2em;
vertical-align: middle;
}
.nameBeer01-Point01_Title h3 span:nth-of-type(1)::before,
.nameBeer01-Point02_Title h3 span:nth-of-type(1)::before,
.nameBeer01-Point03_Title h3 span:nth-of-type(1)::before {
margin: 0 0.7em;
-webkit-transform: rotate(-35deg);
transform: rotate(-35deg);
}
.nameBeer01-Point01_Title h3 span:nth-of-type(1)::after,
.nameBeer01-Point02_Title h3 span:nth-of-type(1)::after,
.nameBeer01-Point03_Title h3 span:nth-of-type(1)::after {
margin: 0 0.5em;
-webkit-transform: rotate(35deg);
transform: rotate(35deg);
}
.nameBeer01-Point01_Title h3 span:nth-of-type(2),
.nameBeer01-Point02_Title h3 span:nth-of-type(2),
.nameBeer01-Point03_Title h3 span:nth-of-type(2) {
width: 88%;
margin: 0 auto;
padding-bottom: 24px;
font-size: 65px;
font-size: 6.5rem;
font-weight: 900;
line-height: 1;
}
.nameBeer01-Point01_Title h3 span:nth-of-type(2) {
color: #cf2c26;
background: url(//kanrekiiwai.biz/wp/img/name/beer/01/line_wave-red.png) left bottom repeat-x;
background-size: 41px;
}
.nameBeer01-Point02_Title h3 span:nth-of-type(2) {
color: #00a3b7;
background: url(//kanrekiiwai.biz/wp/img/name/beer/01/line_wave-blue.png) bottom repeat-x;
background-size: 41px;
}
.nameBeer01-Point03_Title h3 span:nth-of-type(2) {
color: #ffcb1f;
background: url(//kanrekiiwai.biz/wp/img/name/beer/01/line_wave-yellow.png) bottom repeat-x;
background-size: 41px;
}
.nameBeer01-Point03_Title h3 b {
display: inline-block;
margin-top: -0.1em;
padding: 0 0.1em;
font-size: 80px;
font-size: 8rem;
font-weight: 900;
}
.nameBeer01-Point01_Icon img {
display: block;
position: absolute;
right: 40px;
bottom: -10px;
width: 100px;
}
.nameBeer01-Point02_Icon img {
display: block;
position: absolute;
width: 280px;
right: 0;
bottom: 0;
}
.nameBeer01-Point03_Icon img {
display: block;
position: absolute;
width: 160px;
right: 32px;
bottom: 0;
z-index: 1;
}
.nameBeer01-Point_Text {
position: relative;
width: 88%;
margin: 0 auto;
font-size: 20px;
font-size: 2rem;
}
.nameBeer01-Quantity {
margin-bottom: 72px;
}
.nameBeer01-Quantity_Title {
padding: 1em 0 calc(1em - 4px) 0;
text-align: center;
background-color: #221f20;
font-size: 30px;
font-size: 3rem;
}
.nameBeer01-Quantity_Title h3 {
position: relative;
display: inline-block;
margin-left: 2.3em;
color: #fff;
line-height: 1;
text-align: left;
}
.nameBeer01-Quantity_Title h3::before {
position: absolute;
content: "";
display: inline-block;
bottom: -4px;
width: 2em;
height: 3.2em;
background: url(//kanrekiiwai.biz/wp/img/name/beer/01/num_6.png) no-repeat;
background-size: contain;
background-position: bottom;
margin-left: -2.3em;
}
.nameBeer01-Quantity_Title .nameBeer01-Quantity_Title-l {
display: block;
margin-top: 0.3em;
font-size: 40px;
font-size: 4rem;
font-weight: 700;
color: #cdad5c;
}
.nameBeer01-Quantity_Title .nameBeer01-Quantity_Title-s {
font-size: 30px;
font-size: 3rem;
}
.nameBeer01-Osusume > p {
position: relative;
padding: 0.5em 0;
-webkit-transform: skewY(-3deg);
transform: skewY(-3deg);
-webkit-transform-origin: top left;
transform-origin: top left;
background-color: #221f20;
font-size: 40px;
font-size: 4rem;
font-weight: 700;
font-style: italic;
color: #cdad5c;
text-align: center;
z-index: 1;
}
.nameBeer01-Osusume .nameBeer01-Osusume_Title {
position: relative;
padding-top: 16px;
padding-bottom: 16px;
padding-left: 31%;
background-color: #221f20;
font-size: 26px;
font-size: 2.6rem;
color: #fff;
font-weight: 700;
line-height: 1.5;
}
.nameBeer01-Osusume .nameBeer01-Osusume_Title figure {
position: absolute;
bottom: 1em;
left: 0;
width: 28%;
}
.nameBeer01-Osusume .nameBeer01-Osusume_Title span {
display: block;
}
.nameBeer01-Osusume .nameBeer01-Osusume_Title span:first-of-type {
margin-left: -0.5em;
}
.nameBeer01-Osusume .nameBeer01-Osusume_Title .nameBeer01-Osusume_Title-l {
font-size: 40px;
font-size: 4rem;
color: #cdad5c;
}
.nameBeer01-Osusume .nameBeer01-Osusume01 {
position: relative;
text-align: center;
z-index: 0;
}
.nameBeer01-Osusume .nameBeer01-Osusume01 figure {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
height: 480px;
overflow: hidden;
}
.nameBeer01-Osusume .nameBeer01-Osusume01 figure img {
max-width: none;
width: 100%;
}
.nameBeer01-Osusume .nameBeer01-Osusume01 .nameBeer01-Osusume_Inner {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.nameBeer01-Osusume .nameBeer01-Osusume01 h4 {
position: relative;
padding: 0.5em 1em;
font-size: 40px;
font-size: 4rem;
font-weight: 700;
letter-spacing: 0.1em;
color: #fff;
text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.7);
}
.nameBeer01-Osusume .nameBeer01-Osusume01 h4::before {
position: absolute;
content: "";
width: 1em;
height: 1em;
border-left: 1px solid rgba(255, 255, 255, 0.8);
border-top: 1px solid rgba(255, 255, 255, 0.8);
top: 0;
left: 0;
}
.nameBeer01-Osusume .nameBeer01-Osusume01 h4::after {
position: absolute;
content: "";
width: 1em;
height: 1em;
border-right: 1px solid rgba(255, 255, 255, 0.8);
border-bottom: 1px solid rgba(255, 255, 255, 0.8);
bottom: 0;
right: 0;
}
.nameBeer01-Osusume .nameBeer01-Osusume01 h4 span {
display: block;
white-space: nowrap;
}
.nameBeer01-Osusume .nameBeer01-Osusume02 {
position: relative;
text-align: center;
z-index: 0;
}
.nameBeer01-Osusume .nameBeer01-Osusume02 figure {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
height: 480px;
overflow: hidden;
}
.nameBeer01-Osusume .nameBeer01-Osusume02 figure img {
max-width: none;
width: 100%;
}
.nameBeer01-Osusume .nameBeer01-Osusume02 .nameBeer01-Osusume_Inner {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.nameBeer01-Osusume .nameBeer01-Osusume02 .nameBeer01-Osusume_Inner h4 {
position: relative;
font-size: 40px;
font-size: 4rem;
font-weight: 700;
letter-spacing: 0.1em;
color: #fff;
text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.7);
}
.nameBeer01-Osusume .nameBeer01-Osusume02 .nameBeer01-Osusume_Inner h4::before {
position: absolute;
content: "";
width: 1em;
height: 1em;
border-left: 1px solid rgba(255, 255, 255, 0.8);
border-top: 1px solid rgba(255, 255, 255, 0.8);
top: -0.5em;
left: -1em;
}
.nameBeer01-Osusume .nameBeer01-Osusume02 .nameBeer01-Osusume_Inner h4::after {
position: absolute;
content: "";
width: 1em;
height: 1em;
border-right: 1px solid rgba(255, 255, 255, 0.8);
border-bottom: 1px solid rgba(255, 255, 255, 0.8);
bottom: -0.3em;
right: -0.7em;
}
.nameBeer01-Osusume .nameBeer01-Osusume02 .nameBeer01-Osusume_Inner h4 span {
display: block;
white-space: nowrap;
}
.nameBeer01-Osusume .nameBeer01-Osusume03 {
position: relative;
text-align: left;
z-index: 0;
}
.nameBeer01-Osusume .nameBeer01-Osusume03 figure {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
height: 480px;
overflow: hidden;
}
.nameBeer01-Osusume .nameBeer01-Osusume03 figure img {
max-width: none;
width: 100%;
}
.nameBeer01-Osusume .nameBeer01-Osusume03 .nameBeer01-Osusume_Inner {
position: absolute;
top: 50%;
left: 88px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.nameBeer01-Osusume .nameBeer01-Osusume03 h4 {
position: relative;
font-size: 40px;
font-size: 4rem;
font-weight: 700;
letter-spacing: 0.1em;
color: #fff;
text-align: center;
text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.7);
}
.nameBeer01-Osusume .nameBeer01-Osusume03 h4::before {
position: absolute;
content: "";
width: 1em;
height: 1em;
border-left: 1px solid rgba(255, 255, 255, 0.8);
border-top: 1px solid rgba(255, 255, 255, 0.8);
top: -0.3em;
left: -0.7em;
}
.nameBeer01-Osusume .nameBeer01-Osusume03 h4::after {
position: absolute;
content: "";
width: 1em;
height: 1em;
border-right: 1px solid rgba(255, 255, 255, 0.8);
border-bottom: 1px solid rgba(255, 255, 255, 0.8);
bottom: -0.3em;
right: -0.7em;
}
.nameBeer01-Osusume .nameBeer01-Osusume03 h4 span {
display: block;
white-space: nowrap;
}
.nameBeer01-Osusume .nameBeer01-Osusume02,
.nameBeer01-Osusume .nameBeer01-Osusume03,
.nameBeer01-Osusume .nameBeer01-Osusume04 {
margin-top: -5.8%;
}
.nameBeer01-Osusume .nameBeer01-Osusume04 {
position: relative;
}
.nameBeer01-Osusume .nameBeer01-Osusume04 .nameBeer01-Osusume_Inner {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.nameBeer01-Osusume .nameBeer01-Osusume04 .nameBeer01-Osusume_Inner > * {
margin-right: 2%;
}
.nameBeer01-Osusume .nameBeer01-Osusume04 .nameBeer01-Osusume_Inner > * {
width: 32%;
}
.nameBeer01-Osusume .nameBeer01-Osusume04 .nameBeer01-Osusume_Inner > *:nth-child(3n) {
margin-right: 0;
}
.nameBeer01-Osusume .nameBeer01-Osusume04 .nameBeer01-Osusume_Inner h5 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 33.3333333333%;
margin: 0;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
font-size: 34px;
font-size: 3.4rem;
font-style: italic;
color: #fff;
text-shadow: 0 0 8px #221f20;
}
.nameBeer01-Osusume .nameBeer01-Osusume04 .nameBeer01-Osusume_Inner h5:nth-of-type(1) {
letter-spacing: 0.5em;
}
.nameBeer01-Osusume .nameBeer01-Osusume04 .nameBeer01-Osusume_Inner h5:nth-of-type(2) {
letter-spacing: 0.5em;
}
.nameBeer01-Osusume .nameBeer01-Osusume04 .nameBeer01-Osusume_Inner h5:nth-of-type(3) {
letter-spacing: 0.1em;
}
.nameBeer01-Sean {
position: relative;
width: 80%;
margin: -32px auto 40px auto;
}
.nameBeer01-Kanban {
position: relative;
}
.nameBeer01-Kanban > p {
position: absolute;
width: 180px;
top: 220px;
left: 32px;
}
.nameBeer01-Kanban_Title {
position: absolute;
top: 0;
left: 3%;
width: 94%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: end;
-webkit-align-items: end;
-ms-flex-align: end;
align-items: end;
}
.nameBeer01-Kanban_Title > * {
margin-right: 2%;
}
.nameBeer01-Kanban_Title p:nth-of-type(1) {
width: 76%;
margin-right: 3%;
color: #fff;
font-weight: 700;
font-style: italic;
text-align: center;
line-height: 1;
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}
.nameBeer01-Kanban_Title p:nth-of-type(1) span {
position: relative;
display: inline-block;
white-space: nowrap;
z-index: 0;
}
.nameBeer01-Kanban_Title p:nth-of-type(1) span::after {
content: "";
width: 100%;
height: 7px;
display: inline-block;
position: absolute;
bottom: -3.5px;
left: 0;
z-index: -1;
background-color: rgba(255, 230, 0, 0.9);
}
.nameBeer01-Kanban_Title p:nth-of-type(1) span:nth-of-type(1) {
margin-bottom: 8px;
font-size: 68px;
font-size: 6.8rem;
}
.nameBeer01-Kanban_Title p:nth-of-type(1) span:nth-of-type(2) {
font-size: 82px;
font-size: 8.2rem;
}
.nameBeer01-Kanban_Title p:nth-of-type(2) {
width: 21%;
margin-right: 0;
}
.nameBeer01-Kanban_Title p:nth-of-type(2) span {
display: block;
font-weight: 700;
font-size: 20px;
font-size: 2rem;
}
.nameBeer01-Kanban_Title p:nth-of-type(2) span:nth-of-type(2) {
font-size: 35px;
font-size: 3.5rem;
}
.nameBeer01-Menu {
position: relative;
margin-bottom: 100px;
}
.nameBeer01-Menu ul {
width: 544px;
margin: -40px auto 0 auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
list-style: none;
}
.nameBeer01-Menu ul > * {
margin-right: 2%;
}
.nameBeer01-Menu ul li {
width: 115px;
margin-right: 28px;
}
.nameBeer01-Menu ul li:last-child {
margin-right: 0;
}
.nameBeer01-Label_HeroNum,
.nameBeer01-Color_HeroNum,
.nameBeer01-Beer_HeroNum {
position: relative;
text-align: center;
}
.nameBeer01-Label_HeroNum img,
.nameBeer01-Color_HeroNum img,
.nameBeer01-Beer_HeroNum img {
position: absolute;
top: -58.5px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: 84px;
height: auto;
z-index: 1;
}
.nameBeer01-Label_HeroNum {
border-top: 10px solid #cf2c26;
}
.nameBeer01-Color_Hero {
position: relative;
background-color: #faf8f3;
}
.nameBeer01-Color_Hero > figure {
margin-top: -140px;
}
.nameBeer01-Color_HeroNum {
border-top: 10px solid #00aabe;
}
.nameBeer01-Beer_HeroNum {
border-top: 10px solid #ffd21f;
}
.nameBeer01-Label_HeroTitle,
.nameBeer01-Color_HeroTitle,
.nameBeer01-Beer_HeroTitle {
position: relative;
}
.nameBeer01-Label_HeroTitle {
z-index: 1;
}
.nameBeer01-Color_HeroTitle {
z-index: 0;
}
.nameBeer01-Label_HeroText,
.nameBeer01-Color_HeroText,
.nameBeer01-Beer_HeroText {
position: relative;
padding: 90px 0 30px 0;
overflow: hidden;
}
.nameBeer01-Label_HeroText img,
.nameBeer01-Color_HeroText img,
.nameBeer01-Beer_HeroText img {
position: relative;
display: block;
width: 560px;
margin: 0 auto;
z-index: 1;
}
.nameBeer01-Label_HeroText::after,
.nameBeer01-Color_HeroText::after,
.nameBeer01-Beer_HeroText::after {
content: "";
width: 130%;
height: 70px;
display: inline-block;
position: absolute;
bottom: calc(50% - 35px);
left: 50%;
-webkit-transform: translateX(-50%) rotate(-17deg);
transform: translateX(-50%) rotate(-17deg);
z-index: 0;
}
.nameBeer01-Label_HeroText::after {
background-color: rgba(255, 240, 30, 0.9);
}
.nameBeer01-Color_HeroText img {
width: 560px;
}
.nameBeer01-Color_HeroText::after {
background-color: rgba(255, 240, 30, 0.9);
}
.nameBeer01-Beer_HeroText::after {
background-color: rgba(255, 240, 30, 0.9);
}
.nameBeer01-Label_HeroImg {
position: relative;
overflow: hidden;
}
.nameBeer01-Label_HeroImg p:nth-of-type(1) {
position: absolute;
width: 190px;
top: 0;
left: 80px;
z-index: 1;
}
.nameBeer01-Label_HeroImg p:nth-of-type(2) {
position: absolute;
width: 11em;
top: 0;
right: 40px;
font-size: 20px;
font-size: 2rem;
z-index: 1;
}
.nameBeer01-Label_HeroImg p:nth-of-type(2) span {
display: block;
margin-bottom: 0.5em;
}
.nameBeer01-Label_HeroImg p:nth-of-type(2) span:last-of-type {
margin-bottom: 0;
}
.nameBeer01-Color_HeroImg {
position: relative;
overflow: hidden;
z-index: 1;
}
.nameBeer01-Color_HeroImg figure:nth-of-type(2) {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: right;
-webkit-justify-content: right;
-ms-flex-pack: right;
justify-content: right;
margin-top: -120px;
margin-right: -60px;
}
.nameBeer01-Color_HeroImg figure:nth-of-type(2) img {
display: block;
width: 65%;
}
.nameBeer01-Beer_HeroImg {
position: relative;
z-index: 1;
}
.nameBeer01-Color_HeroBox p {
position: absolute;
width: 10em;
top: 720px;
left: 36px;
font-size: 20px;
font-size: 2rem;
line-height: 2;
z-index: 1;
}
.nameBeer01-Color_HeroBox p > span:first-child {
display: block;
margin-bottom: 1em;
}
.nameBeer01-Label_Wrap {
position: relative;
padding-bottom: 8px;
z-index: 2;
}
.nameBeer01_Text-small {
margin-top: 0.5em;
font-size: 13px;
font-size: 1.3rem;
}
.nameBeer01_Text-red {
color: #cf2c26;
}
.nameBeer01_Text-white {
color: #ebe3c2;
}
.nameBeer01_Text-rightblue {
color: #40a6c5;
}
.nameBeer01_Text-pink {
color: #f05a64;
}
.nameBeer01_Text-rightgreen {
color: #9bc300;
}
.nameBeer01_Text-navy {
color: #121a50;
}
.nameBeer01_Text-green {
color: #1f8a4a;
}
.nameBeer01_Text-gold {
color: #a68000;
}
.nameBeer01-Lead {
margin: 32px auto 24px auto;
font-size: 22px;
font-size: 2.2rem;
font-weight: 700;
}
.nameBeer01-Lead p {
line-break: anywhere;
}
.nameBeer01-Lead span {
color: #cf2c26;
font-weight: 700;
}
.nameBeer01-Lead_Small {
margin-top: 0.5em;
font-size: 18px;
font-size: 1.8rem;
font-weight: normal;
}
.nameBeer01-Speech01:last-child {
position: relative;
margin-top: 64px;
margin-bottom: 16px;
padding: 20px 100px 20px 40px;
border-radius: 9999px;
background-color: #fff01e;
font-weight: 700;
}
.nameBeer01-Speech01:last-child img {
position: absolute;
right: 0;
bottom: -16px;
width: 150px;
}
.nameBeer01-Speech02 {
position: relative;
padding-left: 140px;
font-size: 18px;
font-size: 1.8rem;
font-weight: 700;
}
.nameBeer01-Speech02 img {
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
width: 220px;
}
.nameBeer01-Label_Name,
.nameBeer01-Label_Date,
.nameBeer01-Label_Message {
width: 580px;
margin: 0 auto 40px auto;
}
.nameBeer01-Label {
margin-bottom: 24px;
background-color: #faf8f3;
}
.nameBeer01-Color {
margin-bottom: 80px;
}
.nameBeer01-Beer {
margin-bottom: 40px;
padding-bottom: 24px;
background-color: #faf8f3;
}
.nameBeer01-Label_Customize {
position: relative;
margin-top: -40px;
margin-bottom: 64px;
}
.nameBeer01-Label_Customize p:nth-child(1) {
width: 80%;
margin: 0 auto 16px auto;
}
.nameBeer01-Label_Customize p:nth-child(2) {
width: 90%;
margin: 0 auto;
}
.nameBeer01-Label_Date {
margin-top: 88px;
}
.nameBeer01-Label_Date .nameBeer01-Label_Title {
background-color: #00aabe;
}
.nameBeer01-Label_Date .nameBeer01-Lead {
text-align: center;
}
.nameBeer01-Label_Date .nameBeer01-Label_Ex {
margin-bottom: 80px;
}
.nameBeer01-Label_Date .nameBeer01-Label_PtWrap {
padding-bottom: 24px;
}
.nameBeer01-Label_Message {
margin-top: 88px;
}
.nameBeer01-Label_Message .nameBeer01-Label_Title {
background-color: #ffb428;
letter-spacing: normal;
}
.nameBeer01-Label_Message .nameBeer01-Lead {
margin-bottom: 40px;
text-align: center;
}
.nameBeer01-Label_Message .nameBeer01-Label_Ex {
margin-bottom: 56px;
}
.nameBeer01-Label_Name {
padding-top: 24px;
}
.nameBeer01-Label_Name .nameBeer01-Label_Title {
background-color: #cf2c26;
}
.nameBeer01-Label_Name .nameBeer01-Label_Ex {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
margin-bottom: 56px;
text-align: center;
}
.nameBeer01-Label_Name .nameBeer01-Label_Ex > * {
margin-right: 2%;
}
.nameBeer01-Label_Name .nameBeer01-Label_Ex > * {
width: 49%;
}
.nameBeer01-Label_Name .nameBeer01-Label_Ex > *:nth-child(2n) {
margin-right: 0;
}
.nameBeer01-Label_Name .nameBeer01-Label_Ex > * {
margin-bottom: 16px;
padding-bottom: 8px;
border: 1px solid #221f20;
background-color: #fff;
}
.nameBeer01-Label_Name .nameBeer01-Label_Ex > * img {
width: 96%;
}
.nameBeer01-Label_Name .nameBeer01-Label_Ex span {
display: block;
}
.nameBeer01-Label_Name .nameBeer01-Label_Ex span:nth-of-type(1) {
padding-top: 8px;
border-top: 1px dotted #221f20;
font-size: 18px;
font-size: 1.8rem;
font-weight: 700;
}
.nameBeer01-Label_Name .nameBeer01-Label_Ex span:nth-of-type(2) {
font-size: 14px;
font-size: 1.4rem;
}
.nameBeer01-Label_Title {
position: relative;
width: 100%;
height: 64px; line-height: 64px; text-align: center;
font-size: 30px;
font-size: 3rem;
letter-spacing: 0.2em;
font-weight: 700;
color: #FFF;
}
.nameBeer01-Label_Title::before, .nameBeer01-Label_Title::after {
position: absolute;
content: "";
width: 0px;
height: 0px;
z-index: 1;
}
.nameBeer01-Label_Title::before {
top: 0;
left: 0;
border-width: 32px 0px 32px 15px;
border-color: transparent transparent transparent #faf8f3;
border-style: solid;
}
.nameBeer01-Label_Title::after {
top: 0;
right: 0;
border-width: 32px 15px 32px 0px;
border-color: transparent #faf8f3 transparent transparent;
border-style: solid;
}
.nameBeer01-Label_Title img {
position: absolute;
width: 66px;
top: -54px;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
}
.nameBeer01-Label_Caution {
position: relative;
margin-top: 48px;
padding: 2.3em 2em 2em;
background-color: #fff;
font-size: 17px;
font-size: 1.7rem;
font-weight: 700;
}
.nameBeer01-Label_Caution > *:first-child {
display: inline-block;
position: absolute;
top: -1.3em;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
padding: 0.8em 2em;
background-color: #221f20;
color: #ffe600;
text-align: center;
line-height: 1;
letter-spacing: 0.1em;
border-radius: 9999px;
}
.nameBeer01-Label_Caution span {
color: #cf2c26;
}
.nameBeer01-Label_Pt {
font-size: 16px;
font-size: 1.6rem;
}
.nameBeer01-Label_PtHeading {
position: relative;
height: 70px;
background-color: #221f20;
border-top-right-radius: 10px;
border-top-left-radius: 10px;
}
.nameBeer01-Label_PtHeading img {
position: absolute;
top: -45px;
left: 50%;
transform: translate(-50%, 0);
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
width: 470px;
}
.nameBeer01-Label_PtWrap {
padding: 40px 48px 0 48px;
background-color: #fff;
border-right: 2px solid #221f20;
border-bottom: 2px solid #221f20;
border-left: 2px solid #221f20;
}
.nameBeer01-Label_PtWrap > div {
margin-bottom: 8.533%;
padding-bottom: 8.533%;
border-bottom: 1px dashed #221f20;
}
.nameBeer01-Label_PtWrap > div:last-of-type {
margin-bottom: 1em;
padding: 0;
border-bottom: 0;
}
.nameBeer01-Label_PtTitle01,
.nameBeer01-Label_PtTitle02 {
position: relative;
height: 70px;
margin-bottom: 1em;
padding-left: 65px;
background-repeat: no-repeat;
background-size: contain;
font-size: 22px;
font-size: 2.2rem;
font-weight: 700;
line-height: 1.3;
}
.nameBeer01-Label_PtTitle01 p,
.nameBeer01-Label_PtTitle02 p {
position: absolute;
top: 50%;
left: 78px;
transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
}
.nameBeer01-Label_PtTitle01 span,
.nameBeer01-Label_PtTitle02 span {
font-size: 24px;
font-size: 2.4rem;
color: #cf2c26;
}
.nameBeer01-Label_PtTitle01 {
background-image: url(//kanrekiiwai.biz/wp/img/name/beer/01/label_point-icon1.png);
}
.nameBeer01-Label_PtTitle02 {
background-image: url(//kanrekiiwai.biz/wp/img/name/beer/01/label_point-icon2.png);
}
.nameBeer01-Label_PtEx {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: end;
-webkit-align-items: end;
-ms-flex-align: end;
align-items: end;
}
.nameBeer01-Label_PtEx > * {
margin-right: 2%;
}
.nameBeer01-Label_PtEx > * {
width: 49%;
}
.nameBeer01-Label_PtEx > *:nth-child(2n) {
margin-right: 0;
}
.nameBeer01-Label_Neutral {
margin-bottom: 8px;
font-size: 18px;
font-size: 1.8rem;
font-weight: 700;
text-align: center;
}
.nameBeer01-Label_Neutral::after {
content: "";
display: inline-block;
width: 2em;
height: 2em;
background: url(//kanrekiiwai.biz/wp/img/name/beer/01/icon_triangle.png) no-repeat;
background-size: contain;
background-position: bottom;
-webkit-transform: translate(4px, 6px);
transform: translate(4px, 6px);
}
.nameBeer01-Label_Good {
margin-bottom: 8px;
font-size: 18px;
font-size: 1.8rem;
font-weight: 700;
text-align: center;
}
.nameBeer01-Label_Good::after {
content: "";
display: inline-block;
width: 3em;
height: 3em;
background: url(//kanrekiiwai.biz/wp/img/name/beer/01/icon_circle.png) no-repeat;
background-size: contain;
background-position: bottom;
-webkit-transform: translate(4px, 6px);
transform: translate(4px, 6px);
}
.nameBeer01-Label_Bad {
margin-bottom: 8px;
font-size: 18px;
font-size: 1.8rem;
font-weight: 700;
text-align: center;
}
.nameBeer01-Label_Bad::after {
content: "";
display: inline-block;
width: 2em;
height: 2em;
background: url(//kanrekiiwai.biz/wp/img/name/beer/01/icon_cross.png) no-repeat;
background-size: contain;
background-position: bottom;
-webkit-transform: translate(4px, 6px);
transform: translate(4px, 6px);
}
.nameBeer01-Label_Baroon {
position: relative;
margin-top: 18px;
border-radius: 9999px;
font-size: 16px;
font-size: 1.6rem;
font-weight: 700;
line-height: 2.5;
color: #fff;
text-align: center;
}
.nameBeer01-Label_Baroon::before {
content: "";
position: absolute;
border: 8px solid transparent;
width: 0;
height: 0;
left: calc(50% - 8px);
top: -16px;
}
.nameBeer01-Label_Baroon-blue {
background: #2060a8;
}
.nameBeer01-Label_Baroon-blue::before {
border-bottom: 8px solid #2060a8;
}
.nameBeer01-Label_Baroon-red {
background: #cf2c26;
}
.nameBeer01-Label_Baroon-red::before {
border-bottom: 8px solid #cf2c26;
}
.nameBeer01-Label_MessageList {
position: relative;
margin-bottom: 40px;
background-color: #fff;
border: 1px solid #221f20;
font-size: 18px;
font-size: 1.8rem;
font-weight: 700;
}
.nameBeer01-Label_MessageList > *:first-child {
position: absolute;
top: -32px;
left: 50%;
transform: translate(-50%, 0);
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
width: 400px;
}
.nameBeer01-Label_MessageList ul {
list-style: none;
width: 450px;
margin: 64px auto 40px auto;
}
.nameBeer01-Label_MessageList ul li {
margin-top: 16px;
}
.nameBeer01-Label_MessageList ul p {
margin-bottom: 8px;
}
.nameBeer01-Label_MessageList ul img {
display: block;
width: 90%;
margin: 0 auto;
}
.nameBeer01-Label_OrMessage {
padding-bottom: 24px;
background-color: #fff;
}
.nameBeer01-Label_OrMessage > p:first-child {
margin-bottom: 24px;
background-color: #221f20;
font-size: 22px;
font-size: 2.2rem;
text-align: center;
line-height: 3;
color: #fff;
}
.nameBeer01-Label_OrMessage .nameBeer01-Lead {
width: 90%;
margin-bottom: 24px;
text-align: left;
}
.nameBeer01-Label_OrMessage .nameBeer01-Lead > * {
margin-bottom: 0.5em;
}
.nameBeer01-Label_OrMessage .nameBeer01-Lead > *:last-child {
margin-bottom: 0;
}
.nameBeer01-Label_OrMessage .nameBeer01-Lead span {
border-bottom: 3px solid;
}
.nameBeer01-Label_OrMessage .nameBeer01-Label_OrMessageEx {
width: 370px;
margin: 0 auto 40px auto;
font-size: 20px;
font-size: 2rem;
font-weight: 700;
list-style: none;
}
.nameBeer01-Label_OrMessage .nameBeer01-Label_OrMessageEx > * {
margin-bottom: 1em;
}
.nameBeer01-Label_OrMessage .nameBeer01-Label_OrMessageEx > *:last-child {
margin-bottom: 0;
}
.nameBeer01-Label_OrMessage .nameBeer01-Label_OrMessageEx > * p {
margin-bottom: 0.5em;
}
.nameBeer01-Label_OrMessage .nameBeer01-Label_OrMessageText {
width: 90%;
margin: 0 auto 40px auto;
}
.nameBeer01-Label_OrMessage .nameBeer01-Label_OrMessageText > *:first-child {
margin-bottom: 40px;
font-size: 22px;
font-size: 2.2rem;
line-height: 2.8;
font-weight: 700;
text-align: center;
background-color: #f2f2f2;
}
.nameBeer01-Label_OrMessage .nameBeer01-Label_OrMessageText-ok {
position: relative;
margin-bottom: 40px;
padding: 2em 0 1em 0;
background-color: #faeae9;
font-size: 20px;
font-size: 2rem;
}
.nameBeer01-Label_OrMessage .nameBeer01-Label_OrMessageText-ok > *:first-child {
position: absolute;
display: inline-block;
top: -0.5em;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
font-size: 22px;
font-size: 2.2rem;
line-height: 1;
letter-spacing: 0.2em;
}
.nameBeer01-Label_OrMessage .nameBeer01-Label_OrMessageText-ok > *:last-child {
font-size: 13px;
font-size: 1.3rem;
text-align: center;
}
.nameBeer01-Label_OrMessage .nameBeer01-Label_OrMessageText-ok ul {
width: 20em;
margin: 0 auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
list-style: none;
}
.nameBeer01-Label_OrMessage .nameBeer01-Label_OrMessageText-ok ul > * {
margin-right: 2%;
}
.nameBeer01-Label_OrMessage .nameBeer01-Label_OrMessageText-ok ul > * {
width: 32%;
}
.nameBeer01-Label_OrMessage .nameBeer01-Label_OrMessageText-ok ul > *:nth-child(3n) {
margin-right: 0;
}
.nameBeer01-Label_OrMessage .nameBeer01-Label_OrMessageText-ok li {
margin-bottom: 0.5em;
}
.nameBeer01-Label_OrMessage .nameBeer01-Label_OrMessageText-ok li::before {
content: "";
width: 1.5em;
height: 1.5em;
display: inline-block;
position: relative;
margin-right: 8px;
background-image: url(//kanrekiiwai.biz/wp/img/name/beer/01/icon_circle02.png);
background-size: contain;
background-repeat: no-repeat;
vertical-align: middle;
}
.nameBeer01-Label_OrMessage .nameBeer01-Label_OrMessageText-ng {
position: relative;
padding: 2em 0 1em 0;
background-color: #e0e9f3;
font-size: 20px;
font-size: 2rem;
}
.nameBeer01-Label_OrMessage .nameBeer01-Label_OrMessageText-ng > *:first-child {
position: absolute;
display: inline-block;
top: -0.5em;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
font-size: 22px;
font-size: 2.2rem;
line-height: 1;
letter-spacing: 0.2em;
}
.nameBeer01-Label_OrMessage .nameBeer01-Label_OrMessageText-ng ul {
width: 13em;
margin: 0 auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
list-style: none;
}
.nameBeer01-Label_OrMessage .nameBeer01-Label_OrMessageText-ng ul > * {
margin-right: 2%;
}
.nameBeer01-Label_OrMessage .nameBeer01-Label_OrMessageText-ng ul > * {
width: 49%;
}
.nameBeer01-Label_OrMessage .nameBeer01-Label_OrMessageText-ng ul > *:nth-child(2n) {
margin-right: 0;
}
.nameBeer01-Label_OrMessage .nameBeer01-Label_OrMessageText-ng li {
margin-bottom: 0.5em;
}
.nameBeer01-Label_OrMessage .nameBeer01-Label_OrMessageText-ng li::before {
content: "";
width: 1.3em;
height: 1.3em;
display: inline-block;
position: relative;
margin-right: 8px;
background-image: url(//kanrekiiwai.biz/wp/img/name/beer/01/icon_cross02.png);
background-size: contain;
background-repeat: no-repeat;
vertical-align: middle;
}
.nameBeer01-Label_OrMessageInfo {
width: 90%;
margin: 0 auto;
font-size: 16px;
font-size: 1.6rem;
border: 2px solid #221f20;
}
.nameBeer01-Label_OrMessageInfo > *:first-child {
margin-bottom: 24px;
text-align: center;
font-size: 24px;
font-size: 2.4rem;
line-height: 2.5;
border-bottom: 2px solid #221f20;
}
.nameBeer01-Label_OrMessageInfo ul {
width: 78%;
margin: 0 auto 32px auto;
}
.nameBeer01-Label_OrMessageInfo ul li {
margin-bottom: 1em;
}
.nameBeer01-Label_OrMessageInfo ul span {
background: -webkit-gradient(linear, left top, left bottom, color-stop(80%, transparent), color-stop(10%, lightpink));
background: -webkit-linear-gradient(transparent 80%, lightpink 10%);
background: linear-gradient(transparent 80%, lightpink 10%);
font-weight: 700;
}
.nameBeer01-Sample {
margin-bottom: 120px;
border: 1px solid;
background-color: #fff;
overflow: hidden;
background-image: -webkit-linear-gradient(45deg, #c6a65c 30px, transparent 0), -webkit-linear-gradient(135deg, #c6a65c 30px, transparent 0), -webkit-linear-gradient(315deg, #c6a65c 30px, transparent 0), -webkit-linear-gradient(225deg, #c6a65c 30px, transparent 0);
background-image: linear-gradient(45deg, #c6a65c 30px, transparent 0), linear-gradient(-45deg, #c6a65c 30px, transparent 0), linear-gradient(135deg, #c6a65c 30px, transparent 0), linear-gradient(-135deg, #c6a65c 30px, transparent 0);
}
.nameBeer01-Sample ul {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
list-style: none;
}
.nameBeer01-Sample ul > * {
margin-right: 2%;
}
.nameBeer01-Sample ul > * {
width: 49%;
}
.nameBeer01-Sample ul > *:nth-child(2n) {
margin-right: 0;
}
.nameBeer01-Sample ul li {
margin-bottom: 32px;
}
.nameBeer01-Sample ul li > *:first-child {
position: relative;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
display: inline-block;
margin: 0 auto 12px auto;
padding: 0 2em;
background-color: #221f20;
border-radius: 9999px;
font-size: 15px;
font-size: 1.5rem;
line-height: 2.5;
color: #fff;
}
.nameBeer01-Sample ul li .nameBeer01-Sample_Text {
width: 94%;
margin: 16px auto 0 auto;
border: 1px solid #eee;
}
.nameBeer01-Sample ul li .nameBeer01-Sample_Text > *:first-child {
font-size: 18px;
font-size: 1.8rem;
font-weight: 700;
text-align: center;
line-height: 2.8;
background-color: #eee;
}
.nameBeer01-Sample ul li .nameBeer01-Sample_Text > *:nth-child(2) {
padding: 1.5em 2em 2em 2em;
}
.nameBeer01-Sample ul li .nameBeer01-Sample_Text > *:nth-child(2) span {
display: block;
margin-bottom: 1em;
padding-bottom: 1em;
font-size: 13px;
font-size: 1.3rem;
text-align: center;
border-bottom: 1px dashed;
white-space: nowrap;
}
.nameBeer01-Sample_Title {
position: relative;
width: 90%;
margin: 0 auto 40px auto;
padding-top: 40px;
padding-bottom: 32px;
font-size: 36px;
font-size: 3.6rem;
font-weight: 700;
line-height: 1;
text-align: center;
background-image: url(//kanrekiiwai.biz/wp/img/name/beer/01/line_wave-black.png);
background-position: bottom;
background-repeat: repeat-x;
background-size: 26px;
}
.nameBeer01-Sample_Title span {
display: block;
margin-bottom: 12px;
font-size: 19px;
font-size: 1.9rem;
line-height: 1;
}
.nameBeer01-Sample_Title span::before, .nameBeer01-Sample_Title span::after {
position: relative;
display: inline-block;
content: "";
background: #221f20;
width: 2px;
height: 1.2em;
margin-top: -0.2em;
vertical-align: middle;
}
.nameBeer01-Sample_Title span::before {
margin: 0 0.7em;
-webkit-transform: rotate(-35deg);
transform: rotate(-35deg);
}
.nameBeer01-Sample_Title span::after {
margin: 0 0.7em;
-webkit-transform: rotate(35deg);
transform: rotate(35deg);
}
.nameBeer01-Color > *:nth-child(2) {
width: 640px;
margin: 0 auto;
}
.nameBeer01-Sim {
margin: 80px 0 24px 0;
font-weight: 700;
text-align: center;
font-size: 18px;
font-size: 1.8rem;
}
.nameBeer01-Sim_Title {
position: relative;
width: 640px;
margin: 0 auto;
font-size: 26px;
font-size: 2.6rem;
letter-spacing: 0.1em;
font-weight: 700;
text-align: center;
line-height: 2.6;
border-top: 2px solid #221f20;
border-bottom: 2px solid #221f20;
margin: 0 auto 1em;
}
.nameBeer01-Sim_Title img {
position: absolute;
top: -20px;
left: 50%;
transform: translate(-50%, 0);
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
width: 120px;
}
.nameBeer01-Swiper {
margin: 24px 0 !important;
padding-bottom: 10.666%;
position: relative;
background-image: url(//kanrekiiwai.biz/wp/img/name/beer/01/color-bottle.jpg);
background-repeat: no-repeat;
background-size: contain;
}
.nameBeer01-Swiper .swiper-button-prev,
.nameBeer01-Swiper .swiper-button-next {
top: initial;
bottom: 10px;
height: 20px;
}
.nameBeer01-Swiper .swiper-pagination-bullet-active {
background-color: #cf2c26;
}
.nameBeer01-Swiper .swiper-pagination-bullet {
margin: 0 8px !important;
width: 14px;
height: 14px;
}
.nameBeer01-Swiper_Label {
position: absolute;
top: 0;
left: 0;
z-index: 9999;
}
.nameBeer01-Color_Wrap {
width: 680px;
margin: 0 auto;
}
.nameBeer01-Color_About {
padding: 20px 0;
background-color: #faf8f3;
text-align: left;
}
.nameBeer01-Color_About .nameBeer01-Color_AboutTitle {
display: inline-block;
position: relative;
width: 100%;
height: 64px; line-height: 64px; text-align: center;
font-size: 24px;
font-size: 2.4rem;
letter-spacing: 0.1em;
font-weight: 700;
background-color: #221f20;
color: #FFF;
}
.nameBeer01-Color_About .nameBeer01-Color_AboutTitle::before, .nameBeer01-Color_About .nameBeer01-Color_AboutTitle::after {
position: absolute;
content: "";
width: 0px;
height: 0px;
z-index: 1;
}
.nameBeer01-Color_About .nameBeer01-Color_AboutTitle::before {
top: 0;
left: 0;
border-width: 32px 0px 32px 15px;
border-color: transparent transparent transparent #faf8f3;
border-style: solid;
}
.nameBeer01-Color_About .nameBeer01-Color_AboutTitle::after {
top: 0;
right: 0;
border-width: 32px 15px 32px 0px;
border-color: transparent #faf8f3 transparent transparent;
border-style: solid;
}
.nameBeer01-Color_About .nameBeer01-Lead {
width: 560px;
margin-right: auto;
margin-bottom: 40px;
margin-left: auto;
}
.nameBeer01-Color_Ex {
margin: 0 auto;
padding-bottom: 72px;
background-color: #fff;
border-radius: 30px;
overflow: hidden;
}
.nameBeer01-Color_Ex .nameBeer01-Speech02 {
width: 86%;
margin: 0 auto;
}
.nameBeer01-Color_ExBox {
margin-bottom: 80px;
text-align: center;
}
.nameBeer01-Color_ExBox > p:nth-of-type(1) {
position: relative;
margin-bottom: 48px;
border-top: 1px dashed #ccc;
}
.nameBeer01-Color_ExBox > p:nth-of-type(1) img {
position: absolute;
height: 72px;
top: -40px;
left: 16px;
}
.nameBeer01-Color_ExBox > p:nth-of-type(1) span {
position: absolute;
top: -1.2em;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
display: inline-block;
margin-bottom: 24px;
padding: 0 2em;
border-radius: 9999px;
background-color: #221f20;
font-size: 18px;
font-size: 1.8rem;
line-height: 2.4;
color: #fff;
}
.nameBeer01-Color_ExBox > p:nth-of-type(2) {
margin-bottom: 32px;
}
.nameBeer01-Color_Ex01 > p:nth-of-type(2) img {
width: 68%;
}
.nameBeer01-Color_Ex02 > p:nth-of-type(2) img {
width: 74%;
}
.nameBeer01-Color_Ex03 > p:nth-of-type(2) img {
width: 74%;
}
.nameBeer01-Color_Ex04 > p:nth-of-type(2) img {
width: 70%;
}
.nameBeer01-Color_Ex05 > p:nth-of-type(2) img {
width: 74%;
}
.nameBeer01-Color_Ex06 > p:nth-of-type(2) img {
width: 68%;
}
.nameBeer01-Color_ExTitle {
position: relative;
margin: 0 auto 72px auto;
padding-top: 40px;
padding-bottom: 48px;
font-size: 28px;
font-size: 2.8rem;
font-weight: 700;
line-height: 1;
text-align: center;
color: #fff;
background-color: #00aabe;
background-image: url(//kanrekiiwai.biz/wp/img/name/beer/01/line_wave-blue02.png);
background-position: bottom;
background-repeat: repeat-x;
background-size: 26px;
}
.nameBeer01-Color_ExTitle span {
display: block;
margin-bottom: 12px;
font-size: 20px;
font-size: 2rem;
line-height: 1;
}
.nameBeer01-Color_ExTitle span::before, .nameBeer01-Color_ExTitle span::after {
position: relative;
display: inline-block;
content: "";
background: #fff;
width: 2px;
height: 1.2em;
margin-top: -0.2em;
vertical-align: middle;
}
.nameBeer01-Color_ExTitle span::before {
margin: 0 0.7em;
-webkit-transform: rotate(-35deg);
transform: rotate(-35deg);
}
.nameBeer01-Color_ExTitle span::after {
margin: 0 0.5em;
-webkit-transform: rotate(35deg);
transform: rotate(35deg);
}
.nameBeer01-Beer_Hero {
display: block;
margin-bottom: 40px;
}
.nameBeer01-Beer_Title {
width: 80%;
margin: 0 auto 16px auto;
text-align: left;
font-size: 34px;
font-size: 3.4rem;
font-weight: 700;
font-style: italic;
line-height: 1.3;
}
.nameBeer01-Beer_Title span {
display: block;
text-align: right;
}
.nameBeer01-Beer_Text {
width: 80%;
margin: 0 auto;
font-size: 16px;
font-size: 1.6rem;
}
.nameBeer01-Beer_Block {
width: 90%;
margin: 0 auto 40px auto;
padding-bottom: 24px;
background-color: #fff;
}
.nameBeer01-Beer_Block > *:first-child {
margin-bottom: 24px;
padding-top: 10px;
padding-bottom: 30px;
font-size: 34px;
font-size: 3.4rem;
font-weight: 700;
text-align: center;
letter-spacing: 0.1em;
line-height: 1;
background-color: #fff01e;
background-image: url(//kanrekiiwai.biz/wp/img/name/beer/01/line_wave-yellow02.png);
background-position: bottom;
background-repeat: repeat-x;
background-size: 45px;
}
.nameBeer01-Beer_Block > *:first-child span {
font-size: 50px;
font-size: 5rem;
line-height: 1;
}
.nameBeer01-Beer_Block ul {
list-style: none;
font-size: 16px;
font-size: 1.6rem;
}
.nameBeer01-Beer_Block ul li {
padding-top: 8px;
padding-bottom: 8px;
border-bottom: 1px solid #221f20;
}
.nameBeer01-Beer_Block ul li:first-of-type {
border-top: 1px solid #221f20;
}
.nameBeer01-Beer_Block ul span {
display: inline-block;
width: 9em;
margin-right: 1em;
padding-right: 1em;
border-right: 1px solid #221f20;
}
.nameBeer01-Beer_Wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
width: 560px;
margin: 0 auto 24px auto;
}
.nameBeer01-Beer_Wrap > * {
margin-right: 2%;
}
.nameBeer01-Beer_Wrap > *:first-child {
width: 50%;
margin-right: 24px;
text-align: center;
}
.nameBeer01-Beer_Wrap > *:first-child img {
width: 90%;
height: auto;
}
.nameBeer01-Beer_Wrap > *:last-child {
width: calc(50% - 24px);
margin: 0;
}
.nameBeer01-Beer_Type {
font-size: 14px;
font-size: 1.4rem;
text-align: center;
margin-bottom: 24px;
}
.nameBeer01-Beer_Type span {
display: block;
margin-bottom: 4px;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
font-weight: 700;
line-height: 1;
}
.nameBeer01-Beer_Type-ipa span {
font-size: 50px;
font-size: 5rem;
letter-spacing: 0.4em;
text-indent: 0.5em;
}
.nameBeer01-Beer_Type-white span {
font-size: 47px;
font-size: 4.7rem;
letter-spacing: 0.1em;
text-indent: 0.1em;
}
.nameBeer01-From {
position: relative;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
width: 80%;
height: 9.6em;
margin: 2em auto 0 auto;
border: 1px solid #cf2c26;
border-radius: 10px;
font-size: 15px;
font-size: 1.5rem;
color: #cf2c26;
font-weight: 700;
}
.nameBeer01-From img {
position: absolute;
bottom: 0;
left: 16px;
width: auto;
height: 110%;
}
.nameBeer01-From p {
position: absolute;
right: 0.5em;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
width: calc(70% - 1em);
margin-right: 2em;
}
.nameBeer01-Brewery {
width: 90%;
margin: 0 auto;
background-color: #fff;
}
.nameBeer01-Brewery > *:first-child {
margin-bottom: 40px;
background-color: #221f20;
font-size: 24px;
font-size: 2.4rem;
font-weight: 700;
font-style: italic;
text-align: center;
letter-spacing: 0.1em;
line-height: 2.5;
color: #fff;
}
.nameBeer01-Brewery_Logo {
width: 280px;
margin: 0 auto 56px auto;
}
.nameBeer01-Brewery_Name {
position: relative;
width: 580px;
height: 3px;
margin-right: auto;
margin-bottom: 56px;
margin-left: auto;
background-image: url(//kanrekiiwai.biz/wp/img/name/beer/01/line_dot.png);
background-repeat: repeat-x;
background-size: contain;
}
.nameBeer01-Brewery_Name span {
position: absolute;
top: calc(-1em - 4px);
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
display: inline-block;
padding: 8px 2em;
background-color: #221f20;
font-size: 20px;
font-size: 2rem;
letter-spacing: 0.1em;
color: #fff;
border-radius: 9999px;
}
.nameBeer01-Brewery_Title {
margin-bottom: 32px;
font-size: 26px;
font-size: 2.6rem;
font-weight: 700;
letter-spacing: 0.1em;
text-align: center;
}
.nameBeer01-Brewery_Text {
width: 580px;
margin: 0 auto 32px auto;
font-size: 16px;
font-size: 1.6rem;
}
.nameBeer01-Brewery_Photo {
width: 90%;
margin: 0 auto;
padding-bottom: 24px;
}
.nameBeer01-Brewery_Photo > * {
margin-bottom: 4px;
}
.nameBeer01-Brewery_Photo > *:last-child {
margin-bottom: 0;
}
.nameBeer01-Np {
margin-bottom: 40px;
padding-bottom: 24px;
background-color: #faf8f3;
overflow: hidden;
}
.nameBeer01-Np > *:first-child {
position: relative;
padding: 16px 0;
background-color: #221f20;
text-align: center;
font-size: 28px;
font-size: 2.8rem;
letter-spacing: 0.1em;
font-weight: 700;
color: #cdad5c;
font-style: italic;
}
.nameBeer01-Np > *:first-child::before {
content: "";
width: 100%;
height: 1px;
display: block;
background-color: rgba(205, 173, 92, 0.5);
position: absolute;
top: 4px;
left: 0;
}
.nameBeer01-Np > *:first-child::after {
content: "";
width: 100%;
height: 1px;
display: block;
background-color: rgba(205, 173, 92, 0.5);
position: absolute;
bottom: 4px;
left: 0;
}
.nameBeer01-Np_Hero {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
height: 470px;
}
.nameBeer01-Np_Hero img {
width: 100%;
}
.nameBeer01-Np_Wrap {
width: 660px;
margin: 0 auto;
padding: 0 24px 24px 24px;
background-color: #fff;
}
.nameBeer01-Np_Title {
margin-bottom: 24px;
}
.nameBeer01-Np_Title p:nth-of-type(1) {
width: 94%;
margin: 0 auto 24px auto;
}
.nameBeer01-Np_Title p:nth-of-type(2) {
width: 86%;
margin: 0 auto;
}
.nameBeer01-Np_Lead {
margin: 0 40px 32px 40px;
font-size: 16px;
font-size: 1.6rem;
}
.nameBeer01-Np_Lead p:nth-of-type(1) {
margin-bottom: 24px;
font-size: 36px;
font-size: 3.6rem;
line-height: 1.3;
font-weight: 700;
text-align: center;
}
.nameBeer01-Np_Lead p:nth-of-type(1) span {
display: inline-block;
position: relative;
z-index: 0;
}
.nameBeer01-Np_Lead p:nth-of-type(1) span::after {
content: "";
width: 102%;
height: 12px;
display: inline-block;
position: absolute;
bottom: -2px;
left: -2%;
z-index: -1;
background-color: #fff01e;
}
.nameBeer01-Np_Info {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
margin-bottom: 24px;
padding-bottom: 32px;
border-bottom: 1px dashed #ccc;
}
.nameBeer01-Np_Info > * {
margin-right: 2%;
}
.nameBeer01-Np_Info > * {
width: 49%;
}
.nameBeer01-Np_Info > *:nth-child(2n) {
margin-right: 0;
}
.nameBeer01-Np_Box > div {
margin-top: 24px;
}
.nameBeer01-Np_Box > div p {
font-size: 15px;
font-size: 1.5rem;
}
.nameBeer01-Np_Box > div p:first-of-type {
width: 8em;
margin: 0 auto;
font-size: 15px;
font-size: 1.5rem;
color: #fff;
text-align: center;
letter-spacing: 0.1em;
font-weight: 700;
line-height: 2.2em;
border-radius: 9999px;
}
.nameBeer01-Np_Box > div p:nth-of-type(2) {
margin: 0.3em auto 16px auto;
padding-bottom: 0.3em;
font-size: 24px;
font-size: 2.4rem;
font-weight: 700;
text-align: center;
line-height: 1.5;
border-bottom: 1px dashed #221f20;
}
.nameBeer01-Np_Box > div p:nth-of-type(2) span {
display: block;
font-size: 16px;
font-size: 1.6rem;
}
.nameBeer01-Np_Omote > div p:first-of-type {
background-color: #cf2c26;
}
.nameBeer01-Np_Omote > div p:nth-of-type(2) {
color: #cf2c26;
}
.nameBeer01-Np_Ura > div p:first-of-type {
background-color: #121a50;
}
.nameBeer01-Np_Ura > div p:nth-of-type(2) {
color: #121a50;
}
.nameBeer01-Np_Wrapping {
margin-bottom: 24px;
font-size: 16px;
font-size: 1.6rem;
font-weight: 700;
text-align: center;
}
.nameBeer01-Np_Wrapping p {
font-size: 24px;
font-size: 2.4rem;
margin-bottom: 1em;
}
.nameBeer01-Np_Omake {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
padding: 8px 8px 8px 24px;
border: 4px solid #cdad5c;
border-radius: 10px;
font-size: 15px;
font-size: 1.5rem;
}
.nameBeer01-Np_Omake > * {
margin-right: 2%;
}
.nameBeer01-Np_Omake > *:first-child {
width: 62%;
margin-right: 24px;
}
.nameBeer01-Np_Omake > *:last-child {
width: calc(38% - 24px);
margin-right: 0;
}
.nameBeer01-Np_OmakeIcon {
position: absolute;
top: 0;
left: 1em;
width: 64px;
}
.nameBeer01-Np_OmakeTitle {
font-weight: 700;
margin-top: 8px;
margin-bottom: 24px;
margin-left: 72px;
font-size: 22px;
font-size: 2.2rem;
line-height: 1.3;
}
.nameBeer01-Set .nameBeer01-Lead {
margin-bottom: 40px;
text-align: center;
}
.nameBeer01-Set .nameBeer01-Lead figure {
width: 640px;
margin: 0 auto;
}
.nameBeer01-Set .nameBeer01-Lead > * {
margin-bottom: 24px;
}
.nameBeer01-Set .nameBeer01-Lead > *:last-child {
margin-bottom: 0;
}
.nameBeer01-Set_Heading {
margin-bottom: 24px;
padding: 12px 0;
background-color: #fff01e;
text-align: center;
font-size: 28px;
font-size: 2.8rem;
font-weight: 900;
font-style: italic;
color: #221f20;
}
.nameBeer01-Set_Box {
margin-bottom: 40px;
}
.nameBeer01-Set_Box figure {
margin-bottom: 24px;
}
.nameBeer01-Set_Box p {
font-size: 18px;
font-size: 1.8rem;
text-align: center;
}
.nameBeer01-Wrapping {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: end;
-webkit-align-items: end;
-ms-flex-align: end;
align-items: end;
margin-bottom: 40px;
font-size: 22px;
font-size: 2.2rem;
line-height: 1.4;
}
.nameBeer01-Wrapping > * {
margin-right: 2%;
}
.nameBeer01-Wrapping > * {
width: 49%;
}
.nameBeer01-Wrapping > *:nth-child(2n) {
margin-right: 0;
}
.nameBeer01-Wrapping div {
position: relative;
}
.nameBeer01-Wrapping p {
position: absolute;
right: 0;
bottom: 1.8em;
left: 0;
margin: auto;
text-align: center;
font-weight: 700;
}
.nameBeer01-Bag {
position: relative;
margin-bottom: 40px;
padding: 24px 40px;
background-color: #fce9e8;
font-size: 16px;
font-size: 1.6rem;
}
.nameBeer01-Bag img {
position: absolute;
width: auto;
height: 115%;
right: 40px;
bottom: 8px;
}
.nameBeer01-Bag p {
width: 65%;
}
.nameBeer01-Bag_Title {
font-size: 22px;
font-size: 2.2rem;
font-weight: 700;
margin-bottom: 16px;
}
.nameBeer01-Keep {
margin-bottom: 64px;
}
.nameBeer01-Keep_Title {
background-color: #121a50;
font-size: 24px;
font-size: 2.4rem;
font-weight: 700;
color: #fff;
text-align: center;
line-height: 2.4;
letter-spacing: 0.1em;
border-top-right-radius: 10px;
border-top-left-radius: 10px;
}
.nameBeer01-Keep_Text {
padding: 24px 56px;
border-right: 2px solid #121a50;
border-bottom: 2px solid #121a50;
border-left: 2px solid #121a50;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
background-color: #fff;
font-size: 17px;
font-size: 1.7rem;
}
.nameBeer01-Keep_Text span {
color: #29abe2;
}
.nameBeer01-Noshi,
.nameBeer01-Card {
margin-bottom: 10.666%;
font-size: 18px;
font-size: 1.8rem;
}
.nameBeer01-Noshi > *:first-child,
.nameBeer01-Card > *:first-child {
margin-bottom: 16px;
font-size: 26px;
font-size: 2.6rem;
font-weight: 700;
text-align: center;
}
.nameBeer01-Noshi > *:first-child::before, .nameBeer01-Noshi > *:first-child::after,
.nameBeer01-Card > *:first-child::before,
.nameBeer01-Card > *:first-child::after {
content: "・";
}
.nameBeer01-Noshi_Text,
.nameBeer01-Card_Text {
width: 640px;
margin: 24px auto 40px auto;
}
.nameBeer01-Noshi_Text span {
display: block;
font-size: 15px;
font-size: 1.5rem;
}
.nameBeer01-Card ul {
width: 640px;
margin: 1em auto 0 auto;
list-style: none;
}
.nameBeer01-Card ul li:first-of-type {
margin-bottom: 1em;
}
.nameBeer01-Card ul li:first-of-type .nameBeer01-Card_Title {
color: #cf2c26;
}
.nameBeer01-Card ul li:last-of-type .nameBeer01-Card_Title {
color: #2060a8;
}
.nameBeer01-Card ul p {
margin-left: 3em;
}
.nameBeer01-Card ul p.nameBeer01-Card_Title {
margin-left: 0;
font-size: 20px;
font-size: 2rem;
font-weight: 700;
}
.nameBeer01-Card ul p.nameBeer01-Card_Title img {
width: 2.2em;
margin-right: 0.5em;
vertical-align: middle;
}
.nameBeer01-Info {
padding: 40px 80px;
border: 1px solid #221f20;
font-size: 17px;
font-size: 1.7rem;
}
.nameBeer01-Info a {
color: #1380D9;
text-decoration: underline;
}
.nameBeer01-Info a:hover {
text-decoration: none;
}
.nameBeer01-Info > *:first-child {
margin-bottom: 40px;
padding-bottom: 8px;
font-size: 26px;
font-size: 2.6rem;
letter-spacing: 1px;
font-weight: 700;
text-align: center;
border-bottom: 1px solid #221f20;
}
.nameBeer01-Info ul {
margin: 0;
padding: 0;
list-style: none;
}
.nameBeer01-Info ul li {
margin-top: 1em;
padding-bottom: 1em;
border-bottom: 1px dashed #221f20;
}
.nameBeer01-Info ul li > *:first-child {
margin-bottom: 8px;
font-size: 20px;
font-size: 2rem;
color: #cf2c26;
font-weight: 700;
}
.nameBeer01-Info ul li:last-child {
padding-bottom: 0;
border-bottom: 0;
}  .nameBeer02-Text_Combine {
-webkit-text-combine: horizontal;
-ms-text-combine-horizontal: all;
text-combine-upright: all;
}
.nameBeer02-Text_HankakuUp {
margin-top: -0.5em;
}
.nameBeer02-Intro {
position: relative;
background-color: #fcf8ed;
overflow: hidden;
}
.nameBeer02-Hero01 {
position: relative;
}
.nameBeer02-Hero01 h2 {
position: absolute;
top: 32px;
right: 0;
left: 0;
margin-right: auto;
margin-left: auto;
width: 9em;
color: #fff;
font-weight: 700;
z-index: 0;
text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
-webkit-transform: skewY(-5deg);
transform: skewY(-5deg);
font-size: 76px;
font-size: 7.6rem;
line-height: 1;
}
.nameBeer02-Hero01 h2 span {
position: relative;
}
.nameBeer02-Hero01 h2 span:nth-child(1), .nameBeer02-Hero01 h2 span:nth-child(2) {
display: inline-block;
padding: 0 0.2em;
}
.nameBeer02-Hero01 h2 span:nth-child(1)::after, .nameBeer02-Hero01 h2 span:nth-child(2)::after {
content: "";
width: 100%;
height: 0.15em;
display: inline-block;
position: absolute;
bottom: -0.1em;
left: 0;
z-index: -1;
background-color: rgba(255, 230, 0, 0.9);
}
.nameBeer02-Hero01 h2 span:nth-child(1) {
margin-bottom: 0.3em;
}
.nameBeer02-Hero01 h2 span:nth-child(2) {
margin-bottom: 0.4em;
margin-left: 1.3em;
}
.nameBeer02-Hero01 h2 span:nth-child(3) {
display: block;
font-size: 58px;
font-size: 5.8rem;
text-align: right;
}
.nameBeer02-Hero01_Wrap {
position: absolute;
width: 190px;
height: auto;
top: 290px;
left: 60px;
}
.nameBeer02-Hero01_Svg {
position: relative;
width: 100%;
}
.nameBeer02-Hero01_Svg #nameBeer02-Hero01_Icon {
-webkit-clip-path: url(#nameBeer02-Hero01_Clip);
clip-path: url(#nameBeer02-Hero01_Clip);
}
.nameBeer02-Hero01_Svg #nameBeer02-Hero01_Clip {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-animation: clip 15s linear infinite;
animation: clip 15s linear infinite;
}
@keyframes clip {
0% {
-webkit-transform: rotateZ(0deg);
transform: rotateZ(0deg);
}
100% {
-webkit-transform: rotateZ(360deg);
transform: rotateZ(360deg);
}
}
.nameBeer02-Hero01_Text {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
z-index: 1;
}
.nameBeer02-Hero01_Text > * {
margin-right: 2%;
}
.nameBeer02-Hero01_Text::before {
content: "";
position: absolute;
left: 0;
top: 0;
-webkit-transform: skewY(-3deg);
transform: skewY(-3deg);
-webkit-transform-origin: top left;
transform-origin: top left;
z-index: -1;
width: 100%;
height: 100%;
background: #111111;
}
.nameBeer02-Hero01_Text figure {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
width: 230px;
margin-top: -38px;
margin-right: 48px;
}
.nameBeer02-Hero01_Text figure img {
position: absolute;
max-width: none;
width: 150%;
margin-left: -70px;
}
.nameBeer02-Hero01_Text p {
margin-right: 0;
padding: 0.5em 0 2em;
font-size: 32px;
font-size: 3.2rem;
text-align: left;
font-weight: 700;
color: #fff;
line-height: 1;
}
.nameBeer02-Hero01_Text span {
display: block;
margin: 0.3em 0;
font-size: 54px;
font-size: 5.4rem;
letter-spacing: -2px;
line-height: 1;
font-weight: 700;
color: #cdad5c;
}
.nameBeer02-Hero02 {
position: relative;
margin-top: -7%;
font-size: 40px;
font-size: 4rem;
font-weight: 700;
}
.nameBeer02-Hero02 p {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
text-align: center;
width: 100%;
}
.nameBeer02-Hero02 span {
display: inline-block;
margin-bottom: 32px;
padding-left: 0.5em;
line-height: 1.8;
background-color: rgba(255, 255, 255, 0.8);
}
.nameBeer02-Hero02 span:nth-of-type(2) {
padding-right: 0.5em;
}
.nameBeer02-Hero02 span:last-of-type {
margin-bottom: 0;
}
.nameBeer02-Point {
position: relative;
margin-bottom: 40px;
}
.nameBeer02-Point p, .nameBeer02-Point h3 {
position: absolute;
top: -1em;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
padding-top: 1em;
padding-bottom: 1em;
background-color: rgba(34, 31, 32, 0.8);
color: #fff;
font-size: 30px;
font-size: 3rem;
line-height: 1;
}
.nameBeer02-Point p {
right: 40px;
padding-right: 0.6em;
padding-left: 0.6em;
font-weight: 700;
}
.nameBeer02-Point .nameBeer02-Point_Title {
right: calc(70px + 0.6em + 0.6em + 16px);
padding-right: 1em;
padding-left: 1em;
}
.nameBeer02-Point .nameBeer02-Point_S {
display: block;
margin-left: 16px;
font-size: 40px;
font-size: 4rem;
text-indent: -0.5em;
}
.nameBeer02-Point .nameBeer02-Point_L {
font-size: 50px;
font-size: 5rem;
}
.nameBeer02-Point .nameBeer02-Point_Num {
display: inline-block;
width: 1em;
margin-bottom: 2px;
vertical-align: bottom;
}
.nameBeer02-Point01 {
position: relative;
margin-bottom: 90px;
}
.nameBeer02-Point01 > figure {
margin-bottom: 24px;
}
.nameBeer02-Point02 {
position: relative;
margin-bottom: 90px;
}
.nameBeer02-Point01 > figure {
border-top: 10px solid #cf2c26;
}
.nameBeer02-Point02 > figure {
border-top: 10px solid #0f825a;
}
.nameBeer02-Point03 {
position: relative;
margin-bottom: 80px;
}
.nameBeer02-Point03 > figure {
margin-bottom: 24px;
border-top: 10px solid #ffc61f;
}
.nameBeer02-Point01_Num,
.nameBeer02-Point02_Num,
.nameBeer02-Point03_Num {
position: absolute;
width: 120px;
top: -58px;
left: calc(50% - 60px);
}
.nameBeer02-Point01_Title h3,
.nameBeer02-Point02_Title h3,
.nameBeer02-Point03_Title h3 {
margin-bottom: 16px;
text-align: center;
}
.nameBeer02-Point01_Title h3 span,
.nameBeer02-Point02_Title h3 span,
.nameBeer02-Point03_Title h3 span {
display: block;
}
.nameBeer02-Point01_Title h3 span:nth-of-type(1),
.nameBeer02-Point02_Title h3 span:nth-of-type(1),
.nameBeer02-Point03_Title h3 span:nth-of-type(1) {
position: relative;
margin-bottom: 8px;
font-size: 34px;
font-size: 3.4rem;
font-weight: 700;
line-height: 1;
text-align: center;
}
.nameBeer02-Point01_Title h3 span:nth-of-type(1)::before, .nameBeer02-Point01_Title h3 span:nth-of-type(1)::after,
.nameBeer02-Point02_Title h3 span:nth-of-type(1)::before,
.nameBeer02-Point02_Title h3 span:nth-of-type(1)::after,
.nameBeer02-Point03_Title h3 span:nth-of-type(1)::before,
.nameBeer02-Point03_Title h3 span:nth-of-type(1)::after {
position: relative;
display: inline-block;
content: "";
background: #111111;
width: 2px;
height: 1.2em;
margin-top: -0.2em;
vertical-align: middle;
}
.nameBeer02-Point01_Title h3 span:nth-of-type(1)::before,
.nameBeer02-Point02_Title h3 span:nth-of-type(1)::before,
.nameBeer02-Point03_Title h3 span:nth-of-type(1)::before {
margin: 0 0.7em;
-webkit-transform: rotate(-35deg);
transform: rotate(-35deg);
}
.nameBeer02-Point01_Title h3 span:nth-of-type(1)::after,
.nameBeer02-Point02_Title h3 span:nth-of-type(1)::after,
.nameBeer02-Point03_Title h3 span:nth-of-type(1)::after {
margin: 0 0.5em;
-webkit-transform: rotate(35deg);
transform: rotate(35deg);
}
.nameBeer02-Point01_Title h3 span:nth-of-type(2),
.nameBeer02-Point02_Title h3 span:nth-of-type(2),
.nameBeer02-Point03_Title h3 span:nth-of-type(2) {
width: 88%;
margin: 0 auto;
padding-bottom: 24px;
font-size: 65px;
font-size: 6.5rem;
font-weight: 900;
line-height: 1;
}
.nameBeer02-Point01_Title h3 span:nth-of-type(2) {
color: #cf2c26;
background: url(//kanrekiiwai.biz/wp/img/name/beer/01/line_wave-red.png) left bottom repeat-x;
background-size: 41px;
}
.nameBeer02-Point02_Title h3 span:nth-of-type(2) {
color: #0f825a;
background: url(//kanrekiiwai.biz/wp/img/name/beer/02/line_wave-green.png) bottom repeat-x;
background-size: 41px;
}
.nameBeer02-Point03_Title h3 span:nth-of-type(2) {
color: #ffc61f;
background: url(//kanrekiiwai.biz/wp/img/name/beer/01/line_wave-yellow.png) bottom repeat-x;
background-size: 41px;
}
.nameBeer02-Point03_Title h3 b {
display: inline-block;
margin-top: -0.1em;
padding: 0 0.1em;
font-size: 80px;
font-size: 8rem;
font-weight: 900;
}
.nameBeer02-Point01_Icon img {
display: block;
position: absolute;
right: 40px;
bottom: -10px;
width: 100px;
}
.nameBeer02-Point02_Icon img {
display: block;
position: absolute;
width: 280px;
right: 0;
bottom: 0;
}
.nameBeer02-Point03_Icon img {
display: block;
position: absolute;
width: 160px;
right: 32px;
bottom: 0;
z-index: 1;
}
.nameBeer02-Point_Text {
position: relative;
width: 88%;
margin: 0 auto;
font-size: 20px;
font-size: 2rem;
}
.nameBeer02-Quantity {
margin-bottom: 72px;
}
.nameBeer02-Quantity_Title {
padding: 1em 0 calc(1em - 4px) 0;
text-align: center;
background-color: #111111;
font-size: 30px;
font-size: 3rem;
}
.nameBeer02-Quantity_Title h3 {
position: relative;
display: inline-block;
margin-left: 2.3em;
color: #fff;
line-height: 1;
text-align: left;
}
.nameBeer02-Quantity_Title h3::before {
position: absolute;
content: "";
display: inline-block;
bottom: -4px;
width: 2em;
height: 3.2em;
background: url(//kanrekiiwai.biz/wp/img/name/beer/01/num_6.png) no-repeat;
background-size: contain;
background-position: bottom;
margin-left: -2.3em;
}
.nameBeer02-Quantity_Title .nameBeer02-Quantity_Title-l {
display: block;
margin-top: 0.3em;
font-size: 40px;
font-size: 4rem;
font-weight: 700;
color: #cdad5c;
}
.nameBeer02-Quantity_Title .nameBeer02-Quantity_Title-s {
font-size: 30px;
font-size: 3rem;
}
.nameBeer02-Osusume > p {
position: relative;
padding: 0.5em 0;
-webkit-transform: skewY(-3deg);
transform: skewY(-3deg);
-webkit-transform-origin: top left;
transform-origin: top left;
background-color: #111111;
font-size: 40px;
font-size: 4rem;
font-weight: 700;
font-style: italic;
color: #cdad5c;
text-align: center;
z-index: 1;
}
.nameBeer02-Osusume .nameBeer02-Osusume_Title {
position: relative;
padding-top: 16px;
padding-bottom: 16px;
padding-left: 31%;
background-color: #111111;
font-size: 26px;
font-size: 2.6rem;
color: #fff;
font-weight: 700;
line-height: 1.5;
}
.nameBeer02-Osusume .nameBeer02-Osusume_Title figure {
position: absolute;
bottom: 1em;
left: 0;
width: 28%;
}
.nameBeer02-Osusume .nameBeer02-Osusume_Title span {
display: block;
}
.nameBeer02-Osusume .nameBeer02-Osusume_Title span:first-of-type {
margin-left: -0.5em;
}
.nameBeer02-Osusume .nameBeer02-Osusume_Title .nameBeer02-Osusume_Title-l {
font-size: 40px;
font-size: 4rem;
color: #cdad5c;
}
.nameBeer02-Osusume .nameBeer02-Osusume01 {
position: relative;
text-align: center;
z-index: 0;
}
.nameBeer02-Osusume .nameBeer02-Osusume01 figure {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
height: 480px;
overflow: hidden;
}
.nameBeer02-Osusume .nameBeer02-Osusume01 figure img {
max-width: none;
width: 100%;
}
.nameBeer02-Osusume .nameBeer02-Osusume01 .nameBeer02-Osusume_Inner {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.nameBeer02-Osusume .nameBeer02-Osusume01 h4 {
position: relative;
padding: 0.5em 1em;
font-size: 40px;
font-size: 4rem;
font-weight: 700;
letter-spacing: 0.1em;
color: #fff;
text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.7);
}
.nameBeer02-Osusume .nameBeer02-Osusume01 h4::before {
position: absolute;
content: "";
width: 1em;
height: 1em;
border-left: 1px solid rgba(255, 255, 255, 0.8);
border-top: 1px solid rgba(255, 255, 255, 0.8);
top: 0;
left: 0;
}
.nameBeer02-Osusume .nameBeer02-Osusume01 h4::after {
position: absolute;
content: "";
width: 1em;
height: 1em;
border-right: 1px solid rgba(255, 255, 255, 0.8);
border-bottom: 1px solid rgba(255, 255, 255, 0.8);
bottom: 0;
right: 0;
}
.nameBeer02-Osusume .nameBeer02-Osusume01 h4 span {
display: block;
white-space: nowrap;
}
.nameBeer02-Osusume .nameBeer02-Osusume02 {
position: relative;
text-align: center;
z-index: 0;
}
.nameBeer02-Osusume .nameBeer02-Osusume02 figure {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
height: 480px;
overflow: hidden;
}
.nameBeer02-Osusume .nameBeer02-Osusume02 figure img {
max-width: none;
width: 100%;
}
.nameBeer02-Osusume .nameBeer02-Osusume02 .nameBeer02-Osusume_Inner {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.nameBeer02-Osusume .nameBeer02-Osusume02 .nameBeer02-Osusume_Inner h4 {
position: relative;
font-size: 40px;
font-size: 4rem;
font-weight: 700;
letter-spacing: 0.1em;
color: #fff;
text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.7);
}
.nameBeer02-Osusume .nameBeer02-Osusume02 .nameBeer02-Osusume_Inner h4::before {
position: absolute;
content: "";
width: 1em;
height: 1em;
border-left: 1px solid rgba(255, 255, 255, 0.8);
border-top: 1px solid rgba(255, 255, 255, 0.8);
top: -0.5em;
left: -1em;
}
.nameBeer02-Osusume .nameBeer02-Osusume02 .nameBeer02-Osusume_Inner h4::after {
position: absolute;
content: "";
width: 1em;
height: 1em;
border-right: 1px solid rgba(255, 255, 255, 0.8);
border-bottom: 1px solid rgba(255, 255, 255, 0.8);
bottom: -0.3em;
right: -0.7em;
}
.nameBeer02-Osusume .nameBeer02-Osusume02 .nameBeer02-Osusume_Inner h4 span {
display: block;
white-space: nowrap;
}
.nameBeer02-Osusume .nameBeer02-Osusume03 {
position: relative;
text-align: left;
z-index: 0;
}
.nameBeer02-Osusume .nameBeer02-Osusume03 figure {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
height: 480px;
overflow: hidden;
}
.nameBeer02-Osusume .nameBeer02-Osusume03 figure img {
max-width: none;
width: 100%;
}
.nameBeer02-Osusume .nameBeer02-Osusume03 .nameBeer02-Osusume_Inner {
position: absolute;
top: 50%;
left: 88px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.nameBeer02-Osusume .nameBeer02-Osusume03 h4 {
position: relative;
font-size: 40px;
font-size: 4rem;
font-weight: 700;
letter-spacing: 0.1em;
color: #fff;
text-align: center;
text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.7);
}
.nameBeer02-Osusume .nameBeer02-Osusume03 h4::before {
position: absolute;
content: "";
width: 1em;
height: 1em;
border-left: 1px solid rgba(255, 255, 255, 0.8);
border-top: 1px solid rgba(255, 255, 255, 0.8);
top: -0.3em;
left: -0.7em;
}
.nameBeer02-Osusume .nameBeer02-Osusume03 h4::after {
position: absolute;
content: "";
width: 1em;
height: 1em;
border-right: 1px solid rgba(255, 255, 255, 0.8);
border-bottom: 1px solid rgba(255, 255, 255, 0.8);
bottom: -0.3em;
right: -0.7em;
}
.nameBeer02-Osusume .nameBeer02-Osusume03 h4 span {
display: block;
white-space: nowrap;
}
.nameBeer02-Osusume .nameBeer02-Osusume02,
.nameBeer02-Osusume .nameBeer02-Osusume03,
.nameBeer02-Osusume .nameBeer02-Osusume04 {
margin-top: -5.8%;
}
.nameBeer02-Osusume .nameBeer02-Osusume04 {
position: relative;
}
.nameBeer02-Osusume .nameBeer02-Osusume04 .nameBeer02-Osusume_Inner {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.nameBeer02-Osusume .nameBeer02-Osusume04 .nameBeer02-Osusume_Inner > * {
margin-right: 2%;
}
.nameBeer02-Osusume .nameBeer02-Osusume04 .nameBeer02-Osusume_Inner > * {
width: 32%;
}
.nameBeer02-Osusume .nameBeer02-Osusume04 .nameBeer02-Osusume_Inner > *:nth-child(3n) {
margin-right: 0;
}
.nameBeer02-Osusume .nameBeer02-Osusume04 .nameBeer02-Osusume_Inner h5 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 33.3333333333%;
margin: 0;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
font-size: 34px;
font-size: 3.4rem;
font-style: italic;
color: #fff;
text-shadow: 0 0 8px #111111;
}
.nameBeer02-Osusume .nameBeer02-Osusume04 .nameBeer02-Osusume_Inner h5:nth-of-type(1) {
letter-spacing: 0.5em;
}
.nameBeer02-Osusume .nameBeer02-Osusume04 .nameBeer02-Osusume_Inner h5:nth-of-type(2) {
letter-spacing: 0.5em;
}
.nameBeer02-Osusume .nameBeer02-Osusume04 .nameBeer02-Osusume_Inner h5:nth-of-type(3) {
letter-spacing: 0.1em;
}
.nameBeer02-Sean {
position: relative;
width: 80%;
margin: -32px auto 40px auto;
}
.nameBeer02-Kanban {
position: relative;
}
.nameBeer02-Kanban > p {
position: absolute;
width: 180px;
top: 220px;
left: 32px;
}
.nameBeer02-Kanban_Title {
position: absolute;
top: 0;
left: 3%;
width: 94%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: end;
-webkit-align-items: end;
-ms-flex-align: end;
align-items: end;
}
.nameBeer02-Kanban_Title > * {
margin-right: 2%;
}
.nameBeer02-Kanban_Title p:nth-of-type(1) {
width: 76%;
margin-right: 3%;
color: #fff;
font-weight: 700;
text-align: center;
line-height: 1;
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}
.nameBeer02-Kanban_Title p:nth-of-type(1) span {
position: relative;
display: inline-block;
white-space: nowrap;
z-index: 0;
}
.nameBeer02-Kanban_Title p:nth-of-type(1) span::after {
content: "";
width: 100%;
height: 7px;
display: inline-block;
position: absolute;
bottom: -3.5px;
left: 0;
z-index: -1;
background-color: rgba(255, 230, 0, 0.9);
}
.nameBeer02-Kanban_Title p:nth-of-type(1) span:nth-of-type(1) {
margin-bottom: 8px;
font-size: 68px;
font-size: 6.8rem;
}
.nameBeer02-Kanban_Title p:nth-of-type(1) span:nth-of-type(2) {
font-size: 82px;
font-size: 8.2rem;
}
.nameBeer02-Kanban_Title p:nth-of-type(2) {
width: 21%;
margin-right: 0;
}
.nameBeer02-Kanban_Title p:nth-of-type(2) span {
display: block;
font-weight: 700;
font-size: 20px;
font-size: 2rem;
}
.nameBeer02-Kanban_Title p:nth-of-type(2) span:nth-of-type(2) {
font-size: 35px;
font-size: 3.5rem;
}
.nameBeer02-Menu {
position: relative;
margin-bottom: 64px;
}
.nameBeer02-Menu ul {
width: 624px;
margin: -40px auto 0 auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
list-style: none;
}
.nameBeer02-Menu ul > * {
margin-right: 2%;
}
.nameBeer02-Menu ul li {
width: 150px;
margin-right: 8px;
}
.nameBeer02-Menu ul li:last-child {
margin-right: 0;
}
.nameBeer02-Label_HeroNum,
.nameBeer02-Color_HeroNum,
.nameBeer02-Beer_HeroNum {
margin-bottom: 16px;
text-align: center;
}
.nameBeer02-Label_HeroNum img,
.nameBeer02-Color_HeroNum img,
.nameBeer02-Beer_HeroNum img {
width: 230px;
}
.nameBeer02-Label_Hero {
position: relative;
margin-top: -40px;
}
.nameBeer02-Label_Hero > img {
z-index: 1;
}
.nameBeer02-Label_Hero > img:nth-of-type(1) {
position: absolute;
top: 340px;
left: 0;
width: 290px;
}
.nameBeer02-Label_Hero > img:nth-of-type(2) {
position: absolute;
top: 240px;
right: 0;
width: 200px;
}
.nameBeer02-Color_Hero {
position: relative;
padding-top: 24px;
background-color: #fcf8ed;
}
.nameBeer02-Color_Hero > figure {
margin-top: -140px;
}
.nameBeer02-Color_Hero > img:nth-of-type(1) {
position: absolute;
top: 216px;
left: 0;
width: 190px;
}
.nameBeer02-Color_Hero > img:nth-of-type(2) {
position: absolute;
top: 216px;
right: 0;
width: 190px;
}
.nameBeer02-Label_HeroTitle,
.nameBeer02-Color_HeroTitle,
.nameBeer02-Beer_HeroTitle {
position: relative;
}
.nameBeer02-Label_HeroTitle {
z-index: 1;
}
.nameBeer02-Color_HeroTitle {
margin-top: -40px;
z-index: 0;
}
.nameBeer02-Beer_HeroTitle {
margin-top: -40px;
}
.nameBeer02-Label_HeroText,
.nameBeer02-Color_HeroText {
margin-bottom: 40px;
font-family: "dnp-shuei-4gob-std", sans-serif;
font-size: 70px;
font-size: 7rem;
font-weight: 700;
font-style: normal;
text-align: center;
line-height: 1.2;
letter-spacing: -2px;
}
.nameBeer02-Label_HeroText span,
.nameBeer02-Color_HeroText span {
display: block;
font-size: 60px;
font-size: 6rem;
letter-spacing: normal;
}
.nameBeer02-Beer_Hero {
position: relative;
display: block;
margin-bottom: 40px;
padding-top: 24px;
}
.nameBeer02-Beer_Hero > img:nth-of-type(1) {
position: absolute;
top: 280px;
left: 0;
width: 190px;
z-index: 1;
}
.nameBeer02-Beer_Hero > img:nth-of-type(2) {
position: absolute;
top: 280px;
right: 0;
width: 190px;
z-index: 1;
}
.nameBeer02-Beer_HeroText {
margin-bottom: 40px;
font-family: "dnp-shuei-4gob-std", sans-serif;
font-size: 70px;
font-size: 7rem;
font-weight: 700;
font-style: normal;
text-align: center;
line-height: 1.2;
letter-spacing: -2px;
}
.nameBeer02-Beer_HeroText span {
display: block;
font-size: 50px;
font-size: 5rem;
letter-spacing: normal;
}
.nameBeer02-Label_HeroImg {
position: relative;
overflow: hidden;
}
.nameBeer02-Label_HeroImg p {
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
font-family: "dnp-shuei-4gob-std", sans-serif;
font-weight: 700;
}
.nameBeer02-Label_HeroImg p:nth-of-type(1) {
position: absolute;
width: 190px;
top: 130px;
left: 60px;
z-index: 1;
}
.nameBeer02-Label_HeroImg p:nth-of-type(2) {
position: absolute;
top: 70px;
right: 90px;
font-size: 20px;
font-size: 2rem;
z-index: 1;
line-height: 2.4;
}
.nameBeer02-Color_HeroImg {
position: relative;
overflow: hidden;
z-index: 1;
}
.nameBeer02-Color_HeroImg figure:nth-of-type(2) {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: right;
-webkit-justify-content: right;
-ms-flex-pack: right;
justify-content: right;
margin-top: -120px;
margin-right: -60px;
}
.nameBeer02-Color_HeroImg figure:nth-of-type(2) img {
display: block;
width: 65%;
}
.nameBeer02-Beer_HeroImg {
position: relative;
z-index: 0;
}
.nameBeer02-Color_HeroBox p {
position: absolute;
width: 10em;
top: 780px;
left: 36px;
font-size: 20px;
font-size: 2rem;
line-height: 2;
z-index: 1;
}
.nameBeer02-Color_HeroBox p > span:first-child {
display: block;
margin-bottom: 1em;
}
.nameBeer02-Label_Wrap {
position: relative;
padding-bottom: 8px;
z-index: 2;
}
.nameBeer02_Text-small {
margin-top: 0.5em;
font-size: 13px;
font-size: 1.3rem;
}
.nameBeer02_Text-red {
color: #cf2c26;
}
.nameBeer02_Text-white {
color: #eee3c8;
}
.nameBeer02_Text-rightblue {
color: #51bbb3;
}
.nameBeer02_Text-pink {
color: #eb6d65;
}
.nameBeer02_Text-rightgreen {
color: #8fb721;
}
.nameBeer02_Text-navy {
color: #121a50;
}
.nameBeer02_Text-green {
color: #1f8a4a;
}
.nameBeer02_Text-gold {
color: #a68000;
}
.nameBeer02-Lead {
margin: 32px auto 24px auto;
font-size: 22px;
font-size: 2.2rem;
font-weight: 700;
}
.nameBeer02-Lead p {
line-break: anywhere;
}
.nameBeer02-Lead span {
color: #cf2c26;
font-weight: 700;
}
.nameBeer02-Lead_Small {
margin-top: 0.5em;
font-size: 18px;
font-size: 1.8rem;
font-weight: normal;
}
.nameBeer02-Speech01:last-child {
position: relative;
margin-top: 64px;
margin-bottom: 16px;
padding: 20px 100px 20px 40px;
border-radius: 9999px;
background-color: #facb33;
font-weight: 700;
}
.nameBeer02-Speech01:last-child img {
position: absolute;
right: 0;
bottom: -16px;
width: 150px;
}
.nameBeer02-Speech02 {
position: relative;
padding-left: 140px;
font-size: 18px;
font-size: 1.8rem;
font-weight: 700;
}
.nameBeer02-Speech02 img {
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
width: 220px;
}
.nameBeer02-Label_Name,
.nameBeer02-Label_Date,
.nameBeer02-Label_Message {
width: 580px;
margin: 0 auto 40px auto;
}
.nameBeer02-Label {
margin-bottom: 24px;
padding-top: 24px;
background-color: #fcf8ed;
}
.nameBeer02-Beer {
margin-bottom: 40px;
padding-bottom: 24px;
background-color: #fcf8ed;
}
.nameBeer02-Label_Customize {
position: relative;
margin-top: -40px;
margin-bottom: 32px;
}
.nameBeer02-Label_Customize p:nth-child(1) {
width: 80%;
margin: 0 auto 16px auto;
}
.nameBeer02-Label_Customize p:nth-child(2) {
width: 90%;
margin: 0 auto;
}
.nameBeer02-Label_Date .nameBeer02-Lead {
text-align: center;
}
.nameBeer02-Label_Date .nameBeer02-Label_Ex {
margin-bottom: 80px;
}
.nameBeer02-Label_Date .nameBeer02-Label_PtWrap {
padding-bottom: 24px;
}
.nameBeer02-Label_Message .nameBeer02-Label_Title span {
letter-spacing: normal;
}
.nameBeer02-Label_Message .nameBeer02-Lead {
margin-bottom: 40px;
text-align: center;
}
.nameBeer02-Label_Message .nameBeer02-Label_Ex {
margin-bottom: 56px;
}
.nameBeer02-Label_Name .nameBeer02-Label_Ex {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
text-align: center;
}
.nameBeer02-Label_Name .nameBeer02-Label_Ex > * {
margin-right: 2%;
}
.nameBeer02-Label_Name .nameBeer02-Label_Ex > * {
width: 32%;
}
.nameBeer02-Label_Name .nameBeer02-Label_Ex > *:nth-child(3n) {
margin-right: 0;
}
.nameBeer02-Label_Name .nameBeer02-Label_Ex > * {
margin-bottom: 16px;
padding-bottom: 8px;
border: 1px solid #111111;
background-color: #fff;
}
.nameBeer02-Label_Name .nameBeer02-Label_Ex > *:nth-of-type(1) span:nth-of-type(1), .nameBeer02-Label_Name .nameBeer02-Label_Ex > *:nth-of-type(2) span:nth-of-type(1), .nameBeer02-Label_Name .nameBeer02-Label_Ex > *:nth-of-type(3) span:nth-of-type(1) {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
overflow: hidden;
width: auto;
height: 262px;
}
.nameBeer02-Label_Name .nameBeer02-Label_Ex span:nth-of-type(2) {
display: block;
padding-top: 8px;
border-top: 1px dotted #111111;
font-size: 16px;
font-size: 1.6rem;
font-weight: 700;
}
.nameBeer02-Label_Title {
position: relative;
}
.nameBeer02-Label_Title span {
position: absolute;
display: block;
bottom: 14px;
width: 100%;
text-align: center;
font-size: 34px;
font-size: 3.4rem;
letter-spacing: 0.2em;
font-family: "dnp-shuei-4gob-std", sans-serif;
font-weight: 700;
font-style: normal;
color: #FFF;
}
.nameBeer02-Label_Caution {
position: relative;
margin-top: 48px;
padding: 2.3em 2em 2em;
background-color: #fff;
font-size: 17px;
font-size: 1.7rem;
font-weight: 700;
}
.nameBeer02-Label_Caution > *:first-child {
display: inline-block;
position: absolute;
top: -1.3em;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
padding: 0.8em 2em;
background-color: #221f20;
color: #ffe600;
text-align: center;
line-height: 1;
letter-spacing: 0.1em;
border-radius: 9999px;
}
.nameBeer02-Label_Caution span {
color: #cf2c26;
}
.nameBeer02-Label_Pt {
margin-top: 80px;
font-size: 16px;
font-size: 1.6rem;
}
.nameBeer02-Label_PtHeading {
position: relative;
height: 70px;
background-color: #facb33;
border-top-right-radius: 10px;
border-top-left-radius: 10px;
}
.nameBeer02-Label_PtHeading img {
position: absolute;
top: -46px;
left: 50%;
transform: translate(-50%, 0);
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
width: 480px;
}
.nameBeer02-Label_PtWrap {
padding: 40px 48px 0 48px;
background-color: #fff;
border-right: 2px solid #facb33;
border-bottom: 2px solid #facb33;
border-left: 2px solid #facb33;
}
.nameBeer02-Label_PtWrap > div {
margin-bottom: 8.533%;
padding-bottom: 8.533%;
border-bottom: 1px dashed #111111;
}
.nameBeer02-Label_PtWrap > div:last-of-type {
margin-bottom: 1em;
padding: 0;
border-bottom: 0;
}
.nameBeer02-Label_PtTitle01,
.nameBeer02-Label_PtTitle02 {
position: relative;
height: 70px;
margin-bottom: 1em;
padding-left: 65px;
background-repeat: no-repeat;
background-size: contain;
font-size: 22px;
font-size: 2.2rem;
font-weight: 700;
line-height: 1.3;
}
.nameBeer02-Label_PtTitle01 p,
.nameBeer02-Label_PtTitle02 p {
position: absolute;
top: 50%;
left: 78px;
transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
}
.nameBeer02-Label_PtTitle01 span,
.nameBeer02-Label_PtTitle02 span {
font-size: 24px;
font-size: 2.4rem;
color: #cf2c26;
}
.nameBeer02-Label_PtTitle01 {
background-image: url(//kanrekiiwai.biz/wp/img/name/beer/02/label_point-icon1.png);
}
.nameBeer02-Label_PtTitle02 {
background-image: url(//kanrekiiwai.biz/wp/img/name/beer/02/label_point-icon2.png);
}
.nameBeer02-Label_PtEx {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: end;
-webkit-align-items: end;
-ms-flex-align: end;
align-items: end;
}
.nameBeer02-Label_PtEx > * {
margin-right: 2%;
}
.nameBeer02-Label_PtEx > * {
width: 49%;
}
.nameBeer02-Label_PtEx > *:nth-child(2n) {
margin-right: 0;
}
.nameBeer02-Label_Neutral {
margin-bottom: 8px;
font-size: 18px;
font-size: 1.8rem;
font-weight: 700;
text-align: center;
}
.nameBeer02-Label_Neutral::after {
content: "";
display: inline-block;
width: 2em;
height: 2em;
background: url(//kanrekiiwai.biz/wp/img/name/beer/01/icon_triangle.png) no-repeat;
background-size: contain;
background-position: bottom;
-webkit-transform: translate(4px, 6px);
transform: translate(4px, 6px);
}
.nameBeer02-Label_Good {
margin-bottom: 8px;
font-size: 18px;
font-size: 1.8rem;
font-weight: 700;
text-align: center;
}
.nameBeer02-Label_Good::after {
content: "";
display: inline-block;
width: 3em;
height: 3em;
background: url(//kanrekiiwai.biz/wp/img/name/beer/01/icon_circle.png) no-repeat;
background-size: contain;
background-position: bottom;
-webkit-transform: translate(4px, 6px);
transform: translate(4px, 6px);
}
.nameBeer02-Label_Bad {
margin-bottom: 8px;
font-size: 18px;
font-size: 1.8rem;
font-weight: 700;
text-align: center;
}
.nameBeer02-Label_Bad::after {
content: "";
display: inline-block;
width: 2em;
height: 2em;
background: url(//kanrekiiwai.biz/wp/img/name/beer/01/icon_cross.png) no-repeat;
background-size: contain;
background-position: bottom;
-webkit-transform: translate(4px, 6px);
transform: translate(4px, 6px);
}
.nameBeer02-Label_Baroon {
position: relative;
margin-top: 18px;
border-radius: 9999px;
font-size: 16px;
font-size: 1.6rem;
font-weight: 700;
line-height: 2.5;
color: #fff;
text-align: center;
}
.nameBeer02-Label_Baroon::before {
content: "";
position: absolute;
border: 8px solid transparent;
width: 0;
height: 0;
left: calc(50% - 8px);
top: -16px;
}
.nameBeer02-Label_Baroon-blue {
background: #2060a8;
}
.nameBeer02-Label_Baroon-blue::before {
border-bottom: 8px solid #2060a8;
}
.nameBeer02-Label_Baroon-red {
background: #cf2c26;
}
.nameBeer02-Label_Baroon-red::before {
border-bottom: 8px solid #cf2c26;
}
.nameBeer02-Label_MessageList {
position: relative;
margin-bottom: 40px;
background-color: #fff;
border: 1px solid #111111;
font-size: 18px;
font-size: 1.8rem;
font-weight: 700;
}
.nameBeer02-Label_MessageList > *:first-child {
position: absolute;
top: -32px;
left: 50%;
transform: translate(-50%, 0);
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
width: 400px;
}
.nameBeer02-Label_MessageList ul {
list-style: none;
width: 450px;
margin: 64px auto 40px auto;
}
.nameBeer02-Label_MessageList ul li {
margin-top: 16px;
}
.nameBeer02-Label_MessageList ul p {
margin-bottom: 8px;
}
.nameBeer02-Label_MessageList ul img {
display: block;
width: 90%;
margin: 0 auto;
}
.nameBeer02-Label_OrMessage {
padding-bottom: 24px;
background-color: #fff;
}
.nameBeer02-Label_OrMessage > p:first-child {
margin-bottom: 24px;
background-color: #111111;
font-size: 22px;
font-size: 2.2rem;
text-align: center;
line-height: 3;
color: #fff;
}
.nameBeer02-Label_OrMessage .nameBeer02-Lead {
width: 90%;
margin-bottom: 24px;
text-align: left;
}
.nameBeer02-Label_OrMessage .nameBeer02-Lead > * {
margin-bottom: 0.5em;
}
.nameBeer02-Label_OrMessage .nameBeer02-Lead > *:last-child {
margin-bottom: 0;
}
.nameBeer02-Label_OrMessage .nameBeer02-Lead span {
border-bottom: 3px solid;
}
.nameBeer02-Label_OrMessage .nameBeer02-Label_OrMessageEx {
width: 370px;
margin: 0 auto 40px auto;
font-size: 20px;
font-size: 2rem;
font-weight: 700;
list-style: none;
}
.nameBeer02-Label_OrMessage .nameBeer02-Label_OrMessageEx > * {
margin-bottom: 1em;
}
.nameBeer02-Label_OrMessage .nameBeer02-Label_OrMessageEx > *:last-child {
margin-bottom: 0;
}
.nameBeer02-Label_OrMessage .nameBeer02-Label_OrMessageEx > * p {
margin-bottom: 0.5em;
}
.nameBeer02-Label_OrMessage .nameBeer02-Label_OrMessageText {
width: 90%;
margin: 0 auto 40px auto;
}
.nameBeer02-Label_OrMessage .nameBeer02-Label_OrMessageText > *:first-child {
margin-bottom: 40px;
font-size: 22px;
font-size: 2.2rem;
line-height: 2.8;
font-weight: 700;
text-align: center;
background-color: #f2f2f2;
}
.nameBeer02-Label_OrMessage .nameBeer02-Label_OrMessageText-ok {
position: relative;
margin-bottom: 40px;
padding: 2em 0 1em 0;
background-color: #faeae9;
font-size: 20px;
font-size: 2rem;
}
.nameBeer02-Label_OrMessage .nameBeer02-Label_OrMessageText-ok > *:first-child {
position: absolute;
display: inline-block;
top: -0.5em;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
font-size: 22px;
font-size: 2.2rem;
line-height: 1;
letter-spacing: 0.2em;
}
.nameBeer02-Label_OrMessage .nameBeer02-Label_OrMessageText-ok > *:last-child {
font-size: 13px;
font-size: 1.3rem;
text-align: center;
}
.nameBeer02-Label_OrMessage .nameBeer02-Label_OrMessageText-ok ul {
width: 20em;
margin: 0 auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
list-style: none;
}
.nameBeer02-Label_OrMessage .nameBeer02-Label_OrMessageText-ok ul > * {
margin-right: 2%;
}
.nameBeer02-Label_OrMessage .nameBeer02-Label_OrMessageText-ok ul > * {
width: 32%;
}
.nameBeer02-Label_OrMessage .nameBeer02-Label_OrMessageText-ok ul > *:nth-child(3n) {
margin-right: 0;
}
.nameBeer02-Label_OrMessage .nameBeer02-Label_OrMessageText-ok li {
margin-bottom: 0.5em;
}
.nameBeer02-Label_OrMessage .nameBeer02-Label_OrMessageText-ok li::before {
content: "";
width: 1.5em;
height: 1.5em;
display: inline-block;
position: relative;
margin-right: 8px;
background-image: url(//kanrekiiwai.biz/wp/img/name/beer/01/icon_circle02.png);
background-size: contain;
background-repeat: no-repeat;
vertical-align: middle;
}
.nameBeer02-Label_OrMessage .nameBeer02-Label_OrMessageText-ng {
position: relative;
padding: 2em 0 1em 0;
background-color: #e0e9f3;
font-size: 20px;
font-size: 2rem;
}
.nameBeer02-Label_OrMessage .nameBeer02-Label_OrMessageText-ng > *:first-child {
position: absolute;
display: inline-block;
top: -0.5em;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
font-size: 22px;
font-size: 2.2rem;
line-height: 1;
letter-spacing: 0.2em;
}
.nameBeer02-Label_OrMessage .nameBeer02-Label_OrMessageText-ng ul {
width: 13em;
margin: 0 auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
list-style: none;
}
.nameBeer02-Label_OrMessage .nameBeer02-Label_OrMessageText-ng ul > * {
margin-right: 2%;
}
.nameBeer02-Label_OrMessage .nameBeer02-Label_OrMessageText-ng ul > * {
width: 49%;
}
.nameBeer02-Label_OrMessage .nameBeer02-Label_OrMessageText-ng ul > *:nth-child(2n) {
margin-right: 0;
}
.nameBeer02-Label_OrMessage .nameBeer02-Label_OrMessageText-ng li {
margin-bottom: 0.5em;
}
.nameBeer02-Label_OrMessage .nameBeer02-Label_OrMessageText-ng li::before {
content: "";
width: 1.3em;
height: 1.3em;
display: inline-block;
position: relative;
margin-right: 8px;
background-image: url(//kanrekiiwai.biz/wp/img/name/beer/01/icon_cross02.png);
background-size: contain;
background-repeat: no-repeat;
vertical-align: middle;
}
.nameBeer02-Label_OrMessageInfo {
width: 90%;
margin: 0 auto;
font-size: 16px;
font-size: 1.6rem;
border: 2px solid #111111;
}
.nameBeer02-Label_OrMessageInfo > *:first-child {
margin-bottom: 24px;
text-align: center;
font-size: 24px;
font-size: 2.4rem;
line-height: 2.5;
border-bottom: 2px solid #111111;
}
.nameBeer02-Label_OrMessageInfo ul {
width: 78%;
margin: 0 auto 32px auto;
}
.nameBeer02-Label_OrMessageInfo ul li {
margin-bottom: 1em;
}
.nameBeer02-Label_OrMessageInfo ul span {
background: -webkit-gradient(linear, left top, left bottom, color-stop(80%, transparent), color-stop(10%, lightpink));
background: -webkit-linear-gradient(transparent 80%, lightpink 10%);
background: linear-gradient(transparent 80%, lightpink 10%);
font-weight: 700;
}
.nameBeer02-Sample {
margin-bottom: 40px;
overflow: hidden;
}
.nameBeer02-Sample ul {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
list-style: none;
}
.nameBeer02-Sample ul > * {
margin-right: 2%;
}
.nameBeer02-Sample ul > * {
width: 49%;
}
.nameBeer02-Sample ul > *:nth-child(2n) {
margin-right: 0;
}
.nameBeer02-Sample ul li {
margin-bottom: 32px;
}
.nameBeer02-Sample ul li > *:first-child {
position: relative;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
display: inline-block;
margin: 0 auto 12px auto;
padding: 0 2em;
background-color: #111111;
border-radius: 9999px;
font-size: 15px;
font-size: 1.5rem;
line-height: 2.5;
color: #fff;
}
.nameBeer02-Sample ul li .nameBeer02-Sample_Text {
width: 94%;
margin: 16px auto 0 auto;
border: 1px solid #eee;
}
.nameBeer02-Sample ul li .nameBeer02-Sample_Text > *:first-child {
font-size: 18px;
font-size: 1.8rem;
font-weight: 700;
text-align: center;
line-height: 2.8;
background-color: #eee;
}
.nameBeer02-Sample ul li .nameBeer02-Sample_Text > *:nth-child(2) {
padding: 1.5em 2em 2em 2em;
}
.nameBeer02-Sample ul li .nameBeer02-Sample_Text > *:nth-child(2) span {
display: block;
margin-bottom: 1em;
padding-bottom: 1em;
font-size: 13px;
font-size: 1.3rem;
text-align: center;
border-bottom: 1px dashed;
white-space: nowrap;
}
.nameBeer02-Sample_Title {
position: relative;
margin: 0 auto 40px auto;
padding-top: 24px;
padding-bottom: 24px;
font-family: "dnp-shuei-4gob-std", sans-serif;
font-weight: 700;
font-size: 36px;
font-size: 3.6rem;
line-height: 1;
text-align: center;
border-top: 2px solid #111111;
border-right: 10px solid #111111;
border-bottom: 2px solid #111111;
border-left: 10px solid #111111;
}
.nameBeer02-Sample_Title::before {
position: absolute;
content: "";
width: 2px;
height: 100%;
top: 0;
left: 4px;
background-color: #111111;
}
.nameBeer02-Sample_Title::after {
position: absolute;
content: "";
width: 2px;
height: 100%;
top: 0;
right: 4px;
background-color: #111111;
}
.nameBeer02-Sample_Title span {
display: block;
margin-bottom: 12px;
font-size: 19px;
font-size: 1.9rem;
line-height: 1;
}
.nameBeer02-Sample_Title span::before, .nameBeer02-Sample_Title span::after {
position: relative;
display: inline-block;
content: "";
background: #111111;
width: 2px;
height: 1.2em;
margin-top: -0.2em;
vertical-align: middle;
}
.nameBeer02-Sample_Title span::before {
margin: 0 0.7em;
-webkit-transform: rotate(-35deg);
transform: rotate(-35deg);
}
.nameBeer02-Sample_Title span::after {
margin: 0 0.7em;
-webkit-transform: rotate(35deg);
transform: rotate(35deg);
}
.nameBeer02-Color {
margin-bottom: 80px;
}
.nameBeer02-Color > *:nth-child(2) {
width: 640px;
margin: 0 auto;
}
.nameBeer02-Sim {
margin: 80px 0 24px 0;
font-weight: 700;
text-align: center;
font-size: 18px;
font-size: 1.8rem;
}
.nameBeer02-Sim_Title {
position: relative;
width: 560px;
margin: 0 auto;
font-family: "dnp-shuei-4gob-std", sans-serif;
font-weight: 700;
font-size: 26px;
font-size: 2.6rem;
letter-spacing: 0.1em;
font-weight: 700;
text-align: center;
line-height: 2.6;
border-top: 2px solid #111111;
border-right: 10px solid #111111;
border-bottom: 2px solid #111111;
border-left: 10px solid #111111;
margin: 0 auto 1em;
}
.nameBeer02-Sim_Title::before {
content: "";
position: absolute;
width: 2px;
height: 100%;
top: 0;
left: 4px;
background-color: #111111;
}
.nameBeer02-Sim_Title::after {
content: "";
position: absolute;
width: 2px;
height: 100%;
top: 0;
right: 4px;
background-color: #111111;
}
.nameBeer02-Sim_Title img {
position: absolute;
top: -20px;
left: 50%;
transform: translate(-50%, 0);
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
width: 120px;
}
.nameBeer02-Swiper {
margin: 24px 0 !important;
padding-bottom: 10.666%;
position: relative;
background-image: url(//kanrekiiwai.biz/wp/img/name/beer/01/color-bottle.jpg);
background-repeat: no-repeat;
background-size: contain;
}
.nameBeer02-Swiper .swiper-button-prev,
.nameBeer02-Swiper .swiper-button-next {
top: initial;
bottom: 10px;
height: 20px;
}
.nameBeer02-Swiper .swiper-pagination-bullet-active {
background-color: #cf2c26;
}
.nameBeer02-Swiper .swiper-pagination-bullet {
margin: 0 8px !important;
width: 14px;
height: 14px;
}
.nameBeer02-Swiper_Label {
position: absolute;
top: 0;
left: 0;
z-index: 9999;
}
.nameBeer02-Color_Wrap {
width: 680px;
margin: 0 auto;
}
.nameBeer02-Color_About {
padding: 20px 0;
background-color: #fcf8ed;
text-align: left;
}
.nameBeer02-Color_About .nameBeer02-Color_AboutTitle {
position: relative;
width: 632px;
margin: 0 auto;
font-family: "dnp-shuei-4gob-std", sans-serif;
font-weight: 700;
text-align: center;
font-size: 24px;
font-size: 2.4rem;
line-height: 2.8;
background-image: url(//kanrekiiwai.biz/wp/img/name/beer/02/bg07.png);
background-repeat: repeat-x;
background-size: contain;
}
.nameBeer02-Color_About .nameBeer02-Color_AboutTitle > img:nth-of-type(1) {
position: absolute;
top: 0;
left: -24px;
width: auto;
height: 67.2px;
}
.nameBeer02-Color_About .nameBeer02-Color_AboutTitle > img:nth-of-type(2) {
position: absolute;
top: 0;
right: -24px;
width: auto;
height: 67.2px;
}
.nameBeer02-Color_About .nameBeer02-Lead {
width: 560px;
margin-right: auto;
margin-bottom: 40px;
margin-left: auto;
}
.nameBeer02-Color_Ex {
margin: 0 auto;
padding-bottom: 72px;
background-color: #fff;
overflow: hidden;
}
.nameBeer02-Color_Ex .nameBeer02-Speech02 {
width: 86%;
margin: 0 auto;
}
.nameBeer02-Color_ExBox {
margin-bottom: 80px;
text-align: center;
}
.nameBeer02-Color_ExBox > p:nth-of-type(1) {
position: relative;
margin-bottom: 48px;
border-top: 1px dashed #ccc;
}
.nameBeer02-Color_ExBox > p:nth-of-type(1) img {
position: absolute;
height: 72px;
top: -40px;
left: 16px;
}
.nameBeer02-Color_ExBox > p:nth-of-type(1) span {
position: absolute;
top: -1.2em;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
display: inline-block;
margin-bottom: 24px;
padding: 0 2em;
border-radius: 9999px;
background-color: #111111;
font-size: 18px;
font-size: 1.8rem;
line-height: 2.4;
color: #fff;
}
.nameBeer02-Color_ExBox > p:nth-of-type(2) {
margin-bottom: 32px;
}
.nameBeer02-Color_Ex01 > p:nth-of-type(2) img {
width: 68%;
}
.nameBeer02-Color_Ex02 > p:nth-of-type(2) img {
width: 74%;
}
.nameBeer02-Color_Ex03 > p:nth-of-type(2) img {
width: 74%;
}
.nameBeer02-Color_Ex04 > p:nth-of-type(2) img {
width: 70%;
}
.nameBeer02-Color_Ex05 > p:nth-of-type(2) img {
width: 74%;
}
.nameBeer02-Color_Ex06 > p:nth-of-type(2) img {
width: 68%;
}
.nameBeer02-Color_ExTitle {
position: relative;
width: 650px;
margin: 10px auto 72px auto;
padding-top: 24px;
padding-bottom: 24px;
font-family: "dnp-shuei-4gob-std", sans-serif;
font-weight: 700;
font-size: 28px;
font-size: 2.8rem;
line-height: 1;
text-align: center;
border-top: 2px solid #111111;
border-right: 10px solid #111111;
border-bottom: 2px solid #111111;
border-left: 10px solid #111111;
}
.nameBeer02-Color_ExTitle::before {
position: absolute;
content: "";
width: 2px;
height: 100%;
top: 0;
left: 4px;
background-color: #111111;
}
.nameBeer02-Color_ExTitle::after {
position: absolute;
content: "";
width: 2px;
height: 100%;
top: 0;
right: 4px;
background-color: #111111;
}
.nameBeer02-Color_ExTitle span {
display: block;
margin-bottom: 12px;
font-size: 20px;
font-size: 2rem;
line-height: 1;
}
.nameBeer02-Color_ExTitle span::before, .nameBeer02-Color_ExTitle span::after {
position: relative;
display: inline-block;
content: "";
background: #111111;
width: 2px;
height: 1.2em;
margin-top: -0.2em;
vertical-align: middle;
}
.nameBeer02-Color_ExTitle span::before {
margin: 0 0.7em;
-webkit-transform: rotate(-35deg);
transform: rotate(-35deg);
}
.nameBeer02-Color_ExTitle span::after {
margin: 0 0.5em;
-webkit-transform: rotate(35deg);
transform: rotate(35deg);
}
.nameBeer02-Beer_Title {
width: 80%;
margin: 0 auto 16px auto;
text-align: left;
font-size: 34px;
font-size: 3.4rem;
font-weight: 700;
line-height: 1.3;
}
.nameBeer02-Beer_Title span {
display: block;
text-align: right;
}
.nameBeer02-Beer_Text {
width: 80%;
margin: 0 auto;
font-size: 16px;
font-size: 1.6rem;
}
.nameBeer02-Beer_Block {
width: 90%;
margin: 0 auto 40px auto;
padding-bottom: 24px;
background-color: #fff;
overflow: hidden;
}
.nameBeer02-Beer_Block > *:first-child {
width: 260px;
margin: 24px auto 32px auto;
}
.nameBeer02-Beer_Block ul {
list-style: none;
font-size: 16px;
font-size: 1.6rem;
}
.nameBeer02-Beer_Block ul li {
padding-top: 8px;
padding-bottom: 8px;
border-bottom: 1px solid #111111;
}
.nameBeer02-Beer_Block ul li:first-of-type {
border-top: 1px solid #111111;
}
.nameBeer02-Beer_Block ul span {
display: inline-block;
width: 9em;
margin-right: 1em;
padding-right: 1em;
border-right: 1px solid #111111;
}
.nameBeer02-Beer_Wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
width: 560px;
margin: 0 auto 24px auto;
}
.nameBeer02-Beer_Wrap > * {
margin-right: 2%;
}
.nameBeer02-Beer_Wrap > *:first-child {
width: 50%;
margin-right: 24px;
text-align: center;
}
.nameBeer02-Beer_Wrap > *:first-child img {
width: 90%;
height: auto;
}
.nameBeer02-Beer_Wrap > *:last-child {
width: calc(50% - 24px);
margin: 0;
}
.nameBeer02-Beer_Type {
font-size: 14px;
font-size: 1.4rem;
text-align: center;
margin-bottom: 24px;
}
.nameBeer02-Beer_Type span {
display: block;
margin-bottom: 4px;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
font-weight: 700;
line-height: 1;
}
.nameBeer02-Beer_Type-ipa span {
font-size: 50px;
font-size: 5rem;
letter-spacing: 0.4em;
text-indent: 0.5em;
}
.nameBeer02-Beer_Type-white span {
font-size: 47px;
font-size: 4.7rem;
letter-spacing: 0.1em;
text-indent: 0.1em;
}
.nameBeer02-From {
position: relative;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
width: 80%;
height: 9.6em;
margin: 2em auto 0 auto;
border: 1px solid #cf2c26;
border-radius: 10px;
font-size: 15px;
font-size: 1.5rem;
color: #cf2c26;
font-weight: 700;
}
.nameBeer02-From img {
position: absolute;
bottom: 0;
left: 16px;
width: auto;
height: 110%;
}
.nameBeer02-From p {
position: absolute;
right: 0.5em;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
width: calc(70% - 1em);
margin-right: 2em;
}
.nameBeer02-Brewery {
width: 90%;
margin: 0 auto;
background-color: #fff;
overflow: hidden;
}
.nameBeer02-Brewery > *:first-child {
width: 280px;
margin: 24px auto 32px auto;
}
.nameBeer02-Brewery_Logo {
width: 280px;
margin: 0 auto 56px auto;
}
.nameBeer02-Brewery_Name {
position: relative;
width: 580px;
height: 3px;
margin-right: auto;
margin-bottom: 56px;
margin-left: auto;
background-image: url(//kanrekiiwai.biz/wp/img/name/beer/01/line_dot.png);
background-repeat: repeat-x;
background-size: contain;
}
.nameBeer02-Brewery_Name span {
position: absolute;
top: calc(-1em - 4px);
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
display: inline-block;
padding: 8px 2em;
background-color: #111111;
font-size: 20px;
font-size: 2rem;
letter-spacing: 0.1em;
color: #fff;
border-radius: 9999px;
}
.nameBeer02-Brewery_Title {
margin-bottom: 32px;
font-size: 26px;
font-size: 2.6rem;
font-weight: 700;
letter-spacing: 0.1em;
text-align: center;
}
.nameBeer02-Brewery_Text {
width: 580px;
margin: 0 auto 32px auto;
font-size: 16px;
font-size: 1.6rem;
}
.nameBeer02-Brewery_Photo {
width: 90%;
margin: 0 auto;
padding-bottom: 24px;
}
.nameBeer02-Brewery_Photo > * {
margin-bottom: 4px;
}
.nameBeer02-Brewery_Photo > *:last-child {
margin-bottom: 0;
}
.nameBeer02-Np {
margin-bottom: 40px;
padding-bottom: 24px;
background-color: #fcf8ed;
overflow: hidden;
}
.nameBeer02-Np > *:first-child {
position: relative;
padding: 16px 0;
background-color: #111111;
font-family: "dnp-shuei-4gob-std", sans-serif;
font-weight: 700;
text-align: center;
font-size: 28px;
font-size: 2.8rem;
font-weight: 700;
color: #cdad5c;
}
.nameBeer02-Np > *:first-child::before {
content: "";
width: 100%;
height: 1px;
display: block;
background-color: rgba(205, 173, 92, 0.5);
position: absolute;
top: 4px;
left: 0;
}
.nameBeer02-Np > *:first-child::after {
content: "";
width: 100%;
height: 1px;
display: block;
background-color: rgba(205, 173, 92, 0.5);
position: absolute;
bottom: 4px;
left: 0;
}
.nameBeer02-Np_Hero {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
height: 470px;
}
.nameBeer02-Np_Hero img {
width: 100%;
}
.nameBeer02-Np_Wrap {
width: 660px;
margin: 0 auto;
padding: 0 24px 24px 24px;
background-color: #fff;
}
.nameBeer02-Np_Title {
margin-bottom: 24px;
}
.nameBeer02-Np_Title p:nth-of-type(1) {
width: 94%;
margin: 0 auto 24px auto;
}
.nameBeer02-Np_Title p:nth-of-type(2) {
width: 86%;
margin: 0 auto;
}
.nameBeer02-Np_Lead {
margin: 0 40px 32px 40px;
font-size: 16px;
font-size: 1.6rem;
}
.nameBeer02-Np_Lead p:nth-of-type(1) {
margin-bottom: 24px;
font-size: 36px;
font-size: 3.6rem;
line-height: 1.3;
font-weight: 700;
text-align: center;
}
.nameBeer02-Np_Lead p:nth-of-type(1) span {
display: inline-block;
position: relative;
z-index: 0;
}
.nameBeer02-Np_Lead p:nth-of-type(1) span::after {
content: "";
width: 102%;
height: 12px;
display: inline-block;
position: absolute;
bottom: -2px;
left: -2%;
z-index: -1;
background-color: #fff01e;
}
.nameBeer02-Np_Info {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
margin-bottom: 24px;
padding-bottom: 32px;
border-bottom: 1px dashed #ccc;
}
.nameBeer02-Np_Info > * {
margin-right: 2%;
}
.nameBeer02-Np_Info > * {
width: 49%;
}
.nameBeer02-Np_Info > *:nth-child(2n) {
margin-right: 0;
}
.nameBeer02-Np_Box > div {
margin-top: 24px;
}
.nameBeer02-Np_Box > div p {
font-size: 15px;
font-size: 1.5rem;
}
.nameBeer02-Np_Box > div p:first-of-type {
width: 8em;
margin: 0 auto;
font-size: 15px;
font-size: 1.5rem;
color: #fff;
text-align: center;
letter-spacing: 0.1em;
font-weight: 700;
line-height: 2.2em;
border-radius: 9999px;
}
.nameBeer02-Np_Box > div p:nth-of-type(2) {
margin: 0.3em auto 16px auto;
padding-bottom: 0.3em;
font-size: 24px;
font-size: 2.4rem;
font-weight: 700;
text-align: center;
line-height: 1.5;
border-bottom: 1px dashed #111111;
}
.nameBeer02-Np_Box > div p:nth-of-type(2) span {
display: block;
font-size: 16px;
font-size: 1.6rem;
}
.nameBeer02-Np_Omote > div p:first-of-type {
background-color: #cf2c26;
}
.nameBeer02-Np_Omote > div p:nth-of-type(2) {
color: #cf2c26;
}
.nameBeer02-Np_Ura > div p:first-of-type {
background-color: #121a50;
}
.nameBeer02-Np_Ura > div p:nth-of-type(2) {
color: #121a50;
}
.nameBeer02-Np_Wrapping {
margin-bottom: 24px;
font-size: 16px;
font-size: 1.6rem;
font-weight: 700;
text-align: center;
}
.nameBeer02-Np_Wrapping p {
font-size: 24px;
font-size: 2.4rem;
margin-bottom: 1em;
}
.nameBeer02-Np_Omake {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
padding: 8px 8px 8px 24px;
border: 4px solid #cdad5c;
border-radius: 10px;
font-size: 15px;
font-size: 1.5rem;
}
.nameBeer02-Np_Omake > * {
margin-right: 2%;
}
.nameBeer02-Np_Omake > *:first-child {
width: 62%;
margin-right: 24px;
}
.nameBeer02-Np_Omake > *:last-child {
width: calc(38% - 24px);
margin-right: 0;
}
.nameBeer02-Np_OmakeIcon {
position: absolute;
top: 0;
left: 1em;
width: 64px;
}
.nameBeer02-Np_OmakeTitle {
font-weight: 700;
margin-top: 8px;
margin-bottom: 24px;
margin-left: 72px;
font-size: 22px;
font-size: 2.2rem;
line-height: 1.3;
}
.nameBeer02-Set .nameBeer02-Lead {
margin-bottom: 40px;
text-align: center;
}
.nameBeer02-Set .nameBeer02-Lead figure {
width: 640px;
margin: 0 auto;
}
.nameBeer02-Set .nameBeer02-Lead > * {
margin-bottom: 24px;
}
.nameBeer02-Set .nameBeer02-Lead > *:last-child {
margin-bottom: 0;
}
.nameBeer02-Set_Heading {
position: relative;
margin-bottom: 24px;
padding: 12px 0;
font-family: "dnp-shuei-4gob-std", sans-serif;
font-weight: 700;
font-size: 28px;
font-size: 2.8rem;
text-align: center;
border-top: 2px solid #111111;
border-right: 10px solid #111111;
border-bottom: 2px solid #111111;
border-left: 10px solid #111111;
}
.nameBeer02-Set_Heading::before {
position: absolute;
content: "";
width: 2px;
height: 100%;
top: 0;
left: 4px;
background-color: #111111;
}
.nameBeer02-Set_Heading::after {
position: absolute;
content: "";
width: 2px;
height: 100%;
top: 0;
right: 4px;
background-color: #111111;
}
.nameBeer02-Set_Box {
margin-bottom: 40px;
}
.nameBeer02-Set_Box figure {
margin-bottom: 24px;
}
.nameBeer02-Set_Box p {
font-size: 18px;
font-size: 1.8rem;
text-align: center;
}
.nameBeer02-Wrapping {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: end;
-webkit-align-items: end;
-ms-flex-align: end;
align-items: end;
margin-bottom: 40px;
font-size: 22px;
font-size: 2.2rem;
line-height: 1.4;
}
.nameBeer02-Wrapping > * {
margin-right: 2%;
}
.nameBeer02-Wrapping > * {
width: 49%;
}
.nameBeer02-Wrapping > *:nth-child(2n) {
margin-right: 0;
}
.nameBeer02-Wrapping div {
position: relative;
}
.nameBeer02-Wrapping p {
position: absolute;
right: 0;
bottom: 1.8em;
left: 0;
margin: auto;
text-align: center;
font-weight: 700;
}
.nameBeer02-Bag {
position: relative;
margin-bottom: 40px;
padding: 24px 40px;
background-color: #fce9e8;
font-size: 16px;
font-size: 1.6rem;
}
.nameBeer02-Bag img {
position: absolute;
width: auto;
height: 115%;
right: 40px;
bottom: 8px;
}
.nameBeer02-Bag p {
width: 65%;
}
.nameBeer02-Bag_Title {
font-size: 22px;
font-size: 2.2rem;
font-weight: 700;
margin-bottom: 16px;
}
.nameBeer02-Keep {
margin-bottom: 64px;
}
.nameBeer02-Keep_Title {
background-color: #121a50;
font-size: 24px;
font-size: 2.4rem;
font-weight: 700;
color: #fff;
text-align: center;
line-height: 2.4;
letter-spacing: 0.1em;
border-top-right-radius: 10px;
border-top-left-radius: 10px;
}
.nameBeer02-Keep_Text {
padding: 24px 56px;
border-right: 2px solid #121a50;
border-bottom: 2px solid #121a50;
border-left: 2px solid #121a50;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
background-color: #fff;
font-size: 17px;
font-size: 1.7rem;
}
.nameBeer02-Keep_Text span {
color: #29abe2;
}
.nameBeer02-Noshi,
.nameBeer02-Card {
margin-bottom: 10.666%;
font-size: 18px;
font-size: 1.8rem;
}
.nameBeer02-Noshi > *:first-child,
.nameBeer02-Card > *:first-child {
margin-bottom: 16px;
font-family: "dnp-shuei-4gob-std", sans-serif;
font-size: 26px;
font-size: 2.6rem;
font-weight: 700;
text-align: center;
}
.nameBeer02-Noshi > *:first-child::before, .nameBeer02-Noshi > *:first-child::after,
.nameBeer02-Card > *:first-child::before,
.nameBeer02-Card > *:first-child::after {
content: "・";
}
.nameBeer02-Noshi_Text,
.nameBeer02-Card_Text {
width: 640px;
margin: 24px auto 40px auto;
}
.nameBeer02-Noshi_Text span {
display: block;
font-size: 15px;
font-size: 1.5rem;
}
.nameBeer02-Card ul {
width: 640px;
margin: 1em auto 0 auto;
list-style: none;
}
.nameBeer02-Card ul li:first-of-type {
margin-bottom: 1em;
}
.nameBeer02-Card ul li:first-of-type .nameBeer02-Card_Title {
color: #cf2c26;
}
.nameBeer02-Card ul li:last-of-type .nameBeer02-Card_Title {
color: #2060a8;
}
.nameBeer02-Card ul p {
margin-left: 3em;
}
.nameBeer02-Card ul p.nameBeer02-Card_Title {
margin-left: 0;
font-size: 20px;
font-size: 2rem;
font-weight: 700;
}
.nameBeer02-Card ul p.nameBeer02-Card_Title img {
width: 2.2em;
margin-right: 0.5em;
vertical-align: middle;
}
.nameBeer02-Info {
padding: 40px 80px;
border: 1px solid #111111;
font-size: 17px;
font-size: 1.7rem;
}
.nameBeer02-Info a {
color: #1380D9;
text-decoration: underline;
}
.nameBeer02-Info a:hover {
text-decoration: none;
}
.nameBeer02-Info > *:first-child {
margin-bottom: 40px;
padding-bottom: 8px;
font-size: 26px;
font-size: 2.6rem;
letter-spacing: 1px;
font-weight: 700;
text-align: center;
border-bottom: 1px solid #111111;
}
.nameBeer02-Info ul {
margin: 0;
padding: 0;
list-style: none;
}
.nameBeer02-Info ul li {
margin-top: 1em;
padding-bottom: 1em;
border-bottom: 1px dashed #111111;
}
.nameBeer02-Info ul li > *:first-child {
margin-bottom: 8px;
font-size: 20px;
font-size: 2rem;
color: #cf2c26;
font-weight: 700;
}
.nameBeer02-Info ul li:last-child {
padding-bottom: 0;
border-bottom: 0;
}   .nameFruit-Container {
letter-spacing: 0.03em;
} .nameFruit-Text-s {
font-size: 0.8em;
} .nameFruit-Color-red {
color: #D20000;
}
.nameFruit-Color-blue {
color: #00005A;
} .nameFruit-Speech01 {
position: relative;
height: 6em;
padding-left: 90px;
font-size: 18px;
font-size: 1.8rem;
font-weight: 700;
line-height: 6;
} .nameFruit-Adv {
margin-top: 80px;
font-size: 16px;
font-size: 1.6rem;
}
.nameFruit-Adv ul {
margin-top: 1em;
list-style: none;
font-size: 14px;
font-size: 1.4rem;
}
.nameFruit-Adv_Heading {
position: relative;
font-size: 28px;
font-size: 2.8rem;
height: 2em;
background-image: url(//kanrekiiwai.biz/wp/img/name/fruit/bg05.png);
background-size: 14%;
border-top-right-radius: 10px;
border-top-left-radius: 10px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.nameFruit-Adv_Heading > * {
margin-right: 2%;
}
.nameFruit-Adv_Heading > *:first-child {
margin: 0 8px 0 -20px;
}
.nameFruit-Adv_Heading > *:first-child img {
margin-top: -1.6em;
height: 4.3em;
}
.nameFruit-Adv_Heading > *:last-child {
margin-right: 0;
}
.nameFruit-Adv_Heading > *:last-child img {
height: 1.25em;
}
.nameFruit-Adv_Wrap {
padding: 40px 48px 40px 48px;
background-color: #fff;
border-right: 2px solid #000;
border-bottom: 2px solid #000;
border-left: 2px solid #000;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}
.nameFruit-Adv_Wrap > div {
margin-bottom: 8.533%;
padding-bottom: 8.533%;
border-bottom: 1px dashed #000;
}
.nameFruit-Adv_Wrap > div:last-of-type {
margin-bottom: 0;
padding: 0;
border-bottom: 0;
}
.nameFruit-Adv_Title {
position: relative;
margin-bottom: 1em;
font-size: 22px;
font-size: 2.2rem;
font-weight: 700;
line-height: 1.4;
}
.nameFruit-Adv_Title span {
color: #D20000;
}
.nameFruit-Adv_Ex {
position: relative;
margin-top: 40px;
padding-top: 40px;
border-top: 1px dashed #000;
font-size: 14px;
font-size: 1.4rem;
}
.nameFruit-Adv_Ex img {
border: 2px solid #eee;
}
.nameFruit-Adv_Ex > *:first-child {
display: inline-block;
position: absolute;
top: -1.3em;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
padding: 0.8em 2em;
background-color: #f2c409;
font-size: 15px;
font-size: 1.5rem;
font-weight: 700;
color: #000;
text-align: center;
line-height: 1;
letter-spacing: 0.1em;
border-radius: 9999px;
}
.nameFruit-Adv_Ex > div {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.nameFruit-Adv_Ex > div > * {
margin-right: 2%;
}
.nameFruit-Adv_Ex > div > * {
width: calc((100% - 16px) / 2);
margin-right: 16px;
}
.nameFruit-Adv_Ex > div > *:last-child {
margin-right: 0;
}
.nameFruit-Adv_Ex > div p span {
color: #D20000;
text-decoration: underline;
}
.nameFruit-Adv_Neutral {
margin-bottom: 8px;
font-size: 18px;
font-size: 1.8rem;
font-weight: 700;
text-align: center;
}
.nameFruit-Adv_Neutral::after {
content: "";
display: inline-block;
width: 1.6em;
height: 1.6em;
background: url(//kanrekiiwai.biz/wp/img/name/fruit/icon_triangle.png) no-repeat;
background-size: contain;
background-position: bottom;
-webkit-transform: translate(4px, 6px);
transform: translate(4px, 6px);
}
.nameFruit-Adv_Good {
margin-bottom: 8px;
font-size: 18px;
font-size: 1.8rem;
font-weight: 700;
text-align: center;
}
.nameFruit-Adv_Good::after {
content: "";
display: inline-block;
width: 3em;
height: 3em;
background-size: contain;
background-position: bottom;
-webkit-transform: translate(4px, 6px);
transform: translate(4px, 6px);
}
.nameFruit-Adv__Bad {
margin-bottom: 8px;
font-size: 18px;
font-size: 1.8rem;
font-weight: 700;
text-align: center;
}
.nameFruit-Adv__Bad::after {
content: "";
display: inline-block;
width: 2em;
height: 2em;
background-size: contain;
background-position: bottom;
-webkit-transform: translate(4px, 6px);
transform: translate(4px, 6px);
}
.nameFruit-Adv_Baroon {
position: relative;
margin-top: 18px;
border-radius: 9999px;
font-weight: 700;
line-height: 2.5;
color: #fff;
text-align: center;
}
.nameFruit-Adv_Baroon::before {
content: "";
position: absolute;
border: 8px solid transparent;
width: 0;
height: 0;
left: calc(50% - 8px);
top: -16px;
}
.nameFruit-Adv_Baroon-blue {
background: #00005A;
}
.nameFruit-Adv_Baroon-blue::before {
border-bottom: 8px solid #00005A;
}
.nameFruit-Adv_Baroon-red {
background: #D20000;
}
.nameFruit-Adv_Baroon-red::before {
border-bottom: 8px solid #D20000;
} .nameFruit-Note {
margin: 32px auto 0;
padding-bottom: 24px;
border: 2px solid #000;
background-color: #fff;
border-radius: 12px;
font-size: 18px;
font-size: 1.8rem;
}
.nameFruit-Note p {
margin: 0 40px;
text-align: center;
}
.nameFruit-Note figure {
margin-top: 20px;
}
.nameFruit-Note .nameFruit-Note_Title {
margin: 0 0 20px 0;
font-size: 22px;
font-size: 2.2rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
font-weight: 700;
letter-spacing: 0.1em;
text-align: center;
color: #fff;
background-image: url(//kanrekiiwai.biz/wp/img/name/fruit/bg05.png);
background-size: 8%;
text-align: center;
line-height: 2.4;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.nameFruit-Note .nameFruit-Note_Title img {
height: 1em;
vertical-align: inherit;
} .nameFruit-Intro {
position: relative;
background: url(//kanrekiiwai.biz/wp/img/name/fruit/base01.jpg);
background-size: 50%;
overflow: hidden;
}
.nameFruit-Hero01 {
position: relative;
}
.nameFruit-Hero01_Text {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
z-index: 1;
}
.nameFruit-Hero01_Text > * {
margin-right: 2%;
}
.nameFruit-Hero01_Text > * {
margin-right: 0;
}
.nameFruit-Hero01_Text > *:first-child {
width: 44%;
margin-left: 16px;
}
.nameFruit-Hero01_Text > *:last-child {
width: calc(56% - 16px - 4px);
margin-right: 4px;
}
.nameFruit-Hero01_Text figure {
position: relative;
}
.nameFruit-Hero01_Text figure img {
max-width: 100%;
position: absolute;
bottom: -24px;
}
.nameFruit-Hero01_Text .nameFruit-Hero01_TextInner {
padding: 20px 0 24px 0;
}
.nameFruit-Hero01_Text .nameFruit-Hero01_TextInner p {
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
text-align: center;
color: #fff;
font-weight: 700;
}
.nameFruit-Hero01_Text .nameFruit-Hero01_TextInner p:nth-child(1) {
font-size: 20px;
font-size: 2rem;
letter-spacing: 0.1em;
line-height: 1;
}
.nameFruit-Hero01_Text .nameFruit-Hero01_TextInner p:nth-child(2) {
display: block;
margin: 8px 0 12px 0;
font-size: 51px;
font-size: 5.1rem;
line-height: 1.4;
}
.nameFruit-Hero01_Text .nameFruit-Hero01_TextInner p:nth-child(2) > span {
background: -webkit-gradient(linear, left top, left bottom, color-stop(99%, transparent), color-stop(0%, #fff));
background: -webkit-linear-gradient(transparent 99%, #fff 0%);
background: linear-gradient(transparent 99%, #fff 0%);
display: inline;
padding: 0 1px 0px;
}
.nameFruit-Hero01_Text .nameFruit-Hero01_TextInner p:nth-child(2) > span > span {
font-size: 80%;
}
.nameFruit-Hero01_Text .nameFruit-Hero01_TextInner p:nth-child(3) {
font-size: 27px;
font-size: 2.7rem;
line-height: 1;
}
.nameFruit-Hero02 {
position: relative;
}
.nameFruit-Hero02_TextImg {
position: absolute;
top: 88px;
left: 90px;
width: 140px;
}
.nameFruit-Hero02_Text {
position: absolute;
top: 88px;
right: 70px;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
font-size: 22px;
font-size: 2.2rem;
letter-spacing: 0.2em;
line-height: 2.2;
font-weight: 700;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
}
.nameFruit-Point {
position: relative;
}
.nameFruit-Point p img {
position: absolute;
top: 0;
bottom: 0;
right: 72px;
margin: auto;
height: 82%;
}
.nameFruit-Point01,
.nameFruit-Point02,
.nameFruit-Point03 {
position: relative;
margin-top: 100px;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
line-height: 2;
}
.nameFruit-Point01 {
margin-top: 60px;
}
.nameFruit-Point03 {
margin-bottom: 24px;
}
.nameFruit-Point01_bg01 {
position: absolute;
width: 35%;
right: -9%;
bottom: -80px;
}
.nameFruit-Point02_bg01 {
position: absolute;
width: 25%;
left: -4%;
bottom: -80px;
}
.nameFruit-Point03_bg01 {
position: absolute;
width: 30%;
right: -3%;
bottom: -80px;
}
.nameFruit-Point01_Num,
.nameFruit-Point02_Num,
.nameFruit-Point03_Num {
position: absolute;
width: 140px;
top: -75px;
right: 0;
left: 0;
margin: auto;
}
.nameFruit-Point01_Title,
.nameFruit-Point02_Title,
.nameFruit-Point03_Title {
position: relative;
width: 94%;
margin: 24px auto 0 auto;
padding: 40px 64px;
border: 1px solid #eee;
background-color: rgba(255, 255, 255, 0.9);
background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
background-position: top left, top right, bottom left, bottom right;
background-size: 38px, 38px, 38px, 38px;
}
.nameFruit-Point01_Title h3,
.nameFruit-Point02_Title h3,
.nameFruit-Point03_Title h3 {
margin-bottom: 24px;
}
.nameFruit-Point01_Title {
background-image: url(//kanrekiiwai.biz/wp/img/name/fruit/corner05_01.png), url(//kanrekiiwai.biz/wp/img/name/fruit/corner05_02.png), url(//kanrekiiwai.biz/wp/img/name/fruit/corner05_03.png), url(//kanrekiiwai.biz/wp/img/name/fruit/corner05_04.png);
}
.nameFruit-Point02_Title {
background-image: url(//kanrekiiwai.biz/wp/img/name/fruit/corner04_01.png), url(//kanrekiiwai.biz/wp/img/name/fruit/corner04_02.png), url(//kanrekiiwai.biz/wp/img/name/fruit/corner04_03.png), url(//kanrekiiwai.biz/wp/img/name/fruit/corner04_04.png);
}
.nameFruit-Point03_Title {
background-image: url(//kanrekiiwai.biz/wp/img/name/fruit/corner08_01.png), url(//kanrekiiwai.biz/wp/img/name/fruit/corner08_02.png), url(//kanrekiiwai.biz/wp/img/name/fruit/corner08_03.png), url(//kanrekiiwai.biz/wp/img/name/fruit/corner08_04.png);
}
.nameFruit-Point01_Icon img {
display: block;
position: absolute;
right: 40px;
bottom: -10px;
width: 100px;
}
.nameFruit-Point02_Icon img {
display: block;
position: absolute;
width: 280px;
right: 0;
bottom: 0;
}
.nameFruit-Point03_Icon img {
display: block;
position: absolute;
width: 160px;
right: 32px;
bottom: 0;
z-index: 1;
}
.nameFruit-Point_Text {
position: relative;
font-size: 17px;
font-size: 1.7rem;
}
.nameFruit-Point_Text > * {
margin-bottom: 1em;
}
.nameFruit-Point_Text > *:last-child {
margin-bottom: 0;
}
.nameFruit-Osusume {
padding-top: 80px;
}
.nameFruit-Osusume h4 {
padding: 0.5em 1.5em 0.8em;
font-size: 28px;
font-size: 2.8rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
font-weight: 700;
letter-spacing: 0.08em;
line-height: 2;
color: #D20000;
background-color: rgba(255, 255, 255, 0.9);
border: 1px solid #eee;
}
.nameFruit-Osusume h4 span {
display: block;
white-space: nowrap;
border-bottom: 1px solid #D20000;
}
.nameFruit-Osusume > p {
position: relative;
padding: 32px 0;
background-image: url(//kanrekiiwai.biz/wp/img/name/fruit/bg05.png);
background-size: 12%;
text-align: center;
z-index: 1;
}
.nameFruit-Osusume > p img {
width: 70%;
}
.nameFruit-Osusume .nameFruit-Osusume_Title {
position: relative;
padding-top: 22px;
padding-left: 240px;
padding-bottom: 22px;
}
.nameFruit-Osusume .nameFruit-Osusume_Title h3 {
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
line-height: 1;
letter-spacing: 0.15em;
color: #fff;
}
.nameFruit-Osusume .nameFruit-Osusume_Title h3 span {
display: block;
}
.nameFruit-Osusume .nameFruit-Osusume_Title h3 span:nth-child(1) {
margin-left: -0.5em;
margin-bottom: 14px;
font-size: 28px;
font-size: 2.8rem;
}
.nameFruit-Osusume .nameFruit-Osusume_Title h3 span:nth-child(2) {
margin-bottom: 14px;
font-size: 28px;
font-size: 2.8rem;
}
.nameFruit-Osusume .nameFruit-Osusume_Title h3 span:nth-child(3) {
font-size: 36px;
font-size: 3.6rem;
}
.nameFruit-Osusume .nameFruit-Osusume_Title figure {
position: absolute;
bottom: 1em;
left: 40px;
width: 160px;
}
.nameFruit-Osusume .nameFruit-Osusume01 {
position: relative;
text-align: center;
z-index: 0;
}
.nameFruit-Osusume .nameFruit-Osusume01 figure {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
height: 480px;
overflow: hidden;
}
.nameFruit-Osusume .nameFruit-Osusume01 figure img {
max-width: none;
width: 100%;
}
.nameFruit-Osusume .nameFruit-Osusume01 .nameFruit-Osusume_Inner {
position: absolute;
top: 50px;
right: 48px;
}
.nameFruit-Osusume .nameFruit-Osusume01 h4 {
position: relative; }
.nameFruit-Osusume .nameFruit-Osusume02 {
position: relative;
text-align: center;
z-index: 0;
}
.nameFruit-Osusume .nameFruit-Osusume02 figure {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
height: 480px;
overflow: hidden;
}
.nameFruit-Osusume .nameFruit-Osusume02 figure img {
max-width: none;
width: 100%;
}
.nameFruit-Osusume .nameFruit-Osusume02 .nameFruit-Osusume_Inner {
position: absolute;
top: 32px;
left: 32px;
}
.nameFruit-Osusume .nameFruit-Osusume02 .nameFruit-Osusume_Inner h4 {
position: relative; }
.nameFruit-Osusume .nameFruit-Osusume03 {
position: relative;
text-align: left;
z-index: 0;
}
.nameFruit-Osusume .nameFruit-Osusume03 figure {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
height: 480px;
overflow: hidden;
}
.nameFruit-Osusume .nameFruit-Osusume03 figure img {
max-width: none;
width: 100%;
}
.nameFruit-Osusume .nameFruit-Osusume03 .nameFruit-Osusume_Inner {
position: absolute;
top: 32px;
left: 32px;
}
.nameFruit-Osusume .nameFruit-Osusume03 h4 {
position: relative;
text-align: center; }
.nameFruit-Osusume .nameFruit-Osusume04 {
position: relative;
}
.nameFruit-Osusume .nameFruit-Osusume04 .nameFruit-Osusume_Inner {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.nameFruit-Osusume .nameFruit-Osusume04 .nameFruit-Osusume_Inner > * {
margin-right: 2%;
}
.nameFruit-Osusume .nameFruit-Osusume04 .nameFruit-Osusume_Inner > * {
width: 33.3333333333%;
margin-right: 0;
text-align: center;
}
.nameFruit-Osusume .nameFruit-Osusume04 .nameFruit-Osusume_Inner > * img {
width: 20%;
}
.nameFruit-Sean {
position: relative;
width: 90%;
margin: -32px auto 40px auto;
} .nameFruit-Hero03 {
position: relative;
}
.nameFruit-Hero03 > p {
position: absolute;
width: 180px;
top: 220px;
left: 32px;
}
.nameFruit-Hero03_Title {
position: absolute;
top: 0;
left: 3%;
width: 94%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: end;
-webkit-align-items: end;
-ms-flex-align: end;
align-items: end;
}
.nameFruit-Hero03_Title > * {
margin-right: 2%;
}
.nameFruit-Hero03_Title p:nth-of-type(1) {
width: 76%;
margin-right: 3%;
color: #fff;
font-weight: 700;
font-style: italic;
text-align: center;
line-height: 1;
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}
.nameFruit-Hero03_Title p:nth-of-type(1) span {
position: relative;
display: inline-block;
white-space: nowrap;
z-index: 0;
}
.nameFruit-Hero03_Title p:nth-of-type(1) span::after {
content: "";
width: 100%;
height: 7px;
display: inline-block;
position: absolute;
bottom: -3.5px;
left: 0;
z-index: -1;
background-color: rgba(255, 230, 0, 0.9);
}
.nameFruit-Hero03_Title p:nth-of-type(1) span:nth-of-type(1) {
margin-bottom: 8px;
font-size: 68px;
font-size: 6.8rem;
}
.nameFruit-Hero03_Title p:nth-of-type(1) span:nth-of-type(2) {
font-size: 82px;
font-size: 8.2rem;
}
.nameFruit-Hero03_Title p:nth-of-type(2) {
width: 21%;
margin-right: 0;
}
.nameFruit-Hero03_Title p:nth-of-type(2) span {
display: block;
font-weight: 700;
font-size: 20px;
font-size: 2rem;
}
.nameFruit-Hero03_Title p:nth-of-type(2) span:nth-of-type(2) {
font-size: 35px;
font-size: 3.5rem;
}
.nameFruit-Menu {
position: relative;
margin-top: -40px;
margin-bottom: 96px;
}
.nameFruit-Menu ul {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
list-style: none;
}
.nameFruit-Menu ul > * {
margin-right: 2%;
}
.nameFruit-Menu ul li {
width: 23.5%;
text-align: center;
}
.nameFruit-Menu ul li:last-child {
margin-right: 0;
}
.nameFruit-Menu ul li img {
width: 92%;
}
.nameFruit-Lead {
margin: 0 auto 24px auto;
font-size: 22px;
font-size: 2.2rem;
font-weight: 700;
}
.nameFruit-Lead p {
line-break: anywhere;
}
.nameFruit-Lead p img {
height: 1.5em;
margin-right: 0.2em;
vertical-align: baseline;
}
.nameFruit-Lead span {
color: #D20000;
font-weight: 700;
font-size: 1.3em;
} .nameFruit-LabelHero_Num,
.nameFruit-ColorHero_Num,
.nameFruit-NpHero_Num {
position: relative;
text-align: center;
}
.nameFruit-LabelHero_Num img,
.nameFruit-ColorHero_Num img,
.nameFruit-NpHero_Num img {
position: absolute;
top: -60px;
right: 0;
left: 0;
margin: 0 auto;
z-index: 1;
width: 130px;
}
.nameFruit-LabelHero_Title,
.nameFruit-ColorHero_Title,
.nameFruit-NpHero_Title {
position: relative;
}
.nameFruit-LabelHero_Title {
background-image: url(//kanrekiiwai.biz/wp/img/name/fruit/bg04_red-r.png), url(//kanrekiiwai.biz/wp/img/name/fruit/bg04_red-l.png);
background-repeat: no-repeat, no-repeat;
background-size: 50%, 50%;
background-position: top right, top left;
z-index: 1;
}
.nameFruit-ColorHero_Title {
background-image: url(//kanrekiiwai.biz/wp/img/name/fruit/bg04_blue-r.png), url(//kanrekiiwai.biz/wp/img/name/fruit/bg04_blue-l.png);
background-repeat: no-repeat, no-repeat;
background-size: 50%, 50%;
background-position: top right, top left;
z-index: 1;
}
.nameFruit-NpHero_Title {
background-image: url(//kanrekiiwai.biz/wp/img/name/fruit/bg04_brown-r.png), url(//kanrekiiwai.biz/wp/img/name/fruit/bg04_brown-l.png);
background-repeat: no-repeat, no-repeat;
background-size: 50%, 50%;
background-position: top right, top left;
z-index: 1;
}
.nameFruit-LabelHero_Text,
.nameFruit-ColorHero_Text,
.nameFruit-NpHero_Text {
margin: 0 auto;
position: relative;
padding-top: 130px;
text-align: center;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
}
.nameFruit-LabelHero_Text > p img,
.nameFruit-ColorHero_Text > p img,
.nameFruit-NpHero_Text > p img {
margin-bottom: 32px;
}
.nameFruit-LabelHero_Text > p img {
width: 92%;
}
.nameFruit-ColorHero_Text > p img {
width: 75%;
}
.nameFruit-NpHero_Text > p img {
width: 90%;
}
.nameFruit-Label_Lead,
.nameFruit-Color_Lead {
width: 94%;
margin: 24px auto 0;
padding-top: 32px;
padding-bottom: 32px;
font-size: 16px;
font-size: 1.6rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
line-height: 2;
background-color: rgba(255, 255, 255, 0.8);
background-image: url(//kanrekiiwai.biz/wp/img/name/fruit/corner01_01.png), url(//kanrekiiwai.biz/wp/img/name/fruit/corner01_02.png), url(//kanrekiiwai.biz/wp/img/name/fruit/corner01_03.png), url(//kanrekiiwai.biz/wp/img/name/fruit/corner01_04.png);
background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
background-position: top left, top right, bottom left, bottom right;
background-size: 24px, 24px, 24px, 24px;
border: 1px solid #eee;
}
.nameFruit-Label_Lead > *,
.nameFruit-Color_Lead > * {
margin: 0 3em;
text-align: left;
}
.nameFruit-Label_Lead > *:first-child,
.nameFruit-Color_Lead > *:first-child {
margin: 0;
font-size: 24px;
font-size: 2.4rem;
font-weight: 700;
text-align: center;
line-height: 1.6;
}
.nameFruit-Label_Lead img,
.nameFruit-Color_Lead img {
display: block;
height: 1.5em;
margin: 20px auto;
}
.nameFruit-Label_Right,
.nameFruit-Label_Center,
.nameFruit-Label_Left,
.nameFruit-Label_Component {
width: 90%;
margin: 0 auto 48px auto;
}
.nameFruit-Label {
margin-bottom: 120px;
padding-bottom: 2%;
background: url(//kanrekiiwai.biz/wp/img/name/fruit/base01.jpg);
background-size: 50%;
}
.nameFruit-LabelHero_MainImg {
position: relative;
overflow: hidden;
}
.nameFruit-LabelHero_MainImg p {
position: absolute;
}
.nameFruit-LabelHero_MainImg p.nameFruit-Speech-01 {
top: 8px;
right: 64px;
width: 170px;
}
.nameFruit-LabelHero_MainImg p.nameFruit-Speech-02 {
top: 8px;
left: 64px;
width: 170px;
}
.nameFruit-LabelHero_MainImg p.nameFruit-Speech-03 {
bottom: 8px;
left: 10px;
width: 170px;
}
.nameFruit-LabelHero_MainImg p .nameFruit-Speech_Target01 {
animation: floating-y 1.8s ease-in-out infinite alternate-reverse;
}
@-webkit-keyframes floating-y {
0% {
-webkit-transform: translateY(-5%);
transform: translateY(-5%);
}
100% {
-webkit-transform: translateY(5%);
transform: translateY(5%);
}
}
@keyframes floating-y {
0% {
-webkit-transform: translateY(-5%);
transform: translateY(-5%);
}
100% {
-webkit-transform: translateY(5%);
transform: translateY(5%);
}
}
.nameFruit-LabelHero_MainImg p .nameFruit-Speech_Target02 {
animation: floating-x 1.8s ease-in-out infinite alternate-reverse;
}
@-webkit-keyframes floating-x {
0% {
-webkit-transform: translateX(5%);
transform: translateX(5%);
}
100% {
-webkit-transform: translateX(-5%);
transform: translateX(-5%);
}
}
@keyframes floating-x {
0% {
-webkit-transform: translateX(5%);
transform: translateX(5%);
}
100% {
-webkit-transform: translateX(-5%);
transform: translateX(-5%);
}
}
.nameFruit-Label_Customize {
position: relative;
margin-bottom: 40px;
}
.nameFruit-Label_Customize p {
margin: 0 auto;
}
.nameFruit-Label_Customize p:nth-child(1) {
width: 84%;
margin-bottom: 16px;
}
.nameFruit-Label_Customize p:nth-child(2) {
width: 90%;
}
.nameFruit-Label_Title {
position: relative;
margin-bottom: 24px;
}
.nameFruit-Label_Title > img {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
margin: auto;
}
.nameFruit-Label_Title p {
position: relative;
text-align: center;
z-index: 1;
}
.nameFruit-Label_Title p img {
width: 74px;
} .nameFruit-Color {
margin-bottom: 120px;
padding-bottom: 2%;
background: url(//kanrekiiwai.biz/wp/img/name/fruit/base01.jpg);
background-size: 50%;
}
.nameFruit-Color_Wrap {
width: 90%;
margin: 0 auto;
}
.nameFruit-ColorHero {
position: relative;
background: url(//kanrekiiwai.biz/wp/img/name/fruit/base01.jpg);
background-size: 50%;
}
.nameFruit-ColorHero > figure {
margin-top: -140px;
}
.nameFruit-Color_Lead {
margin-bottom: 40px;
}
.nameFruit-Color_MainImg {
margin-top: 32px;
} ul.nameFruit-Label_Ex {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
margin-bottom: 16px;
text-align: center;
list-style: none;
}
ul.nameFruit-Label_Ex > * {
margin-right: 2%;
}
ul.nameFruit-Label_Ex li img {
margin-bottom: 8px;
border: 1px solid #000;
}
ul.nameFruit-Label_Ex li > *:last-child {
font-size: 16px;
font-size: 1.6rem;
font-weight: 700;
color: #fff;
line-height: 2.2;
border-radius: 9999px;
} .nameFruit-Label_Right ul.nameFruit-Label_Ex > * {
width: 23.5%;
}
.nameFruit-Label_Right ul.nameFruit-Label_Ex > *:nth-child(4n) {
margin-right: 0;
}
.nameFruit-Label_Right ul.nameFruit-Label_Ex li > *:last-child {
background-color: #D93924;
} .nameFruit-Label_Center ul.nameFruit-Label_Ex > * {
width: 23.5%;
}
.nameFruit-Label_Center ul.nameFruit-Label_Ex > *:nth-child(4n) {
margin-right: 0;
}
.nameFruit-Label_Center ul.nameFruit-Label_Ex li > *:last-child {
background-color: #82cac5;
} .nameFruit-Label_Left ul.nameFruit-Label_Ex > * {
width: 23.5%;
}
.nameFruit-Label_Left ul.nameFruit-Label_Ex > *:nth-child(4n) {
margin-right: 0;
}
.nameFruit-Label_Left ul.nameFruit-Label_Ex li > *:last-child {
background-color: #a6bc48;
} .nameFruit-Label_Component ul.nameFruit-Label_Ex > * {
width: 32%;
}
.nameFruit-Label_Component ul.nameFruit-Label_Ex > *:nth-child(3n) {
margin-right: 0;
}
.nameFruit-Label_Component ul.nameFruit-Label_Ex li > *:last-child {
margin-bottom: 1em;
background-color: #964382;
}
.nameFruit-Label_Component-img01 {
margin-bottom: 16px;
}
.nameFruit-Label_Ex-componentttl {
margin: 40px 0 24px 0;
} .nameFruit-Stamp {
width: 90%;
margin: 0 auto 40px auto;
padding: 24px 56px;
border: 5px solid #E45513;
background-color: #fff;
font-size: 16px;
font-size: 1.6rem;
background-image: url(//kanrekiiwai.biz/wp/img/name/fruit/corner02_01.png), url(//kanrekiiwai.biz/wp/img/name/fruit/corner02_02.png), url(//kanrekiiwai.biz/wp/img/name/fruit/corner02_03.png), url(//kanrekiiwai.biz/wp/img/name/fruit/corner02_04.png);
background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
background-position: left top, right top, left bottom, right bottom;
background-size: 40px, 40px, 40px, 40px;
}
.nameFruit-Stamp_Title {
width: 90%;
margin: 0 auto 24px auto;
}
.nameFruit-Stamp_Text > * {
margin-bottom: 0.5em;
}
.nameFruit-Stamp_Text > *:last-child {
margin-bottom: 0;
}
.nameFruit-Stamp_Text span {
font-weight: 700;
}
.nameFruit-Stamp_Hero {
width: 84%;
margin: 0 auto 24px auto;
} .nameFruit-Sample {
width: 96%;
margin: 0 auto;
padding-top: 24px;
background-color: #fff;
}
.nameFruit-Sample ul {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
width: 90%;
margin: 0 auto;
list-style: none;
}
.nameFruit-Sample ul > * {
margin-right: 2%;
}
.nameFruit-Sample ul > * {
width: 49%;
}
.nameFruit-Sample ul > *:nth-child(2n) {
margin-right: 0;
}
.nameFruit-Sample ul li {
position: relative;
margin-bottom: 32px;
}
.nameFruit-Sample ul li > *:first-child {
position: absolute;
top: -1.3em;
left: 0.5em;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
width: 5.3em;
height: 5.3em;
background-color: #000;
color: #fff;
text-align: center;
line-height: 1;
border-radius: 50%;
}
.nameFruit-Sample ul li > *:first-child:before {
content: "";
position: absolute;
bottom: -1.3em;
left: 50%;
margin-left: -0.8em;
border: 0.8em solid transparent;
border-top: 0.8em solid #000;
z-index: 0;
}
.nameFruit-Sample ul li > *:first-child > span {
font-size: 32px;
font-size: 3.2rem;
}
.nameFruit-Sample ul li > *:first-child > span > span {
display: block;
font-size: 12px;
font-size: 1.2rem;
line-height: 1;
}
.nameFruit-Sample ul li .nameFruit-Sample_Text {
margin: 16px auto 0 auto;
border: 1px solid #eee;
}
.nameFruit-Sample ul li .nameFruit-Sample_Text > *:first-child {
padding: 0.4em 0;
font-size: 18px;
font-size: 1.8rem;
font-weight: 700;
text-align: center;
background-color: #eee;
}
.nameFruit-Sample ul li .nameFruit-Sample_Text > *:nth-child(2) {
padding: 0.7em 1em;
}
.nameFruit-Sample_Title {
position: relative;
width: 90%;
margin: 0 auto 40px auto;
padding: 36px 0;
font-weight: 700;
text-align: center;
background-repeat: no-repeat, no-repeat;
background-position: left top, left bottom;
background-size: contain, contain;
}
.nameFruit-Sample_Title > p:nth-of-type(1) {
display: inline-block;
position: absolute;
top: -0.2em;
right: 0;
left: 0;
margin: auto;
width: 12.88em;
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
font-size: 20px;
font-size: 2rem;
line-height: 1;
letter-spacing: 0.12em;
background-color: #fff;
}
.nameFruit-Sample_Title > p:nth-of-type(1)::before, .nameFruit-Sample_Title > p:nth-of-type(1)::after {
position: relative;
display: inline-block;
content: "";
background: #000;
width: 2px;
height: 1.2em;
margin-top: -0.2em;
vertical-align: middle;
}
.nameFruit-Sample_Title > p:nth-of-type(1)::before {
margin: 0 0.7em;
-webkit-transform: rotate(-35deg);
transform: rotate(-35deg);
}
.nameFruit-Sample_Title > p:nth-of-type(1)::after {
margin: 0 0.7em;
-webkit-transform: rotate(35deg);
transform: rotate(35deg);
}
.nameFruit-Sample_Title > p:nth-of-type(2) {
font-size: 34px;
font-size: 3.4rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
line-height: 1;
letter-spacing: 0.1em;
} .nameFruit-Sim {
width: 96%;
margin: 0 auto 24px auto;
padding: 16px 24px;
text-align: center;
border: 1px solid #ccc; background-color: #fff;
}
.nameFruit-Sim_Title {
margin-bottom: 8px;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
font-size: 24px;
font-size: 2.4rem;
letter-spacing: 0.05em;
font-weight: 700;
text-align: center;
line-height: 2;
border-top: 1px solid #000;
border-right: 8px solid #000;
border-bottom: 1px solid #000;
border-left: 8px solid #000; }
.nameFruit-Sim_Wrap {
position: relative;
margin-top: 56px;
}
.nameFruit-Sim_Wrap > figure {
position: absolute;
top: -50px;
right: 0;
left: 0;
margin: auto;
z-index: 1;
}
.nameFruit-Sim_Wrap > figure img {
height: 340px;
}
.nameFruit-Sim_Wrap .nameFruit-Sim_Inner {
position: relative;
height: 260px;
margin-bottom: 40px;
}
.nameFruit-Sim_Wrap .nameFruit-Sim_Inner > img {
position: absolute;
top: 0;
bottom: 0;
left: 64px;
margin: auto;
width: auto;
height: 220px;
z-index: 1;
}
.nameFruit-Sim_Wrap #nameFruit-Sim_Result01,
.nameFruit-Sim_Wrap #nameFruit-Sim_Result02,
.nameFruit-Sim_Wrap #nameFruit-Sim_Box {
width: 100%;
height: 130px;
}
.nameFruit-Sim_Wrap #nameFruit-Sim_Result01 {
position: relative;
text-align: left;
}
.nameFruit-Sim_Wrap #nameFruit-Sim_Result02 {
position: absolute;
top: 130px;
left: 0;
background-color: #FBF8F1;
}
.nameFruit-Sim_Wrap #nameFruit-Sim_Box {
position: absolute;
top: 0;
left: 0;
margin-bottom: 32px;
}
.nameFruit-Sim_Wrap #nameFruit-Sim_Box .nameFruit-Sim_Block {
display: none;
}
.nameFruit-Sim_Wrap #nameFruit-Sim_Box .nameFruit-Sim_Block.active {
display: block;
}
.nameFruit-Sim_Wrap #nameFruit-Sim_Box .nameFruit-Sim_Block {
position: absolute;
top: -38px;
right: -6px;
width: 185px;
height: 179.5px;
text-align: left;
background-image: url(//kanrekiiwai.biz/wp/img/name/fruit/sim_bubble.png);
background-size: contain;
background-repeat: no-repeat;
background-position: left top;
-webkit-animation: zoomIn 0.8s cubic-bezier(0.25, 1, 0.5, 1) forwards;
animation: zoomIn 0.8s cubic-bezier(0.25, 1, 0.5, 1) forwards;
}
@-webkit-keyframes zoomIn {
0% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
opacity: 0;
}
100% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes zoomIn {
0% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
opacity: 0;
}
100% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
.nameFruit-Sim_Wrap #nameFruit-Sim_Box .nameFruit-Sim_Block > div {
position: absolute;
width: 124px;
display: inline-block;
top: 17px;
right: 0;
left: 0;
margin: auto;
}
.nameFruit-Sim_Wrap #nameFruit-Sim_Box .nameFruit-Sim_Block > div > *:nth-child(1) {
margin-bottom: 5px;
padding-bottom: 5px;
font-size: 22px;
font-size: 2.2rem;
color: #D20000;
font-weight: 700;
line-height: 1;
text-align: center;
border-bottom: 1px solid #000;
}
.nameFruit-Sim_Wrap #nameFruit-Sim_Box .nameFruit-Sim_Block > div > *:nth-child(1) span {
display: block;
margin-top: 3px;
font-size: 12px;
font-size: 1.2rem;
}
.nameFruit-Sim_Wrap #nameFruit-Sim_Box .nameFruit-Sim_Block > div > *:nth-child(2) {
margin-bottom: 2px;
font-size: 13px;
font-size: 1.3rem;
font-weight: 700;
line-height: 1.2;
}
.nameFruit-Sim_Wrap #nameFruit-Sim_Box .nameFruit-Sim_Block > div > *:nth-child(3) {
font-size: 12px;
font-size: 1.2rem;
line-height: 1.2;
}
.nameFruit-Sim_Wrap .nameFruit-Sim_FlexInner {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.nameFruit-Sim_Wrap .nameFruit-Sim_FlexInner > * {
margin-right: 2%;
}
.nameFruit-Sim_Wrap #nameFruit-Sim_Chenge01,
.nameFruit-Sim_Wrap #nameFruit-Sim_Chenge02 {
position: relative;
background-color: rgb(249, 249, 249);
border: 1px solid #eee;
}
.nameFruit-Sim_Wrap #nameFruit-Sim_Chenge01 input,
.nameFruit-Sim_Wrap #nameFruit-Sim_Chenge02 input {
display: block;
width: 20px;
height: 20px;
}
.nameFruit-Sim_Wrap #nameFruit-Sim_Chenge01 label,
.nameFruit-Sim_Wrap #nameFruit-Sim_Chenge02 label {
line-height: 1;
}
.nameFruit-Sim_Wrap #nameFruit-Sim_Chenge01 {
margin-bottom: 8px;
padding: 8px 0;
background-image: url(//kanrekiiwai.biz/wp/img/name/fruit/sim_iro.png);
background-repeat: no-repeat;
background-position: left 16px center;
background-size: 46px;
}
.nameFruit-Sim_Wrap #nameFruit-Sim_Chenge01 input {
margin: 5px auto 0;
}
.nameFruit-Sim_Wrap #nameFruit-Sim_Chenge01 label span {
display: block;
width: 32px;
height: 32px;
}
.nameFruit-Sim_Wrap #nameFruit-Sim_Chenge02 {
padding: 8px 0;
font-size: 15px;
font-size: 1.5rem;
font-weight: 700;
background-image: url(//kanrekiiwai.biz/wp/img/name/fruit/sim_gara.png);
background-repeat: no-repeat;
background-position: left 16px center;
background-size: 46px;
}
.nameFruit-Sim_Wrap #nameFruit-Sim_Chenge02 input {
margin: 6px auto 0;
}
.nameFruit-Sim_Wrap #nameFruit-Sim_Chenge02 label {
padding-right: 0.5em;
border-right: 1px solid #111;
}
.nameFruit-Sim_Wrap #nameFruit-Sim_Chenge02 label:first-of-type {
padding-left: 0.5em;
border-left: 1px solid #111;
}
.nameFruit-Sim_Wrap #nameFruit-Sim_Chenge02 .nameFruit-Sim_FlexInner {
-webkit-box-pack: end;
-webkit-justify-content: end;
-ms-flex-pack: end;
justify-content: end;
}
.nameFruit-Sim_Wrap #nameFruit-Sim_Chenge02 .nameFruit-Sim_FlexInner > * {
margin-right: 0.5em;
}
.nameFruit-Sim_Wrap .nameFruit-Sim-red {
color: #c52a15;
}
.nameFruit-Sim_Wrap .nameFruit-Sim-blue {
color: #002869;
}
.nameFruit-Sim_Wrap .nameFruit-Sim-yellow {
color: #F0C300;
}
.nameFruit-Sim_Wrap .nameFruit-Sim-green {
color: #004000;
}
.nameFruit-Sim_Wrap .nameFruit-Sim-purple {
color: #462866;
}
.nameFruit-Sim_Wrap .nameFruit-Sim-orange {
color: #f0871c;
}
.nameFruit-Sim_Wrap .nameFruit-Sim-pink {
color: #eb8287;
}
.nameFruit-Sim_Wrap .nameFruit-Sim-lightblue {
color: #6EBEB4;
}
.nameFruit-Sim_Wrap .nameFruit-Sim-lightgreen {
color: #AABE1E;
}
.nameFruit-Sim_Wrap .nameFruit-Sim-black {
color: #1a1a1a;
}
.nameFruit-Sim_Wrap .nameFruit-Sim_Bg-red {
background-color: #c52a15;
}
.nameFruit-Sim_Wrap .nameFruit-Sim_Bg-blue {
background-color: #002869;
}
.nameFruit-Sim_Wrap .nameFruit-Sim_Bg-yellow {
background-color: #F0C300;
}
.nameFruit-Sim_Wrap .nameFruit-Sim_Bg-green {
background-color: #004000;
}
.nameFruit-Sim_Wrap .nameFruit-Sim_Bg-purple {
background-color: #462866;
}
.nameFruit-Sim_Wrap .nameFruit-Sim_Bg-orange {
background-color: #f0871c;
}
.nameFruit-Sim_Wrap .nameFruit-Sim_Bg-pink {
background-color: #eb8287;
}
.nameFruit-Sim_Wrap .nameFruit-Sim_Bg-lightblue {
background-color: #6EBEB4;
}
.nameFruit-Sim_Wrap .nameFruit-Sim_Bg-lightgreen {
background-color: #AABE1E;
}
.nameFruit-Sim_Wrap .nameFruit-Sim_Bg-black {
background-color: #1a1a1a;
}
.nameFruit-Sim_Wrap .nameFruit-Sim-bgshippo {
background-image: url(//kanrekiiwai.biz/wp/img/name/fruit/sim_pattern-shippo.png);
background-size: 37px;
}
.nameFruit-Sim_Wrap .nameFruit-Sim-bgichimatsu {
background-image: url(//kanrekiiwai.biz/wp/img/name/fruit/sim_pattern-ichimatsu.png);
background-size: 52px;
}
.nameFruit-Sim_Wrap .nameFruit-Sim-bguroko {
background-image: url(//kanrekiiwai.biz/wp/img/name/fruit/sim_pattern-uroko.png);
background-size: 30px;
}
.nameFruit-Sim_Wrap .nameFruit-Sim-bgmatsu {
background-image: url(//kanrekiiwai.biz/wp/img/name/fruit/sim_pattern-matsu.png);
background-size: 48px;
}
.nameFruit-Sim_Wrap .nameFruit-Sim-bgnami {
background-image: url(//kanrekiiwai.biz/wp/img/name/fruit/sim_pattern-nami.png);
background-size: 65px;
}
.nameFruit-Sim_Wrap .nameFruit-Sim-bgya {
background-image: url(//kanrekiiwai.biz/wp/img/name/fruit/sim_pattern-ya.png);
background-position: left -36px;
background-size: 38.9px;
}
.nameFruit-Sim_Wrap .nameFruit-Sim-bghishi {
background-image: url(//kanrekiiwai.biz/wp/img/name/fruit/sim_pattern-hishi.png);
background-size: 65px;
}
.nameFruit-Sim_Wrap .nameFruit-Sim-bgsaaya {
background-image: url(//kanrekiiwai.biz/wp/img/name/fruit/sim_pattern-saya.png);
background-size: 150px;
}
.nameFruit-Sim_Wrap .nameFruit-Sim-bgtachiwaku {
background-image: url(//kanrekiiwai.biz/wp/img/name/fruit/sim_pattern-tachiwaku.png);
background-size: 30px;
}
.nameFruit-Sim_Wrap .nameFruit-Sim-bgasanoha {
background-image: url(//kanrekiiwai.biz/wp/img/name/fruit/sim_pattern-asanoha.png);
background-size: 56px;
} .nameFruit-Combi {
width: 96%;
margin: 0 auto;
padding: 24px 0 40px 0;
background-color: #fff;
}
.nameFruit-Combi .nameFruit-Speech01 {
width: 86%;
margin: 0 auto;
}
.nameFruit-Combi_Title {
position: relative;
width: 90%;
margin: 0 auto 64px auto;
padding: 36px 0;
font-weight: 700;
text-align: center;
background-image: url(//kanrekiiwai.biz/wp/img/name/fruit/line-marble01.png), url(//kanrekiiwai.biz/wp/img/name/fruit/line-marble01.png);
background-repeat: no-repeat, no-repeat;
background-position: left top, left bottom;
background-size: contain, contain;
}
.nameFruit-Combi_Title > p:nth-of-type(1) {
display: inline-block;
position: absolute;
top: -0.2em;
right: 0;
left: 0;
margin: auto;
width: 17.22em;
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
font-size: 18px;
font-size: 1.8rem;
line-height: 1;
background-color: #fff;
}
.nameFruit-Combi_Title > p:nth-of-type(1)::before, .nameFruit-Combi_Title > p:nth-of-type(1)::after {
position: relative;
display: inline-block;
content: "";
background: #000;
width: 2px;
height: 1.2em;
margin-top: -0.2em;
vertical-align: middle;
}
.nameFruit-Combi_Title > p:nth-of-type(1)::before {
margin: 0 0.7em;
-webkit-transform: rotate(-35deg);
transform: rotate(-35deg);
}
.nameFruit-Combi_Title > p:nth-of-type(1)::after {
margin: 0 0.7em;
-webkit-transform: rotate(35deg);
transform: rotate(35deg);
}
.nameFruit-Combi_Title > p:nth-of-type(2) {
font-size: 28px;
font-size: 2.8rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
line-height: 1;
}
.nameFruit-Combi_Box {
margin-bottom: 72px;
text-align: center;
}
.nameFruit-Combi_Box.nameFruit-Combi_06 {
margin-bottom: 24px;
}
.nameFruit-Combi_Box > p:nth-of-type(1) {
position: relative;
margin-bottom: 48px;
border-top: 1px dashed #000;
}
.nameFruit-Combi_Box > p:nth-of-type(1) img {
position: absolute;
height: 72px;
top: -40px;
left: 16px;
}
.nameFruit-Combi_Box > p:nth-of-type(1) span {
position: absolute;
top: -1.2em;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
display: inline-block;
margin-bottom: 24px;
padding: 0 2em;
border-radius: 9999px;
font-size: 16px;
font-size: 1.6rem;
font-weight: 700;
line-height: 2.4;
color: #000;
border: 2px solid #000;
background-color: #fff;
}
.nameFruit-Combi_Box > p:nth-of-type(2) {
margin-bottom: 16px;
}
.nameFruit-Combi_Box > p:nth-of-type(2) img {
width: 90%;
} .nameFruit-Pattern {
margin: 40px 0 24px 0;
}
.nameFruit-Pattern > *:first-child {
width: 640px;
margin: 0 auto 24px auto;
}
.nameFruit-Pattern_Hero {
margin-bottom: 32px;
}
.nameFruit-Pattern_Lead {
margin: 0 1em 32px 1em;
padding: 1.3em 2em;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
font-size: 16px;
font-size: 1.6rem;
line-height: 1.8;
border: solid 1px #C8AA50; outline: solid 1px #C8AA50; outline-offset: 2px; background-image: url(//kanrekiiwai.biz/wp/img/name/fruit/corner01_01.png), url(//kanrekiiwai.biz/wp/img/name/fruit/corner01_02.png), url(//kanrekiiwai.biz/wp/img/name/fruit/corner01_03.png), url(//kanrekiiwai.biz/wp/img/name/fruit/corner01_04.png);
background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
background-position: top left, top right, bottom left, bottom right;
background-size: 1.5em, 1.5em, 1.5em, 1.5em;
background-color: rgba(255, 255, 255, 0.8);
}
.nameFruit-Pattern_Info {
position: relative;
width: 96%;
margin: 0 auto;
padding: 32px 24px 24px 24px;
background-image: url(//kanrekiiwai.biz/wp/img/name/fruit/bg03.png);
}
.nameFruit-Pattern_Info > *:first-child {
margin: 0 -24px 32px -24px;
}
.nameFruit-Pattern_Info ul {
list-style: none;
}
.nameFruit-Pattern_Info ul > li {
padding: 24px 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
border-bottom: 1px dashed #C8AA50;
}
.nameFruit-Pattern_Info ul > li > * {
margin-right: 2%;
}
.nameFruit-Pattern_Info ul > li:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}
.nameFruit-Pattern_Info ul > li .nameFruit-Pattern_Block {
position: relative;
height: 170px;
background-color: #D20000;
border-radius: 10px;
}
.nameFruit-Pattern_Info ul > li .nameFruit-Pattern_Block > *:first-child {
position: absolute;
top: -0.5em;
left: 0.3em;
width: 2em;
height: 2em;
border-radius: 50%;
font-family: "Adobe Caslon Pro";
font-size: 26px;
font-size: 2.6rem;
line-height: 2;
text-align: center;
color: #fff;
background-color: #111;
z-index: 1;
}
.nameFruit-Pattern_Info ul > li .nameFruit-Pattern_Block > *:last-child {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
width: 150px;
height: 150px;
background-color: #fff;
border: 2px solid #C8AA50;
border-radius: 50%;
}
.nameFruit-Pattern_Info ul > li .nameFruit-Pattern_Block > *:last-child.nameFruit-Pattern-shippo {
background-image: url(//kanrekiiwai.biz/wp/img/name/fruit/sim_pattern-shippo.png);
background-size: 26.2%;
}
.nameFruit-Pattern_Info ul > li .nameFruit-Pattern_Block > *:last-child.nameFruit-Pattern-ichimatsu {
background-image: url(//kanrekiiwai.biz/wp/img/name/fruit/sim_pattern-ichimatsu.png);
background-size: 4.55em;
}
.nameFruit-Pattern_Info ul > li .nameFruit-Pattern_Block > *:last-child.nameFruit-Pattern-uroko {
background-image: url(//kanrekiiwai.biz/wp/img/name/fruit/sim_pattern-uroko.png);
background-size: calc(2em + 2px);
background-position: left top -2px;
}
.nameFruit-Pattern_Info ul > li .nameFruit-Pattern_Block > *:last-child.nameFruit-Pattern-matsu {
background-image: url(//kanrekiiwai.biz/wp/img/name/fruit/sim_pattern-matsu.png);
background-size: 4.2em;
}
.nameFruit-Pattern_Info ul > li .nameFruit-Pattern_Block > *:last-child.nameFruit-Pattern-nami {
background-image: url(//kanrekiiwai.biz/wp/img/name/fruit/sim_pattern-nami.png);
background-size: 4em;
}
.nameFruit-Pattern_Info ul > li .nameFruit-Pattern_Block > *:last-child.nameFruit-Pattern-ya {
background-image: url(//kanrekiiwai.biz/wp/img/name/fruit/sim_pattern-ya.png);
background-size: 2.8em;
}
.nameFruit-Pattern_Info ul > li .nameFruit-Pattern_Block > *:last-child.nameFruit-Pattern-hishi {
background-image: url(//kanrekiiwai.biz/wp/img/name/fruit/sim_pattern-hishi.png);
background-size: 4em;
}
.nameFruit-Pattern_Info ul > li .nameFruit-Pattern_Block > *:last-child.nameFruit-Pattern-saaya {
background-image: url(//kanrekiiwai.biz/wp/img/name/fruit/sim_pattern-saya.png);
background-size: 10em;
}
.nameFruit-Pattern_Info ul > li .nameFruit-Pattern_Block > *:last-child.nameFruit-Pattern-tachiwaku {
background-image: url(//kanrekiiwai.biz/wp/img/name/fruit/sim_pattern-tachiwaku.png);
background-size: 2em;
}
.nameFruit-Pattern_Info ul > li .nameFruit-Pattern_Block > *:last-child.nameFruit-Pattern-asanoha {
background-image: url(//kanrekiiwai.biz/wp/img/name/fruit/sim_pattern-asanoha.png);
background-size: 4.5em;
}
.nameFruit-Pattern_Info ul > li > *:first-child {
position: relative;
width: 170px;
margin-right: 24px;
}
.nameFruit-Pattern_Info ul > li > *:last-child {
width: calc(100% - 170px - 24px);
margin-right: 0;
}
.nameFruit-Pattern_Info ul > li > *:last-child > *:nth-child(1) {
display: inline-block;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
font-size: 30px;
font-size: 3rem;
font-weight: 700;
color: #D20000;
line-height: 1;
letter-spacing: 0.1em;
}
.nameFruit-Pattern_Info ul > li > *:last-child > *:nth-child(1) span {
display: inline;
margin-left: -6px;
font-size: 60%;
letter-spacing: normal;
}
.nameFruit-Pattern_Info ul > li > *:last-child > *:nth-child(2) {
display: inline-block;
padding: 0.5em 1em;
line-height: 1;
font-weight: 700;
color: #D20000;
vertical-align: text-bottom;
background-color: #fff;
border-radius: 9999px;
border: 1px solid #D20000;
}
.nameFruit-Pattern_Info ul > li > *:last-child > *:nth-child(3) {
margin: 0.5em 0;
}
.nameFruit-Pattern_Info ul > li > *:last-child > *:nth-child(3) span {
display: inline-block;
font-size: 18px;
font-size: 1.8rem;
font-weight: 700;
background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(70%, #FCEE21));
background: -webkit-linear-gradient(transparent 70%, #FCEE21 70%);
background: linear-gradient(transparent 70%, #FCEE21 70%);
} .nameFruit-Np {
margin-bottom: 120px;
padding-bottom: 16px;
background: url(//kanrekiiwai.biz/wp/img/name/fruit/base01.jpg);
background-size: 50%;
}
.nameFruit-Np_Wrap {
width: 96%;
margin-right: auto;
margin-left: auto;
padding-bottom: 16px;
background-color: rgba(255, 255, 255, 0.7);
}
.nameFruit-Np_Wrapper {
position: relative;
margin-bottom: 40px;
padding-bottom: 40px;
}
.nameFruit-Np_Wrapper > *:first-child {
width: 90%;
margin: 0 auto 16px auto;
}
.nameFruit-Np_Wrapper .nameFruit-Np-omote,
.nameFruit-Np_Wrapper .nameFruit-Np-ura {
position: absolute;
bottom: 0;
text-align: center;
font-size: 20px;
font-size: 2rem;
font-weight: 700;
}
.nameFruit-Np_Wrapper .nameFruit-Np-omote span,
.nameFruit-Np_Wrapper .nameFruit-Np-ura span {
display: block;
width: 7em;
margin: 0 auto 3px auto;
color: #fff;
font-size: 15px;
font-size: 1.5rem;
line-height: 2.2;
border-radius: 9999px;
}
.nameFruit-Np_Wrapper .nameFruit-Np-omote {
left: 130px;
}
.nameFruit-Np_Wrapper .nameFruit-Np-omote span {
background-color: #D20000;
}
.nameFruit-Np_Wrapper .nameFruit-Np-ura {
right: 130px;
}
.nameFruit-Np_Wrapper .nameFruit-Np-ura span {
background-color: #00005A;
}
.nameFruit-NpHero_MainImg {
margin: 0 -2%;
}
.nameFruit-Np_Lead {
margin: 0 72px 32px;
font-size: 18px;
font-size: 1.8rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
letter-spacing: 0.05em;
line-height: 1.8;
}
.nameFruit-Np_LeadTitle {
margin: 0 -24px 32px;
}
.nameFruit-Np_LeadText {
width: 86%;
margin: 1em auto 0 auto;
}
.nameFruit-Np_LeadText > * {
margin-bottom: 1.5em;
}
.nameFruit-Np_LeadImg {
margin: -1em -40px 1em -40px;
}
.nameFruit-Np_Detail {
width: 90%;
margin: 0 auto;
}
.nameFruit-Np_Detail ul {
list-style: none;
}
.nameFruit-Np_Detail ul li {
margin-bottom: 32px;
}
.nameFruit-Np_Detail ul li > *:first-child {
margin-bottom: 24px;
padding-bottom: 0.5em;
font-size: 24px;
font-size: 2.4rem;
border-bottom: 1px solid #333;
}
.nameFruit-Np_Detail ul li > *:first-child span {
font-size: 30px;
font-size: 3rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
font-weight: 700;
color: #D20000;
}
.nameFruit-Np_Detail ul li > *:first-child img {
display: inline-block;
margin-right: 0.3em;
width: 1.8em;
vertical-align: text-bottom;
}
.nameFruit-Np_Detail ul li > *:last-child {
margin-bottom: 0;
}
.nameFruit-Np_Detail ul li div {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-webkit-align-items: start;
-ms-flex-align: start;
align-items: start;
}
.nameFruit-Np_Detail ul li div > * {
margin-right: 2%;
}
.nameFruit-Np_Detail ul li div > figure {
width: 55%;
margin-right: 4%;
}
.nameFruit-Np_Detail ul li div > p {
width: 41%;
margin-top: 0;
margin-right: 0;
padding: 1em;
border-radius: 10px;
background-color: rgba(240, 236, 222, 0.5);
}
.nameFruit-Np_Info {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
margin-bottom: 32px;
}
.nameFruit-Np_Info > * {
margin-right: 2%;
}
.nameFruit-Np_Info > * {
width: 49%;
}
.nameFruit-Np_Info > *:nth-child(2n) {
margin-right: 0;
}
.nameFruit-Np_Info > div {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
-webkit-box-pack: start;
-webkit-justify-content: start;
-ms-flex-pack: start;
justify-content: start;
}
.nameFruit-Np_Info > div > div {
position: relative;
margin-top: 24px;
}
.nameFruit-Np_Info > div > div .nameFruit-Np_Omote,
.nameFruit-Np_Info > div > div .nameFruit-Np_Ura {
position: absolute;
top: calc(-1.1em + 1px);
right: 0;
left: 0;
width: 8em;
margin: 0 auto 1em auto;
font-size: 15px;
font-size: 1.5rem;
color: #fff;
text-align: center;
letter-spacing: 0.1em;
font-weight: 700;
line-height: 2.2em;
border-radius: 9999px;
}
.nameFruit-Np_Info > div > div .nameFruit-Np_Omote {
background-color: #D20000;
}
.nameFruit-Np_Info > div > div .nameFruit-Np_Ura {
background-color: #00005A;
}
.nameFruit-Np_Info > div > div p:nth-of-type(2) {
margin: 0 auto;
padding: 20px 0 16px 0;
font-size: 18px;
font-size: 1.8rem;
text-align: center;
line-height: 1.5;
border-top: 1px solid #333;
border-bottom: 1px solid #333;
}
.nameFruit-Np_Info > div > div p:nth-of-type(2) span {
display: block;
margin-top: 2px;
font-size: 30px;
font-size: 3rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
font-weight: 700;
letter-spacing: 0.01em;
line-height: 1;
}
.nameFruit-Np_Info > div > div p img {
margin: 1em 0;
}
.nameFruit-Np_Choice > div {
position: relative;
}
.nameFruit-Np_Choice > div h4 {
font-size: 30px;
font-size: 3rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
letter-spacing: 0.05em;
color: #D20000;
width: 90%;
margin-right: auto;
margin-bottom: 16px;
margin-left: auto;
padding-top: 1em;
padding-bottom: 1em;
letter-spacing: 0.1em;
font-weight: 600;
text-align: center;
background-image: url(//kanrekiiwai.biz/wp/img/name/fruit/bg06.png), url(//kanrekiiwai.biz/wp/img/name/fruit/bg06.png);
background-repeat: repeat-x, repeat-x;
background-size: 15px, 15px;
background-position: left top, left bottom;
}
.nameFruit-Np_Choice > div h4 span {
font-size: 26px;
font-size: 2.6rem;
color: #000;
}
.nameFruit-Np_Choice p {
font-size: 18px;
font-size: 1.8rem;
text-align: center;
}
.nameFruit-Np_Choice p span {
margin-right: 5px;
margin-left: 5px;
padding-bottom: 5px;
border-bottom: 1px solid;
font-size: 24px;
font-size: 2.4rem;
font-weight: 700;
color: #D20000;
}
.nameFruit-Np_Choice p span span {
margin-left: -0.2em;
letter-spacing: -0.2em;
}
.nameFruit-Np_Choice .nameFruit-Np_ChoiceIcon {
position: absolute;
top: -50px;
right: 65px;
width: 110px;
}
.nameFruit-Np_Choice .nameFruit-Np_ChoiceImg {
width: 90%;
margin-top: 24px;
margin-right: auto;
margin-left: auto;
}
.nameFruit-Np_Add {
position: relative;
width: 90%;
margin-top: 0.5em;
margin-right: auto;
margin-bottom: 24px;
margin-left: auto;
padding-top: 1.5em;
padding-bottom: 16px;
border: 4px solid #00005A;
border-radius: 10px;
font-size: 18px;
font-size: 1.8rem;
color: #00005A;
}
.nameFruit-Np_Add img {
position: absolute;
top: -20px;
right: 0;
left: 0;
display: block;
width: 50%;
margin-right: auto;
margin-left: auto;
}
.nameFruit-Np_Add div {
width: 80%;
margin: 0 auto;
font-size: 18px;
font-size: 1.8rem;
}
.nameFruit-Np_Add div p {
margin-bottom: 0.5em;
}
.nameFruit-Np_Add div p span {
color: #D20000;
}
.nameFruit-Np_Add .nameFruit-Np_AddHeading {
position: absolute;
width: 50%;
top: calc(-1.1em - 2px);
right: 0;
left: 0;
margin: 0 auto;
background-color: #00005A;
font-size: 18px;
font-size: 1.8rem;
color: #fff;
font-weight: 700;
text-align: center;
line-height: 2.2;
border-radius: 9999px;
}
.nameFruit-Np_Add .nameFruit-Np_AddTitle {
margin-bottom: 16px;
padding-bottom: 8px;
font-size: 24px;
font-size: 2.4rem;
text-align: center;
font-weight: 700;
border-bottom: 1px solid #333;
}
.nameFruit-Np_Wrapping {
width: 90%;
margin: 0 auto 24px;
font-size: 22px;
font-size: 2.2rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
text-align: center;
}
.nameFruit-Np_Wrapping p {
margin-bottom: 24px;
}
.nameFruit-Np_Omake {
position: relative;
width: 90%;
margin: 0 auto 40px;
padding: 8px 8px 8px 24px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
border: 4px solid #C8AA50;
border-radius: 10px;
font-size: 16px;
font-size: 1.6rem;
background-color: #fff;
}
.nameFruit-Np_Omake > * {
margin-right: 2%;
}
.nameFruit-Np_Omake > *:first-child {
width: 62%;
margin-right: 24px;
}
.nameFruit-Np_Omake > *:last-child {
width: calc(38% - 24px);
margin-right: 0;
}
.nameFruit-Np_OmakeIcon {
position: absolute;
top: 0;
left: 1em;
width: 64px;
}
.nameFruit-Np_OmakeTitle {
font-weight: 700;
margin-top: 8px;
margin-bottom: 16px;
margin-left: 72px;
font-size: 24px;
font-size: 2.4rem;
line-height: 1.3;
color: #C8AA50;
}
.nameFruit-Np_About {
width: 90%;
margin: 0 auto;
padding: 16px 56px 24px 56px;
border: 1px solid #eee;
background-color: #fff;
font-size: 16px;
font-size: 1.6rem;
line-height: normal;
}
.nameFruit-Np_About div {
margin-bottom: 32px;
}
.nameFruit-Np_About div p {
margin-bottom: 0.8em;
}
.nameFruit-Np_About div p:last-child {
margin-bottom: 0;
}
.nameFruit-Np_About div p span {
color: #D20000;
}
.nameFruit-Np_About a {
display: block;
border: 3px solid #D20000;
border-radius: 3px;
font-size: 18px;
font-size: 1.8rem;
font-weight: 700;
text-align: center;
line-height: 3;
color: #D20000;
}
.nameFruit-Np_About a span {
position: relative;
display: inline-block;
padding-right: 0.8em;
}
.nameFruit-Np_About a span::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
margin: auto;
right: 0;
width: 0.5em;
height: 0.5em;
border: 0;
border-top: solid 2px #D20000;
border-right: solid 2px #D20000;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: inherit;
transition: inherit;
}
.nameFruit-Np_About a:hover {
text-decoration: none;
background-color: #D20000;
color: #fff;
}
.nameFruit-Np_About a:hover span::after {
border-top-color: #fff;
border-right-color: #fff;
}
.nameFruit-Np_AboutHeading {
margin-bottom: 48px;
font-size: 34px;
font-size: 3.4rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
font-weight: 700;
line-height: 1;
text-align: center;
}
.nameFruit-Np_AboutHeading span {
display: inline-block;
margin-bottom: 16px;
padding: 0 1.3em;
background-color: #D20000;
font-size: 15px;
font-size: 1.5rem;
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
font-weight: normal;
color: #fff;
line-height: 2.2;
border-radius: 9999px;
}
.nameFruit-Np_AboutTitle {
position: relative;
margin-bottom: 0.5em;
padding-bottom: 0.2em;
padding-left: 0.8em;
font-size: 22px;
font-size: 2.2rem;
border-bottom: 1px solid;
}
.nameFruit-Np_AboutTitle::before {
position: absolute;
display: block;
top: 0;
bottom: 0;
left: 0;
margin: auto;
content: "";
width: 0.4em;
height: 0.4em;
background-color: #C8AA50;
border-radius: 50%;
} .nameFruit-Taste {
position: relative;
margin-bottom: 80px;
color: #fff;
}
.nameFruit-Taste_Title {
position: absolute;
width: 80%;
right: 0;
left: 0;
margin-top: -40px;
margin-right: auto;
margin-left: auto;
}
.nameFruit-Taste_Hero {
margin-bottom: 40px;
background-color: #fff;
}
.nameFruit-Taste_Catch {
width: 60%;
margin: 0 auto 32px auto;
}
.nameFruit-Taste_Text {
width: 90%;
margin: 40px auto;
font-size: 16px;
font-size: 1.6rem;
} .nameFruit-Brewery {
color: #000;
}
.nameFruit-Brewery_Wrap {
padding: 40px;
background-image: url(//kanrekiiwai.biz/wp/img/name/fruit/base01.jpg);
background-size: 50%;
}
.nameFruit-Brewery_Hero {
margin: 0 auto 40px auto;
}
.nameFruit-Brewery_BrandName {
margin-bottom: 16px;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
font-size: 50px;
font-size: 5rem;
letter-spacing: 0.2em;
}
.nameFruit-Brewery_Text {
width: 90%;
margin: 0 auto 40px auto;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
font-size: 16px;
font-size: 1.6rem;
line-height: 2;
text-align: left;
}
.nameFruit-Brewery_Gal > * {
margin-bottom: 16px;
}
.nameFruit-Brewery_Gal > *:last-child {
margin-bottom: 0;
} .nameFruit-Set {
background-image: url(//kanrekiiwai.biz/wp/img/name/fruit/base01.jpg);
background-size: 50%;
}
.nameFruit-Set .nameFruit-Lead {
margin-bottom: 40px;
text-align: center;
}
.nameFruit-Set .nameFruit-Lead figure {
width: 640px;
margin: 0 auto;
}
.nameFruit-Set .nameFruit-Lead > * {
margin-bottom: 24px;
}
.nameFruit-Set .nameFruit-Lead > *:last-child {
margin-bottom: 0;
}
.nameFruit-Set_Heading {
width: 80%;
margin-right: auto;
margin-bottom: 24px;
margin-left: auto;
}
.nameFruit-Set_Heading img {
margin-top: -40px;
}
.nameFruit-Set_Hero {
width: 96%;
margin: 0 auto 1em auto;
}
.nameFruit-Set_Box {
margin-bottom: 40px;
}
.nameFruit-Set_Box figure {
margin-bottom: 24px;
}
.nameFruit-Set_Box p {
font-size: 18px;
font-size: 1.8rem;
text-align: center;
} .nameFruit-Wrapping {
margin-bottom: 64px;
text-align: center;
font-size: 18px;
font-size: 1.8rem;
}
.nameFruit-Wrapping ul {
width: 90%;
margin-top: calc(32px + 2.5em);
margin-right: auto;
margin-bottom: 16px;
margin-left: auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
list-style: none;
font-size: 30px;
font-size: 3rem;
}
.nameFruit-Wrapping ul > * {
margin-right: 2%;
}
.nameFruit-Wrapping ul li {
position: relative;
margin-right: 0;
width: 25%;
}
.nameFruit-Wrapping ul li p {
position: absolute;
display: inline;
top: -2.5em;
right: 0;
left: 0;
width: 2.2em;
height: 2.2em;
line-height: 2.2;
margin: auto;
border-radius: 9999px;
color: #fff;
}
.nameFruit-Wrapping > img {
margin: 32px auto;
width: 45%;
}
.nameFruit-Wrapping .nameFruit-Wrapping_Color-red {
background-color: #D20000;
}
.nameFruit-Wrapping .nameFruit-Wrapping_Color-purple {
background-color: #442F4B;
}
.nameFruit-Wrapping .nameFruit-Wrapping_Color-yellow {
background-color: #E6B400;
}
.nameFruit-Wrapping .nameFruit-Wrapping_Color-green {
background-color: #50641E;
}
.nameFruit-Wrapping_Lead {
width: 90%;
margin: 0 auto;
text-align: left;
} .nameFruit-Bag {
position: relative;
width: 90%;
margin-top: 40px;
margin-right: auto;
margin-bottom: 80px;
margin-left: auto;
padding-top: calc(1em + 16px);
padding-right: 40px;
padding-bottom: 24px;
padding-left: 40px;
background-color: rgba(238, 203, 184, 0.4);
}
.nameFruit-Bag > *:first-child {
position: absolute;
top: -1.15em;
left: calc(40px - 1em);
width: 10em;
border-radius: 30px;
font-weight: 700;
line-height: 2.3;
text-align: center;
letter-spacing: 0.1em;
background-color: #D20000;
color: #fff;
}
.nameFruit-Bag > *:nth-child(2) {
margin-bottom: 8px;
font-size: 20px;
font-size: 2rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
font-weight: 700;
}
.nameFruit-Bag > *:nth-child(2) span {
display: block;
font-size: 15px;
font-size: 1.5rem;
line-height: 1;
}
.nameFruit-Bag p {
width: 80%;
}
.nameFruit-Bag img {
position: absolute;
width: auto;
height: 110%;
right: 55px;
bottom: 8px;
}
.nameFruit-Bag br {
display: none;
} .nameFruit-Noshi,
.nameFruit-Card {
font-size: 17px;
font-size: 1.7rem;
}
.nameFruit-Noshi > *:first-child,
.nameFruit-Card > *:first-child {
margin-bottom: 24px;
font-size: 26px;
font-size: 2.6rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
font-weight: 700;
text-align: center;
line-height: 1;
}
.nameFruit-Noshi > *:first-child::before, .nameFruit-Noshi > *:first-child::after,
.nameFruit-Card > *:first-child::before,
.nameFruit-Card > *:first-child::after {
content: "";
display: inline-block;
width: 1em;
height: 1em;
margin: 0 0.5em;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
vertical-align: bottom;
}
.nameFruit-Noshi_Text,
.nameFruit-Card_Text {
width: 640px;
margin: 24px auto 40px auto;
} .nameFruit-Noshi {
margin-bottom: 64px;
}
.nameFruit-Noshi_Text span {
display: block;
font-size: 15px;
font-size: 1.5rem;
} .nameFruit-Card {
margin-bottom: 24px;
padding-bottom: 40px;
}
.nameFruit-Card ul {
width: 640px;
margin: 1em auto 0 auto;
list-style: none;
}
.nameFruit-Card ul li:first-of-type {
margin-bottom: 1em;
}
.nameFruit-Card ul li:first-of-type .nameFruit-Card_Title {
color: #D20000;
}
.nameFruit-Card ul li:last-of-type .nameFruit-Card_Title {
color: #00005A;
}
.nameFruit-Card ul p {
margin-left: 3em;
}
.nameFruit-Card ul p.nameFruit-Card_Title {
margin-left: 0;
font-size: 20px;
font-size: 2rem;
font-weight: 700;
}
.nameFruit-Card ul p.nameFruit-Card_Title img {
width: 2.2em;
margin-right: 0.5em;
vertical-align: middle;
} .nameFruit-Info {
padding: 40px 80px;
border: 1px solid #000;
font-size: 17px;
font-size: 1.7rem;
}
.nameFruit-Info a {
color: #1380D9;
text-decoration: underline;
}
.nameFruit-Info a:hover {
text-decoration: none;
}
.nameFruit-Info > *:first-child {
margin-bottom: 40px;
padding-bottom: 8px;
font-size: 26px;
font-size: 2.6rem;
letter-spacing: 1px;
font-weight: 700;
text-align: center;
border-bottom: 1px solid #000;
}
.nameFruit-Info ul {
margin: 0;
padding: 0;
list-style: none;
}
.nameFruit-Info ul li {
margin-top: 1em;
padding-bottom: 1em;
border-bottom: 1px dashed #000;
}
.nameFruit-Info ul li > *:first-child {
margin-bottom: 8px;
font-size: 20px;
font-size: 2rem;
color: #D20000;
font-weight: 700;
}
.nameFruit-Info ul li:last-child {
padding-bottom: 0;
border-bottom: 0;
} .nameFruit-Ume .nameFruit-Hero01_TextInner {
text-shadow: 0 0 0.3em #a00000;
}
.nameFruit-Ume .nameFruit-Hero01_Text {
background-image: url(//kanrekiiwai.biz/wp/img/name/fruit/ume/bg01.png);
background-size: 38%;
}
.nameFruit-Ume .nameFruit-Osusume_Title {
background-image: url(//kanrekiiwai.biz/wp/img/name/fruit/ume/bg01.png);
background-size: 35.2%;
}
.nameFruit-Ume .nameFruit-Osusume_Title h3 {
text-shadow: 0 0 0.3em #a00000;
}
.nameFruit-Ume .nameFruit-Sample_Title,
.nameFruit-Ume .nameFruit-Combi_Title {
background-image: url(//kanrekiiwai.biz/wp/img/name/fruit/line-marble01.png), url(//kanrekiiwai.biz/wp/img/name/fruit/line-marble01.png);
}
.nameFruit-Ume .nameFruit-Taste {
background-image: url(//kanrekiiwai.biz/wp/img/name/fruit/ume/bg02.png);
background-size: 10%;
}
.nameFruit-Ume .nameFruit-Speech01 {
color: #D20000;
background-image: url(//kanrekiiwai.biz/wp/img/name/fruit/ume/ad01.png);
background-repeat: no-repeat;
background-position: left center;
background-size: contain;
}
.nameFruit-Ume .nameFruit-Noshi > *:first-child::before, .nameFruit-Ume .nameFruit-Noshi > *:first-child::after,
.nameFruit-Ume .nameFruit-Card > *:first-child::before,
.nameFruit-Ume .nameFruit-Card > *:first-child::after {
background-image: url(//kanrekiiwai.biz/wp/img/name/fruit/icon_ume02-gold.png);
} .nameFruit-Yuzu .nameFruit-Hero01_TextInner {
text-shadow: 0 0 0.3em #b48228;
}
.nameFruit-Yuzu .nameFruit-Hero01_Text {
background-image: url(//kanrekiiwai.biz/wp/img/name/fruit/yuzu/bg01.png);
background-size: 38%;
}
.nameFruit-Yuzu .nameFruit-Osusume_Title {
background-image: url(//kanrekiiwai.biz/wp/img/name/fruit/yuzu/bg01.png);
background-size: 35.2%;
}
.nameFruit-Yuzu .nameFruit-Osusume_Title h3 {
text-shadow: 0 0 0.3em #b48228;
}
.nameFruit-Yuzu .nameFruit-Sample_Title,
.nameFruit-Yuzu .nameFruit-Combi_Title {
background-image: url(//kanrekiiwai.biz/wp/img/name/fruit/line-marble02.png), url(//kanrekiiwai.biz/wp/img/name/fruit/line-marble02.png);
}
.nameFruit-Yuzu .nameFruit-Taste {
color: #000;
background-image: url(//kanrekiiwai.biz/wp/img/name/fruit/yuzu/bg02.png);
background-size: 10%;
}
.nameFruit-Yuzu .nameFruit-Speech01 {
color: #000;
background-image: url(//kanrekiiwai.biz/wp/img/name/fruit/yuzu/ad01.png);
background-repeat: no-repeat;
background-position: left center;
background-size: contain;
}
.nameFruit-Yuzu .nameFruit-Noshi > *:first-child::before, .nameFruit-Yuzu .nameFruit-Noshi > *:first-child::after,
.nameFruit-Yuzu .nameFruit-Card > *:first-child::before,
.nameFruit-Yuzu .nameFruit-Card > *:first-child::after {
background-image: url(//kanrekiiwai.biz/wp/img/name/fruit/icon_yuzu02-gold.png);
}   .nairebeer-Container {
width: 1080px;
min-height: 1000px;
margin-right: auto;
margin-left: auto;
padding-top: 80px;
padding-right: 25px;
padding-bottom: 80px;
padding-left: 25px;
background-image: url(//kanrekiiwai.biz/wp/images/event/fathersday/pc/flower.png);
background-repeat: no-repeat;
background-size: 100%;
}
.nairebeer-Title {
font-size: 11px;
font-size: 1.1rem;
}
.nairebeer-Header {
text-align: center;
}
.nairebeer-Title_Text {
width: 85%;
margin-top: 40px;
margin-right: auto;
margin-left: auto;
}
.nairebeer-Hero {
position: relative;
margin-top: 40px;
}
.nairebeer-Hero_Badge {
position: absolute;
top: 24%;
left: 42%;
}
.nairebeer-Hero_Badge-text {
position: absolute;
top: 29%;
left: 24%;
font-size: 17px;
font-size: 1.7rem;
font-weight: 700;
text-align: center;
line-height: 1.3;
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
.nairebeer-Hero_Badge-load {
-webkit-animation: spin 10s linear infinite;
animation: spin 10s linear infinite;
}
.nairebeer-LinkBox {
background-color: #eee;
width: 880px;
margin-right: auto;
margin-left: auto;
padding-top: 16px;
padding-right: 40px;
padding-bottom: 16px;
padding-left: 40px;
border-radius: 10px;
}
.nairebeer-LinkBox_Wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.nairebeer-LinkBox_Wrapper > * {
margin-right: 2%;
}
.nairebeer-LinkBox_Wrapper > * {
width: 49%;
}
.nairebeer-LinkBox_Wrapper > *:nth-child(2n) {
margin-right: 0;
}
.nairebeer-LinkBox_Text {
width: 494px;
padding-top: 24px;
}
.nairebeer-LinkBox_Price {
width: calc(100% - 494px - 2%);
}
.nairebeer-LinkBox_Description {
font-size: 20px;
font-size: 2rem;
font-weight: 700;
}
.nairebeer-LinkBox_ItemName {
font-size: 26px;
font-size: 2.6rem;
font-weight: 700;
}
.nairebeer-LinkBox_Button {
width: 100%;
margin-top: 16px;
border: none;
border-radius: 5px;
font-size: 20px;
font-size: 2rem;
font-weight: 700;
letter-spacing: 0.1em;
text-align: center;
background-color: #c8300d;
color: #fff;
}
.nairebeer-LinkBox_Button:hover {
background-color: #46b9d8;
color: #fff;
}
.nairebeer-MoveIcon {
margin-top: 80px;
text-align: center;
} .nairebeer-Container .recommend-point {
text-align: center;
padding-top: 38px;
padding-bottom: 64px;
background-image: url(//kanrekiiwai.biz/wp/images/event/fathersday/pc/point-bottom.png), url(//kanrekiiwai.biz/wp/images/event/fathersday/pc/point-top.png);
background-repeat: no-repeat, no-repeat;
background-position: bottom, top;
background-color: #f6e400;
background-size: contain, contain;
}
.nairebeer-Container .recommend-point .surprise {
width: 400px;
}
.nairebeer-Container .recommend-point h2 {
background: #fff;
text-align: center;
padding: 32px 0;
margin: 24px 16px 0 16px;
border: 3px solid #1f1b24;
border-radius: 10px;
}
.nairebeer-Container .recommend-point h2 .titleimg {
width: 825px;
}
.nairebeer-Container .recommend-point .point-4 {
letter-spacing: -0.4em;
text-align: left;
}
.nairebeer-Container .recommend-point .point-4 li {
width: 480px;
display: inline-block;
letter-spacing: normal;
margin: 32px 0 0 0;
padding: 0 15px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.nairebeer-Container .recommend-point .point-4 li .pointbox {
background: #fff;
border-radius: 10px;
margin: 24px 0 0 0;
}
.nairebeer-Container .recommend-point .point-4 li .pointbox h3 {
text-align: center;
padding: 16px 0 0 0;
}
.nairebeer-Container .recommend-point .point-4 li .pointbox h3 img {
width: 412px;
}
.nairebeer-Container .recommend-point .point-4 li .pointbox .textbox {
padding: 16px;
}
.nairebeer-Container .recommend-point .point-4 li .pointbox .textbox .pointicon {
display: table-cell;
width: 52px;
}
.nairebeer-Container .recommend-point .point-4 li .pointbox .textbox .pointicon img {
width: 100%;
}
.nairebeer-Container .recommend-point .point-4 li .pointbox .textbox p {
display: table-cell;
vertical-align: middle;
padding: 0 0 0 16px;
}
.nairebeer-Container .recommend-point .point-4 li > img {
width: 100%;
border-radius: 10px;
} .nairebeer-Container .recommend-point .point-other {
width: 930px;
margin: 24px auto 80px auto;
background: #fff;
border-radius: 10px;
padding: 24px 40px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.nairebeer-Container .recommend-point .point-other li {
margin: 0 0 8px 0;
}
.nairebeer-Container .recommend-point .point-other li .pointicon {
float: left;
vertical-align: middle;
width: 32px;
}
.nairebeer-Container .recommend-point .point-other li p {
font-weight: bold;
font-size: 18px;
font-size: 1.8rem;
float: left;
line-height: 53px;
margin: 0 0 0 16px;
} .nairebeer-Container .item-info {
padding: 64px 0 128px 0;
text-align: center;
background: #fff;
position: relative;
}
.nairebeer-Container .item-info .title {
margin: 0 0 48px 0;
}
.nairebeer-Container .item-info .beerlineup {
margin: 0 0 128px 0;
width: 100%;
}
.nairebeer-Container .item-info h2 {
text-align: center;
margin: 0 auto 80px auto;
font-size: 60px;
font-size: 6rem;
letter-spacing: 0.1em;
line-height: 1;
}
.nairebeer-Container .item-info h2 .small {
font-size: 8px;
font-size: 0.8rem;
}
.nairebeer-Container .item-info h2 .caption {
font-size: 14px;
font-size: 1.4rem;
line-height: 1;
display: block;
padding: 0 0 24px 0;
margin: 0 auto 24px auto;
letter-spacing: 0.1em;
background: url(//kanrekiiwai.biz/wp/images/event/fathersday/pc/titlebackline.png) no-repeat center bottom;
background-size: 24px;
}
.nairebeer-Container .item-info .item-list {
letter-spacing: -0.4em;
position: absolute;
top: 860px;
left: 76px;
}
.nairebeer-Container .item-info .item-list li {
display: inline-block;
letter-spacing: normal;
width: 150px;
padding: 0 4px;
}
.nairebeer-Container .item-info .item-list .item h3 {
letter-spacing: 0.1em;
}
.nairebeer-Container .item-info .item-list .item .beername {
display: block;
font-size: 16px;
font-size: 1.6rem;
font-weight: bold;
letter-spacing: normal;
margin: 8px 0 0 0;
}
.nairebeer-Container .item-info .item-list .item .comment {
background-color: #f0f0f0;
padding: 8px;
position: relative;
font-size: 12px;
font-size: 1.2rem;
border-radius: 5px;
top: 20px;
font-weight: bold;
}
.nairebeer-Container .item-info .item-list .item .comment:after {
border-bottom: 12px solid #f0f0f0;
border-right: 8px solid transparent;
border-left: 8px solid transparent;
content: "";
margin-left: -10px;
position: absolute;
top: -12px;
left: 50%;
} .nairebeer-Container .item-info .accessories {
position: relative;
margin: 0 0 64px 0;
}
.nairebeer-Container .item-info .accessories .boximg {
width: 854px;
}
.nairebeer-Container .item-info .accessories .giftbox {
position: absolute;
top: 58px;
right: 101px;
text-align: left;
background: url(//kanrekiiwai.biz/wp/images/event/fathersday/pc/giftbox-back.png) no-repeat top 5px left;
background-size: 62px;
padding: 0 0 0 70px;
}
.nairebeer-Container .item-info .accessories .giftbox h3, .nairebeer-Container .item-info .accessories .newspaper h3 {
font-size: 13px;
font-size: 1.3rem;
margin: 0 0 4px 0;
}
.nairebeer-Container .item-info .accessories .newspaper {
position: absolute;
top: 173px;
right: 64px;
text-align: left;
background: url(//kanrekiiwai.biz/wp/images/event/fathersday/pc/newspaper-back.png) no-repeat bottom center;
background-size: 9px;
padding: 0 0 90px 0;
}
.nairebeer-Container .item-info .accessories .giftbox .textbox p, .nairebeer-Container .item-info .accessories .newspaper .textbox p {
font-size: 16px;
font-size: 1.6rem;
} .nairebeer-Container .item-info .newspaper-info {
background: #fff;
padding: 40px 0;
text-align: left;
}
.nairebeer-Container .item-info .newspaper-info h3 {
font-size: 40px;
font-size: 4rem;
letter-spacing: 0.04em;
width: 800px;
margin: 0 auto;
padding: 24px 0;
border-top: 3px solid #1f1b24;
border-bottom: 3px solid #1f1b24;
text-align: center;
}
.nairebeer-Container .item-info .newspaper-info h4 {
font-size: 24px;
font-size: 2.4rem;
line-height: 1.4;
padding: 0 0 24px 0;
letter-spacing: 0.06em;
color: #42a8a7;
}
.nairebeer-Container .item-info .newspaper-info .birthday {
padding: 56px 40px 0 40px;
}
.nairebeer-Container .item-info .newspaper-info .birthday .textbox {
width: 560px;
float: left;
padding: 0 0 0 24px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.nairebeer-Container .item-info .newspaper-info .birthday .textbox p {
font-size: 20px;
font-size: 2rem;
font-weight: bold;
}
.nairebeer-Container .item-info .newspaper-info .birthday .fahter-icon {
margin: 32px 0 0 0;
width: 100%;
}
.nairebeer-Container .item-info .newspaper-info .birthday .sample {
float: left;
width: 320px;
}
.nairebeer-Container .item-info .newspaper-info .anotherday {
padding: 56px 0 0 0;
position: relative;
height: 500px;
}
.nairebeer-Container .item-info .newspaper-info .anotherday h3 {
margin: 0 auto 56px auto;
}
.nairebeer-Container .item-info .newspaper-info .anotherday .textbox {
padding: 24px 0 0 24px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.nairebeer-Container .item-info .newspaper-info .anotherday .textbox p {
font-size: 16px;
font-size: 1.6rem;
padding: 0 0 8px 0;
}
.nairebeer-Container .item-info .newspaper-info .anotherday .girl {
position: absolute;
top: 154px;
right: 16px;
width: 547px;
}
.nairebeer-Container .item-info .newspaper-info .iconlist {
width: 348px;
margin: 24px auto;
letter-spacing: -0.4em;
}
.nairebeer-Container .item-info .newspaper-info .iconlist li {
display: inline-block;
width: 100px;
padding: 0 8px;
letter-spacing: normal;
}
.nairebeer-Container .item-info .newspaper-info .iconlist li img {
width: 100%;
}
.nairebeer-Container .item-info .nptext {
font-size: 18px;
font-size: 1.8rem;
}
.nairebeer-Container .item-info .nptext .red {
color: #ec1c24;
font-weight: bold;
}
.nairebeer-Container .review {
background: #fbfcd9;
padding: 56px;
}
.nairebeer-Container .review .reveiewtext {
background: #fff;
border-radius: 10px;
padding: 24px 56px;
margin: 0 0 24px 0;
}
.nairebeer-Container .review h2 {
text-align: center;
margin: 0 0 56px 0;
font-size: 30px;
font-size: 3rem;
letter-spacing: 0.1em;
}
.nairebeer-Container .review .reveiewtext h3 {
font-size: 20px;
font-size: 2rem;
color: #666;
}
.nairebeer-Container .review .reveiewtext .name {
display: block;
margin: 24px 0;
font-size: 15px;
font-size: 1.5rem;
}
.nairebeer-Container .review .reveiewtext p {
font-size: 16px;
font-size: 1.6rem;
margin: 0 0 8px 0;
}
.nairebeer-Container .review .reveiewtext .underline {
background: #ffff00;
text-decoration: none;
}
.nairebeer-Container .review .reveiewtext .star {
color: orange;
font-size: 14px;
font-size: 1.4rem;
padding: 0 0 0 8px;
}
.nairebeer-Container .beer-lineup {
text-align: center;
background: url(//kanrekiiwai.biz/wp/images/event/fathersday/pc/lineup-bottom.png) no-repeat bottom #fff;
padding: 104px 0 200px 0;
height: 846px;
position: relative;
}
.nairebeer-Container .beer-lineup h2 {
text-align: center;
margin: 0 auto;
padding: 0 0 80px 0;
font-size: 50px;
font-size: 5rem;
letter-spacing: 0.15em;
line-height: 1;
}
.nairebeer-Container .beer-lineup h2 .small {
font-size: 8px;
font-size: 0.8rem;
}
.nairebeer-Container .beer-lineup h2 .caption {
font-size: 11px;
font-size: 1.1rem;
line-height: 1;
display: block;
padding: 0 0 16px 0;
margin: 0 auto 24px auto;
letter-spacing: 0.1em;
background: url(//kanrekiiwai.biz/wp/images/event/fathersday/pc/titlebackline.png) no-repeat center bottom;
background-size: 24px;
}
.nairebeer-Container .beer-lineup .beer5 {
width: 687px;
}
.nairebeer-Container .beer-lineup .beertaste li {
position: absolute;
border-radius: 5px;
text-align: left;
background: #fff;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 8px 11px;
}
.nairebeer-Container .beer-lineup .beertaste li p {
line-height: 1.3;
font-size: 13px;
font-size: 1.3rem;
}
.nairebeer-Container .beer-lineup .beertaste li h3 {
margin: 0 0 8px 0;
text-align: center;
}
.nairebeer-Container .beer-lineup .beertaste li h3 .beername {
display: block;
}
.nairebeer-Container .beer-lineup .beertaste li.pilsner {
top: 262px;
right: 123px;
width: 212px;
border: 4px solid #ffaa00;
}
.nairebeer-Container .beer-lineup .beertaste li.pilsner h3, .nairebeer-Container .beer-lineup .beertaste li.pilsner p {
color: #ffaa00;
}
.nairebeer-Container .beer-lineup .beertaste li.weizen {
top: 649px;
right: 16px;
width: 200px;
border: 4px solid #a7ae32;
}
.nairebeer-Container .beer-lineup .beertaste li.weizen h3, .nairebeer-Container .beer-lineup .beertaste li.weizen p {
color: #a7ae32;
}
.nairebeer-Container .beer-lineup .beertaste li.mango {
top: 894px;
right: 76px;
width: 212px;
border: 4px solid #966e8c;
}
.nairebeer-Container .beer-lineup .beertaste li.mango h3, .nairebeer-Container .beer-lineup .beertaste li.mango p {
color: #966e8c;
}
.nairebeer-Container .beer-lineup .beertaste li.alt {
top: 694px;
left: 16px;
width: 200px;
border: 4px solid #d12d36;
}
.nairebeer-Container .beer-lineup .beertaste li.alt h3, .nairebeer-Container .beer-lineup .beertaste li.alt p {
color: #d12d36;
}
.nairebeer-Container .beer-lineup .beertaste li.porter {
top: 894px;
left: 76px;
width: 252px;
border: 4px solid #43b3a6;
}
.nairebeer-Container .beer-lineup .beertaste li.porter h3, .nairebeer-Container .beer-lineup .beertaste li.porter p {
color: #43b3a6;
} .nairebeer-Container .brewery {
text-align: center;
padding: 48px 0 85px 0;
background: url(//kanrekiiwai.biz/wp/images/event/fathersday/pc/detail-bottom.png) no-repeat bottom #fbfcd9;
}
.nairebeer-Container .brewery h2 {
text-align: center;
margin: 0 auto;
font-size: 50px;
font-size: 5rem;
letter-spacing: 0.15em;
line-height: 1;
}
.nairebeer-Container .brewery h2 .small {
font-size: 8px;
font-size: 0.8rem;
}
.nairebeer-Container .brewery h2 .caption {
font-size: 11px;
font-size: 1.1rem;
line-height: 1;
display: block;
padding: 0 0 16px 0;
margin: 0 auto 24px auto;
letter-spacing: 0.1em;
background: url(//kanrekiiwai.biz/wp/images/event/fathersday/pc/titlebackline.png) no-repeat center bottom;
background-size: 24px;
}
.nairebeer-Container .brewery .brewery-list {
letter-spacing: -0.4em;
margin: 0 0 56px 0;
}
.nairebeer-Container .brewery .brewery-list li {
letter-spacing: normal;
display: inline-block;
width: 50%;
vertical-align: top;
}
.nairebeer-Container .brewery .brewery-list li.echigo .textbox {
padding: 70px 0 0 0;
}
.nairebeer-Container .brewery .brewery-list .textbox {
margin: 0 auto 32px 0;
text-align: left;
}
.nairebeer-Container .brewery .brewery-list .textbox img {
width: 100%;
}
.nairebeer-Container .brewery .brewery-list .textbox p {
width: 80%;
margin: 32px auto 0 auto;
} .nairebeer-Container .brewer {
margin: 0 0 56px 0;
}
.nairebeer-Container .brewer h2 {
text-align: center;
margin: 0 auto 56px auto;
font-size: 35px;
font-size: 3.5rem;
letter-spacing: 0.15em;
line-height: 1;
}
.nairebeer-Container .brewer h2 .small {
font-size: 8px;
font-size: 0.8rem;
}
.nairebeer-Container .brewer h2 .caption {
font-size: 11px;
font-size: 1.1rem;
line-height: 1;
display: block;
padding: 0 0 16px 0;
margin: 0 auto 24px auto;
letter-spacing: 0.1em;
background: url(//kanrekiiwai.biz/wp/images/event/fathersday/pc/titlebackline.png) no-repeat center bottom;
background-size: 24px;
}
.nairebeer-Container .brewer ul {
letter-spacing: -0.4em;
margin: 40px 0 0 0;
}
.nairebeer-Container .brewer li {
display: inline-block;
letter-spacing: normal;
width: 230px;
padding-right: 8px;
text-align: center;
}
.nairebeer-Container .brewer li:first-child {
width: 230px;
padding: 0 8px;
}
.nairebeer-Container .brewer .brname {
display: block;
width: 82%;
margin: 0 auto 24px auto;
padding: 0 0 16px 0;
background: url(//kanrekiiwai.biz/wp/images/event/fathersday/pc/brname-back.png) repeat-x bottom;
font-size: 16px;
font-size: 1.6rem;
font-weight: bold;
}
.nairebeer-Container .brewer li img {
width: 100%;
} .nairebeer-Container .from-niigata {
background: #fff;
height: 900px;
text-align: right;
position: relative;
}
.nairebeer-Container .from-niigata .niigatamap {
position: absolute;
top: 24px;
left: 16px;
width: 429px;
}
.nairebeer-Container .from-niigata h2 {
position: absolute;
top: -40px;
right: 48px;
width: 403px;
}
.nairebeer-Container .from-niigata h2 .titleimg {
width: 100%;
}
.nairebeer-Container .from-niigata .textbox {
position: absolute;
top: 233px;
right: 32px;
}
.nairebeer-Container .from-niigata .textbox p {
margin: 0 0 16px 0;
text-align: right;
font-size: 17px;
font-size: 1.7rem;
font-weight: bold;
color: #2e8a57;
letter-spacing: 0.05em;
}
.nairebeer-Container .from-niigata .niigataview {
position: absolute;
top: 480px;
left: 0;
width: 100%;
} .nairebeer-Container .bottom {
background: #fff;
padding: 108px 0 16px 0;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
} .nairebeer-Container .bottom .pricebox {
margin: 0 24px;
}
.nairebeer-Container .bottom .pricebox .itemimg {
float: left;
width: 464px;
}
.nairebeer-Container .bottom .pricebox .textbox {
float: left;
width: 448px;
padding: 0 0 0 24px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
}
.nairebeer-Container .bottom .pricebox .textbox .description {
font-size: 20px;
font-size: 2rem;
font-weight: bold;
letter-spacing: 0.05em;
text-align: left;
}
.nairebeer-Container .bottom .pricebox .textbox .itemname {
font-size: 24px;
font-size: 2.4rem;
font-weight: bold;
margin: 0 0 24px 0;
text-align: left;
}
.nairebeer-Container .bottom .pricebox .textbox .price {
width: 306px;
} .nairebeer-Container .bottom .detail {
background: #fff;
padding: 96px 56px 72px 56px;
}
.nairebeer-Container .bottom .detail h2 {
color: #46b9d8;
margin: 0 0 8px 0;
}
.nairebeer-Container .bottom .detail p {
color: #46b9d8;
font-weight: bold;
font-size: 15px;
font-size: 1.5rem;
line-height: 2;
letter-spacing: 0.08em;
}   .nameform-Container {
margin: 24px 0 80px 0;
}
.nameform-Container ul {
padding-left: 0;
}
.nameform-Container input + label {
font-size: 1.6rem;
}
.nameform-Wrapper {
margin-bottom: 40px;
overflow: hidden;
}
.nameform-Border_Bottom {
border-bottom: 1px solid #ccc;
}
.nameform-Heading {
margin-bottom: 24px;
font-size: 1.6rem;
font-weight: 700;
line-height: 4;
letter-spacing: 0.1em;
text-align: center;
background-color: #c8300d;
color: #fff;
} .nameform-Title {
font-size: 1.6rem;
line-height: 4;
letter-spacing: 0.1em;
background-color: #333;
color: #fff;
}
.nameform-Title_Num {
display: inline-block;
margin-right: 1em;
padding-right: 1em;
padding-left: 1em;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #666;
text-align: center;
} .nameform-NewsPaper_Wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 16px;
background-color: #fffadc;
}
.nameform-NewsPaper_Wrapper > * {
margin-right: 2%;
}
.nameform-NewsPaper_SampleImg {
width: 110px;
}
.nameform-NewsPaper_InputBox {
width: calc(98% - 110px);
margin-right: 0;
}
.nameform-NewsPaper_InputYear {
display: inline-block;
width: 40%;
}
.nameform-NewsPaper_InputYear > select {
padding-left: 0.5em;
}
.nameform-NewsPaper_InputMonth {
display: inline-block;
width: 29%;
}
.nameform-NewsPaper_InputMonth > select {
padding-left: 0.5em;
}
.nameform-NewsPaper_InputDay {
display: inline-block;
width: 29%;
}
.nameform-NewsPaper_InputDay > select {
padding-left: 0.5em;
}
.nameform-NewsPaper_LinkHoliday {
text-align: center;
background-color: #fafafa;
}
.nameform-NewsPaper_BannerHoliday {
width: 70%;
margin-top: 16px;
margin-bottom: 16px;
} .nameform-LabelSample {
position: relative;
background-color: #fafafa;
}
.nameform-LabelSample_MainImg {
display: block;
width: 90%;
margin-right: auto;
margin-left: auto;
} .nameform-Label {
overflow: hidden;
background-color: #fffadc;
}
.nameform-Label_InputBox {
padding-top: 16px;
padding-right: 16px;
padding-bottom: 16px;
padding-left: 80px;
}
.nameform-Label_Title {
margin-bottom: 8px;
}
.nameform-Label_InputEx {
margin-top: 4px;
}
.nameform-Label_Input-right,
.nameform-Label_Input-center,
.nameform-Label_Input-left,
.nameform-Label_Input-one,
.nameform-Label_Input-two,
.nameform-Label_Input-three,
.nameform-Label_Input-four,
.nameform-Label_Input-Component {
background-size: 60px auto;
background-repeat: no-repeat;
background-position: left 10px center;
}
.nameform-Label_Input-right {
background-image: url(//kanrekiiwai.biz/wp/img/form/common/image_input-right.png);
}
.nameform-Label_Input-center {
background-image: url(//kanrekiiwai.biz/wp/img/form/common/image_input-center.png);
}
.nameform-Label_Input-left {
background-image: url(//kanrekiiwai.biz/wp/img/form/common/image_input-left.png);
}
.nameform-Label_Input-one {
background-image: url(//kanrekiiwai.biz/wp/img/form/common/image_input-one.png);
}
.nameform-Label_Input-two {
background-image: url(//kanrekiiwai.biz/wp/img/form/common/image_input-two.png);
}
.nameform-Label_Input-three {
background-image: url(//kanrekiiwai.biz/wp/img/form/common/image_input-three.png);
}
.nameform-Label_Input-four {
background-image: url(//kanrekiiwai.biz/wp/img/form/common/image_input-four.png);
}
.nameform-Label_Input-Component {
background-image: url(//kanrekiiwai.biz/wp/img/form/common/image_input-component.png);
background-position: left 10px top;
}
.nameform-Label_Title-right {
color: #d83619;
}
.nameform-Label_Title-center {
color: #3b999c;
}
.nameform-Label_Title-left {
color: #f0ab2a;
}
.nameform-Label_Title-one {
color: #d83619;
}
.nameform-Label_Title-two {
color: #3b999c;
}
.nameform-Label_Title-three {
color: #f0ab2a;
}
.nameform-Label_Title-four {
color: #7d486b;
}
.nameform-Component_Title {
margin-left: 80px;
}
.nameform-Component_Title span {
color: #7d486b;
}
.nameform-Label_Title-beer {
color: #d83619;
}
.nameform-Label_Title-right,
.nameform-Label_Title-center,
.nameform-Label_Title-left,
.nameform-Label_Title-one,
.nameform-Label_Title-two,
.nameform-Label_Title-three,
.nameform-Label_Title-four,
.nameform-Label_Title-component,
.nameform-Label_Title-beer {
font-size: 1.6rem;
font-weight: 700;
} .nameform-Component {
margin-top: 16px;
margin-bottom: 16px;
padding-top: 13px;
}
.nameform-Component_Wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
margin-top: 16px;
margin-right: 16px;
margin-bottom: 16px;
margin-left: 35px;
}
.nameform-Component_Wrapper > * {
margin-right: 2%;
}
.nameform-Component_Sample {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
width: 80%;
margin: 0 auto;
text-align: center;
list-style: none;
}
.nameform-Component_Sample > * {
margin-right: 2%;
}
.nameform-Component_Sample > * {
width: 32%;
}
.nameform-Component_Sample > *:nth-child(3n) {
margin-right: 0;
}
.nameform-Component_Sample li img {
margin-bottom: 16px;
}
.nameform-Component_Sample li > *:first-child {
margin-bottom: 8px;
font-size: 16px;
font-size: 1.6rem;
font-weight: 700;
color: #fff;
line-height: 2.2;
border-radius: 9999px;
background-color: #5A3278;
}
.nameform-Component_ImgBox {
width: 255px;
}
.nameform-Component_InputArea {
width: calc(98% - 255px);
margin-right: 0;
}
.nameform-Component_CheckBox input + label {
margin-bottom: 8px;
}
.nameform-Component_Heading {
display: inline-block;
margin: 0;
padding: 1em 2em;
border: 1px solid #d0d0d0;
color: inherit;
font-family: inherit;
font-size: 1em;
line-height: 1;
text-align: center;
text-decoration: none;
background: transparent;
background-color: #fff;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: pointer;
display: block;
padding: 0;
border-radius: 3px;
text-align: left;
}
.nameform-Component_Heading:hover, .nameform-Component_Heading:active, .nameform-Component_Heading:focus {
text-decoration: none;
}
.nameform-Component_Heading:focus {
outline: 0;
-webkit-box-shadow: 0 0 5px #1589ee;
box-shadow: 0 0 5px #1589ee;
}
.nameform-Component_Heading:disabled, .nameform-Component_Heading-disabled {
opacity: 0.5;
border-color: #333;
background-color: #333;
cursor: not-allowed;
}
.nameform-Component_Heading-disabled {
pointer-events: none;
}
.nameform-Component_HeadingLabel {
padding-left: 1em;
font-size: 1.6rem;
}
.nameform-Component_HeadingLabel::after {
content: "";
display: inline-block;
width: 0;
height: 0;
margin-left: 1em;
border: transparent solid 5px;
vertical-align: 1px;
border-left-color: #333;
}
.nameform-Component_HeadingInput {
width: 50%;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
background: none;
vertical-align: baseline;
}
.nameform-Component_HeadingInput::-webkit-input-placeholder {
font-size: 16px;
}
.nameform-Component_HeadingInput::-moz-placeholder {
font-size: 16px;
}
.nameform-Component_HeadingInput:-ms-input-placeholder {
font-size: 16px;
}
.nameform-Component_HeadingInput::-ms-input-placeholder {
font-size: 16px;
}
.nameform-Component_HeadingInput::placeholder {
font-size: 16px;
}
.nameform-Component_HeadingInput:focus {
-webkit-box-shadow: none;
box-shadow: none;
}
.nameform-Component_HeadingInput:focus::-webkit-input-placeholder {
color: transparent;
}
.nameform-Component_HeadingInput:focus::-moz-placeholder {
color: transparent;
}
.nameform-Component_HeadingInput:focus:-ms-input-placeholder {
color: transparent;
}
.nameform-Component_HeadingInput:focus::-ms-input-placeholder {
color: transparent;
}
.nameform-Component_HeadingInput::-webkit-input-placeholder {
opacity: 1;
}
.nameform-Component_InputBox {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.nameform-Component_InputBox > * {
margin-right: 2%;
}
.nameform-Component_InputBox > * {
width: 49%;
}
.nameform-Component_InputBox > *:nth-child(2n) {
margin-right: 0;
}
.nameform-Component_InputBox > * {
margin-top: 5px;
}
.nameform-Component_InputBox > *:last-child {
margin-bottom: 5px;
}
.nameform-Component_Item:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px #fff inset;
} .nameform-Modal_Button {
display: block;
margin-top: 16px;
margin-right: auto;
margin-left: auto;
padding-top: 16px;
padding-bottom: 16px;
border: 0;
border-radius: 3px;
font-size: 1.4rem;
font-weight: 700;
letter-spacing: 0.05em;
background-color: #c3d454;
}
.nameform-Modal_Button:hover {
background-color: #333;
color: #fff;
}
.nameform-Component_Button {
width: 100%;
}
.nameform-LabelSample_Button1800 {
position: absolute;
right: 36px;
bottom: 30px;
width: 40%;
}
.nameform-LabelSample_Button720 {
position: absolute;
left: 60px;
bottom: 30px;
width: 45%;
}
.nameform-NewsPaper_Button {
width: 100%;
} .nameform-Option {
overflow: hidden;
background-color: #fffadc;
}
.nameform-Option .nameform-Caption {
margin-top: 4px;
}
.nameform-Option_Wrapper {
width: 90%;
margin-top: 16px;
margin-right: auto;
margin-bottom: 16px;
margin-left: auto;
}
.nameform-Option_FlexBox {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.nameform-Option_FlexBox > * {
margin-right: 2%;
}
.nameform-Option_FlexBox > *:first-child {
position: relative;
width: 10%;
}
.nameform-Option_FlexBox > *:first-child img {
position: absolute;
height: 100%;
width: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.nameform-Option_FlexBox > *:last-child {
width: 88%;
margin-right: 0;
}
.nameform-Option_Title {
display: block;
margin-bottom: 4px;
font-size: 15px;
font-size: 1.5rem;
font-weight: 700;
} .nameform-RemarksColumn {
overflow: hidden;
background-color: #fffadc;
}
.nameform-RemarksColumn_Wrapper {
width: 90%;
margin-top: 16px;
margin-right: auto;
margin-bottom: 16px;
margin-left: auto;
}
.nameform-RemarksColumn_Ex {
margin-top: 8px;
} .nameform-WineType {
overflow: hidden;
background-color: #fffadc;
}
.nameform-WineType_Wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin: 16px;
}
.nameform-WineType_Wrapper > * {
margin-right: 2%;
}
.nameform-WineType_Wrapper > * {
width: 49%;
}
.nameform-WineType_Wrapper > *:nth-child(2n) {
margin-right: 0;
}
.nameform-WineType_typeImg {
width: 110px;
}
.nameform-WineType_SelectBox {
width: calc(98% - 110px);
} .nameform-Wrapping {
overflow: hidden;
background-color: #fffadc;
}
.nameform-Wrapping_Wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin: 16px;
}
.nameform-Wrapping_Wrapper > * {
margin-right: 2%;
}
.nameform-Wrapping_Wrapper > * {
width: 49%;
}
.nameform-Wrapping_Wrapper > *:nth-child(2n) {
margin-right: 0;
}
.nameform-Wrapping_Img {
width: 200px;
}
.nameform-Wrapping_SelectBox {
width: calc(98% - 200px);
}
.nameform-Wrapping_SelectBox select {
margin-bottom: 8px;
}
.nameform-Wrapping_Attention {
margin-top: 1em;
margin-right: 40px;
margin-bottom: 16px;
margin-left: 40px;
} .nameform-ChankoSet {
overflow: hidden;
background-color: #fffadc;
}
.nameform-ChankoSet_Wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin: 16px;
}
.nameform-ChankoSet_Wrapper > * {
margin-right: 2%;
}
.nameform-ChankoSet_Wrapper > * {
width: 49%;
}
.nameform-ChankoSet_Wrapper > *:nth-child(2n) {
margin-right: 0;
}
.nameform-ChankoSet_Img {
width: 30%;
}
.nameform-ChankoSet_SelectBox {
width: 68%;
}
.nameform-ChankoSet_SelectBox > * {
margin-top: 24px;
}
.nameform-ChankoSet_SelectBox > *:first-child {
margin-top: 0;
}
.nameform-ChankoSet_Attention {
font-size: 1.2rem;
} .nameform-lectier {
overflow: hidden;
}
.nameform-lectier_Wrapper {
margin-top: 24px;
margin-right: 16px;
margin-bottom: 24px;
margin-left: 16px;
text-align: center;
}
.nameform-lectier_LabelSelect {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
list-style: none;
}
.nameform-lectier_LabelSelect > * {
margin-right: 2%;
}
.nameform-lectier_LabelSelect > * {
width: 49%;
}
.nameform-lectier_LabelSelect > *:nth-child(2n) {
margin-right: 0;
}
.nameform-lectier_LabelSelect > *:nth-child(-n+2) {
margin-bottom: 24px;
}
.nameform-lectier_LabelType {
display: block !important;
margin-top: 16px;
padding: 16px;
background-color: #fffadc;
} .nameform-2set .nameform-Title {
text-indent: 1em;
line-height: 3;
}
.nameform-2set_Color-winered {
background-color: #b33e5c;
}
.nameform-2set_Color-winewhite {
background-color: #caad5f;
}
.nameform-2set_Color-lectier {
background-color: #e4ab1d;
}
.nameform-2set_Color-grape {
background-color: #963c64;
}
.nameform-2set_Title {
font-size: 1.6rem;
font-weight: 700;
text-align: center;
letter-spacing: 0.1em;
line-height: 4;
color: #fff;
}
.nameform-2set_First,
.nameform-2set_Second {
padding-right: 8px;
padding-bottom: 8px;
padding-left: 8px;
} .nameform-NewsPaperBack_SameYear,
.nameform-NewsPaperBack_AnotherYear {
padding: 8px;
border: 1px solid #ccc;
border-radius: 3px;
background-color: #fff;
}
.nameform-NewsPaperBack_AnotherYear {
margin-top: 8px;
}
.nameform-NewsPaperBack_AnotherYear label {
display: block;
}
.nameform-NewsPaperBack_SelectYear {
display: inline-block;
width: 50%;
}
.nameform-NewsPaperBack_SelectYearAdd {
display: inline-block;
margin-left: 0.25em;
font-size: 1.6rem;
}
.nameform-NewsPaperBack_Result {
margin-left: 1.25em;
font-size: 1.6rem;
} .nameform-NewsPaper_Title,
.nameform-RemarksColumn_Title,
.nameform-WineType_Title,
.nameform-ChankoSet_Title,
.nameform-Card_Title {
display: block;
margin-bottom: 8px;
font-size: 1.4rem;
} .nameform-Submit {
margin-top: 40px;
overflow: hidden;
text-align: center;
background-color: #fafafa;
}
.nameform-Submit_CheckBox {
margin-top: 16px;
font-size: 1.4rem;
}
.nameform-Submit_Attention {
display: inline-block;
margin-left: 5px;
color: #c8300d;
}
.nameform-Submit_Button {
margin-top: 16px;
margin-bottom: 16px;
}
.nameform-Submit_Button[type=submit], .nameform-Submit_Button[type=submit]:disabled {
overflow: hidden;
width: 362px;
height: 72px;
padding: 0;
border: none;
background-color: transparent;
text-indent: 100%;
white-space: nowrap;
} .nameform-Submit_Button[type=submit] {
background-image: url(//kanrekiiwai.biz/wp/img/form/common/button_purchase.png);
background-size: 362px;
} .nameform-Submit_Button[type=submit]:disabled {
background-image: url(//kanrekiiwai.biz/wp/img/form/common/button_purchase.png);
background-size: 362px;
}
.nameform-Submit_Caution {
margin-bottom: 16px;
} .nameform-Lectier .nameform-Wrapping_Img {
width: 300px;
}
.nameform-Lectier .nameform-Wrapping_SelectBox {
width: calc(98% - 300px);
}
.nameform-LectierSample ul {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
list-style: none;
}
.nameform-LectierSample ul > * {
margin-right: 2%;
}
.nameform-LectierSample ul > * {
width: 32%;
}
.nameform-LectierSample ul > *:nth-child(3n) {
margin-right: 0;
}
.nameform-LectierSample ul li {
margin-bottom: 1em;
}
.nameform-LectierSample ul li > p:first-child {
display: block;
width: 10em;
margin-right: auto;
margin-bottom: 16px;
margin-left: auto;
border-radius: 30px;
font-size: 13px;
font-size: 1.3rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
font-style: italic;
text-align: center;
line-height: 2.4;
background-color: #3c1e14;
color: #fff;
}
.nameform-LectierSample ul li > p:nth-child(3) {
width: 86%;
margin-top: 8px;
margin-right: auto;
margin-bottom: 16px;
margin-left: auto;
font-size: 16px;
font-size: 1.6rem;
font-weight: 700;
letter-spacing: 0.05em;
line-height: 2;
text-align: center;
background-color: rgb(245, 245, 245);
}
.nameform-LectierSample ul li > p:nth-child(4) {
text-align: left;
}
.nameform-Juice2setSample ul {
width: 80%;
margin-right: auto;
margin-left: auto;
list-style: none;
}
.nameform-Juice2setSample ul li {
margin-bottom: 40px;
}
.nameform-Juice2setSample ul li div {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.nameform-Juice2setSample ul li div > * {
margin-right: 2%;
}
.nameform-Juice2setSample ul li div > * {
width: 49%;
}
.nameform-Juice2setSample ul li div > *:nth-child(2n) {
margin-right: 0;
}
.nameform-Juice2setSample ul li > p:first-child {
display: block;
width: 10em;
margin-right: auto;
margin-bottom: 16px;
margin-left: auto;
border-radius: 30px;
font-size: 13px;
font-size: 1.3rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
font-style: italic;
text-align: center;
line-height: 2.4;
background-color: #3c1e14;
color: #fff;
}
.nameform-Juice2setSample ul li > p:nth-child(3) {
margin-top: 8px;
margin-bottom: 16px;
font-size: 16px;
font-size: 1.6rem;
font-weight: 700;
letter-spacing: 0.05em;
line-height: 2;
text-align: center;
background-color: rgb(245, 245, 245);
}
.nameform-Juice2setSample ul li > p:nth-child(4) {
text-align: left;
}
.nameform-Label_Lectier .nameform-Label_Input-one {
background-image: url(//kanrekiiwai.biz/wp/img/form/common/image_input-lectier01.svg);
}
.nameform-Label_Lectier .nameform-Label_Input-two {
background-image: url(//kanrekiiwai.biz/wp/img/form/common/image_input-lectier02.svg);
}
.nameform-Label_Lectier .nameform-Label_Input-three {
background-image: url(//kanrekiiwai.biz/wp/img/form/common/image_input-lectier03.svg);
}
.nameform-Label_Lectier .nameform-Label_Input-four {
background-image: url(//kanrekiiwai.biz/wp/img/form/common/image_input-lectier04.svg);
}
.nameform-Label_Lectier .nameform-Label_Input-one, .nameform-Label_Lectier .nameform-Label_Input-two, .nameform-Label_Lectier .nameform-Label_Input-three, .nameform-Label_Lectier .nameform-Label_Input-four {
background-size: 50px auto;
background-position: left 15px center;
}
.nameform-Label_Lectier .nameform-Label_Title-one {
color: #f0ab2a;
}
.nameform-Label_Lectier .nameform-Label_Title-two {
color: #e6463c;
}
.nameform-Label_Lectier .nameform-Label_Title-three {
color: #80a12a;
}
.nameform-Label_Lectier .nameform-Label_Title-four {
color: #3b999c;
} .nameform-Beer .nameform-Label {
background-color: #fafafa;
}
.nameform-Beer .nameform-Label table {
width: 100%;
text-align: center;
}
.nameform-Beer .nameform-Label table thead {
font-size: 16px;
font-size: 1.6rem;
}
.nameform-Beer .nameform-Label table thead th {
padding-top: 1em;
padding-bottom: 1em;
}
.nameform-Beer .nameform-Label table td {
width: 33.3333333333%;
}
.nameform-Beer .nameform-Label table img {
width: 98%;
}
.nameform-Beer .nameform-Label .nameform-Label_Title span {
display: inline-block;
margin-left: 1em;
font-size: 13px;
font-size: 1.3rem;
}
.nameform-Beer .nameform-Label .nameform-Label_Radio > * {
padding-top: 1em;
padding-bottom: 1em;
}
.nameform-Beer .nameform-Label_InputBox {
padding-top: 16px;
padding-right: 40px;
padding-bottom: 16px;
padding-left: 40px;
background-color: #fffadc;
}
.nameform-Beer .nameform-Card {
background-color: #fffadc;
}
.nameform-Beer .nameform-Card_Wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
padding-top: 16px;
padding-right: 16px;
padding-bottom: 16px;
padding-left: 16px;
}
.nameform-Beer .nameform-Card_Wrapper > * {
margin-right: 2%;
}
.nameform-Beer .nameform-Card_Wrapper > * {
width: 49%;
}
.nameform-Beer .nameform-Card_Wrapper > *:nth-child(2n) {
margin-right: 0;
}
.nameform-Beer .nameform-Card_Ex {
margin-top: 1em;
font-size: 12px;
font-size: 1.2rem;
}
.nameform-Beer .nameform-Delivery {
background-color: #fffadc;
overflow: hidden;
}
.nameform-Beer .nameform-Delivery ul {
list-style: none;
}
.nameform-Beer .nameform-Delivery_Wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
width: 80%;
margin-top: 16px;
margin-right: auto;
margin-bottom: 16px;
margin-left: auto;
}
.nameform-Beer .nameform-Delivery_Wrapper > * {
margin-right: 2%;
}
.nameform-Beer .nameform-Delivery_Wrapper > * {
width: 49%;
}
.nameform-Beer .nameform-Delivery_Wrapper > *:nth-child(2n) {
margin-right: 0;
}
.nameform-Beer .nameform-Delivery_Wrapper ul {
border: 1px solid #ccc;
background-color: #fff;
}
.nameform-Beer .nameform-Delivery_Wrapper ul li {
padding-top: 0.5em;
padding-right: 5%;
padding-bottom: 0.5em;
padding-left: 5%;
border-bottom: 1px solid #ccc;
}
.nameform-Beer .nameform-Delivery_Wrapper ul li:first-child {
padding: 0;
}
.nameform-Beer .nameform-Delivery_Wrapper ul li:last-child {
border-bottom: 0;
} .nameform-Fruit { }
.nameform-Fruit .nameform-Label_Title-right {
color: #D93924;
}
.nameform-Fruit .nameform-Label_Title-center {
color: #00005A;
}
.nameform-Fruit .nameform-Label_Title-left {
color: #004000;
}
.nameform-Fruit .nameform-Component_Title span {
color: #5A3278;
}
.nameform-Fruit .nameform-Label_Input-right {
background-image: url(//kanrekiiwai.biz/wp/img/form/label/fruit/image_input-right.png);
}
.nameform-Fruit .nameform-Label_Input-center {
background-image: url(//kanrekiiwai.biz/wp/img/form/label/fruit/image_input-center.png);
}
.nameform-Fruit .nameform-Label_Input-left {
background-image: url(//kanrekiiwai.biz/wp/img/form/label/fruit/image_input-left.png);
}
.nameform-Fruit .nameform-Label_Input-Component {
background-image: url(//kanrekiiwai.biz/wp/img/form/label/fruit/image_input-component.png);
}
.nameform-Fruit .nameform-LabelColor {
background-color: #fafafa;
}
.nameform-Fruit .nameform-LabelColor_Wrap {
position: relative;
width: 640px;
margin: 56px auto 8px auto;
text-align: center;
}
.nameform-Fruit .nameform-LabelColor_Wrap > figure {
position: absolute;
top: -50px;
right: 0;
left: 0;
margin: auto;
z-index: 1;
}
.nameform-Fruit .nameform-LabelColor_Wrap > figure img {
height: 340px;
}
.nameform-Fruit .nameform-LabelColor_Wrap .nameform-LabelColor_Inner {
position: relative;
height: 260px;
margin-bottom: 48px;
}
.nameform-Fruit .nameform-LabelColor_Wrap .nameform-LabelColor_Inner > img {
position: absolute;
top: 0;
bottom: 0;
left: 64px;
margin: auto;
width: auto;
height: 220px;
z-index: 1;
}
.nameform-Fruit .nameform-LabelColor_Wrap #nameform-LabelColor_Result01,
.nameform-Fruit .nameform-LabelColor_Wrap #nameform-LabelColor_Result02 {
width: 100%;
height: 130px;
}
.nameform-Fruit .nameform-LabelColor_Wrap #nameform-LabelColor_Result01 {
position: relative;
text-align: left;
}
.nameform-Fruit .nameform-LabelColor_Wrap #nameform-LabelColor_Result02 {
position: absolute;
top: 130px;
left: 0;
background-color: #FBF8F1;
}
.nameform-Fruit .nameform-LabelColor_Wrap .nameform-LabelColor_SelectResult {
position: relative;
display: inline-block;
margin: 0 auto 8px auto;
padding: 16px 24px 8px 24px;
font-size: 20px;
font-size: 2rem;
font-weight: 700;
letter-spacing: normal;
line-height: 1;
border: 2px solid #333;
background-color: #fff;
}
.nameform-Fruit .nameform-LabelColor_Wrap .nameform-LabelColor_SelectResult > p {
position: absolute;
top: -1.1em;
right: 0;
left: 0;
margin: auto;
display: inline-block;
width: 6em;
font-size: 13px;
font-size: 1.3rem;
text-align: center;
color: #fff;
line-height: 2;
background-color: #000;
border-radius: 9999px;
overflow: hidden;
}
.nameform-Fruit .nameform-LabelColor_Wrap .nameform-LabelColor_SelectResult > p span {
letter-spacing: 0.1em;
margin-right: -0.1em;
}
.nameform-Fruit .nameform-LabelColor_Wrap .nameform-LabelColor_SelectResult > div {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.nameform-Fruit .nameform-LabelColor_Wrap .nameform-LabelColor_SelectResult > div > * {
margin-right: 2%;
}
.nameform-Fruit .nameform-LabelColor_Wrap .nameform-LabelColor_SelectResult > div > * {
margin-right: 0;
}
.nameform-Fruit .nameform-LabelColor_Wrap .nameform-LabelColor_SelectResult > div > p {
width: 2em;
text-align: center;
}
.nameform-Fruit .nameform-LabelColor_Wrap #nameform-LabelColor_Box {
position: relative;
width: 3em;
line-height: 2;
color: #fff;
text-align: center;
}
.nameform-Fruit .nameform-LabelColor_Wrap #nameform-LabelColor_Box .nameform-LabelColor_Block {
display: none;
}
.nameform-Fruit .nameform-LabelColor_Wrap #nameform-LabelColor_Box .nameform-LabelColor_Block.active {
display: block;
}
.nameform-Fruit .nameform-LabelColor_Wrap #nameform-LabelPattern_Box {
position: relative;
text-align: left;
}
.nameform-Fruit .nameform-LabelColor_Wrap #nameform-LabelPattern_Box .nameform-LabelPattern_Block {
display: none;
}
.nameform-Fruit .nameform-LabelColor_Wrap #nameform-LabelPattern_Box .nameform-LabelPattern_Block.active {
display: block;
}
.nameform-Fruit .nameform-LabelColor_Wrap #nameform-LabelPattern_Box .nameform-LabelPattern_Block > * {
margin-right: 0;
}
.nameform-Fruit .nameform-LabelColor_Wrap #nameform-LabelPattern_Box .nameform-LabelPattern_Block > *:first-child {
display: inline-block;
text-align: center;
}
.nameform-Fruit .nameform-LabelColor_Wrap #nameform-LabelPattern_Box .nameform-LabelPattern_Block > *:first-child span {
display: block;
margin-top: 2px;
font-size: 54%;
}
.nameform-Fruit .nameform-LabelColor_Wrap #nameform-LabelPattern_Box .nameform-LabelPattern_Block > *:last-child {
display: inline-block;
margin-top: 5px;
padding: 0 0.8em;
font-size: 12px;
font-size: 1.2rem;
font-weight: 700;
line-height: 2;
border-radius: 9999px;
vertical-align: top;
background-color: #ffe4e1;
}
.nameform-Fruit .nameform-LabelColor_Wrap .nameform-LabelColor_FlexInner {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: left;
-webkit-justify-content: left;
-ms-flex-pack: left;
justify-content: left;
padding-left: 80px;
}
.nameform-Fruit .nameform-LabelColor_Wrap .nameform-LabelColor_FlexInner > * {
margin-right: 2%;
}
.nameform-Fruit .nameform-LabelColor_Wrap #nameform-LabelColor_Chenge01,
.nameform-Fruit .nameform-LabelColor_Wrap #nameform-LabelColor_Chenge02 {
position: relative;
background-color: #fff;
border: 1px solid #eee;
}
.nameform-Fruit .nameform-LabelColor_Wrap #nameform-LabelColor_Chenge01 input,
.nameform-Fruit .nameform-LabelColor_Wrap #nameform-LabelColor_Chenge02 input {
display: block;
width: 20px;
height: 20px;
}
.nameform-Fruit .nameform-LabelColor_Wrap #nameform-LabelColor_Chenge01 label,
.nameform-Fruit .nameform-LabelColor_Wrap #nameform-LabelColor_Chenge02 label {
line-height: 1;
}
.nameform-Fruit .nameform-LabelColor_Wrap #nameform-LabelColor_Chenge01 {
margin-bottom: 8px;
padding: 8px 0;
background-image: url(//kanrekiiwai.biz/wp/img/name/fruit/sim_iro.png);
background-repeat: no-repeat;
background-position: left 16px center;
background-size: 46px;
}
.nameform-Fruit .nameform-LabelColor_Wrap #nameform-LabelColor_Chenge01 input {
margin: 5px auto 0;
}
.nameform-Fruit .nameform-LabelColor_Wrap #nameform-LabelColor_Chenge01 label span {
position: relative;
display: block;
width: 40px;
height: 40px;
}
.nameform-Fruit .nameform-LabelColor_Wrap #nameform-LabelColor_Chenge01 label span span {
position: absolute;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
top: 0;
right: 0;
bottom: 0;
left: 0;
font-size: 13px;
font-size: 1.3rem;
color: #fff;
}
.nameform-Fruit .nameform-LabelColor_Wrap #nameform-LabelColor_Chenge02 {
padding: 8px 0;
font-size: 15px;
font-size: 1.5rem;
font-weight: 700;
background-image: url(//kanrekiiwai.biz/wp/img/name/fruit/sim_gara.png);
background-repeat: no-repeat;
background-position: left 16px center;
background-size: 46px;
}
.nameform-Fruit .nameform-LabelColor_Wrap #nameform-LabelColor_Chenge02 input {
margin: 6px auto 0;
}
.nameform-Fruit .nameform-LabelColor_Wrap #nameform-LabelColor_Chenge02 label {
padding-right: 0.5em;
border-right: 1px solid #111;
}
.nameform-Fruit .nameform-LabelColor_Wrap #nameform-LabelColor_Chenge02 label:first-of-type {
padding-left: 0.5em;
border-left: 1px solid #111;
}
.nameform-Fruit .nameform-LabelColor_Wrap #nameform-LabelColor_Chenge02 .nameform-LabelColor_FlexInner {
-webkit-box-pack: start;
-webkit-justify-content: start;
-ms-flex-pack: start;
justify-content: start;
}
.nameform-Fruit .nameform-LabelColor_Wrap #nameform-LabelColor_Chenge02 .nameform-LabelColor_FlexInner > * {
margin-right: 0.5em;
}
.nameform-Fruit .nameform-LabelColor_Wrap .nameform-LabelColor_Bg-red {
background-color: #c52a15;
}
.nameform-Fruit .nameform-LabelColor_Wrap .nameform-LabelColor_Bg-blue {
background-color: #002869;
}
.nameform-Fruit .nameform-LabelColor_Wrap .nameform-LabelColor_Bg-yellow {
background-color: #F0C300;
}
.nameform-Fruit .nameform-LabelColor_Wrap .nameform-LabelColor_Bg-green {
background-color: #004000;
}
.nameform-Fruit .nameform-LabelColor_Wrap .nameform-LabelColor_Bg-purple {
background-color: #462866;
}
.nameform-Fruit .nameform-LabelColor_Wrap .nameform-LabelColor_Bg-orange {
background-color: #f0871c;
}
.nameform-Fruit .nameform-LabelColor_Wrap .nameform-LabelColor_Bg-pink {
background-color: #eb8287;
}
.nameform-Fruit .nameform-LabelColor_Wrap .nameform-LabelColor_Bg-lightblue {
background-color: #6EBEB4;
}
.nameform-Fruit .nameform-LabelColor_Wrap .nameform-LabelColor_Bg-lightgreen {
background-color: #AABE1E;
}
.nameform-Fruit .nameform-LabelColor_Wrap .nameform-LabelColor_Bg-black {
background-color: #1a1a1a;
}
.nameform-Fruit .nameform-LabelColor_Wrap .nameform-LabelColor-bgshippo {
background-image: url(//kanrekiiwai.biz/wp/img/name/fruit/sim_pattern-shippo.png);
background-size: 37px;
}
.nameform-Fruit .nameform-LabelColor_Wrap .nameform-LabelColor-bgasanoha {
background-image: url(//kanrekiiwai.biz/wp/img/name/fruit/sim_pattern-asanoha.png);
background-size: 56px;
}
.nameform-Fruit .nameform-LabelColor_Wrap .nameform-LabelColor-bgichimatsu {
background-image: url(//kanrekiiwai.biz/wp/img/name/fruit/sim_pattern-ichimatsu.png);
background-size: 52px;
}
.nameform-Fruit .nameform-LabelColor_Wrap .nameform-LabelColor-bguroko {
background-image: url(//kanrekiiwai.biz/wp/img/name/fruit/sim_pattern-uroko.png);
background-size: 30px;
}
.nameform-Fruit .nameform-LabelColor_Wrap .nameform-LabelColor-bgmatsu {
background-image: url(//kanrekiiwai.biz/wp/img/name/fruit/sim_pattern-matsu.png);
background-size: 48px;
}
.nameform-Fruit .nameform-LabelColor_Wrap .nameform-LabelColor-bgnami {
background-image: url(//kanrekiiwai.biz/wp/img/name/fruit/sim_pattern-nami.png);
background-size: 65px;
}
.nameform-Fruit .nameform-LabelColor_Wrap .nameform-LabelColor-bgya {
background-image: url(//kanrekiiwai.biz/wp/img/name/fruit/sim_pattern-ya.png);
background-position: left -36px;
background-size: 38.9px;
}
.nameform-Fruit .nameform-LabelColor_Wrap .nameform-LabelColor-bghishi {
background-image: url(//kanrekiiwai.biz/wp/img/name/fruit/sim_pattern-hishi.png);
background-size: 65px;
}
.nameform-Fruit .nameform-LabelColor_Wrap .nameform-LabelColor-bgsaaya {
background-image: url(//kanrekiiwai.biz/wp/img/name/fruit/sim_pattern-saya.png);
background-size: 150px;
}
.nameform-Fruit .nameform-LabelColor_Wrap .nameform-LabelColor-bgtachiwaku {
background-image: url(//kanrekiiwai.biz/wp/img/name/fruit/sim_pattern-tachiwaku.png);
background-size: 30px;
} .remodal-fruit {
background-color: #eee !important;
} .nameform-Fruit_LabelSample ul {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
margin: 0 auto;
list-style: none;
}
.nameform-Fruit_LabelSample ul > * {
margin-right: 2%;
}
.nameform-Fruit_LabelSample ul > * {
width: 32%;
}
.nameform-Fruit_LabelSample ul > *:nth-child(3n) {
margin-right: 0;
}
.nameform-Fruit_LabelSample ul li {
position: relative;
margin-bottom: 16px;
}
.nameform-Fruit_LabelSample ul li > * { }
.nameform-Fruit_LabelSample ul li > *:first-child {
position: absolute;
top: -0.7em;
left: 0.5em;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
width: 5em;
height: 5em;
background-color: #000;
color: #fff;
text-align: center;
line-height: 1;
border-radius: 50%;
}
.nameform-Fruit_LabelSample ul li > *:first-child:before {
content: "";
position: absolute;
bottom: -1.3em;
left: 50%;
margin-left: -0.8em;
border: 0.8em solid transparent;
border-top: 0.8em solid #000;
z-index: 0;
}
.nameform-Fruit_LabelSample ul li > *:first-child > span {
font-size: 32px;
font-size: 3.2rem;
}
.nameform-Fruit_LabelSample ul li > *:first-child > span > span {
display: block;
font-size: 12px;
font-size: 1.2rem;
line-height: 1;
}
.nameform-Fruit_LabelSample ul li > div {
margin: 8px auto 0 auto;
border: 1px solid #eee;
}
.nameform-Fruit_LabelSample ul li > div > * { }
.nameform-Fruit_LabelSample ul li > div > *:first-child {
padding: 0.3em 0;
font-size: 16px;
font-size: 1.6rem;
font-weight: 700;
text-align: center;
background-color: #eee;
}
.nameform-Fruit_LabelSample ul li > div > *:nth-child(2) {
padding: 0.5em 1em;
text-align: left;
} .nameform-Meimei {    }
.nameform-Meimei.nameform-Meimei01 .nameform-Label_Meimei .nameform-Label_Input-one {
background-image: url(//kanrekiiwai.biz/wp/img/form/label/beer/meimei/01/image_input01.png);
}
.nameform-Meimei.nameform-Meimei01 .nameform-Label_Meimei .nameform-Label_Input-two {
background-image: url(//kanrekiiwai.biz/wp/img/form/label/beer/meimei/01/image_input02.png);
}
.nameform-Meimei.nameform-Meimei01 .nameform-Label_Meimei .nameform-Label_Input-three {
background-image: url(//kanrekiiwai.biz/wp/img/form/label/beer/meimei/01/image_input03.png);
}
.nameform-Meimei.nameform-Meimei01 .nameform-Label_Meimei .nameform-Label_Title-one {
color: #cf2c26;
}
.nameform-Meimei.nameform-Meimei01 .nameform-Label_Meimei .nameform-Label_Title-two {
color: #00aabe;
}
.nameform-Meimei.nameform-Meimei01 .nameform-Label_Meimei .nameform-Label_Title-three {
color: #ffb428;
}
.nameform-Meimei.nameform-Meimei01 .nameform-Label_Radio input[type=radio][value=ラベルカラー1種類目：ネイビー] + label::after,
.nameform-Meimei.nameform-Meimei01 .nameform-Label_Radio input[type=radio][value=ラベルカラー2種類目：ネイビー] + label::after {
background-color: #121a50;
}
.nameform-Meimei.nameform-Meimei01 .nameform-Label_Radio input[type=radio][value=ラベルカラー1種類目：レッド] + label::after,
.nameform-Meimei.nameform-Meimei01 .nameform-Label_Radio input[type=radio][value=ラベルカラー2種類目：レッド] + label::after {
background-color: #c71d33;
}
.nameform-Meimei.nameform-Meimei01 .nameform-Label_Radio input[type=radio][value=ラベルカラー1種類目：イエロー] + label::after,
.nameform-Meimei.nameform-Meimei01 .nameform-Label_Radio input[type=radio][value=ラベルカラー2種類目：イエロー] + label::after {
background-color: #eee36c;
}
.nameform-Meimei.nameform-Meimei01 .nameform-Label_Radio input[type=radio][value=ラベルカラー1種類目：グリーン] + label::after,
.nameform-Meimei.nameform-Meimei01 .nameform-Label_Radio input[type=radio][value=ラベルカラー2種類目：グリーン] + label::after {
background-color: #1f8a4a;
}
.nameform-Meimei.nameform-Meimei01 .nameform-Label_Radio input[type=radio][value=ラベルカラー1種類目：パープル] + label::after,
.nameform-Meimei.nameform-Meimei01 .nameform-Label_Radio input[type=radio][value=ラベルカラー2種類目：パープル] + label::after {
background-color: #460a5a;
}
.nameform-Meimei.nameform-Meimei01 .nameform-Label_Radio input[type=radio][value=ラベルカラー1種類目：ライトブルー] + label::after,
.nameform-Meimei.nameform-Meimei01 .nameform-Label_Radio input[type=radio][value=ラベルカラー2種類目：ライトブルー] + label::after {
background-color: #40a6c5;
}
.nameform-Meimei.nameform-Meimei01 .nameform-Label_Radio input[type=radio][value=ラベルカラー1種類目：ピンク] + label::after,
.nameform-Meimei.nameform-Meimei01 .nameform-Label_Radio input[type=radio][value=ラベルカラー2種類目：ピンク] + label::after {
background-color: #f05a64;
}
.nameform-Meimei.nameform-Meimei01 .nameform-Label_Radio input[type=radio][value=ラベルカラー1種類目：ライトグリーン] + label::after,
.nameform-Meimei.nameform-Meimei01 .nameform-Label_Radio input[type=radio][value=ラベルカラー2種類目：ライトグリーン] + label::after {
background-color: #9bc300;
}
.nameform-Meimei.nameform-Meimei01 .nameform-Label_Radio input[type=radio][value=ラベルカラー1種類目：ブラック] + label::after,
.nameform-Meimei.nameform-Meimei01 .nameform-Label_Radio input[type=radio][value=ラベルカラー2種類目：ブラック] + label::after {
background-color: #221f20;
}
.nameform-Meimei.nameform-Meimei01 .nameform-Label_Radio input[type=radio][value=ラベルカラー1種類目：ホワイト] + label::after,
.nameform-Meimei.nameform-Meimei01 .nameform-Label_Radio input[type=radio][value=ラベルカラー2種類目：ホワイト] + label::after {
background-color: #ebe3c2;
}
.nameform-Meimei.nameform-Meimei02 .nameform-Label_Meimei .nameform-Label_Input-one {
background-image: url(//kanrekiiwai.biz/wp/img/form/label/beer/meimei/02/image_input01.png);
}
.nameform-Meimei.nameform-Meimei02 .nameform-Label_Meimei .nameform-Label_Input-two {
background-image: url(//kanrekiiwai.biz/wp/img/form/label/beer/meimei/02/image_input02.png);
}
.nameform-Meimei.nameform-Meimei02 .nameform-Label_Meimei .nameform-Label_Input-three {
background-image: url(//kanrekiiwai.biz/wp/img/form/label/beer/meimei/02/image_input03.png);
}
.nameform-Meimei.nameform-Meimei02 .nameform-Label_Meimei .nameform-Label_Title-one {
color: #c81e00;
}
.nameform-Meimei.nameform-Meimei02 .nameform-Label_Meimei .nameform-Label_Title-two {
color: #0f825a;
}
.nameform-Meimei.nameform-Meimei02 .nameform-Label_Meimei .nameform-Label_Title-three {
color: #1a2942;
}
.nameform-Meimei.nameform-Meimei02 .nameform-Label_Radio input[type=radio][value=ラベルカラー1種類目：紺] + label::after,
.nameform-Meimei.nameform-Meimei02 .nameform-Label_Radio input[type=radio][value=ラベルカラー2種類目：紺] + label::after {
background-color: #1a2942;
}
.nameform-Meimei.nameform-Meimei02 .nameform-Label_Radio input[type=radio][value=ラベルカラー1種類目：赤] + label::after,
.nameform-Meimei.nameform-Meimei02 .nameform-Label_Radio input[type=radio][value=ラベルカラー2種類目：赤] + label::after {
background-color: #d6362e;
}
.nameform-Meimei.nameform-Meimei02 .nameform-Label_Radio input[type=radio][value=ラベルカラー1種類目：黄] + label::after,
.nameform-Meimei.nameform-Meimei02 .nameform-Label_Radio input[type=radio][value=ラベルカラー2種類目：黄] + label::after {
background-color: #d19600;
}
.nameform-Meimei.nameform-Meimei02 .nameform-Label_Radio input[type=radio][value=ラベルカラー1種類目：緑] + label::after,
.nameform-Meimei.nameform-Meimei02 .nameform-Label_Radio input[type=radio][value=ラベルカラー2種類目：緑] + label::after {
background-color: #04442a;
}
.nameform-Meimei.nameform-Meimei02 .nameform-Label_Radio input[type=radio][value=ラベルカラー1種類目：紫] + label::after,
.nameform-Meimei.nameform-Meimei02 .nameform-Label_Radio input[type=radio][value=ラベルカラー2種類目：紫] + label::after {
background-color: #5e457b;
}
.nameform-Meimei.nameform-Meimei02 .nameform-Label_Radio input[type=radio][value=ラベルカラー1種類目：水色] + label::after,
.nameform-Meimei.nameform-Meimei02 .nameform-Label_Radio input[type=radio][value=ラベルカラー2種類目：水色] + label::after {
background-color: #51bbb3;
}
.nameform-Meimei.nameform-Meimei02 .nameform-Label_Radio input[type=radio][value=ラベルカラー1種類目：桃色] + label::after,
.nameform-Meimei.nameform-Meimei02 .nameform-Label_Radio input[type=radio][value=ラベルカラー2種類目：桃色] + label::after {
background-color: #eb6d65;
}
.nameform-Meimei.nameform-Meimei02 .nameform-Label_Radio input[type=radio][value=ラベルカラー1種類目：黄緑] + label::after,
.nameform-Meimei.nameform-Meimei02 .nameform-Label_Radio input[type=radio][value=ラベルカラー2種類目：黄緑] + label::after {
background-color: #8fb721;
}
.nameform-Meimei.nameform-Meimei02 .nameform-Label_Radio input[type=radio][value=ラベルカラー1種類目：黒] + label::after,
.nameform-Meimei.nameform-Meimei02 .nameform-Label_Radio input[type=radio][value=ラベルカラー2種類目：黒] + label::after {
background-color: #231815;
}
.nameform-Meimei.nameform-Meimei02 .nameform-Label_Radio input[type=radio][value=ラベルカラー1種類目：白] + label::after,
.nameform-Meimei.nameform-Meimei02 .nameform-Label_Radio input[type=radio][value=ラベルカラー2種類目：白] + label::after {
background-color: #eee3c8;
}
.nameform-Meimei .nameform-Label_Meimei { }
.nameform-Meimei .nameform-Label_Meimei .nameform-Label_Input-one,
.nameform-Meimei .nameform-Label_Meimei .nameform-Label_Input-two {
background-size: 50px auto;
background-position: left 15px center;
}
.nameform-Meimei .nameform-Label_Meimei .nameform-Label_Input-three {
background-size: 50px auto;
background-position: left 15px top 8px;
}
.nameform-Meimei .nameform-Label_Meimei .nameform-Label_Wrap {
padding: 24px 56px;
background-color: #fff;
border: 1px solid #eee;
border-radius: 3px;
}
.nameform-Meimei .nameform-Label_Meimei .nameform-Label_Wrap > *:first-child {
margin-bottom: 1em;
padding-bottom: 0.3em;
border-bottom: 1px solid #ccc;
color: #d83619;
font-weight: 700;
}
.nameform-Meimei .nameform-Label_Meimei .nameform-Label_Radio {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
margin-bottom: 16px;
}
.nameform-Meimei .nameform-Label_Meimei .nameform-Label_Radio > * {
margin-right: 2%;
}
.nameform-Meimei .nameform-Label_Meimei .nameform-Label_Radio > * {
width: 49%;
}
.nameform-Meimei .nameform-Label_Meimei .nameform-Label_Radio > *:nth-child(2n) {
margin-right: 0;
}
.nameform-Meimei .nameform-Label_Meimei #nameform-meimei01-msg01 {
margin-bottom: 16px;
}
.nameform-Meimei .nameform-Label_Meimei #nameform-meimei01-msgBox {
text-align: center;
}
.nameform-Meimei .nameform-Label_Meimei #nameform-meimei01-msgBox img {
width: 80%;
}
.nameform-Meimei .nameform-Label_Meimei .nameform-Label_Request > *:first-child {
margin-bottom: 8px;
font-weight: 700;
}
.nameform-Meimei .nameform-Label_Meimei .nameform-Label_Request > div {
margin-top: 0.5em;
padding: 1em 2em;
background-color: rgba(255, 255, 255, 0.9);
border-radius: 3px;
}
.nameform-Meimei .nameform-Label_Meimei .nameform-Label_Request > div > * {
margin-bottom: 1em;
}
.nameform-Meimei .nameform-Label_Meimei .nameform-Label_Request > div > *:last-child {
margin-bottom: 0;
}
.nameform-Meimei .nameform-LabelColor {
padding-bottom: 8px;
background-color: #fffadc; }
.nameform-Meimei .nameform-LabelColor .nameform-Title {
margin-bottom: 16px;
}
.nameform-Meimei .nameform-LabelColor .nameform-LabelColor_Wrap {
width: 98%;
margin: 0 auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.nameform-Meimei .nameform-LabelColor .nameform-LabelColor_Wrap > * {
margin-right: 2%;
}
.nameform-Meimei .nameform-LabelColor .nameform-LabelColor_Wrap > * {
width: 49%;
}
.nameform-Meimei .nameform-LabelColor .nameform-LabelColor_Wrap > *:nth-child(2n) {
margin-right: 0;
}
.nameform-Meimei .nameform-LabelColor .nameform-LabelColor_Box {
padding: 16px;
padding-bottom: calc(16px - 1em);
background-color: #fff;
border: 1px solid #eee;
}
.nameform-Meimei .nameform-LabelColor .nameform-LabelColor_Box > p:nth-of-type(1) {
margin-bottom: 8px;
background-color: #eee;
text-align: center;
line-height: 2.4;
font-size: 16px;
font-size: 1.6rem;
}
.nameform-Meimei .nameform-LabelColor .nameform-LabelColor_Box > p:nth-of-type(1) span {
font-size: 20px;
font-size: 2rem;
font-weight: 700;
}
.nameform-Meimei .nameform-LabelColor .nameform-LabelColor_Box > p:nth-of-type(2) {
margin-bottom: 8px;
font-size: 12px;
font-size: 1.2rem;
text-align: center;
}
.nameform-Meimei .nameform-LabelColor #nameform-meimei01-colorimg01 .nameform-LabelColor_ImgBox01 {
display: none;
}
.nameform-Meimei .nameform-LabelColor #nameform-meimei01-colorimg01 .nameform-LabelColor_ImgBox01.active {
display: block;
}
.nameform-Meimei .nameform-LabelColor #nameform-meimei01-colorimg02 .nameform-LabelColor_ImgBox02 {
display: none;
}
.nameform-Meimei .nameform-LabelColor #nameform-meimei01-colorimg02 .nameform-LabelColor_ImgBox02.active {
display: block;
}
.nameform-Meimei .nameform-LabelColor .nameform-Label_Radio {
margin-top: 16px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
background-color: #fff;
}
.nameform-Meimei .nameform-LabelColor .nameform-Label_Radio > * {
margin-right: 2%;
}
.nameform-Meimei .nameform-LabelColor .nameform-Label_Radio > * {
width: 32%;
}
.nameform-Meimei .nameform-LabelColor .nameform-Label_Radio > *:nth-child(3n) {
margin-right: 0;
}
.nameform-Meimei .nameform-LabelColor .nameform-Label_Radio label {
margin-bottom: 1em;
font-size: 13px;
font-size: 1.3rem;
}
.nameform-Meimei .nameform-LabelColor .nameform-Label_Radio input[type=radio] + label::after {
content: "";
display: block;
margin: 0 auto;
background-size: contain;
margin-top: 0.5em;
width: 100%;
height: 30px;
}
.nameform-Meimei .nameform-NewsPaper {
background-color: #fffadc;
}
.nameform-Meimei .nameform-NewsPaper .nameform-NewsPaper_Wrap {
width: 96%;
margin: 0 auto;
padding: 24px 56px;
}
.nameform-Meimei .nameform-NewsPaper .nameform-NewsPaper_Wrap > *:first-child {
margin-bottom: 1em;
padding-bottom: 0.3em;
border-bottom: 1px solid #ccc;
font-weight: 700;
}
.nameform-Meimei .nameform-NewsPaper .nameform-NewsPaper_Radio {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
margin-bottom: 16px;
}
.nameform-Meimei .nameform-NewsPaper .nameform-NewsPaper_Radio > * {
margin-right: 2%;
}
.nameform-Meimei .nameform-NewsPaper .nameform-NewsPaper_Radio > * {
width: 49%;
}
.nameform-Meimei .nameform-NewsPaper .nameform-NewsPaper_Radio > *:nth-child(2n) {
margin-right: 0;
}
.nameform-Meimei .nameform-NewsPaper .nameform-NewsPaper_Box {
margin-top: 16px;
}
.nameform-Meimei .nameform-NewsPaper .nameform-NewsPaper_Box label {
display: block;
margin-bottom: 8px;
}
.nameform-Meimei .nameform-NewsPaper .nameform-NewsPaper_Box > div {
margin-top: 0.5em;
padding: 1em 2em;
background-color: rgba(255, 255, 255, 0.9);
border-radius: 3px;
}
.nameform-Meimei .nameform-NewsPaper .nameform-NewsPaper_Box > div p {
margin-bottom: 0.5em;
font-weight: 700;
}
.nameform-Meimei .nameform-NewsPaper .nameform-NewsPaper_Box > div ul {
margin-top: 16px;
margin-left: 1em;
padding-top: 16px;
border-top: 1px solid #ccc;
font-size: 13px;
font-size: 1.3rem;
}
.nameform-Meimei .nameform-NewsPaper .nameform-NewsPaper_Box > div ul li {
margin-bottom: 0.5em;
}
.nameform-Meimei .nameform-NewsPaper .nameform-NewsPaper_Box > div ul a {
color: #1380D9;
text-decoration: underline;
}
.nameform-Meimei .nameform-NewsPaper .nameform-NewsPaper_Box > div ul a:hover {
text-decoration: none;
}
.nameform-Meimei .nameform-RemarksColumn_Wrapper > div {
margin-top: 0.5em;
padding: 1em 2em;
background-color: rgba(255, 255, 255, 0.9);
border-radius: 3px;
}
.nameform-Meimei .nameform-RemarksColumn_Wrapper > div ul {
margin-left: 1em;
}
.nameform-Meimei .nameform-RemarksColumn_Wrapper > div ul > * {
margin-bottom: 0.5em;
}
.nameform-Meimei .nameform-RemarksColumn_Wrapper > div ul > *:last-child {
margin-bottom: 0;
}
.nameform-Meimei .nameform-RemarksColumn_Wrapper > div ul a {
color: #1380D9;
text-decoration: underline;
}
.nameform-Meimei .nameform-RemarksColumn_Wrapper > div ul a:hover {
text-decoration: none;
} .nameform-Meimei_LabelSample ul {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
list-style: none;
}
.nameform-Meimei_LabelSample ul > * {
margin-right: 2%;
}
.nameform-Meimei_LabelSample ul > * {
width: 32%;
}
.nameform-Meimei_LabelSample ul > *:nth-child(3n) {
margin-right: 0;
}
.nameform-Meimei_LabelSample ul li {
margin-bottom: 1em;
}
.nameform-Meimei_LabelSample ul li > p:first-child {
display: inline-block;
margin-right: auto;
margin-bottom: 10px;
margin-left: auto;
padding: 0 2em;
border-radius: 9999px;
font-size: 13px;
font-size: 1.3rem;
text-align: center;
line-height: 2.4;
background-color: #221f20;
color: #fff;
}
.nameform-Meimei_LabelSample ul li > p:nth-child(3) {
margin-top: 8px;
margin-right: auto;
margin-bottom: 16px;
margin-left: auto;
font-size: 16px;
font-size: 1.6rem;
font-weight: 700;
letter-spacing: 0.05em;
line-height: 2;
text-align: center;
background-color: rgb(245, 245, 245);
}
.nameform-Meimei_LabelSample ul li > p:nth-child(4) {
text-align: left;
}
.nameform-Meimei_LabelSample ul li > div {
margin: 10px auto 0 auto;
border: 1px solid #eee;
text-align: left;
}
.nameform-Meimei_LabelSample ul li > div > *:first-child {
font-size: 15px;
font-size: 1.5rem;
font-weight: 700;
text-align: center;
line-height: 2.8;
background-color: #eee;
}
.nameform-Meimei_LabelSample ul li > div > *:nth-child(2) {
padding: 1em;
}
.nameform-Meimei_LabelSample ul li > div > *:nth-child(2) span {
display: block;
margin-bottom: 1em;
padding-bottom: 1em;
font-size: 12px;
font-size: 1.2rem;
text-align: center;
border-bottom: 1px dashed;
white-space: nowrap;
}   .page-Header {
margin-bottom: 24px;
text-align: right;
}
.page-Header time {
font-size: 10px;
font-size: 1rem;
}
.page-Header_Title {
font-size: 14px;
font-size: 1.4rem;
}
.page-Title {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-bottom: 40px;
padding: 24px;
font-size: 20px;
font-size: 2rem;
font-weight: normal;
letter-spacing: 0.1em;
background-color: #f6f4f0;
}
.page-Title:before {
content: "";
margin-right: 1em;
border-left: 2px solid #c8300d;
}
.page-Information {
width: 90%;
margin-right: auto;
margin-left: auto;
font-size: 15px;
font-size: 1.5rem;
line-height: 1.8;
}
.page-Information section > section {
margin-bottom: 80px;
}
.page-Information a {
color: #1380D9;
}
.page-Information h1 {
margin-top: 40px;
margin-bottom: 40px;
font-size: 24px;
font-size: 2.4rem;
font-weight: inherit;
}
.page-Information h2 {
margin-bottom: 1.5em;
padding-top: 0.8em;
padding-bottom: 0.8em;
border-top: 1px solid #333;
border-bottom: 1px solid #333;
font-size: 18px;
font-size: 1.8rem;
font-weight: inherit;
}
.page-Information p {
margin-right: auto;
margin-bottom: 1.5em;
margin-left: auto;
}
.page-Information ul {
margin-top: 40px;
margin-left: 1em;
margin-bottom: 40px;
list-style: square;
}
.page-Information ul li {
margin-bottom: 1em;
}   .pr-AboutKanreki h3 {
font-size: 18px;
font-size: 1.8rem;
}  .pr-ChojuCategory .pr-ChojuCategory_ThemeColor dl dt {
font-weight: 600;
}
.pr-ChojuCategory .pr-ChojuCategory_ThemeColor dl dt:before {
content: "■";
}
.pr-ChojuCategory .pr-ChojuCategory_ThemeColor dl .color-purple:before {
color: #800080;
}
.pr-ChojuCategory .pr-ChojuCategory_ThemeColor dl .color-yellow:before {
color: #b09407;
}
.pr-ChojuCategory .pr-ChojuCategory_ThemeColor dl .color-pink:before {
color: #ff99cc;
}
.pr-ChojuCategory .pr-ChojuCategory_ThemeColor dl dd {
margin-bottom: 2em;
}
.pr-Choju_Colorlist h4 {
margin-top: 0 !important;
margin-bottom: 0.5em !important;
padding: 0 !important;
background-color: #fff !important;
border: 0 !important;
}
.pr-Choju_Colorlist .pr-Choju_Colorlist-red {
color: #fff;
background-color: #c8300d;
}
.pr-Choju_Colorlist .pr-Choju_Colorlist-purple {
color: #fff;
background-color: #54256a;
}
.pr-Choju_Colorlist .pr-Choju_Colorlist-yellow {
color: #fff;
background-color: #ddc125;
}
.pr-Choju_Colorlist .pr-Choju_Colorlist-white {
border: 1px solid #ccc;
}
.pr-Choju_Colorlist .pr-Choju_Colorlist-pink {
color: #fff;
background-color: #e07daa;
}
.pr-Choju_Colorlist dd {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 24px;
padding-bottom: 24px;
border-bottom: 1px dotted #ccc;
}
.pr-Choju_Colorlist dd > * {
margin-right: 2%;
}
.pr-Choju_Colorlist dd h5 {
width: 4em;
margin-top: 0;
margin-right: 1em;
margin-bottom: 0;
margin-left: 0;
padding: 0 !important;
border: 0;
line-height: 4em;
text-align: center;
border-radius: 3px;
}
.pr-Choju_Colorlist dd h5:before {
display: none;
}
.pr-Choju_Colorlist dd p {
width: calc(100% - 6em);
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
}
.pr-Choju_Type {
margin-top: 40px;
}
.pr-Choju_Type dt {
font-weight: 700;
}
.pr-Choju_Type dd {
margin-bottom: 2em;
padding-left: 1em;
}  .pr-KanrekiMessage .pr-KanrekiMessage_Sample h3,
.pr-KanrekiMessage .pr-KanrekiMessage_Sample p {
text-align: center;
}
.pr-KanrekiMessage .pr-KanrekiMessage_Sample h3 {
margin-bottom: 12px;
}
.pr-KanrekiMessage .pr-KanrekiMessage_Sample p {
margin-top: 0;
}
.pr-KanrekiMessage .pr-KanrekiMessage_Recommended h2 {
background: none;
border-bottom: 1px solid #a9a9a9;
border-top: 1px solid #a9a9a9;
border-left: none;
font-size: 20px;
font-size: 2rem;
padding: 15px 0;
text-align: center;
}
.pr-KanrekiMessage .pr-KanrekiMessage_Recommended .color-father {
color: #005082;
}
.pr-KanrekiMessage .pr-KanrekiMessage_Recommended .color-mother {
color: #ff464b;
}
.pr-KanrekiMessage .pr-KanrekiMessage_Recommended .color-inLaw {
color: #ff6832;
}
.pr-KanrekiMessage .pr-KanrekiMessage_Recommended .color-boss {
color: #006832;
}
.pr-KanrekiMessage .pr-KanrekiMessage_RecommendedItem > dt {
text-align: center;
}
.pr-KanrekiMessage .pr-KanrekiMessage_RecommendedItem > dd h3,
.pr-KanrekiMessage .pr-KanrekiMessage_RecommendedItem > dd p {
margin: 0;
}
.pr-KanrekiMessage .pr-KanrekiMessage_RecommendedItem > dd h3 {
margin-bottom: 10px;
}
.pr-KanrekiMessage .pr-KanrekiMessage_RecommendedItem .pr-KanrekiMessage_RiDescription {
background: #fffad2;
padding: 20px;
}
.pr-KanrekiMessage .pr-KanrekiMessage_RecommendedItem .pr-KanrekiMessage_RiDescription h3 {
color: #333;
font-size: 18px;
font-size: 1.8rem;
line-height: 1.5;
}
.pr-KanrekiMessage .pr-KanrekiMessage_RecommendedItem .pr-KanrekiMessage_RiButton {
background-color: #c8300d;
border: none;
color: #fff;
display: block;
font-size: 15px;
font-size: 1.5rem;
letter-spacing: 0.1em;
margin: 1rem 0;
text-align: center;
text-decoration: none;
}
.pr-KanrekiMessage .pr-KanrekiMessage_RecommendedItem .pr-KanrekiMessage_RiButton:hover {
background-color: #333;
color: #fff;
}  .pr-Mizuhiki .pr-Mizuhiki_Deco > ul {
list-style: none;
padding-left: 0;
}
.pr-Mizuhiki .pr-Mizuhiki_Deco > ul > li {
background-repeat: no-repeat;
background-position: left center;
background-size: 128px 128px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin: 20px 0;
min-height: 128px;
padding-left: 152px;
}
.pr-Mizuhiki .pr-Mizuhiki_Deco > ul > li dl {
margin: 0;
}
.pr-Mizuhiki .pr-Mizuhiki_Deco > ul > li dt {
float: left;
font-weight: 700;
width: 4em;
}
.pr-Mizuhiki .pr-Mizuhiki_Deco > ul .pr-Mizuhiki_DecoMatsu {
background-image: url(//kanrekiiwai.biz/wp/img/pagereading/manners/mizuhiki/pr_mizuhiki_07.png);
}
.pr-Mizuhiki .pr-Mizuhiki_Deco > ul .pr-Mizuhiki_DecoTake {
background-image: url(//kanrekiiwai.biz/wp/img/pagereading/manners/mizuhiki/pr_mizuhiki_08.png);
}
.pr-Mizuhiki .pr-Mizuhiki_Deco > ul .pr-Mizuhiki_DecoUme {
background-image: url(//kanrekiiwai.biz/wp/img/pagereading/manners/mizuhiki/pr_mizuhiki_09.png);
}
.pr-Mizuhiki .pr-Mizuhiki_Deco > ul .pr-Mizuhiki_DecoTsuru {
background-image: url(//kanrekiiwai.biz/wp/img/pagereading/manners/mizuhiki/pr_mizuhiki_10.png);
}  .pr-Noshi .pr-Noshi_Example {
text-align: center;
}
.pr-Noshi .pr-Noshi_Example > * {
text-align: center;
}
.pr-Noshi .pr-Noshi_Example > img {
border: 1px solid #ccc;
}
.pr-Noshi .pr-Noshi_Example > h3,
.pr-Noshi .pr-Noshi_Example > h4 {
line-height: 1.5;
margin: 30px 0 15px;
}
.pr-Noshi .pr-Noshi_Example > h3 {
color: #333;
font-size: 16px;
font-size: 1.6rem;
font-weight: 700;
}
.pr-Noshi .pr-Noshi_DownloadButton {
margin: 40px auto 0;
width: 80%;
}
.pr-Noshi .pr-Noshi_DownloadButton > a {
background-color: #333;
border: 1px solid #333;
color: #fff;
display: block;
text-decoration: none;
}
.pr-Noshi .pr-Noshi_DownloadButton > a:hover {
background-color: #fff;
color: #333;
text-decoration: none;
}  .pr-OriginalNoshi .pr-OriginalNoshi_section > h2 + img {
border: 1px solid #ccc;
}
.pr-OriginalNoshi .pr-OriginalNoshi_section .small {
font-size: 0.85em;
margin: 1em 0;
}
.pr-OriginalNoshi .pr-OriginalNoshi_section .sw-Button {
background-color: #333;
border: 1px solid #333;
color: #fff;
margin: 0 auto;
text-decoration: none;
}
.pr-OriginalNoshi .pr-OriginalNoshi_section .sw-Button:hover {
background-color: #fff;
color: #333;
text-decoration: none;
}
.pr-OriginalNoshi .pr-OriginalNoshi_Terms {
margin-top: 3em;
}
.pr-OriginalNoshi .pr-OriginalNoshi_Terms h2 {
background: none;
border-bottom: 1px solid #ccc;
border-left: none;
font-size: 16px;
font-size: 1.6rem;
margin: 0 0 0.75em;
padding: 0 0 0.5em;
}
.pr-OriginalNoshi .pr-OriginalNoshi_Terms ul {
font-size: 14px;
font-size: 1.4rem;
padding-left: 2em;
}    .pr-Container {
width: 680px !important;
}
.pr-Container figure {
text-align: center;
}
.pr-Container .menu-Container ul, .pr-Container .menu-Container ol {
padding-left: 0;
list-style: none;
}
.pr-Content {
margin-bottom: 120px;
}
.pr-Content:last-of-type {
margin-bottom: 0;
}
.pr-Point {
position: relative;
border-top: 24px solid transparent;
}
.pr-Point img {
position: absolute;
bottom: 0;
left: 16px;
width: 110px;
}
.pr-Point h3 {
margin-top: 0 !important;
margin-right: 0;
margin-bottom: 0 !important;
margin-left: 0;
padding-right: 1em;
padding-left: 140px;
font-size: 18px;
font-size: 1.8rem;
color: #333 !important;
}
.pr-Point_Text {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
min-height: 135px;
background-color: #fdf1f0;
border-radius: 10px;
}
.pr-Review > * {
margin-bottom: 32px !important;
}
.pr-Review > *:last-child {
margin-bottom: 0;
}
.pr-Review_Item {
padding-top: 2em;
padding-right: 3em;
padding-bottom: 2em;
padding-left: 3em;
border: solid 1px #ccc; outline: solid 1px #ccc; outline-offset: 5px; margin: 6px;
background-color: rgb(255, 252, 248);
}
.pr-Review_Item p {
margin: 0 !important;
}
.pr-Review_Date {
font-size: 13px;
font-size: 1.3rem;
margin-bottom: 2em;
padding-bottom: 1em;
border-bottom: 1px solid #eee;
}
.pr-Review_Date > * {
padding-left: 70px;
}
.pr-Review_Date p {
margin: 0;
padding: 0;
}
.pr-Review_Star {
font-size: 16px;
font-size: 1.6rem;
color: #ffc107;
}
.pr-Review_Star span {
display: inline-block;
margin-left: 0.5em;
color: #e45051;
}
.pr-Review_M {
background-image: url(//kanrekiiwai.biz/wp/img//pagereading/dinner/image_review-men.png);
background-repeat: no-repeat;
background-size: contain;
background-position: left top;
}
.pr-Review_F {
background-image: url(//kanrekiiwai.biz/wp/img//pagereading/dinner/image_review-female.png);
background-repeat: no-repeat;
background-size: contain;
background-position: left top;
}
.pr-Summary {
margin-bottom: 40px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.pr-Summary > * {
margin-right: 2%;
}
.pr-Summary > * {
width: 49%;
}
.pr-Summary > *:nth-child(2n) {
margin-right: 0;
}
.pr-Summary_Wrap {
-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
overflow: hidden;
}
.pr-Summary_Wrap ul {
width: 90%;
margin-right: auto;
margin-left: auto;
}
.pr-Summary_Advantage .pr-Summary_Title {
background-color: #f35b5b;
}
.pr-Summary_Disadvantage .pr-Summary_Title {
background-color: #1d96be;
}
.pr-Summary_Title {
font-size: 15px;
font-size: 1.5rem;
padding: 4px;
text-align: center;
font-weight: bold;
letter-spacing: 0.05em;
color: #FFF;
}
.pr-Main {
font-size: 16px;
font-size: 1.6rem;
line-height: 1.875;
margin-bottom: 3em;  }
.pr-Main a {
color: #4285f4;
text-decoration: underline;
}
.pr-Main a:hover {
text-decoration: none;
color: #c8300d;
}
.pr-Main p, .pr-Main ol, .pr-Main ul, .pr-Main dl, .pr-Main figure {
margin-bottom: 1.75em;
margin-top: 1.75em;
}
.pr-Main ul {
padding-left: 1.5em;
}
.pr-Main h3 + p, .pr-Main h3 + ol, .pr-Main h3 + ul, .pr-Main h3 + dl, .pr-Main h4 + p, .pr-Main h4 + ol, .pr-Main h4 + ul, .pr-Main h4 + dl {
margin-top: 0;
}
.pr-Main header {
border-bottom: 1px solid #e1e1e1;
margin: 0 0 32px 0;
padding: 0 0 16px 0;
}
.pr-Main h1 {
font-size: 26px;
font-size: 2.6rem;
font-weight: 700;
line-height: 1.5;
}
.pr-Main h1 a, .pr-Main h1 a:hover {
color: #333;
text-decoration: none;
}
.pr-Main h2 { font-size: 22px;
font-size: 2.2rem;
margin-bottom: 16px;
padding: 0.75em 20px;
border-bottom: 2px solid #d8d6d0;
border-left: 6px solid #c8300d;
background-color: #f8f6f0;
}
.pr-Main h3 {
color: #c8300d;
font-size: 20px;
font-size: 2rem;
font-weight: 700;
line-height: 1.75;
margin-top: 60px;
margin-right: 20px;
margin-bottom: 60px;
margin-left: 20px;
}
.pr-Main h4 { margin-top: 60px;
margin-bottom: 1.75em;
padding-top: 13px;
padding-right: 20px;
padding-bottom: 12px;
padding-left: 20px;
border-left: 6px solid #a49d49;
font-size: 18px;
font-size: 1.8rem;
font-weight: 700;
background-color: #f8f6f0;
}
.pr-Main h5 {
position: relative;
margin-top: 3em;
margin-bottom: 2em;
padding-left: 20px;
font-size: 18px;
font-size: 1.8rem;
font-weight: 700;
}
.pr-Main h5:before {
position: absolute;
top: 2px;
left: 0;
display: block;
content: "";
width: 4px;
height: 1.8em;
background-color: #c8300d;
border-radius: 3px;
}
.pr-Main .color-em {
color: #c8300d;
}
.pr-Main .marker {
background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, yellow));
background: -webkit-linear-gradient(top, transparent 60%, yellow 60%);
background: linear-gradient(to bottom, transparent 60%, yellow 60%);
margin: 0 0.1em;
padding: 0.1em 0.2em;
font-weight: 700;
}
.pr-Main .listStyle-square {
list-style-type: square;
}
.pr-Main .pr-DateTime {
font-size: 13px;
font-size: 1.3rem;
}
.pr-Main .pr-Description {
background: #f8f6f0;
font-size: 14px;
font-size: 1.4rem;
margin: 0 0 16px 0;
padding: 24px 32px;
}
.pr-Main .pr-Mokuji {
border: 1px solid #ccc;
margin: 40px 0 80px 0;
}
.pr-Main .pr-Mokuji .pr-Mokuji_Title {
font-size: 18px;
font-size: 1.8rem;
font-weight: 700;
letter-spacing: 0.5em;
margin: 0;
padding: 0.5em 0;
text-align: center;
background-color: #333;
color: #fff;
}
.pr-Main .pr-Mokuji a {
color: #333;
}
.pr-Main .pr-Mokuji > ul {
padding-top: 1em;
padding-bottom: 1em;
}
.pr-Main .pr-Mokuji ul {
list-style: none;
margin: 0;
padding-right: 56px;
padding-left: 56px;
}
.pr-Main .pr-Mokuji ul > li {
border-top: 1px solid #eee;
font-size: 15px;
font-size: 1.5rem;
line-height: 1.5;
padding: 14px 0 14px 32px;
}
.pr-Main .pr-Mokuji ul > li:first-child {
border-top: 0;
}
.pr-Main .pr-Mokuji ul > li a {
text-decoration: none;
padding: 0;
}
.pr-Main .pr-Mokuji ul > li a:hover {
text-decoration: underline;
color: #c8300d;
}
.pr-Main .pr-Mokuji ul > li:before {
background: #c8300d;
border-radius: 50%;
content: "";
display: inline-block;
height: 6px;
left: -15px;
position: relative;
top: -3px;
width: 6px;
}
.pr-Main .pr-Mokuji ul > li ul {
margin-top: 14px;
margin-left: -32px;
padding-right: 0;
padding-left: 0;
text-indent: 2em;
}
.pr-Main .pr-Mokuji ul > li ul > li:first-child {
border-top: 1px solid #eee;
}
.pr-Main .pr-Mokuji ul > li ul > li:last-child {
padding-bottom: 0;
}
.pr-Main [class^=pr-Main_Callout] {
border: 1px solid #a9a9a9;
margin-bottom: 2em;
padding: 1em;
}
.pr-Main [class^=pr-Main_Callout] > p, .pr-Main [class^=pr-Main_Callout] > ol, .pr-Main [class^=pr-Main_Callout] > ul, .pr-Main [class^=pr-Main_Callout] > dl {
margin-bottom: 0;
margin-top: 0;
}
.pr-Main .pr-Main_CalloutWithImg {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
}
.pr-Main .pr-Main_CalloutWithImg > img {
-webkit-box-flex: 0;
-webkit-flex: 0 0 200px;
-ms-flex: 0 0 200px;
flex: 0 0 200px;
margin-right: 2em;
width: 200px;
}
.pr-Main .pr-Main_CalloutWithImg > p, .pr-Main .pr-Main_CalloutWithImg > ol, .pr-Main .pr-Main_CalloutWithImg > ul, .pr-Main .pr-Main_CalloutWithImg > dl, .pr-Main .pr-Main_CalloutWithImg > div {
-webkit-box-flex: 0;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
}
.pr-Main .pr-Main_Recommended {
list-style: none;
padding-left: 0;
}
.pr-Main .pr-Main_Recommended > li {
padding: 0.5em;
}
.pr-Main .pr-Main_Recommended > li p {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.5;
margin: 10px 0 0;
}
.pr-Main .pr-Atogaki {
background: #f8f6f0;
font-size: 14px;
font-size: 1.4rem;
margin: 40px 0 0 0;
padding: 32px 40px;
}
.pr-Main .pr-Atogaki .pr-Atogaki-Title {
background: none;
border-left: none;
border-bottom: 1px solid #ccc;
font-size: 15px;
font-size: 1.5rem;
font-weight: 700;
margin: 0 0 24px;
padding: 0 0 16px;
text-align: center;
}
.pr-Main .pr-Atogaki > *:last-child,
.pr-Main .pr-Atogaki > *:last-child > *:last-child {
margin-bottom: 0;
} .pr-Itemlist {
margin-top: 40px;
margin-right: auto;
margin-bottom: 40px;
margin-left: auto;
padding: 16px;
border: 1px solid #ccc;
}
.pr-Itemlist figure {
margin-top: 0;
margin-bottom: 0;
}
.pr-Itemlist p {
font-size: 13px !important;
font-size: 1.3rem !important;
}
.pr-Itemlist > * {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
margin-bottom: 24px;
}
.pr-Itemlist > * > * {
margin-right: 2%;
}
.pr-Itemlist > *:last-child {
margin-bottom: 0;
}
.pr-Itemlist > * > *:first-child {
width: 30%;
}
.pr-Itemlist > * > *:last-child {
width: 68%;
margin-right: 0;
}
.pr-Itemlist > * > * > *:last-child {
margin-bottom: 0 !important;
}
.pr-Itemlist p {
margin-top: 0;
margin-bottom: 1em;
}
.pr-Itemlist .sw-ItemList_Btn a {
text-decoration: none;
background-color: #333;
color: #fff;
}
.pr-Itemlist .sw-ItemList_Btn a:hover {
color: #333;
background-color: #eee;
}
.pr-Btn {
display: block;
width: 80%;
margin: 32px auto;
border: 1px solid #333;
border-radius: 30px;
text-align: center;
text-decoration: none;
line-height: 3;
color: #333;
background-color: #fff;
}
.pr-Btn:hover {
border: 1px solid #333;
color: #fff;
background-color: #333;
}
.pr-Item p {
margin-top: 0;
}
.pr-Item figure {
margin-top: 0;
margin-bottom: 0;
}
.pr-Item_Title {
position: relative;
margin-right: auto;
margin-left: auto;
margin-bottom: 1em !important;
padding-left: calc(55px + 0.5em);
font-size: 18px;
font-size: 1.8rem;
font-weight: 700;
line-height: 50px;
color: #ec3c72;
}
.pr-Item_Title span {
position: absolute;
bottom: 0;
left: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transform: rotate(-20deg);
transform: rotate(-20deg);
width: 5em;
height: 5em;
border-radius: 50%;
font-size: 11px;
font-size: 1.1rem;
line-height: 1.2;
text-align: center;
background-color: #ec3c72;
color: #fff;
}
.pr-Item_Box {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.pr-Item_Box > * {
margin-right: 2%;
}
.pr-Item_Box > * {
width: 23.5%;
}
.pr-Item_Box > *:nth-child(4n) {
margin-right: 0;
}
.pr-Item_Box > * {
padding: 0.5em;
border: 2px solid #eee;
}
.pr-Item_Box img {
margin-bottom: 0.5em;
}
.pr-Item_Box p {
margin: 0;
font-size: 13px;
font-size: 1.3rem;
}
.pr-Afterword {
overflow: hidden;
margin-top: 80px;
padding: 0 3em;
background-color: #f8f6f0;
} .pr-ArticleItem {
margin-top: 40px;
margin-right: auto;
margin-bottom: 40px;
margin-left: auto;
padding: 16px;
border: 1px solid #ccc;
}
.pr-ArticleItem figure {
margin-top: 0;
margin-bottom: 0;
}
.pr-ArticleItem p {
font-size: 13px !important;
font-size: 1.3rem !important;
}
.pr-ArticleItem > * {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
margin-bottom: 24px;
}
.pr-ArticleItem > * > * {
margin-right: 2%;
}
.pr-ArticleItem > *:last-child {
margin-bottom: 0;
}
.pr-ArticleItem > * > *:first-child {
width: 30%;
}
.pr-ArticleItem > * > *:last-child {
width: 68%;
margin-right: 0;
}
.pr-ArticleItem > * > * > *:last-child {
margin-bottom: 0 !important;
}
.pr-ArticleItem p {
margin-top: 0;
margin-bottom: 1em;
} .pr-ListUnstyled {
list-style: none;
padding-left: 0;
} .pr-DescriptionList > li {
margin-bottom: 1.5em;
}
.pr-DescriptionList dl {
margin: 0;
}
.pr-DescriptionList dl dt {
font-weight: 700;
margin-bottom: 0.5em;
}
.pr-DescriptionList dl dd {
margin-bottom: 0.5em;
} .pr-List_Col2 {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
}
.pr-List_Col2 > * {
-webkit-box-flex: 0;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
}
.pr-List_Col2-img {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
margin-right: 1.5em;
width: 25%;
} .pr-Calendar_Wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.pr-Calendar_Wrap .pr-Calendar_Col {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
margin-bottom: 2em;
width: 47%;
}
.pr-Calendar_Wrap .pr-Calendar_Col .month {
border: none;
margin: 0.5em 0;
padding: 0;
color: #333;
}
.pr-Calendar_Wrap .pr-Calendar_Col .pr-Calendar_Tbl {
border-collapse: collapse;
border-spacing: 0;
width: 100%;
}
.pr-Calendar_Wrap .pr-Calendar_Col .pr-Calendar_Tbl th, .pr-Calendar_Wrap .pr-Calendar_Col .pr-Calendar_Tbl td {
border: 1px solid #ccc;
line-height: 1.3;
padding: 3px 0;
text-align: center;
}
.pr-Calendar_Wrap .pr-Calendar_Col .pr-Calendar_Tbl th {
background-color: whitesmoke;
font-size: 1rem;
}
.pr-Calendar_Wrap .pr-Calendar_Col .pr-Calendar_Tbl td {
font-size: 1.2rem;
}
.pr-Calendar_Wrap .pr-Calendar_Col .pr-Calendar_Tbl tr th:nth-child(7),
.pr-Calendar_Wrap .pr-Calendar_Col .pr-Calendar_Tbl tr td:nth-child(7) .date {
color: #007dc5;
}
.pr-Calendar_Wrap .pr-Calendar_Col .pr-Calendar_Tbl tr th:nth-child(7) {
background-color: #e9f7ff;
}
.pr-Calendar_Wrap .pr-Calendar_Col .pr-Calendar_Tbl tr th:first-child,
.pr-Calendar_Wrap .pr-Calendar_Col .pr-Calendar_Tbl tr td.holiday .date,
.pr-Calendar_Wrap .pr-Calendar_Col .pr-Calendar_Tbl tr td:first-child .date {
color: #e41056;
}
.pr-Calendar_Wrap .pr-Calendar_Col .pr-Calendar_Tbl tr th:first-child {
background-color: #fef0f5;
}
.pr-Calendar_Wrap .pr-Calendar_Col .pr-Calendar_Tbl .date {
font-size: 1.6rem;
font-weight: 700;
}
.pr-Calendar_Wrap .pr-Calendar_Col .pr-Calendar_Tbl .rokuyou {
color: #787878;
}
.pr-Calendar_Wrap .pr-Calendar_Col .pr-Calendar_Tbl .taian .rokuyou {
color: #ff5400;
}  .pr-Souba .pr-Souba_Price figure {
text-align: center;
}
.pr-Souba .pr-Souba_Price figure figcaption {
font-size: 14px;
font-size: 1.4rem;
}
.pr-Souba .pr-Souba_source {
background: #fbfaf7;
margin-top: 40px;
padding: 32px 40px 5px 40px;
}
.pr-Souba .pr-Souba_source h3 {
background: none;
border-bottom: 1px solid #333;
border-left: none;
color: #333;
font-size: 15px;
font-size: 1.5rem;
font-weight: 700;
margin: 0 0 24px 0;
padding: 0 0 16px 0;
}
.pr-Souba .pr-Souba_source ul {
font-size: 14px;
font-size: 1.4rem;
}  .pr-Uraura .pr-Uraura_Japan .hokkaido {
color: #004c7e;
}
.pr-Uraura .pr-Uraura_Japan .tohoku {
color: #8ea3c8;
}
.pr-Uraura .pr-Uraura_Japan .kanto {
color: #eb7467;
}
.pr-Uraura .pr-Uraura_Japan .hokuriku {
color: #f0d843;
}
.pr-Uraura .pr-Uraura_Japan .koshin {
color: #75bd54;
}
.pr-Uraura .pr-Uraura_Japan .kinki {
color: #96d2d4;
}
.pr-Uraura .pr-Uraura_Japan .chugoku {
color: #a873af;
}
.pr-Uraura .pr-Uraura_Japan .shikoku {
color: #83b965;
}
.pr-Uraura .pr-Uraura_Japan .kyusyu {
color: #f4ac26;
}
.pr-Uraura .pr-Uraura_Japan .okinawa {
color: #d04031;
}  .pr-Yakudoshi .pr-Yakudoshi_Jyunishi dl {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
.pr-Yakudoshi .pr-Yakudoshi_Jyunishi dl dt {
border-bottom: 1px solid #ccc;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
padding: 1em 1em 1em 0;
width: 10em;
}
.pr-Yakudoshi .pr-Yakudoshi_Jyunishi dl dt img {
width: 60px;
}
.pr-Yakudoshi .pr-Yakudoshi_Jyunishi dl dt .eto {
background-color: #c8300d;
border-radius: 3px;
color: #fff;
display: inline-block;
margin-right: 1.5em;
padding: 0.5em 1em;
}
.pr-Yakudoshi .pr-Yakudoshi_Jyunishi dl dd {
border-bottom: 1px solid #ccc;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
padding: 1.5em 0;
width: calc(100% - 10em);
}
.pr-Floating {
position: fixed; z-index: 99999; right: 0; bottom: 70px; }
.pr-Floating:hover {
opacity: 0.8; }
.pr-Floating img {
display: inline-block; width: 280px; }    .wpcf7-form {
border: 1px solid #ddd;
margin-right: auto;
margin-left: auto;
padding: 24px;
border-radius: 8px;
background-color: #eee;
}
.wpcf7-form p {
margin-bottom: 16px;
}
.wpcf7-form > *:last-child {
margin-bottom: 0;
}
.wpcf7-form input[type=text], .wpcf7-form input[type=email], .wpcf7-form input[type=tel] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
height: 42px;
padding: 0 1em;
border: 1px solid #d0d0d0;
border-radius: 3px;
font-size: 16px;
font-size: 1.6rem;
vertical-align: middle;
background-color: #fff;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-box-shadow: 1px 1px 6px -3px #9e9e9e inset;
box-shadow: 1px 1px 6px -3px #9e9e9e inset; margin-top: 8px;
}
.wpcf7-form input[type=text][type=search], .wpcf7-form input[type=email][type=search], .wpcf7-form input[type=tel][type=search] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.wpcf7-form input[type=text][type=search]:focus, .wpcf7-form input[type=email][type=search]:focus, .wpcf7-form input[type=tel][type=search]:focus {
-webkit-box-shadow: none;
box-shadow: none;
}
.wpcf7-form input[type=text]::-webkit-input-placeholder, .wpcf7-form input[type=email]::-webkit-input-placeholder, .wpcf7-form input[type=tel]::-webkit-input-placeholder {
color: #767676;
font-size: 0.85em;
}
.wpcf7-form input[type=text]::-moz-placeholder, .wpcf7-form input[type=email]::-moz-placeholder, .wpcf7-form input[type=tel]::-moz-placeholder {
color: #767676;
font-size: 0.85em;
}
.wpcf7-form input[type=text]:-ms-input-placeholder, .wpcf7-form input[type=email]:-ms-input-placeholder, .wpcf7-form input[type=tel]:-ms-input-placeholder {
color: #767676;
font-size: 0.85em;
}
.wpcf7-form input[type=text]::-ms-input-placeholder, .wpcf7-form input[type=email]::-ms-input-placeholder, .wpcf7-form input[type=tel]::-ms-input-placeholder {
color: #767676;
font-size: 0.85em;
}
.wpcf7-form input[type=text]::placeholder, .wpcf7-form input[type=email]::placeholder, .wpcf7-form input[type=tel]::placeholder {
color: #767676;
font-size: 0.85em;
}
.wpcf7-form input[type=text]:focus, .wpcf7-form input[type=email]:focus, .wpcf7-form input[type=tel]:focus {
outline: 0;
border-color: #1589ee;
-webkit-box-shadow: 0 0 5px #1589ee;
box-shadow: 0 0 5px #1589ee;
}
.wpcf7-form input[type=text]:disabled, .wpcf7-form input[type=email]:disabled, .wpcf7-form input[type=tel]:disabled {
opacity: 0.5;
background-color: #333;
cursor: not-allowed;
}
.wpcf7-form input[type=checkbox] {
width: 1.4em;
height: 1.4em;
vertical-align: text-bottom;
}
.wpcf7-form textarea {
display: block;
width: 100%;
max-width: 100%;
height: 7em;
margin: 0;
padding: 0.5em 1em;
border: 1px solid #d0d0d0;
border-radius: 3px;
font-size: 16px;
font-family: inherit;
font-weight: inherit;
background-color: #fff;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-box-shadow: 1px 1px 6px -3px #9e9e9e inset;
box-shadow: 1px 1px 6px -3px #9e9e9e inset;
}
.wpcf7-form textarea::-webkit-input-placeholder {
color: #767676;
font-size: 0.85em;
}
.wpcf7-form textarea::-moz-placeholder {
color: #767676;
font-size: 0.85em;
}
.wpcf7-form textarea:-ms-input-placeholder {
color: #767676;
font-size: 0.85em;
}
.wpcf7-form textarea::-ms-input-placeholder {
color: #767676;
font-size: 0.85em;
}
.wpcf7-form textarea::placeholder {
color: #767676;
font-size: 0.85em;
}
.wpcf7-form textarea:focus {
outline: 0;
border-color: #1589ee;
-webkit-box-shadow: 0 0 5px #1589ee;
box-shadow: 0 0 5px #1589ee;
}
.wpcf7-form textarea:disabled {
opacity: 0.5;
background-color: #333;
cursor: not-allowed;
}
.wpcf7-form input[type=submit] {
display: block;
width: 80%;
margin-right: auto;
margin-left: auto;
cursor: pointer;
border-radius: 5px;
border: 1px solid #ccc;
line-height: 3em;
background-color: #fff9d3;
} .remodal-cancel {
background: #111 !important;
}
.remodal-cancel:hover, .remodal-cancel:focus {
background: #999 !important;
}   .poem-QA {
margin-top: 40px;
}
.poem-QA .poem-Menu {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
list-style: none;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 40px;
font-size: 16px;
font-size: 1.6rem;
}
.poem-QA .poem-Menu > * {
margin-right: 2%;
}
.poem-QA .poem-Menu a {
display: block;
}
.poem-QA .poem-Menu a::before {
content: "";
display: inline-block;
width: 0;
height: 0;
margin-right: 3px;
margin-left: 3px;
border: transparent solid 3px;
border-left-color: #c8300d;
vertical-align: middle;
}
.poem-QA .poem-Menu > * a {
display: block;
}
.poem-QA .poem-Menu > * a::before {
content: "";
display: inline-block;
width: 0;
height: 0;
margin-right: 3px;
margin-left: 3px;
border: transparent solid 3px;
border-left-color: #c8300d;
vertical-align: middle;
}
.poem-QA .poem-Menu > * a {
text-decoration: underline;
color: #e83c50;
}
.poem-QA .poem-Menu > * a:hover {
text-decoration: none;
}
.poem-QA .poem-Menu > *:nth-child(1) {
width: 10em;
}
.poem-QA .poem-Menu > *:nth-child(2) {
width: 7em;
}
.poem-QA .poem-Menu > *:nth-child(3) {
width: 7em;
}
.poem-QA .poem-QA_Back {
text-align: right;
}
.poem-QA .poem-QA_Back a {
text-decoration: underline;
color: #e83c50;
}
.poem-QA .poem-QA_Back a:hover {
text-decoration: none;
}
.poem-QA .poem-QA_Title {
margin-top: 40px;
margin-bottom: 40px;
background-color: #f2f2f2;
font-size: 18px;
font-size: 1.8rem;
font-weight: 700;
text-align: center;
line-height: 3;
border-radius: 30px;
}
.poem-QA dt {
margin-bottom: 1em;
}
.poem-QA dt:before {
content: "Q";
display: inline-block;
width: 2em;
margin-right: 0.5em;
line-height: 2;
text-align: center;
font-size: 16px;
font-size: 1.6rem;
color: #fff;
background-color: #e83c50;
}
.poem-QA dt span {
display: inline-block;
width: calc(100% - 3em);
padding-top: 0.3em;
vertical-align: top;
font-size: 16px;
font-size: 1.6rem;
font-weight: 700;
color: #e83c50;
}
.poem-QA dd {
margin-bottom: 24px;
padding-bottom: 24px;
border-bottom: 1px dotted #ccc;
}
.poem-QA dd:before {
content: "A";
display: inline-block;
width: 2em;
margin-right: 0.5em;
line-height: 2;
text-align: center;
font-size: 16px;
font-size: 1.6rem;
color: #fff;
background-color: #321e1e;
}
.poem-QA dd span {
display: inline-block;
width: calc(100% - 3em);
padding-top: 0.3em;
vertical-align: top;
}
.poem-Variation {
margin-top: 40px;
margin-bottom: 40px;
}
.poem-Variation ul {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
list-style: none;
}
.poem-Variation ul > * {
margin-right: 2%;
}
.poem-Variation ul > * {
width: 23.5%;
}
.poem-Variation ul > *:nth-child(4n) {
margin-right: 0;
}
.poem-Variation ul li {
margin-bottom: 32px;
}
.poem-Variation ul.poem-Variation_Col2 {
width: 70%;
margin: 0 auto;
}
.poem-Variation ul.poem-Variation_Col2 > * {
width: 49%;
}
.poem-Variation ul.poem-Variation_Col2 > *:nth-child(2n) {
margin-right: 0;
}
.poem-Variation ul.poem-Variation_width {
width: 100%;
}
.poem-Variation ul.poem-Variation_Col3 > * {
width: 32%;
}
.poem-Variation ul.poem-Variation_Col3 > *:nth-child(3n) {
margin-right: 0;
}
.poem-Variation_Title {
margin-bottom: 40px;
font-size: 20px;
font-size: 2rem;
font-weight: 700;
line-height: 3;
text-align: center;
background-color: #eee;
border-radius: 30px;
}   .presentaite-Container ul {
padding-left: 0;
list-style: none;
}
.presentaite-Font_Serif {
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
}
.presentaite-Text > * {
margin-bottom: 1em;
}
.presentaite-Text > *:last-child {
margin-bottom: 0;
}
.presentaite-Heading2 {
position: relative;
margin-bottom: 32px;
padding-left: 24px;
font-size: 1.8rem;
font-weight: normal;
line-height: 3;
letter-spacing: 0.15em;
background-color: #333;
color: #fff;
}
.presentaite-Heading2_Emphasis {
margin-right: 0.3em;
font-size: 1.2em;
font-weight: 700;
}
.presentaite-Heading2_Icon {
position: absolute;
right: 24px;
bottom: 0;
}
.presentaite-Heading2_Father {
border-right: 10px solid #334C69;
border-left: 10px solid #334C69;
}
.presentaite-Heading2_Father .presentaite-Heading2_Icon {
width: 169px;
}
.presentaite-Heading2_Mother {
border-right: 10px solid #e45051;
border-left: 10px solid #e45051;
}
.presentaite-Heading2_Mother .presentaite-Heading2_Icon {
width: 157px;
}
.presentaite-Heading2_Boss {
border-right: 10px solid #5e7846;
border-left: 10px solid #5e7846;
}
.presentaite-Heading2_Boss .presentaite-Heading2_Icon {
width: 199px;
}
.presentaite-Heading3 {
font-weight: 700;
line-height: 3;
letter-spacing: 0.1em;
text-align: center;
color: #fff;
}
.presentaite-Heading3_Father {
background-image: url(//kanrekiiwai.biz/wp/img/present-aite/bg_father.png);
}
.presentaite-Heading3_Mother {
background-image: url(//kanrekiiwai.biz/wp/img/present-aite/bg_mother.png);
}
.presentaite-Heading3_Boss {
background-image: url(//kanrekiiwai.biz/wp/img/present-aite/bg_boss.png);
}
.presentaite-Heading5 {
text-align: center;
}
.presentaite-Hero {
margin-bottom: 40px;
}
.presentaite-Lead {
margin-bottom: 40px;
padding: 40px;
background-color: #fdfddf;
border-top: 3px solid #e4d4ae;
border-bottom: 3px solid #e4d4ae;
}
.presentaite-Lead > * {
margin-bottom: 1em;
}
.presentaite-Lead > *:last-child {
margin-bottom: 0;
}
.presentaite-Menu {
width: calc(600px + 4%);
margin-right: auto;
margin-bottom: 120px;
margin-left: auto;
text-align: center;
text-decoration: none;
letter-spacing: 0.1em;
}
.presentaite-Menu > * {
width: 200px;
border-radius: 5px;
}
.presentaite-Menu a {
display: block;
padding-top: 16px;
padding-bottom: 16px;
color: #fff;
}
.presentaite-Menu a:hover {
text-decoration: none;
}
.presentaite-Menu_Emphasis {
font-size: 1.2em;
font-weight: 700;
}
.presentaite-Menu_Father {
background-image: url(//kanrekiiwai.biz/wp/img/present-aite/bg_father.png);
}
.presentaite-Menu_Mother {
background-image: url(//kanrekiiwai.biz/wp/img/present-aite/bg_mother.png);
}
.presentaite-Menu_Boss {
background-image: url(//kanrekiiwai.biz/wp/img/present-aite/bg_boss.png);
}
.presentaite-Father,
.presentaite-Mother,
.presentaite-Boss {
margin-top: 160px;
}
.presentaite-Wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
margin-bottom: 40px;
}
.presentaite-Wrapper > * {
margin-right: 2%;
}
.presentaite-Wrapper > * {
width: 49%;
}
.presentaite-Wrapper > *:nth-child(2n) {
margin-right: 0;
}
.presentaite-Item_Catch {
margin-bottom: 16px;
font-size: 1.5rem;
font-weight: 700;
color: #c8300d;
}
.presentaite-Item_Catch span {
display: block;
}
.presentaite-Item_Description {
margin-bottom: 16px;
}
.presentaite-Item_Detail {
margin-bottom: 16px;
padding: 2%;
border-radius: 3px;
background-color: #eee;
}
.presentaite-Item_Img {
width: 30%;
}
.presentaite-Item_Freeshipping {
display: inline-block;
margin-bottom: 4px;
padding: 4px;
font-size: 1.1rem;
font-weight: 700;
background-color: #d2b750;
color: #fff;
}
.presentaite-Item_Name {
width: 68%;
line-height: 1.4;
}
.presentaite-Item_Price {
display: block;
font-weight: normal;
}
.presentaite-Item_Button {
width: 100%;
border: none;
border-radius: 3px;
background-color: #c8300d;
color: #fff;
}
.presentaite-Item_Button:hover {
background-color: #333;
color: #fff;
}
.presentaite-Label {
margin-bottom: 40px;
}
.presentaite-Label_Father {
border: 1px solid #334C69;
}
.presentaite-Label_Mother {
border: 1px solid #e45051;
}
.presentaite-Label_Boss {
border: 1px solid #5e7846;
}
.presentaite-Label_Wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
width: 96%;
margin-top: 24px;
margin-right: auto;
margin-bottom: 24px;
margin-left: auto;
}
.presentaite-Label_Wrapper > * {
margin-right: 2%;
}
.presentaite-Label_Wrapper > * {
width: 49%;
}
.presentaite-Label_Wrapper > *:nth-child(2n) {
margin-right: 0;
}
.presentaite-Label_Point {
margin-top: 16px;
margin-right: auto;
margin-left: auto;
width: 94%;
font-weight: 700;
color: #c8300d;
}
.presentaite-Label_PointImg {
width: 20%;
}
.presentaite-Label_PointText {
width: 78%;
}
.presentaite-Label_Voice > * {
margin-bottom: 16px;
}
.presentaite-Label_Voice > *:first-child {
margin-bottom: 24px;
}
.presentaite-Label_Voice > *:last-child {
margin-bottom: 0;
}
.presentaite-Label_VoiceImg {
width: 30%;
}
.presentaite-Label_VoiceText {
width: 66%;
}
.presentaite-Label_Voice-left {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.presentaite-Label_Voice-right {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.presentaite-Label_Father .presentaite-Label_Voice {
color: #334C69;
}
.presentaite-Label_Mother .presentaite-Label_Voice {
color: #e45051;
}
.presentaite-Label_Boss .presentaite-Label_Voice {
color: #5e7846;
}
.presentaite-Label_Line-left {
-webkit-transform: rotate(-20deg);
transform: rotate(-20deg);
padding-right: 24px;
vertical-align: sub;
}
.presentaite-Label_Line-right {
-webkit-transform: rotate(20deg);
transform: rotate(20deg);
padding-left: 24px;
vertical-align: sub;
}
.presentaite-CatLink_Button {
width: 100%;
border: none;
border-radius: 3px;
font-weight: 700;
line-height: 2;
letter-spacing: 0.1em;
color: #fff;
}
.presentaite-CatLink_Button:hover {
background-color: #333;
color: #fff;
}
.presentaite-CatLink_Father a {
background-color: #334C69;
}
.presentaite-CatLink_Mother a {
background-color: #e45051;
}
.presentaite-CatLink_Boss a {
background-color: #5e7846;
}
.presentaite-Afterword {
margin-top: 120px;
}
.presentaite-Afterword_Title {
margin-bottom: 40px;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
font-size: 1.8rem;
font-weight: 700;
text-align: center;
letter-spacing: 0.15em;
}
.presentaite-Afterword_Link {
margin-top: 24px;
padding: 40px;
border-top: 3px solid #e4d4ae;
border-bottom: 3px solid #e4d4ae;
background-color: #fdfddf;
}
.presentaite-Afterword_Link a {
text-decoration: underline;
color: #1380D9;
}
.presentaite-Afterword_Link a:hover {
text-decoration: none;
}   .product-Wrapper {
margin-bottom: 80px;
}
.product-Title {
margin-bottom: 0.5em;
font-size: 12px;
font-size: 1.2rem;
font-weight: normal;
text-align: right;
}
.product-Info_Stock {
margin-bottom: 1em;
padding: 1em 0;
border: 5px solid #c8300d;
font-size: 16px;
font-size: 1.6rem;
font-weight: 700;
text-align: center;
}
.product-Info_Stock strong {
font-size: 120%;
color: #c8300d;
border-bottom: 2px solid;
}
.product-Comment {
margin-top: 24px;
margin-bottom: 24px;
}
.product-Comment_Wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-self: stretch;
-ms-flex-item-align: stretch;
-ms-grid-row-align: stretch;
align-self: stretch;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.product-Comment_Wrapper > * {
margin-right: 2%;
}
.product-Comment_Title {
position: absolute;
right: 0;
bottom: 0;
left: 0;
margin-right: auto;
margin-left: auto;
padding: 0.4em 1em;
border-radius: 5px;
font-size: 12px;
font-size: 1.2rem;
line-height: 1.4;
color: #fff;
text-align: center;
background-color: #c8300d;
}
.product-Comment_Text {
width: 75%;
margin-right: 2%;
padding-top: 1em;
padding-right: 2em;
padding-bottom: 1em;
padding-left: 2em;
border-radius: 5px;
background-color: rgb(255, 240, 230);
}
.product-Comment_Img {
position: relative;
width: 23%;
margin-right: 0;
}
.product-Comment_Img img {
margin-bottom: 1em;
}   .qa-Container a {
color: #1380D9;
text-decoration: underline;
}
.qa-Container a:hover {
text-decoration: none;
}
.qa-Title {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-bottom: 24px;
padding: 24px;
font-size: 20px;
font-size: 2rem;
font-weight: normal;
letter-spacing: 0.1em;
background-color: #f6f4f0;
}
.qa-Title:before {
content: "";
margin-right: 1em;
border-left: 2px solid #c8300d;
}
.qa-Heading2 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
padding-right: 18px;
padding-left: 18px;
line-height: 3;
font-size: 18px;
font-size: 1.8rem;
font-weight: normal;
background-color: #333;
color: #fff;
}
.qa-Heading2 > * {
margin-right: 2%;
}
.qa-Heading2 a {
display: block;
color: #fff;
text-decoration: none;
}
.qa-Question_Q {
display: block;
width: 1.5em;
margin-right: 0;
}
.qa-Question_Text {
display: block;
width: calc(100% - 1.5em);
margin-right: 0;
}
.qa-Heading3 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
margin-top: 24px;
margin-bottom: 24px;
font-size: 18px;
font-size: 1.8rem;
font-weight: 700;
}
.qa-Heading3 > * {
margin-right: 2%;
}
.qa-Answer_A {
display: block;
width: 1.5em;
margin-right: 0;
color: #c8300d;
}
.qa-Answer_Text {
display: block;
width: calc(100% - 1.5em);
margin-right: 0;
}
.qa-Heading4 {
margin-top: 32px;
margin-bottom: 24px !important;
padding-top: 1em;
padding-bottom: 1em;
font-size: 16px;
font-size: 1.6rem;
background-color: #eee;
text-indent: 1em;
}
.qa-Heading5 {
margin-bottom: 0.4em !important;
font-size: 16px;
font-size: 1.6rem;
}
.qa-Heading6 {
margin-top: 32px;
font-size: inherit;
}
.qa-Block {
margin-bottom: 120px;
}
.qa-Menu {
margin-bottom: 24px;
padding-top: 24px;
padding-right: 24px;
padding-bottom: 24px;
padding-left: 24px;
font-size: 16px;
font-size: 1.6rem;
list-style: none;
background-color: #eee;
}
.qa-Menu > * {
width: 92%;
margin-bottom: 1em;
}
.qa-Menu > *:last-child {
margin-bottom: 0;
}
.qa-Menu a {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
display: block;
padding-top: 1em;
padding-right: 1em;
padding-bottom: 1em;
padding-left: 1em;
text-decoration: none;
-webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.1);
background-color: #fff;
}
.qa-Menu a > * {
margin-right: 2%;
}
.qa-Menu a:hover {
text-decoration: underline;
}
.qa-CmnMenu_Containter {
padding-top: 24px;
background-color: #eee;
}
.qa-CmnMenu_Title {
font-size: 16px;
font-size: 1.6rem;
font-weight: 700;
text-align: center;
}
.qa-CmnMenu {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
margin-bottom: 48px;
padding-top: 24px;
padding-right: 24px;
padding-bottom: 24px;
padding-left: 24px;
list-style: none;
background-color: #eee;
}
.qa-CmnMenu > * {
margin-right: 2%;
}
.qa-CmnMenu > * {
width: 32%;
}
.qa-CmnMenu > *:nth-child(3n) {
margin-right: 0;
}
.qa-CmnMenu > * {
display: block;
margin-bottom: 16px;
}
.qa-CmnMenu > *:nth-last-child(-n+2) {
margin-bottom: 0;
}
.qa-CmnMenu a {
color: #333;
}
.qa-CmnMenu_Btn {
display: block;
padding-top: 16px;
padding-right: 16px;
padding-bottom: 16px;
padding-left: 16px;
text-decoration: none !important;
-webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.1);
color: #333;
background-color: #fff;
}
.qa-CmnMenu_Btn:hover {
background-color: #333;
color: #fff;
}
.qa-CmnMenu_Btn-active {
border-color: #c8300d !important;
background-color: #c8300d;
color: #fff !important;
}
.qa-CmnMenu_Btn-active:hover {
background-color: #c8300d;
}
.qa-CmnMenu_Emphasis {
display: block;
font-size: 16px;
font-size: 1.6rem;
}
.qa-CmnMenu_Type {
background-color: #334C69;
}
.qa-CmnMenu_Newspaper {
background-color: #5e7846;
}
.qa-Answer {
margin-top: 32px;
margin-right: 18px;
margin-bottom: 32px;
margin-left: 18px;
}
.qa-Text > * {
margin-bottom: 1em;
}
.qa-Text > *:last-child {
margin-bottom: 0;
}
.qa-Img {
display: block;
margin-top: 40px;
margin-right: auto;
margin-bottom: 40px;
margin-left: auto;
}
.qa-ScrollTable {
position: relative;
margin-top: 32px;
margin-bottom: 32px;
border-top: 1px solid #999;
border-right: 1px solid #999;
border-collapse: collapse;
text-align: center;
line-height: 1.2;
overflow: hidden;
}
.qa-ScrollTable * {
-webkit-box-sizing: unset;
box-sizing: unset;
}
.qa-ScrollTable th, .qa-ScrollTable td {
display: block;
padding-right: 10px;
padding-left: 10px;
border-left: 1px solid #999;
border-bottom: 1px solid #999;
}
.qa-ScrollTable tr {
display: inline-block;
margin-right: -5px;
}
.qa-ScrollTable tr > *:first-child {
height: calc(2em * 1.2);
padding-top: 0.5em;
padding-bottom: 0.5em;
}
.qa-ScrollTable tr > *:nth-child(2) {
height: 170px;
padding-top: 0.5em;
padding-bottom: 0.5em;
}
.qa-ScrollTable tr > *:nth-child(3) {
height: calc(3em * 1.2);
padding-top: 0.5em;
padding-bottom: 0.5em;
}
.qa-ScrollTable thead {
display: block;
float: left;
background-color: #eee;
}
.qa-ScrollTable thead > * {
margin-right: 0;
}
.qa-ScrollTable tbody {
display: block;
position: relative;
width: auto;
overflow-x: auto;
white-space: nowrap;
}
.qa-ScrollTable_Label img {
width: 68px;
}
.qa-ScrollTable_Wrapping img {
width: 107px;
}
.qa-BackLink {
margin-top: 80px;
font-size: 12px;
font-size: 1.2rem;
}
.qa-BackLink-left {
text-align: left;
}
.qa-BackLink-left > *::before {
content: url(//kanrekiiwai.biz/wp/img/qa/icon_arrow-left.gif);
position: relative;
margin-right: 5px;
}
.qa-BackLink-right {
text-align: right;
}
.qa-BackLink-right > *::before {
content: url(//kanrekiiwai.biz/wp/img/qa/icon_arrow-up.gif);
position: relative;
margin-right: 5px;
}
.qa-Tel {
margin-top: 40px;
margin-bottom: 40px;
font-size: 30px;
font-size: 3rem;
font-weight: 700;
text-align: center;
}
.qa-Tel:before {
content: "\EA12";
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
vertical-align: middle;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
text-decoration: none;
text-transform: none;
speak: none;
}
.qa-Type_BreweryList {
width: 100%;
margin-top: 40px;
margin-bottom: 40px;
border: 1px solid #ccc;
}
.qa-Type_BreweryList caption {
margin-bottom: 16px;
}
.qa-Type_BreweryList th {
background-color: #eee !important;
}
.qa-Type_BreweryList th > *:first-child {
width: 40%;
}
.qa-Type_BreweryList tr > * {
border-top: 1px solid #ccc;
line-height: 3;
}
.qa-Type_BreweryList tr > *:first-child {
border-right: 1px solid #ccc;
background-color: #faf6be;
}
.qa-Type_BreweryList td {
text-indent: 1em;
}
.qa-Type_Wine-red {
color: #c8300d;
}
.qa-Type_Wine-white {
color: #d2b750;
}   .receipt-Container a {
text-decoration: underline;
color: #1380D9;
}
.receipt-Container a:hover {
text-decoration: none;
}
.receipt-Wrapper {
width: 90%;
margin-right: auto;
margin-left: auto;
}
.receipt-Block {
margin-bottom: 40px;
padding-bottom: 40px;
border: 1px solid #ccc;
}
.receipt-Inner {
margin-right: 40px;
margin-bottom: 40px;
margin-left: 40px;
}
.receipt-Title {
margin-bottom: 64px;
font-size: 20px;
font-size: 2rem;
line-height: 4;
text-align: center;
letter-spacing: 0.05em;
background: -webkit-gradient(linear, left bottom, left top, from(#363795), to(#005C97));
background: -webkit-linear-gradient(bottom, #363795, #005C97);
background: linear-gradient(to top, #363795, #005C97);
color: #fff;
}
.receipt-Heading2 {
margin-bottom: 24px;
padding-top: 1em;
padding-right: 40px;
padding-bottom: 1em;
padding-left: 40px;
border-bottom: 1px solid #ccc;
font-size: 18px;
font-size: 1.8rem;
background-color: #eee;
}
.receipt-Heading3 {
margin-top: 1em;
margin-bottom: 1em;
font-size: 18px;
font-size: 1.8rem;
}
.receipt-Heading4 {
margin-top: 40px;
margin-bottom: 1em;
font-size: 16px;
font-size: 1.6rem;
color: #005C97;
}
.receipt-Heading5 {
font-size: 14px;
font-size: 1.4rem;
margin-top: 2em;
margin-bottom: 0.5em;
}
.receipt-Lead {
margin-bottom: 64px;
}
.receipt-Lead > * {
margin-bottom: 1em;
}
.receipt-Lead > *:last-child {
margin-bottom: 0;
}
.receipt-Menu {
margin-bottom: 80px;
padding-top: 16px;
padding-bottom: 16px;
background-color: #eee;
overflow: hidden;
}
.receipt-Menu a {
text-decoration: none;
}
.receipt-Menu_Title {
margin-bottom: 16px;
font-size: 16px;
font-size: 1.6rem;
font-weight: 700;
text-align: center;
letter-spacing: 0.5em;
}
.receipt-Menu_Items {
width: 80%;
margin-right: auto;
margin-left: auto;
list-style: none;
}
.receipt-Menu_Items > * {
line-height: 4;
border-bottom: 1px solid #ccc;
}
.receipt-Menu_Items > *:last-child {
border-bottom: 0;
}
.receipt-Menu_Items > *:before {
content: "";
display: inline-block;
position: relative;
top: -3px;
left: -15px;
width: 6px;
height: 6px;
border-radius: 100%;
background-color: #1380D9;
}
.receipt-Img {
display: block;
margin-top: 40px;
margin-bottom: 40px;
border: 1px solid #ccc;
}
.receipt-Text > * {
margin-bottom: 1em;
}
.receipt-Text > *:last-child {
margin-bottom: 0;
}
.receipt-Caution {
margin-top: 40px;
padding: 32px;
background-color: #ffeff6;
}
.receipt-Caution_Title {
margin-bottom: 24px;
font-weight: 700;
text-align: center;
}
.receipt-Special .receipt-Heading3 {
font-size: 16px;
font-size: 1.6rem;
}
.receipt-Special .receipt-Heading4 {
margin-top: 0;
font-size: 16px;
font-size: 1.6rem;
color: #333;
}
.receipt-BackLink {
width: 90%;
margin-top: 40px;
margin-right: auto;
margin-left: auto;
font-size: 12px;
font-size: 1.2rem;
text-align: right;
}   .review-Container {
font-size: 13px;
font-size: 1.3rem;
}
.review-Container a {
text-decoration: underline;
color: #1380D9;
}
.review-Container a:hover {
text-decoration: none;
}
.review-Article_Info {
width: 25%;
margin-right: 0;
padding: 24px;
font-size: 12px;
font-size: 1.2rem;
background-color: #eee;
}
.review-Article_Author-gender,
.review-Article_Author-year {
display: block;
}
.review-Article_Star {
font-size: 22px;
font-size: 2.2rem;
color: #d2b750;
}
.review-Article_Questionnaire {
margin-top: 16px;
}
.review-Article_Post {
width: 75%;
margin-right: 0;
padding-top: 16px;
padding-bottom: 16px;
padding-left: 16px;
}
.review-Article_Title {
margin-bottom: 16px;
font-size: 16px;
font-size: 1.6rem;
}
.review-Article_Item {
margin-bottom: 16px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.review-Article_ItemImg {
width: 10%;
}
.review-Article_ItemName {
width: 88%;
margin-right: 0;
}
.review-Article_Text > * {
margin-bottom: 1em;
}
.review-Article_Text > *:last-child {
margin-bottom: 0;
}   .seigado-Container > * {
margin-bottom: 80px;
}
.seigado-Container > *:last-child {
margin-bottom: 0;
}
.seigado-Container figure {
margin-bottom: 40px;
}
.seigado-Container figure figcaption {
text-align: right;
margin-top: 8px;
font-size: 12px;
font-size: 1.2rem;
}
.seigado-Heading2,
.seigado-Heading3,
.seigado-Heading4 {
display: inline-block;
position: relative;
width: 100%;
margin-top: 24px;
margin-bottom: 56px;
font-size: 20px;
font-size: 2rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
letter-spacing: 0.05em;
text-align: center;
}
.seigado-Heading2::before,
.seigado-Heading3::before,
.seigado-Heading4::before { content: "";
position: absolute;
left: 50%;
top: -20px; display: inline-block;
width: 40px; height: 1px; -webkit-transform: translateX(-50%);
transform: translateX(-50%); background-color: #000; }
.seigado-Heading2::after,
.seigado-Heading3::after,
.seigado-Heading4::after { content: "";
position: absolute;
left: 50%;
bottom: -19px; display: inline-block;
width: 40px; height: 1px; -webkit-transform: translateX(-50%);
transform: translateX(-50%); background-color: #000; }
.seigado-Text > * {
margin-bottom: 2em;
}
.seigado-Text > *:last-child {
margin-bottom: 0;
}
.seigado-Care {
background-color: #eee;
padding-top: 24px;
padding-right: 40px;
padding-bottom: 24px;
padding-left: 40px;
}
.seigado-Care_Heading4 {
margin-bottom: 40px;
font-size: 18px;
font-size: 1.8rem;
font-weight: normal;
line-height: 3;
text-align: center;
background-color: #ccc;
}
.seigado-Care_List {
width: 90%;
margin-top: 40px;
margin-right: auto;
margin-bottom: 40px;
margin-left: auto;
list-style: none;
}
.seigado-Care_ListTitle {
margin-top: 2em;
margin-bottom: 1em;
font-weight: 700;
}
.seigado-Care_List-underline {
border-bottom: 1px dotted #333;
}   .shinbun-Container a {
color: #1380D9;
text-decoration: underline;
}
.shinbun-Heading2 {
margin-bottom: 40px;
font-size: 16px;
font-size: 1.6rem;
font-weight: normal;
text-align: center;
line-height: 4;
background-color: #eee;
}
.shinbun-Heading3 {
margin-top: 56px;
margin-bottom: 40px;
border-left: 10px solid #eee;
border-bottom: 1px solid #eee;
font-size: 16px;
font-size: 1.6rem;
font-weight: normal;
line-height: 3;
text-indent: 1em;
}
.shinbun-Content {
margin-bottom: 120px;
}
.shinbun-Text {
margin-right: 26px;
margin-left: 26px;
}
.shinbun-Text > * {
margin-bottom: 1em;
}
.shinbun-Text > *:last-child {
margin-bottom: 0;
}
.shinbun-Link {
margin-top: 40px;
}
.shinbun-Link a {
display: block;
border: 2px solid #333;
text-align: center;
text-decoration: none;
line-height: 4;
color: inherit;
}
.shinbun-Link a::after {
content: "";
display: inline-block;
width: 0;
height: 0;
margin-right: 10px;
margin-left: 10px;
border: transparent solid 5px;
border-left-color: #333;
vertical-align: baseline;
}
.shinbun-Link a:hover {
background-color: #333;
color: #fff;
}
.shinbun-Link a:hover::after {
border-left-color: #fff;
}   .shiso {
margin: 0 auto;
width: 580px;
}
.shiso .info01 {
background: url(//kanrekiiwai.biz/wp/images/item/naire/juice/shiso/info01.jpg);
height: 380px;
padding: 120px 10px 0px 340px;
}
.shiso p {
font-size: 1.1rem;
line-height: 1.3;
margin-bottom: 8px;
}
.shiso .info02 {
background: url(//kanrekiiwai.biz/wp/images/item/naire/juice/shiso/info02.jpg) no-repeat;
height: 400px;
padding: 160px 350px 0px 10px;
}
.shiso .info03 {
background: url(//kanrekiiwai.biz/wp/images/item/naire/juice/shiso/info03.jpg);
height: 320px;
padding: 180px 10px 0px 280px;
}
.shiso-review {
background: url(//kanrekiiwai.biz/wp/images/item/naire/img-all/review.gif) repeat-y 0 0;
border: solid 1px #000000;
margin: 50px auto;
padding-left: 70px;
width: 510px;
}
.shiso-review ul {
background: #fff;
margin: 0;
padding: 20px 20px 5px 20px;
}
.shiso-review li {
background-color: #ffffcc;
padding: 10px;
margin: 0 0 15px 0;
}
.shiso-review img {
float: left;
}
.shiso-review .title {
font-weight: bold;
margin: 5px 0;
}
.shiso-review .name {
height: 30px;
line-height: 30px;
padding-left: 50px;
} .shiso-container {
background-image: url(//kanrekiiwai.biz/wp/images/item/naire/juice/shiso/test/background.jpg);
background-repeat: repeat;
background-size: 80px;
font-family: notoserif, serif;
font-weight: 600;
}
.shiso-container img {
max-width: 100%;
}
.shiso-container p {
color: #320000;
}
.shiso-container h4 {
color: #320000;
}
.shiso-container .leadimg {
margin: 40px 0;
padding: 0 16px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.shiso-container .recommend {
padding: 24px 0 0 0;
}
.shiso-container .recommend .point01, .shiso-container .recommend .point02, .shiso-container .recommend .point03, .shiso-container .recommend .point04 {
position: relative;
padding: 0 0 80px 0;
}
.shiso-container .recommend .point01 {
height: 474px;
}
.shiso-container .recommend .point02 {
height: 576px;
}
.shiso-container .recommend .point03 {
height: 522px;
}
.shiso-container .recommend .point04 {
height: 499px;
}
.shiso-container .recommend .point01 h3 img, .shiso-container .recommend .point02 h3 img, .shiso-container .recommend .point03 h3 img, .shiso-container .recommend .point04 h3 img {
width: 400px;
position: absolute;
top: 0;
height: auto;
}
.shiso-container .recommend .point01 h3 img, .shiso-container .recommend .point03 h3 img {
right: 0;
}
.shiso-container .recommend .point02 h3 img, .shiso-container .recommend .point04 h3 img {
left: 0;
}
.shiso-container .recommend .point01 .infobox, .shiso-container .recommend .point02 .infobox, .shiso-container .recommend .point03 .infobox, .shiso-container .recommend .point04 .infobox {
position: absolute;
width: 320px;
top: 0;
}
.shiso-container .recommend .point01 .infobox, .shiso-container .recommend .point03 .infobox {
left: 0;
}
.shiso-container .recommend .point02 .infobox, .shiso-container .recommend .point04 .infobox {
right: 0;
}
.shiso-container .recommend .point01 .infobox .speech, .shiso-container .recommend .point02 .infobox .speech, .shiso-container .recommend .point03 .infobox .speech, .shiso-container .recommend .point04 .infobox .speech {
display: block;
width: 95%;
}
.shiso-container .recommend .point01 .infobox .speech, .shiso-container .recommend .point03 .infobox .speech {
margin: 0 0 24px auto;
}
.shiso-container .recommend .point02 .infobox .speech, .shiso-container .recommend .point04 .infobox .speech {
margin: 0 auto 24px 0;
}
.shiso-container .recommend .point01 .infobox h4, .shiso-container .recommend .point02 .infobox h4, .shiso-container .recommend .point03 .infobox h4, .shiso-container .recommend .point04 .infobox h4 {
font-size: 1.9em;
padding: 8px 24px 16px 24px;
font-weight: normal;
font-family: notoserif, serif;
font-weight: 700;
}
.shiso-container .recommend .point01 .infobox h4 {
color: #CF323F;
}
.shiso-container .recommend .point02 .infobox h4 {
color: #3F854E;
}
.shiso-container .recommend .point03 .infobox h4 {
color: #F19724;
line-height: 1.4em;
}
.shiso-container .recommend .point04 .infobox h4 {
color: #465CB1;
}
.shiso-container .recommend .point01 .infobox .text, .shiso-container .recommend .point02 .infobox .text, .shiso-container .recommend .point03 .infobox .text, .shiso-container .recommend .point04 .infobox .text {
font-size: 1.7em;
line-height: 2.2;
margin: 0 24px 24px 24px;
background: url(//kanrekiiwai.biz/wp/images/item/naire/juice/shiso/test/underline.png);
}
.shiso-container .recommend .point01 .infobox .linkbtn, .shiso-container .recommend .point02 .infobox .linkbtn, .shiso-container .recommend .point03 .infobox .linkbtn, .shiso-container .recommend .point04 .infobox .linkbtn {
display: block;
padding: 0 24px;
}
.shiso-container .about-label {
margin: 0 16px;
position: relative;
padding: 0 0 130px 0;
}
.shiso-container .about-label .title {
position: absolute;
top: 0;
z-index: 1;
}
.shiso-container .about-label .infobox {
background: rgba(239, 187, 139, 0.45);
position: relative;
top: 72px;
padding: 100px 0 56px 0;
z-index: 0;
}
.shiso-container .about-label .infobox p {
font-size: 1.7em;
line-height: 2.2;
margin: 0 40px;
background: url(//kanrekiiwai.biz/wp/images/item/naire/juice/shiso/test/underline.png);
}
.shiso-container .about-label .infobox .mainimg {
margin: 0 0 24px 0;
}
.shiso-container .about-label .infobox h4 {
margin: 56px 24px 0 24px;
background: rgba(220, 92, 92, 0.7);
color: #fff;
font-size: 2.4em;
letter-spacing: 0.2em;
line-height: 2.8em;
text-align: center;
border-radius: 5px;
}
.shiso-container .about-label .infobox ul {
letter-spacing: -0.4em;
margin: 24px 16px 16px 16px;
}
.shiso-container .about-label .infobox li {
letter-spacing: normal;
display: inline-block;
width: 50%;
padding: 0 0 24px 0;
}
.shiso-container .about-label .infobox li p {
margin: 0 16px;
padding: 0 16px;
background: rgba(255, 255, 255, 0.5);
}
.shiso-container .about-shinbun {
margin: 0 16px;
position: relative;
padding: 0 0 130px 0;
}
.shiso-container .about-shinbun .title {
position: absolute;
top: 0;
z-index: 1;
}
.shiso-container .about-shinbun .infobox {
background: rgba(239, 187, 139, 0.45);
position: relative;
top: 72px;
padding: 100px 0 56px 0;
z-index: 0;
}
.shiso-container .about-shinbun .infobox p {
font-size: 1.7em;
line-height: 2.2;
margin: 16px 40px 0 40px;
background: url(//kanrekiiwai.biz/wp/images/item/naire/juice/shiso/test/underline.png);
}
.shiso-container .about-shinbun .infobox .mainimg {
padding: 0 16px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.shiso-container .about-shinbun .infobox .infotitle {
padding: 40px 16px 0 16px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.shiso-container .about-shinbun .infobox .detail {
margin: 48px 0 0 0;
}
.shiso-container .about-wrapping {
margin: 0 16px;
position: relative;
padding: 0 0 130px 0;
}
.shiso-container .about-wrapping .title {
position: absolute;
top: 0;
z-index: 1;
}
.shiso-container .about-wrapping .infobox {
background: rgba(239, 187, 139, 0.45);
position: relative;
top: 72px;
padding: 100px 0 56px 0;
z-index: 0;
}
.shiso-container .about-wrapping .infobox p {
font-size: 1.7em;
line-height: 2.2;
margin: 16px 40px 0 40px;
background: url(//kanrekiiwai.biz/wp/images/item/naire/juice/shiso/test/underline.png);
}
.shiso-container .about-wrapping .infobox .mainimg {
padding: 0 16px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.shiso-container .about-wrapping .infobox .infotitle {
padding: 48px 16px 0 16px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.shiso-container .about-wrapping .infobox .detail {
padding: 8px 16px 0 16px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.shiso-container .about-wrapping .infobox .card {
padding: 48px 16px 0 16px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.shiso-container .about-juice {
margin: 0 16px;
position: relative;
padding: 0 0 130px 0;
}
.shiso-container .about-juice .title {
position: absolute;
top: 0;
z-index: 1;
}
.shiso-container .about-juice .infobox {
background: rgba(239, 187, 139, 0.45);
position: relative;
top: 72px;
padding: 100px 0 56px 0;
z-index: 0;
}
.shiso-container .about-juice .infobox p {
font-size: 1.7em;
line-height: 2.2;
margin: 16px 40px 0 40px;
background: url(//kanrekiiwai.biz/wp/images/item/naire/juice/shiso/test/underline.png);
}
.shiso-container .about-juice .infobox .infotitle {
padding: 32px 16px 16px 16px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.shiso-container .about-juice .infobox .mainimg {
padding: 0 16px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.shiso-container .about-juice .infobox .infotitle.kinoko {
padding-top: 48px;
}
.shiso-container .review {
margin: 0 16px;
position: relative;
padding: 0 0 130px 0;
}
.shiso-container .review .title {
position: absolute;
top: 0;
z-index: 1;
}
.shiso-container .review .infobox {
background: rgba(239, 187, 139, 0.7);
position: relative;
top: 72px;
padding: 100px 0 56px 0;
z-index: 0;
}
.shiso-container .review .infobox p {
font-size: 1.7em;
line-height: 1.6;
padding: 24px 32px;
}
.shiso-container .review .review-box {
border: 1px solid #A6C595;
background: rgba(255, 255, 255, 0.8);
margin: 0 16px 32px 16px;
}
.shiso-container .review .review-box .review-meta {
background: #A6C595;
}
.shiso-container .review .review-box .review-meta h4 {
font-size: 1.8em;
float: left;
padding: 16px 32px;
}
.shiso-container .review .review-box .review-meta .star {
color: #F7E921;
text-align: right;
display: block;
font-size: 1.8em;
line-height: 3em;
letter-spacing: 0.3em;
padding: 0 32px 0 0;
}
.shiso-container .about-chanko {
margin: 0 16px;
position: relative;
padding: 0 0 130px 0;
}
.shiso-container .about-chanko .title {
position: absolute;
top: 0;
z-index: 1;
}
.shiso-container .about-chanko .infobox {
background: rgba(239, 187, 139, 0.45);
position: relative;
top: 72px;
padding: 100px 0 56px 0;
z-index: 0;
}
.shiso-container .about-chanko .infobox p {
font-size: 1.7em;
line-height: 2.2;
margin: 16px 40px 0 40px;
background: url(//kanrekiiwai.biz/wp/images/item/naire/juice/shiso/test/underline.png);
}
.shiso-container .about-chanko .infobox .mainimg {
padding: 0 16px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.shiso-container .about-delivery {
margin: 0 16px;
position: relative;
padding: 0 0 130px 0;
}
.shiso-container .about-delivery .title {
position: absolute;
top: 0;
z-index: 1;
}
.shiso-container .about-delivery .infobox {
background: rgba(239, 187, 139, 0.45);
position: relative;
top: 72px;
padding: 100px 0 56px 0;
z-index: 0;
}
.shiso-container .about-delivery .infobox p {
font-size: 1.7em;
line-height: 2.2;
margin: 16px 40px 0 40px;
background: url(//kanrekiiwai.biz/wp/images/item/naire/juice/shiso/test/underline.png);
}
.shiso-container .about-delivery .infobox a {
color: #0071B7;
text-decoration: underline;
}
.shiso-container .about-delivery .infobox a:hover {
color: #E11F00;
text-decoration: none;
}
.shiso-container .about-delivery .infobox h4 {
text-align: center;
font-size: 2.3em;
letter-spacing: 0.1em;
margin: 72px 0 40px 0;
}
.shiso-container .about-delivery .infobox h4.hurry {
margin-bottom: 0;
}
.shiso-container .about-delivery .infobox ul {
margin: 0 48px;
}
.shiso-container .about-delivery .infobox li p {
margin: 0;
background: none;
line-height: normal;
padding: 24px 40px;
border-right: 1px solid #320000;
border-left: 1px solid #320000;
border-bottom: 1px solid #320000;
background: rgba(255, 255, 255, 0.8);
}
.shiso-container .about-delivery .infobox li .step {
background: #320000;
display: block;
color: #fff;
text-align: center;
font-size: 1.7em;
line-height: 2em;
letter-spacing: 0.2em;
border-top: 1px solid #320000;
border-right: 1px solid #320000;
border-left: 1px solid #320000;
}
.shiso-container .about-delivery .infobox li.step2::before, .shiso-container .about-delivery .infobox li.step3::before {
content: "▼";
font-size: 2em;
text-align: center;
margin: 24px 0;
display: block;
color: #320000;
}
.shiso-container .about-delivery .infobox li.step2 .sep {
border-bottom: 1px dashed #320000;
}
.shiso-container .about-delivery .infobox .infotitle {
padding: 0 16px 0 16px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.shiso-container .about-delivery .infobox .mainimg {
padding: 0 16px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.shiso-container .about-delivery .infobox .caution {
color: #E11F00;
}
.shiso-container .about-delivery .infobox .contact {
position: relative;
}
.shiso-container .about-delivery .infobox .contact .faxbtn {
position: absolute;
top: 43px;
right: 60px;
}
.shiso-container .about-delivery .infobox .hurrybtn {
display: block;
margin: 40px auto;
}
.shiso-container .about-delivery .infobox .receipt {
display: block;
margin: 0 auto 40px auto;
width: 40%;
}   .side-Container {
font-size: 13px;
font-size: 1.3rem;
}
.side-Container ul {
padding: 0;
list-style: none;
} .side-DeliveryCal {
position: relative;
height: calc(200px * 0.99);
margin-bottom: 8px;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
font-weight: 700;
text-align: center;
background-image: url(//kanrekiiwai.biz/wp/img/common/side/bg_delivery-cal.png);
background-repeat: no-repeat;
background-size: cover;
}
.side-DeliveryCal_Period {
position: absolute;
top: 15%;
right: 0;
left: 0;
margin-right: auto;
margin-left: auto;
font-size: 13px;
font-size: 1.3rem;
}
.side-DeliveryCal_Shipdate {
position: absolute;
top: 29.8%;
right: 0;
left: -6px;
margin-right: auto;
margin-left: auto;
letter-spacing: 0.1em;
line-height: 1.2;
}
.side-DeliveryCal_Date {
display: block;
font-size: 16px;
font-size: 1.6rem;
}
.side-DeliveryCal_Month {
font-size: 26px;
font-size: 2.6rem;
}
.side-DeliveryCal_Day {
color: #c8300d;
font-size: 36px;
font-size: 3.6rem;
font-weight: 700;
}
.side-DeliveryCal_Button {
display: block;
position: absolute;
right: 0;
bottom: 6%;
left: -6px;
width: 80%;
margin-right: auto;
margin-left: auto;
font-size: 11px;
font-size: 1.1rem;
line-height: 2;
background-color: #ece3d2;
}
.side-DeliveryCal_Button::after {
content: "";
display: inline-block;
width: 0;
height: 0;
margin-left: 6px;
border: transparent solid 3px;
border-left-color: #c8300d;
vertical-align: 1px;
}
.side-DeliveryCal_Button:hover {
text-decoration: none;
color: #333;
opacity: 0.7;
}
.side-Eto_Container {
margin-bottom: 8px;
padding-bottom: 10px;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
font-weight: 700;
background-color: #c8300d;
}
.side-Eto_Wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
width: 90%;
margin-right: auto;
margin-left: auto;
padding-top: 3px;
padding-bottom: 3px;
text-align: center;
background-color: #fff;
border-radius: 3px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.side-Eto_Wrapper > * {
margin-right: 2%;
}
.side-Eto_Wrapper > * {
margin-right: 0;
}
.side-Eto_Title {
letter-spacing: 0.1em;
text-align: center;
line-height: 2.2;
color: #fff;
}
.side-Eto_Text {
width: 65%;
border-right: 1px dotted #ccc;
line-height: 1;
letter-spacing: 0.05em;
vertical-align: middle;
}
.side-Eto_Text > * {
margin-bottom: 5px;
}
.side-Eto_Text > *:last-child {
margin-bottom: 7px;
}
.side-Eto_Ad {
display: block;
font-size: 28px;
font-size: 2.8rem;
font-weight: 700;
color: #c8300d;
}
.side-Eto_Jc {
display: block;
font-size: 16px;
font-size: 1.6rem;
font-weight: 700;
color: #c8300d;
}
.side-Eto_Img {
width: 35%;
vertical-align: middle;
line-height: 1.2;
}
.side-Eto_Img img {
width: 60%;
}
.side-Eto_Name {
font-size: 18px;
font-size: 1.8rem;
}
.side-Eto_Ruby {
display: block;
font-size: 10px;
font-size: 1rem;
}
.side-Tel {
margin-bottom: 8px;
padding: 3px;
border: 1px solid #ddd;
}
.side-Tel > *:last-child {
padding-top: 4px;
padding-bottom: 4px;
text-align: center;
line-height: 1.4;
background-color: #eee;
}
.side-Tel_Title {
margin-bottom: 8px;
font-size: 14px;
font-size: 1.4rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
font-weight: 700;
letter-spacing: 0.1em;
text-align: center;
line-height: 2;
color: #fff;
background-color: #B79D7B;
}
.side-Tel_Num {
font-size: 22px;
font-size: 2.2rem;
font-weight: 700;
text-align: center;
letter-spacing: -0.02em;
}
.side-Tel_Wrapper {
width: 80%;
margin-right: auto;
margin-left: auto;
line-height: 1.4;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.side-Tel_Wrapper > * {
margin-right: 2%;
}
.side-Tel_Wrapper > *:last-child {
margin-right: 0;
}
.side-Tel_Wrapper figure {
width: calc(100% - 8em - 3%);
margin-right: 3%;
}
.side-Tel_Wrapper figure img {
width: 90%;
}
.side-Tel_Wrapper p {
width: 8em;
}
.side-Banner {
margin-bottom: 40px;
}
.side-Banner_Border {
border: 1px solid #ddd;
}
.side-Banner_Items > * {
margin-bottom: 5px;
}
.side-Banner_Items > *:last-child {
margin-bottom: 0;
} .side-ItemMenu_Wrapper {
margin-bottom: 40px;
}
.side-ItemMenu {
margin-bottom: calc(8px * 2);
}
.side-ItemMenu_List > * {
text-indent: 16px;
}
.side-ItemMenu_List > *:not(:first-child) {
padding-top: 8px;
padding-bottom: 8px;
line-height: 2.6;
border-bottom: 1px dotted #ddd;
}
.side-ItemMenu_List > * img {
width: 24px;
margin-top: -3px;
margin-right: 8px;
vertical-align: middle;
}
.side-ItemMenu_List a {
display: block;
}
.side-ItemMenu_List a:hover {
text-decoration: none;
color: #333;
background-color: #eee;
}
.side-ItemMenu_Title {
border-top: 1px solid #ddd;
font-size: 16px;
font-size: 1.6rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
letter-spacing: 0.05em;
line-height: 2.6;
background-color: #eee;
}
.side-ItemMenu_Title span {
font-size: 13px;
font-size: 1.3rem;
} .side-Ranking {
margin-bottom: 40px;
}
.side-Ranking .side-Widget_Title {
display: block !important;
}
.side-Ranking_List > * {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 8px;
padding-bottom: 8px;
border-bottom: 1px dotted #ddd;
}
.side-Ranking_List > * > * {
margin-right: 2%;
}
.side-Ranking_List > *:last-child {
margin-bottom: 0;
}
.side-Ranking_List > * > *:first-child {
width: 40%;
margin-right: 8px;
}
.side-Ranking_List > * > *:last-child {
width: calc(60% - 16px);
margin-right: 0;
}
.side-Ranking_Num {
display: block;
margin-bottom: 0.3em;
font-size: 14px;
font-size: 1.4rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
font-weight: 700;
}
.side-Ranking_Num img {
width: 2em;
margin-top: -5px;
margin-right: 5px;
vertical-align: middle;
} .side-Widget_Title {
margin-bottom: 24px;
padding-bottom: 0.5em;
border-bottom: 1px solid #333;
font-size: 16px;
font-size: 1.6rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
font-weight: 700;
text-align: center; }
.side-Widget {   }
.side-Widget .textwidget p {
margin-bottom: 8px;
}
.side-Widget.widget_custom_html {
margin-bottom: 40px;
}
.side-Widget.widget_nav_menu {
margin-bottom: 40px;
}
.side-Widget.widget_isp_businesscalendar {
margin-bottom: 40px;
}
.side-Widget #isp-calendar-frame {
width: 100% !important;
font-size: 12px;
font-size: 1.2rem;
}
.side-Widget #isp-business-calendar {
width: 100% !important;
}
.side-Widget.widget_xo_event_calendar {
margin-bottom: 40px;
}
.side-Widget .side-CompanyImg {
margin-top: 8px;
margin-bottom: 16px;
border-radius: 50%;
}
.menu-guide-container .menu > * {
border-bottom: 1px dotted #ddd;
}
.menu-guide-container .menu > *:first-child {
border-top: 1px dotted #ddd;
}
.menu-guide-container .menu a {
display: block;
padding-top: 8px;
padding-bottom: 8px;
padding-left: 1em;
}
.side-ToggleMenu_Containter,
.side-ListMenu_Containter {
margin-bottom: 40px;
}
.side-ToggleMenu_Containter > *:last-child,
.side-ListMenu_Containter > *:last-child {
border-bottom: 1px solid #333;
}
.side-ToggleMenu_Title,
.side-ListMenu_Title {
display: block;
position: relative;
padding-left: 1em;
font-size: 16px;
font-size: 1.6rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
font-weight: 700;
cursor: pointer;
-webkit-transition: 0.5s;
transition: 0.5s;
line-height: 3;
border-top: 1px solid #333;
} .side-ToggleMenu {    }
.side-ToggleMenu label:after {
content: "\EA04";
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
vertical-align: middle;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
text-decoration: none;
text-transform: none;
speak: none;
-webkit-transition: 0.2s;
transition: 0.2s;
}
.side-ToggleMenu input:checked ~ label:after {
content: "\EA02";
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
vertical-align: middle;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
text-decoration: none;
text-transform: none;
speak: none;
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
.side-ToggleMenu label:after,
.side-ToggleMenu input:checked ~ label:after {
position: absolute;
right: 0;
margin: auto;
font-size: 25px;
font-size: 2.5rem;
line-height: 2;
}
.side-ToggleMenu input {
display: none;
}
.side-ToggleMenu .side-ToggleMenu-show {
height: 0;
padding: 0;
overflow: hidden;
opacity: 0;
-webkit-transition: 0.8s;
transition: 0.8s;
}
.side-ToggleMenu input:checked ~ .side-ToggleMenu-show {
height: auto;
opacity: 1;
}
.side-ToggleMenu ul > * {
border-bottom: 1px dotted #ddd;
}
.side-ToggleMenu ul > *:first-child {
border-top: 1px solid #333;
}
.side-ToggleMenu ul > *:last-child {
border-bottom: none;
}
.side-ToggleMenu a {
display: block;
padding-top: 8px;
padding-bottom: 8px;
padding-left: 1em;
}
.side-ListMenu_Containter ul > * {
border-bottom: 1px dotted #ddd;
}
.side-ListMenu_Containter ul > *:first-child {
border-top: 1px solid #333;
}
.side-ListMenu_Containter ul > *:last-child {
border-bottom: none;
}
.side-ListMenu_Containter a {
display: block;
padding-top: 8px;
padding-bottom: 8px;
padding-left: 1em;
}   .sitemap-Container {
width: 80%;
margin-right: auto;
margin-left: auto;
line-height: 3;
}
.sitemap-Container .children {
padding-left: 2em;
}   .tainaibeer-Container {
line-height: 1.75;
}
.tainaibeer-Container h3, .tainaibeer-Container h4, .tainaibeer-Container h5 {
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
font-weight: 700;
line-height: 1.5;
}
.tainaibeer-Container p, .tainaibeer-Container ol, .tainaibeer-Container ul, .tainaibeer-Container dl, .tainaibeer-Container figure {
margin-bottom: 1.5em;
margin-top: 1.5em;
}
.tainaibeer-Container figure {
text-align: center;
}
.tainaibeer-Container ul {
padding-left: 1.5em;
}
.tainaibeer-Container img {
vertical-align: bottom;
}
.tainaibeer-Container h3 + p, .tainaibeer-Container h3 + ol, .tainaibeer-Container h3 + ul, .tainaibeer-Container h3 + dl, .tainaibeer-Container h3 + figure, .tainaibeer-Container h4 + p, .tainaibeer-Container h4 + ol, .tainaibeer-Container h4 + ul, .tainaibeer-Container h4 + dl, .tainaibeer-Container h4 + figure {
margin-top: 0;
}
.tainaibeer-Hero {
margin-bottom: 40px;
}
.tainaibeer-Content {
margin-top: 60px;
}
.tainaibeer-Content > h3 {
background-color: #eee;
font-size: 18px;
font-size: 1.8rem;
margin: 0 0 1.5em;
padding: 0.889em 1.111em;
}
.tainaibeer-Content h4 {
font-size: 24px;
font-size: 2.4rem;
margin: 1.25em 0 1em;
}
.tainaibeer-Content h5 {
border-left: 3px solid #666666;
font-size: 16px;
font-size: 1.6rem;
margin: 1.5em 0 1em;
padding-left: 0.75em;
}
.tainaibeer-Content .text-small {
font-size: 12px;
font-size: 1.2rem;
}
.tainaibeer-Content .text-large {
font-size: 16px;
font-size: 1.6rem;
}
.tainaibeer-Content .text-alert {
color: #c8300d;
font-weight: 700;
}
.tainaibeer-Content .sw-Button {
background-color: #333;
border: 1px solid #333;
color: #fff;
margin: 0 auto;
text-decoration: none;
min-width: 33.3333333333%;
}
.tainaibeer-Content .sw-Button:hover {
background-color: #fff;
color: #333;
text-decoration: none;
}
.tainaibeer-Concept h3 {
background: none;
font-size: 24px;
font-size: 2.4rem;
font-weight: 500;
margin-bottom: 1em;
padding: 0;
}
.tainaibeer-Spec .tainaibeer-Spec_Container {
border-bottom: 1px solid #e6e6e6;
padding-bottom: 40px;
padding-top: 40px;
}
.tainaibeer-Spec .tainaibeer-Spec_Container:last-of-type {
border-bottom: none;
padding-bottom: 0;
}
.tainaibeer-Spec .tainaibeer-Spec_Container:after {
content: "";
display: block;
clear: both;
}
.tainaibeer-Spec .tainaibeer-Spec_Container h4, .tainaibeer-Spec .tainaibeer-Spec_Container .tainaibeer-Spec_Description {
float: right;
width: 55%;
}
.tainaibeer-Spec .tainaibeer-Spec_Container h4 {
margin-top: 0;
}
.tainaibeer-Spec .tainaibeer-Spec_Container h4 .text-small {
color: #999;
display: block;
font-size: 13px;
font-size: 1.3rem;
font-weight: 500;
}
.tainaibeer-Spec .tainaibeer-Spec_Container .tainaibeer-Spec_Description > *:first-child {
margin-top: 0;
}
.tainaibeer-Spec .tainaibeer-Spec_Container .tainaibeer-Spec_Description > *:last-child {
margin-bottom: 0;
}
.tainaibeer-Spec .tainaibeer-Spec_Container .tainaibeer-Spec_Description table {
width: 100%;
}
.tainaibeer-Spec .tainaibeer-Spec_Container .tainaibeer-Spec_Description table div {
padding: 0 1.2rem;
}
.tainaibeer-Spec .tainaibeer-Spec_Container .tainaibeer-Spec_Description table th, .tainaibeer-Spec .tainaibeer-Spec_Container .tainaibeer-Spec_Description table td {
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
font-weight: 400;
padding: 1.2rem 0;
text-align: left;
}
.tainaibeer-Spec .tainaibeer-Spec_Container .tainaibeer-Spec_Description table th {
white-space: nowrap;
}
.tainaibeer-Spec .tainaibeer-Spec_Container .tainaibeer-Spec_Description table td > div {
border-left: 1px solid #ccc;
}
.tainaibeer-Spec .tainaibeer-Spec_Container .tainaibeer-Spec_Photo {
float: left;
padding-right: 40px;
width: 45%;
}
.tainaibeer-Prize ul {
list-style: disc;
padding-left: 1.5em;
}
.tainaibeer-Wrapping .sw-Flexbox {
margin-left: -16px;
margin-right: -16px;
}
.tainaibeer-Wrapping .flex-Items {
margin: 0;
padding-left: 16px;
padding-right: 16px;
width: 50%;
}
.tainaibeer-Wrapping .flex-Items figure > img {
margin-bottom: 1em;
}
.tainaibeer-Wrapping .flex-Items figure figcaption {
text-align: left;
}
.tainaibeer-Shipment h3 + p {
font-size: 20px;
font-size: 2rem;
text-align: center;
}
.tainaibeer-Shipment ul {
font-size: 16px;
font-size: 1.6rem;
list-style: disc;
}
.tainaibeer-Shipment ul li .callout {
background-color: #fff;
border: 1px solid #e6e6e6;
font-size: 14px;
font-size: 1.4rem;
margin: 1em 0;
padding: 1.5rem 2rem;
}
.tainaibeer-Shipment ul li .callout > *:first-child {
margin-top: 0;
}
.tainaibeer-Shipment ul li .callout > *:last-child {
margin-bottom: 0;
}
.tainaibeer-Shipment .text-alert {
display: inline-block;
} .weizen-Container {
background: url(//kanrekiiwai.biz/wp/img/beer/tainai-beer/weizen/weizen_bg.jpg) no-repeat bottom center;
padding-bottom: 141px;
text-align: center;
}
.weizen-Container p, .weizen-Container ol, .weizen-Container ul, .weizen-Container dl, .weizen-Container figure {
margin: 0;
} .alt-Container {
background: url(//kanrekiiwai.biz/wp/img/beer/tainai-beer/alt/alt_bg.jpg) no-repeat bottom center;
padding-bottom: 141px;
text-align: center;
}
.alt-Container p, .alt-Container ol, .alt-Container ul, .alt-Container dl, .alt-Container figure {
margin: 0;
} .pilsner-Container {
background: url(//kanrekiiwai.biz/wp/img/beer/tainai-beer/pilsner/pilsner_bg.jpg) no-repeat bottom center;
padding-bottom: 141px;
text-align: center;
}
.pilsner-Container p, .pilsner-Container ol, .pilsner-Container ul, .pilsner-Container dl, .pilsner-Container figure {
margin: 0;
}  .ginmai-Container {
background-color: #f6f6f6;
padding: 16px;
}
.ginmai-Container h3 {
background-color: #e6e6e6;
}
.ginmai-Container .ginmai-Hero {
margin: 30px -16px 60px;
}
.ginmai-Container .ginmai-Catch {
margin-bottom: 0;
margin-left: -16px;
margin-right: -16px;
text-align: center;
}
.ginmai-Container .ginmai-Catch .ginmai-Catch_Text {
height: 394px;
position: relative;
width: 366px;
z-index: auto;
}
.ginmai-Container .ginmai-Catch .ginmai-Catch_Img {
margin: -40px 0 -50px;
}
.ginmai-Container .ginmai-Concept {
margin-top: 0;
}
.ginmai-Container .ginmai-Concept h3 {
background: none;
font-size: 24px;
font-size: 2.4rem;
font-weight: 500;
margin-bottom: 1em;
padding: 0;
}
.ginmai-Container .ginmai-Spec .ginmai-Spec_Container {
margin-left: -16px;
margin-right: -16px;
padding: 40px 16px;
}
.ginmai-Container .ginmai-Spec .ginmai-Spec_Container > .clearfix:after {
content: "";
display: block;
clear: both;
}
.ginmai-Container .ginmai-Spec .ginmai-Spec_Container h4, .ginmai-Container .ginmai-Spec .ginmai-Spec_Container .ginmai-Spec_Description {
float: right;
width: 52%;
}
.ginmai-Container .ginmai-Spec .ginmai-Spec_Container h4 {
margin-top: 0;
}
.ginmai-Container .ginmai-Spec .ginmai-Spec_Container h4 .text-small {
color: #999;
display: block;
font-size: 13px;
font-size: 1.3rem;
font-weight: 500;
}
.ginmai-Container .ginmai-Spec .ginmai-Spec_Container .ginmai-Spec_Description > *:first-child {
margin-top: 0;
}
.ginmai-Container .ginmai-Spec .ginmai-Spec_Container .ginmai-Spec_Description > *:last-child {
margin-bottom: 0;
}
.ginmai-Container .ginmai-Spec .ginmai-Spec_Container .ginmai-Spec_Description table {
width: 100%;
}
.ginmai-Container .ginmai-Spec .ginmai-Spec_Container .ginmai-Spec_Description table div {
padding: 0 1.2rem;
}
.ginmai-Container .ginmai-Spec .ginmai-Spec_Container .ginmai-Spec_Description table th, .ginmai-Container .ginmai-Spec .ginmai-Spec_Container .ginmai-Spec_Description table td {
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
font-weight: 400;
padding: 1.2rem 0;
text-align: left;
}
.ginmai-Container .ginmai-Spec .ginmai-Spec_Container .ginmai-Spec_Description table th {
white-space: nowrap;
}
.ginmai-Container .ginmai-Spec .ginmai-Spec_Container .ginmai-Spec_Description table td > div {
border-left: 1px solid #ccc;
}
.ginmai-Container .ginmai-Spec .ginmai-Spec_Container .ginmai-Spec_Description figure {
text-align: center;
}
.ginmai-Container .ginmai-Spec .ginmai-Spec_Container .ginmai-Spec_Description figcaption {
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
font-weight: 500;
margin: 2em 0;
text-align: center;
text-transform: uppercase;
}
.ginmai-Container .ginmai-Spec .ginmai-Spec_Container .ginmai-Spec_Photo {
float: left;
width: 48%;
}
.ginmai-Container .ginmai-Spec .ginmai-Spec_Container .ginmai-Review {
background-color: #fff;
margin: 0 6rem;
padding: 3rem;
position: relative;
}
.ginmai-Container .ginmai-Spec .ginmai-Spec_Container .ginmai-Review h5 {
background-color: #333;
border: none;
color: #fff;
font-size: 14px;
font-size: 1.4rem;
left: 50%;
margin: -5.5rem 0 0 -6em;
padding: 1em 1.5em;
position: absolute;
text-align: center;
width: 12em;
}
.ginmai-Container .ginmai-Spec .ginmai-Spec_Container .ginmai-Review .ginmai-Review_Author {
text-align: right;
}
.ginmai-Container .ginmai-Spec .ginmai-Spec_Container .ginmai-Review .ginmai-Review_Photo {
border-radius: 50%;
display: inline-block;
height: 46px;
margin-right: 1rem;
vertical-align: middle;
width: 46px;
}
.ginmai-Container .ginmai-Spec .ginmai-Spec_Container .ginmai-Review .ginmai-Review_Author.ooyama .ginmai-Review_Photo {
background: url(//kanrekiiwai.biz/wp/img/beer/tainai-beer/ginmai/ginmai_03.jpg) no-repeat center center/100%;
}
.ginmai-Container .ginmai-Spec .ginmai-Spec_Container .ginmai-Review > *:last-child {
margin-bottom: 0;
}
.ginmai-Container .ginmai-Spec .ginmai-Spec_Container:nth-of-type(2) {
background-color: #121212;
}
.ginmai-Container .ginmai-Spec .ginmai-Spec_Container:nth-of-type(2) * {
color: #fff;
}
.ginmai-Container .ginmai-Spec .ginmai-Spec_Container:nth-of-type(2) .ginmai-Review *:not(h5) {
color: #333;
}
.ginmai-Container .ginmai-Spec .ginmai-Spec_Container:nth-of-type(2) h4 > .text-small {
color: #999;
}
.ginmai-Container .ginmai-Wrapping .sw-Flexbox {
margin-left: -16px;
margin-right: -16px;
}
.ginmai-Container .ginmai-Wrapping .flex-Items {
margin: 0;
padding-left: 16px;
padding-right: 16px;
width: 50%;
}
.ginmai-Container .ginmai-Wrapping .flex-Items figure > img {
margin-bottom: 1em;
}
.ginmai-Container .ginmai-Wrapping .flex-Items figure figcaption {
text-align: left;
}
.ginmai-Container .ginmai-Shipment h3 + p {
font-size: 20px;
font-size: 2rem;
text-align: center;
}
.ginmai-Container .ginmai-Shipment ul {
font-size: 16px;
font-size: 1.6rem;
list-style: disc;
}
.ginmai-Container .ginmai-Shipment ul li .callout {
background-color: #fff;
border: 1px solid #e6e6e6;
font-size: 14px;
font-size: 1.4rem;
margin: 1em 0;
padding: 1.5rem 2rem;
}
.ginmai-Container .ginmai-Shipment ul li .callout > *:first-child {
margin-top: 0;
}
.ginmai-Container .ginmai-Shipment ul li .callout > *:last-child {
margin-bottom: 0;
}
.ginmai-Container .ginmai-Shipment .text-alert {
display: inline-block;
}   .wrapping-Container {
font-size: 16px;
font-size: 1.6rem;
line-height: 1.875;
margin-bottom: 3em;
}
.wrapping-Container a {
color: #4285f4;
text-decoration: underline;
}
.wrapping-Container a:hover {
text-decoration: none;
color: #c8300d;
}
.wrapping-Container h2, .wrapping-Container h3, .wrapping-Container h4, .wrapping-Container h5 {
line-height: 1.5;
}
.wrapping-Container h2 {
border-bottom: 2px solid #333;
border-top: 2px solid #333;
font-size: 20px;
font-size: 2rem;
margin: 64px 0 32px 0;
padding: 19px 1em;
}
.wrapping-Container h3 {
border-left: 5px solid #333;
font-size: 18px;
font-size: 1.8rem;
margin: 60px 0 30px;
padding: 5px 1em;
}
.wrapping-Container h2 + h3 {
margin: 30px 0;
}
.wrapping-Container h4 {
margin: 1.25em 0 1em;
}
.wrapping-Container p, .wrapping-Container ol, .wrapping-Container ul, .wrapping-Container dl {
margin-bottom: 1.75em;
margin-top: 1.75em;
}
.wrapping-Container ul {
padding-left: 1.5em;
}
.wrapping-Container h3 + p, .wrapping-Container h3 + ol, .wrapping-Container h3 + ul, .wrapping-Container h3 + dl, .wrapping-Container h4 + p, .wrapping-Container h4 + ol, .wrapping-Container h4 + ul, .wrapping-Container h4 + dl {
margin-top: 0;
}
.wrapping-Container table {
border-collapse: collapse;
border-spacing: 0;
}
.wrapping-Container table th, .wrapping-Container table td {
border: 1px solid #ccc;
font-size: 15px;
font-size: 1.5rem;
line-height: 1.75;
padding: 0.5em 0.75em !important;
}
.wrapping-Container table thead th {
background-color: #eee;
}
.wrapping-Container table tbody th {
padding: 0;
}
.wrapping-Container .wrapping-Mokuji {
background: #f8f6f0;
margin: 40px 0 80px 0;
padding: 16px 0;
}
.wrapping-Container .wrapping-Mokuji .wrapping-Mokuji_Title {
font-size: 18px;
font-size: 1.8rem;
font-weight: 700;
letter-spacing: 0.5em;
margin: 0;
padding: 16px 0;
text-align: center;
}
.wrapping-Container .wrapping-Mokuji ul {
list-style: none;
margin: 0;
padding: 0 56px;
}
.wrapping-Container .wrapping-Mokuji ul > li {
border-top: 1px solid #eee;
font-size: 15px;
font-size: 1.5rem;
line-height: 1.5;
padding: 14px 0 14px 32px;
}
.wrapping-Container .wrapping-Mokuji ul > li a {
text-decoration: none;
padding: 0;
}
.wrapping-Container .wrapping-Mokuji ul > li:before {
background: #4285f4;
border-radius: 50%;
content: "";
display: inline-block;
height: 6px;
left: -15px;
position: relative;
top: -3px;
width: 6px;
}
.wrapping-Container .columns-Container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
margin: 2em -20px;
}
.wrapping-Container .columns-Container .col-1 {
width: 25%;
}
.wrapping-Container .columns-Container .col-2 {
width: 50%;
}
.wrapping-Container .columns-Container .col-3 {
width: 75%;
}
.wrapping-Container .columns-Container .col-4 {
width: 100%;
}
.wrapping-Container .columns-Container > .columns {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
padding-left: 20px;
padding-right: 20px;
}
.wrapping-Container .columns-Container > .columns > *:first-child {
margin-top: 0;
}
.wrapping-Container .columns-Container > .columns > *:last-child {
margin-bottom: 0;
}
.wrapping-Container .columns-Container .additional-Col {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
font-size: 14px;
font-size: 1.4rem;
}
.wrapping-Container .columns-Container .additional-Col > .columns > *:first-child {
margin-top: 0;
}
.wrapping-Container .columns-Container .additional-Col > .columns > *:last-child {
margin-bottom: 0;
}
.wrapping-Container .columns-Container .additional-Col > .col-2:first-child {
padding-right: 10px;
}
.wrapping-Container .columns-Container .additional-Col > .col-2:last-child {
padding-left: 10px;
}
.wrapping-Container .columns-Container .marker {
background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, rgba(252, 252, 84, 0.8)));
background: -webkit-linear-gradient(top, transparent 60%, rgba(252, 252, 84, 0.8) 60%);
background: linear-gradient(to bottom, transparent 60%, rgba(252, 252, 84, 0.8) 60%);
margin: 0 0.1em;
padding: 0.1em 0.2em;
}
.wrapping-Container .tbl-scroll table tr > td:last-child {
max-width: 20em;
}
.wrapping-Container .tbl-scroll table td small {
display: inline-block;
white-space: nowrap;
}
.wrapping-Container .wrapping-Link {
margin: 40px auto 0;
width: 80%;
}
.wrapping-Container .wrapping-Link > a {
background-color: #333;
border: 1px solid #333;
color: #fff;
display: block;
text-align: center;
text-decoration: none;
}
.wrapping-Container .wrapping-Link > a:hover {
background-color: #fff;
color: #333;
}
.wrapping-Container .columns-Unstack {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
list-style: none;
padding-left: 0;
}
.wrapping-Container .columns-Unstack > * {
margin-right: 0;
width: 25%;
}   .zabuton-Container > * {
overflow: hidden;
} .zabuton-Hero {
margin-bottom: 80px;
}
.zabuton-Heading2 {
width: 80%;
margin-right: auto;
margin-bottom: 120px;
margin-left: auto;
font-size: 30px;
font-size: 3rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
font-weight: 700;
line-height: 2.4;
letter-spacing: 0.5em;
text-align: center;
border-radius: 3px;
color: #fff;
background-color: #333;
} .zabuton-Size {
margin-bottom: 120px;
} .zabuton-Photo {
margin-bottom: 120px;
}
.zabuton-Photo > * {
margin-bottom: 16px;
}
.zabuton-Photo > *:last-child {
margin-bottom: 0;
} .zabuton-Wrapping {
margin-bottom: 120px;
text-align: center;
}
.zabuton-Wrapping p > img {
margin-top: 40px;
}
.zabuton-Wrapping_Heading3 {
margin-bottom: 64px;
font-size: 20px;
font-size: 2rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
font-weight: 700;
line-height: 2.6;
text-align: center;
border: 1px solid #333;
}
.zabuton-Wrapping_Heading4 {
margin-bottom: 1em;
font-size: 26px;
font-size: 2.6rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
font-weight: 700;
} .zabuton-Delivery {
margin-bottom: 80px;
}
.zabuton-Delivery_Heading3 {
margin-bottom: 40px;
font-size: 20px;
font-size: 2rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
font-weight: 700;
line-height: 2.6;
text-align: center;
border: 1px solid #333;
}
.zabuton-Delivery_Hurry {
width: 90%;
margin-right: auto;
margin-bottom: 80px;
margin-left: auto;
}
.zabuton-Delivery_Caution {
margin-top: 24px;
padding-top: 1em;
padding-bottom: 1em;
padding-left: 2em;
list-style: disc !important;
background-color: #eee;
}
.zabuton-Delivery_Service {
width: 90%;
margin-right: auto;
margin-left: auto;
}
.zabuton-Delivery_Service {
border: 1px solid #d02e00;
}
.zabuton-Delivery_Service > * {
margin-bottom: 24px;
}
.zabuton-Delivery_Service > p {
width: 80%;
margin-right: auto;
margin-left: auto;
}
.zabuton-Delivery_Heading4 {
font-size: 24px;
font-size: 2.4rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
font-weight: 700;
line-height: 2;
letter-spacing: 0.5em;
text-align: center;
color: #fff;
background-color: #d02e00;
} .zabuton-Recommend {
background-color: #eee;
}
.zabuton-Recommend li {
padding: 8px;
background-color: #fff;
}
.zabuton-Recommend_Title {
margin-top: 16px;
margin-bottom: 16px;
font-size: 16px;
font-size: 1.6rem;
font-weight: 700;
text-align: center;
letter-spacing: 0.1em;
}
.zabuton-Recommend_Title-sub {
display: block;
font-size: 10px;
font-size: 1rem;
font-family: "Noto Serif", "Noto Serif CJK", "Noto Serif CJK JP Subset", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
}    .l-Header {
display: block;
width: 100%;
}
.l-Header > :last-child {
margin-bottom: 0;
}  .l-Footer {
display: block;
width: 100%;
}
.l-Footer > :last-child {
margin-bottom: 0;
}   .l-Content {
float: right;
width: 720px;
}
.l-Content > :last-child {
margin-bottom: 0;
} .l-Content_Inner {
padding: 0 1rem;
} .l-Content_Head {
margin-bottom: 3.2rem;
}
.l-Content_Head > :last-child {
margin-bottom: 0;
} .l-Content_Body > :last-child {
margin-bottom: 0;
} .l-Content_Foot {
margin-top: 3.2rem;
}
.l-Content_Foot > :last-child {
margin-bottom: 0;
} .l-Content_Section1 {
margin-bottom: 3.2rem;
}
.l-Content_Section1:last-child {
margin-bottom: 0;
} .l-Content_Section2 {
margin-bottom: 1.6rem;
}
.l-Content_Section2:last-child {
margin-bottom: 0;
} .l-Content_Section1-divider > .l-Content_Section2:not(:last-of-type):after {
content: "";
display: block;
width: 100%;
margin: 3.2rem auto;
border-top: 1px solid #e5e5e5;
} .l-Content_Text {
margin-bottom: 1.2rem;
}
.l-Content_Text:last-child {
margin-bottom: 0;
} .l-Content_TextSmall {
margin-bottom: 0.6rem;
}
.l-Content_TextSmall:last-child {
margin-bottom: 0;
}  .l-Sidebar {
float: left;
width: 200px;
overflow: hidden;
background-color: #fff;
}  .l-Main {
display: block;
width: 960px;
margin-right: auto;
margin-left: auto;
}
.l-Main:after {
content: "";
display: block;
clear: both;
}  .l-Background { }    .t-top_inner {
display: block;
width: 100%;
max-width: 960px;
margin-right: auto;
margin-left: auto;
}