@charset "utf-8";

/*--------------------------------------------------------------------- */
/* mobile用
----------------------------------------------------------------------- */
@media (max-width: 767px) {
	#column-2 {
		width: 100%;
		position: relative;
		flex-direction: row-reverse;
		padding: 0 1em;
	}

	#left_column {
		width: 100%;
		padding: 1em 0 0 0;
	}

	#right_column {
		width: 100%;
	}

/*--------------------------------------------------------------------- */
/* 左カラム sp
----------------------------------------------------------------------- */
	#left_column h2 {
		width: 100%;
		padding: 0.5em;
		margin-bottom: 1em;
		font-size: large;
		text-align: center;
		font-weight: bold;
		color: #FFF;
	}

	#home #left_column h2  {background: #816868;}
	#okinawa #left_column h2  {background: #E46969;}
	#hokkaido #left_column h2  {background: #6FB042;}
	#tokyo #left_column h2  {background: #E43E3C;}
	#kansai #left_column h2  {background: #3061BF;}
	#kyushu #left_column h2  {background: #FD8D00;}
	#tohoku #left_column h2  {background: #ad53e0;}
	#chushikoku #left_column h2  {background: #40701a;}
	#ski #left_column h2  {background: #399CD2;}
	#diving #left_column h2  {background: #47C2D8;}

