@charset 'UTF-8';
/*@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP');*/
/*@import url('sup.css');*/
/*====================================================================
 reset styles
====================================================================*/
body,div,pre,p,blockquote,form,fieldset,input,textarea,select,option,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,embed,object {
  font-family: YuGothic, "Yu Gothic Medium", "Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
	font-size: 100%;
	-webkit-font-smoothing: subpixel-antialiased;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
/* :rootのCSS変数の宣言 */
:root {
  --red: #E60012;
  --green: #00A273;
  --green-lite: #ebf6ed;
  --grey: #ccc;
  --grey-lite: #f3f3f3;
  --brown-lite: #f9f0e6;
}
html {
	font-size: 62.5%;
	height: 100%;
	overflow: auto;
}
@media screen and (max-width: 320px) {
	html {
		font-size: 51.875%;
	}
}
body {
	color: #444;
	font-size: 1.6rem;
	-webkit-text-size-adjust: 100%;
	/*letter-spacing: 0.08em;*/
}
@media screen and (max-width: 767px) {
	body {
		font-size: 1.4rem;
	}
}
table,th,td {
	font-size: 100%;
	margin: 0;
	padding: 0;
}
* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}
address,caption,cite,code,dfn,em,th,var {
	font-style: normal;
	font-weight: normal;
}
ul {
	list-style: none;
}
ol li {
	margin-left: 20px;
	padding-bottom: 10px;
}
* html ol li {
	margin-left: 25px;
}
* + html ol li {
	margin-left: 25px;
}
ol li ul li {
	margin-left: 0;
}
fieldset,img {
	border: 0;
}
a {
	outline: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 100%;
}
tr {
	vertical-align: top;
}
caption,th {
	text-align: left;
}
abbr,acronym {
	border: 0;
}
sup {
	vertical-align: 2px;
}
sub {
	vertical-align: bottom;
}
a:link,a:active,a:visited {
	text-decoration: none;
}
a:link {
	color: var(--green);
}
a:visited {
	color: var(--green);
	text-decoration: none;
}
a:hover {
	opacity: 0.7;
	text-decoration: none;
}
p a,
li a{
  font-weight: bold;
}
img {
	height: auto;
	max-width: 100%;
}
img.aspect-square {
  aspect-ratio: 1;
}
img.aspect-tate {
  aspect-ratio: 0.66875;
}
img.aspect-yoko {
  aspect-ratio: 1.49532
}
/*====================================================================
 Common class
====================================================================*/
.center{
  text-align: center;
  justify-content: center;
}
.clearfix:after {
	clear: both;
	content: '.';
	display: block;
	height: 0;
	visibility: hidden;
}
.clearfix {
	min-height: 1px;
}
* html .clearfix {
	height: 1px;
	overflow: hidden;
}
.pt0 {
	padding-top: 0 !important;;
}
.pb0 {
	padding-bottom: 0 !important;;
}
.noMargin {
	margin-bottom: 0 !important;
}
.x-smallMargin {
	margin-bottom: 5px !important;
}
.smallMargin {
	margin-bottom: 10px !important;
}
.middleMargin {
	margin-bottom: 15px !important;
}
.normalMargin {
	margin-bottom: 20px !important;
}
.largeMargin {
	margin-bottom: 30px !important;
}
.x-largeMargin {
	margin-bottom: 40px !important;
}
.xx-largeMargin {
	margin-bottom: 50px !important;
}
.xxx-largeMargin {
	margin-bottom: 60px !important;
}
.xxxx-largeMargin {
	margin-bottom: 70px !important;
}
.noMarginTop {
	margin-top: 0 !important;
}
.x-smallMarginTop {
	margin-top: 5px !important;
}
.smallMarginTop {
	margin-top: 10px !important;
}
.middleMarginTop {
	margin-top: 15px !important;
}
.normalMarginTop {
	margin-top: 20px !important;
}
.largeMarginTop {
	margin-top: 30px !important;
}
.x-largeMarginTop {
	margin-top: 40px !important;
}
.xx-largeMarginTop {
	margin-top: 50px !important;
}
.xxx-largeMarginTop {
	margin-top: 60px !important;
}
.xxxx-largeMarginTop {
	margin-top: 70px !important;
}
.fsize8 {
	font-size: .8rem !important;
}
.fsize9 {
	font-size: .9rem !important;
}
.fsize10 {
	font-size: 1.0rem !important;
}
.fsize11 {
	font-size: 1.1rem !important;
}
.fsize12 {
	font-size: 1.2rem !important;
}
.fsize13 {
	font-size: 1.3rem !important;
}
.fsize14 {
	font-size: 1.4rem !important;
}
.fsize15 {
	font-size: 1.5rem !important;
}
.fsize16 {
	font-size: 1.6rem !important;
}
.fsize17 {
	font-size: 1.7rem !important;
}
.fsize18 {
	font-size: 1.8rem !important;
}
.fsize19 {
	font-size: 1.9rem !important;
}
.fsize20 {
	font-size: 2.0rem !important;
}
.fsize21 {
	font-size: 2.1rem !important;
}
.fsize22 {
	font-size: 2.2rem !important;
}
.fsize23 {
	font-size: 2.3rem !important;
}
.fsize24 {
	font-size: 2.4rem !important;
}
.fsize25 {
	font-size: 2.5rem !important;
}
.fsize26 {
	font-size: 2.6rem !important;
}
.fsize27 {
	font-size: 2.7rem !important;
}
.fsize28 {
	font-size: 2.8rem !important;
}
.fsize29 {
	font-size: 2.9rem !important;
}
.fsize30 {
	font-size: 3.0rem !important;
}
.fsize31 {
	font-size: 3.1rem !important;
}
.fsize32 {
	font-size: 3.2rem !important;
}
.fsize33 {
	font-size: 3.3rem !important;
}
.fsize34 {
	font-size: 3.4rem !important;
}
.fsize35 {
	font-size: 3.5rem !important;
}
.fsize36 {
	font-size: 3.6rem !important;
}
.fsize37 {
	font-size: 3.7rem !important;
}
.fsize38 {
	font-size: 3.8rem !important;
}
.fsize39 {
	font-size: 3.9rem !important;
}
.fsize40 {
	font-size: 4.0rem !important;
}
.fsize41 {
	font-size: 4.1rem !important;
}
.fsize42 {
	font-size: 4.2rem !important;
}
.fsize43 {
	font-size: 4.3rem !important;
}
.fsize44 {
	font-size: 4.4rem !important;
}
.fsize45 {
	font-size: 4.5rem !important;
}
.fsize46 {
	font-size: 4.6rem !important;
}
.fsize47 {
	font-size: 4.7rem !important;
}
.fsize48 {
	font-size: 4.8rem !important;
}
.fsize49 {
	font-size: 4.9rem !important;
}
.fsize50 {
	font-size: 5.0rem !important;
}
.textXXX-small {
	font-size: 65% !important;
}
.textXX-small {
	font-size: 70% !important;
}
.textX-small {
	font-size: 75% !important;
}
.textSmall {
	font-size: 80% !important;
}
.textMiddle {
	font-size: 90% !important;
}
.textLarge {
	font-size: 120% !important;
	line-height: 1.3em !important;
}
.textX-large {
	font-size: 130% !important;
	line-height: 1.3em !important;
}
.textXX-large {
	font-size: 160% !important;
	line-height: 1.3em !important;
}
.textXXX-large {
	font-size: 180% !important;
	line-height: 1.3em !important;
}
.textLeft {
	text-align: left !important;
}
.textCenter {
	text-align: center !important;
}
.textRight {
	text-align: right !important;
}
.textBold {
	font-weight: bold;
}
.textRed {
	color: #e60012;
}
.textNormal {
	font-weight: normal;
}
.fontLede {
	font-family: YuGothic, "Yu Gothic Medium", "Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
}
.textCaution {
	font-size: 0.9em;
	padding-left: 1em;
	text-indent: -1em;
}
.textCautionNumber {
	padding-left: 2.2em;
	text-indent: -2.2em;
}
.break-word {
	word-break: break-word;
}
.nowrap{
  white-space: nowrap;
}
.letterSpacingNone{
  letter-spacing: 0;
}
.lineH06 {
	line-height: .6em !important;
}
img.fadeimg {
	vertical-align: top;
}
.colorBlack {
	color: #444 !important;
}
.colorGold {
	color: var(--green) !important;
}
.colorRed {
	color: #e60012 !important;
}
.colorYellow {
	color: #ff0 !important;
}
.colorGreen {
	color: #005d21 !important;
}
.listLabel {
	background: #fcc;
	display: inline-block;
	line-height: 1;
	padding: 4px 8px;
}
.displayBlock {
	display: block;
}
ul.commonList {
	list-style: none;
	padding-left: 0;
}
ul.commonList li {
	margin-bottom: 5px;
	padding-left: 13px;
	position: relative;
}
ul.commonList li::before {
	background-color: #444;
	border-radius: 50%;
	content: '';
	height: 5px;
	left: 2px;
	margin-top: -2.5px;
	position: absolute;
	top: .71em;
	width: 5px;
}
ul.commonList.fsize14 li {
	line-height: 2.1rem;
}
ul.commonList.fsize14 li::before {
	margin-top: -2.5px;
	top: 10px;
}
.disc > li {
  position: relative;
  padding-left: 1em;
  padding-bottom: 0.2rem;
}
.disc > li::before {
  content: "";
  position: absolute;
  top: 0;
  left: .1em;
  bottom:0;
  margin: auto;
  width: .4em;
  height: .4em;
  border-radius: 50%;
  background-color: var(--green);
}
.disc > .disc{
  margin-left: 1em;
}
.disc > .disc li.w50{
  width: 50%;
}
ol.bracketsNumberList {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}
ol.bracketsNumberList li {
	margin-left: 0;
	padding-bottom: 10px;
	padding-left: 1.8em;
	text-indent: -1.8em;
}
.photoShadow {
	border: 1px solid #ccc;
}
.linkArrow {
	padding-left: 12px;
	position: relative;
}
.linkArrow:before {
	border-right: 1px solid var(--green);
	border-top: 1px solid var(--green);
	content: '';
	height: 6px;
	left: -2px;
	margin-top: -.4em;
	position: absolute;
	top: .65em;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 6px;
}
.anchorPoint {
	display: block;
	margin-top: -90px;
	padding-top: 90px;
	visibility: hidden;
}
.button {
	-webkit-align-items: center;
	align-items: center;
  background-color: var(--green);
  color: #fff;
	display: flex;
	display: -webkit-flex;
	font-size: 1.7rem;
	font-weight: bold;
	-webkit-justify-content: center;
	justify-content: center;
	padding: .8em;
	position: relative;
	text-align: center;
	text-decoration: none !important;
}
a.button{
  color: #fff;
}
.button.inline {
	display: inline-flex;
	display: -webkit-inline-flex;
	max-width: 100%;
	min-width: 15em;
  border-radius: 50px;
  padding-left: 3.5rem;
  padding-right: 3.5rem;
}
a.button.white{
  font-weight: bold;
  font-size: 1.8rem;
  border-radius: 50px;
  line-height: 1.6;
  padding: 1rem 2rem 1rem 1rem;
}
a.button.white.sml{
  font-size: 1.6rem;
  width: 70%;
  margin: auto;
  line-height: 1;
}
a.button.white:after {
  border-right: 2px solid #fff;
  border-top: 2px solid #fff;
}
.AppFavorite{
  padding: .8em 2em 1.5em;
  max-width:32rem;
  margin-left: auto;
  margin-right: auto;
  line-height: 1;
}
.AppFavorite a.button.white{
  padding: .4em 3rem .4em 1rem;
}
.AppFavorite a.button.white::before{
  position: absolute;
  top: 0;
  bottom: 0;
  margin-top:auto;
  margin-bottom: auto;
  width: 32px;
  height: 32px;
	content: "";
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(/common/2026/images/common/icon_svg/icon_favo.svg);
  position: relative;
  display: block;
  left: -.5em;
}
.button.slim {
	padding-bottom: 10px;
	padding-top: 10px;
}
.button.is-red {
	background-color: #e60012;
  color: #fff;
}
.button.is-black {
	background-color: #000;
  color: #fff;
}
.button.is-gray {
	background-color: #ccc;
  color: #fff;
}

.button:hover {
	opacity: .7;
}
.button:after {
	border-right: 2px solid #fff;
	border-top: 2px solid #fff;
	content: '';
	height: 1rem;
	margin-top: -7px;
	position: absolute;
	right: 1.8rem;
	top: 50%;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 1rem;
}
.button.no-arrow:after{
  display:none;
}
.button.backButton:after {
	left: 15px;
	right: auto;
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
}
.button.radius{
  border-radius: 5rem;
  line-height: 1.2;
}
.button.radius:after{
  right: 1.3em;
}
.button.radius.slim:after{
  right: 18px;
}
.button.anchor:after {
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	margin-top: -10px;
}
.button.anchorTop:after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	margin-top: -5px;
}
.button.has-noIcon:after {
	display: none;
}
#spSiteMenu{ display:none; }
.pcMenuHead{
  display: block;
  margin: .5em 0 .5em 2%;
  font-weight: bold;
  font-size: 1.8rem;
}
.pcMenuHead a{ color: #333; }
.pcMenuHead+.pcMenuHead{margin-top:1em;}
.pcMenuWrap{
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.pcMenuWrapIn0{
  width: 20%;
}
.pcMenuWrapIn1{
  width: 24%;
}
.pcMenuWrapIn2{
  width: 28%;
  margin-left: 1%;
}
.pcMenuWrapIn3{
  margin-left: 1%;
  width: 20%;
}
.pcMenuWrapIn3 .spSiteMenuBody .linkBox{
  display: flex;
}
.pcMenuWrapIn3 .spSiteMenuBody .linkBox a{
  background: #fff ;
  color: #333;
  text-align: center;
  padding: .4rem 1rem;
  border: 1px solid #ccc;
  border-radius: 2em;
  font-weight: bold;
  margin: 0 .3rem;
  white-space: nowrap;
  font-size: 14px;
  display: inline-block;
}
.pcMenuWrapIn ul:after{ content: ""; display: block; clear:both; }
.pcMenuWrapIn li{ float: left; width: 45%; white-space: nowrap; }
.pcMenuWrapIn .wide li{ float: left; width: 50%; }
.pcMenuRightSide{
  position:absolute;
  right: 0;
  top: 1em;
  width: 16rem;
}
.pcMenuRightSide .kanchu a,
.pcMenuRightSide .mochu a{
  display:block; 
  background: #A088B7; color: #fff !important;
  text-align: center;
  padding: 1rem;
  position: relative;
  margin-bottom: 1rem;
  font-weight: bold;
}
.pcMenuRightSide .kanchu a{ background: #E6987D; }
.pcMenuRightSide .kanchu a::after,
.pcMenuRightSide .mochu a::after{
  border-right: 2px solid #fff;
  border-top: 2px solid #fff;
  content: '';
  height: 10px;
  margin-top: -7px;
  position: absolute;
  right: 18px;
  top: 50%;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 10px;
}
.bunreiSample{
  display: flex;
  flex-wrap: wrap;
}
.bunreiSample li{
  width: 48%;
  border: 1px solid #999;
  border-radius: 5px;
  justify-content: space-between;
  margin: 0 auto 2.4rem;
  padding: 1.5em 2em;
  position: relative;
}
.bunreiSample li::before{
  content: "";
  width:15%;
  height: 8px;
  background: var(--green);
  position: absolute;
  top:0;
}
.bunreiTitle{
  color: #333;
  font-weight: bold;
  margin-bottom: 1em;
  font-size: 1.8rem;
}
.voiceSample{
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 2rem;
}
.voiceSample li{
  width: 31%;
  border: 1px solid #333;
  border-radius: 5px;
  background: #FFFBEF;
  justify-content: space-between;
  margin: 0 auto 2.4rem;
  padding: 1.5em 2em;
}
.voiceTitle{
  color: #333;
  font-weight: bold;
  margin-bottom: 1em;
  font-size: 1.8rem;
  position: relative;
  padding-left: 2em;
}
.voiceTitle::before{
  content: "";
  display: block;
	position: absolute;
  width: 2.8rem;
  height: 2.8rem;
	left: 0;
	top: 0;
  bottom: 0;
  margin: auto;
  background: url(/common/2026/images/common/icon_svg/icon_s_voice.svg) center center no-repeat;
	background-size: contain;
}
.selectPhotoNum{
  text-align: center;
}
.selectPhotoNumTitle{
  font-weight: bold;
  color: #A88128;
}
.selectPhotoNum a{
  margin-left: .8rem;
  font-size: 1.6rem;
}
.selectPhotoNum a.selectPhotoNumTitle{
  font-size: 1.8rem;
  color: #333;
}

.dispFlex{
  display: flex;
}

.cheers > span {
  display: inline-block;
  position: relative;
  padding-right: 2em;
  padding-left: 2em;
}
.cheers > span::before, .cheers > span::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 1px;
  height: 3em;
  background-color: #333;
}
.cheers > span::before {
  left: 0;
  -webkit-transform: rotate(-30deg);
  transform: rotate(-30deg);
}
.cheers > span::after {
  right: 0;
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
}

@media screen and (min-width: 768px), print {
	.button.pc-normalText {
		background-color: transparent;
		display: inline;
		font-size: inherit;
		padding: 0;
		text-decoration: underline !important;
	}
	.button.pc-normalText:hover {
		opacity: 1;
		text-decoration: none !important;
	}
}

@media screen and (max-width: 767px) {
  .dispFlex{
    display: block;
  }
	.button {
		font-size: 1.6rem;
	}
  .bunreiSample{
    display: block;
  }
  .bunreiSample li{
    width: 100%;
    margin:0 auto 1.5em;
  }
  .voiceSample{
    display: block;
  }
  .voiceSample li{
    width: 100%;
    margin:0 auto 1.5rem;
  }
  .selectPhotoNum{white-space: nowrap;}
  .selectPhotoNumTitle{ display: block;}
  .selectPhotoNum a{
    margin-left: .4rem;
    margin-bottom: 1rem;
    font-size: 1.4rem;
  }
  .selectPhotoNum a.heading-link{
    padding: 2px 9px;
  }
  a.button.white{
    font-size: 1.6rem;
  }
}
.button.fsize15:after,.button.fsize16:after {
	-webkit-transform: scale(.75) rotate(45deg);
	transform: scale(.75) rotate(45deg);
}
.button.fsize13:after,.button.fsize14:after {
	-webkit-transform: scale(.65) rotate(45deg);
	transform: scale(.65) rotate(45deg);
}
.button.backButton.fsize15:after,.button.backButton.fsize16:after {
	-webkit-transform: scale(.75) rotate(-135deg);
	transform: scale(.75) rotate(-135deg);
}
.button.backButton.fsize13:after,.button.backButton.fsize14:after {
	-webkit-transform: scale(.65) rotate(-135deg);
	transform: scale(.65) rotate(-135deg);
}
.button.arrowInline:after {
	margin-left: 10px;
	margin-top: 0;
	position: relative;
	right: auto;
}
.buyLink {
	background: #02a03f;
	/* Old browsers */
	border-radius: 6px;
	font-weight: bold;
	height: 60px;
	padding: 5px 20px;
}
/* W3C */
.color-green,.buyLink {
	background: linear-gradient(to bottom, #02a03f 0%, #028124 100%);
	/* W3C */
}

.smallButton {
	-webkit-align-items: center;
	align-items: center;
	background: #c29558 !important;
	border-radius: 15px !important;
	color: #fff !important;
	display: flex;
	display: -webkit-flex;
	font-size: 1.5rem;
	height: auto !important;
	-webkit-justify-content: center;
	justify-content: center;
	padding: 2px 20px !important;
	position: relative;
	text-align: center;
	text-decoration: none !important;
	transition-duration: .3s;
	transition-property: opacity;
}
.smallButton:hover {
	opacity: .7;
}
.smallButton:before {
	border-right: 1px solid #fff;
	border-top: 1px solid #fff;
	content: '';
	display: inline-block;
	height: 7px;
	margin-right: 6px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 7px;
}
.moreButtonWrapper {
	text-align: right;
}
.moreButtonWrapper .button {
	display: inline-block;
	width: 260px;
}
.photoCenter {
	position: relative;
}
.photoCenter a {
	display: block;
	height: 100%;
	position: relative;
	width: 100%;
	text-decoration: none;
}
.photoCenter a img {
	height: auto;
	left: 0;
	margin: auto;
	max-height: calc(100% - 16px);
	max-width: calc(100% - 16px);
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	vertical-align: top;
	width: auto;
}
/* .d-chara .photoCenter a img {
	bottom: auto;
} */
.photoCenter a img.rank_icon {
	bottom: auto;
	height: 50px;
	margin-left: -25px;
	margin-top: -25px;
	right: auto;
	width: 50px;
	z-index: 1;
}
.rankingAll .photoCenter a img.rank_icon {
	margin-left: -15px;
	margin-top: -15px;
}
.photoCenter a.relateChara img {
	left: 8px;
	top: 8px;
	bottom: 8px;
	right: 8px;
}
.photoCenter a.relateChara::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	border: 3px solid #c29558;
	padding: 10px;
}
/* .photoCenter a.relateChara.snoopy::before {
	border-color: #62a3dd;
}
.photoCenter a.relateChara.illustrator::before {
	border-color: #8a6657;
} */
.photoCenter .charaLabel {
	background: #c29558;
	top: calc(100% - 2px);
	color: #fff;
	font-size: 1.1rem !important;
	line-height: 1.5;
	left: 0;
	padding: 3px 0;
	position: absolute;
	right: 0;
	text-align: center;
}
/* .photoCenter a.relateChara.snoopy .charaLabel {
	background: #62a3dd;
}
.photoCenter a.relateChara.illustrator .charaLabel {
	background: #8a6657;
} */

@media screen and (max-width: 767px) {
	.photoCenter a.relateChara::before {
		border-width: 2px;
	}
	.photoCenter .charaLabel {
		font-size: 1rem !important;
		letter-spacing: 0;
	}
}
.rankingAll .photoCenter a .normal-rank {
	position: absolute;
	top: 0;
	left: 0;
	height: 38px;
	margin-left: -9px;
	margin-top: -9px;
	width: 38px;
	z-index: 1;
	font-size: 2rem;
	border-radius: 50%;
	background: #888;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	line-height: 1;
	font-weight: bold;
	text-decoration: none;
}

@media screen and (max-width: 767px) {
	.photoCenter a img.rank_icon {
		height: 40px;
		margin-left: -20px;
		margin-top: -20px;
		width: 40px;
	}
	.rankingAll .photoCenter a .normal-rank {
		font-size: 1.5rem;
		height: 32px;
		margin-left: -7px;
		margin-top: -7px;
		width: 32px;
	}
}
.photoCenter a.rotT img.rank_icon,
.rankingAll .photoCenter a.rotT .normal-rank {
	left: 16.33%;
}
.photoCenter a.rotY img.rank_icon,
.rankingAll .photoCenter a.rotY .normal-rank {
	top: 16.33%;
}
.photoCenter.top a img {
	margin: 0 auto auto;
}
.photoCenter.bottom a img {
	margin: auto auto 0;
}


/* ranking */
.ranking-wrapper {
	max-width: 826px;
	margin: 0 auto;
}
.rank-icon-wrapper {
	text-align: center;
}
.rank-icon {
	display: inline-block;
	position: relative;
	font-weight: bold;
}
.rank-icon::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}
.rank-icon.rank1 {
	color: #c29558;
}
.rank-icon::before {
	background-image: url(/common/2026/images/common/icon/icon_crown_other.png);
}
.rank-icon.rank1::before {
	background-image: url(/common/2026/images/common/icon/icon_crown1.png);
}
.rank-icon.rank2 {
	color: #8b8b8b;
}
.rank-icon.rank2::before {
	background-image: url(/common/2026/images/common/icon/icon_crown2.png);
}
.rank-icon.rank3 {
	color: #a4674f;
}
.rank-icon.rank3::before {
	background-image: url(/common/2026/images/common/icon/icon_crown3.png);
}
@media screen and (min-width: 768px), print {
	.ranking-wrapper .cols {
		padding-bottom: 30px;
	}
	.rank-icon-wrapper {
		margin-bottom: 30px;
	}
	.rank-icon {
		padding-left: 66px;
		font-size: 2.6rem;
	}
	.rank-icon::before {
		width: 55px;
		height: 29px;
		margin-top: -19px;
	}
	.rank-icon.rank1::before {
		height: 35px;
		margin-top: -24px;
	}
  .ranking-wrapper .photoCenter{
    min-height: 250px;
  }
	.ranking-wrapper .photoCenter .charaLabel {
		font-size: 1.3rem !important;
	}
	.ranking-wrapper .photoCenter a img {
		max-height: calc(100% - 26px);
		max-width: calc(100% - 26px);
	}
}
@media screen and (max-width: 767px) {
	.rank-icon-wrapper {
		margin-bottom: 10px;
	}
	.ranking-wrapper .cols {
		padding-bottom: 20px;
	}
	.rank-icon {
		padding-left: 30px;
	}
	.rank-icon::before {
		width: 26px;
		height: 14px;
		margin-top: -9px;
	}
	.rank-icon.rank1::before {
		height: 18px;
		margin-top: -10px;
	}
}

.basicTable {
	border-left: solid 1px #ccc;
	border-top: solid 1px #ccc;
	width: 100%;
}
.basicTable th,.basicTable td {
	background: #fff;
	border-bottom: solid 1px #ccc;
	border-right: solid 1px #ccc;
	padding: 5px 10px;
}
.sp-break {
	display: none;
}
@media screen and (min-width: 768px), print {
	.pc-hide {
		display: none !important;
	}
	.lightboxLink {
		cursor: pointer;
		transition-duration: .2s;
	}
	.lightboxLink:hover {
		opacity: .7;
	}
}
@media screen and (min-width: 768px), print {
	.pc-horizontal-scroll {
		-webkit-overflow-scrolling: touch;
		overflow-x: auto;
		overflow-y: hidden;
		padding-bottom: 10px;
		position: relative;
	}
	.pc-horizontal-scroll.hasRankIcon {
		padding-left: 25px;
		padding-top: 25px;
	}
	.pc-horizontal-scroll.hasRankIcon.rankingAll {
		padding-top: 11px;
		padding-bottom: 40px;
	}
	.categoryLinkList.col3Block {
		width: 736px;
		max-width: 736px;
	}
	.categoryLinkList.col4Block {
		width: 736px;
		max-width: 736px;
	}
	.categoryLinkList.col5Block {
		width: 920px;
		max-width: 920px;
	}
	.categoryLinkList.col6Block {
		width: 1100px;
		max-width: 1100px;
	}
	.categoryLinkList.col7Block {
		width: 1500px;
		/*max-width: 1350px;*/
	}
  .categoryLinkList.col10Block {
		width: 1800px;
	}
	.pc-horizontal-scroll > .col10Block {
		width: 2000px;
	}
	.pc-horizontal-scroll-wrapper {
		padding-bottom: 40px;
		position: relative;
	}
}
.sp-horizontal-scroll-wrapper {
	padding-bottom: 30px;
}
@media screen and (min-width: 768px), print {
	.pc-textLeft {
		text-align: left !important;
	}
	.pc-textCenter {
		text-align: center !important;
	}
	.pc-textRight {
		text-align: right !important;
	}
}
.section.sp-padding{
  padding: 0 !important;
}
@media screen and (max-width: 767px) {
  .section.sp-padding{
    padding: 1em !important;
  }
	.sp-noMargin {
		margin-bottom: 0 !important;
	}
	.sp-x-smallMargin {
		margin-bottom: 5px !important;
	}
	.sp-smallMargin {
		margin-bottom: 10px !important;
	}
	.sp-middleMargin {
		margin-bottom: 15px !important;
	}
	.sp-normalMargin {
		margin-bottom: 20px !important;
	}
	.sp-largeMargin {
		margin-bottom: 30px !important;
	}
	.sp-x-largeMargin {
		margin-bottom: 40px !important;
	}
	.sp-xx-largeMargin {
		margin-bottom: 50px !important;
	}
	.sp-xxx-largeMargin {
		margin-bottom: 60px !important;
	}
	.sp-xxxx-largeMargin {
		margin-bottom: 70px !important;
	}
	.sp-noMarginTop {
		margin-Top: 0 !important;
	}
	.sp-x-smallMarginTop {
		margin-Top: 5px !important;
	}
	.sp-smallMarginTop {
		margin-Top: 10px !important;
	}
	.sp-middleMarginTop {
		margin-Top: 15px !important;
	}
	.sp-normalMarginTop {
		margin-Top: 20px !important;
	}
	.sp-largeMarginTop {
		margin-Top: 30px !important;
	}
	.sp-x-largeMarginTop {
		margin-Top: 40px !important;
	}
	.sp-xx-largeMarginTop {
		margin-Top: 50px !important;
	}
	.sp-xxx-largeMarginTop {
		margin-Top: 60px !important;
	}
	.sp-xxxx-largeMarginTop {
		margin-Top: 70px !important;
	}
	.sp-fsize8 {
		font-size: .8rem !important;
	}
	.sp-fsize9 {
		font-size: .9rem !important;
	}
	.sp-fsize10 {
		font-size: 1.0rem !important;
	}
	.sp-fsize11 {
		font-size: 1.1rem !important;
	}
	.sp-fsize12 {
		font-size: 1.2rem !important;
	}
	.sp-fsize13 {
		font-size: 1.3rem !important;
	}
	.sp-fsize14 {
		font-size: 1.4rem !important;
	}
	.sp-fsize15 {
		font-size: 1.5rem !important;
	}
	.sp-fsize16 {
		font-size: 1.6rem !important;
	}
	.sp-fsize17 {
		font-size: 1.7rem !important;
	}
	.sp-fsize18 {
		font-size: 1.8rem !important;
	}
	.sp-fsize19 {
		font-size: 1.9rem !important;
	}
	.sp-fsize20 {
		font-size: 2.0rem !important;
	}
	.sp-fsize21 {
		font-size: 2.1rem !important;
	}
	.sp-fsize22 {
		font-size: 2.2rem !important;
	}
	.sp-fsize23 {
		font-size: 2.3rem !important;
	}
	.sp-fsize24 {
		font-size: 2.4rem !important;
	}
	.sp-fsize25 {
		font-size: 2.5rem !important;
	}
	.sp-fsize26 {
		font-size: 2.6rem !important;
	}
	.sp-fsize27 {
		font-size: 2.7rem !important;
	}
	.sp-fsize28 {
		font-size: 2.8rem !important;
	}
	.sp-fsize29 {
		font-size: 2.9rem !important;
	}
	.sp-fsize30 {
		font-size: 3.0rem !important;
	}
	.sp-fsize31 {
		font-size: 3.1rem !important;
	}
	.sp-fsize32 {
		font-size: 3.2rem !important;
	}
	.sp-fsize33 {
		font-size: 3.3rem !important;
	}
	.sp-fsize34 {
		font-size: 3.4rem !important;
	}
	.sp-fsize35 {
		font-size: 3.5rem !important;
	}
	.sp-fsize36 {
		font-size: 3.6rem !important;
	}
	.sp-fsize37 {
		font-size: 3.7rem !important;
	}
	.sp-fsize38 {
		font-size: 3.8rem !important;
	}
	.sp-fsize39 {
		font-size: 3.9rem !important;
	}
	.sp-fsize40 {
		font-size: 4.0rem !important;
	}
	.sp-textLeft {
		text-align: left !important;
	}
	.sp-textCenter {
		text-align: center !important;
	}
	.sp-textRight {
		text-align: right !important;
	}
	.sp-textBold {
		font-weight: bold;
	}
	.sp-textNormal {
		font-weight: normal;
	}
	.sp-hide {
		display: none !important;
	}
	.pc-break {
		display: none !important;
	}
	.sp-break {
		display: block !important;
	}
	.sp-block {
		display: block;
	}
	.sp-inline-block {
		display: inline-block;
	}
	.sp-horizontal-scroll {
		-webkit-overflow-scrolling: touch;
		overflow-x: scroll;
		overflow-y: hidden;
	}
  .sp-horizontal-scroll::-webkit-scrollbar {
    display:none;
  }
	.sp-horizontal-scroll > * {
		width: 560px;
	}
	.sp-horizontal-scroll.is-banner > * {
		width: 660px;
	}
	.sp-horizontal-scroll > .col10Block {
		width: 1280px;
	}
}
@media screen and (max-width: 767px) and (max-width: 767px) {
	.sp-horizontal-scroll-wrapper {
		padding-bottom: 0;
		margin-bottom: 20px;
		margin-left: -15px;
		margin-right: -15px;
		position: relative;
	}
}
.sp-horizontal-scroll-wrapper .scroll-prev-button,
.sp-horizontal-scroll-wrapper .scroll-next-button {
	position: absolute;
	height: 30px;
	width: 30px;
	border-radius: 50%;
	background-color: rgba(204, 204, 204, 0.7);
	top: 30%;
	margin-top: -15px;
	display: none;
}
.sp-horizontal-scroll-wrapper .scroll-prev-button {
	left: 2px;
}
.sp-horizontal-scroll-wrapper .scroll-next-button {
	right: 2px;
}
.sp-horizontal-scroll-wrapper .scroll-prev-button::after {
	border-left: 1px solid #000;
	border-top: 1px solid #000;
	content: '';
	height: 6px;
	position: absolute;
	left: 13px;
	margin-top: -4px;
	top: 50%;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	width: 6px;
}
.sp-horizontal-scroll-wrapper .scroll-next-button::after {
	border-right: 1px solid #000;
	border-top: 1px solid #000;
	content: '';
	height: 6px;
	margin-top: -4px;
	position: absolute;
	right: 13px;
	top: 50%;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 6px;
}
@media screen and (min-width: 768px), print {
	.sp-horizontal-scroll-wrapper .scroll-prev-button,
	.sp-horizontal-scroll-wrapper .scroll-next-button {
		height: 50px;
		width: 50px;
		margin-top: -25px;
	}
	.sp-horizontal-scroll-wrapper .scroll-prev-button {
		left: -30px;
	}
	.sp-horizontal-scroll-wrapper .scroll-next-button {
		right: -30px;
	}
	.sp-horizontal-scroll-wrapper .scroll-prev-button::after {
		height: 10px;
		left: 22px;
		margin-top: -6px;
		width: 10px;
	}
	.sp-horizontal-scroll-wrapper .scroll-next-button::after {
		height: 10px;
		margin-top: -6px;
		right: 22px;
		width: 10px;
	}
}
.sp-horizontal-scroll-wrapper.pc-horizontal-scroll-wrapper .scroll-prev-button,
.sp-horizontal-scroll-wrapper.pc-horizontal-scroll-wrapper .scroll-next-button {
	display: block;
}
@media screen and (max-width: 570px) {
	.sp-horizontal-scroll-wrapper .scroll-prev-button,
	.sp-horizontal-scroll-wrapper .scroll-next-button {
		display: block;
	}
}
@media screen and (max-width: 767px) {
	.anchorPoint {
		margin-top: -50px;
		padding-top: 50px;
	}
	.buyLink {
		font-size: 1.7rem;
	}
}
.swal-icon--error,.swal-icon--warning {
	border-color: #7c7c7a !important;
}
.swal-icon--error__line,.swal-icon--warning__body,.swal-icon--warning__dot {
	background-color: #7c7c7a !important;
}
.swal-button,.swal-button:active {
	background-color: #7c7c7a !important;
}
@-webkit-keyframes pulseWarning {
	0% {
		border-color: #7c7c7a;
	}
	to {
		border-color: #7c7c7a;
	}
}
@keyframes pulseWarning {
	0% {
		border-color: #7c7c7a;
	}
	to {
		border-color: #7c7c7a;
	}
}
.swal-button--cancel,.swal-button--cancel:active {
	background-color: #efefef !important;
	color: #555 !important;
}
/*====================================================================
 Layout styles
====================================================================*/
/* #wrapper */
#wrapper {
	min-width: 1200px;
	overflow: hidden;
	padding-top: 100px;
	position: relative;
}
@media screen and (max-width: 767px) {
	#wrapper {
		min-width: inherit;
		padding-top: 100px;
    padding-bottom: 80px;
	}
}
/* #header */
#header {
	background: #fff;
	height: 50px;
	left: 0;
	min-width: 1200px;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 101;
	transition: top 200ms ease-in-out;
}
.is-header-hide #header {
	top: -50px;
}
#headerInner {
	padding: 0 0 0 15px;
  display: flex;
}
.headerLogo {
	display: flex;
  align-items: center;
}
.headerLogo .logo {
	margin-right: 8px;
}
.headerLogo .logo img {
	vertical-align: top;
	width: 106px;
}

