@charset "utf-8";

* { margin: 0; padding: 0; font-size: 100%; font-style: normal;}

.row > .col-md-12 > blockquote { display: none;}

body {
	text-align: center;
	background: #fff;
	color: #333;
	cursor: auto;
	font: normal normal 18px/1.7 "ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","游ゴシック体","Yu Gothic",YuGothic,sans-serif;
	letter-spacing: normal;
	word-spacing: normal;
	-webkit-text-size-adjust: 100%;
}

*:first-child + html body { font-size: 75%;} /* for IE 7 */
* html body               { font-size: 75%;} /* for IE 6 or sooner */

h1 {}
h2 {}
h3, h4, h5, h6 { padding: 25px 0 5px; letter-spacing: 0;}
p { padding: 5px 0 10px;}
blockquote { margin: 15px 0; padding: 10px 15px 3px; background: #faf6ed;}
pre { background: #eee; margin: 1em 0; padding: 0 20px; overflow: auto; width: auto;}
code { color: #5b5905; font-family: "Lucida Grande", "Courier New", Courier, mono, Verdana, sans-serif; letter-spacing: 0;}
ul, ol { margin: 10px 0; padding: 0 0 0 30px;}
dl { margin: 10px 0;}

a         { color: inherit; text-decoration: underline; cursor: pointer;}
a:visited,
a:hover,
a:focus,
a:active { color: inherit;}

em     { font-weight: bold; color: inherit;}
strong { font-weight: bold; color: inherit;}
abbr, acronym { cursor: help;}
sup { vertical-align: super; font-size: 70%;}
sub { vertical-align: baseline; font-size: 70%;}
*:first-child + html sup { line-height: 1.5; font-size: 80%;} /* for IE 7 */
* html sup               { line-height: 1.5; font-size: 80%;} /* for IE 6 or sooner */

hr { display: none;}
img { border: none; color: #fff; background: transparent; vertical-align: bottom; max-width: 100%;}
embed, object { outline: 0; vertical-align: bottom;}

table { border: 1px solid #aaa; border-collapse: collapse; margin-bottom: 15px;}
caption { text-align: left;}
thead {}
tbody {}
th { white-space: nowrap;}
th, td {
	padding: 5px 10px;
	border-collapse: collapse;
	border: 1px solid #aaa;
	text-align: left;
}

fieldset {
	border: 1px solid #ddd;
	margin-bottom: 15px;
	padding: 10px;
}
* html legend { margin: 0 0 10px;}
input,
textarea { padding: 1px; font-family: "游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",sans-serif;}
select option { padding: 0 5px;}
input:focus,
select:focus,
textarea:focus { background-color: #fafafa;}
label { cursor: pointer;}

.mincho { font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
.alpha { font-family: "Times New Roman";}
.grande { font-family: "Lucida Grande", "Hiragino Kaku Gothic Pro", Meiryo, sans-serif;}

/******************************************************************** utilities
*/

.aL { text-align: left;}
.aC { text-align: center;}
.aR { text-align: right;}
.fR { float: right;}
.fL { float: left;}
.clr { float: none; clear: both;}

.jp { font-family: "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", sans-serif;}
.verdana { font-family: Verdana, sans-serif;}
.times { font-family: "Times New Roman", Times, serif;}

.temp-notes { font-size: 120%; color: #c00; font-weight: bold; background: #f8f8f8; margin: 1em; padding: 1em;}

input[type="submit"],
input[type="button"] { -webkit-appearance: none; cursor: pointer;}

input[type=text],
input[type=password],
input[type=email],
input[type=date],
input[type=number],
select,
textarea { border: 1px solid #aaa; border-radius: 5px; padding: 5px;}
textarea { line-height: 1.5;}

select { -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 3px 20px 3px 5px; background: url(./files/icon_select_arrow.png) no-repeat 100% 50%; background-size: auto 100%;}

.txtsize3 { width: 1.5em;}
.txtsize5 { width: 2.5em;}
.txtsize6 { width: 3em;}
.txtsize7 { width: 3.5em;}
.txtsize8 { width: 4em;}
.txtsize10 { width: 5em;}
.txtsize15 { width: 7.5em;}
.txtsize20 { width: 10em;}
.txtsize25 { width: 12.5em;}
.txtsize30 { width: 15em;}
.txtsize35 { width: 17.5em;}
.txtsize40 { width: 20em;}
.txtsize45 { width: 22.5em;}
.txtsize50 { width: 25em;}
.txtsize55 { width: 27.5em;}
.txtsize60 { width: 30em;}
.txtsize65 { width: 32.5em;}
.txtsize70 { width: 35em;}
.txtsize75 { width: 37.5em;}
.txtsize80 { width: 40em;}
.txtsize85 { width: 42.5em;}
.txtsize90 { width: 45em;}
.txtsize100 { width: calc(100% - 12px);}
select.txtsize100 { width: 100%;}

.w15 { width: 15% !important;}
.w20 { width: 20% !important;}
.w25 { width: 25% !important;}
.w30 { width: 30% !important;}
.w35 { width: 35% !important;}
.w40 { width: 40% !important;}
.w45 { width: 45% !important;}
.w50 { width: 50% !important;}
.w60 { width: 60% !important;}
.w70 { width: 70% !important;}
.w80 { width: 80% !important;}
.w90 { width: 90% !important;}
.w95 { width: 95% !important;}
.w100 { width: 100% !important;}

.mb0 { margin-bottom: 0 !important;}
.mb10 { margin-bottom: 10px !important;}
.mb20 { margin-bottom: 20px !important;}
.mb30 { margin-bottom: 30px !important;}
.mb40 { margin-bottom: 40px !important;}
.mb50 { margin-bottom: 50px !important;}
.mb60 { margin-bottom: 60px !important;}
.mb70 { margin-bottom: 70px !important;}
.mb80 { margin-bottom: 80px !important;}


.pb0 { padding-bottom: 0 !important;}
.pb10 { padding-bottom: 10px !important;}

.pt100 { padding-top: 100px !important;}

.hidden { display: none;}

.clearfix:after { content: ""; clear: both; display: block;}

@charset "utf-8";

/******************************************************************** structure
*/

:root {
  --colorBlack: #333;
  --colorLightBlack: #6E6E6E;
  --colorWhite: #fff;
  --colorBlue: #00A0D9;
  --colorBlueShadow: #007aa6;
  --colorLightBlue: #E9F5FF;
  --colorEmeraldGreen: #20B8C5;
  --colorYellow: #FFFF65;
  --colorYellowShadow: #cccc50;
  --colorRed: #C74444;
  --colorBorder: #9a9a9a;
  --colorLightGray: #F5F6F6;
  --colorLightText: #8D8D8D;
  --colorBrown: #A76C23;
  --colorLightBrown: #FDF9F4;
  --colorPink: #df547e;
  --colorPinkShadow: #b24364;
  --colorLineButton: #06C655;
  --colorLineButtonShadow: #049E44;

  --colorAlbuminBrown: #8e2727;
  --colorAlbuminBrownShadow: #631b1b;
}

#wrapper { overflow: hidden;}
#header,
#lpHeader,
#container,
#footer { text-align: left;}

.inner { max-width: 1920px; margin: 0 auto;}

#lpHeader .inner { display: flex; padding: 1.5em 1.5em 0;}
#lpHeader .logoView { width: 180px;}
#lpHeader .gNavi { display: flex; width: calc(100% - 180px);}
#lpHeader .gNavi a { display: block; text-decoration: none; font-size: 16px;}
#lpHeader .gNavi ul { margin: 0; padding: 0 1em 0 0; list-style: none; display: flex; width: calc(100% - 200px); justify-content: right; box-sizing: border-box;}
#lpHeader .gNavi li a { color: var(--colorBlack); padding: 0 1em; line-height: 50px;}
#lpHeader .gNavi .entry { padding: 0; width: 180px; margin-right: 10px;}
#lpHeader .gNavi .entry a { color: var(--colorYellow); background: var(--colorBlue); line-height: 50px; text-align: center; font-weight: bold; border-radius: 0.5em; display: block; padding-left: 1em;}
#lpHeader .gNavi .entry img { width: 17px; vertical-align: -0.11em; margin-right: 0.5em;}
#lpHeader .gNavi .entry span { margin-right: 1.5em;}
#lpHeader .gNavi .contactBox { margin: 0; padding: 0; width: 200px;}
#lpHeader .gNavi .contactBox a { display: block; text-align: center; background: var(--colorBlue); color: var(--colorYellow); line-height: 1.4; border-radius: 0.5em; overflow: hidden; height: 50px; box-sizing: border-box; padding-top: 3px;}
#lpHeader .gNavi .contactBox span { display: block; font-weight: bold; font-size: 14px;}
#lpHeader .gNavi .contactBox strong { display: block; font-size: 18px;}

#header { position: fixed; width: 100%; background: var(--colorWhite); box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); z-index: 9000;}
#header .inner { display: flex; padding: 10px 1em;}
#header .logoView { width: 180px; padding: 10px 0;}
#header .gNavi { display: flex; width: calc(100% - 180px);}
#header .gNavi a { display: block; text-decoration: none; font-size: 16px;}
#header .gNavi ul { margin: 0; padding: 0 1em 0 2em; list-style: none; display: flex; justify-content: right; box-sizing: border-box; justify-content: space-between; width: calc(100% - 12em);}
#header .gNavi li { flex: 1;}
#header .gNavi li a { color: var(--colorBlack); padding: 10px 0; text-align: center; font-weight: bold; font-size: 14px;}
#header .gNavi li span { display: block; margin-bottom: 0.2em; line-height: 30px;}
#header .gNavi li span img { width: 23px; vertical-align: middle;}
#header .gNavi .entry { padding: 0; width: 200px;}
#header .gNavi .entry a { color: var(--colorYellow); background: var(--colorBlue); line-height: 50px; text-align: center; font-weight: bold; border-radius: 0.5em;}
#header .gNavi .entry img { width: 17px; vertical-align: -0.11em; margin-right: 0.75em;}
#header .gNavi .entry span { margin-right: 1.5em;}

#header .gNavi .entryButton { background: var(--colorBlue); border-radius: 10px; color: var(--colorYellow); box-shadow: 3px 3px 0 var(--colorBlueShadow);}

#header .gNavi .contactBox { background: var(--colorYellow); margin: 0; padding: 0.9em 0.8em 0.7em; color: var(--colorBlack); font-weight: bold; text-align: center; line-height: 1.5; border-radius: 10px;}
#header .gNavi .contactBox dt { font-size: 18px;}
#header .gNavi .contactBox dd { font-size: 14px;}

#footer { background: var(--colorBlue); padding: 3em 0 0;}
#footer .inner { max-width: 1140px;}
#footer h2 { margin-bottom: 2em;}
#footer h2 img { width: 206px;}
#footer ul { display: flex; list-style: none; margin: 0.5em 0; padding: 0; font-size: 14px; justify-content: center;}
#footer li { margin-right: 2em;}
#footer li:last-child { margin-right: 0;}
#footer li a { color: var(--colorWhite); text-decoration: none;}
#footer .copy { text-align: center; font-size: 14px; color: var(--colorWhite); padding: 3em 0 1em;}

#container { padding-top: 98px;}
#container.lpMode { padding-top: 0;}

.colorRed { color: var(--colorRed);}
.colorWhite { color: var(--colorWhite);}

.bgLightGray { background: var(--colorLightGray);}

.topMvView { max-height: 100%;}
.topMvView p { margin: 0; padding: 0;}
.topMvView p img { width: 100%;}

.button { background: var(--colorBlue); color: var(--colorWhite) !important; text-decoration: none; display: inline-block; font-weight: bold; padding: 0 2em; line-height: 3.4; border-radius: 0.5em; text-align: center; box-shadow: 3px 3px 0 var(--colorBlueShadow); border: none;}
.button:hover { opacity: 0.6; transition: 0.3s;}

.button.buttonEntry { color: var(--colorYellow) !important;}
.button.buttonEntry img { vertical-align: -0.1em; width: 22px; margin-right: 0.5em;}

.doubleButton { display: flex; margin: 0; list-style: none; padding: 0;}
.doubleButton li { width: 47.5%; margin-right: 5%;}
.doubleButton li:last-child { margin-right: 0;}
.doubleButton .button { padding: 0; display: block;}
.fullButton .button { padding: 0; display: block;}

.entryView { background: url(../img/entry_bg.webp) no-repeat 0 50% var(--colorBlue); background-size: auto 100%;}
.entryView .inner { max-width: 720px; padding: 3em 0 4em;}
.entryView dl { margin: 0 0 2em; padding: 0; color: var(--colorWhite);}
.entryView dt { margin-bottom: 2em;}
.entryView dd { font-size: 16px;}
.entryView .entryButton { text-align: center;}
.entryView .entryButton a { display: block; background: var(--colorYellow); color: var(--colorBlue); font-weight: bold; text-decoration: none; line-height: 72px; border-radius: 0.5em; font-size: 26px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);}
.entryView .entryButton a img { width: 28px; vertical-align: -0.1em; margin-right: 0.75em;}

h2.cTitle { position: relative; margin: 0 0 2em; padding: 0 0 0 1.7em;}
h2.cTitle:after { content: ''; position: absolute; left: 0; width: 1em; border-top: 2px solid var(--colorBlack); top: 0.8em;}

.pageView { display: flex; height: 24em; justify-content: center; align-items: center; background-position: 50% 50%; background-size: cover;}
.pageView p { padding: 0;}
.pageView.conceptPageView { background-image: url(../img/concept_page_bg.webp);}
.pageView.conceptPageView p img { width: 673px;}
.pageView.guidePageView { background-image: url(../img/guide_page_bg.webp);}
.pageView.guidePageView p img { width: 673px;}
.pageView.doctorPageView { background-image: url(../img/doctor_page_bg.webp);}
.pageView.doctorPageView p img { width: 673px;}
.pageView.committedPageView { background-image: url(../img/committed_page_bg.webp);}
.pageView.committedPageView p img { width: 673px;}
.pageView.componentPageView { background-image: url(../img/component_page_bg.webp);}
.pageView.componentPageView p img { width: 673px;}
.pageView.contactPageView { background-image: url(../img/contact_page_bg.webp);}
.pageView.contactPageView p img { width: 673px;}

.linkView { margin: 5em 0;}
.linkView .inner { max-width: 1140px;}

.conceptView { background: url(./files/concept_bg.webp) no-repeat 50% 0; background-size: 100% auto; padding: 5em 0;}
.conceptView .inner { max-width: 1440px;}
.conceptView dl { max-width: 610px; margin: 0 auto; padding: 0; text-align: center;}
.conceptView dt { margin-bottom: 3em;}
.conceptView dd { font-size: 22px;}
.conceptView ul { background: url(./files/concept_split_line.webp) 50% 50% no-repeat; background-size: 100% 100%; list-style: none; margin: 0 auto; padding: 0; max-width: 1140px; display: flex; flex-wrap: wrap;}
.conceptView li { width: 45%; box-sizing: border-box; margin-right: 10%;}
.conceptView li:nth-child(2n) { margin-right: 0;}
.conceptView li:nth-child(1),
.conceptView li:nth-child(2) { margin-bottom: 7em; margin-top: 2em;}
.conceptView li:nth-child(3),
.conceptView li:nth-child(4) { margin-bottom: 3em;}
.conceptView li h3 { display: flex; align-items: center; line-height: 1.5; margin: 0 0 1.5em; padding: 0; height: 6.5em;}
.conceptView li h3 span { display: block; width: 81px; margin-right: 20px;}
.conceptView li h3 strong { display: block; font-size: 26px; color: var(--colorBlue); width: calc(100% - 236px);}
.conceptView li h3 figure { display: block; width: 135px;}
.conceptView li p { margin: 0; padding: 0;}
.conceptView .item { max-width: 880px; margin: 6em auto 4em;}

.doctorView { padding: 3.5em 0 0; margin-bottom: 5em;}
.doctorView .inner { max-width: 1440px;}
.doctorView .wrap { display: flex; max-width: 1180px; margin: 0 auto; position: relative;}
.doctorView .leftSide { width: 34%; margin-right: 5%; padding-top: 13.5em;}
.doctorView .leftSide h3 { position: absolute; left: 0; top: 0; width: 548px;}
.doctorView .leftSide dl { margin: 0; padding: 0;}
.doctorView .leftSide dt { margin-bottom: 2.5em;}
.doctorView .leftSide .clinicImage { margin: 0 0 1em; padding: 0;}
.doctorView .leftSide ul { list-style: none; margin: 1.5em 0 0; padding: 0; display: flex; flex-wrap: wrap; align-items: center;}
.doctorView .leftSide li { width: 45%; margin-right: 10%; text-align: center; margin-bottom: 2em;}
.doctorView .leftSide li:nth-child(2n) { margin-right: 0;}
.doctorView .leftSide li a { display: block;}
.doctorView .leftSide p { padding: 0; margin: 1em 0 2em; font-size: 14px;}

.doctorView .rightSide { width: 61%; position: relative; padding-top: 5em;}
.doctorView .rightSide:before { content: ''; background: var(--colorBlue); width: 700px; height: 700px; display: block; position: absolute; z-index: -1; opacity: 0.07; border-radius: 50%; left: 50%; top: 0; transform: translateX(-50%);}
.doctorView .rightSide dl.books { margin: 0 0 2em; padding: 0; text-align: center;}
.doctorView .rightSide dl.books dt { margin-bottom: 4em;}
.doctorView .rightSide .text { max-width: 650px; margin: 0 auto 3em;}
.doctorView .rightSide .text p { padding: 0; margin: 1em 0;}
.doctorView .rightSide .fullButton { margin-bottom: 2em;}

.doctorView .mediaBox { border: 1px solid var(--colorBorder); max-width: 1180px; margin: 2em auto 0; border-radius: 1em; box-sizing: border-box; padding: 1.5em 2em;}
.doctorView h3 { margin: 0; padding: 0; font-size: 24px;}
.doctorView .listBox { margin-top: 1.5em; display: flex;}
.doctorView .box { width: 22%; margin-right: 4%;}
.doctorView .box:last-child { margin-right: 0;}
.doctorView .box p { padding: 0; line-height: 75px;}
.doctorView .box p img { vertical-align: middle;}
.doctorView .box dl { text-align: left; margin: 0.5em 0; padding: 0;}
.doctorView .box dt { font-weight: bold;}
.doctorView .box dd { font-size: 14px;}

.componentView { padding: 3.5em 0 0;}
.componentView .inner.upSide { max-width: 1440px;}
.componentView .upSide .wrap { display: flex; max-width: calc(50% + 590px); margin: 0 0 0 auto; position: relative;}
.componentView .upSide .leftSide { width: 780px; padding-bottom: 6em;}
.componentView .upSide .leftSide h3 { margin: 0 0 2em;}
.componentView .upSide .leftSide h3 img { width: 462px;}
.componentView .upSide .leftSide dt { font-size: 20px; font-weight: bold; margin-bottom: 1em;}
.componentView .upSide .leftSide dd p { padding: 0;}
.componentView .upSide .rightSide { width: calc(100% - 780px); overflow: hidden; position: relative;}
.componentView .upSide .rightSide figure { position: absolute;}
.componentView .partsSide { position: relative;}
.componentView .partsSide h3 { position: absolute; left: 50%; top: -38px; transform: translateX(-50%); background: var(--colorBlue); color: var(--colorWhite); margin: 0; padding: 0; font-size: 24px; width: 394px; line-height: 95px; text-align: center;}
.componentView .componentBox { background: url(../img/component_bg.webp) 50% 50% no-repeat; background-size: cover;}
.componentView .componentBox .wrap { border-top: 1px solid rgba(255, 255, 255, 0.5);}
.componentView .componentBox .wrap:first-child { border-top: none;}
.componentView .componentBox .wrap .box { display: flex; max-width: 1180px; margin: 0 auto; border-right: 1px solid rgba(255, 255, 255, 0.5);}
.componentView .componentBox .wrap .box > span { min-height: 4em; display: block;}
.componentView .componentBox .wrap dl { margin: 0; padding: 0; box-sizing: border-box; padding: 3em;}
.componentView .componentBox .wrap .box > span,
.componentView .componentBox .wrap dl { border-left: 1px solid rgba(255, 255, 255, 0.5); width: 33.33%;}
.componentView .componentBox .wrap dt { text-align: center; color: var(--colorYellow); font-size: 24px; font-weight: bold; line-height: 1; min-height: 3em;}
.componentView .componentBox .wrap dt .mini { font-size: 16px;}
.componentView .componentBox .wrap dd { font-size: 16px; color: var(--colorWhite);}

.committedView { padding: 3.5em 0;}
.committedView .inner { max-width: 1440px;}
.committedView .committedBox { max-width: 1242px; margin: 0 auto;}
.committedView h3 { margin: 0; padding: 0; padding-left: 3.5em;}
.committedView h3 img { width: 463px;}
.committedView .box { background: rgba(0, 160, 217, 0.2); margin: 3.5em 0; box-sizing: border-box; padding: 3.5em;}
.committedView .box dl { margin: 0 0 2em; padding: 0; display: flex;}
.committedView .box dt { width: 81px; margin-right: 1.5em;}
.committedView .box dd { color: var(--colorBlue); font-size: 24px; font-weight: bold; line-height: 1.5;}

.committedView .box1 { position: relative;}
.committedView .box1 .wrap { display: flex;}
.committedView .box1 h4 { margin: 0; padding: 0;}
.committedView .box1 h4 span { display: inline-block; border-bottom: 2px solid var(--colorBorder); padding-bottom: 0.2em;}
.committedView .box1 .text { width: 30%; margin-right: 5%;}
.committedView .box1 .photos { list-style: none; margin: 0; padding: 0;}
.committedView .box1 .photos li { position: absolute;}
.committedView .box1 .photos li:nth-child(1) { width: 273px; right: 130px; top: -30px;}
.committedView .box1 .photos li:nth-child(2) { width: 280px; right: -50px; bottom: -100px;}

.committedView .box2 { position: relative;}
.committedView .box2 .wrap { display: flex;}
.committedView .box2 .text { width: 30%; margin-right: 5%;}
.committedView .box2 .text:last-child { margin-right: 0;}
.committedView .box2 .text h4 { margin: 0 0 1em; padding: 0;}
.committedView .box2 .image { padding: 0; position: absolute; width: 148px; top: -130px; left: calc(621px - 50vw);}

.committedView .box3 { position: relative;}
.committedView .box3 .wrap { display: flex;}
.committedView .box3 .text { width: 65%; margin-right: 5%;}
.committedView .box3 .photo { width: 30%;}
.committedView .box3 .photo figure { position: absolute; right: 0; top: 0; width: 30%; height: 100%; background: url(./files/committed_photo3.webp) 50% 50% no-repeat; background-size: cover;}
.committedView .box3 .photo figure img { display: none;}

.committedView .box4 { position: relative;}
.committedView .box4 .image { padding: 0; position: absolute; width: 207px; top: -40px; left: 45em;}

.drinkView { padding: 3.5em 0 0;}
.drinkView .inner { max-width: 1440px;}
.drinkView .content { max-width: 1140px; margin: 0 auto;}
.drinkView .iconTitle { padding: 0; margin: 1em 0; color: var(--colorBlue); font-size: 20px; font-weight: bold;}
.drinkView .iconTitle img { width: 28px; margin-right: 1em;}

.drinkView .content1 { position: relative; margin-bottom: 4em;}
.drinkView .content1 .iconTitle img { vertical-align: -0.1em;}
.drinkView .content1 h3 { margin-bottom: 2.5em;}
.drinkView .content1 h3 img { width: 700px;}
.drinkView .content1 .text { margin-bottom: 2em;}
.drinkView .content1 dl { margin: 0 0 1.5em; padding: 0;}
.drinkView .content1 dt { font-weight: bold;}
.drinkView .content1 .image { padding: 0; margin: 0; position: absolute; width: 507px; right: calc(570px - 50vw); top: -100px;}
.drinkView .content1 table { width: 100%; margin-bottom: 3em;}
.drinkView .content1 th { font-weight: normal;}
.drinkView .content1 th,
.drinkView .content1 td { text-align: center;}
.drinkView .content1 thead th { background: var(--colorBlue); color: var(--colorWhite);}
.drinkView .content1 thead td,
.drinkView .content1 tbody th { background: var(--colorLightBlue);}
.drinkView .content1 tbody strong { color: var(--colorBlue);}
.drinkView .content1 h4 { text-align: center; font-size: 28px; margin: 1.5em 0 0.5em; padding: 0;}

.drinkView .content2 { position: relative; padding: 3em 0 4em;}
.drinkView .content2 .iconTitle img { vertical-align: -0.3em;}
.drinkView .content2 h3 { margin-bottom: 2.5em;}
.drinkView .content2 h3 img { width: 800px;}
.drinkView .content2 .text { margin-top: 2.5em;}
.drinkView .content2 ul { list-style: none; margin: 0; padding: 0; display: flex;}
.drinkView .content2 li { width: 32%; margin-right: 2%; border-radius: 1em; overflow: hidden; background: var(--colorWhite);}
.drinkView .content2 li:last-child { margin-right: 0;}
.drinkView .content2 dl { padding: 1em 1.5em;}
.drinkView .content2 dt { margin-bottom: 1em; color: var(--colorBlue); font-weight: bold;}
.drinkView .content2 dt img { width: 25px; vertical-align: -0.2em; margin-right: 1em;}
.drinkView .content2 .image { padding: 0; margin: 0; position: absolute; width: 226px; right: calc(570px - 50vw); top: -100px;}

.drinkView .content3 { position: relative; padding: 2.5em 0 0;}
.drinkView .content3 .iconTitle img { vertical-align: -0.3em;}
.drinkView .content3 h3 { margin-bottom: 2.5em;}
.drinkView .content3 h3 img { width: 832px;}

.drinkView .content3 .box { border-radius: 0.75em; margin: 3em 0;}
.drinkView .content3 .box h4 { margin: 0 0 2em; padding: 1em 0 0; color: var(--colorBlue); position: relative;}
.drinkView .content3 .box h4 span { background: var(--colorWhite); position: absolute; display: block; padding: 0 2em; left: 50%; transform: translateX(-50%); top: -1em; font-size: 22px;}
.drinkView .content3 .box1 { background: rgba(0, 160, 217, 0.2); padding: 0 4em 3em;}
.drinkView .content3 .box1 p { margin-bottom: 2em; padding: 0;}
.drinkView .content3 .box2 { border: 1px solid var(--colorBlue); padding: 0 2em;}
.drinkView .content3 .box.box2 h4 span { border-bottom: 1px solid var(--colorBlue);}

.drinkView .content3 .recipeBox { display: flex; flex-wrap: wrap;}
.drinkView .content3 .recipeBox .box { width: 47.5%; margin-right: 5%; position: relative; padding-bottom: 8.5em; position: relative;}
.drinkView .content3 .recipeBox .box:nth-child(2n) { margin-right: 0;}
.drinkView .content3 .recipeBox figure { border-radius: 0.7em; overflow: hidden;}
.drinkView .content3 .recipeBox h5 { margin: 0; padding: 0 1.5em; background: var(--colorBlue); color: var(--colorWhite); position: absolute; border-radius: 0.5em; line-height: 2; left: -0.5em; top: -0.5em;}

.drinkView .content3 .material { position: relative; margin-top: 1em;}
.drinkView .content3 .material p { padding: 0; right: 0; top: 0; position: absolute; width: 62px;}
.drinkView .content3 .material dl { margin: 0; padding: 0;}
.drinkView .content3 .material dl dt { color: var(--colorLightText); font-weight: bold; font-size: 16px; margin-bottom: 0.5em;}
.drinkView .content3 .material dl dt:before { content: '-'; margin-right: 0.5em;}
.drinkView .content3 .material dl dd { margin-bottom: 1em;}
.drinkView .content3 .material ul { padding-left: 1.2em; margin: 0;}

.drinkView .content3 .arrange { background: var(--colorLightBrown); color: var(--colorBrown); font-size: 16px; padding: 1em 2em 1.5em; position: absolute; left: 0; bottom: 0; box-sizing: border-box; width: 100%;}
.drinkView .content3 .arrange dt { margin-bottom: 1em;}
.drinkView .content3 .arrange dt span { display: inline-block; border-bottom: 1px solid var(--colorBrown); font-weight: bold;}

.drinkView .content4 h2 { font-size: 28px;}
.drinkView .content4 h3 { font-size: 22px; margin: 1em 0 0.5em; padding: 0.2em 0 0.2em 0.5em; border-left: 5px solid var(--colorBlue); line-height: 1.2;}
.drinkView .content4 table { width: 100%;}
.drinkView .content4 thead th { text-align: center; background-color: var(--colorBlue); color: var(--colorWhite); font-weight: normal;}
.drinkView .content4 thead td { background-color: var(--colorLightBlue);}
.drinkView .content4 tbody th { background-color: var(--colorLightBlue); font-weight: normal;}
.drinkView .content4 .wrap { border: 1px solid var(--colorBlue); padding: 0.5em 1.5em; border-radius: 1em; margin: 2em 0;}
.drinkView .content4 .wrap p { padding: 0; margin: 0.5em 0 1em;}

.contactView { background: var(--colorLightGray); padding: 3.5em 0;}
.contactView .titleBox { text-align: center;}
.contactView .titleBox h2 { color: var(--colorBlue); font-size: 30px;}
.contactView .inner { max-width: 1075px;}
.contactView .partBox { margin: 2em 0;}
.contactView .partBox h3 { font-size: 20px; margin: 0; padding: 0;}
.contactView .partBox input[type=text] { border: none; font-size: 16px; padding: 0.75em 5px;}
.contactView .partBox input[type=text].txtsize100 { width: calc(100% - 10px);}
.contactView .partBox textarea { border: none;}
.contactView .partBox textarea.txtsize100 { width: calc(100% - 10px);}
.contactView .partBox select { font-size: 16px; background-color: var(--colorWhite); border: none; height: 3.6em;}
.contactView .partBox dl.inputBox { display: flex; width: 100%; align-items: center; margin-bottom: 1em;}
.contactView .partBox dl.inputBox > dt { font-size: 16px; font-weight: bold; color: var(--colorLightBlack); width: 10em; text-align: right; margin-right: 4em; position: relative;}
.contactView .partBox dl.inputBox > dt.require:after { content: '必須'; position: absolute; color: var(--colorRed); font-size: 12px; width: 2em; border: 1px solid var(--colorRed); display: bold; line-height: 1.3; padding: 0 0.2em; border-radius: 0.2em; left: 14.8em; top: 0.4em;}
.contactView .partBox dl.inputBox > dd { width: calc(100% - 14em);}
.contactView .partBox dl.inputBox > dd .mini { font-size: 16px;}
.contactView .partBox dl.inputBox > dd .zipcodeButton { display: inline-block; padding: 0 1em; font-size: 14px; text-decoration: none; background: var(--colorBlack); color: var(--colorWhite); border-radius: 0.5em; line-height: 3.6;}
.contactView .partBox dl.inputBox > dd dl { margin: 0 0 0 1.75em; padding: 0; font-size: 14px;}
.contactView .partBox dl.inputBox > dd dt { font-weight: bold; font-size: 14px;}
.contactView .partBox dl.inputBox > dd input[type=radio] { margin-right: 0.5em;}
.contactView .partBox dl.inputBox > dd label { display: block; padding: 1em 0; border-top: 1px solid var(--colorBorder);}
.contactView .partBox dl.inputBox > dd label:first-child { border-top: none;}
.contactView .partBox dl.inputBox > dd .error { font-size: 14px; color: var(--colorRed);}
.contactView .partBox .plusComment { font-size: 16px; margin-left: 14em; padding: 0;}
.contactView .partBox .inputAllBox > dd { background: var(--colorWhite); border-radius: 0.5em; box-sizing: border-box; padding: 0 1em;}

.contactView .agreeBox { font-size: 14px;}
.contactView .agreeBox label { font-weight: bold; font-size: 18px;}
.contactView .agreeBox label input[type=checkbox] { margin-right: 1em;}
.contactView .agreeBox label a { color: var(--colorBlack)}
.contactView .agreeBox label strong { color: var(--colorRed); font-size: 12px; width: 2em; border: 1px solid var(--colorRed); display: inline-block; line-height: 1.3; padding: 0 0.2em; border-radius: 0.2em;}

.contactView .blueButton { text-align: center; margin-top: 3em;}
.contactView .blueButton .button { background: var(--colorBlue); color: var(--colorWhite); display: inline-block; width: 720px; border-radius: 0.5em; line-height: 72px; font-size: 20px; text-decoration: none; font-weight: bold;}

.topContentView { background: url(./files/top_content_bg.webp) 50% 50% no-repeat; background-size: cover; padding: 5em 0;}
.topContentView .inner { max-width: 1140px;}
.topContentView h2 { text-align: center; margin-bottom: 5em;}
.topContentView h2 img { width: 830px;}
.topContentView .points { list-style: none; margin: 0 0 3em; padding: 0; display: flex; text-align: center;}
.topContentView .points li { width: 22%; margin-right: 4%; background: var(--colorWhite); box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); padding: 0 0 2em; border-radius: 0.75em;}
.topContentView .points li:last-child { margin-right: 0;}
.topContentView .points figure { margin: 2.5em 0;}
.topContentView .points figure img { width: 65px;}

.pTitle { margin: 0 0 2em; padding: 0; font-size: 42px; text-align: center;}

ul.quadArticlebox { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap;}
ul.quadArticlebox li { width: 22%; margin-right: 4%; margin-bottom: 1.8em;}
ul.quadArticlebox li:nth-child(4n) { margin-right: 0;}
ul.quadArticlebox figure a { display: block; background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; height: 187px; border-radius: 0.5em; margin-bottom: 0.5em;}
ul.quadArticlebox span { display: block;}
ul.quadArticlebox span.title { font-weight: bold;}
ul.quadArticlebox span.message { font-size: 16px;}

.topVoiceView { padding: 0; margin: 5em 0;}
.topVoiceView .inner { max-width: 1140px;}
.topVoiceView h2 { text-align: center; margin-bottom: 5em;}
.topVoiceView h2 img { width: 686px;}

.columnView { margin: 5em 0;}
.columnView .inner { max-width: 1140px;}

.topColumnView.columnView { background:var(--colorLightGray); margin: 0; padding: 5em 0;}

.aboutView { padding: 5em 0 0;}
.aboutView .inner { max-width: 1140px;}
.aboutView .content1 h2 { text-align: center; margin-bottom: 5em;}
.aboutView .content1 h2 img { width: 788px;}
.aboutView .content1 figure { border-radius: 1em; overflow: hidden;}
.aboutView .content1 .wrap { display: flex; align-items: end; margin-top: -8em;}
.aboutView .content1 .text { width: 72%; padding-bottom: 4em;}
.aboutView .content1 .image { width: 28%; padding: 0;}

.aboutView .content2 { background: var(--colorLightGray); padding: 5em 0;}
.aboutView .content2 h2 { text-align: center;}
.aboutView .content2 h2 img { width: 884px;}
.aboutView .content2 .wrap { display: flex; align-items: center;}
.aboutView .content2 .wrap .text { width: 47.5%; margin-right: 5%;}
.aboutView .content2 .wrap .text h3 { font-size: 32px; padding: 0;}
.aboutView .content2 .wrap .image { width: 47.5%;}
.aboutView .content2 .chart { padding: 0; margin: 0 0 5em;}
.aboutView .content2 .wrap2 { display: flex; align-items: center;}
.aboutView .content2 .wrap2 .image { padding: 0; width: 47.5%; margin-right: 5%;}
.aboutView .content2 .wrap2 .text { width: 47.5%;}
.aboutView .content2 .wrap2 .text h3 { font-size: 32px;}

.aboutView .content3 { margin: 5em 0;}
.aboutView .content3 h2 { text-align: center; margin-bottom: 5em;}
.aboutView .content3 h2 img { width: 624px;}
.aboutView .content3 .wrap { display: flex; align-items: center; margin: 5em 0;}
.aboutView .content3 .wrap .text { width: 47.5%;}
.aboutView .content3 .wrap .text h3 { font-size: 32px; padding: 0;}
.aboutView .content3 .wrap .image { width: 47.5%; margin-right: 5%;}
.aboutView .content3 .wrap.reverse { flex-direction: row-reverse;}
.aboutView .content3 .wrap.reverse .text { margin-right: 5%;}
.aboutView .content3 .wrap.reverse .image { margin-right: 0;}

.aboutView .content4 { background: var(--colorLightGray); padding: 5em 0;}
.aboutView .content4 h2 { text-align: center; margin-bottom: 5em;}
.aboutView .content4 h2 img { width: 1008px;}
.aboutView .content4 .text h3 { font-size: 32px;}

.aboutView .content5 { margin: 5em 0;}
.aboutView .content5 h2 { text-align: center; margin-bottom: 5em;}
.aboutView .content5 h2 img { width: 816px;}
.aboutView .content5 .wrap { display: flex; align-items: center; margin: 5em 0;}
.aboutView .content5 .wrap .text { width: 47.5%;}
.aboutView .content5 .wrap .text h3 { font-size: 32px; padding: 0;}
.aboutView .content5 .wrap .image { width: 47.5%; margin-right: 5%;}
.aboutView .content5 .wrap.reverse { flex-direction: row-reverse;}
.aboutView .content5 .wrap.reverse .text { margin-right: 5%;}
.aboutView .content5 .wrap.reverse .image { margin-right: 0;}

.comingSoonView p { font-size: 48px; line-height: 1; padding: 0; margin: 0; position: fixed; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); color: var(--colorBorder); font-weight: bold;}

.booksView { padding: 4em 0 5em;}
.booksView h2 { text-align: center; margin-bottom: 1.5em; padding: 0; font-size: 42px; line-height: 1;}
.booksView .inner { max-width: 1140px;}
.booksView ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap;}
.booksView li { width: 18%; margin-right: 2.5%; background: var(--colorWhite); box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); box-sizing: border-box; margin-bottom: 1.5em; border-radius: 0.5em; padding-bottom: 2em; position: relative;}
.booksView li:nth-child(5n) { margin-right: 0;}
.booksView li .book { text-decoration: none; padding: 1em; display: block;}
.booksView li .book > span { display: block; font-size: 14px; line-height: 1.5;}
.booksView li figure { height: 200px; text-align: center;}
.booksView li figure img { max-width: 100%; max-height: 100%;}
.booksView li .button { line-height: 2.4; font-size: 14px; display: block;}
.booksView li p { margin: 0; padding: 0 0.5em; position: absolute; bottom: 0.5em; left: 0; width: calc(100% - 1em);}

.archivesView { padding: 4em 0 5em;}
.archivesView h2 { text-align: center; margin-bottom: 1.5em; padding: 0; font-size: 42px; line-height: 1;}
.archivesView h3 { font-size: 32px; line-height: 1.5;}
.archivesView .inner { max-width: 1140px;}
.archivesView .date { text-align: right; font-weight: bold; margin: 0; padding: 0; color: var(--colorLightText);}
.archivesView .text { margin-top: 2em;}
.archivesView .paginate { padding: 0; margin: 1em 0 0; font-size: 16px; text-align: center;}
.archivesView .paginate .page-numbers { display: inline-block; width: 2em; text-align: center; border: 1px solid var(--colorBlue); line-height: 2; text-decoration: none;}
.archivesView .paginate span.page-numbers { background: var(--colorBlue); color: var(--colorWhite);}
.archivesView .paginate a.page-numbers:hover { background: var(--colorBlue); color: var(--colorWhite);}
.archivesView .plusTop { margin-top: 3em;}

.archivesView .text p { display: block; margin: 1em 0; padding: 0;}
.archivesView .text strong { font-weight: bold;}
.archivesView .text em { font-style: italic; }
.archivesView .text blockquote { display: block; -webkit-margin-before: 1em; -webkit-margin-after: 1em; -webkit-margin-start: 40px; -webkit-margin-end: 40px;}
.archivesView .text .aligncenter { display: block; margin: 0 auto;}
.archivesView .text .alignright { float: right; }
.archivesView .text .alignleft { float: left; }
.archivesView .text img[class*="wp-image-"],
.archivesView .text img[class*="attachment-"] { height: auto; max-width: 100%;}
.archivesView .text .clearfix { overflow: hidden; zoom: 1;}
.archivesView .text .clearfix:after { content: ""; display: block; clear: both;}

iframe.shopping { border: none; margin: 0; padding: 0;}

.productSelectBox ul { list-style: none; margin: 0; padding: 0; display: flex;}
.productSelectBox li { width: 33.33%; text-align: center;}
.productSelectBox li img { width: 200px;}
.productSelectBox li p { margin: 0; padding: 0;}
.productSelectBox li dl { margin: 0; padding: 0; text-align: center;}
.productSelectBox li dt,
.productSelectBox li dd { font-weight: bold; font-size: 14px;}
.productSelectBox li strong { margin-right: 0.5em; padding: 0 0.5em; font-size: 16px; border-radius: 0.3em;}
.productSelectBox li .shopping { background: var(--colorBlue); color: var(--colorYellow);}
.productSelectBox li .reserve { background: var(--colorRed); color: var(--colorWhite);}

.nutritionList { background: var(--colorWhite); width: 100%;}
.nutritionList th,
.nutritionList td { font-size: 16px;}
.nutritionList th { background-color: var(--colorLightBlue);}
.nutritionList td ul { list-style: none; margin: 0; padding: 0; column-count: 3;}
.nutritionList td ul span { display: inline-block; width: 13em;}
.nutritionList td ul li { border-bottom: 1px dotted var(--colorLightBlack);}

.productDetails .openButton { padding: 0; margin: 1em 0;}
.productDetails .openButton a { display: block; text-align: center; border: 1px solid var(--colorBorder); line-height: 2.4; text-decoration: none; border-radius: 1.2em;}
.productDetails .openButton a:hover { background: var(--colorWhite);}
.productDetails .openButton a span:before,
.productDetails .openButton a span:after { content: '▼';}
.productDetails .closeButton a { display: block; text-align: center; border: 1px solid var(--colorBorder); line-height: 2.4; text-decoration: none; border-radius: 1.2em;}
.productDetails .closeButton a:hover { background: var(--colorWhite);}

.newmasldDigitalbookView .topBox { padding: 3em 0;}
.newmasldDigitalbookView .topBox .inner { display: flex; max-width: 1200px; margin: 0 auto; align-items: start;}
.newmasldDigitalbookView .topBox h2 { margin-bottom: 0.5em;}
.newmasldDigitalbookView .topBox .leftSide,
.newmasldDigitalbookView .topBox .rightSide { width: 50%;}
.newmasldDigitalbookView .topBox .leftSide figure { text-align: center;}
.newmasldDigitalbookView .topBox .leftSide figure img { box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);}
.newmasldDigitalbookView .topBox .rightSide ul { list-style: none; margin: 0; padding: 0;}
.newmasldDigitalbookView .topBox .rightSide li { margin: 1em 0;}
.newmasldDigitalbookView .topBox .rightSide li .button { border-radius: 2em;}
.newmasldDigitalbookView .topBox .rightSide li .button img { vertical-align: middle;}
.newmasldDigitalbookView .mainButton { margin: 2em 0; text-align: center; padding: 0;}
.newmasldDigitalbookView .mainButton .button { background-color: var(--colorLineButton); border-radius: 3em; padding: 1em 2em; box-shadow: 3px 3px 0 var(--colorLineButtonShadow);}
.newmasldDigitalbookView .mainButton .button img { vertical-align: middle;}
.newmasldDigitalbookView .mainButton span { display: block; text-align: center; margin-bottom: 1em;}

.newmasldDigitalbookView .barBox { background-color: var(--colorYellow); padding: 0;}
.newmasldDigitalbookView .barBox .inner { max-width: 1200px;}
.newmasldDigitalbookView .barBox dl { margin: 0; padding: 0; position: relative;}
.newmasldDigitalbookView .barBox dt { padding: 1.5em 0;}
.newmasldDigitalbookView .barBox dd { position: absolute; right: 0; bottom: 0; width: 260px;}

.newmasldDigitalbookView .buttonBox { margin: 5em 0;}

.newmasldDigitalbookView .miniBookBox .inner { display: flex; max-width: 1200px; margin: 0 auto; align-items: start; align-items: center;}
.newmasldDigitalbookView .miniBookBox .leftSide,
.newmasldDigitalbookView .miniBookBox .rightSide { width: 50%;}
.newmasldDigitalbookView .miniBookBox .leftSide figure { text-align: center;}
.newmasldDigitalbookView .miniBookBox .leftSide figure img { box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);}

.newmasldDigitalbookView .miniBookIndexBox { margin: 5em 0;}
.newmasldDigitalbookView .miniBookIndexBox .inner { max-width: 1200px; margin: 0 auto;}
.newmasldDigitalbookView .miniBookIndexBox h2 { margin-bottom: 2em;}
.newmasldDigitalbookView .miniBookIndexBox .wrap { display: flex; align-items: center;}
.newmasldDigitalbookView .miniBookIndexBox .leftSide { width: 70%;}
.newmasldDigitalbookView .miniBookIndexBox .leftSide h3 { color: var(--colorBlue); font-size: 22px;}
.newmasldDigitalbookView .miniBookIndexBox .leftSide ul { list-style: none; margin: 0; padding: 0;}
.newmasldDigitalbookView .miniBookIndexBox .leftSide li:before { content: '●'; margin-right: 0.5em; color: var(--colorBlue);}

.newmasldDigitalbookView .productBox { margin: 5em 0;}
.newmasldDigitalbookView .productBox .inner { max-width: 1200px; margin: 0 auto;}
.newmasldDigitalbookView .productBox ul { list-style: none; margin: 0; padding: 0; display: flex; gap: 30px;}
.newmasldDigitalbookView .productBox p.coupon { text-align: center; padding: 0; margin-bottom: 5em;}
.newmasldDigitalbookView .productBox p.coupon img { width: 600px;}

.shoppingView { background: var(--colorLightGray); padding: 3.5em 0;}
.shoppingView .titleBox { text-align: center;}
.shoppingView .titleBox h2 { color: var(--colorBlue); font-size: 30px;}
.shoppingView .inner { max-width: 1075px;}
.shoppingView ul { list-style: none; margin: 4em 0; padding: 0; display: flex; gap: 30px;}
.shoppingView li { text-align: center;}
.shoppingView li span { display: block;}
.shoppingView li a:hover { opacity: 0.6; transition: 0.3s;}
.shoppingView li p.status { padding: 0; margin: 0.6em 0 0.4em;}
.shoppingView li p.status a { display: block; line-height: 1.5; border-radius: 0.5em; text-decoration: none; padding: 0.5em 0;}
.shoppingView li p.status .statusSale { background: var(--colorBlue); color: var(--colorYellow); box-shadow: 3px 3px 0 var(--colorBlueShadow);}
.shoppingView li p.status .statusReserve { background: var(--colorYellow); color: var(--colorBlack); box-shadow: 3px 3px 0 var(--colorYellowShadow);}

.shoppingView li p.status.upper { margin-bottom: 1em;}
.shoppingView li p.status.upper a { display: flex; height: 3em; align-items: center;}
.shoppingView li p.status.upper span { display: block; width: 100%;}

.productDetailView { margin: 3em 0 5em;}
.productDetailView .inner { max-width: 1075px;}
.productDetailView .wrap { display: flex; margin-bottom: 3em;}
.productDetailView .wrap .leftSide { width: 50%; text-align: center;}
.productDetailView .wrap .rightSide { width: 50%;}
.productDetailView .wrap .rightSide h2 { font-size: 28px; color: var(--colorBlue); margin-bottom: 0.5em;}
.productDetailView .wrap .rightSide th { background-color: var(--colorLightBlue);}
.productDetailView .wrap .rightSide dl { margin: 1.5em 0; padding: 0; display: flex; align-items: center; background-color: var(--colorLightBlue); border: 1px solid var(--colorBorder);}
.productDetailView .wrap .rightSide dt,
.productDetailView .wrap .rightSide dd { padding: 5px 10px; box-sizing: border-box;}
.productDetailView .wrap .rightSide dt { width: 20%; font-weight: bold; text-align: center;}
.productDetailView .wrap .rightSide dd { width: 80%;}
.productDetailView .wrap .rightSide .strike { text-decoration-line: line-through;}

.productDetailView .wrap .rightSide .SetCount { background: var(--colorBlue); color: var(--colorYellow); text-decoration: none; line-height: 1.5; width: 1.5em; display: inline-block; text-align: center; border-radius: 1em; box-shadow: 3px 3px 0 var(--colorBlueShadow);}
.productDetailView .wrap .rightSide input[type=number] { margin: 0 0.5em;}

.contactView .cartTable table { width: 100%; background: var(--colorWhite);}
.contactView .cartTable thead th { background-color: var(--colorLightBlue); text-align: center;}

.albuminDigitalbookView .topBox { padding: 3em 0;}
.albuminDigitalbookView .topBox .inner { display: flex; max-width: 1200px; margin: 0 auto; align-items: start;}
.albuminDigitalbookView .topBox h2 { margin-bottom: 0.5em;}
.albuminDigitalbookView .topBox .leftSide,
.albuminDigitalbookView .topBox .rightSide { width: 50%;}
.albuminDigitalbookView .topBox .leftSide figure { text-align: center;}
.albuminDigitalbookView .topBox .leftSide figure img { box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);}
.albuminDigitalbookView .topBox .rightSide ul { list-style: none; margin: 0; padding: 0;}
.albuminDigitalbookView .topBox .rightSide li { margin: 1em 0;}
.albuminDigitalbookView .topBox .rightSide li .button { border-radius: 2em;}
.albuminDigitalbookView .topBox .rightSide li .button img { vertical-align: middle;}
.albuminDigitalbookView .mainButton { margin: 2em 0; text-align: center; padding: 0;}
.albuminDigitalbookView .mainButton .button { background-color: var(--colorLineButton); border-radius: 3em; padding: 1em 2em; box-shadow: 3px 3px 0 var(--colorLineButtonShadow);}
.albuminDigitalbookView .mainButton .button img { vertical-align: middle;}
.albuminDigitalbookView .mainButton span { display: block; text-align: center; margin-bottom: 1em;}

.albuminDigitalbookView .barBox { background-color: var(--colorAlbuminBrown); padding: 0;}
.albuminDigitalbookView .barBox .inner { max-width: 1200px;}
.albuminDigitalbookView .barBox dl { margin: 0; padding: 0; position: relative;}
.albuminDigitalbookView .barBox dt { padding: 1.5em 0;}
.albuminDigitalbookView .barBox dd { position: absolute; right: 0; bottom: 0; width: 260px;}

.albuminDigitalbookView .buttonBox { margin: 5em 0;}

.albuminDigitalbookView .miniBookBox .inner { display: flex; max-width: 1200px; margin: 0 auto; align-items: start; align-items: center;}
.albuminDigitalbookView .miniBookBox .leftSide,
.albuminDigitalbookView .miniBookBox .rightSide { width: 50%;}
.albuminDigitalbookView .miniBookBox .leftSide figure { text-align: center;}
.albuminDigitalbookView .miniBookBox .leftSide figure img { box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);}

