@charset "UTF-8";

/*----------------------------------------------------- CONTENTS COMMON */
.alt {position:absolute;top:-5000px;left:-9999px;}

body {
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust: 100%;
	font-feature-settings: "palt";
	letter-spacing: 0.1em;
}


/*----------------------------------------------------- MAIN IMG */

.seijin {
 background: url(../img/bg.jpg) repeat center top;
 background-size: contain;
 padding-bottom: calc(100vw / 12.8);
}

.seijin #mainImg {
 background: url(../img/main_img.jpg) no-repeat center top;
 background-size: contain;
 aspect-ratio: 2560 / 1280;
 position: relative;
}

.seijin #mainImg .couponCode {
 color: #fff;
 font-size: calc(48vw / 12.8);
 font-weight: bold;
 position: absolute;
 right: 16.2%;
 bottom: 39.5%;
}


/*----------------------------------------------------- OTOKU */

.seijin #otoku {
 background: #fff;
 position: relative;
 border-radius: calc(30vw / 12.8);
 margin: calc(120vw / 12.8) auto 0;
 padding: calc(80vw / 12.8) calc(100vw / 12.8);
}

.seijin #otoku h2 {
 text-align: center;
 position: absolute;
 top: calc(-30vw / 12.8);
 left: calc(130vw / 12.8);
}

.seijin #otoku h2 img {
 width: calc(726vw / 12.8);
}


/*----------------------------------------------------- JOUKEN */

.seijin .contentBlock {
 width: calc(1000vw / 12.8);
 margin: calc(80vw / 12.8) auto 0;
}

.seijin #jouken h2 {
 width: calc(230vw / 12.8);
 margin: 0 auto;
}

.seijin .contentBlock .contentBox {
 background-color: #fff;
 margin-top: calc(30vw / 12.8);
 border: #c00 4px solid;
}

.seijin .contentBlock .contentBox .contentBoxIn {
 padding: calc(60vw / 12.8) calc(100vw / 12.8);
 margin: 8px;
 border: #c00 1px solid;
}

.seijin #jouken #jokenBox dl {
 display: flex;
 flex-wrap: wrap;
}

.seijin #jouken #jokenBox dl dt {
 color: #c00;
 font-size: calc(20vw / 12.8);
 font-weight: bold;
 width: 35%;
 border-bottom: #111 1px dotted;
 padding: calc(30vw / 12.8) 0;
}

.seijin #jouken #jokenBox dl dt:last-of-type {
 border-bottom: none;
}

.seijin #jouken #jokenBox dl dt:first-of-type::before {
 content: "1";
 color: #fff;
 font-size: calc(20vw / 12.8);
 line-height: 150%;
 text-align: center;
 display: inline-block;
 background-color: #c00;
 border-radius: 50%;
 width: calc(30vw / 12.8);
 height: calc(30vw / 12.8);
 margin-right: 0.3em;
}

.seijin #jouken #jokenBox dl dt:nth-of-type(2)::before {
 content: "2";
 color: #fff;
 font-size: calc(20vw / 12.8);
 line-height: 150%;
 text-align: center;
 display: inline-block;
 background-color: #c00;
 border-radius: 50%;
 width: calc(30vw / 12.8);
 height: calc(30vw / 12.8);
 margin-right: 0.3em;
}

.seijin #jouken #jokenBox dl dt:nth-of-type(3)::before {
 content: "3";
 color: #fff;
 font-size: calc(20vw / 12.8);
 line-height: 150%;
 text-align: center;
 display: inline-block;
 background-color: #c00;
 border-radius: 50%;
 width: calc(30vw / 12.8);
 height: calc(30vw / 12.8);
 margin-right: 0.3em;
}

.seijin #jouken #jokenBox dl dd {
 width: 65%;
 border-bottom: #111 1px dotted;
 padding: calc(30vw / 12.8) 0;
}

.seijin #jouken #jokenBox dl dd:last-child {
 border-bottom: none;
}


.seijin #jouken #jokenBox dl dd .joukenTxt1 {
 font-size: calc(20vw / 12.8);
 font-weight: bold;
}

.seijin #jouken #jokenBox dl dd .joukenTxt1 .fontS {
 font-size: calc(10vw / 12.8);
}

.seijin #jouken #jokenBox dl dd .joukenTxt2 {
 font-size: calc(15vw / 12.8);
}

