@media screen and (min-width:641px) {

/* 以下PC版　観光パンフレット
---------------------------------------------------- */

	.pamphDenshi {
		margin: 15px 0;
		padding: 5px;
		text-align: left;
		font-size: 100%;
		border: 3px solid #2c63b6;
	}

	.coursebox1 {
		width: 100%;
		margin: 20px auto 0;
		padding: 0;
		display: inline-block;
	}

	.coursebox2 {
		width: 100%;
		margin: 5px auto 30px;
		padding: 0;
		display: inline-block;
	}

	.coursebox1 .course, 
	.coursebox2 .course {
		width: 205px;
		margin: 0 12px 0 0;
		padding: 0;
		float:left;
		max-height:100%;
	}

	.coursebox1 .course2, 
	.coursebox2 .course2 {
		width: 205px;
		margin: 0;
		padding: 0;
		float: left;
		max-height: 100%;
	}

	.coursebox1 .pamph001 {
		background-color: #2c63b6;
		border:2px solid #2c63b6;
		color: #FFF;
		line-height: 180%;
		font-weight: normal;
		font-size: 90%;
		text-align: center;
	}

	.coursebox1 .pamph002{
		padding: 5px 0px;
		text-align: center;
	}

	.coursebox1 .pamph002 img{
		border: 2px solid #DEDEDE;
	}

	.coursebox1 .pamph003{
		padding: 5px 5px 0px;
		font-size: 70%;
		line-height: 130%;
		text-align: left;
	}

	.coursebox2 .pamph005{
		margin: 5px 0;
		text-align: center;
	}

	.coursebox2 .pamph006l{
		padding: 0px 5px;
		float: left;
	}
	.coursebox2 .pamph006r{
		padding: 0px 5px;
		color: #FF3300;
		float: right;
		font-size: 70%;
		line-height: 120%;
	}

	.pamphAreaMenu ul li{
		list-style-type: none;
		float: left;
	}

	.pamphAreaMenu ul li a{
		display: block;
		height: 40px;
		width: 58px;
		text-indent: -9999px;
	}
	.pamphAreaMenu ul li.pamenu01 a{
		width: 60px;
	}

	.pamphAreaMenu ul li.pamenu01 a { background:url(./images/11areamenu.jpg) 0 0; }
	.pamphAreaMenu ul li.pamenu02 a { background:url(./images/11areamenu.jpg) -60px 0; }
	.pamphAreaMenu ul li.pamenu03 a { background:url(./images/11areamenu.jpg) -118px 0; }
	.pamphAreaMenu ul li.pamenu04 a { background:url(./images/11areamenu.jpg) -176px 0; }
	.pamphAreaMenu ul li.pamenu05 a { background:url(./images/11areamenu.jpg) -234px 0; }
	.pamphAreaMenu ul li.pamenu06 a { background:url(./images/11areamenu.jpg) -292px 0; }
	.pamphAreaMenu ul li.pamenu07 a { background:url(./images/11areamenu.jpg) -350px 0; }
	.pamphAreaMenu ul li.pamenu08 a { background:url(./images/11areamenu.jpg) -408px 0; }
	.pamphAreaMenu ul li.pamenu09 a { background:url(./images/11areamenu.jpg) -466px 0; }
	.pamphAreaMenu ul li.pamenu10 a { background:url(./images/11areamenu.jpg) -524px 0; }
	.pamphAreaMenu ul li.pamenu11 a { background:url(./images/11areamenu.jpg) -582px 0; }

	.pamphlanguage {
		text-align: right;
		margin-top: 5px;
	}

}
@media screen and (min-width: 0px) and (max-width: 640px) {

/* 以下スマホ版　観光パンフレット
---------------------------------------------------- */

	.pamphDenshi {
		margin: 15px 0;
		padding: 5px;
		text-align: left;
		font-size: 100%;
		border: 3px solid #2c63b6;
	}

	.coursebox1 {
		width: 100%;
		margin: 20px auto 0;
		padding: 0;
		display: inline-block;
	}

	.coursebox2 {
		width: 100%;
		margin: 5px auto 30px;
		padding: 0;
		display: inline-block;
	}

	.coursebox1 .course, 
	.coursebox2 .course {
		width: 193px;
		margin: 0 10px 0 0;
		padding: 0;
		float:left;
		max-height:100%;
	}

	.coursebox1 .course2, 
	.coursebox2 .course2 {
		width: 193px;
		margin: 0;
		padding: 0;
		float: left;
		max-height: 100%;
	}

	.coursebox1 .pamph001 {
		background-color: #2c63b6;
		border:2px solid #2c63b6;
		color: #FFF;
		line-height: 180%;
		font-weight: normal;
		font-size: 1.6rem;
		text-align: center;
	}

	.coursebox1 .pamph002{
		padding: 5px 0px;
		text-align: center;
	}

	.coursebox1 .pamph002 img{
		border: 2px solid #DEDEDE;
	}

	.coursebox1 .pamph003{
		padding: 5px 5px 0px;
		font-size: 1.5rem;
		line-height: 130%;
		text-align: left;
	}

	.coursebox2 .pamph005{
		margin: 5px 0;
		text-align: center;
	}

	.coursebox2 .pamph006l{
		padding: 0px 5px;
		float: left;
	}
	.coursebox2 .pamph006r{
		padding: 0px 5px;
		color: #FF3300;
		float: right;
		font-size: 1.3rem;
		line-height: 120%;
	}

	.pamphAreaMenu {
		background-color: #2C63B6;
	}

	.pamphAreaMenu ul li{
		list-style-type: none;
		float: left;
	}

	.pamphAreaMenu ul li a{
		display: block;
		height: 60px;
		width: 100px;
		text-indent: -9999px;
	}

	.pamphAreaMenu ul li.pamenu01 a { background:url(./images/11areamenu_sp.jpg) 0 0; }
	.pamphAreaMenu ul li.pamenu02 a { background:url(./images/11areamenu_sp.jpg) -100px 0; }
	.pamphAreaMenu ul li.pamenu03 a { background:url(./images/11areamenu_sp.jpg) -200px 0; }
	.pamphAreaMenu ul li.pamenu04 a { background:url(./images/11areamenu_sp.jpg) -300px 0; }
	.pamphAreaMenu ul li.pamenu05 a { background:url(./images/11areamenu_sp.jpg) -400px 0; }
	.pamphAreaMenu ul li.pamenu06 a { background:url(./images/11areamenu_sp.jpg) -500px 0; }
	.pamphAreaMenu ul li.pamenu07 a { background:url(./images/11areamenu_sp.jpg) 0 -60px; }
	.pamphAreaMenu ul li.pamenu08 a { background:url(./images/11areamenu_sp.jpg) -100px -60px; }
	.pamphAreaMenu ul li.pamenu09 a { background:url(./images/11areamenu_sp.jpg) -200px -60px; }
	.pamphAreaMenu ul li.pamenu10 a { background:url(./images/11areamenu_sp.jpg) -300px -60px; }
	.pamphAreaMenu ul li.pamenu11 a { background:url(./images/11areamenu_sp.jpg) -400px -60px; }

	.pamphlanguage {
		text-align: right;
		margin-top: 5px;
	}

}
