@charset 'utf-8';

.day0824 .mt60{margin-top:60px!imporant;}

main.day0824 p a:hover{
-moz-opacity: 0.5;
    opacity: 0.5;
}
main img{
	max-width:100%;
	width:auto;
}

.fl img{
	margin-bottom:5px!important;
}

.device-pc main p.yodogawa{
	font-weight:bold;
	font-size:22px;
	margin-top:60px!important;
}

.device-sp main p.yodogawa{
	font-weight:bold;
	font-size:20px;
	margin-top:60px!important;
}

#benefit table{
width:100%;
}

p.alert{
	font-size:16px;
	width:100%!important;
	text-align:center;
}
p.alert2{
	font-size:16px!important;
	width:100%!important;
	text-align:left;
}

.device-sp #contents div.items{
width:100%;
}

.device-sp .pc_only{
display:none;
}
.device-sp .sp_only{
display:block;
}
.device-pc .sp_only{
display:none;
}
.device-pc .pc_only{
display:block;
}

.device-sp img{
width:auto!important;
max-width:100%;
}

.device-sp #contents div.items div h6 + ul li{
width:32%;
}

.device-sp main.day0824 .left_txt{
width:100%!important;
margin: 0px 0px 0px!important;
}

html.device-sp main.day0824 a{
display:inline-block;
}


.device-sp #contents div.items div h6 + ul li{
margin:0px 2px 10px;
}

.device-sp #contents div.items .photo{
margin-top:20px;
}

.device-sp #contents div.items div h6 + ul li{
font-size:100%;
}

.device-sp div#benefit table th span, .device-sp div#benefit table td span{
font-size:100%;
font-weight:normal;
}

.device-sp p[class^="type"]:before,.device-sp i[class^="icon"]:before{
font-size:120%;
}
.device-sp div#specific table th,.device-sp div#specific table td,.device-sp div#specific table th span, .device-sp div#specific table td{
width:auto;
font-size:14px;
font-weight:normal;
}
.device-sp div#specific table th{
width:100px!important;
}

.device-sp div#specific table th span{
padding-left:0px;
}

.device-sp .#contents div.items h4{
font-size:100%;
}

.device-sp #demerit .left_area,.device-sp #demerit .right_area{
width:100%;
}


.device-sp #demerit dt{
font-size:18px;
}

.device-sp #demerit dd p{
font-size:16px!important;
font-weight:normal;
}

.device-sp #demerit dl + dl{
margin-top:2em;
}

.device-sp dd p{
margin-top:10px!important;
}

.device-sp #demerit dt:first-child{
font-size:16px!important;
}

.device-sp #demerit dt{
margin-top:20px;
margin-bottom:0px!important;
}

.device-sp #contents div.items h4{
font-size:22px!important;
margin-top:0px;
margin-bottom:10px;
}

.device-sp p.alert,.device-sp p.alert2{
text-align:left;
}
.device-sp div#benefit li p span{
font-size:14px!important;
}

.device-sp #contents div.items + div.items{
margin:40px 0px;
}

.device-sp div#benefit li {
    width: 45%;
    min-height: 220px;
    display: inline-block;
    vertical-align: top;
}

.device-sp div#benefit li:nth-child(3),.device-sp  div#benefit li:nth-child(4) {
    min-height: 160px;
}

.device-pc main p{
margin-top:1em!important;
}

.device-pc main dd p{
font-size:16px!important;
}

.device-sp div#benefit ul{
margin:0px;
}

main.day0824 p,main.day0824 dl,main.day0824 h6{
font-family: "adobe-garamond-pro";
}

main.day0824 .left_txt{
text-align:left!important;
}

.device-pc .icontd{
width:18.8em!important;
}

.device-sp .icontd{
width:5em!important;
}

.device-sp div#benefit th:first-child + th{
width:5em!important;
}

.device-sp div#benefit th:last-child{
width:5em!important;
}

.device-sp div#benefit table#hontai th:first-child{
width:auto!important;
}



.clrfx:after {
	content: " ";
	display: table;
	clear: both;
}
.clrfx {
	*zoom: 1;
}
.fl {
	float: left;
}
.fr {
	float: right;
	width:520px;
}

.device-sp .fr{
width:100%;
}

#contents h2 + div {
	padding: 40px 0;
	border-bottom: 5px #e5e5e5 solid;
}
#contents h2 + div p {
	/*font-size: 180%;
	 line-height: 1.833333333333333;*/
	width: 560px;
	margin: 0 auto;
}
/*#contents h2 + div + div {
	padding: 40px 0;
	border-top: 5px #e5e5e5 solid;
}*/
#contents div {
	margin: 40px auto;
}
#contents div img {
	margin: 30px 0;
}
#contents div p {
	line-height: 1.875;
}

#contents div p.cap {
	font-size: 140%;
	line-height: 1.5;
}