.toponly{ display: none; }
.topPage .toponly{ display: inline-block; }

.headerMenu{
  min-height: 5rem;
  margin-left: auto;
  display: flex;
  align-items: center;
}
.headerMenu li{ display: inline-block; margin-left: 1rem; border-left: 1px solid #ddd; margin:0;  }
.headerMenu li:first-child{ border:none; }
.headerMenu a{color: #333; text-decoration: none; display: inline-block; margin: 0; position: relative; }
.headerMenuJoin a{
  padding-left: 1.5em;
}
.headerMenuJoin a::before{
  display: block;
  content: "";
  background: url(/common/2026/images/common/icon_svg/icon_member.svg) center center no-repeat;
  background-size: contain;
  width: 2rem;
  height: 2rem;
  position: absolute;
  left: 1rem;
  top:0;
  bottom:0;
  margin: auto;
}
.headerMenuJoin > a,
.headerMenuLogin > a{
  padding:0 2.5em 0 1em;
  line-height: 4.6rem;
  height: 4.6rem;
  box-sizing: border-box;
}
.headerMenuJoin a{ padding:0 1em 0 2.5em;  }
.headerMenuLogin a.pullDown{ cursor:pointer; transform: translate(0); }
.headerMenuLogin a.pullDown::after{
  display: block;
  content: "";
  width: 2rem;
  height: 2rem;
  position: absolute;
  right:1em;
  top:0;
  bottom:0;
  margin: auto;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 6px 0 6px;
  border-color: #333333 transparent transparent transparent;
}
.headerMenuLogin > a.active::after{
  border-color: #fff transparent transparent transparent;
}
.headerMenuJoin a:hover,
#loginMenu a:hover{
  background: var(--green-lite);
  opacity: 1;
}
.headerMenuLogin > a.active{
  opacity: 1;
  background: var(--green);
  color: #fff;
}

/* LoginMenu */
#loginMenu{
  position: absolute;
  right: 0;
  width: 22rem;
  font-size: 1.6rem;
  height: 0;
  overflow:hidden;
  transition: all .3s 0s ease;
  box-shadow: 1px 1px 3px silver;
  background: #C29558;
}
#loginMenu.active{
  height: 200px;
  overflow:inherit;
}
.loginMenuInner{
  background: #fff;
  box-shadow: 1px 1px 3px silver;
  padding: 1em;
  border: .2rem solid var(--green);
  opacity:1;
  height: 0;
  transition: all .3s 0s ease;
}
.active .loginMenuInner{
  opacity:1;
  height: 200px;
}
#loginMenu p{
  font-weight: bold;
  position: relative;
  padding-left: 1.2em;
  margin-bottom: .4rem;
  opacity:0;
  transition: all .4s .1s ease;
}
#loginMenu.active p{
  opacity: 1;
}
#loginMenu p a{
  display: block;
}
#loginMenu p::before{
  content:"";
  width: .5rem;
  height: .5rem;
  border-radius: 1rem;
  background: #333;
  display: block;
  position: absolute;
  top:0;
  bottom:0;
  left:0;
  margin: auto;
}
#loginMenu p.txt{
  padding:0;
  font-size: 1.4rem;
  font-weight: normal;
  margin-top: 1rem;
  margin-bottom: 0;
}
#loginMenu p.txt::before{ display: none; }
#loginMenu p.txt a{ color: var(--green); display: inline; }
#loginMenu a:hover {
  /* 位置 */
  position: relative;
}

/* ツールチップ */
a.tooltip:hover:after {
  content: attr(tooltip);
  position: absolute;
  right: 0;
  top: 3em;
  z-index: 2;
  width: 240px;
  font-size: 13px;
  font-weight: normal;
  letter-spacing: 0;
  color: #333;;
  background-color: #fff;
  padding: 8px;
  border: 1px silver solid;
  border-radius: 3px;
  box-shadow: 1px 1px 3px silver;
  transition: all 0.5s 0s ease;
}


@media screen and (min-width: 768px), print {
	.headerLogo .logo {
		margin-right: 20px;
	}
}
.headerLogo .text a {
	font-weight:500;
	color: #333;
	letter-spacing: 0;
  padding-right: 20px;
  white-space: nowrap;
  font-weight: bold;
}
.headerLogo .text br{ display: none; }
.headerLogo .text a{
  text-decoration: none;
}
.headerLogo .text a span{ color: #333; font-size:80%; margin-right: .7em; }
#header .sp-icon {
	display: none;
}
/*@media screen and (max-width: 1024px) {*/

#spBottomMenu{ display: none;}

@media screen and (max-width: 767px) {
	#header {
		height: 50px;
		min-width: inherit;
		z-index: 101;
	}
	.is-header-hide #header {
		top: -50px;
	}
	#headerInner {
		padding: 0;
	}
	.headerLogo {
		/* max-width: 80%; */
		padding: 0 5px 0 15px;
		position: relative;
		width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
	}
	.headerLogo .logo {
		margin-right: 20px;
	}
	.headerLogo .logo h1 {
		line-height: 1px;
	}
	.headerLogo .logo img {
		max-width: 100%;
		width: 80px;
	}
  
  .headerMenu{
    margin-right: 1rem;
  }
  .headerMenu a{
    font-size: 1.2rem;
    line-height: 1.2;
  }
  .headerMenu li.headerMenuJoin,
  .headerMenu li.headerMenuLogin{ display: none; }
  .headerMenu li+li{border:none; margin: 0; padding: 0; }
  .headerMenuLogin a{
    white-space: nowrap;
    color: #A88128; 
    padding: 0;
    font-size: 1.2rem; 
    line-height: 1;
  }
  .headerMenuLogin a.pullDown::after{ display:none; }
  .headerMenuLogin a::before{
    display: block;
    content: "";
    background: url(/common/2026/images/common/icon_svg/icon_menu.svg) center center no-repeat;
    background-size: contain;
    width: 1.8rem;
    height: 1.8rem;
    margin:  .8rem auto .3rem;
  }
  .headerMenuLogin a::after{
    display: none;
  }
	.headerLogo .text {
		font-size: 1.4rem;
		margin-top: 1px;
    width: 7.8em;
    line-height: 1.2;
	}
  .headerLogo .text br{
    display: block;
  }
  /* SP bottom Menu*/
  #spBottomMenu{
    display: block;
    position: fixed;
    bottom:0;
    z-index: 100;
    background: #fff;
    box-shadow: 0 -5px 20px rgba(0,0,0, 0.1);
    width: 100%;
  }
  #spBottomMenu ul{ display: flex; }
  #spBottomMenu ul li{ width: 20%; height: 8rem; }
  #spBottomMenu ul li a{ 
    display:block;width:100%; height: 8rem;
    position: relative;
    text-align: center;font-size: 12px;
    font-weight: bold;color: #666;
    padding-top:.5rem;
  }
  #spBottomMenu ul li a::before{
    content: "";
    width:5rem;
    height:5rem;
    display: block;
    margin: auto;
    background: url("../images/icon/sp_bottom_menu.png") 0 0 no-repeat;
    background-size: 250px auto;
  }
  #spBottomMenu ul li a.sbm-home::before{ background-position: 0 0; }
  #spBottomMenu ul li a.sbm-save::before{ background-position: -50px 0; }
  #spBottomMenu ul li a.sbm-design::before{ background-position: -100px 0; }
  #spBottomMenu ul li a.sbm-addr::before{ background-position: -150px 0; }
  #spBottomMenu ul li a.sbm-menu::before{ background-position: -200px 0; }
  
  #spBottomMenu ul li a.active{color: #333;}
  #spBottomMenu ul li a.sbm-home.active::before{ background-position: 0 -50px; }
  #spBottomMenu ul li a.sbm-save.active::before{ background-position: -50px -50px; }
  #spBottomMenu ul li a.sbm-design.active::before{ background-position: -100px -50px; }
  #spBottomMenu ul li a.sbm-addr.active::before{ background-position: -150px -50px; }
  #spBottomMenu ul li a.sbm-menu.active::before{ background-position: -200px -50px; }
  
}
/* #globalNavi */
#globalNavi {
	height: 50px;
	left: 0;
	min-width: 1200px;
	position: fixed;
	top: 50px;
	transition: top 200ms ease-in-out;
	width: 100%;
	z-index: 100;
}
.is-header-hide #globalNavi {
	top: 0;
}
#globalNavi .sub-navi a:hover,
#globalNavi .favo a:hover{
  opacity:.8;
}
#globalNavi .sub-navi a.linkButton{ color: #fff; }
#gnaviInneer {
	position: relative;
}
.spSiteMenuTitle a{
    background: #FF7645 !important;
    color: #fff !important;
  }
@media screen and (max-width: 767px) {
	#globalNavi {
		border-bottom: none;
		height: inherit;
		min-width: inherit;
		position: fixed;
		top: 50px;
		width: 100%;
		
	}
	.is-header-hide #globalNavi {
		top: 0;
	}
	#globalNavi.open {
		height: 100%;
	}
	#globalNavi.open:before {
		background: #fff;
		content: '';
		height: 100%;
		position: absolute;
		width: 100%;
		z-index: 1000;
	}
	#gnaviInneer {
		max-height: 100%;
		width: 100%;
		z-index: 1001;
		height: 50px;
	}
}
.navi-wrapper {
	display: flex;
	position: relative;
	background-color: var(--green);
	z-index: 2;
}
.main-navi {
	display: flex;
	letter-spacing: 0;
}
.main-navi > li {
	position: relative;
}
.main-navi > li > a {
	display: flex;
	position: relative;
	align-items: center;
	color: #fff;
	text-decoration: none;
  font-weight: bold;
  width: 9.5em;
  justify-content: center;
}
.main-navi > li > a::before {
	content: "";
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
  display: none;
}
.navi-wrapper .favo a{
  color: #fff;
  text-decoration: none;
  display: flex;
  position: relative;
  align-items: center;
  padding-left: 4rem; 
  font-weight: bold;
}
.navi-wrapper .favo > a::before{
  position: absolute;
  left: 6px;
  top: 50%;
  width: 32px;
  height: 32px;
  margin-top: -16px;
	content: "";
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(/common/2026/images/common/icon_svg/icon_favo.svg);
}
@media screen and (min-width: 768px), print {
	.navi-wrapper {
		align-items: center;
		justify-content: space-between;
		padding-right: 16px;
	}
	.main-navi li::after {
		content: "";
		position: absolute;
		right: 0;
		top: 9px;
		bottom: 9px;
		width: 1px;
		background-color: #fff;
    opacity: 0.5;
	}
	.main-navi > li {
    border-top: 1px solid var(--green);
		font-size: 1.6rem;
    padding-bottom: 1px;
	}
	.main-navi > li > a {
		min-height: 48px;
	}
  .main-navi > li.open{
    background: var(--green-lite);
    color: #333;
  }
  .main-navi > li.open a{
    color: #333;
  }
	.main-navi > li > a::before {
		position: absolute;
		left: 12px;
		top: 50%;
		width: 32px;
		height: 32px;
		margin-top: -16px;
	}
}
@media screen and (max-width: 767px) {
	.main-navi {
		width: 100%;
	}
	.main-navi li {
		flex: 1 1 auto;
	}
	.main-navi > li.navi00 {
		display: none;
	}
	.main-navi.under > li.navi00 {
		display: block;
	}
	.main-navi.under > li.navi01 {
		display: none;
	}
	.main-navi > li > a {
		min-height: 5rem;
		flex-direction: column;
		justify-content: center;
    font-weight: bold;
    width: inherit;
	}
	.main-navi > li > a::before {
		width: 100%;
		height: 29px;
		display: block;
		margin-bottom: 4px;
		margin-top: 4px;
    display: none;
	}
	.main-navi > li > a > span {
		font-size: 1.4rem;
	}
  .navi-wrapper .favo > a::before{
    position: relative;
    display: block;
    left: inherit; top: .4rem;
    margin: 0 auto;
    height: 28px;
  }
  .navi-wrapper .favo a{
    font-size: 1rem;
    padding: 0 .6rem;
    display: block;
    white-space: nowrap;
    margin-left: .5rem;
    position: relative;
  }
  .navi-wrapper .favo a::after{
    content: "";
    border-left: 1px solid #fff;
    position: absolute;
    left: 0;
    top:15%;
    height: 70%;
  }
  .main-navi > li.navi03 a, .main-navi > li.navi04 a{
    padding-left: inherit;
    padding-right: inherit;
  }
}
@media screen and (max-width: 320px) {

}
@media screen and (max-width: 767px) {
  #globalNavi {
    z-index: 102;
  }
	#globalNavi.is-open,
	#globalNavi.is-open #gnaviInneer,
	#globalNavi.is-open .sub-navi.menu,
	#globalNavi.is-open .sub-navi.menu .sub-navi-outer,
	#globalNavi.is-open .sub-navi.menu .sub-navi-inner {
    position: relative;
		height: 100%;
	}
  .main-navi li.navi05 {
    display: none; 
  }
	.scroll {
		max-height: 100%;
		-webkit-overflow-scrolling: touch;
		overflow-y: scroll;
		width: 100%;
	}
	.sub-navi-column.scroll {
		max-height: calc(100% - 38px - 63px);
	}
	.is-header-hide .sub-navi-column.scroll {
		max-height: calc(100% - 63px);
	}
  .siteMenuDesign,
  .siteMenuInfo{ display: none; }
  #spSiteMenu{
    display: none;
    position: fixed;
    background: var(--green-lite);
    width: 100vw;
    height: 100vh;
    top:0;
    left:0;
    z-index: 2000;
  }
  #spSiteMenu a{ text-decoration: none; color:#333; display: inline-block; }
  .inline a,
  #spSiteMenu .inline a{ display: inline; }
  .spSiteMenuInner{
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    margin: 0 2.5rem 1rem;
    font-size: 1.6rem;
    height: calc( 100vh - 2rem);
  }
  .spSiteMenuInner::-webkit-scrollbar {
    display:none;
  }
  .spSiteMenuInner.spDesignMenu{
    margin: 0 1.5rem 1rem;
  }
  .spSiteMenuHd{ display:flex; margin:0; padding: 0; }
  .spSiteMenuClose {
    position: relative;
    margin-left: auto;
    width: 30px;
    height: 27px;
    top: 1rem;
    right: 1.2rem;
    border: 2px solid transparent;
    background: #000;
    border-radius: 1em;
  }
  .spSiteMenuClose::before {
    position: absolute;
    top: .3rem;
    left: 1.1rem;
    width: 0.2rem;
    height: 1.6rem;
    content: "";
    background-color: #fff;
    transform: rotate(45deg);
  }
  .spSiteMenuClose::after {
    position: absolute;
    top: 1rem;
    left: .4rem;
    width: 1.6rem;
    height: 0.2rem;
    content: "";
    background-color: #fff;
    transform: rotate(225deg);
  }
  #globalNavi .sub-navi .spDeliverTtl a{ position: absolute; color:#333;
    left: 0;
    top: -34px;
    font-size: 1.8rem;
    font-weight: bold;
    }
  .spSiteMenuTitle{
    display: flex;
    padding-top: 1rem;
  }
  .siteMenuInfo .spSiteMenuTitle{
    padding-top: 2rem;
  }
  .siteMenuInfo .spSiteMenuTitle a{
    width: 90%;
    max-width: 32rem;
    margin: auto;
  }
  .spSiteMenuTitle p{
    display: flex;
    align-items: center;
    font-weight: bold;
  }
  .spSiteMenuTitle p:first-of-type{
    margin-right: auto;
    font-size: 18px;
  }
  .spSiteMenuTitle p:first-of-type a{
    color: #7C5117 !important;
  }
  .spSiteMenuLogin{
    background: #fff;
    margin-top: 1rem;
    padding: 2rem;
  }
  .spSiteMenuSite{
    padding: 2rem 0;
    margin-bottom: 20vh;
  }
  .spSiteMenuHead{
    display: block;
    margin:0 0 .5em;
    font-weight: bold;
  }
  .spSiteMenuHead+.spSiteMenuHead{ margin-top: 1em; }
  .spSiteMenuBody{ margin: 0;}
  .spSiteMenuSite .spSiteMenuBody{ margin-bottom: 1rem; }
  .spSiteMenuBody .txt{ font-size: 1.4rem; margin-bottom: .5em; }
  #spSiteMenu .spSiteMenuBody .txt a{ display: inline; color:var(--green); }
  .spSiteMenuLogin ul { display: flex; flex-wrap: wrap; width: 100%; }
  .spSiteMenuLogin li:nth-child(odd){  margin-bottom: .5rem; }
  .spSiteMenuLogin li a{ font-weight: bold; }
  .spSiteMenuSite ul > ul{ margin: .5rem 0 1rem; }
  .spSiteMenuSite ul > ul li{ float:left; padding-right: 2.5em; }
  .spSiteMenuSite ul > ul:after{ content:""; clear:both; display: block;  }
  .siteMenuDesign ul { display: flex; flex-wrap: wrap; }
  .siteMenuDesign li{ width: 50%; margin-bottom: .5rem; }
  .siteMenuDesign ul.fullwide li{ width: 100%;}
  .siteMenuDesign .wide li{ width: 100%;  }
  .siteMenuDesign li.wide{ width: 100%; }
  #spSiteMenu .siteMenuDesign .kanchu a,
  #spSiteMenu .siteMenuDesign .mochu a{
    display:block; 
    background: #A088B7; color: #fff;
    text-align: center;
    padding: .8rem .8rem;
    position: relative;
    font-weight: bold;
    font-size: 1.4rem;
    border-radius: .4rem;
  }
  #spSiteMenu .siteMenuDesign .kanchu a{ background: #E6987D; }
  #spSiteMenu .siteMenuDesign .spSiteMenuTitle{
    justify-content: center;
  }
  #spSiteMenu .siteMenuDesign .spSiteMenuTitle a{
    background: #FF7645;
    color: #fff;
    width: 90%;
    max-width: 32rem;
  }
  #spSiteMenu .siteMenuDesign .spSiteMenuHead,
  #spSiteMenu .siteMenuDesign .spSiteMenuHead a{
    font-size: 2.1rem;
    text-align: center;
    color: #333;
  }
  .spSiteMenuLogin li:nth-child(odd) { width: 64%; margin-bottom: 0.5rem; }
  
  #spSiteMenu .siteMenuDesign .disc > li::before{ display: none; }
  #spSiteMenu .siteMenuDesign .disc > li{ margin-bottom: .5rem; padding-left: 0; width: 46%; margin-left: 2%; margin-right: 2%; }
  #spSiteMenu .siteMenuDesign .spSiteMenuSite li a{
    background: #fff ;
    color: #333;
    padding: .5rem 1rem;
    border: 1px solid var(--grey);
    border-radius: 2em;
    font-weight: bold;
    display: flex;
    height: inherit;
    font-size: 14px;
    letter-spacing: 0;
    white-space: nowrap;
  }
  #spSiteMenu .siteMenuDesign .spSiteMenuSite a img{
    width: 2rem !important;
    height: 2rem !important;
  }
  #spSiteMenu .siteMenuDesign .spSiteMenuSite ul.txt-center a{
    justify-content: center;
  }
  #spSiteMenu .siteMenuDesign .spSiteMenuSite ul.youto li {
    width: 46%;
    margin: 0 2% 1rem;
  }
  #spSiteMenu .siteMenuDesign .spSiteMenuSite .flex {
    display: flex;
    justify-content: space-between;
  }
  #spSiteMenu .siteMenuDesign .spSiteMenuSite .flex p{
    width: 46%;
    margin: auto;
  }
  #spSiteMenu .spSiteMenuBody .linkBox{
    display: flex;
    justify-content: center;
  }
  #spSiteMenu .spSiteMenuBody .linkBox a{
    background: #fff ;
    color: #333;
    text-align: center;
    padding: .5rem 1.2rem;
    border: 1px solid var(--grey);
    border-radius: 2em;
    font-weight: bold;
    margin: 0 .4rem;
    white-space: nowrap;
    font-size: 14px;
  }
}
.sub-navi-bg {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
}
.sub-navi {
	display: none;
	position: absolute;
  width: 100%;
	z-index: 1;
}
@media screen and (min-width: 768px), print {
	.sub-navi-bg {
		background-color: rgba(0,0,0,0.3);
	}
	.sub-navi-outer {
		padding: 30px 20px 50px;
		background: var(--green-lite);
	}
	.sub-navi-inner {
		max-width: 1200px;
		margin: 0 auto;
		position: relative;
	}
	.sub-navi-column {
		display: flex;
		margin-left: -15px;
		margin-right: -15px;
	}
	.sub-navi-column.col2 {
		margin-left: -30px;
		margin-right: -30px;
	}
	.sub-navi-column .gnaviList {
		background-color: #fff;
		width: calc(33.33% - 30px);
		margin-left: 15px;
		margin-right: 15px;
	}
  
}

