@charset 'UTF-8';

/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

	トップページ

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */



/* ================================================================================

	レイアウト

================================================================================ */

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	#wrapper {
	}

	main.outer_wrap {
		position: relative;
		max-width: none;
		/* max-width: 1920px; 固定幅レイアウト時 */
		width: 100%;
		min-height: 50vh;
		display: block;
		margin: 0 auto;
	}

	.inner_wrap {
		position: relative;
	}
}




/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	#wrapper {
	}

	main.outer_wrap {
		position: relative;
		width: 100%;
	}

	.inner_wrap {
		position: relative;
	}
}








/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★

	ここからコンテンツ内容

★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */




/* ================================================================================

	〇〇

================================================================================ */


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.top01_message_midashi{
	  -webkit-writing-mode: vertical-rl;
	      -ms-writing-mode: tb-rl;
	          writing-mode: vertical-rl;
	  background-color:#ca4045;
		padding: 10px 3px;
		color: #FFF;
		height:100px;
	}
	.top01_message_line{
		width: 1px;
		height: 300px;
		background-color: #ca4045;
		text-align: center;
		margin: 0 auto;
	}
	.top01_midashi_base{
		width: 34px;
		position: absolute;
		margin-left: 420px;
	}
	.top01_text{
	  -webkit-writing-mode: vertical-rl;
	      -ms-writing-mode: tb-rl;
	          writing-mode: vertical-rl;
	  font-size:16px;
	 height: 390px;
	  
	}
	.top01_message{
		width: 585px !important;
		background-color: #FFF;
		padding: 75px 56px;
		margin-top: 135px;
		font-weight: 400;
		font-style: normal;
		height:530px;
		margin-bottom:100px;
	}
	
	.red{
		color:#ca4045;
	}
	.clm1200{
		background: url(../img/top01_01.jpg)center top no-repeat;
		margin-top: 100px;
	}
	.clm1200 > div{
		max-width: 1200px!important;
		margin:0 auto;
	}
	.top01_goaisatsu{
	  -webkit-writing-mode: vertical-rl;
	      -ms-writing-mode: tb-rl;
	          writing-mode: vertical-rl;
		font-size: 31px;
		position: absolute;
		margin-right: 117px;
		font-family: ro-nikkatsu-sei-kai-std, serif;
		right: 0;
	}
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.top01_message_midashi{
	  -webkit-writing-mode: vertical-rl;
	      -ms-writing-mode: tb-rl;
	          writing-mode: vertical-rl;
	  background-color:#ca4045;
		padding: 10px 3px;
		color: #FFF;
	}
	.top01_message_line{
		width: 1px;
		height: 300px;
		background-color: #ca4045;
		text-align: center;
		margin: 0 auto;
	}
	.top01_midashi_base{
		width: 34px;
		position: absolute;
		margin-left: 420px;
	}
	.top01_text{
	  -webkit-writing-mode: vertical-rl;
	      -ms-writing-mode: tb-rl;
	          writing-mode: vertical-rl;
	  font-size:16px;
    height: 110vw;
    margin-left: 1vw;

	}
	.top01_message{
	    width: 100% !important;
	    background-color: #FFF;
	    padding: 5vw 5vw;
	    margin-top: 68vw;
	    font-weight: 400;
	    font-style: normal;
	}
	
	.red{
		color:#ca4045;
	}
	.clm1200{
	    background: url(../img/top01_01.jpg)right top no-repeat;
	        margin-top: 3vw;
	    background-size: 178% auto;
	}
	.clm1200 > div{
		max-width: 1200px!important;
		margin:0 auto;
	}
	.top01_goaisatsu{
    /* -webkit-writing-mode: vertical-rl; */
    -ms-writing-mode: tb-rl;
    /* writing-mode: vertical-rl; */
    font-size: 6vw;
    /* position: absolute; */
    /* margin-left: 100vw; */
    font-family: ro-nikkatsu-sei-kai-std, serif;
    text-align: center;
    margin: 7vw 0 8vw 0;
    padding-left: 3vw;
	}
}




