@charset "UTF-8";

.InfoPanel 
{
	width:95%;
	margin:5px auto;
}

.InfoPanel .Panel_comment
{
	color: #612e0f;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 1.0em;
	vertical-align: top;
	
}

.PanelImage{
	display:table-cell;
}

.PanelImage_Mobile{
	display:none;
}

.SubPageTitleImage_Mobile{
	display:none;
}

.panel1_howto
{
	border:none;
}

.panel1_howto .PanelImage 
{
	position:relative;
	width:50%;
}

.panel1_howto .Panel_comment {
	display: table-cell;
	padding: 15px;
	margin: 0px;
	width: 50%;
	height: auto;
}

.panel2_howto
{
	border:none;
}

.panel2_howto .Panel_comment {
	display:table-cell;
	padding: 15px;
	margin: 0px;
	height: auto;

}

.panel3_howto
{
	border:none;
}


.panel3_howto .Panel_comment {
	display: table-cell;
	padding: 15px;
	margin: 0px;
	width: 80%;
	vertical-align: top;
	height: auto;
}

.panel3_howto .PanelImage 
{
	position:relative;
	width:20%;
}

.panel4_howto .Panel_comment {
	display: table-cell;
	padding: 15px;
	margin: 0px;
	vertical-align: top;
	height: auto;
}

.panel5_howto
{
	border:none;
}

.panel5_howto .Panel_comment {
	display: table-cell;
	padding: 15px;
	margin: 0px;
	vertical-align: top;
	height: auto;
	width:75%;
}

.panel5_howto_button_area{
	display: table;
	vertical-align: bottom;
	width:100%;
}

.panel5_howto_button_area ul{
	overflow: hidden;
	vertical-align: bottom;
	display: table;
	width: 80%;
	margin: 0px auto;
	padding: 0px;
	color:#ffffff;
}

.panel5_howto_button_area  li{
	display: table-cell;
	width: 50%;
	height: auto;
	float: left;
	font-weight: bold;
	cursor: pointer;
	
}

.panel5_howto_button_area img{
	display:block;
	float: left;
}

.panel5_howto_button_area li img.main_menu_image
{
	width:100%;
	height:auto;
}

.panel5_howto_button_area li:active
{
	cursor:pointer;
	filter:alpha(opacity=80);
	opacity:0.8;
}

.panel5_howto_button_area a
{
	display:inline-block;
}

.panel5_howto_button_area a:hover img
{
	visibility:hidden;
}

.panel5_howto_button_area  .panel5_howto_button_image1
{
	background:url(../image/common/buttons/kangosyoukibo_on_button.png) no-repeat;
	background-size:contain;
}

.panel5_howto_button_area  .panel5_howto_button_image2
{
	background:url(../image/common/buttons/houmon_on_button.png) no-repeat;
	background-size:contain;
}

.panel5_howto_button_area_Mobile{
	display: none;
}

.panel5_howto .PanelImage
{
	width:50%;	
}

.panel6_howto
{
	border:none;
}

.panel7_howto
{
	border:none;
	margin-bottom:0px;
}

.panel7_howto .Panel_comment {
	display: table-cell;
	padding: 15px;
	margin: 0px;
	vertical-align: top;
	height: auto;
	width:40%;
	
}
.panel7_howto .PanelImage 
{
	position:relative;
	width:33%;
}

.panel7_howto .panel7_howto_Images
{
	display:table-cell;
	width:60%;
}

.panel8_howto
{
	border:none;
	margin-top:0px;
}

.panel8_howto .Panel_comment {
	display: table-cell;
	padding: 0px 15px;
	margin: 0px;
	vertical-align: top;
	height: auto;
	width:100%;
	font-size:0.9em;
}

.PanelImage img
{
	width:100%;
	height:auto;
}

.SubPageSTitleImage {
	display:block;
	margin:0px auto;
}

.Panel_comment_header {
	color: #ff7d7d;
	font-size:1.5em;
}

.Panel_comment_strong {
	color: #ff7d7d;
	font-size:1.1em;
}

.Panel_comment_strong_Small {
	color: #ff7d7d;
	font-size:0.9em;
}

/* Small Desktops */
@media (min-width: 769px) and (max-width: 1096px) {

}
/* Small Tablets */
@media (min-width: 481px) and (max-width: 768px) {
	
}
/* Mobile */
@media (max-width: 480px) {

	.InfoPanel 
	{
		width:85%;
		margin:10px auto;
	}


	.PanelImage{
		display:none;
	}
	
	.PanelImage_Mobile{
		display:block;
		width:100%;
	}
	
	.SubPageTitleImage_Mobile{
		display:block;
		width:100%;
	}
	
	.panel4_howto {
    	border: #ff7d7d 1px solid;  /* 枠線を追加 */
		border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
	}
	
	.panel3_howto .PanelImage_Mobile{
		width:50%;
		margin: 0px auto;
	}
	
	.panel5_howto .PanelImage_Mobile{
		width:50%;
		margin: 0px auto;
	}
	
	.panel5_howto_button_area{
		display: none;
	}

	.panel5_howto_button_area_Mobile{
		display: table;
		vertical-align: bottom;
		width:100%;
	}
	
	.panel5_howto_button_area_Mobile div{
		display:table-cell;
		width:48%;
		margin:0px 1%;
		height:auto;
	}
		
	.panel7_howto .Panel_comment{
		display:block;
		width:100%;
		padding:0px;
		margin:0px;
		text-align:center;
	}
	
	.panel7_howto .PanelImage_Mobile{
		width:33%;
		height:auto;
		float:left;
	}
	
	.panel8_howto{
		clear:both;
		width:85%;
	}
	
	.panel8_howto .Panel_comment{
		display:block;
		width:100%;
		padding:0px;
		margin:0px;
		
	}
}