@charset "shift_jis";

/* SpCommonReset
**************************** */
/* h1 and h2 */
#main h1 img,#main div[id^="h2_0"] img{
	zoom:1;
	display:block;
	max-width:750px;
	width:100%;
	height:auto;
	margin:auto;
}
/* wrap */
.otyugenWrap {
	max-width:750px;
	width:100%;
	margin:0 auto;
	-webkit-text-size-adjust:100%;
}
.otyugenWrap img {
	vertical-align: top;
	width: 100%;
	height: auto;
	zoom: 1 !important;
}
.otyugenWrap a{
	display: block;
}
.mb80 {
	margin-bottom: calc(80 / 750 * 100%);
}

/*�ėp�p�[�c*******************************************/
.otyugenWrap .headingH2{
	text-align: center;
}
.otyugenWrap .button {
	display: block;
	margin-inline: auto;
	padding-block: calc(36 / 38 * 1em);
	padding-inline: calc(33 / 38 * 1em);
	background-image: url('../image/otyugen_sp_arrowRight_240513.png');
	background-repeat: no-repeat;
	background-size: calc(14 / 38 * 1em);
	background-position: calc(610 / 630 * 100%) center;
	background-color: #0097ea;
	font-size: clamp(1.188rem, 5.07vw, 2.375rem); /*19px ~ 38px*/
	font-weight: bold;
	line-height: 1;
	letter-spacing: 0.02em;
	color: #ffffff;
	text-align: center;
	text-decoration: none;
	box-sizing: border-box;
}
.otyugenWrap .button--type01 {
	width: calc(630 / 750 * 100%);
}

/*coupon*******************************************/
.otyugenWrap .coupon {
  margin-top: calc(42 / 750 * 100%);
}
.otyugenWrap .couponBlock {
  background: url('../image/otyugen_sp_coupon_bg_001_240513.jpg') no-repeat;
  background-size: cover;
}
.otyugenWrap .couponInner {
  padding-top: calc(55 / 750 * 100%);
  padding-bottom: calc(60 / 750 * 100%);
  padding-inline: calc(60 / 750 * 100%);
}
.otyugenWrap .couponContent {
  margin-top: calc(84 / 630 * 100%);
}
.otyugenWrap .couponButton02 {
  margin-top: calc(24 / 630 * 100%);
}
.otyugenWrap .couponButton--shadow {
  box-shadow: 3.5px 3.5px 8px -2px rgba(0,0,0, 1);
}
.otyugenWrap .couponNote {
  margin-top: calc(12 / 750 * 100%);
  margin-left: calc(7 / 750 * 100%);
}
.otyugenWrap .couponNoteText {
  font-size: clamp(0.875rem, 0.75rem + 0.53vw, 1rem);
  font-weight: bold;
  line-height: calc(28 / 20);
  letter-spacing: 0.03em;
}
.otyugenWrap .couponNoteText a {
  display: inline-block;
  color: #0b318f;
  text-decoration: underline;
}

/*price*******************************************/
.otyugenWrap .priceHeading {
	margin-top: calc(60 / 750 * 100%);
}
.otyugenWrap .priceBlock {
	margin-top: calc(30 / 750 * 100%);
}
.otyugenWrap .priceList {
	display: flex;
}
.otyugenWrap .priceItem:nth-of-type(1),
.otyugenWrap .priceItem:nth-of-type(4) {
	width: calc(188 / 750 * 100%);
}
.otyugenWrap .priceItem:nth-of-type(2),
.otyugenWrap .priceItem:nth-of-type(3) {
	width: calc(187 / 750 * 100%);
}

/*anchor*******************************************/
.otyugenWrap .anchorHeading {
	margin-top: calc(60 / 750 * 100%);
}
.otyugenWrap .anchorBlock {
	margin-top: calc(50 / 750 * 100%);
}
.otyugenWrap .anchorList {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
}

/*mannerBlock*******************/
.otyugenWrap .headingBlockA01{
	margin: 10.6% 0 0 0;
}
.otyugenWrap .mannerBlock{
	background-color: #f3faff;
	font-size: 14px;
	line-height: 1.42;
	margin: 6.8% 0 0 0;
}
.otyugenWrap .mannerBlockInner{
	width: 89.3%;
	margin: 0 auto;
	padding: 8.2% 0 8% 0;
}
.otyugenWrap .imgA01{
	margin: 0 0 5.97% 0;
}
.otyugenWrap .txtBlockA01{
	background-color: #ffffff;
	margin: 0 0 7.46% 0;
}
.otyugenWrap .txtBlockA01Inner{
	width: 85.07%;
	margin: 0 auto;
	padding: 6.1% 0 6.49% 0;
}
.otyugenWrap .txtBlockA01 .txt01{
	margin: 3.68% 0 0 0;
}
.otyugenWrap .txtBlockA02{
	background-color: #ffffff;
}
.otyugenWrap .txtBlockA02Inner{
	width: 85.07%;
	margin: 0 auto;
	padding: 5.1% 0 6.49% 0;
}
.otyugenWrap .txtBlockA02 .txt01{
	margin: 2.6% 0 0 0;
}
/*noshitypeBlock*******************/
.otyugenWrap .noshitypeBlock{
	width: 89.3%;
	margin: 3.86% auto 0;
}
.otyugenWrap .txtBlockA03{
	margin: 0 0 2% 0;
	color: #686868;
	font-size:14px;
}
.otyugenWrap .typeBlockA01 ul li{
	float: left;
	margin: 0 1% 2% 0;
	width: 24%;
	color: #686868;
}
.otyugenWrap .typeBlockA01 span{
	display:block;
	margin: 0 0 2% 0;
}
.otyugenWrap .typeBlockA01 span.text{
	text-align: left;
	color: #686868;
}
.otyugenWrap .typeBlockA01 li:last-child{
	margin: 0 0 2% 0;
}
/*cautionBlock*******************/
.otyugenWrap .cautionBlock{
	background:#e3e5ed;
	padding: 3%;
	margin: 3% auto 0;
	font-weight: bold;
	width: 94.4%;
}
.otyugenWrap .cautionBlock dl dt{
	margin:0 0 0.2em 0;
}
.otyugenWrap .cautionBlock dl dd{
	text-indent: -1em;
	padding: 0 0 0 1em;
}
/*bnrBlock*******************/
.otyugenWrap .headingBlockA02{
	margin: 10% 0 0 0;
}
.otyugenWrap .bnrBlock{
	margin: 5.3% auto 0;
	width: 77.5%;
}
.otyugenWrap .bnrBlock ul li{
	float: left;
	margin: 0 1.9% 1.92% 0;
	width: 49%
}
.otyugenWrap .bnrBlock ul li:nth-child(even){
	margin-right: 0;
}

.otyugenWrap .rankingHeading{
	margin-top: calc(60 / 750 * 100%);
}

/* 250627up */
.otyugenWrap .rankingNote {
margin: 0 3%;
font-size: 1rem;
color: #333;
}