@charset "utf-8";
/* CSS Document */

body.home {
	background:none;

}
@media screen and (max-width: 767px) {
body.home {
	background:none;
}
}

/*-------------------------------------
共通
-------------------------------------*/
.arrow {
	position: relative;
	display: inline-block;
	color: #000;
	padding:1vw 0;
	vertical-align: middle;
	text-decoration: none;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-weight: 500;
	transform: rotate(0.03deg);/*シャギー軽減のためフォントを傾ける*/
}
.arrow:hover {text-decoration: none;opacity:0.8;}
.arrow:before,
.arrow:after{
	position: absolute;
	top: 0;
	bottom: 0;
	right: -1vw;
	margin: auto;
	content: "";
	vertical-align: middle;
	transition: .3s;
}
.arrow:hover:before,
.arrow:hover:after{right: -1.5vw;}
.arrow01:before{
	width: 0.8vw;
	height:0.8vw;
	border-top: 1px solid #333;
	border-right: 1px solid #333;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.arrow02:before{
	width: 0.8vw;
	height:0.8vw;
	border-top: 1px solid #0060b4;
	border-right: 1px solid #0060b4;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.to_archiveBtn a {
	color:#0060b4;
	font-size:1.3vw;
	margin-bottom:1vw;
}
.to_archiveBtn_ct {
	text-align: center;
}
.to_archiveBtn_ct a {
	color:#0060b4;
	font-size:1.3vw;
	margin-bottom:1vw;
}

@media screen and (max-width: 767px) {
.arrow:before,
.arrow:after{right: -2vw;}
.arrow:hover:before,
.arrow:hover:after{right: -3vw;}
.arrow01:before{
	width: 1.8vw;
	height:1.8vw;
}
.arrow02:before{
	width: 1.8vw;
	height:1.8vw;
}
.to_archiveBtn a {
	color:#0060b4;
	font-size:3vw;
	margin-bottom:3vw;
}
}
/*-------------------------------------
トップページのみ左上固定のフロートボタン
-------------------------------------*/
body.home .floatBtn {
	position:fixed;
}
.floatBtn {
	position:absolute;
	left:5%;
	top:2vw;
	width:11%;
	z-index:9999;
}
.floatBtn p.photo_icon {
	margin-bottom:20px; 
}
.floatBtn p a {
	display: block;
	position:relative;
	top:0;
	transition:.3s;
}
.floatBtn p a:hover {
	top:-5px;
}
.floatBtn p a img {
	height: auto;
	max-width:106px;
	width:100%;
}
@media screen and (max-width: 960px) {
	.floatBtn {display:none;}
	body.home .floatBtn,
	body.postid-39130 .floatBtn,
	body.postid-39935 .floatBtn {
		display:block;
		left:3%;
		top:2vw;
		min-width:70px;
		width:16%;
	}
	.floatBtn p.photo_icon {
		margin-bottom:10px; 
	}
}

/*-------------------------------------
メインイメージ
-------------------------------------*/
#mainimg {
	margin-top:55px;
	position: relative;
	width:100%;
}
#mainimg .mainimgHeader {
	padding:10px 0 0;
	position: absolute;
	left:50%;
	top:-55px;
	transform: translate(-50%,0);
	z-index:1000;
	width:20%;
}
#mainimg .mainimgHeader .logo {
	margin: 0 auto 10px;
	width:80%;
}
#mainimg .mainimgHeader .logo img {
	height:auto;
	width:100%;
}
#mainimg .mainimgHeader .txt {
	color:#00A0E9;
	font-size:1.4vw;
	font-weight: 600;
	line-height:1.6;
	text-align: center;
}
#mainimg .mainimgIn {
	background: #DCF5FB;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	transform: rotate(0.03deg);/*シャギー軽減のためフォントを傾ける*/
	padding:8vw 0 3vw;
}
#mainimg .mainimgIn a {
	color:#0D0D0D;
	text-decoration: none;
	transition:all .3s;
}
#mainimg .mainimgIn a:hover {
	opacity: .8;
}
.recommendedArticles {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	margin: 0 auto;
	position: relative;
	width:80%;
}
.recommendedArticles figcaption {
	background:#fff;
	border:solid 1px #707070;
	font-size:1.5vw;
	font-weight: bold;
	padding:1em .5em;
	position:absolute;
	left:-1.5vw;
	top:0;
	writing-mode: vertical-rl;
	z-index: 100;
}
.recommendThum {
	width:40%;
}
.recommendTxt {
	font-family: 'M PLUS Rounded 1c', sans-serif;
	transform: rotate(0.03deg);/*シャギー軽減のためフォントを傾ける*/
	margin-left:5%;
	width:55%;
}
.recommend_cat {
	color:#F86196;
	font-size:1.5vw;
	font-weight: bold;
	margin-bottom: 1em;
}
.recommend_ttl {
	font-size:2vw;
	font-weight: bold;
	margin-bottom: 2em;
}
.recommend_description {
	font-size:1.5vw;	
}
@media screen and (max-width: 1300px) {
#mainimg {
	margin-top:55px;
}
#mainimg .mainimgHeader {
	top:-5vw;
	width:20%;
}

}
@media screen and (max-width: 767px) {
#mainimg .mainimgHeader {
	padding:0;
	top: -6vw;
	width:50%;
}