ul.gnaviList {
	-webkit-flex-direction: column;
	flex-direction: column;
}
ul.gnaviList > li {
	background: #fff;
	border-bottom: solid 1px #e3debf;
	border-right: none;
	border-top: none;
	float: none;
	height: auto;
}
ul.gnaviList > li.spOnlyMenu {
	display: block;
}
ul.gnaviList > li > a,
ul.gnaviList > li > .no-link {
	display: block;
	background: #fff;
  color: #333;
	font-size: 1.7rem;
	font-weight: bold;
	line-height: 1.35;
	min-height: inherit;
	padding: 14px 10px 14px 25px;
	position: relative;
	text-decoration: none;
	transition: oapcity 0.2s;
}
ul.gnaviList > li > a:hover {
	opacity: 0.7;
}
ul.gnaviList > li.gnavi_postcard > a {
	color: #1a9431;
}
ul.gnaviList > li.favorite.has-no-favorite,
#footerSitemapInner .title.favorite.has-no-favorite {
	display: none;
}
ul.gnaviList > li.favorite > a {
	background: #fffdec;
}
ul.gnaviList > li.gnavi_sub {
	border-bottom: solid 1px #ad9e40;
}
ul.gnaviList > li.gnavi_sub > a {
	background: #c29558;
	color: #fff;
}
/* ul.gnaviList > li > a:before {
	margin-top: -3px;
} */
ul.gnaviList > li.favorite > a {
	background: #fffdec;
	padding-left: 60px;
}
ul.gnaviList > li.favorite > a:before {
	content: "";
	position: absolute;
	background: url('/common/2026/images/icon/icon_heart_current.svg') no-repeat center center;
	background-color: transparent;
	background-size: contain;
	border-radius: 0;
	height: 21px;
	margin-top: -10px;
	width: 25px;
	left: 25px;
	top: 50%;
}
ul.gnaviList > li > a:after,ul.gnaviList > li > a.hasMegaMenu:after,ul.subMenu > li > a:after, ul.thirdMenu > li > a:after {
	background: none;
	border-radius: 0;
	border-right: 1px solid #555;
	border-top: 1px solid #555;
	content: '';
	height: 8px;
	margin-left: 0;
	margin-top: -4px;
	position: absolute;
	right: 10px;
	top: 50%;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	vertical-align: middle;
	width: 8px;
}
ul.gnaviList > li.is-current,
ul.subMenu > li.is-current,
ul.thirdMenu > li.is-current {
	position: relative;
}
ul.gnaviList > li.is-current:after,ul.subMenu > li.is-current:after, ul.thirdMenu > li.is-current:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 4px;
	background-color: #e60012;
}
ul.gnaviList > li.gnavi_sub > a:after {
	border-right: 1px solid #fff;
	border-top: 1px solid #fff;
}
ul.gnaviList > li .subMenuWrapper {
	height: auto;
	left: 0;
	position: relative;
	top: 0;
	z-index: 1;
}
.gnCategory01 ul.gnaviList > li.gnavi01 > a,.gnCategory02 ul.gnaviList > li.gnavi02 > a,.gnCategory03 ul.gnaviList > li.gnavi03 > a,.gnCategory04 ul.gnaviList > li.gnavi04 > a {
	font-weight: bold;
}
ul.subMenu {
	border-bottom: none;
	border-left: none;
	box-shadow: none;
	height: auto;
	left: 0;
	margin: 0;
	padding: 0;
	position: relative;
	top: 0;
	width: auto !important;
}
ul.subMenu > li {
	border-top: solid 1px #e0d9cc;
}
ul.subMenu > li > a,
ul.subMenu > li > .no-link {
	background: #fff;
	color: #555;
	display: block;
	font-size: 1.5rem;
	font-weight: normal;
	padding: 12px 15px 12px 40px;
	position: relative;
	text-decoration: none;
	transition: oapcity 0.2s;
}
ul.subMenu > li > a:hover {
	opacity: 0.7;
}
ul.subMenu > li > a:before,
ul.subMenu > li > .no-link:before {
	background: var(--green);
	content: "";
	display: block;
	height: 2px;
	position: absolute;
	top: calc(50% - 1px);
	left: 25px;
	width: 5px;
}
ul.subMenu > li > a:hover {
	background: #fff;
}
ul.thirdMenu {
	border-bottom: none;
	border-left: none;
	box-shadow: none;
	height: auto;
	left: 0;
	margin: 0;
	padding: 0;
	position: relative;
	top: 0;
	width: auto !important;
}
ul.thirdMenu > li {
	border-top: solid 1px #e0d9cc;
}
ul.thirdMenu > li > a {
	background: #fff;
	color: #555;
	display: block;
	font-size: 1.4rem;
	font-weight: normal;
	padding: 12px 15px 12px 40px;
	position: relative;
	transition: oapcity 0.2s;
	text-decoration: none;
}
ul.thirdMenu > li > a:hover {
	opacity: 0.7;
}
.sp-editBtnArea {
	display: none;
}
@media screen and (max-width: 767px) {
	.sp-editBtnArea {
		background: #BA9644;
		display: block;
		overflow: hidden;
		padding: 10px;
	}
	.sp-editBtnArea ul {
		margin: 0 -4px;
	}
	.sp-editBtnArea ul li {
		float: left;
		list-style: none;
		padding: 0 4px;
		width: 25%;
	}
	.in-hasLogOut {
		display: none;
	}
	.sp-editBtnArea.hasLogOut .in-hasLogOut {
		display: block;
	}
	.sp-editBtnArea.hasLogOut ul li:nth-child(3),.sp-editBtnArea.hasLogOut ul li:nth-child(4),.sp-editBtnArea.hasLogOut ul li:nth-child(5) {
		width: 16.6%;
	}
	.sp-editBtnArea ul li a {
		border: 1px solid #fff;
		border-radius: 7px;
		color: #fff;
		display: table;
		font-size: 1.26rem;
		font-weight: bold;
		padding-right: 0;
		position: relative;
		text-align: center;
		text-decoration: none;
		width: 100%;
	}
	.sp-editBtnArea ul li a span {
		display: table-cell;
		height: 50px;
		line-height: 1.3;
		text-align: center;
		vertical-align: middle;
	}
}
/* Page Right */
#pageRightWrapper {
	position: fixed;
	right: 0;
	top: 0;
	z-index: 99;
}
#catalogBnr {
	background: #fff;
	border-bottom-left-radius: 6px;
	border-top-left-radius: 6px;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 120px;
	/*top: 430px;*/
	width: 40px;
	z-index: 100;
}
#catalogBnr .bnr {
	position: relative;
	vertical-align: top;
	z-index: 101;
}
.catalogPage #catalogBnr {
	display: none !important;
}
/*@media screen and (max-width: 1024px) {*/
@media screen and (max-width: 767px) {
	#pageRightWrapper {
		display: none;
	}
}

.sub-navi-close {
	/*border: 1px solid #fff;
	border-radius: 2px;*/
	display: block;
	height: 35px;
	position: relative;
	width: 35px;
}
.sub-navi-close::before,.sub-navi-close::after {
	background: #333;
	content: '';
	display: block;
	height: 2px;
	left: calc(50% - 10px);
	position: absolute;
	top: calc(50% - 2px);
	width: 26px;
}
.sub-navi-close::before {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.sub-navi-close::after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

@media all and (min-width: 768px) {
	.sub-navi .sub-navi-close {
		display: none;
		position: absolute;
		right: 0;
		bottom: -48px;
	}
}
@media all and (max-width: 767px) {
	.sub-navi.sp-full {
		background: none;
		bottom: 0;
		left: 0;
		overflow: auto;
		position: fixed;
		right: 0;
		top: 0;
		z-index: 100;
	}
	.sub-navi.sp-full .sub-navi-outer {
		background: var(--green-lite);
		min-height: 100%;
		padding: 45px 20px;
	}
	.sub-navi.sp-full .sub-navi-inner {
		position: relative;
	}
	.sub-navi.sp-full .sub-navi-inner .sub-navi-close {
		position: absolute;
		right: -1px;
		top: -38px;
	}
	.sub-navi:not(.sp-full) .sub-navi-close {
		display: none;
	}
}
@media all and (min-width: 768px) {
	.sub-navi-column .sub-navi-column-col {
		margin-left: 15px;
		margin-right: 15px;
		width: calc(33.33% - 30px);
	}
	.sub-navi-column.col2 .sub-navi-column-col {
		margin-left: 30px;
		margin-right: 30px;
		width: calc(50% - 60px);
	}
}
@media all and (max-width: 767px) {
	.sub-navi-column .sub-navi-column-col {
		margin-bottom: 15px;
	}
}
.sub-navi-column .sub-navi-column-col .sub-navi-heading .text a {
	text-decoration: none;
	display: block;
}
.delivery-orderDate {
	font-size: 1.8rem;
	margin-bottom: 20px;
	text-align: center;
}
@media all and (min-width: 768px) {
	.delivery-orderDate {
		color: #333;
	}
}
@media all and (max-width: 767px) {
	.delivery-orderDate {
		font-size: 1.6rem;
		
	}
}
.sub-navi-heading {
	background: #fff;
	color: #333;
	display: flex;
	display: -webkit-flex;
	font-size: 2rem;
	font-weight: bold;
	padding: 7px 7px 7px 20px;
}
.sub-navi-heading.textCenter {
	padding-left: 7px;
}
.sub-navi-heading .text {
	-webkit-flex: 1 1 auto;
	flex: 1 1 auto;
	letter-spacing: 0.1em;
	padding: 1px 0 3px;
  color: var(--green);
}
/*.sub-navi-heading .text a{
  color: #fff !important;
}*/
.sub-navi-heading .linkButton {
	-webkit-align-items: center;
	align-items: center;
	background: #fff;
	color: #e60012;
	display: -webkit-flex;
	display: flex;
	-webkit-flex: 0 0 auto;
	flex: 0 0 auto;
	font-size: 1.4rem;
	padding-left: 20px;
	padding-right: 40px;
	padding-bottom: 1px;
	position: relative;
	text-decoration: none;
}
@media screen and (min-width: 768px), print {
	.sub-navi-heading.pc-gold {
		background-color: #fff;
		color: #333;
		padding: 1rem 0 10px;
		position: relative;
    border-bottom: 1px solid #999;
	}
}
@media all and (max-width: 767px) {
	.sub-navi-heading {
		font-size: 1.8rem;
	}
  .sub-navi-heading .text {
    border-bottom: 1px solid #999;
  }
  .sub-navi-heading .text a {
    color: #fff;
  }
}
@media all and (max-width: 767px) {
	.sub-navi-heading .linkButton {
		font-size: 1.2rem;
	}
}
.sub-navi-heading .linkButton::after {
	content: '';
	position: absolute;
	border-right: 1px solid #e60012;
	border-top: 1px solid #e60012;
	height: 6px;
	width: 6px;
	right: 10px;
	top: 50%;
	margin-top: -4px;
	transform: rotate(45deg);
}
@media all and (max-width: 767px) {
	.sub-navi-heading .linkButton::after {
		height: 5px;
		width: 5px;
		margin-top: -3px;
	}
}
.sub-navi-heading a.linkButton {
	transition: opacity .7s;
}
.sub-navi-heading a.linkButton:hover {
	opacity: .7;
}
@media screen and (min-width: 768px), print {
	.sub-navi-heading.pc-gold .linkButton {
		background-color: #c29558;
		color: #fff;
	}
	.sub-navi-heading.pc-gold .linkButton::after {
		border-right: 1px solid #fff;
		border-top: 1px solid #fff;
	}
}
.sub-navi-box {
	background: #fff;
	padding: 10px;
}
.sub-navi-list {
	display: flex;
	display: -webkit-flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-left: -5px;
	margin-right: -5px;
}
.sub-navi-list > li {
	display: flex;
	display: -webkit-flex;
	margin-bottom: 10px;
	padding-left: 5px;
	padding-right: 5px;
	width: 50%;
  font-size: 1.5rem;
}
.sub-navi-list > li > a {
	-webkit-align-items: center;
	align-items: center;
	background: #fff;
	color: #c29558;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	min-height: 52px;
	padding: 2px 30px 3px;
	position: relative;
	text-align: center;
	text-decoration: none;
	transition: opacity .7s;
	width: 100%;
}
@media screen and (min-width: 768px), print {
	.sub-navi-list > li {
		margin-bottom: 5px;
	}
	.sub-navi-list > li > a {
		min-height: 0;
		padding: 2px 0;
		-webkit-justify-content: flex-start;
		justify-content: flex-start;
		text-align-last: left;
	}
	.sub-navi-list > li > a:hover {
		text-decoration: underline;
	}
}
@media all and (max-width: 767px) {
	.sub-navi-list > li > a {
		font-size: 1.5rem;
		min-height: 38px;
		padding-left: 20px;
		padding-right: 20px;
	}
	.sub-navi-list > li.small > a {
		font-size: 1.3rem;
		line-height: 1.7rem;
	}
}
.sub-navi-list > li > a:hover {
	opacity: .7;
}
.sub-navi-list > li > a::after {
	content: '';
	position: absolute;
	border-right: 1px solid #c29558;
	border-top: 1px solid #c29558;
	height: 8px;
	width: 8px;
	right: 16px;
	top: 50%;
	margin-top: -4px;
	transform: rotate(45deg);
}
@media screen and (min-width: 768px), print {
	.sub-navi-list > li > a::after {
		position: static;
		margin-left: 15px;
		margin-top: 0;
	}
}
@media all and (max-width: 767px) {
	.sub-navi-list > li > a::after {
		height: 6px;
		width: 6px;
		right: 12px;
		margin-top: -3px;
	}
}
.delivery-deliveryDate {
	text-align: center;
}
@media all and (max-width: 767px) {
	.delivery-deliveryDate {
		font-size: 1.4rem;
	}
}
.delivery-deliveryDate .date {
	font-size: 4rem;
	font-weight: bold;
}
@media all and (max-width: 767px) {
	.delivery-deliveryDate .date {
		font-size: 2.4rem;
	}
}
.sub-navi-button {
  background: var(--green);
  color: #fff !important;
  display: inline-block;
  padding: 10px 40px;
  position: relative;
  text-align: center;
  text-decoration: none !important;
  transition: opacity .7s;
  width: 100%;
  border-radius: 2em;
  font-weight: bold;
}
.sub-navi-button:hover {
	opacity: .7;
}
.sub-navi-button::before {
	content: '';
	position: absolute;
	border-right: 2px solid #fff;
	border-top: 2px solid #fff;
	height: 10px;
	width: 10px;
	right: 18px;
	top: 50%;
	margin-top: -7px;
	transform: rotate(45deg);
}
@media all and (min-width: 768px) {
	.sub-navi-button {
		max-width: 280px;
	}
}
@media all and (max-width: 767px) {
	.sub-navi-button {

		font-size: 1.5rem;
	}

}

/* #footer */
#bottomContents {
	border-top: solid 2px var(--grey)
}
@media screen and (max-width: 767px) {
	#bottomContents {
		border-top-width: 0;
	}
}
#footer {
	bottom: 0;
	min-width: 1200px;
	position: fixed;
	width: 100%;
	z-index: 100;
}
.pagetop {
	bottom: 50px;
	display: none;
	position: fixed;
	right: 15px;
	transition-duration: .3s;
	z-index: 100;
}
.pagetop img{ width: 50px; }
.pagetop.isBottom {
	bottom: 50px;
}
.pagetop a {
  display: block;
  text-decoration: none;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: rgba(0,0,0,0.75)
}
.pagetop a:before {
  display: block;
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  width: 12px;
  height: 12px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: translateY(-50%) rotate(-45deg);
  transform: translateY(-50%) rotate(-45deg);
  margin: 3px auto 0
}
.pagetop.fixed {
	position: fixed;
}
.pagetop img {
	vertical-align: bottom;
}
#floatBnr{
  width: 36rem;
  height: 10rem;
  position: fixed;
  right: 2rem;
  bottom:5rem;
  z-index: 1111;
  box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, .3);
  display: none;
}
a#floatBnrClose:hover{
  background: #666;
}
#floatBnrClose{
  position: absolute;
  display: block;
  border-radius: 24px;
  content: "";
  width: 24px;
  height: 24px;
  background: #333;
  right: -10px;
  top: -10px;
}
#floatBnrClose::before,
#floatBnrClose::after{
  content: "";
  width: 16px;
  height: 1px;
  background: #fff;
  position: absolute;
  transform: rotate(45deg);
  top:0;
  bottom:0;
  left:0;
  right:0;
  margin: auto;
}
#floatBnrClose::after{
  transform: rotate(-45deg);
}
@media screen and (max-width: 767px) {
	#footer {
		min-width: auto;
		position: relative;
		z-index: 0;
	}
	.pagetop {
		bottom: 90px;
		right: 10px !important;
		width: 44px;
	}
  .pagetop a{width: 44px;height:44px; }
 .byAPP .pagetop { bottom: 90px}
	.pagetop.isBottom {
		opacity: 0 !important;
		bottom: 40px;
	}
  #floatBnr{
    width: 32rem;
    height: 8.88rem;
    position: fixed;
    right: 0;
    left:0;
    bottom: 2rem;
    margin: auto;
    z-index: 109;
  }
}
#footerNetSearvice {
	background: var(--grey-lite);
	position: relative;
	z-index: 0;
}
#footNetSearviceInner {
	margin: 0 auto;
	padding: 0 0 60px;
}
#footNetSearviceInner .headingDot{
  margin-top: 0;
  padding-top: 40px;
}
@media screen and (max-width: 767px) {
	#footerSitemap,#footerSitemapPostcard {
		display: none;
	}
}
#footNetSearviceInner .bnrs1 {
	-webkit-align-items: center;
	align-items: center;
	display: flex;
	display: -webkit-flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 auto 20px;
	max-width: 1220px;
}
#footNetSearviceInner .bnrs1 .colBnrs {
	background: #fff;
	-webkit-flex: 0 1 auto;
	flex: 0 1 auto;
	margin: 0 10px 18px;
	width: calc(20% - 20px);
  height: clamp(30px, 17vw, 86px);
}
#footNetSearviceInner .bnrs1 img {
	height: auto;
	max-width: 100%;
}
.footerTitle {
	color: #c29558;
	font-size: 2.4rem;
	margin-bottom: 40px;
	text-align: center;
}
.footerTitle {
	color: #c29558;
	font-size: 2.4rem;
	margin-bottom: 40px;
	text-align: center;
}
@media screen and (max-width: 767px) {
	#footNetSearviceInner .bnrs1 {
		margin: 0 5px 20px;
	}
	#footNetSearviceInner .bnrs1 .colBnrs {
		background: none;
		text-align: center;
		width: calc(50% - 10px);
		margin: 0 5px 15px;
  /*height: 6.7rem;*/
  height: clamp(30px, 17vw, 130px);
	}
	.footerTitle {
		font-size: 2rem;
		margin-bottom: 20px;
	}
}
#footNetSearviceInner .outerCopys {
	padding: 25px 10px 10px;
  background: #fff;
}
.footer-inner{
  background: #fff;
  padding: 0 10px;
  padding-bottom: 60px;
}
.footer-inner p a{
  color: #333;
}
#footNetSearviceInner{
  padding-bottom: 0;
}
.sp-footerTitle{ display: none; }
@media screen and (max-width: 767px) {
	#footNetSearviceInner .outerCopys {
		padding: 20px 10px 18px;
	}
  #footerCopyright{
    display: none !important;
  }
  .sp-footerTitle{
    display: block;
    font-weight: bold;
    margin: 1em 0;
  }
  .sp-footerTitle a{
    color: #333;
  }
  .footer-inner {
    padding-bottom:20px;
  }
  
}
#footNetSearviceInner .socialBtn {
	text-align: center;
}
#footNetSearviceInner .socialBtn{
  display: flex;
  margin: 0 auto;
  width: 130px;
  justify-content: space-between;
	align-items: center;
}
#footNetSearviceInner .socialBtn img{
  width: 30px;
  height: 30px;
}

.otherCopyright,
.footerOtherCopyright {
	margin: 0 auto;
	max-width: 960px;
}
.otherCopyright{
  margin: 0 auto 1rem;
}
.otherCopyright.top {
	max-width: 1200px;
}
.otherCopyright.categoryTop,
.otherCopyright.categoryBottom,
.otherCopyright.categoryDetail {
	max-width: 1211px;
}
.otherCopyright ul,
.footerOtherCopyright ul {
	-webkit-align-items: center;
	align-items: center;
	display: flex;
	display: -webkit-flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100%;
}
.otherCopyright ul li,
.footerOtherCopyright ul li {
	-webkit-flex: 0 0 auto;
	flex: 0 0 auto;
	line-height: 1.5;
	list-style: none;
	margin: 0 5px 0;
	max-width: 100%;
  letter-spacing: -.5px;
  font-size: 11px;
  /*white-space: nowrap;*/
  text-align: center;
}
.otherCopyright ul li img,
.footerOtherCopyright ul li img {
	height: 12px;
	max-width: 100%;
}
.sp-footerButtons,.sp-footerLink,.sp-totop,.sp-toCatalog {
	display: none;
}
.copyright-text{
  max-height: 1.1rem !important;
  margin-top: 0.2em;
}
.copyright-text-s{
  max-height: 1.1rem !important;
  margin-top: 0.2em;
}
.copyright-nagano{
  height: 12px !important;
}
.copyright-jammy{
  height: 9px !important;
}
.copyright-fujifilm{
  
}
.copyright-logo{
  width:123px;
  height: 35px;
  margin: 2.5em auto 0;
}
.copyright-txt-wrap{
  display: flex;
  justify-content: center;
  align-items: center;
}
.copright-txt{
  font-size: 1.2rem;
  text-align: center;
  margin-right: 2em;
  margin-left: 4em;
}
.pmark-logo{
  width: 55px;
  height: 65px;
}
@media screen and (min-width: 768px), print {
	.otherCopyright.categoryTop {
		margin-top: -40px;
		margin-bottom: 40px;
	}
 #top.design .otherCopyright.categoryTop{margin-top: 0 }
	.otherCopyright.categoryBottom {
		margin-top: -10px;
		margin-bottom: 40px;
	}
	.otherCopyright.categoryDetail {
		margin-top: -40px;
		margin-bottom: 40px;
	}
}
@media screen and (max-width: 767px) {
  .copright-txt{
    margin-left: 6em;
  }
	.otherCopyright.categoryTop,
	.otherCopyright.categoryDetail {
		margin-top: 5px;
	}
	.otherCopyright ul,
	.footerOtherCopyright ul {
		-webkit-justify-content: center;
		justify-content: center;
	}
	.footerOtherCopyright ul li {
		margin: 0 3px 2px;
    font-size: 10px;
	}
  .otherCopyright ul li{
    margin: 0;
    padding: 3px 5px 2px;
    text-align: center;
    font-size: 10px;
  }
	.sp-footerLink {
		border-top: none;
		background: var(--green-lite);
		display: block;
		padding: 10px 10px 30px;
		text-align: center;
	}
	.sp-footerLink ul {
		font-size: 80%;
	}
	.sp-footerLink ul li {
		display: inline-block;
		padding: 0 5px 5px;
	}
	.sp-footerLink ul li a {
		display: inline-block;
		padding: 0 0 0 9px;
		position: relative;
	}
	.sp-footerButtons {
		background-color: rgba(255, 255, 255, .7);
		bottom: 0;
		display: none;
		height: 70px;
		left: 0;
		position: fixed;
		right: 0;
		z-index: 100;
	}
	.sp-totop,.sp-toCatalog,.sp-toShop {
		bottom: 10px;
		display: block;
		height: 50px;
		line-height: 1;
		position: absolute;
		width: 50px;
		z-index: 100;
	}
	.sp-totop img,.sp-toCatalog img,.sp-toShop img {
		height: auto;
		max-width: 100%;
		vertical-align: top;
	}
	.sp-totop {
		right: 10px;
	}
}
#footerSitemapInner {
	margin: 0 auto;
	padding: 35px 0;
	width: 1160px;
	display: flex;
}
#footerSitemapInner .mapCols {
	width: 29%;
	position: relative;
	padding-top: 10px;
	padding-bottom: 10px;
}
#footerSitemapInner .mapCols:nth-child(1) {
	padding-right: 40px;
}
#footerSitemapInner .mapCols:nth-child(2) {
	padding-left: 40px;
	padding-right: 40px;
	width: 42%;
}
#footerSitemapInner .mapCols:nth-child(3) {
	padding-left: 40px;
}
#footerSitemapInner .mapCols:nth-child(2)::before,
#footerSitemapInner .mapCols:nth-child(3)::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 1px;
	background-color: var(--grey);
}
.mapList {
	list-style: none;
	padding: 0;
	margin: 0;
}
.mapList-child {
	list-style: none;
	margin: 5px 0 0;
	padding-left: 18px;
}
#footerSitemapInner .title {
	color: #333;
	font-size: 100%;
	font-weight: bold;
	margin-bottom: 10px;
}
#footerSitemapInner .title:last-child {
	margin-bottom: 0;
}
#footerSitemapInner .title a {
	text-decoration: none;
  color: #333;
}
#footerSitemapInner .title a:hover {
	text-decoration: underline;
}
#footerSitemapInner .subTitle {
	font-size: 1.3rem;
	margin-bottom: 6px;
	padding-left: 10px;
	font-weight: normal;
	position: relative;
}
#footerSitemapInner .subTitle:before {
	background: #666;
	border-radius: 50%;
	content: '';
	height: 3px;
	left: 0;
	position: absolute;
	top: .55em;
	width: 3px;
	transform: scale(0.8);
}
#footerSitemapInner .subTitle a {
	text-decoration: none;
}
#footerSitemapInner .subTitle > a {
	font-weight: bold;
  color: #333;
}
#footerSitemapInner .subTitle a:hover {
	text-decoration: underline;
}
#footerSitemapInner .subTitle p {
	font-size: 1.2rem;
}
#footerSitemapInner .list {
	color: #bcb9b1;
	font-size: 70%;
	line-height: 1.7em;
}
#footerSitemapInner .list a {
	color: #444;
}
#footerSitemapPostcard {
	background: #fff;
}
#footerSitemapPostcardInner {
	margin: 0 auto;
	padding: 30px 0 40px;
	width: 1160px;
}
#footerSitemapPostcardInner .title {
	color: #1a9431;
	font-size: 100%;
	font-weight: bold;
	margin-bottom: 6px;
}
#footerSitemapPostcardInner .title a {
	color: #1a9431;
}
#footerSitemapPostcardInner .list {
	color: #bcb9b1;
	font-size: 80%;
	line-height: 1.7em;
}
#footerSitemapPostcardInner .list a {
	color: #444;
	font-weight: bold;
}
#footerCookieCase {
	background: #e6e6e6;
	height: 1;
	position: relative;
	z-index: 100;
}
#footerCookieBtns {
	bottom: 0;
	height: 36px;
	left: 20px;
	position: absolute;
	z-index: 100;
}
#footerCookieBtns .favoriteBtn,#footerCookieBtns .shopBtn,#footerCookieBtns .postcardBtn {
	background: #fff;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	float: left;
	height: 36px;
	margin-right: 10px;
	position: relative;
}
#footerCookieBtns .favoriteBtn.has-no-favorite {
	display: none;
}
#footerCookieBtns .favoriteBtn > a,#footerCookieBtns .shopBtn > a,#footerCookieBtns .postcardBtn > a {
	background: #000;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	color: #fff;
	display: block;
	float: left;
	font-size: 80%;
	line-height: 26px;
	min-height: 26px;
	padding: 5px 16px 5px 40px;
	text-decoration: none;
}
#footerCookieBtns .favoriteBtn > a {
	background: #000 url(/common/2026/images/common/icon/icon_favorite.png) no-repeat 10px center;
	background-size: 21px auto;
	padding-left: 44px;
}
#footerCookieBtns .shopBtn > a {
	background: #1a9431 url(/common/2026/images/common/icon/icon_shop.png) no-repeat 10px center;
	padding: 5px 16px 6px 47px;
}
#footerCookieBtns .postcardBtn > a {
	background: #1a9431 url(/common/2026/images/common/icon/icon_postcard.png) no-repeat 10px center;
	padding: 5px 16px 5px 47px;
}
#footerCookieBtns .lightBox {
	background: url(/common/2026/images/common/lightbox_baloon.png) no-repeat left top;
	bottom: 30px;
	/*display: none;*/
	height: 125px;
	left: 0;
	opacity: 0;
	position: absolute;
}
#footerCookieBtns .lightBox .slideWrapper {
	border-right: solid 1px #ccc;
	height: 115px;
	max-width: 700px;
	min-width: 295px;
	padding: 0 10px 1px;
	position: relative;
}
#footerCookieBtns .lightBox .slideStage {
	height: 85px;
	margin: 0 20px;
	overflow: hidden;
	padding-top: 12px;
	position: relative;
}
#footerCookieBtns .lightBox .slide {
	height: 75px;
	position: absolute;
	width: 50000px;
	z-index: 30;
}
#footerCookieBtns .lightBox .textCenter {
	font-size: 70%;
	padding-top: 5px;
}
#footerCookieBtns .lightBox .closeBtn {
	height: 44px;
	position: absolute;
	right: -22px;
	top: -22px;
	width: 44px;
	z-index: 30;
}
#footerCookieBtns .lightBox .leftBtn,#footerCookieBtns .lightBox .rightBtn {
	height: 24px;
	left: 10px;
	position: absolute;
	top: 46px;
	width: 12px;
	z-index: 30;
}
#footerCookieBtns .lightBox .rightBtn {
	left: auto;
	right: 10px;
}
#footerCookieBtns .lightBox .leftBtn.disable a {
	visibility: hidden;
}
#footerCookieBtns .lightBox .rightBtn.disable a {
	visibility: hidden;
}
#footerCookieBtns .lightBox .slide .card {
	box-shadow: 2px 2px 0 0 rgba(0, 0, 0, .2);
	float: left;
	margin: 0 10px 0 0;
	max-height: 70px;
	max-width: 70px;
	position: relative;
}
#footerCookieBtns .lightBox .slide .card.choice {
	box-shadow: none;
}
#footerCookieBtns .lightBox .slide .card img {
	max-height: 70px;
	max-width: 70px;
}
#footerCookieBtns .lightBox .slide .card .delete {
	height: 16px;
	position: absolute;
	right: -8px;
	top: -8px;
	width: 16px;
}
#footerCookieBtns .lightBox .slide .card .delete img {
	height: 16px;
	width: 16px;
}
@media screen and (max-width: 767px) {
	#footerCookieCase {
		display: none;
	}
}
#footerCopyright {
	background: var(--green);
  color: #fff;
	height: 30px;
	overflow: hidden;
	position: relative;
	z-index: 100;
	display: flex;
  white-space: nowrap;
}
#footerCopyInneer {
	width: 100%;
	min-width: 1158px;
	overflow: hidden;
	padding: 1px 23px 3px 19px;
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#footerLogo {
	display: flex;
	align-items: center;
}
#footerLogo .logo {
	font-size: 1.4rem;
	padding-right: 21px;
	font-weight:500;
	letter-spacing: 0;
}
#footerLogo .pc-footerLink {
	letter-spacing: 0;
}
#footerLogo ul {
	line-height: 1.1em;
	display: flex;
}
#footerLogo ul > li {
	font-size: 1.1rem;
	position: relative;
}
#footerLogo ul > li > a {
	display: block;
	margin-right: 17px;
  color: #fff;
}
#footerCopyright .copyright {
	float: right;
	letter-spacing: 0;
}
#footerCopyright .copyright .text {
	display: block;
	float: right;
	font-size: 1.1rem;
	line-height: 1;
	padding-left: 10px;
}
#footerCopyright .copyright .text p {
	/*color: #7C5117;*/
}
@media screen and (max-width: 767px) {
	#footerCopyInneer {
		min-width: auto;
		padding: 0;
		position: relative;
		display: block;
	}
	#footerCopyright {
		border-top: none;
		height: auto;
    padding: 1rem 0;
	}
	#footerLogo {
		display: block;
		padding: 7px 10px;
		text-align: center;
		width: auto;
	}
	#footerLogo .logo {
		height: 14px;
		padding: 0;
	}
	#footerLogo .logo img {
		height: auto;
		vertical-align: top;
		width: 194px;
	}
	#footerLogo .pc-footerLink {
		display: none;
	}
	#footerCopyright .copyright {
		float: none;
		height: 25px;
		line-height: 8px;
		padding: 7px 10px;
		text-align: center;
	}
	#footerCopyright .copyright .logo {
		display: inline-block;
		float: none;
		margin-top: -1px;
		padding-top: 0;
	}
	#footerCopyright .copyright img {
		height: auto;
		vertical-align: top;
		width: 58px;
	}
	#footerCopyright .copyright .text {
		display: inline-block;
		float: none;
		font-size: 1.0rem;
		padding-left: 3px;
		padding-top: 0;
	}
}
@media screen and (max-width: 767px) {
	.sp-toCatalog {
		left: 10px;
	}
	.catalogPage .sp-toCatalog {
		left: -100px;
	}
	.sp-toShop {
		left: 70px;
	}
	.catalogPage .sp-toShop {
		left: 10px;
	}
}
/* lightbox */
#o_fancybox-overlay {
	display: none;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1130;
}
#o_fancybox-wrap {
	display: none;
	-webkit-font-smoothing: subpixel-antialiased;
	left: 0;
	outline: none;
	position: absolute;
	top: 0;
	z-index: 1131;
}
#o_fancybox-wrap.orderBox {
	height: 400px !important;
	position: fixed !important;
	top: 100px !important;
	width: 770px !important;
}
#o_fancybox-wrap.priceBox {
	height: 466px !important;
	width: 1130px !important;
}
#o_fancybox-wrap.hagakiBox {
	height: 430px !important;
	position: fixed !important;
	top: 100px !important;
	width: 940px !important;
}
#o_fancybox-outer {
	background: #fff;
	border-radius: 10px;
	box-shadow: 0 0 7px 2px rgba(0, 0, 0, .2);
	box-sizing: border-box;
	height: 100%;
	padding: 10px;
	position: relative;
	width: 100%;
}
#o_fancybox-content {
	border: 0 solid #fff;
	height: 100%;
	outline: none;
	overflow: hidden;
	padding: 0;
	position: relative;
	width: 100%;
	z-index: 1132;
}
#o_fancybox-iframe-overlay {
	background-color: #fff;
	cursor: auto;
	display: none;
	height: 100%;
	left: 0;
	opacity: .3;
	outline: none;
	overflow: hidden;
	padding: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1135;
}
#o_fancybox-iframe-outer {
	display: block;
	height: 100%;
	left: 0;
	outline: none;
	overflow: hidden;
	padding: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1132;
}
#o_fancybox-iframePosition {
	height: 100%;
	margin: 0 auto;
	position: relative;
	width: 100%;
}
#o_fancybox-iframe {
	border-radius: 10px;
	height: 100%;
	margin: 0 auto;
	outline: none;
	-webkit-overflow-scrolling: touch;
	overflow-y: auto;
	padding: 0;
	position: relative;
	width: 100%;
}
#o_fancybox-iframe .scroll {
	height: 100%;
	width: 100%;
}
#o_fancybox-iframe iframe {
	border: none;
	border-radius: 10px;
	height: 100%;
	overflow-y: scroll;
	vertical-align: top;
	width: 100%;
}
#o_fancybox-iframe-close {
	background: transparent url(/common/2026/images/common/detail_close_btn.png) no-repeat center center;
	cursor: pointer;
	height: 64px;
	position: absolute;
	right: 17px;
	top: 15px;
	width: 64px;
	z-index: 1137;
}
#o_fancybox-close {
	background: transparent url(/common/2026/images/common/detail_close_btn.png) no-repeat left top;
	cursor: pointer;
	height: 64px;
	position: absolute;
	right: -32px;
	top: -32px;
	width: 64px;
	z-index: 1133;
}
.fdiWrapper {
	background: #f9f2e3;
	display: none;
	height: 100%;
	left: 0;
	outline: none;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1131;
}
.fdiWrapper .scroll {
	height: 100%;
	-webkit-overflow-scrolling: touch;
	overflow-y: auto;
	width: 100%;
}
.fdiWrapper iframe {
	border: none;
	height: 100%;
	width: 100%;
}
.fdiWrapper .close {
	background: transparent url(/common/2026/images/common/detail_close_btn_sp.png) no-repeat left top;
	background-size: 32px 32px;
	cursor: pointer;
	height: 32px;
	position: absolute;
	right: 8px;
	top: 8px;
	width: 32px;
	z-index: 1137;
}
.lightboxWrapper {
	background: rgba(0, 0, 0, .5);
	display: none;
	height: 100%;
	left: 0;
	outline: none;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1201;
}
.lightboxWrapper .position {
	-webkit-align-items: center;
	align-items: center;
	display: flex;
	display: -webkit-flex;
	height: 100%;
	-webkit-justify-content: center;
	justify-content: center;
	position: fixed;
	width: 100%;
}
.lightboxWrapper .position .center {
	max-height: calc(100% - 20px);
	max-width: calc(100% - 20px);
	position: relative;
	text-align: center;
}
.lightboxWrapper .position img {
	height: auto;
	max-height: 100%;
	max-width: 100%;
	vertical-align: top;
	width: auto;
}
.lightboxWrapper .close {
	background: transparent url(/common/2026/images/common/detail_close_btn_sp.png) no-repeat left top;
	background-size: 32px 32px;
	cursor: pointer;
	height: 32px;
	position: absolute;
	right: -16px;
	top: -16px;
	width: 32px;
	z-index: 1207;
}
/*====================================================================
 Contents styles
====================================================================*/
#contents {
	position: relative;
}
#contents p,#contents ul,#contents ol {
	line-height: 1.7em;
}
/* contents wrapper & section */
.secondaryPages.bg-color {
	background-color: var(--grey-lite);
}
.topBorder {
	border-top: solid 4px #c29558;
}
.topBorderSub {
	border-top: solid 1px #c29558;
}
.topBorderSubGray {
	border-top: solid 1px #ccc;
}
.bottomBorder {
	border-bottom: solid 4px #c29558;
}
#contents.bottomBorder {
	border-bottom: none;
}
.secondaryPages.nextArrow-white {
	position: relative;
}
.secondaryPages.nextArrow-white::after {
	border-bottom-width: 0;
	border-color: transparent;
	border-left-width: 50px;
	border-right-width: 50px;
	border-style: solid;
	border-top-color: #fff;
	border-top-width: 30px;
	content: '';
	left: 50%;
	margin-left: -50px;
	margin-top: -.5px;
	position: absolute;
	top: 100%;
}
.secondaryPages .section {
	margin: 0 auto;
	max-width: 1200px;
	padding: 20px;
  box-sizing: border-box;
 position: relative;
}
.bgYellow{
  background: #FFFBEF;
  padding-top: 1em;
}
.bgWhite{
  background: #fff;
  padding-top: 1em;
}
.secondaryPages .section.banner-section {
	padding: 50px 20px 10px;
}
.banner-section .textRight{
  margin-top: 1rem;
}
.secondaryPages .section.narrow-section {
	padding: 20px 20px 40px !important;
}
.secondaryPages .section.wide-section {
	max-width: 1240px;
}
.secondaryPages .section.has-border {
	border-top: 1px solid #999;
	padding-top: 50px;
}
.secondaryPages .topContWrapper {
	overflow: hidden;
	width: 100%;
}
.secondaryPages .topContents {
	margin: 0 auto 20px;
	max-width: 1201px;
	padding: 25px 20px 0;
	position: relative;
}