/* ================================================================================

	〇〇

================================================================================ */


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.top02{
	    background: url(../img/top02_bg.jpg)center top no-repeat;
	    margin-top: 48px;
	   background-position: 50%;
	}
	.kodawari_1_pic{
		background:url(../img/kodawari_1.png)center top no-repeat;
		width:231px;
		height:416px;
		position: absolute;
		margin-top: -82px;
	}
	.kodawari_1_text{
		-webkit-writing-mode: vertical-rl;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		margin-left: 253px;
		font-size: 15px;
		margin-top: 100px;
	}
	
	.kodawari1{
		margin: 0 0 0 104px;
		height:400px;
	}
	.kodawari_2_pic{
		background:url(../img/kodawari_2.png)center top no-repeat;
		width:231px;
		height:416px;
		position: absolute;
		margin-top: -82px;
	}
	.kodawari_2_text{
		-webkit-writing-mode: vertical-rl;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		margin-left: -98px;
		font-size: 15px;
		margin-top: 100px;
		height:260px;
	}
	
	.kodawari2{
		margin: -259px 0 0 672px;
	}
	
	
	.kodawari_3_pic{
		background:url(../img/kodawari_3.png)center top no-repeat;
		width:231px;
		height:416px;
		position: absolute;
		margin-top: -82px;
	}
	.kodawari_3_text{
		-webkit-writing-mode: vertical-rl;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		margin-left: -94px;
		font-size: 15px;
		margin-top: 100px;
		height:260px;
	}
	
	.kodawari3{
		margin: -33px 0 163px 272px;
	}
	
	.top02_banner{
		margin-top:30px;
	}
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.top02{
	    background: url(../img/top02_bg.jpg)center top no-repeat;
	    margin-top: 71px;
	   background-position: 50%;
	}
	.kodawari_1_pic{
		background:url(../img/kodawari_1.png)center top no-repeat;
		width:231px;
		height:416px;
		position: absolute;
		margin-top: -82px;
		    background-size: 80%;
	}
	.kodawari_1_text{
		-webkit-writing-mode: vertical-rl;
		-ms-writing-mode: tb-rl;
	    writing-mode: vertical-rl;
	    margin-left: 66vw;
	    font-size: 4vw;
	    margin-top: 14vw;
	}
	
	.kodawari1{
	    margin: 0 0 0 0;
	        height: 91vw;
	}
	.kodawari_2_pic{
		background:url(../img/kodawari_2.png)center top no-repeat;
		width:231px;
		height:416px;
		position: absolute;
		margin-top: -82px;
		    background-size: 80%;
	}
	.kodawari_2_text{
		-webkit-writing-mode: vertical-rl;
		-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
    margin-left: -25vw;
    font-size: 4vw;
    margin-top: 28vw;
    height: 66vw;
	}
	
	.kodawari2{
		margin: -13vw 0 0 33vw;
	}
	
	
	.kodawari_3_pic{
background: url(../img/kodawari_3.png)center top no-repeat;
    width: 231px;
    height: 416px;
    position: absolute;
    margin-top: -21vw;
        background-size: 80%;
	}
	.kodawari_3_text{
		-webkit-writing-mode: vertical-rl;
		-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
    margin-left: 66vw;
    font-size: 4vw;
    margin-top: -6vw;
        height: 74vw;
	}
	
	.kodawari3{
		margin: 37vw 0 8vw 0;
	}
.metaslider {
    position: relative;
    z-index: 0;
width: 67vw!important;
    margin: 8vw auto 29vw;
}
}