#contents div.page_header {
	width: 560px;
	border-bottom: 0 none transparent;
}
#contents div.page_header h3 {
	margin: 0;
}
#contents div.page_header h3 img {
	margin: 0;
}
#contents div.page_header p {
	/*margin-left: 160px;*/
	font-weight: bold;
}
#contents div.page_header p.cap {
	margin: 40px 0 0;
	font-weight: normal;
}
#contents div.page_header p + h3 {
	margin-top: 40px;
	padding-top: 40px;
	border-top: 5px #e5e5e5 solid;
}

#contents div.items + div.items {
	margin: 80px auto;
}
#contents div.items h4 {
	background-color: #f2ba49;
	border-radius: 4px;
	margin-bottom: 40px;
	padding: 10px;
	font-size: 200%;
	line-height: 1;
	color: #FFF;
	font-weight: bold;
	text-align: center;
}
#contents div.items div {
	margin: 0;
}
#contents div.items > div + div {
	margin: 40px 0;
	padding: 40px 0 0px;
	border-top: 5px #e5e5e5 solid;
}
#contents #specific h5,#contents #benefit h5 {
	margin-bottom: 10px;
	font-size:22px;
	margin-top:40px;
}
#contents #specific h5{
font-family: "adobe-garamond-pro";
}

div#specific table th,div#specific table td{
font-family: "adobe-garamond-pro";
font-size:16px;
}

#contents div.items div h6 {
	font-size: 16px;
	font-weight: bold;
	margin:15px 0px 10px;
}
#contents div.items div h6 + ul {
	margin-bottom: 20px;
	overflow:hidden;
}
#contents div.items div h6 + ul li {
	display: inline-block;
	padding: 10px 20px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	font-size: 140%;
	line-height: 1.3;
	font-weight: bold;
	color: #FFF;
	text-align:center;
	float:left;
	margin-right:5px;
}
#contents div.items div h6 + ul li.original {
	background-color: #5c2849;
}
#contents div.items div h6 + ul li.weeks {
	background-color: #1fccc9;
}
#contents div.items div h6 + ul li.weeks span {
	display:inline-block;
	line-height:2.6em;
}

#contents div.items div h6 + ul li.cousin {
	background-color: #ea4863;
}
#contents div.items div h6 + ul li.avec {
	background-color: #f26444;
}

#contents div.items div h6 + ul li.planner {
background-color:#A53E5C;
}

#contents div.items p + p {
	margin-top: 1.5em;
}
#contents div.items div img {
	margin: 0;
}
#contents div.items div.photo p.cap {
	width: 400px;
	margin-top: 10px;
}


div#contents h5 {
	font-size: 18px;
	font-weight: bold;
	margin-top: 2.5em;
	margin-bottom: 0.5em;
}


div#benefit ul {
	margin: 3.5em 0 3.7em;
}

div#benefit li {
	float: left;
}
div#benefit li + li {
	margin-left: 2.5em;
}
div#benefit li p {
	font-size: 100%;
}
div#benefit li p img {
	margin: 0;
}

div#benefit table {
	table-layout: fixed;
}

div#benefit table th,
div#benefit table td {
	border: #cbcbcb 1px solid;
	padding: 1em 0;
}

div#benefit table td {
word-wrap:break-word;
}

div#benefit table th {
	background: #cbcbcb;
	border-left: #fff 1px solid;
	border-right: #fff 1px solid;
	color: #fff;
	text-align: center;
	font-weight: bold;
word-wrap:break-word;
}

div#benefit table th span,
div#benefit table td span {
	font-size: 140%;
}

div#benefit table td span {
	padding-left: .825em;
	display: block;
}
div#benefit table td em {
	font-size: 140%;
	text-align: center;
	display: block;
}
div#benefit th:first-child {
	border-left: #cbcbcb 1px solid;
}

div#benefit th:first-child + th {
	width: 18.8em;
}

div#benefit th:first-child + th + th {
	width: 18.8em;
}

div#benefit th:last-child {
	border-right: #cbcbcb 1px solid;
	width: 18.8em!important;
}

.ie div#benefit th.last-child {
	border-right: #cbcbcb 1px solid;
	width: 18.8em!important;
}

div#benefit td:last-child {
	padding: 1.3em 0!important;
	font-size: 100%;
}

.ie div#benefit td.last-child {
	padding: 1.3em 0!important;
	font-size: 100%;
}

div#benefit td.active {
	background: #f2f2f2;
}

div#benefit table#hontai th:first-child {
	width: 76.9em;
}

div#benefit table#weeks th:first-child + th {
	width: 56.8em;
}

#benefit i {
	font-style: normal;
	text-align: center;
	display: block;
	/*font-size: 160%;*/
}


/* specific
-------------------------------------------------------------------------------*/

div#specific table {
	table-layout: fixed;
	/*width: 96em;*/
	width: 100%;
}

div#specific table th,
div#specific table td {
	border: #cbcbcb 1px solid;
}