.mainContents{ position: relative; word-break: break-all; }
.secondaryPages .mainContents .topContents {
  padding: 0;
}
@media screen and (max-width: 767px) {
	.secondaryPages .section {
		padding: 20px 15px;
	}
	.secondaryPages .section.narrow-section {
		padding: 20px 15px !important;
	}
	.secondaryPages .section.banner-section {
		padding: 10px 15px;
	}
  .byAPP .secondaryPages .banner-section {
		margin: 10px 0 !important;
	}
	.secondaryPages .section.has-border {
		border-top: 1px solid #c29558;
		padding-top: 40px;
	}
	.secondaryPages h2 + .section,
  .secondaryPages .heading2 + .section {
		padding: 0 15px 20px;
	}
	.secondaryPages .topContents,
  .secondaryPages .mainContents .topContents {
		margin: 0 auto;
		padding: 20px 15px 0;
	}
  .mydesignPage .secondaryPages .topContents{
    padding: 20px 15px 0 !important;
  }
	.secondaryPages.nextArrow-white::after {
		border-left-width: 30px;
		border-right-width: 30px;
		border-top-width: 19px;
		margin-left: -30px;
	}
}
/*====================================================================
 Secondary Pages styles
====================================================================*/
/* heading */
.secondaryPages h1 {
	font-family: YuGothic, "Yu Gothic Medium", "Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
	color: #444;
	font-size: 230%;
	line-height: 1.2em;
	margin-bottom: 20px;
	font-weight: bold;
}
.heading2 {
  color: #333;
	padding: 1.5em 20px .5em;
	/*font-size: 1.8rem;*/
  font-size: 3.2rem;
	font-weight: bold;
	line-height: 1.2em;
  max-width: 120rem;
  margin-left: auto;
  margin-right: auto;
}
.heading2.matsu {
  text-align: center;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  outline: 2px solid #fff;
  box-shadow: 0 4px 0 #000,0 -4px 0 #000;
  padding: .5em;
  margin-top: 1em;
  margin-bottom: 1.5em;
  position: relative;
  display: block;
  background: #fff;
}
.heading2.matsu::before,
.heading2.matsu::after{
  content: "";
  width: 1.5em;
  height: 1.5em;
  display: block;
  background: url("../images/icon/icon_matsu.svg") center center no-repeat;
  background-size: contain;
  position: absolute;
  left: .5em;
  top:0;
  bottom:0;
  margin: auto;
}
.heading2.matsu::after{
  left: inherit;
  right: .5em;
}
.heading2.matsu a{ color:  #333;}
.heading2.matsu a.arrow-b::before,
.heading2.matsu a.arrow-b::after{
  display: none;
}
.detailpage .heading2.matsu{
  font-size: 130%;
  text-align: left;
}
.detailpage #modal .heading2.matsu{
  text-align: center;
}
.detailpage .heading2.matsu::before,
.detailpage .heading2.matsu::after{
  display: none;
}
.detailpage #modal .heading2.matsu::before,
.detailpage #modal .heading2.matsu::after{
  display: block;
}
.section .heading2.matsu{
  line-height: 1.2em !important;
}
@media screen and (max-width: 767px) {
  .section .heading2.matsu{
    margin-left: 0;
    margin-right: 0;
  }
  .heading2.matsu::before,.heading2::after{
    left: .2em;
  }
  .heading2.matsu::after{
    left: inherit;
    right: .2em;
  }
}
.heading2.narrowMargin{
  margin-bottom: .5em;
  margin-left: .3em;
  padding: 0;
  border: none;
}
.heading2.noborder{
  border-top: none;
}
.heading2.recommend {
	background-color: #e60012;
	color: #fff;
}
.heading2.is-red {
	background-color: #e60012;
	color: #fff;
}
.heading2.is-red a.top_cate {
	color: #fff;
	display: block;
	text-decoration: none;
}
.heading2.is-black {
	color: #444;
}
.heading2.with-grid {
	max-width: 1201px;
	margin-left: auto;
	margin-right: auto;
}
.heading2.heading2-a.with-grid {
	padding: 0!important;
}
.heading2.heading2-a.with-grid.fixed{
  position: fixed;
  width:900px;
  z-index: 1;
  top: 132px;
}
.cardItemWrapper.gridWrapper.fixed{
  margin-top: 56px;
}
.heading2.heading2-a.with-grid a,
.heading2.with-grid{
	display: block;
	padding: 1em .5em .5em !important;
  position: relative;
}
.heading2 a.arrow-b{
  position: relative;
  display: inline-block;
  position: relative;
}
.heading2 a.arrow-b::before{
  content: "";
  display: inline-block;
  background: #000;
  width: .8em;
  height: .8em;
  border-radius: 100%;
  margin-right: .3em;
}
.heading2 a.arrow-b::after{
  content: "";
  width: .25em;
  height: .25em;
  display: block;
  border-top: .2rem solid #fff;
  border-right: .2rem solid #fff;
  transform: rotate(45deg);
  position: absolute;
  left: .2em;
  top:0;
  bottom:0;
  margin: auto;
}