/*エリアから選ぶ*/

	.left_area {
		width: 100%;
		margin-bottom: 2em;
	}

	.left_area a {
		color: #333;
	}

	.left_area section {
		width: 100%;
		border: 1px solid #BBB;
		margin-bottom: 0.5em;
		padding: 0.2em;
	}

	.left_area section img {
		width: 20%;
		margin-right: 1em;
		float: left;
	}

	.left_area section p {
		font-size: x-small;
	}

	.left_area section h3 {
		font-size: small;
		font-weight: bold;
		margin-bottom: 0.2em;
	}



	.left_word {
		width: 100%;
	}

	.left_word a {
		margin: 0 1em 0 0;
		color: #333;
		display: inline-block;
		font-size: small;
	}

	/*左カラムinfo・read me*/

	.left_info {
		display: none;
	}

	/*--------------------------------------------------------------------- */
	/* 右カラム sp
	----------------------------------------------------------------------- */
	#right_column_top {
		width: 100%;
	}

	#right_column_top img {
		width: 100%;
	}

	/*--------------------------------------------------------------------- */
	/* 右カラム ボックス sp
	----------------------------------------------------------------------- */
	#right_sp_top {
		width: 100%;
		margin-bottom: 2em;
	}

	#right_sp_top img {
		width: 100%;
	}

	#right_sp_top h1 {
		display: none;
	}

	#right_spbox {
		width: 100%;
		margin: 1em 0;
		padding: 0 1em;
		display: flex;
		flex-wrap: wrap;
	}

	#right_spbox section {
		width: 100%;
		padding-bottom: 1em;
		margin-bottom: 1em;
		border-bottom: 1px solid #BBB;
		position: relative;
	}

	#right_spbox section a:hover {
		opacity: 0.5;
	}

	#right_spbox section img {
		width: 40%;
		margin-right: 1em;
		z-index: 1;
		float: left;
	}

	#right_spbox section h2 {
		width: 100%;
		font-size: small;
		font-weight: bold;
		margin: 1em 0;
		color: #333;
	}

	/*　ジャンル　*/

	#right_spbox section .genre span {
		display: none;
	}

	/*　左上フラグ　*/
	#right_spbox section .flag {
		width: 40%;
		text-align: center;
		position: absolute;
		padding: 0.2em 1em;
		font-size: x-small;
		z-index: 10;
		top: 0;
		left: 0;
		color: #FFF;
	}

	#right_spbox section .new {
		background-color: rgba(255,255,0,0.75)
	}

	#right_spbox section .osusume {
		background-color: rgba(255,0,204,0.75);
	}

	#right_spbox section .ninki {
		background-color: rgba(0,204,255,0.75);
	}

	#right_spbox section .teiban {
		background-color: rgba(117,117,117,0.75);
	}

	#right_spbox section .ritou {
		background-color: rgba(153,0,204,0.75);
	}

	#right_spbox section .season {
		background-color: rgba(0,204,0,0.75);
	}

	#right_spbox section .time {
		background-color: rgba(255,0,0,0.75);
	}

	/*--------------------------------------------------------------------- */
	/* エリアTOP検索ボックス sp
	----------------------------------------------------------------------- */	

	.search_box {
		width: 100%;
		margin-bottom: 2em;
	}

	.search_box h2 {
		width: 100%;
		font-size: large;
		padding: 0.5em 1em;
		font-weight: bold;
		text-align: center;
		color: #FFF;
		display: block;
	}

	.search_box_in {
		width: 100%;
	}

	.search_box form section {
		margin: 0.5em 0;
		vertical-align: middle;
		display: inline-block;
		
	}

	.search_box select {
		padding: 0.7em;
		border: #CCC 1px solid;
		border-radius: 0.5em;
		background-color: #FFF;
	}

	#home .search_box h2 {background: #816868;}
	#okinawa .search_box h2 {background: #E46969;}
	#hokkaido .search_box h2  {background: #6FB042;}
	#tokyo .search_box h2  {background: #E43E3C;}
	#kansai .search_box h2  {background: #3061BF;}
	#kyushu .search_box h2  {background: #FD8D00;}
	#tohoku .search_box h2  {background: #ad53e0;}
	#chushikoku .search_box h2  {background: #40701a;}
	#ski .search_box h2  {background: #399CD2;}
	#diving .search_box h2  {background: #47C2D8;}

	.search_box h3 {
		width: 6em;
		padding: 0 0.5em;
		margin: 0 0.5em 0 0;
		float: left;
		color: #FFF;
		font-weight: bold;
		font-size: medium;
	}

	#home .search_box h3 {background-color: #816868;}
	#okinawa .search_box h3 {background-color: #E46969;}
	#hokkaido .search_box h3  {background-color: #6FB042;}
	#tokyo .search_box h3  {background-color: #E43E3C;}
	#kansai .search_box h3  {background-color: #3061BF;}
	#kyushu .search_box h3  {background-color: #FD8D00;}
	#tohoku .search_box h3  {background-color: #ad53e0;}
	#chushikoku .search_box h3  {background-color: #40701a;}
	#ski .search_box h3  {background-color: #399CD2;}
	#diving .search_box h3  {background-color: #47C2D8;}

	.search_others details summary {
		width: 100%;
		cursor: pointer;
		color: #333;
		font-weight: bold;
		font-size: medium;
		}
	
	.search_box form ul {
		display: inline-block;
		margin-top: 1em;
	}

	.search_box form ul li {
		float: left;
		margin: 0 1em;
	}

	.search_box form ul li:last-child {
		display: block;
		margin: 0 1em;
	}

	.search_box form ul {
		display: inline-block;
	}

	.search_box form ul li {
		float: left;
		margin: 0 1em;
	}

	.search_box form ul li:last-child {
		display: block;
		margin: 0 1em;
	}

	.search_btn {
		width: 100%;
		padding: 0.5em 0;
		color: #FFF;
		font-weight: bold;
		border: none;
		border-radius: 1em;
	}

	.search_btn:hover {
		opacity: 0.5;
	}

	#home .search_btn {background-color: #816868;}
	#okinawa .search_btn {background-color: #E46969;}
	#hokkaido .search_btn {background-color: #6FB042;}
	#tokyo .search_btn {background-color: #E43E3C;}
	#kansai .search_btn {background-color: #3061BF;}
	#kyushu .search_btn {background-color: #FD8D00;}
	#tohoku .search_btn {background-color: #ad53e0;}
	#chushikoku .search_btn {background-color: #40701a;}
	#ski .search_btn {background-color: #399CD2;}
	#diving .search_btn {background-color: #47C2D8;}

	/*--------------------------------------------------------------------- */
	/* エリアTOP　ピックアップボックス sp
	----------------------------------------------------------------------- */		

	.pickup_box {
		width: 100%;
		margin-bottom: 3em;
		max-width: 700px;
		text-align: center;
	}

	.pickup_box h2 {
		font-size: large;
		padding: 0.2em 1em;
		margin: auto;
		display: block;
		border-bottom: 3px solid;
		display: inline;
	}

	#home .pickup_box h2 {border-color: #816868;}
	#okinawa .pickup_box h2 {border-color: #E46969;}
	#hokkaido .pickup_box h2  {border-color: #6FB042;}
	#tokyo .pickup_box h2  {border-color: #E43E3C;}
	#kansai .pickup_box h2  {border-color: #3061BF;}
	#kyushu .pickup_box h2  {border-color: #FD8D00;}
	#tohoku .pickup_box h2  {border-color: #ad53e0;}
	#chushikoku .pickup_box h2  {border-color: #40701a;}
	#ski .pickup_box h2  {border-color: #399CD2;}
	#diving .pickup_box h2  {border-color: #47C2D8;}

	.pickup_box_in {
		width: 100%;
		margin: 2em 0;
		display: flex;
		flex-wrap: wrap;
	}

	.pickup_box_in section {
		width: 100%;
		margin-bottom: 1em;
		position: relative;
	}

	.pickup_box_in section:first-child {
		width: calc(50% - 0.5em);
		margin-right: 1em;
	}

	.pickup_box_in section:nth-child(2) {
		width: calc(50% - 0.5em);
		margin: 0;
	}

	.pickup_box_in section:nth-child(3n + 2) {
		margin: 0;
	}

	.pickup_box_in section:hover {
		opacity: 0.5;
	}

	.pickup_box_in section img {
		width: 30%;
		z-index: 1;
		float: left;
		margin-right: 1em;
	}

	.pickup_box_in section:nth-child(-n + 2) img {
		width: 100%;
		z-index: 1;
		margin: 0;
	}

	.pickup_box_in section h3 {
		color: #333;
		font-size: small;
		font-weight: bold;
		text-align: left;
		margin: 0 1em 0 0;
		padding: 0 1em;
	}

	.pickup_box_in section:nth-child(-n + 2) h3 {
		font-size: small;
		margin: 0.5em 0;
		padding: 0;
	}

	/*　左上フラグ　*/
	.pickup_box_in section .flag {
		width: 20%;
		text-align: center;
		position: absolute;
		padding: 0 1em;
		font-size: xx-small;
		z-index: 10;
		top: 0;
		left: 0;
		color: #FFF;
	}

	.pickup_box_in section:nth-child(-n + 2) .flag {
		width: 60%;
		text-align: center;
		position: absolute;
		padding: 0.2em 1em;
		font-size: small;
		z-index: 10;
		top: 0;
		left: 0;
		color: #FFF;
	}


	.pickup_box_in section .new {
		background-color: rgba(255,255,0,0.75)
	}

	.pickup_box_in section .osusume {
		background-color: rgba(255,0,204,0.75);
	}

	.pickup_box_in section .ninki {
		background-color: rgba(0,204,255,0.75);
	}

	.pickup_box_in section .teiban {
		background-color: rgba(117,117,117,0.75);
	}

	.pickup_box_in section .ritou {
		background-color: rgba(153,0,204,0.75);
	}

	.pickup_box_in section .season {
		background-color: rgba(0,204,0,0.75);
	}

	.pickup_box_in section .time {
		background-color: rgba(255,0,0,0.75);
	}


	/*人気ホテル*/
	.pickup_box_hotel {
		width: 100%;
		margin: 2em 0;
		display: flex;
		flex-wrap: wrap;
		text-align: left;
	}

	.pickup_box_hotel section {
		width: 100%;
		position: relative;
		margin-bottom: 1em;
		padding-right: 1em;
	}

	.pickup_box_hotel section:nth-child(3n) {
		margin: 0;
	}

	.pickup_box_hotel section:hover {
		opacity: 0.5;
	}

	.pickup_box_hotel section img {
		width: 30%;
		z-index: 1;
		float: left;
		margin-right: 1em;
	}

	.pickup_box_hotel section h3 {
		color: #333;
		font-size: small;
		font-weight: bold;
	}

	.pickup_box_hotel section p {
		color: #333;
		font-size: x-small;
		line-height: normal;
		text-align: left;
	}



	/* ランキンフラグ */
	.ranking {
		position: absolute;
		top: 0;
		left: 0.2em;
	}

	.ranking_no1 {
		width: 4em;
		height: 2.5em;
		padding: 0.1em;
		text-align: center;
		display: block;
		color: #FFF;
		font-weight: bold;
		background: #CC9900;
		position: relative;
		font-size: x-small;
	}

	.ranking_no1 span:nth-child(2) {
		position: absolute;
		top: 2.4em;
		left: 0;
		border-right: 2em solid #CC9900;
		border-bottom: 1em solid transparent;
		border-left: 2em solid #CC9900;
	}

	.ranking_no2 {
		width: 4em;
		height: 2.5em;
		padding: 0.1em;
		text-align: center;
		display: block;
		color: #FFF;
		font-weight: bold;
		background: #696969;
		position: relative;
		font-size: x-small;
	}
	
	.ranking_no2 span:nth-child(2) {
		position: absolute;
		top: 2.4em;
		left: 0;
		border-right: 2em solid #696969;
		border-bottom: 1em solid transparent;
		border-left: 2em solid #696969;
	}

	.ranking_no3 {
		width: 4em;
		height: 2.5em;
		padding: 0.1em;
		text-align: center;
		display: block;
		color: #FFF;
		font-weight: bold;
		background: #993300;
		position: relative;
		font-size: x-small;
	}
	
	.ranking_no3 span:nth-child(2) {
		position: absolute;
		top: 2.4em;
		left: 0;
		border-right: 2em solid #993300;
		border-bottom: 1em solid transparent;
		border-left: 2em solid #993300;
	}

	/* 周遊 */

	.pickup_box_shuyu {
		width: 100%;
		margin: 2em 0;
		display: flex;
		flex-wrap: wrap;
		text-align: left;
	}

	.pickup_box_shuyu a {
		color: #333;
	}

	.pickup_box_shuyu p {
		line-height: 1.5em;
	}


	.pickup_box_shuyu section {
		width: 100%;
		margin: 1em 1em 0 0;
		padding-bottom: 1em;
		border-bottom: 1px solid #ccc;
	}

	.pickup_box_shuyu section:last-child {
		border: none;
	}

	.pickup_box_shuyu section:hover {
		opacity: 0.5;
	}

	.pickup_box_shuyu section h3 {
		font-size: small;
		font-weight: bold;
		margin-bottom: 0.5em;
	}


	.pickup_box_shuyu img {
		width: 15%;
		float: left;
		margin-right: 1em;
	}	

	/* 一覧はこちらボタン */

	.pickup_box a.ichiran {
		padding: 0.5em 2em;
		color: #FFF;
		border: 1px solid;
		border-radius: 1em;
	}

	.pickup_box a.ichiran:hover {
		opacity: 0.5;
	}

	#home .pickup_box a.ichiran {border-color: #816868; color:#816868;}
	#okinawa .pickup_box a.ichiran {border-color: #E46969; color:#E46969;}
	#hokkaido .pickup_box a.ichiran {background-color: #6FB042; color:#6FB042;}
	#tokyo .pickup_box a.ichiran {border-color: #E43E3C; color:#E43E3C;}
	#kansai .pickup_box a.ichiran {border-color: #3061BF; color:#3061BF;}
	#kyushu .pickup_box a.ichiran {border-color: #FD8D00; color:#FD8D00;}
	#tohoku .pickup_box a.ichiran {border-color: #ad53e0; color:#ad53e0;}
	#chushikoku .pickup_box a.ichiran {background-color: #40701a; color:#40701a;}
	#ski .pickup_box a.ichiran {border-color: #399CD2; color:#399CD2;}
	#diving .pickup_box a.ichiran {border-color: #47C2D8; color:#47C2D8;}

}

