@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@400;500;700;800;900&family=Sigmar+One&display=swap');
/* --------------------------------
reset
-------------------------------- */
html,body,
header,footer,main,
p,h1,h2,h3,
table,th,td,ul,li,dl,dt,dd,
address,
menu {margin: 0; padding: 0;}
li {list-style: none;}
img {border: 0;vertical-align: bottom;}
a {text-decoration: none;}
table {border-collapse: collapse;}
address {font-style: normal;}

html, body {height: 100%;}
/* --------------------------------
段落・フォント
-------------------------------- */
html {font-size: 62.5%;color: #333;}
body {font-family: 'M PLUS Rounded 1c', '游ゴシック体', YuGothic, '游ゴシック Medium', 'Yu Gothic Medium', '游ゴシック', 'Yu Gothic', 'メイリオ', Meiryo, Osaka, sans-serif;}
h1, h2, h3, p, li, dt, dd {transform: rotate(0.05deg);}/* win */

@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm) {
	#header img {image-rendering: -webkit-optimize-contrast;}
}

/* 共通パーツ */
h1, h2, h3,
.subttl {text-align:center;}

.brSP {display: block;}
.brPC {display: none;}
.dispPC {display: none;}
.sct_wrap {width: auto;margin: 0;}
@media screen and (min-width:600px) {
	.brSP {display: none;}
	.brPC {display: block;}
	.dispPC {display: inline-block;}
}
@media screen and (min-width:1200px) {
	.sct_wrap {width: 1050px;margin: 0 auto;}
}

/* font-weight */
h1, h2, h3,
dt {font-weight: 800;}
p, dd {font-weight: 500;}
dd {font-weight: 800;}

/* font-size */
h1 {font-size: 2.4rem;line-height: 1.7;}
h2 {font-size: 1.6rem;line-height: 1.7;}
h3 {font-size: 1.6rem;line-height: 1.7;}

p {font-size: 1.6rem;line-height: 1.7;}
th, td,
dt, dd,
li {font-size: 1.6rem;line-height: 1.5;}
dd {font-size: 1.4rem;}
td span {font-size: 1.4rem;}
#footer p {font-size: 1.2rem;}


@media screen and (min-width:600px) {
	h2, h3 {font-size: 2.4rem;}
	p {font-size: 1.8rem;}
	th, td, dt, dd, li {font-size: 1.8rem;}
	dd {font-size: 1.6rem;}
	#footer p {font-size: 1.4rem;}
}

@media screen and (min-width:1200px) {}


/* 段落・見出し装飾 */
#header h1 {padding-top: 6rem;}
#footer h3 {padding-top: 5rem;}

#header p {width: 70%;max-width: 1000px;margin: 0 auto;padding-top: 2rem;}

.typettl {background: #ffd03e;margin-top: 5rem;padding: 2.5rem 0 2rem 0;}

ul.lst {width: 100%;}

.lst .memo {background: #FFF url(img/1.png) no-repeat center bottom/cover;position: relative;overflow: hidden;height: 394px;}
.lst .memo .input-box {position: absolute;top: 3%;left: 0;right: 0;
text-align: center;font-weight: 700;font-size: 2rem;}
.lst .memo .input-box input {font-size: 3.6rem;}

li#licoconala,
li#licoconalaB  {background: #ffb1b1;}
li#liskima,
li#liskimaB {background: #91d788;}
li#litsunagu_bank,
li#litsunagu_bankB,
li#litsunagu_card,
li#litsunagu_cardB {background: #7bd9ff;}
li#liazkari,
li#liazkariB {background: #ceadd4;}
ul.lst li .boxhead {display: flex;justify-content: space-between;
width: 100%;padding-top: 18%;
background: #FFF url('img/ttl_bg.png') no-repeat left top/contain;
position: relative;}
ul.lst li .boxhead p.sname {position: absolute;top: 0;left: 0;}
ul.lst li .boxhead p.price  {position: absolute;top: 0;right: 4%;}
ul.lst li .boxhead p.sname {width: 38%;padding-top: 2.2%;overflow: hidden;
font-size: 2.8rem;font-weight: 700;text-align: center;}
ul.lst li .boxhead p.price {font-size: 1.8rem;line-height: 1.2;overflow: hidden;
padding-top: 2%;text-align: right;}
ul.lst li .boxhead p.price span {font-size: 2.8rem;font-weight: 700;}

ul.lst li .compri {
display: flex;
align-items: center;
border-top: 15px solid #FFF;
border-bottom: 5px solid #FFF;
}
ul.lst li .compri li {width: 40%;padding: 1% 0;text-align: center;font-size: 2.8rem;font-weight: 700;border: none;}
ul.lst li .compri .ttl {width: 20%;font-size: 2rem;}

ul.lst li .netpaid {display: flex;align-items: center;}
ul.lst li .netpaid li {width: 50%;padding-top: 46%;border: none;
position: relative;}

ul.lst li .netpaid li:nth-child(1) {background: #FFF url('img/morau.png') no-repeat left bottom/contain;}
ul.lst li .netpaid li:nth-child(2) {background: url('img/harau.png') no-repeat right bottom/contain;}

ul.lst li .netpaid li p {position: absolute;top: 15%;width: 100%;font-size: 1.8rem;text-align: center;}
ul.lst li .netpaid li p span {font-size: 3rem;font-weight: bold;}


table { border-collapse: collapse; margin: 2rem auto 0 auto;}
th, td { border: 1px solid #ccc; padding: 6px 10px; text-align: right; }
tr>*:first-child { text-align: left; }

th { background: #f0f0f0; }
input {width: 120px; padding: 4px; margin: 5px;}


@media screen and (min-width:500px) {
	ul.lst li {width: 500px;margin: 0 auto;border: 2px solid #000;box-sizing: border-box;}
}
@media screen and (min-width:1000px) {
	ul.lst {width: 1000px;margin: 0 auto;}
	ul.lst {display: flex;flex-wrap: wrap;justify-content: space-around;}
}
@media screen and (min-width:1280px) {
}

#footer {padding-bottom: 5rem;}

/*
#main {width: 1280px;margin: 0 auto;}
	#main {width: 1280px;margin: 0 auto;}
          <img src="img/morau.png">
					<img src="img/harau.png">
	*/
/* main */
/*
#header {background: #FCC;}
#main {background: #CCF;}
ul.lst {background: #FFF;}
ul.lst li {}
#footer {background: #CFC;}
*/