.heading2.heading2-a.with-grid a::before{
  content: "一覧を見る";
  background: #fff;
  position: absolute;
  right: 2rem;
  font-size: 1.4rem;
  padding: 0 2rem 0 1rem;
  border-radius: 2rem;
}
.heading2.with-grid a{
  color: #333;
}
.heading2.with-grid a::after{
    content: "";
    display: inline-block;
    width: 0.7rem;
    height: 0.7rem;
    border-top: 1px solid var(--green);
    border-right: 1px solid var(--green);
    transform: rotate(45deg);
    position: absolute;
    right: 3rem;
    top: .5em;
    bottom:0;
    margin: auto;
}
.heading2.heading2-a a {
	text-decoration: none;
	transition-duration: .2s;
}
.heading2.noBorder {
	border-top: none;
	margin-bottom: 25px;
	padding-top: 0 !important;
}
.heading2.inBlock {
	padding: 30px 0 0;
}
.heading2 > span {
	display: block;
	margin: 0 auto;
	max-width: 1160px;
}
.has-link,
.heading2 > span.has-link {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.categories{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.categories li{
  background: #fff;
  width: 32.5%;
  margin-bottom: 1.8rem;
  overflow: hidden;
}
.categories li.wide100{
  width: 100%;
}
.categories li.wide50{
  width: 50%;
}
.categories li.clear{
  visibility: hidden;
}
.bgWhite .categories li{
  background: #FFFBEF;
}
a.categoriesTitle{
  font-weight:bold;
  display: block;
  background: #fff;
  color: #333;
  font-size: 1.8rem;
  padding: 1rem 1.5rem 1rem;
  position: relative;
}
a.categoriesTitle::before{
  content: "";
  display: inline-block;
  background: var(--green);
  width: .8em;
  height: .8em;
  border-radius: 100%;
  margin-right: .3em;
}
a.categoriesTitle::after{
  content: "";
  width: .3em;
  height: .3em;
  display: block;
  border-top: .1rem solid #fff;
  border-right: .1rem solid #fff;
  transform: rotate(45deg);
  position: absolute;
  left: 1.7rem;
  top: 0;
  bottom: 0;
  margin: auto;
}
.categories li .samples{
  padding: 1rem 1.5rem 1rem;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  height: 19rem;
  box-sizing: border-box;
}
.categories li .samples a{
  display: none;
}
.categories li .samples a.rotT{
  max-width: 11.3rem;
}
.categories li .samples a.rotY{
  max-width: 16.7rem;
}
.categories li .samples a img{
  border: 1px solid #ddd;
}
.categories li .samples a+a{
  margin-left: 1rem;
}
/* PCは３点のみ表示 */
.categories li .samples a:nth-child(1),
.categories li .samples a:nth-child(2),
.categories li .samples a:nth-child(3){
  display: block;
}
/* wide100 の場合10点まで表示*/
.categories li.wide100 .samples a:nth-child(4),
.categories li.wide100 .samples a:nth-child(5),
.categories li.wide100 .samples a:nth-child(6),
.categories li.wide100 .samples a:nth-child(7),
.categories li.wide100 .samples a:nth-child(8),
.categories li.wide100 .samples a:nth-child(9),
.categories li.wide100 .samples a:nth-child(10){
  display: block;
}

/* wide100 の場合4点まで表示*/
.categories li.wide50 .samples a:nth-child(4){
  display: block;
}

@media screen and (max-width: 767px) {
  .categories li.wide50{
    width: 100%;
  }
}

p.categoriesMore{ text-align: center; padding: .5rem 0 1.2rem; 
display: none;}
.categoriesMore a{
  color: #333;
  position: relative;
  font-weight: bold;
  display: inline-block;
}
.categoriesMore a::before{
  content: "";
  position: absolute;
  left: -2rem;
  top:0;
  bottom:0;
  margin: auto;
  width: 1.6rem;
  height: 1.6rem;
  background: #BD9761;
  border-radius: 100%;
}
.categoriesMore a::after{
  content: "";
  position: absolute;
  left: -1.7rem;
  top:0;
  bottom:0;
  margin: auto;
  width: .6rem;
  height: .6rem;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  transform: rotate(-45deg);
  z-index: 2;
}
.youto {
 display: flex;
 flex-wrap: wrap;
}
.youto li{
  width: 21%;
  margin: 0 1% 1.5rem;
}
.youto li a{
  display: flex;
  align-items: center;
  position :relative;
  color: #333;
  background: #fff;
  border: 1px solid #999;
  font-weight: bold;
  font-size: 1.4rem;
  border-radius: 50px;
  line-height: 1;
  padding: .5rem 1rem .5rem 2rem;
  height: 4rem;
}
.section .youto li a{
  font-size: 1.6rem;
}
.youto li a .image{
  width: 2.5rem;
  margin-right: 1.5rem;
  display: flex;
  align-items: center;
}
.youto li:nth-child(2) a .image{ /*寒中*/
  width: 2rem;
}
.pcMenuWrapIn0 a{
  min-width: inherit !important;
  background: #FF7645 !important;
  color: #fff !important;
  width: 90% !important;
}
.pcMenuWrapIn1 li{
  margin: 0 2% 1.2rem;
}
.pcMenuWrapIn1 li a{
  background: #fff;
  color: #333;
  justify-content: center;
  padding: 0.5rem 1rem;
  border: 1px solid #ccc;
  border-radius: 2em;
  font-weight: bold;
  display: flex;
  height: inherit;
  font-size: 14px;
  letter-spacing: 0;
  white-space: nowrap;
}
.pcMenuWrapIn2 .youto li{
  width: 45%;
  margin: 0 1.5% 1rem;
}
.pcMenuWrapIn2 .youto li a{
  background: #fff;
  border: 1px solid #ccc;
  padding: 1rem 1rem 1rem 2rem;
  height: 3.3rem !important;
}
.pcMenuWrapIn2 .youto li a .image{
  width: 2rem;
}
.pcMenuWrapIn2 .youto li:nth-child(2) a .image{ /*寒中*/
  width: 1.5rem;
}
.heading2 .has-link {
	margin-top: -6px;
	margin-bottom: -6px;
}
.section.flex{
  display: flex;
}
.section.flex .section-left{
  width: 45%;
  margin-right: 4rem;
}
.mydesign-img img{ 
  display: block;
  width:40rem;
  height: 15.1rem;
  margin-left: auto;
}
.smhApp a.button.white,
.mydesign a.button.white{
  width: 85%;
}
.smhApp-img img{ 
  display: block;
  width:20rem;
  height: 20rem;
  margin-left: auto;
}
.smhApp-links img {
  height: 60px;
}
.smhApp-links a{
  display: inline-block;
  margin-right: 1rem;
}
@media screen and (min-width: 768px), print {
	.has-link.pc-center .has-link-text {
		flex: 1 1 auto;
		text-align: center;
		padding-left: 140px;
	}
	.has-link.pc-center.more .has-link-text {
		padding-left: 140px;
	}
	.has-link.pc-center.list .has-link-text {
		padding-left: 140px;
	}
}
@media screen and (max-width: 767px) {
  .bgWhite,.bgYellow{
    padding-top: 0;
  }
	.has-link,
	.heading2 > span.has-link {
		justify-content: space-between;
	}
  .categories{
    margin: 0 1.5rem;
    display: block;
  }
  .categories li{
    width: 100%;
    border: none;
    border-radius: 0;
  }
  a.categoriesTitle{
    font-size: 1.8rem;
    padding: 0;
    margin-bottom: .5rem;
    display: flex;
    align-items: center;
  }
  .categories li .samples{
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    display: flex;
    flex-wrap: nowrap;
    height: 17rem;
  }
  .categories li .samples::-webkit-scrollbar { display:none; }
  .categories li .samples a{
    display: block;
    width: 10rem;
    flex-shrink:0
  }
  .categories li .samples a.rotY{
    width: 14.8rem;
  }
  .categories li .samples a img{
  }
  a.categoriesTitle::after{ left: .2rem; }
  a.categoriesTitle .heading-link.is-gold{ font-weight: bold; margin-left: auto; background-color: transparent; }
  .youto li{
    width: 48%;
    margin: 0 1% 1rem;
  }
  .youto li a{
    font-size: 1.6rem;
  }
  .youto li a .image{
    width: 2.5rem;
  }
  .youto li:last-child{ margin-bottom: 0;}
  .section.flex{
    display: block;
  }
  .section.flex .section-left{
    width: 100%;
    margin-right: 0;
  }
  .mydesign-img{
    padding: 0 2rem 2rem;
    height: clamp(100px, 35vw,180px);
  }
  .mydesign-img img{ 
    height: auto;
    margin-right: auto;
  }
  .smhApp a.button.white,
  .mydesign a.button.white{
    margin: auto;
  }
  .smhApp .section-right p,
  .mydesign .section-right p{
    text-align: center;
  }
  .smhApp-links { display: flex; justify-content: space-between; }
  .smhApp-links a{ margin: 0 1rem; height: clamp(50px, 15vw,100px); }
  .smhApp-links img { height: auto; }
  .smhApp-img img{
   margin: 0 auto 2rem;
   width: 16rem;
  height: 16rem;
  }
  p.categoriesMore{ display: none; }
  .categories li .samples{
    padding: 0 0;
  }
  .categories li.clear{
    display: none;
  }
}
.headingDot {
	font-family: YuGothic, "Yu Gothic Medium", "Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
	color: #333;
	font-size: 2.4rem;
	margin-bottom: 40px;
	text-align: center;
	font-weight: bold;
}
.headingDot.large{
  font-size: 3.6rem;
  color: #333;
  margin: 0;
}
.headingDot.large .dot-border2{
  padding-bottom: 1.8rem;
  margin-bottom: 1em;
}
.headingGold {
  color: #86610B;
  font-size: 2.8rem;
  text-align: center;
  margin-bottom: .8em;
  font-weight: bold;
}
.headingRedBlock {
  background: #E60012;
  color: #fff;
  font-size: 2.8rem;
  text-align: center;
  margin-bottom: .8em;
  padding: .5em;
}
@media screen and (max-width: 767px) {
	.headingDot {
		font-size: 2rem;
		margin-bottom: 30px;
	}
  .dot-border2.sp-middleLine{
    line-height: 1.5 !important;
  }
  .dot-border2.sp-middleLine::after {
    bottom: .5rem !important;
  }
  .headingDot.large{
    font-size: 2rem;
  }
  .headingGold {
    font-size: 1.8rem;
    margin-bottom: .8em;
  }
  .sp-left {
    text-align: left !important;
  }
  .headingRedBlock {
    font-size: 1.8rem;
  }
}
.heading3 {
  background: #fff;
	color: #333;
	font-size: 1.8rem;
	font-weight: bold;
	margin-bottom: 1em;
}
.heading3 a{
  display: block;
  padding: .5em 1em;
  position: relative;
  background: var(--green);
  color: #fff;
  border-radius: .4em;
}

.heading3 a.byAPP-notouch{
  background: #fff;
  color: #333;
  padding: 0;
}
body:not(.byAPP) .heading3 a.byApp-hide,
.guide .heading3 a{
  background: #fff;
  color: var(--green);
  padding: 0;
  display: inline-block;
}
.heading3 a.byAPP-notouch::after{
  display: none !important;
}
.byAPP .heading3 a.byAPP-notouch{
  color: #333;
}
.heading3 a::after{
    content: "";
    display: inline-block;
    width: 1rem;
    height: 1rem;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
    right: 1em;
    top: 0;
    bottom: 0;
    margin: auto;
    position: absolute;
}
.heading3 a.byApp-hide::after,
.guide .heading3 a.heading3 a::after{
   display: none; 
}
.heading3.color-black {
	color: #444;
}
.heading3.line-high {
	line-height: 2;
}
.heading3 .has-link .has-link-text a {
	text-decoration: none;
}

.heading-circle {
	display: inline-block;
	position: relative;
	padding-left: 1.2em;
}
.heading-circle::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	background-color: #c29558;
	border-radius: 50%;
	width: 12px;
	height: 12px;
	margin-top: -0.33em;
}
@media screen and (max-width: 767px) {
	.heading-circle::before {
		width: 10px;
		height: 10px;
	}
}
.heading-icon {
	display: block;
	position: relative;
}
.heading-icon::before {
	content: "";
	position: absolute;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	left: 0;
	top: 50%;
}
.heading-icon.design {
	padding-left: 37px;
}
.heading-icon.design::before {
	background-image: url(/common/2026/images/common/icon_svg/icon_design_b.svg);
	width: 23px;
	height: 32px;
	margin-top: -16px;
}
.heading-icon.address {
	padding-left: 37px;
}
.heading-icon.address::before {
	background-image: url(/common/2026/images/common/icon/icon_heading_address.png);
	width: 23px;
	height: 32px;
	margin-top: -16px;
}
.heading-icon.design.gold::before {
	background-image: url(/common/2026/images/common/icon/icon_gnavi01.png);
	width: 40px;
	height: 30px;
	margin-top: -13px;
	margin-left: -5px;
}
.heading-icon.calendar {
	padding-left: 37px;
}
.heading-icon.calendar::before {
	background-image: url(/common/2026/images/common/icon/icon_heading_calendar.png);
	width: 26px;
	height: 32px;
	margin-top: -16px;
}
.heading-icon.phone {
	padding-left: 37px;
}
.heading-icon.phone::before {
	background-image: url(/common/2026/images/common/icon/icon_heading_phone.png);
	width: 26px;
	height: 32px;
	margin-top: -16px;
}
.heading-icon.phone.gold::before {
	background-image: url(/common/2026/images/common/icon/icon_heading_phone_gold.png);
}
.heading-icon.b_crown {
	padding-left: 37px;
}
.heading-icon.b_crown::before {
	background-image: url(/common/2026/images/common/icon/icon_crown_other.png);
	width: 30px;
	height: 15px;
	margin-top: -8px;
	margin-left: -2px;
}
.heading-icon.b_crown.gold::before {
	background-image: url(/common/2026/images/common/icon/icon_crown_other_gold.png);
	margin-top: -5px;
}
.heading-icon.price {
	padding-left: 60px;
}
.heading-icon.price::before {
	background-image: url(/common/2026/images/common/icon_svg/icon_price_b.svg);
	width: 60px;
	height: 32px;
	margin-top: -13px;
}
.heading-icon.msg {
	padding-left: 60px;
}
.heading-icon.msg::before {
	background-image: url(/common/2026/images/common/icon_svg/icon_msg_b.svg);
	width: 50px;
	height: 32px;
	margin-top: -16px;
  margin-left: 5px;
}
.heading-icon.pay {
	padding-left: 60px;
}
.heading-icon.pay::before {
	background-image: url(/common/2026/images/common/icon_svg/icon_pay_b.svg);
	width: 50px;
	height: 26px;
	margin-top: -13px;
}
.heading-icon.delivery {
	padding-left: 60px;
}
.heading-icon.delivery::before {
	background-image: url(/common/2026/images/common/icon_svg/icon_delivery_b.svg);
	width: 50px;
	height: 36px;
	margin-top: -20px;
}
.heading-icon.delivery.gold {
	padding-left: 50px;
}
.heading-icon.delivery.gold::before {
	background-image: url(/common/2026/images/common/icon/icon_gnavi04.png);
	width: 40px;
	height: 30px;
	margin-top: -13px;
}
.heading-icon.payment {
	padding-left: 60px;
}
.heading-icon.payment::before {
	background-image: url(/common/2026/images/common/icon/icon_heading_pay.png);
	width: 42px;
	height: 26px;
	margin-top: -13px;
}
.heading-icon.recommend {
	padding-left: 56px;
}
.heading-icon.recommend::before {
	background-image: url(/common/2026/images/common/icon/icon_heading_recommend.png);
	width: 40px;
	height: 21px;
	margin-top: -13px;
}
.guide .heading-icon::before{ display: none; }
.guide .heading-icon{ padding-left: 0; }

.guide h2.guide-none{ display:none; }
.dispNone{ display:none !important; }

@media screen and (max-width: 767px) {
	.secondaryPages h1 {
		font-size: 3rem;
		margin-bottom: 15px;
	}
	.heading2 {
		font-size: 5.5vw;
		padding: 1.5em 0 1em;
    margin-left: 15px;
    margin-right: 15px;
	}
	.heading2.heading2-a {
		padding: 0!important;
		position: relative;
	}
	.heading2.heading2-a a {
		padding: 18px 10px 18px 17px!important;
	}
	.heading3 {
		font-size: 1.8rem;
		margin-bottom: 18px;
	}
	.heading-icon.design {
		padding-left: 33px;
	}

	.heading-icon.address {
		padding-left: 33px;
	}
	.heading-icon.address::before {
		width: 19px;
		height: 26px;
		margin-top: -14px;
	}
	.heading-icon.design.gold::before {
		width: 37px;
		height: 25px;
		margin-top: -13px;
	}
	.heading-icon.phone.gold {
		padding-left: 27px;
	}
	.heading-icon.phone.gold::before {
		width: 22px;
		height: 28px;
		margin-top: -13px;
	}

	.heading-icon.b_crown.gold {
		padding-left: 30px;
	}
	.heading-icon.b_crown.gold::before {
		width: 24px;
		height: 18px;
		margin-top: -8px;
	}
	.heading-icon.delivery {
		/*padding-left: 44px;*/
	}
	.heading-icon.delivery::before {
    width: 40px;
    height: 30px;
    margin-top: -17px;
    margin-left: 8px;
	}
	.heading-icon.delivery.gold {
		padding-left: 38px;
	}
	.heading-icon.delivery.gold::before {
		width: 37px;
		height: 25px;
		margin-top: -13px;
	}
	.heading-icon.recommend {
		padding-left: 44px;
	}
	.heading-icon.recommend::before {
		width: 32px;
		height: 17px;
		margin-top: -9px;
	}
}
.heading-link {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	font-size: 1.4rem;
	line-height: 1;
	margin-left: 20px;
	font-weight: bold;
	height: 2em;
	padding: 2px 12px;
	color: #c29558;
	vertical-align: middle;
  border-radius: 5rem;
}
.fl-right .heading-link{
  position: absolute;
  right: 0;
  top: 0;
  bottom:0;
  margin: auto;
}
.heading-link:link {
	text-decoration: none;
}
.heading-link::after {
	content: "";
	display: inline-block;
	width: 0.5em;
	height: 0.5em;
	margin-left: .4rem;
	border-top: 1px solid #333;
	border-right: 1px solid #333;
	transform: rotate(45deg);
  display: none;
}
.heading-link.no-arrow::after{
  display: none;
}
.heading-link:hover {
	opacity: 0.8;
}
.is-red .heading-link {
	color: #e60012;
}
.is-red .heading-link::after {
	border-top-color: #e60012;
	border-right-color: #e60012;
}
.heading-link.is-red {
	background-color: #e60012;
	color: #fff;
}
.heading-link.is-red::after {
	border-top-color: #fff;
	border-right-color: #fff;
}
.heading-link.is-gold {
	background-color: #fff;
	color: #333;
}
.selectPhotoNum .heading-link.is-gold{border: 1px solid #999;}
@media screen and (max-width: 767px) {
	.heading-link {
		flex: 0 0 auto;
		display: inline-flex;
		align-items: center;
		font-size: 1.3rem;
		letter-spacing: 0;
		margin-left: 20px;
		font-weight: normal;
		padding: 2px 13px;
		color: #c29558;
	}
  .is-red .heading-link{
    background-color: transparent;
    color: #fff;
    padding-right: 6px;
  }
  a.heading-link.is-gold::after {
    border-top-color: #A88128;
    border-right-color: #A88128;
  }
  .is-red .heading-link::after {
      border-top-color: #fff;
      border-right-color: #fff;
  }
  .heading2.with-grid a::before{
    display: none;
  }
	.heading2.with-grid a::after {
		width: 0.5em;
		height: 0.5em;
		right: 15px;
	}
}

.secondaryPages h1 span.pageTopHeaderSmall {
	font-size: 2.3rem;
	margin-bottom: 2px;
}
.secondaryPages .topContents h2.catchCopy,.secondaryPages .topContents p.catchCopy {
	border-top: none;
	color: #444;
	font-size: 130%;
	line-height: 1.5em !important;
	padding: 0;
}
.secondaryPages .topContents h3 {
	font-size: 110%;
}
.secondaryPages h3.subHeading {
	font-size: 2.5rem;
}
@media screen and (max-width: 767px) {
	.secondaryPages h1 span.pageTopHeaderSmall {
		font-size: 1.8rem;
	}
	.secondaryPages h1 span.pageTopHeaderSmall + br {
		display: none;
	}
	.secondaryPages h3.subHeading {
		font-size: 2rem;
	}
}
@media screen and (min-width: 768px), print {
	.secondaryPages .topContents.commonBg:after {
		background: url(/common/2026/images/common/common_heading_bg.png) no-repeat;
		background-size: contain;
		content: '';
		display: block;
		height: 270px;
		position: absolute;
		right: -33px;
		top: 0;
		width: 604px;
	}
}
.secondaryPages h3.no-style {
	border: none;
	margin: 0;
	padding: 0;
}
.dot-border {
	display: inline-block;
	position: relative;
	padding-bottom: 13px;
}

.dot-border.dot1::after {width: calc(14px * 1 - 8px);margin-left: calc(-7px * 1 + 4px);}
.dot-border.dot2::after {width: calc(14px * 2 - 8px);margin-left: calc(-7px * 2 + 4px);}
.dot-border.dot3::after {width: calc(14px * 3 - 8px);margin-left: calc(-7px * 3 + 4px);}
.dot-border.dot4::after {width: calc(14px * 4 - 8px);margin-left: calc(-7px * 4 + 4px);}
.dot-border.dot5::after {width: calc(14px * 5 - 8px);margin-left: calc(-7px * 5 + 4px);}
.dot-border.dot6::after {width: calc(14px * 6 - 8px);margin-left: calc(-7px * 6 + 4px);}
.dot-border.dot7::after {width: calc(14px * 7 - 8px);margin-left: calc(-7px * 7 + 4px);}
.dot-border.dot8::after {width: calc(14px * 8 - 8px);margin-left: calc(-7px * 8 + 4px);}
.dot-border.dot9::after {width: calc(14px * 9 - 8px);margin-left: calc(-7px * 9 + 4px);}
.dot-border.dot10::after {width: calc(14px * 10 - 8px);margin-left: calc(-7px * 10 + 4px);}
.dot-border.dot11::after {width: calc(14px * 11 - 8px);margin-left: calc(-7px * 11 + 4px);}
.dot-border.dot12::after {width: calc(14px * 12 - 8px);margin-left: calc(-7px * 12 + 4px);}
.dot-border.dot13::after {width: calc(14px * 13 - 8px);margin-left: calc(-7px * 13 + 4px);}
.dot-border.dot14::after {width: calc(14px * 14 - 8px);margin-left: calc(-7px * 14 + 4px);}
.dot-border.dot15::after {width: calc(14px * 15 - 8px);margin-left: calc(-7px * 15 + 4px);}
.dot-border.dot16::after {width: calc(14px * 16 - 8px);margin-left: calc(-7px * 16 + 4px);}
.dot-border.dot17::after {width: calc(14px * 17 - 8px);margin-left: calc(-7px * 17 + 4px);}
.dot-border.dot18::after {width: calc(14px * 18 - 8px);margin-left: calc(-7px * 18 + 4px);}
.dot-border.dot19::after {width: calc(14px * 19 - 8px);margin-left: calc(-7px * 19 + 4px);}
.dot-border.dot20::after {width: calc(14px * 20 - 8px);margin-left: calc(-7px * 20 + 4px);}
.dot-border.dot21::after {width: calc(14px * 21 - 8px);margin-left: calc(-7px * 21 + 4px);}
.dot-border.dot22::after {width: calc(14px * 22 - 8px);margin-left: calc(-7px * 22 + 4px);}
.dot-border.dot23::after {width: calc(14px * 23 - 8px);margin-left: calc(-7px * 23 + 4px);}
.dot-border.dot24::after {width: calc(14px * 24 - 8px);margin-left: calc(-7px * 24 + 4px);}
.dot-border.dot25::after {width: calc(14px * 25 - 8px);margin-left: calc(-7px * 25 + 4px);}
.dot-border.dot26::after {width: calc(14px * 26 - 8px);margin-left: calc(-7px * 26 + 4px);}
.dot-border.dot27::after {width: calc(14px * 27 - 8px);margin-left: calc(-7px * 27 + 4px);}
.dot-border.dot28::after {width: calc(14px * 28 - 8px);margin-left: calc(-7px * 28 + 4px);}
.dot-border.dot29::after {width: calc(14px * 29 - 8px);margin-left: calc(-7px * 29 + 4px);}
.dot-border.dot30::after {width: calc(14px * 30 - 8px);margin-left: calc(-7px * 30 + 4px);}
.dot-border.dot31::after {width: calc(14px * 31 - 8px);margin-left: calc(-7px * 31 + 4px);}
.dot-border.dot32::after {width: calc(14px * 32 - 8px);margin-left: calc(-7px * 32 + 4px);}
.dot-border.dot33::after {width: calc(14px * 33 - 8px);margin-left: calc(-7px * 33 + 4px);}
.dot-border.dot34::after {width: calc(14px * 34 - 8px);margin-left: calc(-7px * 34 + 4px);}
.dot-border.dot35::after {width: calc(14px * 35 - 8px);margin-left: calc(-7px * 35 + 4px);}
.dot-border.dot36::after {width: calc(14px * 36 - 8px);margin-left: calc(-7px * 36 + 4px);}
.dot-border.dot37::after {width: calc(14px * 37 - 8px);margin-left: calc(-7px * 37 + 4px);}
.dot-border.dot38::after {width: calc(14px * 38 - 8px);margin-left: calc(-7px * 38 + 4px);}
.dot-border.dot39::after {width: calc(14px * 39 - 8px);margin-left: calc(-7px * 39 + 4px);}
.dot-border.dot40::after {width: calc(14px * 40 - 8px);margin-left: calc(-7px * 40 + 4px);}
.dot-border.dot41::after {width: calc(14px * 41 - 8px);margin-left: calc(-7px * 41 + 4px);}
.dot-border.dot42::after {width: calc(14px * 42 - 8px);margin-left: calc(-7px * 42 + 4px);}
.dot-border.dot43::after {width: calc(14px * 43 - 8px);margin-left: calc(-7px * 43 + 4px);}
.dot-border.dot44::after {width: calc(14px * 44 - 8px);margin-left: calc(-7px * 44 + 4px);}
.dot-border.dot45::after {width: calc(14px * 45 - 8px);margin-left: calc(-7px * 45 + 4px);}
.dot-border.dot46::after {width: calc(14px * 46 - 8px);margin-left: calc(-7px * 46 + 4px);}
.dot-border.dot47::after {width: calc(14px * 47 - 8px);margin-left: calc(-7px * 47 + 4px);}
.dot-border.dot48::after {width: calc(14px * 48 - 8px);margin-left: calc(-7px * 48 + 4px);}
.dot-border.dot49::after {width: calc(14px * 49 - 8px);margin-left: calc(-7px * 49 + 4px);}
.dot-border.dot50::after {width: calc(14px * 50 - 8px);margin-left: calc(-7px * 50 + 4px);}
.dot-border.dot51::after {width: calc(14px * 51 - 8px);margin-left: calc(-7px * 51 + 4px);}
.dot-border.dot52::after {width: calc(14px * 52 - 8px);margin-left: calc(-7px * 52 + 4px);}
.dot-border.dot53::after {width: calc(14px * 53 - 8px);margin-left: calc(-7px * 53 + 4px);}
.dot-border.dot54::after {width: calc(14px * 54 - 8px);margin-left: calc(-7px * 54 + 4px);}
.dot-border.dot55::after {width: calc(14px * 55 - 8px);margin-left: calc(-7px * 55 + 4px);}
.dot-border.dot56::after {width: calc(14px * 56 - 8px);margin-left: calc(-7px * 56 + 4px);}
.dot-border.dot57::after {width: calc(14px * 57 - 8px);margin-left: calc(-7px * 57 + 4px);}
.dot-border.dot58::after {width: calc(14px * 58 - 8px);margin-left: calc(-7px * 58 + 4px);}
.dot-border.dot59::after {width: calc(14px * 59 - 8px);margin-left: calc(-7px * 59 + 4px);}
.dot-border.dot60::after {width: calc(14px * 60 - 8px);margin-left: calc(-7px * 60 + 4px);}
.dot-border.dot61::after {width: calc(14px * 61 - 8px);margin-left: calc(-7px * 61 + 4px);}
.dot-border.dot62::after {width: calc(14px * 62 - 8px);margin-left: calc(-7px * 62 + 4px);}
.dot-border.dot63::after {width: calc(14px * 63 - 8px);margin-left: calc(-7px * 63 + 4px);}
.dot-border.dot64::after {width: calc(14px * 64 - 8px);margin-left: calc(-7px * 64 + 4px);}
.dot-border.dot65::after {width: calc(14px * 65 - 8px);margin-left: calc(-7px * 65 + 4px);}
.dot-border.dot66::after {width: calc(14px * 66 - 8px);margin-left: calc(-7px * 66 + 4px);}
.dot-border.dot67::after {width: calc(14px * 67 - 8px);margin-left: calc(-7px * 67 + 4px);}
.dot-border.dot68::after {width: calc(14px * 68 - 8px);margin-left: calc(-7px * 68 + 4px);}
.dot-border.dot69::after {width: calc(14px * 69 - 8px);margin-left: calc(-7px * 69 + 4px);}
@media screen and (max-width: 767px) {
	.dot-border {
		padding-bottom: 8px;
	}
	.dot-border::after {
		height: 3.5px;
		width: 100%;
		margin-left: -50%;
	}
	.dot-border.sp-dot1::after {width: calc(9.8px * 1 - 6.3px);margin-left: calc(-4.9px * 1 + 3.1px);}
	.dot-border.sp-dot2::after {width: calc(9.8px * 2 - 6.3px);margin-left: calc(-4.9px * 2 + 3.1px);}
	.dot-border.sp-dot3::after {width: calc(9.8px * 3 - 6.3px);margin-left: calc(-4.9px * 3 + 3.1px);}
	.dot-border.sp-dot4::after {width: calc(9.8px * 4 - 6.3px);margin-left: calc(-4.9px * 4 + 3.1px);}
	.dot-border.sp-dot5::after {width: calc(9.8px * 5 - 6.3px);margin-left: calc(-4.9px * 5 + 3.1px);}
	.dot-border.sp-dot6::after {width: calc(9.8px * 6 - 6.3px);margin-left: calc(-4.9px * 6 + 3.1px);}
	.dot-border.sp-dot7::after {width: calc(9.8px * 7 - 6.3px);margin-left: calc(-4.9px * 7 + 3.1px);}
	.dot-border.sp-dot8::after {width: calc(9.8px * 8 - 6.3px);margin-left: calc(-4.9px * 8 + 3.1px);}
	.dot-border.sp-dot9::after {width: calc(9.8px * 9 - 6.3px);margin-left: calc(-4.9px * 9 + 3.1px);}
	.dot-border.sp-dot10::after {width: calc(9.8px * 10 - 6.3px);margin-left: calc(-4.9px * 10 + 3.1px);}
	.dot-border.sp-dot11::after {width: calc(9.8px * 11 - 6.3px);margin-left: calc(-4.9px * 11 + 3.1px);}
	.dot-border.sp-dot12::after {width: calc(9.8px * 12 - 6.3px);margin-left: calc(-4.9px * 12 + 3.1px);}
	.dot-border.sp-dot13::after {width: calc(9.8px * 13 - 6.3px);margin-left: calc(-4.9px * 13 + 3.1px);}
	.dot-border.sp-dot14::after {width: calc(9.8px * 14 - 6.3px);margin-left: calc(-4.9px * 14 + 3.1px);}
	.dot-border.sp-dot15::after {width: calc(9.8px * 15 - 6.3px);margin-left: calc(-4.9px * 15 + 3.1px);}
	.dot-border.sp-dot16::after {width: calc(9.8px * 16 - 6.3px);margin-left: calc(-4.9px * 16 + 3.1px);}
	.dot-border.sp-dot17::after {width: calc(9.8px * 17 - 6.3px);margin-left: calc(-4.9px * 17 + 3.1px);}
	.dot-border.sp-dot18::after {width: calc(9.8px * 18 - 6.3px);margin-left: calc(-4.9px * 18 + 3.1px);}
	.dot-border.sp-dot19::after {width: calc(9.8px * 19 - 6.3px);margin-left: calc(-4.9px * 19 + 3.1px);}
	.dot-border.sp-middleLine {
		padding-bottom: 0;
		line-height: 2;
	}
	.dot-border.sp-middleLine::after {
		bottom: calc(2em - 2px);
	}
}
.dot-border2 {
	display: inline-block;
	position: relative;
	padding-bottom: 13px;
}
.dot-border2::after {
	content: "";
	position: absolute;
	bottom: 0;
	background-image: url(/common/2026/images/common/border_dot2.png);
	background-position: left center;
	height: 5px;
	left: 50%;
	width: 100%;
	margin-left: -50%;
	background-size: auto 100%;
}
.dot-border2.dot1::after {width: calc(14px * 1 - 8px);margin-left: calc(-7px * 1 + 4px);}
.dot-border2.dot2::after {width: calc(14px * 2 - 8px);margin-left: calc(-7px * 2 + 4px);}
.dot-border2.dot3::after {width: calc(14px * 3 - 8px);margin-left: calc(-7px * 3 + 4px);}
.dot-border2.dot4::after {width: calc(14px * 4 - 8px);margin-left: calc(-7px * 4 + 4px);}
.dot-border2.dot5::after {width: calc(14px * 5 - 8px);margin-left: calc(-7px * 5 + 4px);}
.dot-border2.dot6::after {width: calc(14px * 6 - 8px);margin-left: calc(-7px * 6 + 4px);}
.dot-border2.dot7::after {width: calc(14px * 7 - 8px);margin-left: calc(-7px * 7 + 4px);}
.dot-border2.dot8::after {width: calc(14px * 8 - 8px);margin-left: calc(-7px * 8 + 4px);}
.dot-border2.dot9::after {width: calc(14px * 9 - 8px);margin-left: calc(-7px * 9 + 4px);}
.dot-border2.dot10::after {width: calc(14px * 10 - 8px);margin-left: calc(-7px * 10 + 4px);}
.dot-border2.dot11::after {width: calc(14px * 11 - 8px);margin-left: calc(-7px * 11 + 4px);}
.dot-border2.dot12::after {width: calc(14px * 12 - 8px);margin-left: calc(-7px * 12 + 4px);}
.dot-border2.dot13::after {width: calc(14px * 13 - 8px);margin-left: calc(-7px * 13 + 4px);}
.dot-border2.dot14::after {width: calc(14px * 14 - 8px);margin-left: calc(-7px * 14 + 4px);}
.dot-border2.dot15::after {width: calc(14px * 15 - 8px);margin-left: calc(-7px * 15 + 4px);}
.dot-border2.dot16::after {width: calc(14px * 16 - 8px);margin-left: calc(-7px * 16 + 4px);}
.dot-border2.dot17::after {width: calc(14px * 17 - 8px);margin-left: calc(-7px * 17 + 4px);}
.dot-border2.dot18::after {width: calc(14px * 18 - 8px);margin-left: calc(-7px * 18 + 4px);}
.dot-border2.dot19::after {width: calc(14px * 19 - 8px);margin-left: calc(-7px * 19 + 4px);}
.dot-border2.dot20::after {width: calc(14px * 20 - 8px);margin-left: calc(-7px * 20 + 4px);}
.dot-border2.dot21::after {width: calc(14px * 21 - 8px);margin-left: calc(-7px * 21 + 4px);}
.dot-border2.dot22::after {width: calc(14px * 22 - 8px);margin-left: calc(-7px * 22 + 4px);}
.dot-border2.dot23::after {width: calc(14px * 23 - 8px);margin-left: calc(-7px * 23 + 4px);}
.dot-border2.dot24::after {width: calc(14px * 24 - 8px);margin-left: calc(-7px * 24 + 4px);}
.dot-border2.dot25::after {width: calc(14px * 25 - 8px);margin-left: calc(-7px * 25 + 4px);}
.dot-border2.dot26::after {width: calc(14px * 26 - 8px);margin-left: calc(-7px * 26 + 4px);}
.dot-border2.dot27::after {width: calc(14px * 27 - 8px);margin-left: calc(-7px * 27 + 4px);}
.dot-border2.dot28::after {width: calc(14px * 28 - 8px);margin-left: calc(-7px * 28 + 4px);}
.dot-border2.dot29::after {width: calc(14px * 29 - 8px);margin-left: calc(-7px * 29 + 4px);}
.dot-border2.dot30::after {width: calc(14px * 30 - 8px);margin-left: calc(-7px * 30 + 4px);}
.dot-border2.dot31::after {width: calc(14px * 31 - 8px);margin-left: calc(-7px * 31 + 4px);}
.dot-border2.dot32::after {width: calc(14px * 32 - 8px);margin-left: calc(-7px * 32 + 4px);}
.dot-border2.dot33::after {width: calc(14px * 33 - 8px);margin-left: calc(-7px * 33 + 4px);}
.dot-border2.dot34::after {width: calc(14px * 34 - 8px);margin-left: calc(-7px * 34 + 4px);}
.dot-border2.dot35::after {width: calc(14px * 35 - 8px);margin-left: calc(-7px * 35 + 4px);}
.dot-border2.dot36::after {width: calc(14px * 36 - 8px);margin-left: calc(-7px * 36 + 4px);}
.dot-border2.dot37::after {width: calc(14px * 37 - 8px);margin-left: calc(-7px * 37 + 4px);}
.dot-border2.dot38::after {width: calc(14px * 38 - 8px);margin-left: calc(-7px * 38 + 4px);}
.dot-border2.dot39::after {width: calc(14px * 39 - 8px);margin-left: calc(-7px * 39 + 4px);}
.dot-border2.dot40::after {width: calc(14px * 40 - 8px);margin-left: calc(-7px * 40 + 4px);}
.dot-border2.dot41::after {width: calc(14px * 41 - 8px);margin-left: calc(-7px * 41 + 4px);}
.dot-border2.dot42::after {width: calc(14px * 42 - 8px);margin-left: calc(-7px * 42 + 4px);}
.dot-border2.dot43::after {width: calc(14px * 43 - 8px);margin-left: calc(-7px * 43 + 4px);}
.dot-border2.dot44::after {width: calc(14px * 44 - 8px);margin-left: calc(-7px * 44 + 4px);}
.dot-border2.dot45::after {width: calc(14px * 45 - 8px);margin-left: calc(-7px * 45 + 4px);}
.dot-border2.dot46::after {width: calc(14px * 46 - 8px);margin-left: calc(-7px * 46 + 4px);}
.dot-border2.dot47::after {width: calc(14px * 47 - 8px);margin-left: calc(-7px * 47 + 4px);}
.dot-border2.dot48::after {width: calc(14px * 48 - 8px);margin-left: calc(-7px * 48 + 4px);}
.dot-border2.dot49::after {width: calc(14px * 49 - 8px);margin-left: calc(-7px * 49 + 4px);}
.dot-border2.dot50::after {width: calc(14px * 50 - 8px);margin-left: calc(-7px * 50 + 4px);}
.dot-border2.dot51::after {width: calc(14px * 51 - 8px);margin-left: calc(-7px * 51 + 4px);}
.dot-border2.dot52::after {width: calc(14px * 52 - 8px);margin-left: calc(-7px * 52 + 4px);}
.dot-border2.dot53::after {width: calc(14px * 53 - 8px);margin-left: calc(-7px * 53 + 4px);}
.dot-border2.dot54::after {width: calc(14px * 54 - 8px);margin-left: calc(-7px * 54 + 4px);}
.dot-border2.dot55::after {width: calc(14px * 55 - 8px);margin-left: calc(-7px * 55 + 4px);}
.dot-border2.dot56::after {width: calc(14px * 56 - 8px);margin-left: calc(-7px * 56 + 4px);}
.dot-border2.dot57::after {width: calc(14px * 57 - 8px);margin-left: calc(-7px * 57 + 4px);}
.dot-border2.dot58::after {width: calc(14px * 58 - 8px);margin-left: calc(-7px * 58 + 4px);}
.dot-border2.dot59::after {width: calc(14px * 59 - 8px);margin-left: calc(-7px * 59 + 4px);}
.dot-border2.dot60::after {width: calc(14px * 60 - 8px);margin-left: calc(-7px * 60 + 4px);}
.dot-border2.dot61::after {width: calc(14px * 61 - 8px);margin-left: calc(-7px * 61 + 4px);}
.dot-border2.dot62::after {width: calc(14px * 62 - 8px);margin-left: calc(-7px * 62 + 4px);}
.dot-border2.dot63::after {width: calc(14px * 63 - 8px);margin-left: calc(-7px * 63 + 4px);}
.dot-border2.dot64::after {width: calc(14px * 64 - 8px);margin-left: calc(-7px * 64 + 4px);}
.dot-border2.dot65::after {width: calc(14px * 65 - 8px);margin-left: calc(-7px * 65 + 4px);}
.dot-border2.dot66::after {width: calc(14px * 66 - 8px);margin-left: calc(-7px * 66 + 4px);}
.dot-border2.dot67::after {width: calc(14px * 67 - 8px);margin-left: calc(-7px * 67 + 4px);}
.dot-border2.dot68::after {width: calc(14px * 68 - 8px);margin-left: calc(-7px * 68 + 4px);}
.dot-border2.dot69::after {width: calc(14px * 69 - 8px);margin-left: calc(-7px * 69 + 4px);}
@media screen and (max-width: 767px) {
	.dot-border2 {
		padding-bottom: 8px;
	}
	.dot-border2::after {
		height: 3.5px;
		width: 100%;
		margin-left: -50%;
	}
	.dot-border2.sp-dot1::after {width: calc(9.8px * 1 - 6.3px);margin-left: calc(-4.9px * 1 + 3.1px);}
	.dot-border2.sp-dot2::after {width: calc(9.8px * 2 - 6.3px);margin-left: calc(-4.9px * 2 + 3.1px);}
	.dot-border2.sp-dot3::after {width: calc(9.8px * 3 - 6.3px);margin-left: calc(-4.9px * 3 + 3.1px);}
	.dot-border2.sp-dot4::after {width: calc(9.8px * 4 - 6.3px);margin-left: calc(-4.9px * 4 + 3.1px);}
	.dot-border2.sp-dot5::after {width: calc(9.8px * 5 - 6.3px);margin-left: calc(-4.9px * 5 + 3.1px);}
	.dot-border2.sp-dot6::after {width: calc(9.8px * 6 - 6.3px);margin-left: calc(-4.9px * 6 + 3.1px);}
	.dot-border2.sp-dot7::after {width: calc(9.8px * 7 - 6.3px);margin-left: calc(-4.9px * 7 + 3.1px);}
	.dot-border2.sp-dot8::after {width: calc(9.8px * 8 - 6.3px);margin-left: calc(-4.9px * 8 + 3.1px);}
	.dot-border2.sp-dot9::after {width: calc(9.8px * 9 - 6.3px);margin-left: calc(-4.9px * 9 + 3.1px);}
	.dot-border2.sp-dot10::after {width: calc(9.8px * 10 - 6.3px);margin-left: calc(-4.9px * 10 + 3.1px);}
	.dot-border2.sp-dot11::after {width: calc(9.8px * 11 - 6.3px);margin-left: calc(-4.9px * 11 + 3.1px);}
	.dot-border2.sp-dot12::after {width: calc(9.8px * 12 - 6.3px);margin-left: calc(-4.9px * 12 + 3.1px);}
	.dot-border2.sp-dot13::after {width: calc(9.8px * 13 - 6.3px);margin-left: calc(-4.9px * 13 + 3.1px);}
	.dot-border2.sp-dot14::after {width: calc(9.8px * 14 - 6.3px);margin-left: calc(-4.9px * 14 + 3.1px);}
	.dot-border2.sp-dot15::after {width: calc(9.8px * 15 - 6.3px);margin-left: calc(-4.9px * 15 + 3.1px);}
	.dot-border2.sp-dot16::after {width: calc(9.8px * 16 - 6.3px);margin-left: calc(-4.9px * 16 + 3.1px);}
	.dot-border2.sp-dot17::after {width: calc(9.8px * 17 - 6.3px);margin-left: calc(-4.9px * 17 + 3.1px);}
	.dot-border2.sp-dot18::after {width: calc(9.8px * 18 - 6.3px);margin-left: calc(-4.9px * 18 + 3.1px);}
	.dot-border2.sp-dot19::after {width: calc(9.8px * 19 - 6.3px);margin-left: calc(-4.9px * 19 + 3.1px);}
	.dot-border2.sp-middleLine {
		padding-bottom: 0;
		line-height: 2;
	}
	.dot-border2.sp-middleLine::after {
		bottom: calc(2em - 2px);
	}
}
.dot-link {
	display: inline-block;
	position: relative;
	text-indent: 0;
	padding-bottom: 5px;
	transition: opacity 200ms ease-in-out;
}
.dot-link:hover {
	opacity: 0.7;
}

.dot-link.dot1::after {width: calc(8.4px * 1 - 4.8px);margin-left: calc(-4.2px * 1 + 2.4px);}
.dot-link.dot2::after {width: calc(8.4px * 2 - 4.8px);margin-left: calc(-4.2px * 2 + 2.4px);}
.dot-link.dot3::after {width: calc(8.4px * 3 - 4.8px);margin-left: calc(-4.2px * 3 + 2.4px);}
.dot-link.dot4::after {width: calc(8.4px * 4 - 4.8px);margin-left: calc(-4.2px * 4 + 2.4px);}
.dot-link.dot5::after {width: calc(8.4px * 5 - 4.8px);margin-left: calc(-4.2px * 5 + 2.4px);}
.dot-link.dot6::after {width: calc(8.4px * 6 - 4.8px);margin-left: calc(-4.2px * 6 + 2.4px);}
.dot-link.dot7::after {width: calc(8.4px * 7 - 4.8px);margin-left: calc(-4.2px * 7 + 2.4px);}
.dot-link.dot8::after {width: calc(8.4px * 8 - 4.8px);margin-left: calc(-4.2px * 8 + 2.4px);}
.dot-link.dot9::after {width: calc(8.4px * 9 - 4.8px);margin-left: calc(-4.2px * 9 + 2.4px);}
.dot-link.dot10::after {width: calc(8.4px * 10 - 4.8px);margin-left: calc(-4.2px * 10 + 2.4px);}
.dot-link.dot11::after {width: calc(8.4px * 11 - 4.8px);margin-left: calc(-4.2px * 11 + 2.4px);}
.dot-link.dot12::after {width: calc(8.4px * 12 - 4.8px);margin-left: calc(-4.2px * 12 + 2.4px);}
.dot-link.dot13::after {width: calc(8.4px * 13 - 4.8px);margin-left: calc(-4.2px * 13 + 2.4px);}
.dot-link.dot14::after {width: calc(8.4px * 14 - 4.8px);margin-left: calc(-4.2px * 14 + 2.4px);}
.dot-link.dot15::after {width: calc(8.4px * 15 - 4.8px);margin-left: calc(-4.2px * 15 + 2.4px);}
.dot-link.dot16::after {width: calc(8.4px * 16 - 4.8px);margin-left: calc(-4.2px * 16 + 2.4px);}
.dot-link.dot17::after {width: calc(8.4px * 17 - 4.8px);margin-left: calc(-4.2px * 17 + 2.4px);}
.dot-link.dot18::after {width: calc(8.4px * 18 - 4.8px);margin-left: calc(-4.2px * 18 + 2.4px);}
.dot-link.dot19::after {width: calc(8.4px * 19 - 4.8px);margin-left: calc(-4.2px * 19 + 2.4px);}
.dot-link.dot20::after {width: calc(8.4px * 20 - 4.8px);margin-left: calc(-4.2px * 20 + 2.4px);}
.dot-link.dot21::after {width: calc(8.4px * 21 - 4.8px);margin-left: calc(-4.2px * 21 + 2.4px);}
.dot-link.dot22::after {width: calc(8.4px * 22 - 4.8px);margin-left: calc(-4.2px * 22 + 2.4px);}
.dot-link.dot23::after {width: calc(8.4px * 23 - 4.8px);margin-left: calc(-4.2px * 23 + 2.4px);}
.dot-link.dot24::after {width: calc(8.4px * 24 - 4.8px);margin-left: calc(-4.2px * 24 + 2.4px);}
.dot-link.dot25::after {width: calc(8.4px * 25 - 4.8px);margin-left: calc(-4.2px * 25 + 2.4px);}
.dot-link.dot26::after {width: calc(8.4px * 26 - 4.8px);margin-left: calc(-4.2px * 26 + 2.4px);}
.dot-link.dot27::after {width: calc(8.4px * 27 - 4.8px);margin-left: calc(-4.2px * 27 + 2.4px);}
.dot-link.dot28::after {width: calc(8.4px * 28 - 4.8px);margin-left: calc(-4.2px * 28 + 2.4px);}
.dot-link.dot29::after {width: calc(8.4px * 29 - 4.8px);margin-left: calc(-4.2px * 29 + 2.4px);}
@media screen and (max-width: 767px) {
	.dot-link {
		padding-bottom: 8px;
	}
	.dot-link::after {
		height: 2.5px;
		width: 100%;
		margin-left: -50%;
	}
	.dot-link.sp-dot1::after {width: calc(7px * 1 - 4px);margin-left: calc(-3.5px * 1 + 2px);}
	.dot-link.sp-dot2::after {width: calc(7px * 2 - 4px);margin-left: calc(-3.5px * 2 + 2px);}
	.dot-link.sp-dot3::after {width: calc(7px * 3 - 4px);margin-left: calc(-3.5px * 3 + 2px);}
	.dot-link.sp-dot4::after {width: calc(7px * 4 - 4px);margin-left: calc(-3.5px * 4 + 2px);}
	.dot-link.sp-dot5::after {width: calc(7px * 5 - 4px);margin-left: calc(-3.5px * 5 + 2px);}
	.dot-link.sp-dot6::after {width: calc(7px * 6 - 4px);margin-left: calc(-3.5px * 6 + 2px);}
	.dot-link.sp-dot7::after {width: calc(7px * 7 - 4px);margin-left: calc(-3.5px * 7 + 2px);}
	.dot-link.sp-dot8::after {width: calc(7px * 8 - 4px);margin-left: calc(-3.5px * 8 + 2px);}
	.dot-link.sp-dot9::after {width: calc(7px * 9 - 4px);margin-left: calc(-3.5px * 9 + 2px);}
	.dot-link.sp-dot10::after {width: calc(7px * 10 - 4px);margin-left: calc(-3.5px * 10 + 2px);}
	.dot-link.sp-dot11::after {width: calc(7px * 11 - 4px);margin-left: calc(-3.5px * 11 + 2px);}
	.dot-link.sp-dot12::after {width: calc(7px * 12 - 4px);margin-left: calc(-3.5px * 12 + 2px);}
	.dot-link.sp-dot13::after {width: calc(7px * 13 - 4px);margin-left: calc(-3.5px * 13 + 2px);}
	.dot-link.sp-dot14::after {width: calc(7px * 14 - 4px);margin-left: calc(-3.5px * 14 + 2px);}
	.dot-link.sp-dot15::after {width: calc(7px * 15 - 4px);margin-left: calc(-3.5px * 15 + 2px);}
	.dot-link.sp-dot16::after {width: calc(7px * 16 - 4px);margin-left: calc(-3.5px * 16 + 2px);}
	.dot-link.sp-dot17::after {width: calc(7px * 17 - 4px);margin-left: calc(-3.5px * 17 + 2px);}
	.dot-link.sp-dot18::after {width: calc(7px * 18 - 4px);margin-left: calc(-3.5px * 18 + 2px);}
	.dot-link.sp-dot19::after {width: calc(7px * 19 - 4px);margin-left: calc(-3.5px * 19 + 2px);}
}
.dot-link .icon {
	display: inline-block;
	position: relative;
	padding-left: 1.2em;
	text-indent: 0;
}
.dot-link .icon::after {
	content: "";
	position: absolute;
	border-right: 1px solid var(--green);
	border-top: 1px solid var(--green);
	left: -0.2em;
	top: 50%;
	width: 0.5em;
	height: 0.5em;
	margin-top: -0.37em;
	transform: rotate(45deg);
}
.dot-link.anchor .icon {
	padding-left: 0;
	padding-right: 1.6em;
}
.dot-link.anchor .icon::after {
	left: auto;
	right: 0.4em;
	margin-top: -0.47em;
	transform: rotate(135deg);
}
.dot-hr {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	height: 5px;
	border: none;
  border-bottom: 1px #333 dotted;
}
@media screen and (max-width: 767px) {
	.dot-hr {
		height: 4px;
	}
	.dot-hr::after {
		height: 3.5px;
	}
}
.more-link .dot-link {
	color: #e60012;
	font-weight: bold;
	font-size: 2.2rem;
	padding-right: 50px;
	padding-bottom: 15px;
}
.more-link .dot-link::before {
	content: "";
	position: absolute;
	background-image: url(/common/2026/images/common/icon/icon_eto.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	width: 40px;
	height: 30px;
	right: 0;
	top: 50%;
	margin-top: -23px;
}
.more-link .dot-link .icon {
	padding-left: 1.0em;
}
.more-link .dot-link .icon::after {
	margin-top: -0.3em;
}
@media screen and (max-width: 767px) {
	.more-link .dot-link {
		font-size: 1.8rem;
		padding-right: 39px;
		padding-bottom: 12px;
	}
	.more-link .dot-link .icon {
		padding-left: 0.9em;
	}
	.more-link .dot-link::before {
		width: 34px;
		height: 26px;
		margin-top: -21px;
	}
}
ol.pankuzuWrapper {
	font-size: 1.2rem;
	line-height: 1.8em !important;
	list-style: none;
	margin: 0;
	margin-bottom: 30px;
	padding: 0;
}
ol.pankuzuWrapper li.pankuzu {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}
.pankuzu a {
	display: inline-block;
	margin-right: 9px;
	min-height: 14px;
	padding-right: 14px;
	position: relative;
  color: #333;
}
.pankuzu a:after {
	border-right: 1px solid #666;
	border-top: 1px solid #666;
	content: '';
	height: 7px;
	margin-top: -5px;
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 7px;
}
@media screen and (min-width: 768px) {
	.sp-pankuzuWrapper {
		display: none;
	}
}
@media screen and (max-width: 767px) {
	.secondaryPages .topContents .topText {
		min-height: inherit;
	}
	#contents .secondaryPages ol.pankuzuWrapper {
		display: none;
	}
	.sp-pankuzuWrapper {
		border-top: solid 4px var(--green);
		padding: 15px 16px;
	}
	.sp-pankuzuWrapper ol.pankuzuWrapper {
		margin-bottom: 0;
	}
}

@media screen and (min-width: 768px), print {
	.titleSpUi.has-border {
		/*margin-bottom: 35px;*/
		/*padding-bottom: 8px;*/
		position: relative;
	}
	.titleSpUi.has-border::after {
		content: "";
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		height: 1px;
		/*background-color: #333;*/
	}
}
@media screen and (max-width: 767px) {
	.titleSpUi {
		-webkit-align-items: center;
		align-items: center;
		background-color: #fff;
		display: -webkit-flex;
		display: flex;
		height: 68px;
		-webkit-justify-content: center;
		justify-content: center;
		margin: -20px -15px 0;
		margin-bottom: 10px;
		padding: 5px 10px 5px 10px;
		position: relative;
		text-align: center;
	}
	.titleSpUi.has-border {
		border-bottom: solid 1px #333;
	}
	.titleSpUi.only-in-top {
		margin-bottom: 5px;
	}
	.titleSpUi h1 {
		font-size: 2rem;
		line-height: 1.1;
		margin-bottom: 0 !important;
		font-weight: bold;
	}
  .titleSpUi h1 span{
    display: block;
  }
	.secondaryPages h1 span.pageTopHeaderSmall {
		display: inline;
		font-size: 1.3rem;
		font-weight: 400;
	}
	.titleSpUi .backButton {
		display: block;
		height: 100%;
		left: 0;
		position: absolute;
		top: 0;
		width: 30px;
		z-index: 1;
    transform: translate(0);
	}
	.titleSpUi .backButton::before {
		border-left: 1px solid #444;
		border-top: 1px solid #444;
		content: '';
		height: 15px;
		left: 50%;
		margin-left: -1px;
		margin-top: -8px;
		position: absolute;
		top: 50%;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		-webkit-transform-origin: center center;
		transform-origin: center center;
		width: 15px;
	}
}
/*====================================================================
 Conponents
====================================================================*/
.marker {
	display: inline-block;
	padding: 0 4px;
	position: relative;
}
.marker::before {
	bottom: .02em;
	content: '';
	height: .45em;
	left: 0;
	position: absolute;
	width: 100%;
}
.marker.m-orange::before {
	background-color: #facd8a;
}
.marker.m-yellow::before {
	background-color: #ff0;
}
.marker .on-marker {
	display: inline-block;
	position: relative;
}
.marker2 {
  background: linear-gradient(transparent 50%, #fff187 50%);
  padding: 0 .5rem;
}
@media screen and (max-width: 767px) {
	.sp-no-marker {
		padding: 0;
	}
	.sp-no-marker::before {
		display: none;
	}
}
/* .profile */
.profile-border-box {
	border: 1px solid #c29558;
	border-radius: 5px;
	position: relative;
	margin-top: 20px;
}
.profile-box-title {
	color: #c29558;
	font-weight: bold;
}
.prifile-name-wrapper {
	display: flex;
	align-items: center;
}
.prifile-photo {
	flex: 0 0 auto;
}
.prifile-photo img {
	vertical-align: top;
}
.prifile-name {
	flex: 0 0 auto;
	font-weight: bold;
}
.prifile-name .other-lang {
	display: block;
	line-height: 1.2;
	color: #c29558;
}
.profile-text-heading {
	color: #c29558;
	font-weight: bold;
}
@media screen and (min-width: 768px), print {
	.profile-border-box {
		padding: 20px 50px;
		border-radius: 15px;
		margin-left: 40px;
	}
	.profile-box-title {
		align-self: stretch;
		display: flex;
		align-items: center;
		padding-right: 60px;
		margin-right: 60px;
		position: relative;
	}
	.profile-box-title::after {
		content: "";
		position: absolute;
		width: 3px;
		right: 0;
		top: 6px;
		bottom: 0;
		background-image: url(/common/2026/images/common/border_dot_v.png);
		background-size: 100% auto;
	}
	.profile {
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-bottom: 50px;
	}
	.profile.profile-border-box {
		display: block;
		margin-bottom: 20px;
	}
	.prifile-photo {
		width: 150px;
		margin-right: 60px;
	}
	.profile.profile-border-box .prifile-photo {
		width: 140px;
		margin-right: 40px;
	}
	.prifile-name-wrapper {
		/* width: calc(40% - 25px); */
	}
	.prifile-text-wrapper {
		flex: 1 1 auto;
		/* width: calc(60% - 25px); */
	}
	.profile.profile-border-box .prifile-name-wrapper,
	.profile.profile-border-box .prifile-text-wrapper {
		width: auto;
	}
	.prifile-name {
		font-size: 2.2rem;
	}
	.prifile-name .other-lang {
		font-size: 1.7rem;
	}
	.profile-text-heading {
		margin-bottom: 8px;
	}
	.profile-detail-wrapper {
		flex: 1 1 auto;
		display: flex;
		justify-content: space-between;
	}
	.profile-detail-wrapper .prifile-name {
		margin-right: 30px;
	}
}
@media screen and (max-width: 767px) {
	.profile-border-box {
		padding: 15px;
	}
	.profile-box-title {
		position: absolute;
		top: -0.7em;
		background-color: #fff;
		padding: 0 0.5em;
		line-height: 1;
	}
	.profile {
		margin-bottom: 30px;
	}
	.profile.profile-border-box {
		margin-bottom: 0;
		margin-top: 30px;
	}
	.prifile-photo {
		width: 200px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 10px;
	}
	.profile.profile-border-box .prifile-photo {
		width: 110px;
		margin-left: 0;
		margin-right: 30px;
	}
	.prifile-text-wrapper {
		margin-top: 15px;
	}
	.prifile-name {
		font-size: 1.7rem;
	}
	.prifile-name .other-lang {
		font-size: 1.4rem;
	}
	.profile-text-heading {
		margin-bottom: 4px;
	}
	.prifile-name-wrapper {
		flex-wrap: wrap;
	}
	.profile-detail-wrapper {
		margin-top: 7px;
	}
}

/* .anchor-box */
.anchor-box {
	position: relative;
}
.anchor-box-title {
	background-color: var(--green);
	color: #fff;
	font-weight: bold;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}
.anchorLink-list {
	background-color: var(--green-lite);
  font-weight: bold;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
}
.anchorLink-list li a{
  color: #333;
}
@media screen and (min-width: 768px), print {
	.anchor-box {
		display: flex;
		margin-bottom: 40px;
	}
	.anchor-box-title {
		width: 100px;
		padding: 20px 10px;
	}
	.anchorLink-list {
		flex: 1 1 auto;
		margin-left: 5px;
		padding: 20px 30px 10px;
	}
	.anchorLink-list li {
		width: calc(33.33% - 20px);
		margin: 0 10px 0;
	}
}
@media screen and (max-width: 767px) {
	.anchor-box {
		margin-bottom: 30px;
	}
	.anchor-box-title {
		padding: 10px 15px;
	}
	.anchorLink-list {
		margin-top: 4px;
		padding: 10px 15px;
	}
	.anchorLink-list li {
		width: calc(100% - 10px);
		margin: 0 5px 5px;
    font-size: 1.6rem;
	}
}
/* .reasonBlock */
.reasonBlock {
	margin: 0 auto;
	max-width: 1160px;
	padding-top: 50px;
}
.reasonBlock .reasonTitle {
	color: #c29558;
	font-size: 3rem;
	font-weight: bold;
	margin-bottom: 35px;
	position: relative;
	text-align: center;
}
.reasonBlock img {
	height: auto;
	max-width: 100%;
}
@media screen and (max-width: 767px) {
	.reasonBlock {
		margin: 0 auto;
		padding-top: 35px;
	}
	.reasonBlock .reasonTitle {
		font-size: 2.1rem;
		margin-bottom: 30px;
	}
	.quality3Img {
		width: 90%;
	}
}
/* column block */
@media screen and (min-width: 768px), print {
	.col10Block,.col30Block,.col2Block,.col3Block,.col4Block,.col5Block,.col6Block,.col7Block ,.col10Block {
		display: flex;
		display: -webkit-flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		justify-content: center;
	}
	.col10Block *,.col30Block *,.col2Block *,.col3Block *,.col4Block *,.col5Block *,.col6Block *,.col7Block *,.col10Block * {
		min-height: 1%;
	}
	.col10Block > .cols,.col30Block > .cols,.col2Block > .cols,.col3Block > .cols,.col4Block > .cols,.col5Block > .cols,.col6Block > .cols,
  .col7Block > .cols, .col10Block > .cols {
		-webkit-flex: 0 1 auto;
		flex: 0 1 auto;
		margin-right: 30px;
	}
	.col2Block > .cols {
		width: calc(50% - 15px);
	}
	.col3Block > .cols {
		width: calc(33.33% - 20px);
	}
	.col4Block > .cols {
		width: calc(25% - 22.5px);
	}
	.col5Block > .cols {
		width: calc(20% - 24px);
	}
	.col6Block > .cols {
		width: calc(16.66% - 25px);
	}
	.col7Block > .cols {
		width: calc(14.285% - 25px);
	}
	.col10Block > .cols {
		width: calc(10% - 25px);
	}
	.col10Block > .cols {
		width: calc(10% - 25px);
	}
	.col30Block > .cols {
		width: calc(3.33% - 25px);
	}
	.m10 > .cols {
		margin-right: 10px;
	}
	.m20 > .cols {
		margin-right: 20px;
	}
	.m30 > .cols {
		margin-right: 30px;
	}
	.m40 > .cols {
		margin-right: 40px;
	}
	.m50 > .cols {
		margin-right: 50px;
	}
	.m60 > .cols {
		margin-right: 60px;
	}
	.m70 > .cols {
		margin-right: 70px;
	}
	.m80 > .cols {
		margin-right: 80px;
	}
	.col10Block > .cols:nth-child(10n),.col30Block > .cols:nth-child(30n),.col2Block > .cols:nth-child(2n),.col3Block > .cols:nth-child(3n),.col4Block > .cols:nth-child(4n),.col5Block > .cols:nth-child(5n),.col6Block > .cols:nth-child(6n) {
		margin-right: 0 !important;
	}
	.col2Block.m10 > .cols {
		width: calc(50% - 5px);
	}
	.col3Block.m10 > .cols {
		width: calc(33.33% - 6.67px);
	}
	.col4Block.m10 > .cols {
		width: calc(25% - 7.5px);
	}
	.col5Block.m10 > .cols {
		width: calc(20% - 8px);
	}
	.col6Block.m10 > .cols {
		width: calc(16.66% - 8.33px);
	}
	.col2Block.m20 > .cols {
		width: calc(50% - 10px);
	}
	.col3Block.m20 > .cols {
		width: calc(33.33% - 13.33px);
	}
	.col4Block.m20 > .cols {
		width: calc(25% - 15px);
	}
	.col5Block.m20 > .cols {
		width: calc(20% - 16px);
	}
	.col6Block.m20 > .cols {
		width: calc(16.66% - 16.66px);
	}
	.col2Block.m30 > .cols {
		width: calc(50% - 15px);
	}
	.col3Block.m30 > .cols {
		width: calc(33.33% - 20px);
	}
	.col4Block.m30 > .cols {
		width: calc(25% - 22.5px);
	}
	.col5Block.m30 > .cols {
		width: calc(20% - 24px);
	}
	.col2Block.m40 > .cols {
		width: calc(50% - 20px);
	}
	.col3Block.m40 > .cols {
		width: calc(33.33% - 26.67px);
	}
	.col4Block.m40 > .cols {
		width: calc(25% - 30px);
	}
	.col5Block.m40 > .cols {
		width: calc(20% - 32px);
	}
	.col10Block.m40 > .cols {
		width: calc(10% - 36px);
	}
	.col30Block.m40 > .cols {
		width: calc(3.33% - 38.66px);
	}
	.col2Block.m50 > .cols {
		width: calc(50% - 25px);
	}
	.col3Block.m50 > .cols {
		width: calc(33.33% - 33.33px);
	}
	.col4Block.m50 > .cols {
		width: calc(25% - 37.5px);
	}
	.col5Block.m50 > .cols {
		width: calc(20% - 40px);
	}
	.col2Block.m60 > .cols {
		width: calc(50% - 30px);
	}
	.col3Block.m60 > .cols {
		width: calc(33.33% - 40px);
	}
	.col4Block.m60 > .cols {
		width: calc(25% - 45px);
	}
	.col5Block.m60 > .cols {
		width: calc(20% - 48px);
	}
	.col2Block.m70 > .cols {
		width: calc(50% - 35px);
	}
	.col3Block.m70 > .cols {
		width: calc(33.33% - 46.67px);
	}
	.col4Block.m70 > .cols {
		width: calc(25% - 52.5px);
	}
	.col5Block.m70 > .cols {
		width: calc(20% - 56px);
	}
	.col2Block.m80 > .cols {
		width: calc(50% - 40px);
	}
	.col3Block.m80 > .cols {
		width: calc(33.33% - 53.33px);
	}
	.col4Block.m80 > .cols {
		width: calc(25% - 60px);
	}
	.col5Block.m80 > .cols {
		width: calc(20% - 64px);
	}
}
@media screen and (max-width: 767px) {
	.spCol2Block {
		display: flex;
		margin-left: -10px;
		margin-right: -10px;
	}
	.spCol2Block > .cols {
		flex: 0 0 auto;
		margin: 0 10px;
	}
	.spCol2Block > .cols {
		width: calc(50% - 20px);
	}
	.spSame.col10Block,.spSame.col30Block,.spSame.col2Block,.spSame.col3Block,.spSame.col4Block,.spSame.col5Block,.spSame.col6Block,.spSame.col7Block,
  .spSame.col6Block,.spSame.col10Block{
		display: flex;
		display: -webkit-flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.spSame.col10Block > .cols,.spSame.col30Block > .cols,.spSame.col2Block > .cols,.spSame.col3Block > .cols,.spSame.col4Block > .cols,.spSame.col5Block > .cols,.spSame.col6Block > .cols,.spSame.col7Block > .cols ,.spSame.col10Block > .cols {
		-webkit-flex: 0 1 auto;
		flex: 0 1 auto;
		margin-right: 30px;
	}
	.spSame.col2Block > .cols {
		width: calc(50% - 15px);
	}
	.spSame.col3Block > .cols {
		width: calc(37% - 20px);
	}
	.spSame.col4Block > .cols {
		width: calc(25% - 22.5px);
	}
	.spSame.col5Block > .cols {
		width: calc(20% - 24px);
	}
	.spSame.col6Block > .cols {
		width: calc(16.66% - 25px);
	}
	.spSame.col6Block > .cols {
		width: calc(14.285% - 25px);
	}
	.spSame.col10Block > .cols {
		width: calc(10% - 25px);
	}
	.spSame.col30Block > .cols {
		width: calc(3.33% - 25px);
	}
	.spSame.m10 > .cols {
		margin-right: 10px;
	}
	.spSame.m20 > .cols {
		margin-right: 20px;
	}
	.spSame.m30 > .cols {
		margin-right: 30px;
	}
	.spSame.m40 > .cols {
		margin-right: 40px;
	}
	.spSame.m50 > .cols {
		margin-right: 50px;
	}
	.spSame.m60 > .cols {
		margin-right: 60px;
	}
	.spSame.m70 > .cols {
		margin-right: 70px;
	}
	.spSame.m80 > .cols {
		margin-right: 80px;
	}
	.spSame.col2Block > .cols:nth-child(2n),.spSame.col3Block > .cols:nth-child(3n),.spSame.col4Block > .cols:nth-child(4n),.spSame.col5Block > .cols:nth-child(5n),.spSame.col6Block > .cols:nth-child(6n) {
		margin-right: 0;
	}
	.spSame.col2Block.m10 > .cols {
		width: calc(50% - 5px);
	}
	.spSame.col3Block.m10 > .cols {
		width: calc(33.33% - 6.67px);
	}
	.spSame.col4Block.m10 > .cols {
		width: calc(25% - 7.5px);
	}
	.spSame.col5Block.m10 > .cols {
		width: calc(20% - 8px);
	}
	.spSame.col6Block.m10 > .cols {
		width: calc(16.66% - 8.33px);
	}
	.spSame.col2Block.m20 > .cols {
		width: calc(50% - 10px);
	}
	.spSame.col3Block.m20 > .cols {
		width: calc(33.33% - 13.33px);
	}
	.spSame.col4Block.m20 > .cols {
		width: calc(25% - 15px);
	}
	.spSame.col5Block.m20 > .cols {
		width: calc(20% - 16px);
	}
	.spSame.col6Block.m20 > .cols {
		width: calc(16.66% - 16.66px);
	}
	.spSame.col2Block.m30 > .cols {
		width: calc(50% - 15px);
	}
	.spSame.col3Block.m30 > .cols {
		width: calc(33.33% - 20px);
	}
	.spSame.col4Block.m30 > .cols {
		width: calc(25% - 22.5px);
	}
	.spSame.col5Block.m30 > .cols {
		width: calc(20% - 24px);
	}
	.spSame.col2Block.m40 > .cols {
		width: calc(50% - 20px);
	}
	.spSame.col3Block.m40 > .cols {
		width: calc(33.33% - 26.67px);
	}
	.spSame.col4Block.m40 > .cols {
		width: calc(25% - 30px);
	}
	.spSame.col5Block.m40 > .cols {
		width: calc(20% - 32px);
	}
	.spSame.col2Block.m50 > .cols {
		width: calc(50% - 25px);
	}
	.spSame.col3Block.m50 > .cols {
		width: calc(33.33% - 33.33px);
	}
	.spSame.col4Block.m50 > .cols {
		width: calc(25% - 37.5px);
	}
	.spSame.col5Block.m50 > .cols {
		width: calc(20% - 40px);
	}
	.spSame.col2Block.m60 > .cols {
		width: calc(50% - 30px);
	}
	.spSame.col3Block.m60 > .cols {
		width: calc(33.33% - 40px);
	}
	.spSame.col4Block.m60 > .cols {
		width: calc(25% - 45px);
	}
	.spSame.col5Block.m60 > .cols {
		width: calc(20% - 48px);
	}
	.spSame.col2Block.m70 > .cols {
		width: calc(50% - 35px);
	}
	.spSame.col3Block.m70 > .cols {
		width: calc(33.33% - 46.67px);
	}
	.spSame.col4Block.m70 > .cols {
		width: calc(25% - 52.5px);
	}
	.spSame.col5Block.m70 > .cols {
		width: calc(20% - 56px);
	}
	.spSame.col2Block.m80 > .cols {
		width: calc(50% - 40px);
	}
	.spSame.col3Block.m80 > .cols {
		width: calc(33.33% - 53.33px);
	}
	.spSame.col4Block.m80 > .cols {
		width: calc(25% - 60px);
	}
	.spSame.col5Block.m80 > .cols {
		width: calc(20% - 64px);
	}
	.spSame.sp-m5 > .cols {
		margin-right: 5px;
	}
	.spSame.sp-m10 > .cols {
		margin-right: 10px;
	}
	.spSame.sp-m15 > .cols {
		margin-right: 15px;
	}
	.spSame.sp-m20 > .cols {
		margin-right: 20px;
	}
	.spSame.sp-m25 > .cols {
		margin-right: 25px;
	}
	.spSame.sp-m30 > .cols {
		margin-right: 30px;
	}
	.spSame.sp-m35 > .cols {
		margin-right: 35px;
	}
	.spSame.sp-m40 > .cols {
		margin-right: 40px;
	}
	.spSame.sp-m50 > .cols {
		margin-right: 50px;
	}
	.spSame.sp-m60 > .cols {
		margin-right: 60px;
	}
	.spSame.sp-m70 > .cols {
		margin-right: 70px;
	}
	.spSame.sp-m80 > .cols {
		margin-right: 80px;
	}
	.spSame.col10Block > .cols:nth-child(10n),.spSame.col30Block > .cols:nth-child(30n),.spSame.col2Block > .cols:nth-child(2n),.spSame.col3Block > .cols:nth-child(3n),.spSame.col4Block > .cols:nth-child(4n),.spSame.col5Block > .cols:nth-child(5n),.spSame.col6Block > .cols:nth-child(6n) {
		margin-right: 0;
	}
	.spSame.col2Block.sp-m5 > .cols {
		width: calc(50% - 2.5px);
	}
	.spSame.col3Block.sp-m5 > .cols {
		width: calc(33.33% - 3.33px);
	}
	.spSame.col4Block.sp-m5 > .cols {
		width: calc(25% - 3.75px);
	}
	.spSame.col5Block.sp-m5 > .cols {
		width: calc(20% - 4px);
	}
	.spSame.col2Block.sp-m10 > .cols {
		width: calc(50% - 5px);
	}
	.spSame.col3Block.sp-m10 > .cols {
		width: calc(33.33% - 6.67px);
	}
	.spSame.col4Block.sp-m10 > .cols {
		width: calc(25% - 7.5px);
	}
	.spSame.col5Block.sp-m10 > .cols {
		width: calc(20% - 8px);
	}
	.spSame.col2Block.sp-m20 > .cols {
		width: calc(50% - 10px);
	}
	.spSame.col3Block.sp-m20 > .cols {
		width: calc(33.33% - 13.33px);
	}
	.spSame.col4Block.sp-m20 > .cols {
		width: calc(25% - 15px);
	}
	.spSame.col5Block.sp-m20 > .cols {
		width: calc(20% - 16px);
	}
	.spSame.col10Block.sp-m20 > .cols {
		width: calc(10% - 18px);
	}
	.spSame.col30Block.sp-m20 > .cols {
		width: calc(3.33% - 19.33px);
	}
	.spSame.col2Block.sp-m30 > .cols {
		width: calc(50% - 15px);
	}
	.spSame.col3Block.sp-m30 > .cols {
		width: calc(33.33% - 20px);
	}
	.spSame.col4Block.sp-m30 > .cols {
		width: calc(25% - 22.5px);
	}
	.spSame.col5Block.sp-m30 > .cols {
		width: calc(20% - 24px);
	}
	.spSame.col2Block.sp-m40 > .cols {
		width: calc(50% - 20px);
	}
	.spSame.col3Block.sp-m40 > .cols {
		width: calc(33.33% - 26.67px);
	}
	.spSame.col4Block.sp-m40 > .cols {
		width: calc(25% - 30px);
	}
	.spSame.col5Block.sp-m40 > .cols {
		width: calc(20% - 32px);
	}
	.spSame.col2Block.sp-m50 > .cols {
		width: calc(50% - 25px);
	}
	.spSame.col3Block.sp-m50 > .cols {
		width: calc(33.33% - 33.33px);
	}
	.spSame.col4Block.sp-m50 > .cols {
		width: calc(25% - 37.5px);
	}
	.spSame.col5Block.sp-m50 > .cols {
		width: calc(20% - 40px);
	}
	.spSame.col2Block.sp-m60 > .cols {
		width: calc(50% - 30px);
	}
	.spSame.col3Block.sp-m60 > .cols {
		width: calc(33.33% - 40px);
	}
	.spSame.col4Block.sp-m60 > .cols {
		width: calc(25% - 45px);
	}
	.spSame.col5Block.sp-m60 > .cols {
		width: calc(20% - 48px);
	}
	.spSame.col2Block.sp-m70 > .cols {
		width: calc(50% - 35px);
	}
	.spSame.col3Block.sp-m70 > .cols {
		width: calc(33.33% - 46.67px);
	}
	.spSame.col4Block.sp-m70 > .cols {
		width: calc(25% - 52.5px);
	}
	.spSame.col5Block.sp-m70 > .cols {
		width: calc(20% - 56px);
	}
	.spSame.col2Block.sp-m80 > .cols {
		width: calc(50% - 40px);
	}
	.spSame.col3Block.sp-m80 > .cols {
		width: calc(33.33% - 53.33px);
	}
	.spSame.col4Block.sp-m80 > .cols {
		width: calc(25% - 60px);
	}
	.spSame.col5Block.sp-m80 > .cols {
		width: calc(20% - 64px);
	}
	.spSame.col2Block.sp-m15 > .cols {
		width: calc(50% - 7.5px);
	}
	.spSame.col3Block.sp-m15 > .cols {
		width: calc(33.33% - 10px);
	}
	.spSame.col4Block.sp-m15 > .cols {
		width: calc(25% - 11.25px);
	}
	.spSame.col5Block.sp-m15 > .cols {
		width: calc(20% - 12px);
	}
	.spSame.col2Block.sp-m25 > .cols {
		width: calc(50% - 12.5px);
	}
	.spSame.col3Block.sp-m25 > .cols {
		width: calc(33.33% - 16.67px);
	}
	.spSame.col4Block.sp-m25 > .cols {
		width: calc(25% - 18.75px);
	}
	.spSame.col5Block.sp-m25 > .cols {
		width: calc(20% - 20px);
	}
	.spSame.col2Block.sp-m35 > .cols {
		width: calc(50% - 17.5px);
	}
	.spSame.col3Block.sp-m35 > .cols {
		width: calc(33.33% - 23.33px);
	}
	.spSame.col4Block.sp-m35 > .cols {
		width: calc(25% - 26.25px);
	}
	.spSame.col5Block.sp-m35 > .cols {
		width: calc(20% - 28px);
	}
}
/*パネルバナー*/
.pannel-banner {
	display: flex;
	display: -webkit-flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 -10px;
}
.pannel-banner .cols {
	-webkit-flex: 0 0 auto;
	flex: 0 0 auto;
	margin: 0 10px 20px;
	width: calc(33.33% - 20px);
	display: flex;
}
.category-list .cols{
  margin: 0 10px 10px;
}
.pannel-banner[data-col='2'] .cols {
	width: calc(50% - 20px);
}
.pannel-banner[data-col='4'] .cols {
	width: calc(25% - 20px);
}
.pannel-banner[data-col='5'] .cols {
	width: calc(20% - 20px);
}
.pannel-banner.by-load-show {
	transition-duration: .3s;
}
.pannel-banner.by-load-show.is-loaded {
	opacity: 1;
}
.pannel-banner .banners {
	background-color: #fff;
	border: 1px solid var(--grey);
	display: flex;
	display: -webkit-flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 10px;
	text-decoration: none;
	width: 100%;
  border-radius: 8px;
  overflow: hidden;
}
.pannel-banner.small-icons .banners {
	padding: 25px 10px;
}
.pannel-banner.banner-type .banners {
	padding: 0;
}
.pannel-banner .banners > * {
	transition-duration: .2s;
}
.pannel-banner .banners:hover > * {
	opacity: .7;
}
.pannel-banner .banners .image {
	flex: 1 1 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 15px;
	min-height: 1%;
}
.pannel-banner .banners .image{
  width: 20rem;
  height: 11rem;
}
.pannel-banner .banners .image img {
	vertical-align: top;
}
/*
.pannel-banner.design .cols {
	height: 258px;
}*/
.pannel-banner.design .image {
	height: 173px;
}
.pannel-banner .banners .image img {
	max-width: 200px;
	max-height: 200px;
}
.pannel-banner .banners .label {
	color: #c29558;
	display: block;
	font-size: 1.5rem;
	padding-right: 25px;
	position: relative;
	text-align: center;
	font-weight: bold;
}
.pannel-banner.small-icons .label {
	font-size: 1.7rem;
}
.pannel-banner.banner-type .label {
	font-size: 1.7rem;
  background: var(--green);
  color: #fff;
  display: block;
  width: 100%;
  margin:0;
  padding: .5rem 0;
}
.pannel-banner .banners .label::after {
	border-right: 2px solid #fff;
	border-top: 2px solid #fff;
	content: '';
	height: 12px;
	margin-top: -7px;
	position: absolute;
	right: 10px;
	top: 50%;
	transform: rotate(45deg) scale(.65);
	width: 12px;
}
.pannel-banner .banners .label.arrow-bottom {
	padding-right: 0;
	padding-bottom: 15px;
}
.pannel-banner .banners .label.arrow-bottom::after {
	right: 50%;
	top: auto;
	bottom: 0;
	margin-right: -6px;
	transform: rotate(135deg) scale(.65);
}
.pannel-banner .banners .label.is-large .description {
	font-size: 1.3rem;
}
.pannel-banner .banners .description {
	color: #565656;
	display: block;
	font-size: 1.2rem;
	font-weight: normal;
	line-height: 1.6;
	padding-bottom: 8px;
	padding-right: 25px;
	padding-top: 6px;
	text-align: left;
}
.pannel-banner .banners .description.is-bottom {
	padding: 7px;
}
@media screen and (min-width: 768px), print {
	.pannel-banner.col4 {
	}
	.pannel-banner.col4Center {
		margin-left: auto;
		margin-right: auto;
		max-width: 900px;
	}
}
@media screen and (max-width: 767px) {
	.pannel-banner {
		margin-left: -5px;
		margin-right: -5px;
	}
	.pannel-banner .cols {
		margin: 0 5px 10px;
		width: calc(50% - 10px);
	}
	.pannel-banner[data-col='4'] .cols {
		width: calc(33.33% - 10px);
	}
	.pannel-banner[data-col='5'] .cols {
		width: calc(33.33% - 10px);
	}
	.pannel-banner.sp-col1 .cols {
		margin: 0 5px 0;
		width: calc(100% - 10px);
	}
	.pannel-banner.sp-col2 .cols {
		width: calc(50% - 10px);
	}
	.pannel-banner.sp-col3 .cols {
		width: calc(33.33% - 10px);
	}
	.pannel-banner .banners {
		padding: 7px;
	}
	.pannel-banner.small-icons .banners {
		padding: 20px 7px 10px;
	}
	.pannel-banner .banners .image {
		margin-bottom: 10px;
	}
  /*
	.pannel-banner.design .cols {
		height: 195px;
	}
  */
	.pannel-banner.design .image {
		height: 120px;
	}
  .pannel-banner .banners .image{
    width: 15.2rem;
    height: 8.4rem;
  }
  .pannel-banner .banners .image img {
      max-width: 152px;
      max-height: 152px;
  }
	.pannel-banner.small-icons .image img {
		max-width: 52px;
	}
	.pannel-banner.banner-type .image {
		margin-bottom: 5px;
	}
	.pannel-banner .banners .label {
		font-size: 1.2rem;
		padding-right: 13px;
		position: relative;
    line-height: 1.3;
	}
	.pannel-banner.small-icons .label {
		font-size: 1.2rem;
	}
	.pannel-banner.banner-type .label {
		font-size: 1.2rem;
		margin-bottom: 5px;
	}
	.pannel-banner .banners .label.illustrator {
		letter-spacing: 0.05em;
	}
	.pannel-banner .banners .label::after {
		height: 10px;
		margin-top: -6px;
		width: 10px;
	}
	.pannel-banner .banners .label.is-large::after {
		height: 14px;
		margin-top: -7px;
		right: 6px;
		width: 14px;
	}
	.pannel-banner.sp-listPanel {
		display: block;
		margin: 0 -15px -20px;
	}
	.pannel-banner.sp-listPanel .cols {
		border-top: 1px solid #ccc;
		display: flex;
		display: -webkit-flex;
		margin: 0 !important;
		width: 100% !important;
	}
	.pannel-banner.sp-listPanel .cols a {
		-webkit-align-items: center;
		align-items: center;
		border: none;
		display: flex;
		display: -webkit-flex;
		-webkit-flex: 1 1 auto;
		flex: 1 1 auto;
		-webkit-flex-direction: row;
		flex-direction: row;
		min-height: 54px;
		padding: 10px 2px;
		position: relative;
		width: 100%;
	}
	.pannel-banner.sp-listPanel .cols a:hover {
		text-decoration: none;
	}
	.pannel-banner.sp-listPanel .cols a::after {
		border-right: 1px solid #444;
		border-top: 1px solid #444;
		content: '';
		height: 10px;
		margin-top: -5px;
		position: absolute;
		right: 18px;
		top: 50%;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		width: 10px;
	}
	.pannel-banner.sp-listPanel .cols .image {
		-webkit-flex: 0 0 auto;
		flex: 0 0 auto;
		margin: 0;
		margin-left: 7px;
		margin-right: 20px;
		text-align: center;
		width: 80px;
	}
	.pannel-banner.sp-listPanel .cols .image img {
		vertical-align: top;
	}
	.pannel-banner.sp-listPanel .sp-textWrap {
		-webkit-flex: 1 1 auto;
		flex: 1 1 auto;
		padding-right: 25px;
	}
	.pannel-banner.sp-listPanel .cols .label {
		min-height: unset;
		padding: 0;
		text-align: left;
	}
	.pannel-banner.sp-listPanel .cols .label::after {
		display: none;
	}
	.pannel-banner.sp-listPanel .cols .description {
		margin-top: 0;
		padding: 0;
	}
	.pannel-banner.same-design-link {
		display: block;
		margin: 0 -15px -20px;
	}
	.pannel-banner.same-design-link .cols {
		border-top: 1px solid #ccc;
		display: flex;
		display: -webkit-flex;
		margin: 0;
		width: 100%;
	}
	.pannel-banner.same-design-link .cols a {
		-webkit-align-items: center;
		align-items: center;
		border-bottom: 2px solid #fff;
		border-left: none;
		border-right: none;
		color: #c29558;
		display: -webkit-flex;
		display: flex;
		-webkit-flex: 1 1 auto;
		flex: 1 1 auto;
		-webkit-flex-direction: row;
		flex-direction: row;
		font-weight: normal;
		min-height: 54px;
		padding: 3px 2px;
		position: relative;
		text-decoration: underline;
		width: 100%;
	}
	.pannel-banner.same-design-link .cols a:hover {
		text-decoration: none;
	}
	.pannel-banner.same-design-link .cols a::after {
		border-right: 1px solid #917d02;
		border-top: 1px solid #917d02;
		content: '';
		height: 10px;
		margin-top: -5px;
		position: absolute;
		right: 18px;
		top: 50%;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		width: 10px;
	}
	.pannel-banner.same-design-link .cols .image {
		margin: 0;
		margin-left: 7px;
		margin-right: 20px;
		text-align: center;
		width: 60px;
	}
	.pannel-banner.same-design-link .cols .image img {
		vertical-align: top;
	}
	.pannel-banner.same-design-link .cols .label {
		color: #c29558;
		-webkit-flex: 1 1 auto;
		flex: 1 1 auto;
		font-size: 1.6rem;
		font-weight: normal;
		text-align: left;
	}
	.pannel-banner.same-design-link .cols .label::after {
		display: none;
	}
}
@media screen and (max-width: 320px) {
  /*
.pannel-banner .banners .image img {
    max-width: 127px;
    max-height: 127px;
}*/
}
/* design linkbox */
.designLinkTitle {
	margin-bottom: 40px;
}
@media screen and (min-width: 768px), print {
	.designLinkTitle {
		font-size: 2rem;
	}
}
.designLinkBlock .cols.is-number {
	display: none;
}
.number .designLinkBlock .cols.is-design {
	display: none;
}
.number .designLinkBlock .cols.is-number {
	display: block;
}
.designLinkBlock .cols a {
	background: #fff;
	width: 100%;
}
.designLinkBlock .cols a.current {
	border: 2px solid #c70100;
	box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0);
	color: #c70100;
}
.designLinkBlock .cols .image {
	margin: 0 auto;
	max-width: 80%;
}
@media screen and (max-width: 767px) {
	.designLinkBlock {
		margin: 0 -15px -20px;
	}
	.designLinkBlock .cols {
		border-top: 1px solid #ccc;
		display: flex;
		display: -webkit-flex;
	}
	.designLinkBlock .cols a {
		-webkit-align-items: center;
		align-items: center;
		border-bottom: 2px solid #fff;
		display: flex;
		display: -webkit-flex;
		-webkit-flex: 1 1 auto;
		flex: 1 1 auto;
		min-height: 60px;
		padding: 3px 2px;
		position: relative;
		width: 100%;
	}
	.designLinkBlock .cols a::after {
		border-right: 1px solid #917d02;
		border-top: 1px solid #917d02;
		content: '';
		height: 10px;
		margin-top: -5px;
		position: absolute;
		right: 18px;
		top: 50%;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		width: 10px;
	}
	.designLinkBlock .cols .image {
		margin: 0;
		margin-left: 7px;
		margin-right: 20px;
		text-align: center;
		width: 60px;
	}
	.designLinkBlock .cols .image img {
		vertical-align: top;
	}
	.designLinkBlock .cols .text {
		-webkit-flex: 1 1 auto;
		flex: 1 1 auto;
		text-align: left;
	}
}
@media screen and (min-width: 768px), print {
	.designLinkBlock .col5Block,.designLinkBlock .col6Block {
		display: flex;
		display: -webkit-flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.designLinkBlock .cols {
		display: flex;
		display: -webkit-flex;
		margin-bottom: 10px;
		margin-right: 10px;
		width: calc(33.3% - 7px);
	}
	.designLinkBlock .cols a {
		border: 2px solid #fff;
		border-radius: 12px;
		box-shadow: 0 0 5px 1px rgba(0, 0, 0, .2);
		color: #444;
		display: flex;
		display: -webkit-flex;
		-webkit-flex-direction: column;
		flex-direction: column;
		padding: 4px 2px;
		text-align: center;
		text-decoration: none;
		transition-duration: .3s;
		width: 100%;
	}
	.designLinkBlock .cols .text {
		-webkit-align-items: center;
		align-items: center;
		display: flex;
		display: -webkit-flex;
		-webkit-flex: 1 1 auto;
		flex: 1 1 auto;
		-webkit-flex-direction: column;
		flex-direction: column;
		font-size: 1.1rem;
		font-weight: bold;
		-webkit-justify-content: center;
		justify-content: center;
	}
	.designLinkBlock {
		margin: 0 auto;
		max-width: 1140px;
		padding: 0 0 30px;
	}
	.designLinkBlock.hasTitle {
		padding: 0 0 50px;
	}
	.designLinkBlock .cols {
		display: flex;
		display: -webkit-flex;
		margin-right: 21px;
		width: calc(20% - 17px);
	}
	.designLinkBlock .col6Block .cols {
		display: flex;
		display: -webkit-flex;
		margin-right: 20px;
		width: calc(16.66% - 16.66px);
	}
	.designLinkBlock .cols a {
		border: 3px solid #fff;
		padding: 5px;
	}
	.designLinkBlock .cols a:hover {
		border: 3px solid #c70100;
		box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0);
	}
	.designLinkBlock .cols a.current {
		border: 3px solid #c70100;
		box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0);
		color: #fff;
	}
	.designLinkBlock .cols a img {
		opacity: 1;
		transition-duration: .3s;
	}
	.designLinkBlock .cols a:hover img {
		opacity: .7;
	}
	.designLinkBlock .cols .text {
		font-size: 1.5rem;
		line-height: 1.5em !important;
	}
	.designLinkBlock > p br {
		display: none;
	}
}
@media screen and (max-width: 767px) {
	.designLinkBlock .cols .text {
		line-height: 1.4;
	}
	.designLinkBlock.sp-same {
		margin: 0 auto;
		max-width: 1140px;
		padding: 0;
	}
	.designLinkBlock.sp-same .col4Block,.designLinkBlock.sp-same .col5Block,.designLinkBlock.sp-same .col6Block {
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		padding: 0 10px;
	}
	.designLinkBlock.sp-same .cols {
		border-top: none;
		display: -webkit-flex;
		display: flex;
		margin-bottom: 14px;
		margin-left: 6px;
		margin-right: 6px;
		width: calc(33.3% - 12px);
	}
	.designLinkBlock.sp-same .cols a {
		border: 2px solid #fff;
		border-radius: 12px;
		box-shadow: 0 0 5px 1px rgba(0, 0, 0, .2);
		color: #444;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: column;
		flex-direction: column;
		padding: 4px 2px;
		text-align: center;
		text-decoration: none;
		transition-duration: .3s;
		width: 100%;
	}
	.designLinkBlock.sp-same .cols a::after {
		display: none;
	}
	.designLinkBlock.sp-same .cols a:hover {
		border: 1px solid #faf5ef;
		box-shadow: 0 0 5px 1px rgba(0, 0, 0, .2);
	}
	.designLinkBlock.sp-same .cols .text {
		-webkit-align-items: center;
		align-items: center;
		display: -webkit-flex;
		display: flex;
		-webkit-flex: 1 1 auto;
		flex: 1 1 auto;
		-webkit-flex-direction: column;
		flex-direction: column;
		font-size: 1.1rem;
		font-weight: bold;
		-webkit-justify-content: center;
		justify-content: center;
		text-align: center;
	}
	.designLinkBlock.sp-same .cols a:hover {
		border: 2px solid #c70100;
		box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0);
	}
	.designLinkBlock.sp-same .cols a.current {
		border: 3px solid #c70100;
		box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0);
		color: #fff;
	}
	.designLinkBlock.sp-same .cols a img {
		opacity: 1;
		transition-duration: .3s;
	}
	.designLinkBlock.sp-same .cols a:hover img {
		opacity: .7;
	}
	.designLinkBlock.sp-same .cols .text {
		font-size: 1.6rem;
		line-height: 1.5em !important;
	}
	.designLinkBlock.sp-same > p br {
		display: none;
	}
}
@media screen and (max-width: 320px) {
	.designLinkBlock.sp-same .col5Block,.designLinkBlock.sp-same .col6Block {
		padding: 0 10px;
	}
	.designLinkBlock.sp-same .cols {
		margin-left: 5px;
		margin-right: 5px;
		width: calc(33.3% - 10px);
	}
}