.albuminDigitalbookView .miniBookIndexBox { margin: 5em 0;}
.albuminDigitalbookView .miniBookIndexBox .inner { max-width: 1200px; margin: 0 auto;}
.albuminDigitalbookView .miniBookIndexBox h2 { margin-bottom: 2em;}
.albuminDigitalbookView .miniBookIndexBox .wrap { display: flex; align-items: center;}
.albuminDigitalbookView .miniBookIndexBox .leftSide { width: 70%;}
.albuminDigitalbookView .miniBookIndexBox .leftSide h3 { color: var(--colorAlbuminBrownShadow); font-size: 20px;}
.albuminDigitalbookView .miniBookIndexBox .leftSide ul { list-style: none; margin: 0; padding: 0;}
.albuminDigitalbookView .miniBookIndexBox .leftSide li:before { content: '●'; margin-right: 0.5em; color: var(--colorAlbuminBrown);}

.albuminDigitalbookView .productBox { margin: 5em 0;}
.albuminDigitalbookView .productBox .inner { max-width: 1200px; margin: 0 auto;}
.albuminDigitalbookView .productBox ul { list-style: none; margin: 0; padding: 0; display: flex; gap: 30px;}
.albuminDigitalbookView .productBox p.coupon { text-align: center; padding: 0; margin-bottom: 5em;}
.albuminDigitalbookView .productBox p.coupon img { width: 600px;}

