@charset "UTF-8";

/*===============================================

●smart.css  画面の横幅が768pxまで　タブレット・スマホ対象
　タブレット　768px
　スマホ　　　468px

===============================================*/

@media screen and (max-width:768px){

/*========================================

  content

========================================*/
.page_contents{
	display:block;
	width:90%;
	margin:0 auto 30px;
	padding:0 1%;
	clear:both;
}
div.entry{
/*	line-height: 2.5em;*/
	padding:0px;
	/*line-height:1.9em;*/
}

/* ブログ用　*/
.blog_page .entry{
	border-bottom:solid 1px #ccc;
}

div.news_list_part{
	padding:0;
	margin:0;
	font-size:90%;
}
div.honmon{
	font-size:110%;
	line-height:170%;
	margin:0 0 30px;
}
dl.menu dt{
	display:block;
	margin:20px 0;
}


div.responsive_image_gallery{
	margin-top:-10px;
}

/*  contact_form  */
dl#contact_form{
	width:100%
}

dl#contact_form dt{
	display:inline;
	float:left;
	margin:5px 0px;
	padding:0;
	width:100%;
}

dl#contact_form dd{
	display:inline;
	float:right;
	margin:5px 0px;
	padding:0;
	width:100%;
}

/*  aside  */
div#content_box aside{
 /*   width:94%;*/
	width:88%;
    margin:50px 0px -100px 0px;
	padding:0px 0px 50px 6%;
	font-size:105%;
	line-height:1.9em;
}

aside h5{
	/*	前ボーダー付き赤字;	*/
	font-size: 110%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	border-left: solid 4px #C33;
	color:#C33;
	text-indent:1em;
	padding:0 0;
	margin:10px 0px 20px 0px;
	line-height:1.5em;
}

/* ml */
.ml{
	height:1000px;
}

/* ご利用ガイド用　*/

.page_menu b{
	font-size:120%;
}
.page_menu ul{
	margin:20px 0 40px;
	padding:0;
}
.page_menu ul li{
	font-size:110%;
	border-bottom:dotted 1px #ccc;
	margin:0;
	padding:5px 0;
}
.page_block{
	font-size:110%;
	line-height:160%;
}
.page_block h3{
	margin:0px 0 20px;
	padding:10px 20px;
	border:1px solid #999;
}
.page_block .h3block{
	margin:0px 0 40px;
}
.page_block table{
	margin:20px 0;
}
.page_block th,.page_block td{
	padding:5px;
}
.page_block div.p{
	margin:0 0 30px;
}
.align-right,table.td-right td{
	text-align:right;
	font-size:80%;
}
.page_block th{
	text-align:left;
	font-size:80%;
}

th.rankname{
	font-weight:600;
	font-size:130%;
	text-align:center;
}
}