.categoryLinkList {
	/*max-width: 1350px;*/
	margin: 0 auto;
  flex-wrap: nowrap !important;
}
.categoryLinkList a {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	padding: 0;
	margin: 0 4px;
	text-decoration: none;
	transition: opacity 0.2s ease-in-out;
}
.categoryLinkList a:hover {
	text-decoration: underline;
	opacity: 0.7;
}
.categoryLinkList a#pnavP07 {
}
.categoryLinkList a .img {
	display: flex;
	align-items: center;
	justify-content: center;
}
.categoryLinkList a .img img {
	border: 1px solid #ccc;
}
.categoryLinkList a .img.chara-border {
	border: 1px solid #DED9C5;
	padding: 5px;
	width: 100%;
}
.categoryLinkList a .img.rotY img {
	width: 160px;
	height: 107px;
}
.categoryLinkList a .img.rotT img {
	width: 107px;
	height: 160px;
}
.categoryLinkList a .text {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 40px;
	text-align: center;
	font-size: 1.5rem;
	line-height: 1.3 !important;
	font-weight: bold;
	background-color: var(--green-lite);
	color: #333;
	border-radius: 30px;
	padding: 5px 10px;
	width: 90%;
	position: relative;
	margin-top: 25px;
}
.categoryLinkList a:hover{
  text-decoration: none;
}
.categoryLinkList a#pnavP07 .text,
.categoryLinkList a#inavP04 .text {
	font-size: 1.3rem;
	padding-bottom: 5px;
	padding-right: 10px;
}
	.categoryLinkList > .cols {
		margin-right: 0 !important;
	}
	.col4Block.categoryLinkList > .cols {
		width: 25%;
	}
	.col5Block.categoryLinkList > .cols {
		width: 20%;
	}
	.col6Block.categoryLinkList > .cols {
		width: 16.66%;
	}
	.col7Block.categoryLinkList > .cols {
		width: 14.285%;
	}
	.col10Block.categoryLinkList > .cols {
		width: 10%;
	}