/* ================================================================================

	〇〇

================================================================================ */


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.right_bg{
		margin-left: 50%;
		width: 50vw;
		height: 3000px;
		position: absolute;
		z-index: 0;
		background-color: #e2decd;
		margin-top: 97px;
	}
	.top03{
		margin: 107px 0 50px 0;
	}

	/* タブ */
	.news_wrap{
		position:relative;
	}



	/* タブメニュー
	----------------------------------------------- */

	#tabMenu{
		font-size:0;


	}
	#tabMenu li{
		width: 192.6px;
		display:inline-block;
		background:url(../img/bg_tab1.jpg) center bottom no-repeat;
		border-bottom:7px solid #d4cabd;
		margin-right:3px;
		font-family: fot-tsukuardgothic-std, sans-serif!important;
		font-weight: 700!important;
		font-style: normal!important;
	}
	#tabMenu li:last-of-type{
		margin-right:0;
	}
	#tabMenu li.active {
		position:relative;
		background:url(../img/bg_tab1_active.jpg) center bottom no-repeat;
		border-color:#d78a8a;
	}
	#tabMenu li.active a:after{
		content: "";
		position: absolute;
		right: 0;
		bottom: -17px;
		left: 0;
		width: 0px;
		height: 0px;
		margin: auto;
		border-style: solid;
		border-color: #d78a8a transparent transparent transparent;
		border-width: 10px 10px 0 10px;
	}

	#tabMenu li a{
		display:block;
		width:100%;
		text-align:center;
		background-color:#ffffff;
		color:#000000!important;
		font-size:12px;
		font-weight:300;
		letter-spacing:0.05em;
		line-height:1.4;
		padding:20px 0;
	}
	#tabMenu li a span{
		font-size:20px;
		font-family: "Fjalla One", sans-serif;
	}
	#tabMenu li a:hover,
	#tabMenu li a:active,
	#tabMenu li a:link,
	#tabMenu li a:visited{
		text-decoration: none;
		color: #656565 !important;
		font-family: fot-tsukuardgothic-std, sans-serif !important;
		font-weight: 700 !important;
		font-style: normal !important;
		opacity: 1;
		font-size: 17px;
	}




	/* タブの中身
	----------------------------------------------- */
	#tabBoxes {
		margin-top: 1px;
		background-color: #FFFFFF;
		margin: 0 5px 0 0;
		padding: 14px 30px 30px 30px;
		font-family: fot-tsukuardgothic-std, sans-serif !important;
		font-weight: 700 !important;
		font-style: normal !important;
		color:#716e6e;
	}
	#tabBoxes > div {
		display: none;
	}
	#tabBoxes > div.active {
		display: block;
	}

	.tab_news{
		width:auto;
		height: 336px;
		padding:6px 6px 6px 6px;
		overflow:hidden;
	}

	.top_news_section section{
		padding-top:12px;
		border-bottom: 2px dashed #DCDCDC;
		position: relative;
	}
	.top_news_section ul{
		height: 66px;
		vertical-align: middle;
		padding: 19px 0 0 0px;
		margin: 0 0 0 107px;
	}
	.top_news_section ul li{
		display:inline-block;
		font-size:16px;
		line-height:20px;
	}
	.top_news_section ul li:nth-child(2){
		padding: 0 0 0 18px;
	}
	.top_news_section ul li a{
		font-size: 18px;
		color:#716e6e;
	}
	.top_news_section ul li.entry-thumbnail{
		margin-left:6px;
		margin-right:36px;
	}
	.top_news_section ul li.entry-thumbnail img{
		width:71px;
	}
	.top_news_section ul li.entry-meta{
		width:130px;
		color:#1a67be;
		vertical-align:-2px;
	}
	.top_news_section ul li.entry-title a{
		vertical-align:-2px;
		color:#161c20;
	}
	.cate_icon{
		position:absolute;
		margin-top: 21px;
	}
	
	.oshirase{
		position: absolute;
		background-color: #DA7979;
		color: #FFF;
		padding: 4px 8px;
		font-size: 11px;
	}
	.osusume{
		position: absolute;
		background-color: #92A28E;
		color: #FFF;
		padding: 4px 8px;
		font-size: 11px;
	}
	.season{
		position: absolute;
		background-color: #8D839B;
		color: #FFF;
		padding: 4px 8px;
		font-size: 11px;
	}
	.area{
		position: absolute;
		background-color: #B9A687;
		color: #FFF;
		padding: 4px 8px;
		font-size: 11px;
	}
	.top03_bnt{
		margin: 30px 0 0 0;
	}
	.top03_blog{
		padding: 0 0 100px 0;
	}
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	/* タブ */
	.news_wrap{
		position:relative;
	}

	.top03 img{
		    width: 20%;
		margin: 20vw 0 5vw 0;
	}

	/* タブメニュー
	----------------------------------------------- */

	#tabMenu{
		font-size:0;
	}
	#tabMenu li{
		width: 20%;
	    display: inline-block;
	    background: url(../img/bg_tab1.jpg) center bottom no-repeat;
	    border-bottom: 7px solid #d8d3bb;
	    margin: 0 0% 0% 0;
	    color:#716e6e;
		font-family: fot-tsukuardgothic-std, sans-serif !important;
		font-weight: 700 !important;
		font-style: normal !important;
	}
	#tabMenu li:nth-of-type(2n){
		margin-right:0;
	}
	#tabMenu li.active {
		position:relative;
		background:url(../img/bg_tab1_active.jpg) center bottom no-repeat;
		border-color: #be5a5a;
	}
	#tabMenu li.active a:after{

	}

	#tabMenu li a{
		display:block;
		width:100%;
		text-align:center;
		background-color:#ffffff;
		color:#000000!important;
		font-size:3vw;
		font-weight:300;
		padding:10px 0;
		color:#716e6e;
		font-family: fot-tsukuardgothic-std, sans-serif !important;
		font-weight: 700 !important;
		font-style: normal !important;
	}
	#tabMenu li a:hover,
	#tabMenu li a:active,
	#tabMenu li a:link,
	#tabMenu li a:visited{
	    text-decoration: none;
	    color:#716e6e!important;
	    font-family: "Noto Sans Japanese";
	    opacity: 1;
	    background-color: #ffffff;
	}


	/* タブの中身 */
	#tabBoxes {
		margin-top: 0vw;
	    background-color: #FFFFFF;
		font-family: fot-tsukuardgothic-std, sans-serif !important;
		font-weight: 700 !important;
		font-style: normal !important;
	}
	#tabBoxes > div {
		display: none;
	}
	#tabBoxes > div.active {
		display: block;
	}

	.tab_news{
		width:auto;
		height: 52vw;
		padding:2vw;
		overflow:hidden;
	}

	.top_news_section ul{
padding-bottom: 2vw;
    border-bottom: 1px dashed #161c20;
    margin: 0 1vw 0 22vw;
	}
	.top_news_section section{
		padding-top:12px;
	}
	.top_news_section ul li{
		display:inline-block;
		font-size: 3vw;
		line-height:20px;
	}
	.top_news_section ul li.entry-thumbnail{
		margin-left:6px;
		margin-right:36px;
	}
	.top_news_section ul li.entry-thumbnail img{
		width:71px;
	}
	.top_news_section ul li.entry-meta{
		width:130px;
		color:#1a67be;
		vertical-align:-2px;
	}
	.top_news_section ul li.entry-title a{
		vertical-align:-2px;
		color:#161c20;
	}

	.cate_icon{
		position:absolute;
		margin-top: 0vw;
	    padding: 1vw 1vw;
	    font-size: 3vw;
	}
	
	.oshirase{
		position: absolute;
		background-color: #DA7979;
		color: #FFF;

	}
	.osusume{
		position: absolute;
		background-color: #92A28E;
		color: #FFF;

	}
	.season{
		position: absolute;
		background-color: #8D839B;
		color: #FFF;

	}
	.area{
		position: absolute;
		background-color: #B9A687;
		color: #FFF;
	}
	.top03_bnt img{
	width: 65vw;
    margin: 6vw auto 14vw;
	}
}