#mainimg .mainimgHeader .logo {
	margin: 0 auto 5px;
	width:60%;
}
#mainimg .mainimgHeader .txt {
	font-size:2.5vw;
}
#mainimg .mainimgIn {
	background: #DCF5FB;
	padding:12vw 0 3vw;
}
.recommendedArticles {
	display:block;
	width:80%;
}
.recommendThum {
	margin: 0 auto 3vw;
	width:90%;
}
.recommendTxt {
	margin-left:0;
	width:100%;
}
.recommendedArticles figcaption {
	font-size:3vw;
	left:-.5vw;
}
.recommend_cat {
	font-size:3vw;
	margin-bottom: 1em;
}
.recommend_ttl {
	font-size:3.5vw;
	margin-bottom: 1em;
}
.recommend_description {
	font-size:3vw;
	display:none;
}

}

/*-------------------------------------
TOPICS　スライダー
-------------------------------------*/
@media screen and (max-width: 767px) {
body.home main {
	background-size:12%;
	margin-top:-20px;
	}
}
.top_topics {
	margin-bottom:3vw;
	text-align: center;
}
.top_topics h2 {
	margin:0;
	/*style.css打消し*/
	background: none;
	border-top:none;
	border-bottom:none;
	padding:none;
}
.top_topics h2 img {
	height:auto;
	width:12%;
}
.top_topics p.to_archiveBtn {
	margin-bottom:0;
}
.top_topics .topics_list {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 0 auto;
	padding:5vw 0;
	width:80%;
}
.top_topics .topics_list a {
	margin:0 .5%;
	position:relative;
	text-decoration: none;
	width:32%;
}
.top_topics .topics_list a:hover figure img {
	filter: brightness(1.1)
}
.top_topics .topics_list a figure img {
	height:auto;
	width:100%;
	transition: .3s;
}

.slick-prev, .slick-next,.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
	color:#fff!important;
}
.slick-prev, .slick-next {
	width: 2.5vw!important;
	height: 2.5vw!important;
	border-top:solid 2px #0060b4!important;
	border-left:solid 2px #0060b4!important;
}
.slick-prev:before, .slick-next:before {
	font-size:2.5vw!important;
	display:none;
}
.slick-next{
	right: -3vw!important;
	transform: translate(0,-50%) rotate(135deg) !important;
}
.slick-prev {
	left: -3vw!important;
	transform: translate(0,-50%) rotate(-45deg)!important;
}
/*.slide_topics{
    opacity: 0;
    transition: .3s;
}
.slick-initialized{
    opacity: 1
}*/
@media screen and (max-width: 767px) {
.top_topics {
	margin-bottom:8vw;
	}
.top_topics .topics_list {
	width:100%;
}
.top_topics h2 img {width:28%;}
.top_topics .topics_list a {
	margin:3vw 0.5% 5vw;
}
}

/*-------------------------------------
2カラムレイアウト
-------------------------------------*/
.doubleClumn {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin: 0 auto;
	width:80%;
}
@media screen and (max-width: 767px) {
.doubleClumn {
	display:block;
	width:96%
}
}