@media screen and (min-width: 768px), print {
}
@media screen and (max-width: 767px) {
	.sp-horizontal-scroll > .categoryLinkList {
    width: 1350px;
	}
	.sp-horizontal-scroll > .categoryLinkList.col3Block {
    width: 429px;
	}
	.sp-horizontal-scroll > .categoryLinkList.col4Block {
    width: 572px;
	}
	.sp-horizontal-scroll > .categoryLinkList.col5Block {
    width: 715px;
	}
	.sp-horizontal-scroll > .categoryLinkList.col6Block {
    width: 858px;
	}
	.sp-horizontal-scroll > .categoryLinkList.rotTOnly {
    /*width: 900px;*/
	}
	.sp-horizontal-scroll > .categoryLinkList.rotTOnly.col4Block {
    width: 514px;
	}
	.sp-horizontal-scroll > .categoryLinkList.rotTOnly.col5Block {
    width: 643px;
	}
	.sp-horizontal-scroll > .categoryLinkList.rotTOnly.col6Block {
    width: 772px;
	}
	.sp-horizontal-scroll > .categoryLinkList.rotTOnly.col7Block {
    width: 1200px;
	}
	.sp-horizontal-scroll > .categoryLinkList.rotTOnly.col10Block {
    width: 1700px;
	}
	.categoryLinkList a .img.rotY img {
		width: 130px;
    height: auto;
	}
	.categoryLinkList a .img.rotT img {
		width: auto;
		height: 140px;
	}
	.categoryLinkList a .text {
		font-size: 1.2rem;
		min-height: 30px;
	}
	.categoryLinkList a#pnavP07 .text,
	.categoryLinkList a#inavP04 .text {
		font-size: 1.0rem;
    padding-right: 5px;
    padding-left: 10px;
	}
}
/* @media screen and (max-width: 1024px) and (min-width:768px) {
.designLinkBlock .cols .text {
	font-size: 1.5vw;
}
} */
/*.btnList*/
.btnList {
	display: flex;
	display: -webkit-flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 -6px;
}
.btnList.topList {
	padding-bottom: 10px;
}
.btnList.bottomList {
	padding-top: 10px;
}
@media screen and (min-width: 768px), print {
	.col5btnList li {
		width: 20%;
	}
	.col4btnList li {
		width: 25%;
	}
	.col3btnList li {
		width: 33.33%;
	}
}
@media screen and (max-width: 767px) {
	.tab-col3btnList li {
		margin-bottom: 16px;
		width: 33.33%;
	}
}
@media screen and (max-width: 767px) {
	.sp-col4btnList li {
		width: 25%;
	}
	.sp-col3btnList li {
		width: 33.33%;
	}
}
.btnList li {
	box-sizing: border-box;
	display: flex;
	display: -webkit-flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	padding: 0 6px;
}
.btnList li a {
	-webkit-align-items: center;
	align-items: center;
	background-color: #c29558;
	border-radius: 6px;
	color: #fff;
	display: flex;
	display: -webkit-flex;
	font-size: 80%;
	height: 100%;
	-webkit-justify-content: center;
	justify-content: center;
	line-height: 1.5;
	min-height: 4em;
	padding: 6px 15px 4px;
	position: relative;
	text-align: center;
	text-decoration: none;
	transition-duration: .2s;
}
.btnList li a:hover {
	background-color: #a79733;
}
.btnList li.current a {
	background: #e60012;
}
.btnList li a:before {
	border-right: 2px solid #fff;
	border-top: 2px solid #fff;
	content: '';
	height: 10px;
	margin-top: -5px;
	position: absolute;
	right: 10px;
	top: 50%;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 10px;
}
.btnList li.current a:before {
	display: none;
}
.btnList.topList li.current a:after {
	border-color: #e60012 transparent transparent transparent;
	border-style: solid;
	border-width: 10px 10px 0 10px;
	bottom: -10px;
	content: '';
	display: block;
	height: 0;
	margin-right: -10px;
	position: absolute;
	right: 50%;
	width: 0;
}
.btnList.bottomList li.current a:after {
	border-color: transparent transparent #e60012 transparent;
	border-style: solid;
	border-width: 0 10px 10px 10px;
	content: '';
	display: block;
	height: 0;
	margin-right: -10px;
	position: absolute;
	right: 50%;
	top: -10px;
	width: 0;
}
@media screen and (max-width: 767px) {
	.btnList li {
		padding: 0 3px;
	}
	.btnList li a {
		min-height: 50px;
		padding: 5px 3px;
	}
	.btnList li a.lhighSmall {
		line-height: 1.2;
	}
	.tab-col3btnList li,.sp-col3btnList li,.sp-col4btnList li {
		margin-bottom: 12px;
	}
	.btnList.topList li.current a:after {
		border-width: 5px 5px 0 5px;
		bottom: -5px;
		margin-right: -5px;
	}
	.btnList.bottomList li.current a:after {
		border-width: 0 5px 5px 5px;
		margin-right: -5px;
		top: -5px;
	}
	.btnList li a:before {
		border-right: 1px solid #fff;
		border-top: 1px solid #fff;
		bottom: 8px;
		height: 6px;
		right: 6px;
		top: auto;
		width: 6px;
	}
}
/* .expressBunner */
.expressBunner,.hayawariBunner {
	margin: -30px auto 50px;
	max-width: 1100px;
	overflow: hidden;
	position: relative;
}
#sub .expressBunner,#sub .hayawariBunner {
	margin: 0 auto 20px;
	padding: 20px 0 0;
}
.expressBunner .bunnerBg,.hayawariBunner .bunnerBg {
	position: relative;
}
.expressBunner .bunnerBg img,.hayawariBunner .bunnerBg img {
	vertical-align: top;
}
.expressBunner .cdtNumber,.hayawariBunner .cdtNumber {
	color: #e72111;
	font-size: 5rem;
	font-weight: bold;
	line-height: 1;
	position: absolute;
	right: 170px;
	text-align: left;
	top: 108px;
	width: 140px;
}
.expressBunner .cdtNumber {
	top: 109px;
}
#sub .expressBunner .cdtNumber {
	top: 129px;
}
#sub .hayawariBunner .cdtNumber {
	top: 119px;
}
.expressBunner .cdtNumber .day,.hayawariBunner .cdtNumber .day {
	font-size: 2.4rem;
	margin-left: 3px;
}
.hayawariBunner .cdtNumber {
	right: 680px;
}
@media screen and (max-width: 767px) {
	.expressBunner,.hayawariBunner {
		margin: 0 auto 20px;
		padding: 0;
	}
	#sub .expressBunner,#sub .hayawariBunner,.expressBunner,.hayawariBunner {
		margin: 0 auto 10px;
		padding: 10px 0 0;
	}
	.expressBunner .bunnerBg img,.hayawariBunner .bunnerBg img {
		width: 100%;
	}
	.expressBunner .cdtNumber {
		font-size: 8.2vw;
		right: 18.5%;
		top: 71%;
		width: 25%;
	}
	.hayawariBunner .cdtNumber {
		font-size: 8.2vw;
		right: 18.5%;
		top: 78%;
		width: 25%;
	}
	#sub .expressBunner .cdtNumber {
		top: 71%;
	}
	#sub .hayawariBunner .cdtNumber {
		top: 77%;
	}
	.hayawariBunner .cdtNumber {
		right: -5.1%;
	}
	.expressBunner .cdtNumber .day,.hayawariBunner .cdtNumber .day {
		font-size: 3.5vw;
	}
}
.banner-area {
	padding: 60px 0 0;
}
.banner-area-inner {
	max-width: 1200px;
	margin: 0 auto;
	text-align: center;
}
.banner-area img {
	max-width: 530px;
	width: 100%;
	vertical-align: top;
	transition-duration: .2s;
}
.banner-area a:hover > * {
	opacity: .7;
}
@media screen and (max-width: 767px) {
	.banner-area {
		padding: 50px 15px 20px;
	}
}
/*====================================================================
 By APP Hide styles
====================================================================*/
.byAPP .byApp-hide,.byAPP #header,.byAPP #globalNavi,.byAPP #bottomContents,.byAPP .sp-footerLink,
.byAPP-show{
	display: none !important;
}
/*
body.byAPP .has-favorite > .favoriteToggle,
body.byAPP .favoriteToggle.favoButton{
  display: none !important;
}*/
.byAPP .byAPP-show{
	display: block !important;
}
.byAPP .byAPP-notouch{
	pointer-events: none;
  text-decoration: none;
}
body.byAPP{
  padding-bottom: 5rem;
}
@media screen and (min-width: 768px), print {
	.byAPP #footerCopyright {
		display: none;
	}
	.byAPP #footer .pagetop,.byAPP #footer .pagetop.isBottom {
		bottom: 0;
	}
	.byAPP #footerCookieBtns .favoriteBtn,.byAPP #footerCookieBtns .postcardBtn {
		display: none;
	}
}
@media screen and (max-width: 767px) {
	.byAPP #footer {
		height: 0;
		overflow: hidden;
	}
}
.byAPP #wrapper {
	padding-top: 0;
}
.secondaryPages .section.support-section {
	max-width: 1100px !important;
}
.white-box {
	background-color: #fff;
	padding: 20px;
	margin: 0 auto;
}
@media screen and (min-width: 768px), print {
	.white-box {
		padding: 20px 45px;
	}
	.support-layout {
		display: flex;
		margin: 0 -20px;
	}
	.support-layout > * {
		width: calc(50% - 50px);
		margin-left: 20px;
		margin-right: 20px;
	}
}