/*--------------------------------------------------------------------- */
/* PC用
----------------------------------------------------------------------- */
@media (min-width:768px) {
	#column-2 {
		width: 100%;
		max-width: 1000px;
		display: flex;
		position: relative;
		flex-direction: row-reverse;
	}

	#left_column {
		width: 30%;
		padding:0 1em 0 0;
	}

	#right_column {
		width: 70%;
		max-width: 700px;
	}

	/*--------------------------------------------------------------------- */
	/* 左カラム pc
	----------------------------------------------------------------------- */
	#left_column h2 {
		width: 100%;
		padding: 0.5em;
		margin-bottom: 1em;
		font-size: large;
		text-align: center;
		font-weight: bold;
		color: #FFF;
	}

	#home #left_column h2  {background: #816868;}
	#okinawa #left_column h2  {background: #E46969;}
	#hokkaido #left_column h2  {background: #6FB042;}
	#tokyo #left_column h2  {background: #E43E3C;}
	#kansai #left_column h2  {background: #3061BF;}
	#kyushu #left_column h2  {background: #FD8D00;}
	#tohoku #left_column h2  {background: #ad53e0;}
	#chushikoku #left_column h2  {background: #40701a;}
	#ski #left_column h2  {background: #399CD2;}
	#diving #left_column h2  {background: #47C2D8;}

	.left_area {
		width: 100%;
		margin-bottom: 2em;
	}

	.left_area a {
		color: #333;
	}

	.left_area section {
		width: 100%;
		height: 8.3vw;
		max-height: 90px;
		border: 1px solid #BBB;
		padding: 0.5vw;
		margin: 0.5em 0;
	}

	.left_area section img {
		width: 8vw;
		max-width: 90px;
		height: 7vw;
		max-height: 70px;
		padding-right: 1vw;
		object-fit: cover;
		float: left;
	}

	.left_area section p {
		font-size: x-small;
		line-height: 1.5em;
	}

	.left_area section h3 {
		font-size: small;
		font-weight: bold;
		border-bottom: 1px solid #BBB;
		margin-bottom: 0.2em;
	}

	.left_word {
		width: 100%;
	}

	.left_word a {
		margin: 0 1em 0 0;
		color: #333;
		display: inline-block;
		font-size: small;
	}

	/*左カラムinfo・read me*/

	.left_info {
		width: 100%;
		margin-top: 2em;
	}

	.left_info h3 {
		width: 100%;
		border-bottom: 1px solid #333;
		font-size: large;
		margin-bottom: 1em;;
	}

	.left_info ul li a {
		text-decoration: none;
		color: #333;
	}

	.left_info ul li a::before {
		content: ">";
		margin-right: 0.5em;
	}


	/*--------------------------------------------------------------------- */
	/* 右カラム pc
	----------------------------------------------------------------------- */
	#right_column_top {
		width: 100%;
		max-width: 700px;
	}

	#right_column_top img {
		width: 100%;
	}

	/*--------------------------------------------------------------------- */
	/* 右カラム ボックス pc
	----------------------------------------------------------------------- */
	#right_sp_top {
		width: 100%;
		max-width: 700px;
		margin-bottom: 2em;
	}

	#right_sp_top img {
		width: 100%;
	}

	#right_sp_top h1 {
		display: none;
	}

	#right_spbox {
		width: 100%;
		max-width: 700px;
		margin: 1em 0;
		display: flex;
		flex-wrap: wrap;
	}

	#right_spbox section {
		width: calc((100% - 2em)/3);
		padding: 0;
		margin: 0 1em 2em 0;
		position: relative;
	}

	#right_spbox section:nth-child(3n) {
		margin: 0 0 1em 0;
	}

	#right_spbox section a:hover {
		opacity: 0.5;
	}


	#right_spbox section img {
		width: 100%;
		z-index: 1;
	}

	#right_spbox section h2 {
		width: 100%;
		font-size: small;
		font-weight: bold;
		margin: 1em 0;
		color: #333;
	}

	/*　ジャンル　*/

	#right_spbox section .genre span {
		font-size: xx-small;
		border: 1px solid #333;
		padding: 0 1em;
		margin: 0 0.5em 0.5em 0;
		display: inline-block;
		color: #333;
	}

	/*　左上フラグ　*/
	#right_spbox section .flag {
		width: 60%;
		text-align: center;
		position: absolute;
		padding: 0.2em 1em;
		font-size: small;
		z-index: 10;
		top: 0;
		left: 0;
		color: #FFF;
	}

	#right_spbox section .new {
		background-color: rgba(255,255,0,0.75)
	}

	#right_spbox section .osusume {
		background-color: rgba(255,0,204,0.75);
	}

	#right_spbox section .ninki {
		background-color: rgba(0,204,255,0.75);
	}

	#right_spbox section .teiban {
		background-color: rgba(117,117,117,0.75);
	}

	#right_spbox section .ritou {
		background-color: rgba(153,0,204,0.75);
	}

	#right_spbox section .season {
		background-color: rgba(0,204,0,0.75);
	}

	#right_spbox section .time {
		background-color: rgba(255,0,0,0.75);
	}

	/*--------------------------------------------------------------------- */
	/* エリアTOP検索ボックス pc
	----------------------------------------------------------------------- */	

	.search_box {
		width: 100%;
		margin-bottom: 2em;
		max-width: 700px;
	}

	.search_box h2 {
		width: 100%;
		font-size: large;
		padding: 0.5em 1em;
		font-weight: bold;
		text-align: center;
		color: #FFF;
		display: block;
	}

	.search_box_in {
		width: 100%;
	}

	.search_box form section {
		margin: 0.5em 0;
		vertical-align: middle;
		border: #CCC 1px solid;
	}

	.search_box select {
		padding: 0.7em;
		border: none;
	}

	#home .search_box h2 {background: #816868;}
	#okinawa .search_box h2 {background: #E46969;}
	#hokkaido .search_box h2  {background: #6FB042;}
	#tokyo .search_box h2  {background: #E43E3C;}
	#kansai .search_box h2  {background: #3061BF;}
	#kyushu .search_box h2  {background: #FD8D00;}
	#tohoku .search_box h2  {background: #ad53e0;}
	#chushikoku .search_box h2  {background: #40701a;}
	#ski .search_box h2  {background: #399CD2;}
	#diving .search_box h2  {background: #47C2D8;}

	.search_box h3 {
		width: 11em;
		padding: 0.5em 2em;
		margin: 0 0.5em 0 0;
		float: left;
		color: #FFF;
		font-weight: bold;
	}

	#home .search_box h3 {background-color: #816868;}
	#okinawa .search_box h3 {background-color: #E46969;}
	#hokkaido .search_box h3  {background-color: #6FB042;}
	#tokyo .search_box h3  {background-color: #E43E3C;}
	#kansai .search_box h3  {background-color: #3061BF;}
	#kyushu .search_box h3  {background-color: #FD8D00;}
	#tohoku .search_box h3  {background-color: #ad53e0;}
	#chushikoku .search_box h3  {background-color: #40701a;}
	#ski .search_box h3  {background-color: #399CD2;}
	#diving .search_box h3  {background-color: #47C2D8;}

	.search_others details summary {
	cursor: pointer;
	text-align: center;
	color: #333;
	font-weight: bold;
	background-color: #BBB;
	}

	.search_box form ul {
		display: inline-block;
		margin-top: 1em;
	}

	.search_box form ul li {
		float: left;
		margin: 0 1em;
	}

	.search_box form ul li:last-child {
		display: block;
		margin: 0 1em;
	}

	.search_btn {
		width: 100%;
		padding: 0.5em 0;
		color: #FFF;
		font-weight: bold;
		border: none;
		border-radius: 1em;
	}

	.search_btn:hover {
		opacity: 0.5;
	}

	#home .search_btn {background-color: #816868;}
	#okinawa .search_btn {background-color: #E46969;}
	#hokkaido .search_btn {background-color: #6FB042;}
	#tokyo .search_btn {background-color: #E43E3C;}
	#kansai .search_btn {background-color: #3061BF;}
	#kyushu .search_btn {background-color: #FD8D00;}
	#tohoku .search_btn {background-color: #ad53e0;}
	#chushikoku .search_btn {background-color: #40701a;}
	#ski .search_btn {background-color: #399CD2;}
	#diving .search_btn {background-color: #47C2D8;}



	/*--------------------------------------------------------------------- */
	/* エリアTOP　ピックアップボックス pc
	----------------------------------------------------------------------- */		

	.pickup_box {
		width: 100%;
		margin-bottom: 3em;
		max-width: 700px;
		text-align: center;
	}

	.pickup_box h2 {
		font-size: large;
		padding: 0.2em 1em;
		margin: auto;
		text-align: center;
		display: block;
		border-bottom: 3px solid;
		display: inline;
	}

	#home .pickup_box h2 {border-color: #816868;}
	#okinawa .pickup_box h2 {border-color: #E46969;}
	#hokkaido .pickup_box h2  {border-color: #6FB042;}
	#tokyo .pickup_box h2  {border-color: #E43E3C;}
	#kansai .pickup_box h2  {border-color: #3061BF;}
	#kyushu .pickup_box h2  {border-color: #FD8D00;}
	#tohoku .pickup_box h2  {border-color: #ad53e0;}
	#chushikoku .pickup_box h2  {border-color: #40701a;}
	#ski .pickup_box h2  {border-color: #399CD2;}
	#diving .pickup_box h2  {border-color: #47C2D8;}

	.pickup_box_in {
		width: 100%;
		margin: 2em 0;
		display: flex;
		flex-wrap: wrap;
	}

	.pickup_box_in section {
		width: calc((100% - 2em) / 3);
		margin-right: 1em;
		position: relative;
	}

	.pickup_box_in section:first-child {
		width: calc(50% - 0.5em);
	}

	.pickup_box_in section:nth-child(2) {
		width: calc(50% - 0.5em);
		margin: 0;
	}

	.pickup_box_in section:nth-child(3n + 2) {
		margin: 0;
	}

	.pickup_box_in section:hover {
		opacity: 0.5;
	}

	.pickup_box_in section img {
		width: 100%;
		z-index: 1;
	}

	.pickup_box_in section h3 {
		color: #333;
		font-size: small;
		font-weight: bold;
		margin: 0.5em 0;
	}

	.pickup_box_in section:nth-child(-n + 2) h3 {
		font-size: medium;
	}

	/*　左上フラグ　*/
	.pickup_box_in section .flag {
		width: 60%;
		text-align: center;
		position: absolute;
		padding: 0.2em 1em;
		font-size: small;
		z-index: 10;
		top: 0;
		left: 0;
		color: #FFF;
	}

	.pickup_box_in section .new {
		background-color: rgba(255,255,0,0.75)
	}

	.pickup_box_in section .osusume {
		background-color: rgba(255,0,204,0.75);
	}

	.pickup_box_in section .ninki {
		background-color: rgba(0,204,255,0.75);
	}

	.pickup_box_in section .teiban {
		background-color: rgba(117,117,117,0.75);
	}

	.pickup_box_in section .ritou {
		background-color: rgba(153,0,204,0.75);
	}

	.pickup_box_in section .season {
		background-color: rgba(0,204,0,0.75);
	}

	.pickup_box_in section .time {
		background-color: rgba(255,0,0,0.75);
	}


	/*人気ホテル*/
	.pickup_box_hotel {
		width: 100%;
		margin: 2em 0;
		display: flex;
		flex-wrap: wrap;
	}

	.pickup_box_hotel section {
		width: calc((100% - 2em) / 3);
		margin-right: 1em;
		position: relative;
	}

	.pickup_box_hotel section:nth-child(3n) {
		margin: 0;
	}

	.pickup_box_hotel section:hover {
		opacity: 0.5;
	}

	.pickup_box_hotel section img {
		width: 100%;
		z-index: 1;
	}

	.pickup_box_hotel section h3 {
		color: #333;
		font-size: small;
		font-weight: bold;
		margin: 0.5em 0;
	}

	.pickup_box_hotel section p {
		color: #333;
		font-size: small;
		line-height: normal;
		text-align: left;
	}

	/* ランキンフラグ */
	.ranking {
		position: absolute;
		top: 0;
		left: 0.5em;
	}

	.ranking_no1 {
		width: 4em;
		height: 2.5em;
		padding: 0.5em;
		text-align: center;
		display: block;
		color: #FFF;
		font-weight: bold;
		background: #CC9900;
		position: relative;
	}

	.ranking_no1 span:nth-child(2) {
		position: absolute;
		top: 2.4em;
		left: 0;
		border-right: 2em solid #CC9900;
		border-bottom: 1em solid transparent;
		border-left: 2em solid #CC9900;
	}

	.ranking_no2 {
		width: 4em;
		height: 2.5em;
		padding: 0.5em;
		text-align: center;
		display: block;
		color: #FFF;
		font-weight: bold;
		background: #696969;
		position: relative;
	}
	
	.ranking_no2 span:nth-child(2) {
		position: absolute;
		top: 2.4em;
		left: 0;
		border-right: 2em solid #696969;
		border-bottom: 1em solid transparent;
		border-left: 2em solid #696969;
	}

	.ranking_no3 {
		width: 4em;
		height: 2.5em;
		padding: 0.5em;
		text-align: center;
		display: block;
		color: #FFF;
		font-weight: bold;
		background: #993300;
		position: relative;
	}
	
	.ranking_no3 span:nth-child(2) {
		position: absolute;
		top: 2.4em;
		left: 0;
		border-right: 2em solid #993300;
		border-bottom: 1em solid transparent;
		border-left: 2em solid #993300;
	}

	

	/* 周遊 */

	.pickup_box_shuyu {
		width: 100%;
		margin: 2em 0;
		display: flex;
		flex-wrap: wrap;
		text-align: left;
	}

	.pickup_box_shuyu a {
		color: #333;
	}

	.pickup_box_shuyu p {
		line-height: 1.5em;
	}


	.pickup_box_shuyu section {
		width: 100%;
		margin: 1em 1em 0 0;
		padding-bottom: 1em;
		border-bottom: 1px solid #ccc;
	}

	.pickup_box_shuyu section:last-child {
		border: none;
	}

	.pickup_box_shuyu section:hover {
		opacity: 0.5;
	}

	.pickup_box_shuyu section h3 {
		font-size: medium;
		font-weight: bold;
		margin-bottom: 0.5em;

	}


	.pickup_box_shuyu img {
		width: 15%;
		float: left;
		margin-right: 1em;
	}

	/* 一覧はこちらボタン */

	.pickup_box a.ichiran {
		padding: 0.5em 2em;
		color: #FFF;
		border: 1px solid;
		border-radius: 1em;
	}

	.pickup_box a.ichiran:hover {
		opacity: 0.5;
	}

	#home .pickup_box a.ichiran {border-color: #816868; color:#816868;}
	#okinawa .pickup_box a.ichiran {border-color: #E46969; color:#E46969;}
	#hokkaido .pickup_box a.ichiran {background-color: #6FB042; color:#6FB042;}
	#tokyo .pickup_box a.ichiran {border-color: #E43E3C; color:#E43E3C;}
	#kansai .pickup_box a.ichiran {border-color: #3061BF; color:#3061BF;}
	#kyushu .pickup_box a.ichiran {border-color: #FD8D00; color:#FD8D00;}
	#tohoku .pickup_box a.ichiran {border-color: #ad53e0; color:#ad53e0;}
	#chushikoku .pickup_box a.ichiran {background-color: #40701a; color:#40701a;}
	#ski .pickup_box a.ichiran {border-color: #399CD2; color:#399CD2;}
	#diving .pickup_box a.ichiran {border-color: #47C2D8; color:#47C2D8;}

}