.albuminDigitalbookView .button { background-color: var(--colorBlack); box-shadow: 3px 3px 0 var(--colorBorder);}

.lawView .inner { max-width: 1000px; font-size: 16px; padding: 4em 0;}
.lawView h2 { color: var(--colorBlue); text-align: center; font-size: 28px; margin-bottom: 1.5em;}
.lawView table { width: 100%;}
.lawView th { background-color: var(--colorLightBlue);}
.lawView td dl { margin: 0.5em 0; padding: 0;}
.lawView td dt strong { font-weight: bold;}

.paymentFormWrap { padding: 3em 0; background: url(../img/entry_bg.webp) no-repeat 0 50% var(--colorBlue); background-size: auto 100%;}
.paymentFormWrap .form_container_ec { background-color: var(--colorWhite); border-radius: 1.5em;}
#footer { background: var(--colorBlueShadow);}

@media screen and (max-width: 1050px){
	.committedView .box2 .image { left: 0;}
	.committedView .box4 .image { left: unset; right: 0;}
}

.spOnly { display: none;}
.spMenu { display: none;}

.spContactBox { display: none;}
.fixedButtonBox { display: none;}

@media screen and (max-width: 800px){
	.pcOnly { display: none;}
	div.spOnly,
	p.spOnly { display: block;}
	img.spOnly,
	br.spOnly { display: inline;}

	.spMenu { display: block; position: fixed; right: 1em; top: 1em; z-index: 9998; padding: 7.5px 5px 2.5px; border-radius: 8px; display: block;}
	.spMenu a,
	.spMenu a span { display: inline-block; transition: all .4s; box-sizing: border-box;}
	.spMenu a { position: relative; width: 22px; height: 18px;}
	.spMenu a span { position: absolute; left: 0; width: 100%; height: 2px; background-color: var(--colorBlue); border-radius: 4px;}
	.spMenu a span:nth-of-type(1) { top: 0;}
	.spMenu a span:nth-of-type(2) { top: 8px;}
	.spMenu a span:nth-of-type(3) { bottom: 0;}
	.spMenu a.open span:nth-of-type(1) {transform: translateY(8px) rotate(-315deg);}
	.spMenu a.open span:nth-of-type(2) { opacity: 0;}
	.spMenu a.open span:nth-of-type(3) { transform: translateY(-8px) rotate(315deg);}

	#lpHeader { position: fixed; width: 100%; background: white; z-index: 10000;}
	#lpHeader .logoView { width: auto;}
	#lpHeader .logoView img { height: 2.5em;}
	#lpHeader .inner { padding: 1em;}
	#lpHeader .gNavi { position: absolute; left: 0; width: 100%; display: block; background: var(--colorWhite); top: 4.5em; padding-bottom: 2em; display: none; height: calc(100vh - 4.5em);}
	#lpHeader .gNavi ul { display: block; padding: 0 0 2em; width: auto; border-top: 1px dotted var(--colorBorder);}
	#lpHeader .gNavi li { border-bottom: 1px dotted var(--colorBorder);}
	#lpHeader .gNavi .entry { display: none;}
  #lpHeader .gNavi .contactBox { display: none;}

	#header { position: fixed; width: 100%; background: white; z-index: 10000;}
	#header .logoView { width: auto;}
	#header .logoView img { height: 2.5em;}
	#header .inner { padding: 0.3em 1em;}
	#header .gNavi { position: absolute; left: 0; width: 100%; display: block; background: var(--colorWhite); top: 4.2em; padding-bottom: 2em; display: none; height: calc(100vh - 4.5em);}
	#header .gNavi ul { display: block; padding: 0; width: auto; border-top: 1px dotted var(--colorBorder); margin-bottom: 10px;}
	#header .gNavi li { border-bottom: 1px dotted var(--colorBorder);}
	#header .gNavi .entry { width: auto; padding-left: 15px; padding-right: 15px;}
	#header .gNavi li span { display: inline-block;}
	#header .gNavi li span img { width: 18px; margin-right: 0.5em;}
	#header .gNavi li a { text-align: left; padding: 0.5em 1em;}
	#header .gNavi .entryButton { margin: 10px; text-align: center;}
	#header .gNavi .contactBox { margin: 0 10px;}

	.spContactBox { position: fixed; z-index: 11000; display: block; left: 47%; width: 36%; top: 0.5em; margin: 0;}
	.spContactBox dt { font-size: 12px; margin-bottom: 0.5em;}
	.spContactBox dt a { display: block; text-decoration: none; text-align: center; background: var(--colorYellow); color: var(--colorBlack); line-height: 2.2; font-weight: bold; border-radius: 0.3em; box-shadow: 3px 3px 0 var(--colorYellowShadow);}
	.spContactBox dd a { font-size: 14px; display: block; text-decoration: none; text-align: center; background: var(--colorBlue); color: var(--colorYellow); font-weight: bold; border-radius: 0.3em; box-shadow: 3px 3px 0 var(--colorBlueShadow);}
	.spContactBox dd a img { width: 20px; vertical-align: -0.2em; margin-right: 0.2em;}

	#container { padding-top: 4em;}

	#footer h2 { text-align: center;}
	#footer ul { display: block;}
	#footer li { margin-right: 0; border-bottom: 1px dotted white;}
	#footer li a { display: block; padding: 0 1em; line-height: 2.4;}

	.entryView .inner { padding: 2em 15px 3em}
	.entryView dd { font-size: 14px;}
	.entryView dt { margin-bottom: 0.5em;}

	.conceptView { padding-bottom: 2em;}
	.conceptView dl { padding-left: 15px; padding-right: 15px;}
	.conceptView dt { margin-bottom: 1em;}
	.conceptView dd { font-size: 18px; font-weight: bold;}
	.conceptView .item { margin: 2em auto;}
	.conceptView ul { display: block; padding-left: 15px; padding-right: 15px; background: none;}
	.conceptView li { width: auto; margin: 0;}
	.conceptView li h3 { display: block; height: auto;}
	.conceptView li h3 span { float: left;}
	.conceptView li h3 strong { width: auto; font-size: 24px;}
	.conceptView li h3 figure { margin: 1em auto 0;}
	.conceptView li:nth-child(1),
	.conceptView li:nth-child(2),
	.conceptView li:nth-child(3),
	.conceptView li:nth-child(4) { margin: 0 0 2em;}
	.conceptView li p { font-size: 16px;}

	.doctorView .wrap { display: block;}
	.doctorView .leftSide { width: auto; margin-right: 0; padding: 0 15px;}
	.doctorView .leftSide h3 { position: static; width: auto; margin-bottom: 2em;}
	.doctorView .leftSide dl { margin-bottom: 1em;}
	.doctorView .rightSide { padding-top: 0; width: auto; padding-left: 15px; padding-right: 15px;}
	.doctorView .rightSide dl.books dt { margin-bottom: 1em;}
	.doctorView .rightSide:before { width: 120vw; height: 120vw;}
	.doctorView .rightSide dl.books { margin-bottom: 2em;}
	.doctorView .rightSide .mediaBox { padding: 1em;}
	.doctorView .rightSide .listBox { margin-top: 0;}

	.componentView .upSide .wrap { display: block; padding-left: 15px; padding-right: 15px;}
	.componentView .upSide .leftSide { width: auto; padding-bottom: 2em;}
	.componentView .upSide .leftSide dd p { font-size: 16px;}

	.componentView .partsSide { margin-top: 2em;}
	.componentView .partsSide h3 { font-size: 20px; width: 80%; line-height: 80px;}
	.componentView .componentBox { padding-top: 1.3em;}
	.componentView .componentBox .wrap { border-top: none;}
	.componentView .componentBox .wrap .box { display: block; padding-top: 1em; border-right: none;}
	.componentView .componentBox .wrap .box > span { display: none;}
	.componentView .componentBox .wrap dl { width: auto; padding: 1em 15px; border-right: none; border-bottom: 1px solid rgba(255, 255, 255, 0.5); border-left: none;}
	.componentView .componentBox .wrap dt { min-height: unset; margin-bottom: 1em;}

	.committedView .box dl { display: block; position: relative; padding-top: 2em;}
	.committedView .box dt { position: absolute; left: -2em; top: -3em;}
	.committedView .box1 .photos li { position: static;}
	.committedView .box1 .wrap { display: block;}
	.committedView .box1 .text { width: auto; margin-right: 0; font-size: 16px;}
	.committedView .box { padding: 1em; margin-left: 1em;}
	.committedView .box1 .photos { display: flex; margin-left: -2em; margin-right: -1em;}
	.committedView .box1 .photos li:last-child { padding-top: 2em;}

	.committedView .box2 .wrap { display: block;}
	.committedView .box2 .text { width: auto; margin-right: 0; font-size: 16px; margin-bottom: 2em;}

	.committedView .box3 .wrap { display: block;}
	.committedView .box3 .text { width: auto; margin-right: 0; font-size: 16px; margin-bottom: 2em;}
	.committedView .box3 .photo { width: auto;}
	.committedView .box3 .photo figure { position: static; width: auto; background: none; height: auto; margin-left: -2em; margin-right: -1em;}
	.committedView .box3 .photo figure img { display: inline;}

	.committedView .box4 .text { width: auto; margin-right: 0; font-size: 16px; margin-bottom: 2em;}

	.drinkView .content { padding-left: 15px; padding-right: 15px;}
	.drinkView .content1 .text { font-size: 16px;}
	.drinkView .content1 dl { font-size: 16px;}

	.drinkView .content4 { font-size: 16px;}
	.drinkView .content4 h3 { font-size: 19px; padding-left: 0.4em;}
	.drinkView .content4 .wrap { padding-left: 1em; padding-right: 1em;}

	.drinkView .content2 { padding-bottom: 1em;}
	.drinkView .content2 .text { font-size: 16px;}
	.drinkView .content2 ul { display: block;}
	.drinkView .content2 li { width: auto; margin-right: 0; margin-bottom: 1.5em;}
	.drinkView .content2 dl { padding: 1em;}
	.drinkView .content2 dd { font-size: 16px;}

	.drinkView .content3 .box h4 { text-align: center; padding: 0; margin: 0;}
	.drinkView .content3 .box h4 span { font-size: 20px; position: static; transform: translateY(-50%); padding: 0 1.5em; display: inline-block;}
	.drinkView .content3 .box1 { padding-left: 1em; padding-right: 1em; margin-bottom: 0;}
	.drinkView .content3 .box1 p { font-size: 16px;}
	.drinkView .content3 .box2 { padding: 0 1em;}
	.drinkView .content3 .box2 > p { font-size: 16px;}
	.drinkView .content3 .recipeBox { display: block;}
	.drinkView .content3 .recipeBox .box { width: auto; margin-right: 0;}
	.drinkView .content3 .material dl { font-size: 16px;}
	.drinkView .content3 .arrange { padding: 1em;}

	.contactView .titleBox p { font-size: 16px;}
	.contactView .partBox { padding-left: 15px; padding-right: 15px;}
	.contactView .partBox dl.inputBox { display: block;}
	.contactView .partBox dl.inputBox > dt { text-align: left; width: auto; margin-right: 0; margin-bottom: 0.5em;}
	.contactView .partBox dl.inputBox > dt.require:after { left: unset; right: 0;}
	.contactView .partBox dl.inputBox > dd { width: auto;}
	.contactView .partBox h3.fL { float: none;}
	.contactView .partBox .plusComment { margin: 1em 0;}

	.contactView .partBox dl.inputBox > dt { font-size: 16px;}
	.contactView .agreeBox { padding-left: 15px; padding-right: 15px;}
	.contactView .agreeBox p.aC { text-align: left;}
	.contactView .agreeBox label { font-size: 16px;}
	.contactView .agreeBox label input[type="checkbox"] { margin-right: 0.1em;}
	.contactView .blueButton .button { width: auto; display: block;}
	.contactView .blueButton input.button { width: 100%;}

	.drinkView .content3 .recipeBox .box { padding-bottom: 0;}
	.drinkView .content3 .arrange { position: static;}

	.drinkView .content1 th,
	.drinkView .content1 td { font-size: 16px;}

	.drinkView .content1 h4 { font-size: 20px;}

	.aboutView { padding-top: 3em;}
	.aboutView .content1 { padding-left: 15px; padding-right: 15px;}
	.aboutView .content1 h2 { margin-bottom: 3em;}
	.aboutView .content1 figure { margin-bottom: 2em;}
	.aboutView .content1 .wrap { margin-top: 0; display: block;}
	.aboutView .content1 .text { width: auto; font-size: 16px; padding-bottom: 0;}
	.aboutView .content1 .text h3 { font-size: 24px;}
	.aboutView .content1 .image { width: auto;}

	.aboutView .content2 { padding: 3em 15px;}
	.aboutView .content2 h2 { margin-bottom: 3em;}
	.aboutView .content2 .wrap { display: block;}
	.aboutView .content2 .wrap .text { width: auto; margin-right: 0;}
	.aboutView .content2 .wrap .text h3 { font-size: 24px;}
	.aboutView .content2 .wrap .text p { font-size: 16px;}
	.aboutView .content2 .wrap .image { width: auto;}
	.aboutView .content2 .chart { margin-bottom: 3em;}
	.aboutView .content2 .wrap2 { display: block;}
	.aboutView .content2 .wrap2 .image { width: auto; margin-right: 0;}
	.aboutView .content2 .wrap2 .text { width: auto;}
	.aboutView .content2 .wrap2 .text h3 { font-size: 24px;}
	.aboutView .content2 .wrap2 .text p { font-size: 16px;}

	.aboutView .content3 { margin: 3em 0; padding-left: 15px; padding-right: 15px;}
	.aboutView .content3 h2 { margin-bottom: 3em;}
	.aboutView .content3 .wrap { display: block; margin: 3em 0;}
	.aboutView .content3 .wrap .image { width: auto; margin-bottom: 1.5em; margin-right: 0;}
	.aboutView .content3 .wrap .text { width: auto; margin-right: 0;}
	.aboutView .content3 .wrap .text h3 { font-size: 24px;}
	.aboutView .content3 .wrap .text p { font-size: 16px;}
	.aboutView .content3 .wrap.reverse .text { margin-right: 0;}

	.aboutView .content4 { padding: 3em 15px;}
	.aboutView .content4 h2 { margin-bottom: 3em;}
	.aboutView .content4 .text h3 { font-size: 24px;}
	.aboutView .content4 .text p { font-size: 16px;}
	
	.aboutView .content5 { margin: 3em 0; padding-left: 15px; padding-right: 15px;}
	.aboutView .content5 h2 { margin-bottom: 3em;}
	.aboutView .content5 .wrap { display: block; margin: 3em 0;}
	.aboutView .content5 .wrap .image { width: auto; margin-bottom: 1.5em; margin-right: 0;}
	.aboutView .content5 .wrap .text { width: auto; margin-right: 0;}
	.aboutView .content5 .wrap .text h3 { font-size: 24px;}
	.aboutView .content5 .wrap .text p { font-size: 16px;}
	.aboutView .content5 .wrap.reverse .text { margin-right: 0;}

	.pageView { height: 70vw;}

	.doctorView .listBox { flex-wrap: wrap;}
	.doctorView .box { width: 48%;}
	.doctorView .box:nth-child(2n) { margin-right: 0;}
	.doctorView .mediaBox { margin-right: 15px; margin-left: 15px; padding: 1em;}

	.topContentView .points { flex-wrap: wrap; padding-left: 15px; padding-right: 15px; font-size: 14px;}
	.topContentView .points li { width: 48%; margin-bottom: 1em;}
	.topContentView .points li:nth-child(2n) { margin-right: 0;}
	.topContentView .points li p { text-align: left; padding: 0 1em;}
	.topContentView .points li p br { display: none;}

	.doubleButton { display: block; padding: 0 15px;}
	.doubleButton li { width: auto; margin-right: 0;}
	.doubleButton li:first-child { margin-bottom: 1em;}
	.fullButton { padding: 0 15px;}

	ul.quadArticlebox { flex-wrap: wrap; padding-left: 15px; padding-right: 15px; font-size: 16px;}
	ul.quadArticlebox li { width: 48%; margin-bottom: 1em;}
	ul.quadArticlebox li:nth-child(2n) { margin-right: 0;}
	ul.quadArticlebox figure a { height: 33vw;}
	ul.quadArticlebox span.message { font-size: 14px;}

	.committedView .box2 .image { display: none;}

	.topVoiceView h2 { padding-left: 15px; padding-right: 15px;}
	.archivesView .inner { padding-left: 15px; padding-right: 15px;}
	.archivesView .date { font-size: 14px;}
	.archivesView figure { margin: 0;}
	.archivesView h2 { font-size: 28px;}
	.archivesView h3 { font-size: 24px;}
	.archivesView .fullButton { padding: 0;}

	.doctorView .rightSide .fullButton { padding: 0;}
	.topContentView h2 { padding-left: 15px; padding-right: 15px;}
	.pTitle { font-size: 32px; margin-bottom: 1.5em;}
	.committedView h3 { padding-left: 15px; padding-right: 15px;}

	.committedView .box1 .photos { margin-top: 1.5em;}
	.committedView .box { padding-bottom: 1.5em;}
	.committedView .box4 .image { width: 180px;}

	.drinkView .content1 .image { display: none;}
	.drinkView .content2 .image { display: none;}

	.booksView h2 { font-size: 28px;}
	.booksView ul { padding-left: 15px; padding-right: 15px;}
	.booksView li,
	.booksView li:nth-child(5n) { width: 48.5%; margin-right: 3%;}
	.booksView li:nth-child(2n) { margin-right: 0;}
	.booksView li .book { padding: 10px;}
	.booksView li .button { padding: 0;}
	.booksView li { padding-bottom: 2.5em; margin-bottom: 1em;}

	.productSelectBox ul { display: block;}
	.productSelectBox li { text-align: left; width: auto; font-size: 14px;}
	.productSelectBox li:after { content: ""; clear: both; display: block;}
	.productSelectBox li img { width: 70px; float: left; margin-right: 7px;}
	.productSelectBox li p { display: inline-block;}
	.productSelectBox li .aC { text-align: left;}
	.productSelectBox li dl { margin: 0 !important; text-align: left;}

	.contactView .partBox .productDetails h3 { font-size: 16px;}
	.productDetails .openButton a { font-size: 16px; line-height: 1.7; border-radius: 2.4em; position: relative;}
	.productDetails .openButton a span:before,
	.productDetails .openButton a span:after { position: absolute; top: 0.8em;}
	.productDetails .openButton a span:before { left: 1em;}
	.productDetails .openButton a span:after { right: 1em;}
	.nutritionList,
	.nutritionList tbody,
	.nutritionList tr,
	.nutritionList th,
	.nutritionList td { display: block;}
	.nutritionList th,
	.nutritionList td,
	.productDetails p { font-size: 14px;}
	.nutritionList { border: none;}
	.nutritionList th { background: var(--colorLightGray); border-bottom: none;}
	.nutritionList td { margin-bottom: 10px;}
	.nutritionList td ul { column-count: 1;}
	.nutritionList td ul span { width: calc(100% - 6em);}

	.newmasldDigitalbookView .topBox .inner { display: block; padding-left: 15px; padding-right: 15px;}
	.newmasldDigitalbookView .topBox .inner .mainButton { padding-left: 0; padding-right: 0;}
	.newmasldDigitalbookView .topBox .leftSide,
	.newmasldDigitalbookView .topBox .rightSide { width: auto;}
	.newmasldDigitalbookView .topBox .rightSide .aC { text-align: left; font-size: 16px;}
	.newmasldDigitalbookView .topBox .rightSide .aC br { display: none;}
	.newmasldDigitalbookView .mainButton .button { padding: 0.75em 1em;}
	.newmasldDigitalbookView .topBox .rightSide li .button { padding: 0 1em;}
	.newmasldDigitalbookView .barBox { margin-top: 18em;}
	.newmasldDigitalbookView .barBox dt { padding: 1em;}
	.newmasldDigitalbookView .barBox dd { right: unset; bottom: 78px; left: 50%; transform: translateX(-50%);}
	.newmasldDigitalbookView .buttonBox { margin: 2.5em 0;}
	.newmasldDigitalbookView .mainButton { padding-left: 15px; padding-right: 15px;}
	.newmasldDigitalbookView .mainButton span { font-size: 15px;}
	.newmasldDigitalbookView .miniBookBox .inner { display: block; padding-left: 15px; padding-right: 15px;}
	.newmasldDigitalbookView .miniBookBox .leftSide,
	.newmasldDigitalbookView .miniBookBox .rightSide { width: auto;}
	.newmasldDigitalbookView .miniBookIndexBox { margin: 2.5em 0;}
	.newmasldDigitalbookView .miniBookIndexBox .wrap { display: block;}
	.newmasldDigitalbookView .miniBookIndexBox .leftSide { width: auto;}
	.newmasldDigitalbookView .miniBookIndexBox .rightSide { text-align: center;}
	.newmasldDigitalbookView .miniBookIndexBox .rightSide img { width: auto !important; max-height: 50vh;}
	.newmasldDigitalbookView .miniBookIndexBox .inner { padding-left: 15px; padding-right: 15px;}
	.newmasldDigitalbookView .miniBookIndexBox .leftSide { margin-bottom: 3em;}
	.newmasldDigitalbookView .miniBookIndexBox .leftSide h3 { font-size: 18px;}
	.newmasldDigitalbookView .miniBookIndexBox .leftSide ul { font-size: 14px;}
	.newmasldDigitalbookView .productBox { margin: 2.5em 0;}
	.newmasldDigitalbookView .productBox .inner { padding-left: 15px; padding-right: 15px;}

	.shoppingView ul { margin: 2em 0; padding-left: 15px; padding-right: 15px; font-size: 14px; display: block;}
	.shoppingView li { margin-bottom: 2em; padding-bottom: 2em; border-bottom: 1px dashed #aaa;}
	.shoppingView li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none;}
	.shoppingView li:after { content: ""; clear: both; display: block;}
	.shoppingView li > span { font-size: 20px; padding-left: calc(40% + 15px); text-align: left; font-weight: bold; margin-bottom: 30px;}
	.shoppingView li figure { float: left; width: 40%;}
	.shoppingView li .status:not(.upper) { padding-left: calc(40% + 15px);}
	.shoppingView li .status br { display: none;}
	.shoppingView li p.status a { font-size: 16px; padding: 0; line-height: 3.4; display: block;}
	.shoppingView li p.status.upper a { display: block; padding: 0; height: auto; line-height: 2;}

	.productDetailView .wrap { display: block; padding-left: 15px; padding-right: 15px;}
	.productDetailView .wrap .leftSide { width: auto; margin-bottom: 2em;}
	.productDetailView .wrap .rightSide { width: auto;}
	.productDetailView .wrap .rightSide h2 { font-size: 20px;}
	.productDetailView .fullButton { padding: 0;}
	.productDetailView .productDetails { padding-left: 15px; padding-right: 15px;}

	.albuminDigitalbookView .topBox .inner { display: block; padding-left: 15px; padding-right: 15px;}
	.albuminDigitalbookView .topBox .inner .mainButton { padding-left: 0; padding-right: 0;}
	.albuminDigitalbookView .topBox .leftSide,
	.albuminDigitalbookView .topBox .rightSide { width: auto;}
	.albuminDigitalbookView .topBox .rightSide .aC { text-align: left; font-size: 16px;}
	.albuminDigitalbookView .topBox .rightSide .aC br { display: none;}
	.albuminDigitalbookView .mainButton .button { padding: 0.75em 1em;}
	.albuminDigitalbookView .topBox .rightSide li .button { padding: 0 1em;}
	.albuminDigitalbookView .barBox { margin-top: 18em;}
	.albuminDigitalbookView .barBox dt { padding: 1em;}
	.albuminDigitalbookView .barBox dd { right: unset; bottom: 78px; left: 50%; transform: translateX(-50%);}
	.albuminDigitalbookView .buttonBox { margin: 2.5em 0;}
	.albuminDigitalbookView .mainButton { padding-left: 15px; padding-right: 15px;}
	.albuminDigitalbookView .mainButton span { font-size: 15px;}
	.albuminDigitalbookView .miniBookBox .inner { display: block; padding-left: 15px; padding-right: 15px;}
	.albuminDigitalbookView .miniBookBox .leftSide,
	.albuminDigitalbookView .miniBookBox .rightSide { width: auto;}
	.albuminDigitalbookView .miniBookIndexBox { margin: 2.5em 0;}
	.albuminDigitalbookView .miniBookIndexBox .wrap { display: block;}
	.albuminDigitalbookView .miniBookIndexBox .leftSide { width: auto;}
	.albuminDigitalbookView .miniBookIndexBox .rightSide { text-align: center;}
	.albuminDigitalbookView .miniBookIndexBox .rightSide img { width: auto !important; max-height: 50vh;}
	.albuminDigitalbookView .miniBookIndexBox .inner { padding-left: 15px; padding-right: 15px;}
	.albuminDigitalbookView .miniBookIndexBox .leftSide { margin-bottom: 3em;}
	.albuminDigitalbookView .miniBookIndexBox .leftSide h3 { font-size: 18px;}
	.albuminDigitalbookView .miniBookIndexBox .leftSide ul { font-size: 14px;}
	.albuminDigitalbookView .productBox { margin: 2.5em 0;}
	.albuminDigitalbookView .productBox .inner { padding-left: 15px; padding-right: 15px;}

	.lawView h2 { font-size: 22px;}
	.lawView .inner { padding-left: 1em; padding-right: 1em;}
	.lawView table,
	.lawView tbody,
	.lawView tr { display: block; border: none;}
	.lawView th { display: block; border-bottom: none;}
	.lawView td { display: block; margin-bottom: 0.5em;}

  .entryView p { font-size: 14px;}

  .paymentFormWrap { padding-left: 10px; padding-right: 10px;}
  .paymentFormWrap .inner { background-color: var(--colorWhite);}
  .paymentFormWrap .form_container_sp_ec > br { display: none;}

  .entryView .entryButton a { font-size: 20px;}

  .fixedButtonBox { position: fixed; bottom: 0; left: 0; width: 100%; display: flex; background: var(--colorBlue); box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); border-top: 1px solid var(--colorWhite); z-index: 12000;}
  .fixedButtonBox p { width: 50%; margin: 0; padding: 0;}
  .fixedButtonBox p:first-child { border-right: 1px solid var(--colorWhite);}
  .fixedButtonBox a { text-decoration: none; color: var(--colorYellow); display: block;}
  .fixedButtonBox .entry a { display: block; line-height: 64px; font-weight: bold;}
  .fixedButtonBox .entry a img { vertical-align: -4px; margin-right: 4px;}
  .fixedButtonBox .contactBox a { padding: 5px 0;}
  .fixedButtonBox .contactBox span { display: block; line-height: 1.5; font-size: 16px; font-weight: bold;}
  .fixedButtonBox .contactBox strong { display: block; line-height: 1.5; font-size: 20px;}

  .topMvView { padding-top: 80px;}
}