.seijin #jouken #jokenBox dl dd .joukenTxt3 {
 color: #c00;
 font-size: calc(15vw / 12.8);
 font-weight: bold;
 margin-top: calc(10vw / 12.8);
}

.seijin #jouken #jokenBox dl dd .box {
 border: 1px #666 solid;
 margin-top: calc(10vw / 12.8);
 padding: 0.7em 1em;
}

.seijin #jouken #jokenBox dl dd .coupon {
 display: flex;
 margin-top: calc(10vw / 12.8);
}

.seijin #jouken #jokenBox dl dd .coupon .couponM {
 color: #fff;
 font-size: calc(18vw / 12.8);
 background: #c00;
 padding: 0.4em 2em;
}

.seijin #jouken #jokenBox dl dd .coupon .couponNum {
 color: #111;
 font-size: calc(36vw / 12.8);
 font-weight: bold;
 padding: 0.2em 1em;
 border: 1px #c00 solid;
}


/*----------------------------------------------------- ORDER BTN */

.seijin .orderBtn {
 margin-top: calc(80vw / 12.8);
}

.seijin .orderBtn p {
 text-align: center;
}

.seijin .orderBtn p a {
 color: #fff;
 font-size: calc(24vw / 12.8);
 line-height: 100%;
 font-weight: bold;
 text-decoration: none;
 display: inline-block;
 background: url(../img/btn_bg.png) no-repeat center top;
 background-size: cover;
 border-radius: 2em;
 padding: 0.7em 3em;
}


/*----------------------------------------------------- POINT */

.seijin #point h2 {
 width: calc(453vw / 12.8);
 margin: 0 auto;
}

.seijin #point #pointBox .delipointM {
 text-align: center;
 border: 1px #c00 solid;
 border-radius: 6px;
 margin-top: calc(30vw / 12.8);
}

.seijin #point #pointBox .delipointM img {
 width: calc(186vw / 12.8); 
 height: calc(49vw / 12.8);
 margin: calc(5vw / 12.8) 0;
}

.seijin #point #pointBox .couponM {
 text-align: center;
 border: 1px #06C solid;
 border-radius: 6px;
 margin-top: calc(40vw / 12.8);
}

.seijin #point #pointBox .couponM img {
 width: calc(194vw / 12.8); 
 height: calc(46vw / 12.8);
 margin: calc(8vw / 12.8) 0;
}

.seijin #point #pointBox dl {
 display: flex;
 flex-wrap: wrap;
}

.seijin #point #pointBox dl dt {
 color: #c00;
 font-size: calc(20vw / 12.8);
 font-weight: bold;
 width: 35%;
 border-bottom: #111 1px dotted;
 padding: calc(30vw / 12.8) 0;
}

.seijin #point #pointBox dl dt:last-of-type {
 border-bottom: none;
}

.seijin #point #pointBox dl dd {
 width: 65%;
 border-bottom: #111 1px dotted;
 padding: calc(30vw / 12.8) 0;
}

.seijin #point #pointBox dl dd:last-of-type {
 border-bottom: none;
}

.seijin #point #pointBox dl dd .pointTxt1 {
 font-size: calc(20vw / 12.8);
 font-weight: bold;
}

.seijin #point #pointBox dl dd .pointTxt2 {
 font-size: calc(15vw / 12.8);
}


/*----------------------------------------------------- COUPONCODE */

.seijin #couponcode h2 {
 width: calc(575vw / 12.8);
 margin: 0 auto;
}

.seijin #couponcode .contentBox .contentBoxIn {
 padding: calc(60vw / 12.8) calc(100vw / 12.8) calc(100vw / 12.8);
 margin: 8px;
 border: #c00 1px solid;
}

.seijin #couponcode #couponcodeBox ul {
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between;
 align-items: stretch;
}

.seijin #couponcode #couponcodeBox li {
 width: calc(378vw / 12.8);
 border: #eee 1px solid;
 padding-bottom: calc(30vw / 12.8);
 margin-top: calc(44vw / 12.8);
}

.seijin #couponcode #couponcodeBox li h3 {
 color: #00031c;
 font-size: calc(20vw / 12.8);
 background: #eee;
}

.seijin #couponcode #couponcodeBox li h3 span {
 color: #00031c;
 text-align: center;
 display: inline-block;
 width: 2.5em;
 background: #fc0;
 border-bottom: #fff 1px solid;
 padding: calc(5vw / 12.8) 0;
 margin-right: 0.5em;
}