/*-------------------------------------
左カラム　レポート読み込み
-------------------------------------*/
.top_leftClumn {
	width:48%;
}
.top_leftClumn h2 {
	margin:0 0 3vw 0;
	/*style.css打消し*/
	background: none;
	border-top:none;
	border-bottom:none;
	padding:0;
	text-align: center;
}
.top_leftClumn h2 img {
	height:auto;
	width:60%;
}
.top_leftClumn p.to_archiveBtn {
	
}
.top_leftClumn .report_list {
	margin: 0;
	padding:0;
}
.top_leftClumn .report_list:last-child {
	margin: 0 0 3vw;
}
.top_leftClumn .report_list li {
	width:100%;
	margin:0 0 2vw;
	list-style:none;
}
.top_leftClumn .report_list li a {
	color:#333;
	display:table;
	width:100%;
	transition: .3s;
	text-decoration: none;
}
.top_leftClumn .report_list li a:hover {
	text-decoration: none;
	filter:brightness(1.1);
	color:#0060b4;
}
.top_leftClumn .report_list figure {
	display:table-cell;
	width:20%;}
.top_leftClumn .report_list figure img {
	height:auto;
	width:100%;
}
.top_leftClumn .report_list .report_detail {
	text-align: left;
	display:table-cell;
	padding-left:3%; 
	vertical-align: top;
	width:77%;
}
.top_leftClumn .report_list .report_cat {
	color:#F86196;
	display: inline-block;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-size:1vw;
	font-weight: 500;
	letter-spacing: -0.5px;
	line-height:1.6;
	margin-bottom:1vw;
	margin-right:2vw;
	transform: rotate(0.03deg);/*シャギー軽減のためフォントを傾ける*/
	white-space: wrap;
}

