@charset "utf-8";

.stamp_p{
	padding-left: 10px;
}
@media (min-width: 952px) {
	/*全スタンプページ共通部分*/
	#sp_submenu_wrap{
		display: none;
	}
	#main_content{
		width: 952px;
		margin-left: auto;
		margin-right: auto;
		padding-top: 10px;
		/* padding-bottom: 20px; */
		display: flex;
		flex-direction:row-reverse;
		background-color: #fff;
	}
	main {
		width: 718px;
		padding-top: 10px;
		padding-right: 12px;
		padding-left: 12px;
	}
	aside {
		width: 185px;
		padding-top: 10px;
		padding-right: 12px;
		padding-left: 13px;
		/* background-color: #f4f4f4; */
		background-image: url(../../images/a19.png);
		background-attachment: fixed;
	}
	aside p{
		height: 33px;
	}
	#stampheader {
		border-bottom-width: 2px;
		border-bottom-style: solid;
		border-bottom-color: #FF9900;
		margin-bottom: 15px;
	}
	#flashtitle {
		width: 952px;
		margin-left: auto;
		margin-right: auto;
		padding-top: 30px;
		padding-bottom: 10px;
		box-sizing: border-box;
		padding-left: 15px;
		border-bottom: 2px solid #99f;
	}
	#stampcontent {
		margin-bottom: 20px;
	}
	aside ul li a {
		text-indent: -9999px;
		display: block;
	}
	/*ここからスタンプ欄のスタイル*/
	.stamp_wrap{
		display: flex;
		flex-wrap: wrap;
		background-color: #c7c7ff;
		padding: 10px 8px 0 8px;
		box-sizing: border-box;
	}
	.space1{
		width:33.33%;
	}
	.space1_5,.sta_space1_5{
		width:50%;
	}
	.space2,.sta_space2{
		width:66.66%;
	}
	.space3{
		width:100%;
	}
	.space1,.space1_5,.sta_space1_5,.sta_space2,.space2,.space3{
		text-align: center;
		background-color: #fff;
		border-left:2px solid #c7c7ff;
		border-right:2px solid #c7c7ff;
		border-bottom:10px solid #c7c7ff;
		box-sizing: border-box;
	}
	.last{
		border-bottom:none;
	}
	.space1 p{
		display: inline-block;
  vertical-align: middle;
	}
	.space1_5 img,.space2 img,.space3 img{
		vertical-align: middle;
		padding-bottom: 10px;
	}
	.space1 img{
		padding-bottom: 10px;
	}
	.space1_5 p,.space1 p,.space2 p,.space3 p{
		padding-top: 10px;
	}
	h4,h5{
		font-weight: normal;
		font-size: small;
	}
	h4{
		background-image: url(../image/bg_title.png);
		background-repeat: repeat-x;
		background-position: left bottom;
	}
	h5{
		background-color: #FFFF99;
	}
	/*ここまで共通部分*/

	/*new付きボタン使用ページ用（博物館）*/
	.pref_title{
		margin-top: 70px;
	}
	li a#muslink1,li a#muslink2,li a#muslink3,li a#muslink4,li a#muslink5,li a#muslink6,li a#muslink7 {
		height: 35px;
		width: 185px;
		background-repeat: no-repeat;
		background-position: left top;	
	}
	li a#muslink1new,li a#muslink2new,li a#muslink3new,li a#muslink4new,li a#muslink5new,li a#muslink6new,li a#muslink7new {
		height: 35px;
		width: 185px;
		background-repeat: no-repeat;
		background-position: right top;	
	}
	.osaka li a#muslink1,.kyoto li a#muslink2,.hyogo li a#muslink3,.nara li a#muslink4,.shiga li a#muslink5,.mie li a#muslink6,.other li a#muslink7 {
		background-position: left bottom;	
	}
	.osaka li a#muslink1new,.kyoto li a#muslink2new,.hyogo li a#muslink3new,.nara li a#muslink4new,.shiga li a#muslink5new,.mie li a#muslink6new,.other li a#muslink7new {
		background-position: right bottom;	
	}
	li a#muslink1,li a#muslink1new{
		background-image: url(../image/musbtn11.png);
	}
	li a#muslink2,li a#muslink2new{
		background-image: url(../image/musbtn12.png);
	}
	li a#muslink3,li a#muslink3new{
		background-image: url(../image/musbtn13.png);
	}
	li a#muslink4,li a#muslink4new{
		background-image: url(../image/musbtn14.png);
	}
	li a#muslink5,li a#muslink5new{
		background-image: url(../image/musbtn15.png);
	}
	li a#muslink6,li a#muslink6new{
		background-image: url(../image/musbtn16.png);
	}
	li a#muslink7,li a#muslink7new{
		background-image: url(../image/musbtn17.png);
	}
	li a#muslink1:hover,li a#muslink2:hover,li a#muslink3:hover,li a#muslink4:hover,li a#muslink5:hover,li a#muslink6:hover,li a#muslink7:hover{
		background-position: left bottom;
	}
	li a#muslink1new:hover,li a#muslink2new:hover,li a#muslink3new:hover,li a#muslink4new:hover,li a#muslink5new:hover,li a#muslink6new:hover,li a#muslink7new:hover{
		background-position: right bottom;
	}
	/*ここまで博物館ページ用*/

	/*new付きボタン使用ページ用（道の駅）*/
	li a#mitilink1,li a#mitilink2,li a#mitilink3,li a#mitilink4,li a#mitilink5 {
		height: 35px;
		width: 185px;
		background-repeat: no-repeat;
		background-position: left top;	
	}
	li a#mitilink1new,li a#mitilink2new,li a#mitilink3new,li a#mitilink4new,li a#mitilink5new {
		height: 35px;
		width: 185px;
		background-repeat: no-repeat;
		background-position: right top;	
	}
	.osaka li a#mitilink1,.hyogo li a#mitilink2,.nara li a#mitilink3,.wakayama li a#mitilink4,.other li a#mitilink5 {
		background-position: left bottom;	
	}
	.osaka li a#mitilink1new,.hyogo li a#mitilink2new,.nara li a#mitilink3new,.wakayama li a#mitilink4new,.other li a#mitilink5new {
		background-position: right bottom;	
	}
	li a#mitilink1,li a#mitilink1new{
		background-image: url(../image/mitibtn11.png);
	}
	li a#mitilink2,li a#mitilink2new{
		background-image: url(../image/mitibtn12.png);
	}
	li a#mitilink3,li a#mitilink3new{
		background-image: url(../image/mitibtn13.png);
	}
	li a#mitilink4,li a#mitilink4new{
		background-image: url(../image/mitibtn14.png);
	}
	li a#mitilink5,li a#mitilink5new{
		background-image: url(../image/mitibtn15.png);
	}
	li a#mitilink1:hover,li a#mitilink2:hover,li a#mitilink3:hover,li a#mitilink4:hover,li a#mitilink5:hover{
		background-position: left bottom;
	}
	li a#mitilink1new:hover,li a#mitilink2new:hover,li a#mitilink3new:hover,li a#mitilink4new:hover,li a#mitilink5new:hover{
		background-position: right bottom;
	}
	.miti_h3{
		margin-top: 50px;
	}
	.miti_h3_top{
		margin-top: 30px;
	}
	/*ここまで道の駅ページ用*/

	/*new付きボタン使用ページ用（歴史街道）*/
	li a#rekilink1,li a#rekilink2,li a#rekilink3,li a#rekilink4,li a#rekilink5,li a#rekilink6,li a#rekilink7 {
		height: 35px;
		width: 185px;
		background-repeat: no-repeat;
		background-position: left top;	
	}
	li a#rekilink1new,li a#rekilink2new,li a#rekilink3new,li a#rekilink4new,li a#rekilink5new,li a#rekilink6new,li a#rekilink7new {
		height: 35px;
		width: 185px;
		background-repeat: no-repeat;
		background-position: right top;	
	}
	.osaka li a#rekilink1,.kyoto li a#rekilink2,.hyogo li a#rekilink3,.nara li a#rekilink4,.shiga li a#rekilink5,.mie li a#rekilink6,.other li a#rekilink7 {
		background-position: left bottom;	
	}
	.osaka li a#rekilink1new,.kyoto li a#rekilink2new,.hyogo li a#rekilink3new,.nara li a#rekilink4new,.shiga li a#rekilink5new,.mie li a#rekilink6new,.other li a#rekilink7new {
		background-position: right bottom;	
	}
	li a#rekilink1,li a#rekilink1new{
		background-image: url(../image/rekbtn11.png);
	}
	li a#rekilink2,li a#rekilink2new{
		background-image: url(../image/rekbtn12.png);
	}
	li a#rekilink3,li a#rekilink3new{
		background-image: url(../image/rekbtn13.png);
	}
	li a#rekilink4,li a#rekilink4new{
		background-image: url(../image/rekbtn14.png);
	}
	li a#rekilink5,li a#rekilink5new{
		background-image: url(../image/rekbtn15.png);
	}
	li a#rekilink6,li a#rekilink6new{
		background-image: url(../image/rekbtn16.png);
	}
	li a#rekilink7,li a#rekilink7new{
		background-image: url(../image/rekbtn17.png);
	}
	li a#rekilink1:hover,li a#rekilink2:hover,li a#rekilink3:hover,li a#rekilink4:hover,li a#rekilink5:hover,li a#rekilink6:hover,li a#rekilink7:hover{
		background-position: left bottom;
	}
	li a#rekilink1new:hover,li a#rekilink2new:hover,li a#rekilink3new:hover,li a#rekilink4new:hover,li a#rekilink5new:hover,li a#rekilink6new:hover,li a#rekilink7new:hover{
		background-position: right bottom;
	}
	.reki_last1_3{
		border-bottom:none;
	}
	/*ここまで歴史街道用*/

	/*SA・PAスタンプページ用*/
	li a#sapalink1,li a#sapalink2,li a#sapalink3 {
		height: 35px;
		width: 185px;
		background-repeat: no-repeat;
		background-position: left top;	
	}
	li a#sapalink1{
		background-image: url(../image/sapabtn11.png);
	}
	li a#sapalink2{
		background-image: url(../image/sapabtn12.png);
	}
	li a#sapalink3{
		background-image: url(../image/sapabtn13.png);
	}
	li a#sapalink1:hover,li a#sapalink2:hover,li a#sapalink3:hover{
		background-position: left bottom;
	}
	.tomei li a#sapalink1,.sanyo li a#sapalink2,.other li a#sapalink3 {
		background-position: left bottom;	
	}
	/*ここまでSAPAスタンプページ用*/

	/*駅スタンプページ用*/
	li a#statilink01,li a#statilink02,li a#statilink03,li a#statilink04,li a#statilink05,li a#statilink06,li a#statilink07,li a#statilink08,li a#statilink09,li a#statilink10,li a#statilink11,li a#statilink12,li a#statilink13,li a#statilink14,li a#statilink15,li a#statilink16 {
		height: 35px;
		width: 185px;
		background-repeat: no-repeat;
		background-position: left top;	
	}
	li a#statilink01{
		background-image: url(../image/stationbtn11.png);
	}
	li a#statilink02{
		background-image: url(../image/stationbtn12.png);
	}
	li a#statilink03{
		background-image: url(../image/stationbtn13.png);
	}
	li a#statilink04{
		background-image: url(../image/stationbtn14.png);
	}
	li a#statilink05{
		background-image: url(../image/stationbtn16.png);
	}
	li a#statilink06{
		background-image: url(../image/stationbtn20.png);
	}
	li a#statilink07{
		background-image: url(../image/stationbtn18.png);
	}
	li a#statilink08{
		background-image: url(../image/stationbtn19.png);
	}
	li a#statilink09{
		background-image: url(../image/stationbtn22.png);
	}
	li a#statilink10{
		background-image: url(../image/stationbtn24.png);
	}
	li a#statilink11{
		background-image: url(../image/stationbtn17.png);
	}
	li a#statilink12{
		background-image: url(../image/stationbtn21.png);
	}
	li a#statilink13{
		background-image: url(../image/stationbtn23.png);
	}
	li a#statilink14{
		background-image: url(../image/stationbtn15.png);
	}
	li a#statilink15{
		background-image: url(../image/stationbtn25.png);
	}
	li a#statilink16{
		background-image: url(../image/stationbtn26.png);
	}
	li a#statilink01:hover,li a#statilink02:hover,li a#statilink03:hover,li a#statilink04:hover,li a#statilink05:hover,li a#statilink06:hover,li a#statilink07:hover,li a#statilink08:hover,li a#statilink09:hover,li a#statilink10:hover,li a#statilink11:hover,li a#statilink12:hover,li a#statilink13:hover,li a#statilink14:hover,li a#statilink15:hover,li a#statilink16:hover{
		background-position: left bottom;
	}
	.biwako li a#statilink09,.gakken li a#statilink07,.hanwa li a#statilink10,.kansai li a#statilink06,.kobe li a#statilink03,.kyoto li a#statilink05,.kanjyo li a#statilink01,.other li a#statilink16,.sanyo li a#statilink04,.subway li a#statilink15 {
		background-position: left bottom;	
	}
	/*ここまで駅スタンプページ用*/

	/*他のスタンプページへのサブナビ用*/
	li a#stalink1,li a#stalink2,li a#stalink3,li a#stalink4,li a#stalink5 {
		height: 40px;
		width: 185px;
		background-repeat: no-repeat;
		background-position: left top;
		margin-top: 15px;
	}
	li a#stalink1{
		background-image: url(../image/stabtn1.gif);
	}
	li a#stalink2{
		background-image: url(../image/stabtn2.gif);
	}
	li a#stalink3{
		background-image: url(../image/stabtn3.gif);
	}
	li a#stalink4{
		background-image: url(../image/stabtn4.gif);
	}
	li a#stalink5{
		background-image: url(../image/stabtn5.gif);
	}
	li a#stalink1:hover,li a#stalink2:hover,li a#stalink3:hover,li a#stalink4:hover,li a#stalink5:hover{
		background-position:left bottom;
	}
	/*ここまでサブナビ用*/

}