.secondaryPages h3.end_ttl {
	font-family: YuGothic, "Yu Gothic Medium", "Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
	font-weight: bold;
}

.news-list {
	max-width: 800px;
	margin-right: auto;
	margin-left: auto;
}
.news-list.wide-full {
	max-width: 100%;
}
.news-list ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.news-list li {
	margin-bottom: 1em;
	display: flex;
}
.news-list li:last-child {
	margin-bottom: 0;
}
.news-list .date {
	width: 8em;
	margin-right: 1em;
	flex: 0 0 auto;
}
.news-list .body {
	flex: 1 1 auto;
}
.news-list a {
}
@media screen and (max-width: 767px) {
	.news-list li {
    display: block;
	}
  .news-list .date {
    display: block;
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
	#footer .pagetop.sp-center {
		right: 50% !important;
		margin-right: -22px;
	}
}

.relateProds.js-topItems .cols {
	position: relative;
}
.relateProds .detail-button,
.cardThumbs .detail-button {
	font-size: 1.4rem;
	background-color: #f6f3e9;
	border: 1px solid #c29558;
	text-decoration: none;
	transition: opacity 200ms ease-in-out;
	line-height: 1;
	padding: 5px 0 4px;
	font-weight: bold;
	position: absolute;
	bottom: 15px;
	left: 0;
	right: 0;
	width: 166px;
	height: auto;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
  display: none;
}
.relateProds .detail-button:hover,
.cardThumbs .detail-button:hover {
	opacity: 0.7;
}
.relateProds.has-chara .detail-button {
	bottom: -10px;
}
@media screen and (min-width: 768px), print {
	.ranking-wrapper .relateProds.has-chara .cols {
			padding-bottom: 0;
	}
}


@media screen and (max-width: 767px) {
	.ranking-wrapper .relateProds.has-chara .cols {
			padding-bottom: 0;
	}
	.relateProds .detail-button,
	.cardThumbs .detail-button {
		font-size: 1.2rem;
		padding: 5px 0 3px;
		bottom: 11px;
		width: 108px;
	}
	.relateProds.has-chara .detail-button {
		bottom: -10px;
	}
}

.button.closed {
	background-color: #ccc!important;
	margin: 0 auto;
	display: inline-block!important;
  color: #fff;
}

.button.closed::after {
	content: none!important;
}

.button.closed:hover {
	opacity: 1.0;
}
.peanuts-logo{
  max-height: 14px !important;
}
.pokemon-logo{
  max-height: 50px !important;
}

/*  料金表テーブル   */
.heading-c {
  font-size: 2.4rem;
  font-weight: bold;
  color: #333;
  padding: .7rem 1rem .7rem 0;
  margin-bottom: 2.5rem;
}
.price-img {
  margin-bottom: 2rem;
}
.box-inner {
  padding: 0 3rem 5rem;
}
.box-inner.last {
  padding-bottom: 1rem;
}
.price-table {
  border: .1rem solid #ACACAC;
  width: 100%;
  font-size: 2rem;
  margin: 0 auto 2rem;
}
.price-table th {
  border-bottom: .1rem solid #ACACAC;
  border-right: .1rem solid #ACACAC;
  text-align: center;
  font-weight: normal;
  padding: .4rem 0;
  white-space: nowrap;
  letter-spacing: 0;
  font-weight: bold;
}
.price-table td {
  border-bottom: .1rem dashed #ACACAC;
  border-right: .1rem solid #ACACAC;
  text-align: center;
  padding: .2rem 0;
  white-space: nowrap;
  letter-spacing: 0;
}
.price-table td span,.price-table th span {
  font-size: 2rem;
}
.price-table .bg-pink {
  background: var(--green-lite);
  width: 24%;
  font-weight: bold;
}
.price-table .bg-brown {
  background: var(--green-lite);
  width: 19%;
}
.price-table thead .bg-pink,
.price-table thead .bg-brown{
  background: var(--green);
  color: #fff;
}
.cost0,.cost1,.cost2,.cost3{ display: none; }
.price-table td:not(.bg-pink):not(.bg-brown)::after{
  content: "円";
}

.term1,.term2,.term3,.term4,.term5{
  display: none;
}
.message{
  color: #fff;
  text-align: center;
  font-weight: bold;
}
.comment {
  padding-left: 1.4em;
  text-indent: -1.4em;
}
.price-details{
 max-width: 80rem;
 width: 100%;
}
.tab{
  display: flex;
  margin-bottom: 1.5rem;
  align-items: center;
  justify-content: center;
}
.tab li a{
  display: block;
  text-align: center;
  background: var(--green-lite);
  border: 2px solid var(--green-lite);
  color: #333;
  margin:0 .3rem;
  padding:1rem 2rem;
  font-size: 1.6rem;
  font-weight: bold;
  text-decoration: none;
  white-space: nowrap;
}
.tab li a span{ font-size: 1.8rem; }
.term-txt{
  background: #fff;
  color: #C4030D;
  font-size: 2rem;
  padding: 0 0;
  margin-bottom: 2rem;
}
.term-txt .message{
  color: #C4030D;
}
.term-txt p{
  line-height: 1.5 !important;
}
.tab li.active a{
  background:#fff;
  border: 1px solid #999;
  border-bottom: none;
}
a.disable{
  pointer-events: none;
  opacity: 0.3;
}
@media (max-width:599px) {
  .ranking-wrapper .photoCenter{
    min-height: 101px;
  }
  .heading-c {
    font-size: 1.8rem;
    margin-bottom: 1.5rem;
  }
    /* 価格・納期 */
  .box-inner {
    padding: 0 1rem 2rem;
    font-size: 1.4rem;
  }
  .comment {
    font-size: 1.2rem;
  }
  .price-img {
    margin-bottom: 1rem;
  }
  .price-table {
    font-size: 1.4rem;
  }
  .price-table td,.price-table th{
    font-size: 1.2rem;
  }
  .table-box {
    font-size: 1.2rem;
  }
  .table-box th,.table-box td {
    line-height: 1.4;
  }
  .tab li a{
    font-size: 1.1rem;
    padding:.7rem 1.2rem .3rem;
    width: 100%;
    box-sizing: border-box;
    line-height: 1.3;
  }
  .tab li+li{
    margin-left: .3rem;
  }
  .tab li a span{ font-size: 1.3rem; display: block; }
  .term-txt{
    font-size: 1.4rem;
  }
}

/*====================================================================
 デザイン一覧、お気に入りカスタマイズ
====================================================================*/
.orderButton{
  transform:scale(.8);
  margin-left:auto;
  margin-right: auto;
  width: 70%;
  margin-top: 10px !important;
}
@media screen and (max-width: 767px) {
.orderButton{
  width: 90%;
  margin-top: 5px !important;
}
}
.has-favorite > .favoriteToggle {
  flex: 0 0 auto;
  margin-right: 15px;
}
.favoriteToggle {
  background: url('/common/2026/images/icon/icon_heart.svg') no-repeat center 6px;
  background-size: 42px auto;
  cursor: pointer;
  height: 66px;
  width: 66px;
  display: block;
  text-decoration: none;
  position: relative;
  transition: opacity 200ms ease-in-out;
}
.favoriteToggle.favoButton{
  transform: scale(.7);
  margin:0 !important;
  display:block;
}
.favoriteToggle .text {
  position: absolute;
  width: 100%;
  text-align: center;
  font-size: 1.2rem;
  color: #444444;
  bottom: 0;
  left: 0;
  letter-spacing: 0;
}
.favoriteToggle.is-current {
  background-image: url('/common/2026/images/icon/icon_heart_current.svg');
}
.favoriteToggle:hover {
  opacity: 0.7;
}

/*====================================================================
 寒中終了時
====================================================================*/
a.hd-btn-kanchu,
.editBtnArea,
.sp-editBtnArea,
#detail_delivery_kanchu{
  display: none;
}
a.hd-btn-kanchu.show{
  display: inline-block;
}
.editBtnArea.show,
#detail_delivery_kanchu.show {
  display: block;
}
@media screen and (max-width: 767px) {
  .editBtnArea.show{
    display: none;
  }
  .sp-editBtnArea.show{
    display: block;
  }
}

/*====================================================================
 sidebar & layout
====================================================================*/
.sideLayout{
  width: 1230px;
  margin: auto;
  
}
.sideLayout::after{
  content: "";
  display: block;
  clear:both;
}
.mainContents{
  float:right;
  width: 900px;
}
.mainContents__bnr, .mainContents__bnr img { width:900px; height: 187px; display: none; }

.sidebar{
  width: 280px;
  box-sizing: border-box;
  float: left;
  background: var(--green-lite);
  padding: 1em 1em 1em 1em;
  overflow: hidden;
}
.sidebar.fixed{
  position: fixed;
  overflow-y: auto;
}
#sidebar{
  margin-bottom: 5rem;
}
.sidebar .pcMenuHead.active{ background:var(--green); border-radius: .3rem; }
.sidebar .pcMenuHead { padding-left: .8rem; box-sizing: border-box; margin-left: 0; }
.sidebar .pcMenuHead.active a{ color:#fff; }
.sidebar p.inline{padding-left: .5rem; font-size: 1.4rem; white-space: nowrap;}
.sidebar li.active{ background: var(--green); border-radius: .3rem; }
.sidebar a.active{ background:var(--green); color: #fff !important; font-weight:bold; padding: .3rem .4rem;  }
.sidebar a:link,
.sidebar a:visited{
  color: #333;
}
.sidebar li a{ padding-left: 1.2em; font-size: 1.4rem; line-height: 1.5; }
.sidebar li.active a{ color:#fff; font-weight: bold; }
.sidebar .disc > li::before{ left:1em; }
.sidebar .disc > li.active::before{ background: #fff; }
.sidebar .pcMenuWrap{ width: 100%; }
.sidebar .pcMenuHead{ margin-top: 1em; }
.sidebar .pcMenuWrapIn:first-child .pcMenuHead:first-of-type{ margin-top: 0; }
@media screen and (min-width: 768px) {
.sidebar .pcMenuWrapIn,
.sidebar .pcMenuHead,
.sidebar .pcMenuWrapIn li{ width: 100%; }
.sidebar .pcMenuWrap{
  display: block;
}
.sidebar li a{
  display: block;
}
}

.sidebar li.sub{ margin-left: .5em; width: calc(100% - .5em); }
.sidebar .disc > li.sub::before{ width: .3em; height: .3em; background-color: transparent; border: 1px solid var(--green); }
.sidebar .disc > li.sub.active::before{ background-color: transparent; border: 1px solid #fff; }

@media screen and (max-width: 767px) {
  /* sidebar */
  .sideLayout{
    width: 100%;
    margin: auto;
  }
  .sideLayout::after{
    content: "";
    display: block;
    clear:both;
  }
  .mainContents{
    float:none;
    width: 100%;
  }
  .mainContents__bnr, .mainContents__bnr img { width:100%; height: 20vw; display: block; }
  #sidebar{
    margin-bottom: 0;
  }
  .sidebar{
    width: 100%;
    float:none;
    font-size: 1.6rem;
  }
  .sidebar .pcMenuWrapIn li{
    box-sizing: border-box;
    padding-left: .2em;
    line-height: 1.5;
  }
  .sidebar .pcMenuWrapIn li::before{
    left: .4em;
  }
  .sidebar .pcMenuWrapIn li:nth-child(1n){
    width:  52%
  }
  .sidebar .pcMenuWrapIn li:nth-child(2n){
    width:  43%
  }
  .sidebar li.sub{ margin-left:0; }
  .sidebar li a{ font-size: 1.4rem;letter-spacing: 0; }
}
@media screen and (max-width: 599px) {
  .sidebar .pcMenuWrapIn {
      width: 100%;
  }
}
/*====================================================================
 ローカル カテゴリーメニュー
====================================================================*/
.localCategory{ position:relative; }
.localCategory.smallSize,
.character .localCategory{ font-size: 1.4rem; }
.localCategory ul{ display: flex; flex-wrap: wrap; margin-bottom: 1.8rem;  }
.localCategory ul li{ margin-bottom: 1rem; margin-left: .5em; }
.localCategory ul li a{ background: #fff; color: #333; border: 1px solid #999; border-radius: 3em; padding: .5rem 2.2rem .5rem 1rem; position: relative; }
.localCategory ul li a::after{
	border-right: 1px solid var(--green);
	border-top: 1px solid var(--green);
	content: '';
	height: 5px;
	width: 5px;
	position: absolute;
	right: .9rem;
	top: -1px;
  bottom:0;
  margin: auto;
	-webkit-transform: rotate(-225deg);
	transform: rotate(-225deg);
}

.fixed-localCategory .localCategory{ position: fixed; z-index: 2; top: 68px; }
.localCategory-anc{ height: 0; }
.fixed-localCategory .localCategory-anc { display:block; height: 8rem; }
.fixed-localCategory .localCategory ul{ margin-bottom:0; }

.hagakiDirection{ margin-bottom: 2.4rem; }
.designFilters{ margin-bottom: 1em; font-size: 1.4rem; }

.filter-ttl{ color: #A88128; font-weight: bold; margin-bottom: 0.5rem; }
a.filter-txt{
  padding: 1em 1.2em;
  background: var(--green-lite);
  font-size: 1.3rem;
  display: flex;
  font-weight: bold;
  color: #333 !important;
  
}
.filter-txt::after{
  content: "";
  width: 2em;
  height: 2em;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 7px 10px 7px;
  border-color: transparent transparent var(--green) transparent;
  margin-top: .5rem;
  transform: rotateX(180deg);
  margin-left: auto;
}
a.filter-txt p{ line-height: 1.5 !important; margin-right: 1em; }
.filter-txt.open::after{
  transform: rotateX(0);
}
.filter-txt span{ color: #333; font-weight: normal;}
.filter-edit{ margin-left: auto; white-space: nowrap; width: 10rem; text-align: right;}
.filter-settings{
  background: var(--green-lite);
  padding: 0 1em 1em;
  display: none;
}
.filter-settings table{ width: 100%; margin-bottom: 1rem; }
.filter-settings th,
.filter-settings td{
  background: #fff;
  padding: 0.5rem 1em 0;
  vertical-align: middle;
}
.filter-settings tr:first-child th,
.filter-settings tr:first-child td{ padding-top: 1em; }
.filter-settings tr:last-child th,
.filter-settings tr:last-child td{ padding-bottom: 1em; }
.filter-settings th{
  width: 9em;
  font-weight: bold;
}
.filter-okbtn{ padding: 0; display: flex;}
.filter-okbtn a.button.white.sml{ width: 8em; padding:1rem; margin-left: 0; font-size: 1.2rem; }
.filter-okbtn a.button.white.sml::after{ display: none; }
.filter-okbtn a.categoriesTitle {padding: 0 !important; margin-left: auto; display: flex; align-items: center; }
.filter-okbtn .heading-link.is-gold{ background-color: transparent; margin: 0; }
.filter-okbtn a.categoriesTitle::before,
.filter-okbtn a.categoriesTitle::after{ display: none;}
.selectbox {
  position: relative;
  display: inline-block;
}
.selectbox::before,
.selectbox::after {
  position: absolute;
  right: 15px;
  width: 9px;
  height: 6px;
  background-color: #535353;
  content: '';
  pointer-events: none;
}
.selectbox::before {
  top: calc(50% - 8px);
  clip-path: polygon(50% 0, 100% 100%, 0 100%);
}
.selectbox::after {
  bottom: calc(50% - 8px);
  clip-path: polygon(0 0, 50% 100%, 100% 0);
}
.selectbox select {
  appearance: none;
  min-width: 300px;
  height: 2.2em;
  padding: .4em calc(.8em + 30px) .4em .8em;
  border: 1px solid #cccccc;
  border-radius: 3px;
  background-color: #fff;
  color: #333333;
  cursor: pointer;
}
.flt-hit{ margin: 1em 1em 0;  display: none; }
@media screen and (max-width: 767px) {
.filter-settings tr:first-child th,
.filter-settings tr:first-child td{ padding-top: 1rem; }
.filter-settings tr:last-child th,
.filter-settings tr:last-child td{ padding-bottom: 0; }
.selectbox select { min-width: inherit; }
.localCategory{ padding:0; font-size: 1.4rem;  }
.localCategory ul{ margin: 1rem; flex-wrap: nowrap; overflow-x: scroll; -webkit-overflow-scrolling: touch;  }
.localCategory ul::-webkit-scrollbar { display:none; }
.localCategory ul li{ margin-right: .5rem; margin-top:.5em; margin-bottom: 1rem; white-space: nowrap; }
.localCategory ul li+li{ margin-left: 0; }
.localCategory ul li a{ padding: .4rem .8rem }
.localCategory ul li a::after{ display: none; }
.fixed-localCategory .localCategory{ top: 52px; }
.fixed-localCategory .localCategory ul{ width: calc(100vw - 2rem); }
.fixed-localCategory .localCategory-anc { height: 5rem; }
.fixed-localCategory .localCategory.byApp{ top: 0px; }
.fixed-localCategory .localCategory.byApp ul{ margin-top: .7rem; }
.hagakiDirection{ padding:0 1rem; font-size: 1.4rem; }
.designFilters{ padding:0 1rem;  }
.filter-settings th,
.filter-settings td{
  display: block;
  width: 100%;
}
.filter-settings th { border: none; padding-bottom: 0; }
.filter-settings select{ width: 100%;}
.filter-settings select option{ font-size: 16px; }
.selectbox {
  display: block;
}
.filter-settings td{ padding-top: .2em !important; padding-bottom: .3em; }
.filter-settings tr:last-child td{ padding-bottom: 1em; }
}
/*====================================================================
 ラジオボタン
====================================================================*/
.radio {
  display: inline-block;
  cursor: pointer;
}
.radio + .radio {
  margin-left: 1em;
}
.radio span{ color: #333; }
.radio input[type="radio"] {
  display: none;
}
.radio input[type="radio"] + span {
  display: inline-block;
  position: relative;
  padding-left: 2.7rem;
}
.radio input[type="radio"] + span::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 2rem;
  height: 2rem;
  border: .1rem solid #999;
  border-radius: 50%;
  background: #fff;
}
.radio input[type="radio"]:checked + span{ font-weight: bold; }
.radio input[type="radio"]:checked + span::before {
  border-color: #999;
  background-color: #fff;
}
.radio input[type="radio"]:checked + span::after {
  content: "";
  display: block;
  position: absolute;
  top: .6rem;
  left: .6rem;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  background: var(--green);
}

.priceaboutPopupWrapper,
.mitsumoriPopupWrapper,
.hagakiDefPopupWrapper {
	display: none;
}
.cost0,.cost1,.cost2,.cost3{ display: none;}

/* 履歴機能 */
#histories{
  margin:0;
}
#histories .cardItemWrapper.gridWrapper .cardThumbs .favoriteToggle{
  display: none;
}
.topPage #histories a.orderButton,
.topPage #history-delete,
.detailpage #history-delete{
  display: none;
}
body:not(.historyPage) #histories .cardItemWrapper.gridWrapper.is-wide{
  width: inherit;
}
.orderButton{
  display: none;
}
body:not(.historyPage) #histories .swiper-wrapper{
  display: flex !important;
  flex-wrap: nowrap;
}
body:not(.historyPage) #histories .swiper-slide,
body:not(.historyPage) #histories .cardItemWrapper.gridWrapper.is-wide .cardThumbs {
  width: 240px !important;
  margin-right: 1em;
}
body:not(.historyPage) #histories .cardItemWrapper.gridWrapper .cardThumbs .tableWrapper .centerCell{
  padding: 0;
}

body:not(.historyPage) #histories .cardItemWrapper.gridWrapper .cardThumbs::before{
  display: none;
}

.topPage #histories .cardItemWrapper.gridWrapper{
  padding-bottom: 0 !important;
}

a.text-link-more{
  color: #333;
  text-align: right;
  font-size: 1.4rem;
  font-weight: bold;
  display: inline-block;
  position: relative;
}
a.text-link-more::before{
  content: "";
  width: 0;
  height: 0;
  display:block;
  position: absolute;
  border-style: solid;
  border-top: .5rem solid transparent;
  border-bottom: .5rem solid transparent;
  border-left: .6rem solid var(--green);
  border-right: 0;
  top: 0;
  left: -1.1rem;
  bottom: 0;
  margin: auto;
}

@media screen and (max-width: 767px) {
  body:not(.historyPage) #histories{
    margin:0 1.5rem;
  }
  .topPage .secondaryPages .section.history{
    padding: 0 !important;
  }
  .topPage #histories .cardItemWrapper.gridWrapper{
    margin: 0 !important;
  }
  body:not(.historyPage) #histories .swiper-slide,
  body:not(.historyPage) #histories .cardItemWrapper.gridWrapper.is-wide .cardThumbs {
    width: 150px !important;
  }
}

/* 納期バー */
.deliver-parts{
  background-color: #fff;
}
.deliver-wrap{
  max-width: 120rem;
  margin: auto;
  height: 5.5rem;
  display: flex;
  align-items: center;
  font-weight: bold;
  white-space: nowrap;
}
.deliver-parts ul{
  display: flex;
  margin-right: .8rem;
}
.deliver-parts ul li{
  display: flex;
  background: #fff;
  border-radius: 5rem;
  padding: .6rem 1rem;
}
.deliver-ttl{ 
  margin-right: .7em;
  line-height: 1.3;
  font-size: 1.2rem;
  color: #333;
}
.deliver-parts .date{
  font-size: 1.8rem;
  display: flex;
  align-items: center;
}
.deliver-type{
  color: var(--green);
  margin-right: .5em;
  display: flex;
  align-items: center;
  line-height: 1.1;
  font-size: 1.2rem;
}
.deliver-type:first-of-type{
  margin-right: 0;
}
.deliver-type .deliver-takuhai{
  color: #333;
  margin-left: .4rem;
}
.alerttext{
  white-space:normal;
  font-size: 1rem;
  line-height: 1.1;
  margin-right: 1.5em;
  max-width: 35rem;
  color: #333;
}
.deliver-type sup{
  transform: translateY(-.5em)
}
.deliver-type::before,
.deliver-type.conveni::before,
.deliver-type.shop::before,
.deliver-type.post::before{
  content: "";
  display: block;
  width: 2.8rem;
  height: 2.5rem;
  background: url("../images/icon/icon_takuhai.svg") center center no-repeat;
  background-size: contain;
  margin-right: .7rem;
}
.deliver-type.conveni::before{
  background: url("../images/icon/icon_conveni.svg") center center no-repeat;
  background-size: contain;
}
.deliver-type.shop::before{
  background: url("../images/icon/icon_shop.svg") center center no-repeat;
  background-size: contain;
}
.deliver-type.post::before{
  background: url("../images/icon/icon_post.svg") center center no-repeat;
  background-size: contain;
  width: 2.4rem;
}
.deliver-parts .express .date{
  margin-left: .4rem;
  margin-right: 1rem;
}
.deliver-parts .express{
  display: flex;
  align-items: center;
  color: #E60012;
  font-size: 1.4rem;
  padding: 0;
  line-height: 1;
  /* margin-right: .5em;*/
  display: none;
  position: relative;
  /*transform: translateY(-5px);*/
}
.deliver-parts .express::before{
  /*content: "印刷仕上げ限定";*/
  position: absolute;
  font-size: 10px;
  bottom:-7px;
}
.deliver-parts .deliver-more a{
  margin-left: auto;
  position: relative;
  padding-right: 1rem;
  font-size: 1.3rem;
  color: #333;
}
.deliver-parts .deliver-more a::after{
  content: "";
  display: block;
  width: .6rem;
  height: .6rem;
  border-top: 2px solid var(--green);
  border-right: 2px solid var(--green);
  transform: rotate(45deg);
  right: 0;
  top:0;
  bottom: 0;
  margin: auto;
  position: absolute;
}
@media screen and (max-width: 767px) {
  .deliver-wrap{
    height: 4.5rem;
    padding: 0 1em;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
  }
  .deliver-wrap::-webkit-scrollbar {
    display:none;
  }
  .deliver-type.takuhai::before,
  .deliver-type.conveni::before,
  .deliver-type.shop::before,
  .deliver-type.post::before{
    display: none;
  }
  .deliver-parts .date{
    font-size: 1.6rem;
  }
  .alerttext{
    min-width: 28rem;
    margin-right: 2em;
  }
  .deliver-parts ul li{
    padding: 0.6rem 1.2rem;
  }
}

.isWeekEnd-true{ display: none; }
.sub-navi-box .express {
  display: inline-block;
  color: #e60012;
}
.important-caution-box {
  display: inline-block;
  border: 1px solid #e60012;
  color: #e60012;
  padding: 1.2em 1em;
}
.sub-navi-box .express ex{ color:#E60012; font-weight: bold; display: block;  margin-bottom: 1rem; line-height: 1.2; }
.sub-navi-box .express ex2{ color:#333; display: block; line-height: 1.3;}
.sub-navi-box .express .text{color:#333;}

.endMsg{
  max-width: 118rem; padding: 0 1rem; margin: 3rem auto 0;
}
@media screen and (max-width: 599px) {
  .endMsg{ margin: 1rem auto 0; }
}


/* 特急期間 */
.tokkyuRadio span{ position: relative; }
.tokkyuRadio span::before{
  position: absolute;
  top: -2rem;
  font-size: 1.2rem;
}
/*.tokkyuRadio .print::before{ content: "印刷仕上げ限定"; }
.tokkyuRadio .photo::before{ content: "写真キレイ仕上げ";}*/
.tokkyuLabelWrapper{ display: inline-block; }


/* 見本刷り終了 */
/*.trial-off, .trialBox{ display: none; }*/
.snoopy .trialBox{ display: none; }

.ecbn-selection-page-wrapper .ecbn-selection-to-nextpage>a.ecbn-selection-to-nextpage-btn,
.ecbn-selection-wrapper .ecbn-selection-to-nextpage>a.ecbn-selection-to-nextpage-btn{
  display: none !important;
}
.ecbn-selection-wrapper .ecbn-selection-title{
  margin: 3em 0 2em !important;
}
.ecbn-selection-wrapper .ecbn-selection-footer2,
.ecbn-selection-page-wrapper .ecbn-selection-footer2{
  padding-bottom: 1em !important;
}
@media screen and (max-width: 767px) {
  .ecbn-selection-wrapper .ecbn-selection-description{ padding-bottom: 1em !important; }
  .ecbn-selection-widget-new span{ font-size: 14px !important; }
  .ecbn-selection-wrapper .ecbn-selection-title{
    margin: 2em 0 1em !important;
  }
}

/* 動画 ---------------------------------- */
.movie-view {
  position: relative;
  width: 100%;
  max-width: 48rem;
  margin: 2em auto;
  overflow: hidden;
  border-radius: 1em;
}
.movie-view.pc-break{
  margin-top: 4em;
}
.movie-view::before {
  content: "";
  display: block;
  padding-top: 100%;
  background-color: #fff;
}
.movie-view video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

/* ----------------------------------
 お気に入りの星の数 
---------------------------------- */
.star0::after,
.star1::after,
.star2::after,
.star3::after{
  content:"";
  position: absolute;
  top: 1rem;
  left: 1.5rem;
}
.star0::after{ content:"★なし"; }
.star1::after{ content:"★"; }
.star2::after{ content:"★★"; }
.star3::after{ content:"★★★"; }


/* 開催時 ---------------------------------- */
.endMsg{ display: none; }

/* 終了対応 ---------------------------------- */
/*
body:not(.kanchu) .favoriteBtn{ display: none !important; }
.pcMenuWrap{ width: 120rem; }
@media screen and (max-width: 767px) {
  .headerMenu li{
    display:inline-block;
  }
}*/

/* 年賀・喪中終了時*/
/*
body:not(.kanchu) .favo,
body:not(.kanchu) .favoriteToggle{
  display: none !important;
}
body:not(.kanchu) .selectButtons-box{
  text-align: center;
}
body:not(.kanchu) .selectButtons-box::after{
  content: "受付は終了しました　";
  font-size: 1.4rem;
}
.detailpage .delivery_block{
  display: none;
}
.detailpage.kanchu .delivery_block{
  display: block;
}
body:not(.kanchu) .favo,
body:not(.kanchu) .favoriteToggle{
  display: none !important;
}
body:not(.kanchu) .button.order{
  filter: grayscale(1);
  opacity: 0.5 !important;
  pointer-events: none;
}
body.design .button.is-gray,
body:not(.kanchu).gnCategory02 .button.is-gray{
  background: #fff;
  color: #999;
  position: relative;
  display: block;
  margin: 0 auto !important;
  padding: 0;
  text-align: center;
  transform: scale(.9);
}
@media screen and (max-width: 767px) {
  body.design .button.is-gray,
  body:not(.kanchu).gnCategory02 .button.is-gray{
     margin: 1rem auto 0 !important;
  }
}
body:not(.kanchu).gnCategory02 .orderButton::after{
  display: none;
}
*/

/* サイトクローズ時 */
/*
.gnCategory02 .button.is-gray{
  background: #fff;
  color: #999;
  position: relative;
  display: block;
  margin: 0 auto !important;
  padding: 0;
  text-align: center;
  transform: scale(.9);
}
.endMsg{ display: block; }

.favo,.favoriteToggle{
  display: none !important;
}
.button.order{
  filter: grayscale(1);
  opacity: 0.5 !important;
  pointer-events: none;
}
.selectButtons-box{
  text-align: center;
}
.selectButtons-box::after{
  content: "受付は終了しました　";
  font-size: 1.4rem;
}
.delivery_block{
  display: none !important;
}
body.gnCategory02 .delivery_block{
  display: block !important;
}

.secondaryPages.delivery_block{
  display: none !important;
}
*/


/* 早割終了 */
/*
.mainContents__bnr, .mainContents__bnr img{
  display: none !important;
}*/

/* 非表示対応 ここまで*/