div#specific table th {
	background: #cbcbcb;
	border-top: #fff 1px solid;
	border-bottom: #fff 1px solid;
	color: #fff;
	padding: 1em 0;
	font-weight: bold;
	width: 20em;
}

div#specific table td {
	padding: .625em 0;
}

div#specific table tr:first-child th {
	border-top: #cbcbcb 1px solid;
}

div#specific table tr:last-child th {
	border-bottom: #cbcbcb 1px solid;
}

.ie div#specific table tr.last-child th {
	border-bottom: #cbcbcb 1px solid;
}

div#specific table th span,
div#specific table td {
}

div#specific table th span {
	padding-left: .825em;
}

div#specific table td {
	padding-left: .825em;
}

div#specific li {
	padding-left: 1em;
	text-indent: -1em;
}

div#specific li:before {
	content: "・";
}

/* demerit
-------------------------------------------------------------------------------*/
#demerit {
	overflow: hidden;
	height: auto;
}
#demerit .left_area {
	float: left;
	width: 47%;
}
#demerit .right_area {
	float: right;
	width: 47%;
	margin:0px!important;
	padding:0px!important;
	border:none!important;
}


#demerit dl + dl {
	margin-top:4em;
}


#demerit dt {
	font-size: 140%;
	font-weight: bold;
	margin-bottom: .5em;
}

#demerit dt:first-child {
	font-size: 160%;
	margin-bottom: 1em;
}

#demerit dd + dt {
	margin-top: 1em;
}

#demerit dd {
	font-size: 140%;
}



/* icon
-------------------------------------------------------------------------------*/

p[class^="type"] {
	font-size: 100%;
	width: 17.1em;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: .4em;
	position: relative;
	z-index: 1;
	background: #fff;
}

body > p[class^="type"].fl {
	position: absolute;
	border: #e6e6e6 .3em solid;
}

p[class^="type"]:before,
i[class^="icon"]:before {
	font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif;
	color: #fff;
	font-size: 180%;
	width: 1.17em;
	height: 1.17em;
	line-height: 1.17;
	overflow: hidden;
	border-radius: .28em;
	text-align: center;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-weight: bold;
	margin: 0 auto;
	cursor: default;
}

p[class^="type"]:before {
	position: absolute;
	top: -.28em;
	left: -.28em;
	z-index: 2;
}

p[class^="type"].fl:before {
	top: -.39em;
	left: -.39em;
}

p.typeA:before,
#contents i.icon-typeA:before {
	content: "A";
	background: #EA4863;
}

p.typeB:before,
#contents i.icon-typeB:before {
	content: "B";
	background: #ff8000;
}

p.typeC:before,
#contents i.icon-typeC:before {
	content: "C";
	background: #8CC855;
}

p.typeD:before,
#contents i.icon-typeD:before {
	content: "D";
	background: #00B9F0;
}

p.typeZ {
	border: #e6e6e6 .3em solid;
	height: 11.4em;
	text-align: center;
	color: #8c8c8c;
}

p.typeZ:before {
	content: "-";
	color: #000000;
	background: #fff;
	border: #e6e6e6 .17em solid;
	width: 1.28em;
	height: 1.28em;
	line-height: .88;
	top: -.39em;
	left: -.39em;
}

p.typeZ:after {
	content: "";
	font-size: 100%;
	height: 10.8em;
	display: inline-block;
	vertical-align: middle;
}

p.typeZ span {
	display: inline-block!important;
	vertical-align: middle;
}

p[class^="type"] img {
	border-radius: .4em;
	display: block;
	position: relative;
	z-index: -1;
}

p[class^="type"].fl img {
	border-radius: 0;
	width:100%;
}

p[class^="type"] span {
font-size: 14px;
	display: block;
}

p[class^="type"] img + span {
	margin-top: .5em;
}

p[class^="type"].fl img + span {
	margin: .5em 0 .5em .5em;
	letter-spacing: 0;
}

i.icon-typeZ:before {
	content: "-";
	color: #8c8c8c;
}




@media (max-width: 600px) {
	.fl, .fr {
		float: none;
	}
	#wrapper {
		width: 600px;
	}
	#contents {
		font-size: 13px;
	}
	#contents div.page_header p {
		margin-left: 0;
	}
	#contents div.items {
		width: 560px;
	}
	#contents div.items .photo {
		margin-top: 40px;
	}
	div#benefit li {
		width: 45%;
		min-height: 290px;
		display: inline-block;
		vertical-align: top;
	}
	div#benefit li p {
		width: 100%;
	}
	div#benefit li p span {
		/*font-size: 160%;*/
	}
	div#benefit li + li {
		margin-left: 0;
	}
	div#benefit li:nth-child(2n) {
		margin-left: 10%;
	}
	div#benefit li:nth-child(3),
	div#benefit li:nth-child(4) {
		min-height: 230px;
	}
	div#benefit li:last-child {
		min-height: 0;
	}
}