@charset "utf-8";

*{box-sizing: border-box;}

.content {vertical-align: top; }
.clearboth {clear: both;}
.content .main { box-sizing: border-box; vertical-align: top; }

h2 {
	color: #ea6fa5; font-size: 160%; padding-bottom: 10px; 
	letter-spacing: 4px; line-height: 1.3; 
}
p.t0 {
	color: #ea6fa5; font-size: 120%;
}
p.t1 {
	color: #777; font-size: 110%;
}
p.red {
	color: #ff0000; font-size: 140%;
	padding-top: 10px;text-align: center;
}
img.w100{
	width: 100%; height: auto;
}
img.max830{max-width: 830px;}
img.max320{max-width: 320px;}
img.max260{max-width: 260px;}

form.login {text-align: center;}
form.login div {
	text-align: center; padding: 10px 0; margin: 30px 0 20px;
	border-top: 1px solid #777; border-bottom: 1px solid #777;
}
form.login div > * {
	display: inline-block;
}
form.login input[type="password"] {
	border: 1px solid #777;
	transition: all .3s; line-height: 2em; height: 2em;
}
form.login input.submitbtn {
	width: 50%;
	padding: 20px 0px;
	font-size: 160%;
	color: #ea6fa5;
	letter-spacing: 6px;
	border-style: none;
	border: 1px solid #ea6fa5;
	background: #fff url(../img/arrow_r_pink.png) no-repeat right 10px center;
	margin: 40px auto 40px; 
}

.main div.line1 {
border-bottom: 1px solid #777;
margin-bottom: 30px; 
}
.main ul.col, .main ul.col2 {
	display: table; box-sizing: border-box;
	margin: 10px 0 30px; 
	padding: 10px 0 0px; 
}
.main ul.col li, .main ul.col2 li {
	display: table-cell; 
	vertical-align: bottom;
}
.main ul.col2p {
	box-sizing: border-box;
	margin: 10px 0 30px; 
	padding: 10px 0 0px; font-size: 0;
}
.main ul.col2p li {
	display: inline-block; vertical-align: top;  font-size: 14px;
}

ul.col4 {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	margin: 10px 0 30px;
	padding: 10px 0 0px;
}
ul.col4 li {
	width: calc(25% - 10px);
}
ul.col4 li.w350 {
	width: calc(35% - 10px);
}
ul.col4 li.w300 {
	width: calc(30% - 10px);
}
ul.col4 li.w200 {
	width: calc(20% - 10px);
}
ul.col4 li.w150 {
	width: calc(15% - 10px);
}

.main ul.col li.spa, .main ul.col2 li.spa {width: 20px; }
.main ul.col2.w320_280 li.w320 {width: calc(53.3% - 10px); }
.main ul.col2.w320_280 li.w280 {width: calc(46.6% - 10px); }
.main ul.col2.w50p li.w300 {width: 300px; }


ul.col4 li p.link, ul.col li p.link, ul.col2 li p.link, ul.col2p li p.link {
	color: #ea6fa5; font-size: 115%; padding: 5px 0 5px; 
	letter-spacing: 4px;margin-left: 5px;
}
ul.col2.w320_280.sns li p.link, 
ul.col.three.sns li p.link {
	letter-spacing: 1px;
}
.main ul.col2p li p.link {
padding: 0px 0 15px; margin-left: 0px;
}
ul.col4 li p.link:first-line, .main ul.col li p.link:first-line, .main ul.col2 li p.link:first-line {
	line-height: 2; font-weight: bold;
}
ul.col4 li p.link a, .main ul.col li p.link a, .main ul.col2 li p.link a, .main ul.col2p li p.link a {
	color: #ea6fa5; border: 1px solid #ea6fa5; border-radius: 3px;
	display: inline-block; padding-top: 2px; padding-left: 14px;
}
ul.col4 li p.link a:after, .main ul.col li p.link a:after, .main ul.col2 li p.link a:after, .main ul.col2p li p.link a:after {
	content: "＞";
	font-size: .75em;
	padding: 5px 5px 3px;
	margin-left: 5px;
}
ul.col4 li p.link span, 
.main ul.col li p.link span, .main ul.col2 li p.link span, .main ul.col2p li p.link span {
font-size: 12px;letter-spacing: 0px;}

.main ul.col2p li.w50p {width: calc(46% - 20px); }
.main ul.col2p li:first-child {width: calc(54% - 20px); }

