@charset "utf-8";
/* CSS Document */

/* スマホ設定  768 以下*/
@media screen and (max-width:767px)
{
.pt{display: none;}
.pc{display: none;}
.ps{display: block;}
.tb{display: none;}
.ts{display: block;}
.sp{display: block;}


}

/*---------------------------------------------TOP-----------------*/
/* スマホ設定  768 以下*/
@media screen and (max-width:767px)
{
	
header h1 {
width: 280px;
}
	
header h1 img{
width: auto;
	height: auto;
	max-width: 100%;
}
	
#mainarea .mv {
padding: 0 0 0 2%;
}

#mainarea .block01 h2 {
font-size: 200%;
margin-bottom: 25px;
text-align: center;
}

#mainarea .block01 h3 {
font-size: 140%;
margin-bottom: 25px;
}

#mainarea .block01 .next_btn p {
text-align: center;
}

#mainarea .block01 .next_btn a {
height: 50px;
padding: 5px 35px;
border-radius: 25px;
font-size: 95%;
float: none;
}

#mainarea .block02 h2 {
font-size: 160%;
}

#mainarea .block02 .next_btn a {
height: 50px;
padding: 5px 35px;
border-radius: 25px;
font-size: 95%;
}

#mainarea .block02 .next_btn a:after {
margin-left: 10px;
}

#mainarea .block03 h2 {
padding-top: 0;
margin-bottom: 30px;
font-size: 160%;
float: none;
}

#mainarea .block03 .next_btn {
text-align: center;
margin-top: 20px;
}

#mainarea .block03 .next_btn a {
height: 50px;
margin-bottom: 0;
padding: 5px 35px;
border-radius: 25px;
font-size: 95%;
float: none;
}

#mainarea .block03 li {
width: 49%;
}

#mainarea .block03 li:nth-child(3n) {
margin-right: 2%;
}

#mainarea .block03 li:nth-child(2n) {
margin-right: 0;
}

#mainarea .block04 h2 {
margin-bottom: 30px;
font-size: 160%;
}

#mainarea .block04 li {
width: 49%;
height: 80px;
margin-right: 2%;
margin-bottom: 2%;
text-align: center;
font-size: 95%;
}

#mainarea .block04 li:nth-child(2n) {
margin-right: 0;
}

#mainarea .block04 li a {
padding: 10px;
}

#mainarea .block04 li:nth-child(11),
#mainarea .block04 li:last-child {
width: 100%;
}

#mainarea .block04 li:nth-child(1),
#mainarea .block04 li:nth-child(2),
#mainarea .block04 li:nth-child(3),
#mainarea .block04 li:nth-child(4),
#mainarea .block04 li:nth-child(5),
#mainarea .block04 li:nth-child(6),
#mainarea .block04 li:nth-child(7),
#mainarea .block04 li:nth-child(8),
#mainarea .block04 li:nth-child(9),
#mainarea .block04 li:nth-child(11) {
padding-top: 15px;
box-sizing: border-box;
}

#mainarea .block05 h2 {
margin-bottom: 30px;
font-size: 160%;
}

#mainarea .block05 li {
width: 100%;
margin-right: 0;
margin-bottom: 20px;
float: left;
font-size: 95%;
}

#mainarea .block06 h2 {
margin-bottom: 30px;
font-size: 160%;
}

#mainarea .block06 .next_btn a {
height: 50px;
padding: 5px 35px;
border-radius: 25px;
font-size: 95%;
}

#mainarea .block06 li {
width: 100%;
margin-right: 0;
margin-bottom: 20px;
float: none;
}

#mainarea .block06 li a {
padding: 30px;
min-height: auto;
}

#mainarea .block07 h2 {
margin-bottom: 20px;
font-size: 120%;
}

#mainarea .block07 li {
width: 48.5%;
margin-right: 3%;
margin-bottom: 3%;
}

#mainarea .block07 li:nth-child(2n) {
margin-right: 0;
}
}



/*------------------------------------------------カテゴリー------------------------*/
/* スマホ設定  768 以下*/
@media screen and (max-width:767px)
{
#page_contents h2 {
margin-top: 110px;
}

#page_contents h2 p {
font-size: 115%;
top: 120px;
left: 0;
right: 0;
margin: 0 auto;
text-align: center;
}

#page_contents h2 img {
top: -80px;
left:0;
right: 0;
margin: 0 auto;
width: 500px;
}

#page_contents .page_index li {
width: 100%;
margin-right: 0;
}

#page_contents .page_index li:nth-child(3n) {
margin-right: 0;
}

}


.img_right {
	width: 90%;
	float: none;
	margin: 0 auto 15px auto;
}

.syoujyou div {
	width: 100%;
	float: none;
	}
.syoujyou div dt {
	width: 30%;
	float: left;
	margin: 0;
	padding: 0;
}

.syoujyou div dt img {
	width: auto;
	height: auto;
	max-width: 100%;
}
.syoujyou div dd {
	padding: 0 0 0 35%;
	margin-bottom: 15px;
}


/*---------------------------インタビュー--------------------------------------*/

/* スマホ設定  768 以下*/
@media screen and (max-width:767px)
{
#page_contents .interview_block .next_btn a {
height: 50px;
padding: 5px 35px;
border-radius: 25px;
font-size: 95%;
}

#page_contents .interview_block li {
width: 100%;
margin-right: 0;
margin-bottom: 20px;
float: none;
}

#page_contents .interview_block li a {
padding: 30px;
min-height: auto;
}



}


/*------------------------------------------------------リンク------------------------------*/
/* スマホ設定  768 以下*/
@media screen and (max-width:767px)
{
#page_contents .link_block li {
width: 48.5%;
margin-right: 3%;
margin-bottom: 3%;
}

#page_contents .link_block li:nth-child(2n) {
margin-right: 0;
}



}


/*----------------------------------------------------お知らせ---------------------------------*/
/* スマホ設定  768 以下*/
@media screen and (max-width:767px)
{

#page_contents .link_block li {
width: 48.5%;
margin-right: 3%;
margin-bottom: 3%;
}

#page_contents .link_block li:nth-child(2n) {
margin-right: 0;
}



}
