/*******************************************************
 *	PC用CSS     西国街道つぎはぎウォーク
 ******************************************************/
@media screen and (min-width: 1081px) {

	/* タイトルバック 画像指定*/
	.bg-img {
		width: 100%;
		height: 143px;
   		background-image: url('../images/blogtitle.jpg');
	    background-repeat:  no-repeat;
   		background-size:100% auto;
	    background-position: 0 0px;
   		margin: 0 0 0 0;
	}

	/* ブログタイトル位置指定 */
	.title_pos {
		float:left;
		color:white;
		text-align: center;
		margin:20px 0 0 100px;
	}
	/* ブログタイトル */
	.title {
		font-size:30px;
		font-weight:bold;
		margin-bottom:0px;
	}
	/* ブログサブタイトル */
	.subtitle {
		font-size:12px;
		margin-top:-10px;
	}
	/* ブログ名 */
	.blogname {
		float:right;
		font-family: sans-serif;
		font-size:26px;
		color:#ffffff;
		padding-top:90px;
		margin-right:100px;
		margin-bottom: 0px;
	}
	/* ブログサブサブ名 */
	.blogsubname {
		float: right;
		font-family:ＭＳ P ゴシック;
		font-size:12px;
		color: white;
		margin-top:-10px;
		margin-right:70px;
	}
	/* ヘッダーの設定終わり */
	

	a:link      { color: #494747; }
	a:visited   { color: #494747; }
	a:hover     { color: #ff6c0b; }
	a			{ text-decoration: none;}

	body		{
		margin: 0 0 0 0;
		padding: 0px;
		font-family: Meiryo, "Open Sans",sans-serif;
		font-size: 16pxt;
	}			

	.bodykaido {					/* Wrapperをセンタリングするため(街道ウォーク専用) */
		margin: 0 0 0 0;
		padding: 0px;
		font-size: 16px;
		background-image: url("../images/bamboo3.jpg");
   		background-repeat: repeat-y;	
	}
	
	.wrapper_kaido	{
		width: 800px;
		margin: 0px auto;
		padding: 0px;
		text-align: left;
	}

	/* ページの全幅を固定(footerのみに適用 */
/*	div.wrapper { 
		background-color: white;
		min-width: 500px;
		max-width: 1024px;
		margin-left: auto; 
		margin-right: auto;
		padding: 0px;
		text-align: left;
	} */
    
	table.fuda	{
		border: solid 1px;
		width: 98%;
		background-color: #cc9955;
		margin: 0 0 0 0;
	}

	td.fuda		{
		font-size:14px;
		font-weight: normal;
		line-height: 1.2;
		border: 1px inset black;
		margin: 0px;
		padding: 0px;
		text-align: center;
		text-decoration: none;
		width: 27px;
		height:100px;
		background-image: url('../images/board.gif');
	}
	td.fuda_nakasendo {
	    align-items: center;
	    justiry-content: center;
		font-size: 14px;
		font-weight: normal;
		line-height: 1.2;
		border: 2px inset #cc9955;
		margin: 0px;
		padding: 0px;
		text-align: center;
		vertical-align: middle;
		text-decoration: none;
		width: calc(100% / 18);
		height: 100px;
		background-image: url('../images/board.gif');
	}	
	
	abbr[title]	{
		text-decoration: none;
		border: none;
	}

	th        	{ font-size:12pt;color:#494747;}

	h1 	{
		color: #339933;
		margin: 0px;
		height: 95px;
		width: 800px;
		text-align: center;
		display: block;
		padding-top: 5px;
		padding-right: 0px;
		padding-bottom: 0px;
		padding-left: 0px;
		background-image: url("../images/saigoku/title.jpg");
		font-size: 18pt;
		background-color: #339933;
	}

	img.pc {
		width: 800px;
		height: 30px:
	}
	img.catch {
		width: 782px;
		margin: 0px 0px 0px 10px;
	}
	img.nakasendo {
	    width: 480px;
	    height: 370px;
	    margin: 0 0 0 0;
	}
			
	#contents {
		padding: 0px;
		height: 370px;
		width: 800px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
	}
	#space {
    	margin:0px;
	    float: left;
    width: 9px;
	}
	.list {
		margin: 0px 10px 0px 10px;
		float: left;
		width: 770px;
		height: 370px;
		padding-top: 2px;
		padding-right: 0px;
		padding-bottom: 1px;
		padding-left: 8px;
		font-size: 16px;
		line-height: 1.5;
	}
	.contents li {
	    font-size:12px;
		line-height: 1;
	}

	div.column {
		float: left;
		width: 370px;
		padding-top: 15px;
		padding-left: 15px;
	}

	.ol {
    	margin-top: 3px;
    	margin-bottom: 0px;
	    line-height: 2em;
	}

	#wrapper #contents #img {
		margin: 0px;
		float: right; 
		width: 480px;
		hight: 360px;
		padding-top: 0px;
		padding-right: 8px;
		padding-bottom: 0px;
		padding-left: 0px;
	}

	span.white {
		color: #FFFFFF;
		font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",sans-serif;
		font-size: 10pt;
	}

	.font_footer{font-size: 10pt;}

	/* リターン用ボタンの表示 */
	div.button {
	    margin: 5px 1em 15px 5px;
		background-color: #885500; 
		border: 3px outset rgb(170, 136, 51); 
		color: white; 
		float: right; 
		font-weight: bold; 
		height: 20px; 
		width: 120px; 
		text-align: center; 
		line-height: 20px;
	}

	/* Footer */
	div.cc {
		float: left;
		tex-align: center;
		font-size: 12px;
		width: 25%;
		margin-left: 0;
	}
	div.share_button {
		float: right;
		width: 71%;
		margin-right: 0;
	}
	div.twitter {
		float: right;
		margin: -2px 50px 0 10px;
		height: 20px
	}
	div.facebook {
		float: right;
		margin-top: -6px;
		height: 20px;
	}
	div.ez-html {
		width: 160px;
		height: 16px;
		padding-top: 12px;
		padding-left:2em;
		font-size: 12px;
	}
	div.copyright {
		margin-top: 3em;
		font-size: 12px;
		text-align: center;
	}
	div.footerspace {
		width: 20%;
		height: 45px;
	}
	iframe.iframe_layout {
		width: 640px;
		height: 480px;
	}
	img.kaido {
	    width: 240px;
	}
	/* 街道ウォークのイメージの表示場所指定 */
	div.kimgl { 
		float: left;
		margin-top: 0px;
		margin-right: 1em;
		margin-bottom: 20px;
	}
	div.kimgr {
		float: right;
		margin-top: 0px;
		margin-left: 1em;
		margin-bottom: 20px;
	}
	div.kimgn {
		margin-top: 0px;
		margin-bottom: 20px;
	}
	
	
}

/**************************************************
 * スマートフォン用CSS 　西国街道つぎはぎウォーク
 *************************************************/
@media screen and (max-width: 1080px) {

	/* ヘッダータイトルバック 画像指定*/
	.bg-img {
    	width: 100%;
	    height: 120px;
	   	background-image: url('../../../_assets/images/blogtitle.jpg');
	    background-repeat:  no-repeat;
       	background-size:100% auto;
	    background-position: 0 0px;
    	margin: 0 0 0 0;
	}

	/* ブログタイトル位置指定 */
	.title_pos {
		float:left;
		text-align: center;
		margin:10px 0 0 20px;
	}
	/* ブログタイトル */
	.title {
		font-size: 30px;
		font-weight:bold;
		color:white;
		margin-bottom: -5px;
	}
	/* ブログサブタイトル */
	.subtitle {
		font-size:10pt;
		color: white;
		margin-top: 0px;
	}

	/* ブログ名 */
	.blogname {
		float:right;
	    font-family: sans-serif;
    	font-size:20px;
	    color: white;
    	padding-top:70px;
		margin-right:5px;
	    margin-bottom: 0px;
	}
	/* ブログサブサブ名 */
	.blogsubname {
		float: right;
	    font-family:ＭＳ P ゴシック;
    	font-size:10px;
	    color: white;
	    margin-top:0px;
    	margin-right:2px;
	}

	a:link      { color: #494747; }
	a:visited   { color: #494747; }
	a:hover     { color: #ff6c0b; }
	a			{ text-decoration: none;}

	body		{
		margin: 0 0 0 0;
		padding: 0px;
		font-family: Meiryo, "Open Sans",sans-serif;
		font-size: 16px;
	}			

	div.bodykaido {					/* Wrapperをセンタリングするため(街道ウォーク専用) */
		margin: 5px  5px 0 5px;
		padding: 0px;
        border: solid 0px;
	}

    /* 街道タイトル */
    .kaido_title {
        margin-top: 5px;
        width: 100%;
        margin-bottom: 0;
    }

    /* 宿場札の装飾 */
	table.fuda	{
		border: solid 1px;
		width: 98%;
		background-color: #cc9955;
		margin: 0 0 0 0;
	}

    /* 二段テーブルを四段に分割 */	
    table td {
        display: block;
        width: calc(50%);
        float: left;
        box-sizing: border-box;
    }

	td.fuda	{
	    display: flex;
	    align-items: center;
	    justiry-content: center;
		font-size: 14px;
		font-weight: normal;
		line-height: 1.2;
		border: 3px inset #cc9955;
		margin: 0px;
		padding: 2p;
		text-align: center;
		vertical-align: middle;
		text-decoration: none;
		width: calc(100% / 14);
		height: 100px;
		background-image: url('../images/board.gif');
	}
	
	td.fuda_nakasendo {
	    display: flex;
	    align-items: center;
	    justiry-content: center;
		font-size: 14px;
		font-weight: normal;
		line-height: 1.2;
		border: 3px inset #cc9955;
		margin: 0px;
		padding: 0px;
		text-align: center;
		vertical-align: middle;
		text-decoration: none;
		width: calc(100% / 18);
		height: 100px;
		background-image: url('../images/board.gif');
	}

	abbr[title]	{
		text-decoration: none;
		border: none;
	}

	/* ページの全幅を固定(footerのみに適用 */
	div.wrapper { 
/*		background-color: white;
		min-width: 500px;
		max-width: 90%;
		margin-left: 5px; 
		margin-right: 5px;
		padding: 0px;
		text-align: left;
		font-size: 14px; */
	}

	.vcbar {
		width: 100%;
		height: 25px;
		margin-top: -4px;
	}

	.catch {
		width: 98%;
		margin: -23px 1% 0 1%;
	}
	img.nakasendo {
	    width: 98%;
	    height: auto;
	    margin: -4px 1% 0 1%;
	}

	#space {
    	margin:0px;
		float: left;
	    width: 9px;
	}

	div.list {
        display: none;
	}

	span.white {
		color: #FFFFFF;
		font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",sans-serif;
		font-size: 10pt;
	}

	.font_footer{font-size: 12px;}

	/* Google Map 表示サイズ */
	iframe.iframe_layout {
		width: 100%;
	    aspect-ratio: 4 / 3; 
		height: auto;
	}		
    
	/* リターン用ボタンの表示 */
	div.button {
		margin: 0 0 10px 10px;
		background-color: #885500; 
		border: 4px outset rgb(170, 136, 51); 
		color: white; 
		float: right; 
		font-weight: bold; 
		width: 120px; 
		height: 20px; 
		text-align: center; 
		font-size: 16px;
		line-height: 1.4;
	}
	
	/* Footer */
	div.cc {
		float: left;
		tex-align: center;
		font-size: 12px;
		width: 30%;
        height: auto;
		margin-left: 2em;
	}
	div.share_button {
	    text-align: left;
		float: right;
		width: 55%;
		height: auto;
		margin-right: 5px;
	}
	div.twitter {
		float: right;
		margin-top: 0px;
		margin-right: 2em;
		width: 25%;
		height: auto;
	}
	div.facebook {
		float: left;
		margin-top: 0px;
		width: 20%;
		height: auto;
	}
	div.ez-html {
		width: 25%;
		height: auto;
		padding-top: 12px;
		padding-left:2em;
		font-size: 12px;
	}
	div.copyright {
		margin-top: 3em;
		margin-right: 5px;
		font-size: 12px;
		text-align: center;
	}
	div.footerspace {
		width: 20%;
		height: 40px;
	}
}