.main ul.col2p li.w50p ul.col2 {
	margin: 0px 0 0px;  padding: 0px 0 0px; 
}
.main ul.col2p li.w50p ul.col2 li {display: table-cell; }
.main ul.col2p li.w50p ul.col2 li p.link:first-line {
	line-height: 1.6; font-weight: 100;
}
.main ul.col2p li.spa {width: 40px; }
.main ul.col2p li img.max80p {max-width: 80%; }

li.w50p table.pctble td.td1 {padding-right: 9px;}
li.w50p table td{vertical-align: top;}
li.w50p table td img.max100{width: 100%; height: auto;}
.main ul.col2p li.w50p table.sp {display: none;}
.t1 span.red {color: #ff0000; }
ul.indent {margin: 5px 0 10px; }
ul.indent li {
	padding-left:1em;
	text-indent:-1em;
}
img.max160 {width: 160px;}
img.max180 {width: 180px;}
.main ul.col2.w250_459 li {vertical-align: top;}

ul.col4 li img.max320, 
.main ul.col.three li img.max320 {
	border: 1px solid #ea6fa5;
}
.main ul.col.three li {
	vertical-align: top;
}

@media screen and (max-width: 1000px){
	.main ul.col.three li img, .main ul.col li.w830 img {width: 100%; height: auto;}
	li.w50p table.pctble td.td1 {padding-right: 0px;}
	.main ul.col2p li.spa {width: 30px; }
	.main ul.col2p li.w50p {width: calc(46% - 15px); }
	.main ul.col2p li:first-child {width: calc(54% - 15px); }
	
}
@media screen and (max-width: 900px){
	h2 {font-size: 140%; letter-spacing: 2px;}
	
}
@media screen and (max-width: 800px){
	.main ul.col2p li.w50p {width: 100%; }
	.main ul.col2p li.spa {display: none; }
	li.w50p table td img.max100 {max-width: 80%; }
	li.w50p table.pctble td.td1 {padding-right: 35px;}
}
@media screen and (max-width: 750px){
	.main ul.col2.w250_459 li.w250 {width: calc(35.2% - 10px); }
	.main ul.col2.w250_459 li.w459 {width: calc(64.7% - 10px); }
	
	.main ul.col li img:not(.max100), .main ul.col2 li img:not(.max100) {width: 100%; height: auto;}
	.main ul.col.three li img {max-width: 320px;}
}
@media screen and (max-width: 640px){
	.main ul.col.three {display: block;}
	.main ul.col.three li {display: block; }
	.content .main h1 {font-size: 20px;line-height: 24px;}
	ul.col4 {display: block;}
	ul.col4 li, ul.col4 li.w350 , ul.col4 li.w200 , ul.col4 li.w300 , ul.col4 li.w150 {
		width: 100%; padding-top: 10px; }
	
	.main ul.col li.spa, .main ul.col2 li.spa {width: 10px; }
	.main ul.col2.w320_280 li.w320 {width: calc(53.3% - 5px); }
	.main ul.col2.w320_280 li.w280 {width: calc(46.6% - 5px); }
	
	.main ul.col2p li img.max80p {max-width: 70%; }
	.main ul.col2p li.w50p table td.pc {display: none;}
	.main ul.col2p li.w50p table td:nth-child(2){padding-left: 10px; }
	.main ul.col2p li.w50p table.sp {display: block;}
	li.w50p table.pctble td.td1 {padding-right: 0px;}
}
@media screen and (max-width: 500px){
	.main ul.col2 {display: block;}
	.main ul.col2 li {display: block; }
	.main ul.col li.w320 img {max-width: 320px;}
	.main ul.col2 li.w320 img {max-width: 320px;}
	
	.main ul.col2p li img.max80p {max-width: 100%; }
	.main ul.col2.w320_280 li.w320 {width: auto;}
	.main ul.col2.w320_280 li.w280 {width: auto;}
	.main ul.col2.w320_280 li.w320 img {max-width: 320px;}
	.main ul.col2.w320_280 li.w280 img {max-width: 280px;}
	.main ul.col2.w250_459 li.w250 {width: auto; }
	.main ul.col2.w250_459 li.w459 {width: auto; }
	.main ul.col2.w250_459 li.w250 img {max-width: 250px;}
	.main ul.col2p li.w50p ul.col2 li {display: block; }
}
@media screen and (max-width: 450px){
	form.login input.submitbtn {width: 100%;}
	.main ul.col li p.link a, .main ul.col2 li p.link a, .main ul.col2p li p.link a{
		margin-bottom: 12px;
	}
}