.seijin #couponcode #couponcodeBox li .couponcodeTxt1 {
 font-size: calc(16vw / 12.8);
 font-weight: bold;
 padding: 1em 1.5em;
}

.seijin #couponcode #couponcodeBox li .couponcodeTxt1 span {
 color: #c00;
}

.seijin #couponcode #couponcodeBox li .couponcodeTxt2 {
 font-size: calc(16vw / 12.8);
 padding: 1em 1.5em;
}

.seijin #couponcode #couponcodeBox li .couponcodeTxt2 span {
 background-color: #ff0;
}

.seijin #couponcode #couponcodeBox dl {
 display: flex;
 margin-top: calc(50vw / 12.8);
}

.seijin #couponcode #couponcodeBox dl dt {
 color: #fff;
 font-size: calc(22vw / 12.8);
 text-align: center;
 width: 82%;
 background-color: #c00;
 padding: 1em 0;
}

.seijin #couponcode #couponcodeBox dl dd {
 color: #00031c;
 font-size: calc(34vw / 12.8);
 text-align: center;
 font-weight: bold;
 border: #c00 1px solid;
 width: 18%;
 padding: 0.3em 0;
}

.seijin #couponcode #couponcodeBox .couponcodeTxt3 {
 font-size: calc(18vw / 12.8);
 font-weight: bold;
 text-align: center;
 margin-top: calc(10vw / 12.8);
}

.seijin #couponcode #couponcodeBox .couponcodeTxt3 span {
 color: #c00;
}


/*----------------------------------------------------- CHUUI */

.seijin #chuui h2 {
 width: calc(230vw / 12.8);
 margin: 0 auto;
}

.seijin #chuui .contentBox .contentBoxIn {
 padding: calc(60vw / 12.8) calc(100vw / 12.8) calc(100vw / 12.8);
 margin: 8px;
 border: #c00 1px solid;
}

.seijin #chuui #chuuiBox h3 {
 color: #00031c;
 font-size: calc(26vw / 12.8);
 font-weight: bold;
 text-align: center;
 background: #eee;
 border-radius: calc(6vw / 12.8);
 padding: 0.2em 0;
 margin-top: calc(40vw / 12.8);
}

.seijin #chuui #chuuiBox .list1 li {
 font-size: calc(18vw / 12.8);
 text-indent: -1em;
 padding-left: 1em;
 margin-top: 1em; 
}

.seijin #chuui #chuuiBox .list1 li a {
 color: #111;
 text-decoration: underline;
}

.seijin #chuui #chuuiBox .chuuiTxt1 {
 font-size: calc(18vw / 12.8);
 margin-top: calc(20vw / 12.8);
}

.seijin #chuui #chuuiBox .chuuiTxt1 a {
 color: #fff;
 text-decoration: underline;
}

.seijin #chuui #chuuiBox .kakutokuPoint {
 margin-top: calc(20vw / 12.8);
}

.seijin #chuui #chuuiBox .chuuiTxt2 {
 color: #c00;
 font-size: calc(18vw / 12.8);
 font-weight: bold;
 text-align: center;
 margin-top: calc(30vw / 12.8);
}

.seijin #chuui #chuuiBox .list2 {
 border-top: 1px #111 dotted;
 margin-top: 1em;
}

.seijin #chuui #chuuiBox .list2 li {
 font-size: calc(15vw / 12.8);
 border-bottom: 1px #111 dotted;
 padding: 0.7em 0;
}

.seijin #chuui #chuuiBox .list2 li .color {
 color: #c00;
}

.seijin #chuui #chuuiBox .list2 li .bold {
 font-weight: bold;
}


.seijin #chuui #chuuiBox .list2 li a {
 color: #111;
 text-decoration: underline;
}


/*----------------------------------------------------- TO TOP BTN */

.seijin .totopBtn {
 margin-top: calc(40vw / 12.8);
}

.seijin .totopBtn p {
 text-align: center;
}

.seijin .totopBtn p a {
 color: #111;
 font-size: calc(18vw / 12.8);
 line-height: 100%;
 text-decoration: none;
 display: inline-block;
 border: #111 1px solid;
 border-radius: 2em;
 padding: 0.5em 3em;
}