@charset "utf-8";

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

/* action */
body#action .content .main ul.col2 {
	display: table; width: 100%; box-sizing: border-box;
	margin: 10px 0 20px; 
	padding: 10px 0 20px; 
	border-bottom: 1px solid #777;
}
body#action .content .main ul.col2 li {
	display: table-cell; 
	vertical-align: top;
}
body#action .content .main ul.col2 li.l {
	width: 63.64%; padding-right: 37px
}
body#action .content .main ul.col2 li.r {
	width: 36.36%; text-align: center;
}
body#action .content .main ul.col2 li p {
	font-size: 130%; padding: 10px 0px; 
}
body#action div.desWaku {
	font-size: 100%; color: #ea6fa5; padding: 10px; 
	border: 1px solid #777; margin: 20px 0;
}
body#action .content .main ul.col2 li.r img:not(.noW100) { 
	width: 100%; height :auto; 
}
body#action .content .main ul.col2 li.r img.bor { border: 1px solid #ccc;}

body#action h2 {
	color: #ea6fa5; font-size: 160%; padding-bottom: 5px; 
	letter-spacing: 4px;
}
body#action div.des { 
	font-size: 110%; line-height: 1.7;
	margin-bottom: 20px; padding-bottom: 20px; 
}
body#action div.des.t1 { border-bottom: 1px solid #777;}
body#action .content .main ul.col2 li p.link {
	margin: 0px 0px;font-size: 160% !important; line-height: 1.6;
	letter-spacing: 4px;
	background: url(../img/arrow_r_pink.png) no-repeat right 10px center;
	border: 1px solid #ea6fa5; padding: 20px 30px 20px 14px;
}
body#action .content .main ul.col2 li p.link.blank {
	background: url(../img/blank_pink.png) no-repeat right 10px center;
	padding: 20px 50px 20px 14px;
}
body#action p.link a {color: #ea6fa5; }
.marg_t10 {margin-top: 5px;}

/* WEEKEND FLOWER */
body#action .content .main ul.col2 li p.link.we {
	background: url(../img/blank_we.png) no-repeat right 10px center;
	padding: 20px 50px 20px 14px;
	border: 1px solid #8dc31e;
}
body#action p.link.we a {color: #8dc31e; }



@media screen and (max-width: 1100px){
	body#action p.link {margin: 20px 20px 20px; }
}
@media screen and (max-width: 900px){
	body#action .content .main ul.col2,
	body#action .content .main ul.col2 li {display: block; }
	body#action .content .main ul.col2 li.l {
	width: auto; padding-right: 0px}
	body#action .content .main ul.col2 li.r {width: auto; margin-top: 30px;}
	body#action .content .main ul.col2 li.r img {width: auto; max-width: 300px; }
	/*body#action .content .main ul.col2 li p.link {margin: 0px 0px 30px;}*/
	
	body#action h2 {font-size: 140%; letter-spacing: 2px;}
	body#action div.des { font-size: 100%; line-height: 1.6;}
	body#action .content .main ul.col2 li p {font-size: 120%; padding: 10px 0px; }
}
@media screen and (max-width: 640px){	
	body#action .content .main ul.col2 li p.link {
		margin: 0px 0px 40px;font-size: 120% !important; letter-spacing: 1px;
	}
}
@media screen and (max-width: 400px){
	body#action .content .main ul.col2 li p.link {
		margin: 0px 0px 40px;font-size: 110% !important; 
		padding: 10px 30px 10px 14px; line-height: 1.4;}
	body#action .content .main ul.col2 li p.link.blank {
		padding: 20px 50px 20px 14px;
	}
}