/* ================================================================================

	〇〇

================================================================================ */


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.top04 > div{
		max-width: 1240px !important;
		margin:0 auto;
	}
	.top04_inner > div{
		max-width: 1240px !important;
		margin:0 auto;
	}
	.top04_inner img{
	    border-radius: 8px;
	    -webkit-border-radius: 8px;
	    -moz-border-radius: 8px;
	}
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.top04 > div{

	}
	.top04_inner > div{

	}
	.top04_inner img{
	    border-radius: 8px;
	    -webkit-border-radius: 8px;
	    -moz-border-radius: 8px;
	        width: 67vw;
	    margin: 0 auto 3vw;
	}
}



/* ================================================================================

	〇〇

================================================================================ */


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.top05{
		margin-top:100px;
	}
	.top05_midashi{
		font-family: fot-tsukuardgothic-std, sans-serif!important;
		font-weight: 700!important;
		font-style: normal!important;
		font-size:24px;
		text-align:center;
	}
	.red{
		color:#c95350;
	}
	.top05_inner{
		
	}
	.top05_submidashi{
		font-size:16px;
		text-align:center;
	}
	.top05_pic img{
		border-radius: 50%;
		margin-top: 30px;
	}
	.top05_clm{
		padding:0 10px;
	}
	.top05_btn{
		padding: 24px 0 0 0;
	}

}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.top05{

	}
	.top05_midashi{
		font-family: fot-tsukuardgothic-std, sans-serif!important;
		font-weight: 700!important;
		font-style: normal!important;
		font-size:24px;
		text-align:center;
	}
	.red{
		color:#c95350;
	}
	.top05_inner{
		
	}
	.top05_submidashi{
		font-size:16px;
		text-align:center;
	}
	.top05_pic img{
	    border-radius: 50%;
	    margin-top: 7vw;
	    width: 64vw;
	}
	.top05_clm{
		padding:0 8vw;
	}
	.top05_btn{
    padding: 4vw 0 5vw 0;
    width: 50vw!important;
    margin: 0 auto;
	}
}



/* ================================================================================

	〇〇

================================================================================ */


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.top06{
		padding: 100px 0 0 0;
	}

}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.top06{
		padding: 8vw 0 0 0;
	}
	.top06 iframe{
		height: 95vw!important;
	}
}