@charset "UTF-8";
@import url('normalize.css');

/* CSS Document */
#fontSize li a.small{
	background: url(/images/font01_off.png) no-repeat center center;
}
#fontSize li a.small:hover,
#fontSize li a.small.active{
	background: url(/images/font01_on.png) no-repeat center center;
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}
#fontSize li a.medium{
	background: url(/images/font02_off.png) no-repeat center center;
}
#fontSize li a.medium:hover,
#fontSize li a.medium.active{
	background: url(/images/font02_on.png) no-repeat center center;
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}
#fontSize li a.large{
	background: url(/images/font03_off.png) no-repeat center center;
}
#fontSize li a.large:hover,
#fontSize li a.large.active{
	background: url(/images/font03_on.png) no-repeat center center;
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}
.site-header ul li.menu01 a{
	background: url(/images/menu01_pc_off.png) no-repeat center center;
}
.site-header ul li.menu01 a:hover,
.site-header ul li.menu01.active a{
	background: url(/images/pinkribon_menu01_pc_on.png) no-repeat center center;
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}
.site-header ul li.menu02 a{
	background: url(/images/menu02_pc_off.png) no-repeat center center;
}
.site-header ul li.menu02 a:hover,
.site-header ul li.menu02.active a{
	background: url(/images/pinkribon_menu02_pc_on.png) no-repeat center center;
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}
.site-header ul li.menu03 a{
	background: url(/images/menu03_pc_off.png) no-repeat center center;
}
.site-header ul li.menu03 a:hover,
.site-header ul li.menu03.active a{
	background: url(/images/pinkribon_menu03_pc_on.png) no-repeat center center;
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}
.site-header ul li.menu04 a{
	background: url(/images/menu04_pc_off.png) no-repeat center center;
}
.site-header ul li.menu04 a:hover,
.site-header ul li.menu04.active a{
	background: url(/images/pinkribon_menu04_pc_on.png) no-repeat center center;
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}
.site-header ul li.menu05 a{
	background: url(/images/menu05_pc_off.png) no-repeat center center;
}
.site-header ul li.menu05 a:hover,
.site-header ul li.menu05.active a{
	background: url(/images/pinkribon_menu05_pc_on.png) no-repeat center center;
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}
.site-header ul li.menu06 a{
	background: url(/images/menu06_pc_off.png) no-repeat center center;
	width: 142px;
}
.site-header ul li.menu06 a:hover,
.site-header ul li.menu06.active a{
	background: url(/images/pinkribon_menu06_pc_on.png) no-repeat center center;
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}
.site-header ul li.menu07 a{
	background: url(/images/menu07_pc_off.png) no-repeat center center;
}
.site-header ul li.menu07 a:hover,
.site-header ul li.menu07.active a{
	background: url(/images/pinkribon_menu07_pc_on.png) no-repeat center center;
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}


/* top */
.top01{
	background: #F29C97;
	border-top: 15px solid #EA7672;
	border-bottom: 15px solid #EA7672;
	line-height: 1;
}
.top01 img{
    display: block;
}
.top02{
	padding-bottom: 20px;
}
#pankuzu{
	margin: 20px 0 40px;
	font-size: 110%;
}
#pankuzu a{
	text-decoration: none;
}

p.copy{
	font-weight: bold;
	font-size: 140%;
	line-height: 1.7;
	margin: 60px 0 25px;
}
.bn_josei{
	display: block;
	max-width: 717px;
	margin: 0 auto 50px;
}
ul.center{
	list-style: none;
	padding: 0;
	margin: 0 0 30px;
	text-align: center;
}
ul.center li{
	display: inline-block;
	margin: 0 13px 0 0;
	text-align: center
}
ul.center li span{
	display: block;
	margin: 3px auto 0;
	font-size: 125%;
}