/* ------------------------------------------------------------------------------ */
/*------------------------------タブレット３カラム用------------------------------*/
@media (max-width: 951px) {
	#flashtitle{
	  margin-top: 62px;
    padding-left: 10px;
	}
	#sp_submenu{
	  display: none;
	}
	/*ここからスタンプ欄のスタイル*/
	.stamp_wrap{
		display: flex;
		flex-wrap: wrap;
		background-color: #c7c7ff;
		padding: 10px 8px 0 8px;
		box-sizing: border-box;
	}
  #stampheader {
		margin-bottom: 15px;
    	padding-left: 10px;
	}
  h3{
    padding-top: 50px;
    
  }
	.miti_h3{
		/* padding-top: 0; */
		margin-top: 50px;
		text-align: center;
	}
  #stampcontent {
		margin-bottom: 20px;
    /* padding-left: 10px; */
	}
	.pref_title{
		margin-top: 70px;
	}
	.space1{
		width:33.33%;
	}
	.space1_5,.sta_space1_5{
		width:50%;
	}
	.space2,.sta_space2{
		width:66.66%;
	}
	.space3{
		width:100%;
	}
	.space1,.sta_space1,.sta_space1,.sta_space1_5,.sta_space2,.space1_5,.space2,.space3{
		text-align: center;
		background-color: #fff;
		border-left:2px solid #c7c7ff;
		border-right:2px solid #c7c7ff;
		border-bottom:10px solid #c7c7ff;
		box-sizing: border-box;
	}
	.space1_5 img,.space2 img,.space3 img{
		vertical-align: middle;
		padding-bottom: 10px;
	}
	.space1 img{
		padding-bottom: 10px;
	}
	.space1 p,.space1_5 p,.space2 p,.space3 p{
		padding-top: 10px;
	}
	
	h4,h5{
		font-weight: normal;
		font-size: small;
	}
	h4{
		background-image: url(../image/bg_title.png);
		background-repeat: repeat-x;
		background-position: left bottom;
	}
	h5{
		background-color: #FFFF99;
	}
	.reki_last1_3{
		/*719以上3カラムだけ下太くなる時*/
		border-bottom:none;
	}
	.sta_space1{	/*sta_space1が3カラムのとき無で2カラムのとき1列になる*/
		display: none;
	}
}
/*------------------------------幅718px以下------------------------------*/
/*------------------------------タブレット2カラム用------------------------------*/
@media (max-width: 718px) {
	.space1{
		width:50%;
	}
	.sta_space1,.sta_space2{	/*sta_space2が3カラムのとき2列で2カラムのとき1列になる*/
		display: block;
		width:50%;
	}
	.sta_space1_5{
		width:50%;
	}
	.space2,.space1_5{
		width:100%;
	}
	.reki_last2{
		/*718以下2カラムと1カラムで下太くなる時*/
		border-bottom:none;
	}
	.reki_last1_2{
		/*718以下2カラムだけ下太くなる時*/
		border-bottom:none;
	}
	.reki_last1_3{
		/*719以上3カラムだけ下太くなる時*/
		border-bottom:10px solid #c7c7ff;
	}
}
/*------------------------------幅530px以下------------------------------*/
/*------------------------------スマホ1カラム用------------------------------*/
@media (max-width: 530px) {
	.space1,.sta_space1_5{
			width:100%;
	}
	.sta_space1,.sta_space2{
		display: none;
	}
	.miti_last{
			border-bottom:none;
	}
	.reki_last1{
		border-bottom:none;
	}
	.reki_last2{
		/*718以下2カラムと1カラムで下太くなる時*/
		border-bottom:none;
	}
	.reki_last1_3{
		/*719以上3カラムだけ下太くなる時*/
		border-bottom:none;
	}
}