.top_leftClumn .report_list .report_date {
	font-family: 'M PLUS Rounded 1c', sans-serif;
	transform: rotate(0.03deg);/*シャギー軽減のためフォントを傾ける*/
	display: inline-block;
	font-size:1vw;
	font-weight: 400;
	letter-spacing: -0.5px;
	line-height:1.6;
	margin-bottom:0;
}
.top_leftClumn .report_list .report_ttl {
	font-family: 'M PLUS Rounded 1c', sans-serif;
	transform: rotate(0.03deg);/*シャギー軽減のためフォントを傾ける*/
	font-size:1.2vw;
	font-weight: 400;
	letter-spacing: -0.5px;
	line-height:1.6;
	margin-bottom:0;
}
a.report_linkBtn {
	border:solid 1px #707070;
	border-radius:6px;
	color:#3E3A39;
	display: block;
	font-size:1.2vw;
	padding:.5em;
	position:relative;
	text-decoration: none;
	transition:all .3s;
	text-align: center;
}
a.report_linkBtn:before {
	content:"";
	display:block;
	width: 0.8vw;
	height:0.8vw;
	border-top: 1px solid #3E3A39;
	border-right: 1px solid #3E3A39;
	position:absolute;
	right:5vw;
	top:50%;
	margin-top:-.4vw;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
a.report_linkBtn:hover {
	background:#DCF5FB;
}
@media screen and (max-width: 767px) {
.top_leftClumn {
	margin: 0 0 8vw;
	width:100%;
}
.top_leftClumn h2 {
	margin:0 0 5vw 0;
}
.top_leftClumn .to_archiveBtn{
	text-align: center;
}
.top_leftClumn h2 img {width:70%;}
.top_leftClumn .report_list {
	margin: 0 0 5vw;
}

.top_leftClumn .report_list li {
	width:100%;
	margin:0 0 2vw 0;
}
.top_leftClumn .report_list figure {
	width:18%;}
.top_leftClumn .report_list .report_detail {
	padding:0 2% 0 5%;
	width:73%;
}
.top_leftClumn .report_list .report_cat,
.top_leftClumn .report_list .report_date,
.top_leftClumn .report_list .report_ttl {font-size:3vw;}
.top_leftClumn .report_list .report_cat {margin-bottom:3vw;}
a.report_linkBtn {
	font-size:3vw;
	margin: 0 auto;
	width:60%;
}
a.report_linkBtn:before {
	width: 1.6vw;
	height:1.6vw;
	margin-top:-.8vw;
}

}


/*-------------------------------------
右カラム　ランキング
-------------------------------------*/

.top_rightClumn {
	width:48%;
}
.ranking h2 {
	margin:0 0 3vw 0;
	/*style.css打消し*/
	background: none;
	border-top:none;
	border-bottom:none;
	padding:0;
	text-align: center;
}
.ranking h2 img {
	height:auto;
	width:48%;
}
.top_rightClumn .ranking_list {
	margin: 0;
	padding:0;
}
.top_rightClumn .ranking_list li {
	width:100%;
	margin:0 0 2vw;
	list-style:none;
}
.top_rightClumn .ranking_list li a {
	color:#333;
	display:table;
	width:100%;
	transition: .3s;
	text-decoration: none;
}
.top_rightClumn .ranking_list li a:hover {
	text-decoration: none;
	filter:brightness(1.1);
	color:#0060b4;
}
.top_rightClumn .ranking_list figure {
	display:table-cell;
	position: relative;
	width:15%;
}
.top_rightClumn .ranking_list figure:after {
	background:#fff;
	border: solid 1px #707070;
	border-radius:20px;
	content:"";
	display: block;
	position: absolute;
	left:-1vw;
	top:-1vw;
	z-index: 100;
	height: 2vw;
	width:2vw;
}
.top_rightClumn .ranking_list li figure:before {
	display: block;
	font-size:1.2vw;
	position: absolute;
	left:-.35vw;
	top:-.95vw;
	z-index: 200;
}
.top_rightClumn .ranking_list li:nth-child(1) figure:before {
	content:"1";
}
.top_rightClumn .ranking_list li:nth-child(2) figure:before {
	content:"2";
}
.top_rightClumn .ranking_list li:nth-child(3) figure:before {
	content:"3";
}
.top_rightClumn .ranking_list li:nth-child(4) figure:before {
	content:"4";
}
.top_rightClumn .ranking_list li:nth-child(5) figure:before {
	content:"5";
}

.top_rightClumn .ranking_list figure img {height:auto;width:100%;}
.top_rightClumn .ranking_list .report_detail {
	text-align: left;
	display:table-cell;
	padding-left:3%;
	vertical-align: top; 
	width:77%;
}
.top_rightClumn .ranking_list .report_cat {
	color:#F86196;
	display: inline-block;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-size:1vw;
	font-weight: 500;
	letter-spacing: -0.5px;
	line-height:1.6;
	margin-bottom:1vw;
	margin-right:2vw;
	transform: rotate(0.03deg);/*シャギー軽減のためフォントを傾ける*/
	white-space: wrap;
}

.top_rightClumn .ranking_list .report_date {
	font-family: 'M PLUS Rounded 1c', sans-serif;
	transform: rotate(0.03deg);/*シャギー軽減のためフォントを傾ける*/
	display: inline-block;
	font-size:1vw;
	font-weight: 400;
	letter-spacing: -0.5px;
	line-height:1.6;
	margin-bottom:0;
	
}
.top_rightClumn .ranking_list .report_ttl {
	font-family: 'M PLUS Rounded 1c', sans-serif;
	transform: rotate(0.03deg);/*シャギー軽減のためフォントを傾ける*/
	font-size:1.2vw;
	font-weight: 400;
	letter-spacing: -0.5px;
	line-height:1.6;
	margin-bottom:0;
}
@media screen and (max-width: 767px) {
.top_rightClumn {
	width:100%;
}
.top_rightClumn .to_archiveBtn{
	text-align: center;
}
.ranking h2 {
	margin:0 0 5vw 0;
}

.top_rightClumn .ranking_list li {
	width:100%;
	margin:0 0 2vw 0;
}
.top_rightClumn .ranking_list figure {
	width:18%;
	}
.top_rightClumn .ranking_list figure:after {
	border-radius:20px;
	content:"";
	display: block;
	position: absolute;
	left:-1vw;
	top:-1vw;
	z-index: 100;
	height: 4vw;
	width:4vw;
}
.top_rightClumn .ranking_list li figure:before {
	display: block;
	font-size:3vw;
	position: absolute;
	left:.2vw;
	top:-1.4vw;
	z-index: 200;
}
.top_rightClumn .ranking_list .report_detail {
	padding:0 2% 0 5%;
	width:73%;
}
.top_rightClumn .ranking_list .report_cat,
.top_rightClumn .ranking_list .report_date,
.top_rightClumn .ranking_list .report_ttl {font-size:3vw;}
.top_rightClumn .ranking_list .report_cat {margin-bottom:3vw;}
}

/*-------------------------------------
右カラム　カテゴリーリスト
-------------------------------------*/

.catList {
	list-style:none;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-bottom:3vw;
}
.catList li{
 margin: 1vw .5em;
}
.catList li a{
	background:#F8F95C;
	border:solid 1px #707070;
	border-radius: 50px;
	color:#3E3A39;
	display:block;
	font-size:1.2vw;
	padding:0 2em 0.1em 1em;
	position:relative;
	text-decoration: none;
	transition:  all .3s;
}
.catList li a:before{
    content: "";
    display: block;
    width: 0.6vw;
    height: 0.6vw;
    border-top: 1px solid #3E3A39;
    border-right: 1px solid #3E3A39;
    position: absolute;
    right: 1vw;
    top: 50%;
    margin-top: -0.3vw;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.catList li a:hover {
	background:#0060B4;
	border:solid 1px #0060B4;
	color:#fff;
}
@media screen and (max-width: 767px) {
.catList {
	margin-bottom:5vw;
}

.catList li a{
	font-size:3vw;
	}
.catList li a:before{
    width: 1.2vw;
    height: 1.2vw;
    border-top: 1px solid #3E3A39;
    border-right: 1px solid #3E3A39;
    position: absolute;
    right: 2.5vw;
    top: 50%;
    margin-top: -0.4vw;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
}
/*-------------------------------------
右カラム　PICK UP
-------------------------------------*/
.pickup {
	margin-bottom:3vw;
	padding:0 15%;
}
.pickup h2 {
	margin:0 0 2vw 0;
	/*style.css打消し*/
	background: none;
	border-top:none;
	border-bottom:none;
	padding:0;
	text-align: center;
}
.pickup h2 img {
	height:auto;
	width:55%;
}
.pickupImg a {
	color:#3E3A39;
	text-decoration: none;
	transition:all .3s;
}
.pickupImg a:hover {
	color:#0060b4;
}
.pickupImg a:hover img {
	transition:all .3s;
}
.pickupImg {
}
.pickupImg figure {
	background:url("../../images/top/pickup_line01.png") no-repeat left top,url("../../images/top/pickup_line04.png") no-repeat left bottom,url("../../images/top/pickup_line02.png") no-repeat right top,url("../../images/top/pickup_line03.png") no-repeat right bottom;
	background-size:20%;
	font-size:1.2vw;
	margin: 0 auto 1vw;
	padding:1em;
	text-align: center;
	width:100%;
}
.pickupImg figure img {
	height:auto;
	width:100%;
}
.pickupImg .pickup_detail {
	text-align: left;	
}
.pickupImg .pickup_cat {
	color:#F86196;
	display: inline-block;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-size:1vw;
	font-weight: 500;
	letter-spacing: -0.5px;
	line-height:1.6;
	margin-bottom:1vw;
	transform: rotate(0.03deg);/*シャギー軽減のためフォントを傾ける*/
	white-space: wrap;
}
.pickupImg .pickup_date {
	font-family: 'M PLUS Rounded 1c', sans-serif;
	transform: rotate(0.03deg);/*シャギー軽減のためフォントを傾ける*/
	display: inline-block;
	font-size:1vw;
	font-weight: 400;
	letter-spacing: -0.5px;
	line-height:1.6;
	margin-bottom:0;
	margin-left:2vw;
}
.pickupImg .pickup_ttl {
	font-family: 'M PLUS Rounded 1c', sans-serif;
	transform: rotate(0.03deg);/*シャギー軽減のためフォントを傾ける*/
	font-size:1.2vw;
	font-weight: 400;
	letter-spacing: -0.5px;
	line-height:1.6;
	margin-bottom:0;
}
@media screen and (max-width: 767px) {
.pickup {
	margin-bottom:8vw;
	padding:0 5%;
}

.pickup h2 {
	margin:0 0 5vw 0;
}
.pickup h2 img {
	height:auto;
	width:45%;
}
.pickupImg figure {
	font-size:3vw;
	margin: 0 auto 5vw;
	width:70%;
}

.pickupImg .pickup_cat,
	.pickupImg .pickup_date,
	.pickupImg .pickup_ttl {
	font-size:3vw;
}

}
/*-------------------------------------
右カラム　うちなーぐち
-------------------------------------*/

.dialectInner {
	background: #F4F4F4;
	border-radius:6px;
	/*margin-bottom:1.5vw;*/
	padding:2vw 1vw;
	text-align: center;
}

.dialect p {
	line-height:1.6;
	margin-bottom:0;
}
.dialect .dialectTtl {
	font-size:1.8vw;
	margin-bottom:1vw;
	text-align: center;
}
.dialect p.dialectWord {
	color:#0D6AE8;
	font-size:1.8vw;
	font-weight: bold;
	margin-bottom:1.8vw;
}
.dialect .dialectWord:before {
	content:"「";
}
.dialect .dialectWord:after {
	content:"」";
}
.dialect .dialectMeaning {
	font-size:1vw;
	margin-bottom: 1.2em;
}
.dialect .dialectTxt {
	font-size:1vw;
	margin-bottom: 1.2em;
}
.dialectArchive {
	text-align: right;
}
.dialectArchive a {
	color:#3E3A39;
	font-size:1.2vw;
	padding:0 1em;
}
.dialectArchive a:hover {
	color:#0060B4;
}

@media screen and (max-width: 767px) {
.dialect {
	margin:0 auto 5vw;
	width:80%;
}
.dialectInner {
	padding:3vw 2vw;
	text-align: center;
}
.dialect .dialectTtl {
	font-size:4vw;
	margin-bottom:3vw;
}
.dialect p.dialectWord {
	font-size:4vw;
}
.dialect .dialectMeaning {
	font-size:3vw;
}
.dialect .dialectTxt {
	font-size:3vw;
}
.dialectArchive a {
	font-size:3vw;
}
}

/*-------------------------------------
OKINAWA PHOTO　スライダー
-------------------------------------*/
.top_newPhoto {
	padding-top :7vw;
	text-align: center;
}
.top_newPhoto h2 {
	background:none;
	background-size:10%;
	display:inline-block;
	line-height:1.1;
	margin: 0 0 2vw;
	padding:0;
	position: relative;
	/*style.css打消し*/
	border-top:none;
	border-bottom:none;
	width:28%;
}
.photoTxt {
	font-size:1.1vw;
}
/*
.top_newPhoto .slide {width:100%;}
.top_newPhoto .slide li {width:20%;}
.top_newPhoto .slide li a {
	display:block;
	height:0;
	padding-bottom:100%;
	overflow: hidden;
	position:relative;
	transition: .3s;
}
.top_newPhoto .slide li a:hover {filter: brightness(1.2)}
.top_newPhoto .slide li img {height:auto;width:100%;}
*/
.top_newPhoto .photoList {
	display: flex;
	width:100%;
}
.top_newPhoto .photoList li {
	list-style: none;
	width:20%;
}
.top_newPhoto .photoList li a {
	display:block;
	height:0;
	padding-bottom:100%;
	overflow: hidden;
	position:relative;
	transition: .3s;
}
.top_newPhoto .photoList li a:hover {filter: brightness(1.2)}
.top_newPhoto .photoList li img {height:auto;width:100%;}

@media screen and (max-width: 767px) {
.top_newPhoto {
	padding-top :15vw;
	text-align: center;
}

.top_newPhoto h2 {
	font-size:4vw;
	margin-bottom:4vw;
	padding:0;
	width:70%;
}
.photoTxt {
	font-size:3vw;
}
	.top_newPhoto .photoList li {width:33.3333%;}

}

/*-------------------------------------
SNS
-------------------------------------*/
.top_snsWrap {margin:5vw 0;}
.top_snsWrap .txt {
	transform: rotate(0.03deg);/*シャギー軽減のためフォントを傾ける*/
	margin-bottom:3vw;
	text-align: center;
}
.top_snsWrap .txt p {
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-size:1.5vw;
	font-weight: 500;
	line-height:2;
	margin-bottom:1vw;
}
.top_snsWrap .txt a {
	color:#333;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-size:1.5vw;
	font-weight: 500;
}
@media screen and (max-width: 767px) {
.top_snsWrap .txt {
	margin-bottom:8vw;
}
.top_snsWrap .txt p,
.top_snsWrap .txt a {
	font-size:3vw;
}
}