.top03_wrap{
	clear: both;
	padding: 25px 0 10px;
	background: #ffffe7;
	box-shadow: 0 0 5px rgba(12,11,12,0.2);
}
.top03_wrap:after {
    content: '';
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.con03 h2{
	text-align: center;
	background: none;
}
.con03 ul.center{
	margin: 30px 0 35px;
}
.con03 ul.center li{
	margin-right: 47px;
}
.con03 ul.center li:last-child{
	margin-right: 0;
}
ul.link{
	list-style: none;
	padding: 0;
	margin: 25px 0 10px;
	text-align: center;
}
ul.link li{   
	background: #fff;
	display: block;
	float: left;
	width: 185px;
	position: relative;
	box-sizing: border-box;
	margin: 0 5px 20px 5px;
	padding: 15px;
	border:3px solid #F19C97;
	border-radius: 10px;
	text-align: left;
	box-shadow: 3px 3px 0 rgba(12,11,12,0.2);
}
ul.link li:nth-child(5){
	margin-right:  0;
}
ul.link li:last-child{
	margin-right: 0;
	width: 400px;
	float: none;
	display: inline-block;
}
ul.link li a{
	text-decoration: none;
	line-height: 1.6;
}
ul.link li h3{
	text-align: center;
	margin: 3px 0;
}
ul.link li p{
	margin: 0;
}
ul.link li:last-child .img{
	float: right;
	margin-left: 17px;
}
.link_link{
	position: absolute;
	bottom:15px;
	left: 15px;
}
#changeArea[style="font-size: 70%;"] ul.link li{
	height: 220px;
}
#changeArea[style="font-size: 80%;"] ul.link li{
	height: 230px;
}
#changeArea[style="font-size: 90%;"] ul.link li{
	height: 255px;
}
#changeArea[style="font-size: 80%;"] ul.link li:nth-child(6) {
    height: 220px;
}

.info_list>h3 {
	font-size: 140%;
}

.top02>dl, .top02>ul {
	font-size: 140%;
	line-height: 1.7;
}

.top02>dl {
	margin-left: 1em;
}

.top02>dl>dd {
	margin-left: 4.5em;
	margin-top: -1.7em;
	margin-bottom: 0.5em;
}

.josei .con_box>h2 {
    background-color: #F29c97;
	color: white;
	font-size: 188%;
	font-weight: bold;
    padding: 0.5em 1em;
    line-height: 1.5;
    text-align: left;
    /* margin-top: 20px; */
    font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
}

.josei .con_box>h2>img {
	display: none;
}

.josei .info_con .date {
	background-color: #f9d1cf;
}

/* SP */
@media (max-width: 655px) {
	
	/* top */
	.top01 {
		border-top: 8px solid #E57571;
		border-bottom: 8px solid #E57571;
	}
	.top01 .con_box{
		padding: 0;
	}
	.top01 img {
		height: auto;
		max-width: 100%;
	}
	#pankuzu {
		margin: 10px 0 20px;
		font-size: 70%;
	}
	.top01 img{
		margin: 0;
	}
	.top02 p.copy {
		font-size: 90%;
		margin: 30px 0 25px;
	}
	.top03_wrap h2 img {
		height: 20px;
	}
	.bn_josei {
		margin: 0 auto 30px;
	}
	ul.center li {
		margin: 0 5px 5px 0;
	}
	ul.center li img{
		max-height: 43px;
	}
	ul.center li span {
		font-size: 80%;
	}
	.con03 ul.center li {
		margin-right: 0;
		margin-bottom: 20px;
	}
	.con03 ul.center li:last-child {
		margin-bottom: 0;
	}
	ul.link li {
		width: 48.5%;
    	margin: 0 3% 3% 0;
	}
	ul.link li:nth-child(even) {
		margin-right: 0;
	}
	ul.link li:nth-child(5),
	ul.link li:nth-child(6){
		width: 100%;
		margin-right: 0;
	}
	ul.link li:nth-child(5) h3 img{
		max-width: 50%;
	}
	ul.link li:last-child .img {
		margin-left: 5%;
		width: 50%;
	}
	ul.link li:last-child .text{
		float: left;
		width: 45%;
	}
	.link_link {
		left: 50%;
		max-height: 12px;
		margin-left: -60px;
	}
	#changeArea[style="font-size: 70%;"] ul.link li:nth-child(5),
	#changeArea[style="font-size: 80%;"] ul.link li:nth-child(5),
	#changeArea[style="font-size: 90%;"] ul.link li:nth-child(5),
	#changeArea[style="font-size: 70%;"] ul.link li:nth-child(6),
	#changeArea[style="font-size: 80%;"] ul.link li:nth-child(6),
	#changeArea[style="font-size: 90%;"] ul.link li:nth-child(6){
		height: auto;
	}
	ul.link li:nth-child(6){
		padding-bottom: 30px;
	}
	ul.link li:nth-child(5) .link_link{
		position: static;
		margin: 10px auto 0;
		display: block;
	}
	ul.link li:last-child .text {
		position: relative;
		padding-bottom: 40px;
	}
}
@media (max-width: 374px) {
	#detail_search {
		width: 28%;
	}
	#detail_search .word input {
		width: 73%;
	}
	ul.center li img {
		max-height: 41px;
	}
	.link_link {
		margin-left: -44%;
	}
}