/*
Theme Name: visitguam Original PC
Theme URI: http://visitguam.jp/
Description: visitguam PC
Version: 1.0
Author: visitguam
Author URL: http://visitguam.jp/
*/

@import "../../../../common/css/defalt.css";

/* youtube PC --------------------------------------------------------------------- */

#youtube_overlay a.close {
			width: 36px;
			height: 36px;
}

@media only screen and (min-width: 1241px) {
	body,
	#slider,
	#footer {
		width: 1200px;
	}

	#social-platforms {
		float: left;
	}

	.gSNS_banner {
		float: left;
		margin-left: 10px ;	
	}

	.top #content {
		width: 1200px;
	}

	#main_home div.post:nth-child(odd) .entry.catch_text,
	#main_home div.post:nth-child(even) .entry.catch_photo {
		bottom: 0px;
	}

	#main_home div.post:nth-child(even) .entry.catch_text,
	#main_home div.post:nth-child(odd) .entry.catch_photo {
		top: 0px;
	}

	#main_home div.post:nth-child(odd) .entry.catch_photo .triangle {
		bottom:0px;
		border-top: 20px solid transparent;
		border-right: 20px solid transparent;
		border-bottom: 20px solid #F9F9F9;
		border-left: 20px solid transparent;
	}
	#main_home div.post:nth-child(even) .entry.catch_photo .triangle {
		top:0px;
		border-top: 20px solid #F9F9F9;
		border-right: 20px solid transparent;
		border-bottom: 20px solid transparent;
		border-left: 20px solid transparent;
	}
}

@media only screen and (min-width: 941px) and (max-width: 1240px) {
	body,
	#slider,
	#footer {
		width: 900px;
	}

	#social-platforms {
		float: left;
	}

	.gSNS_banner {
		float: left;
		margin-left: 10px ;	
	}

	.top #content {
		width: 900px;
	}

	#main_home div.post:nth-child(6n+1) .entry.catch_text,
	#main_home div.post:nth-child(6n+3) .entry.catch_text,
	#main_home div.post:nth-child(6n+4) .entry.catch_text,
	#main_home div.post:nth-child(6n) .entry.catch_text {
		bottom: 0px;
	}

	#main_home div.post:nth-child(6n+2) .entry.catch_text,
	#main_home div.post:nth-child(6n+5) .entry.catch_text {
		top: 0px;
	}

	#main_home div.post:nth-child(6n+1) .entry.catch_photo,
	#main_home div.post:nth-child(6n+3) .entry.catch_photo,
	#main_home div.post:nth-child(6n+4) .entry.catch_photo,
	#main_home div.post:nth-child(6n) .entry.catch_photo {
		top: 0px;
	}

	#main_home div.post:nth-child(6n+2) .entry.catch_photo,
	#main_home div.post:nth-child(6n+5) .entry.catch_photo {
		bottom: 0px;
	}

	#main_home div.post:nth-child(6n+1) .entry.catch_photo .triangle,
	#main_home div.post:nth-child(6n+3) .entry.catch_photo .triangle,
	#main_home div.post:nth-child(6n+4) .entry.catch_photo .triangle,
	#main_home div.post:nth-child(6n+6) .entry.catch_photo .triangle {
		bottom:0px;
		border-top: 20px solid transparent;
		border-right: 20px solid transparent;
		border-bottom: 20px solid #F9F9F9;
		border-left: 20px solid transparent;
	}
	#main_home div.post:nth-child(6n+2) .entry.catch_photo .triangle,
	#main_home div.post:nth-child(6n+5) .entry.catch_photo .triangle {
		top:0px;
		border-top: 20px solid #F9F9F9;
		border-right: 20px solid transparent;
		border-bottom: 20px solid transparent;
		border-left: 20px solid transparent;
	}
}

@media only screen and (max-width: 940px) {
	body,
	#slider,
	#footer {
		width: 600px;
	}

	#wrapper {
		padding: 0 0 240px 0;
	}

	#header .logo span {
		width: 120px;
		height: 40px;
	}
	#header .GVBLVlogo span {
		width: 63px;
		height: 56px;
	}
	
	#header .contactbanner {
		width: 120px;
		height: 20px;
		top: 90px;
		left: 30px;
	}

	#header .contactbanner span.social_icon span {
		width: 25px;
		height: 25px;
	}

	#social-platforms {
		margin: 9px 0 28px;
	}

	.top #content {
	    width: 600px;
	}

	#main_home div.post:nth-child(odd) .entry.catch_text,
	#main_home div.post:nth-child(even) .entry.catch_photo {
		bottom: 0px;
	}

	#main_home div.post:nth-child(even) .entry.catch_text,
	#main_home div.post:nth-child(odd) .entry.catch_photo {
		top: 0px;
	}

	#main_home div.post:nth-child(odd) .entry.catch_photo .triangle {
		bottom:0px;
		border-top: 20px solid transparent;
		border-right: 20px solid transparent;
		border-bottom: 20px solid #F9F9F9;
		border-left: 20px solid transparent;
	}
	#main_home div.post:nth-child(even) .entry.catch_photo .triangle {
		top:0px;
		border-top: 20px solid #F9F9F9;
		border-right: 20px solid transparent;
		border-bottom: 20px solid transparent;
		border-left: 20px solid transparent;
	}

	#navigation .text_area {
		width: 440px;
		padding: 15px 0;
	}

	#navigation div {
		width: 100%;
		height: 120px;
		border: 1px solid #008888;
	}

	#navigation div.fleft {
		margin-bottom: 20px;
	}
	
	#footer .sponser {
		width: 560px; 
	}
}