@charset "utf-8";
/* CSS Document */

@charset "utf-8";

/*margin*/
.mt-5	{ margin-top: 5px !important; }
.mt-10	{ margin-top: 10px !important; }
.mt-15	{ margin-top: 15px !important; }
.mt-20	{ margin-top: 20px !important; }
.mt-25	{ margin-top: 25px !important; }
.mt-30	{ margin-top: 30px !important; }
.mt-35	{ margin-top: 35px !important; }
.mt-40	{ margin-top: 40px !important; }
.mt-45	{ margin-top: 45px !important; }
.mt-50	{ margin-top: 50px !important; }

.mr-5	{ margin-right: 5px !important; }
.mr-10	{ margin-right: 10px !important; }
.mr-15	{ margin-right: 15px !important; }
.mr-20	{ margin-right: 20px !important; }
.mr-25	{ margin-right: 25px !important; }
.mr-30	{ margin-right: 30px !important; }
.mr-35	{ margin-right: 35px !important; }
.mr-40	{ margin-right: 40px !important; }
.mr-45	{ margin-right: 45px !important; }
.mr-50	{ margin-right: 50px !important; }

.ml-5	{ margin-left: 5px !important; }
.ml-10	{ margin-left: 10px !important; }
.ml-15	{ margin-left: 15px !important; }
.ml-20	{ margin-left: 20px !important; }
.ml-25	{ margin-left: 25px !important; }
.ml-30	{ margin-left: 30px !important; }
.ml-35	{ margin-left: 35px !important; }
.ml-40	{ margin-left: 40px !important; }
.ml-45	{ margin-left: 45px !important; }
.ml-50	{ margin-left: 50px !important; }

.mb-5	{ margin-bottom: 5px !important; }
.mb-10	{ margin-bottom: 10px !important; }
.mb-15	{ margin-bottom: 15px !important; }
.mb-20	{ margin-bottom: 20px !important; }
.mb-25	{ margin-bottom: 25px !important; }
.mb-30	{ margin-bottom: 30px !important; }
.mb-35	{ margin-bottom: 35px !important; }
.mb-40	{ margin-bottom: 40px !important; }
.mb-45	{ margin-bottom: 45px !important; }
.mb-50	{ margin-bottom: 50px !important; }

/*padding*/
.pt-5	{ padding-top: 5px !important; }
.pt-10	{ padding-top: 10px !important; }
.pt-15	{ padding-top: 15px !important; }
.pt-20	{ padding-top: 20px !important; }
.pt-25	{ padding-top: 25px !important; }
.pt-30	{ padding-top: 30px !important; }
.pt-35	{ padding-top: 35px !important; }
.pt-40	{ padding-top: 40px !important; }
.pt-45	{ padding-top: 45px !important; }
.pt-50	{ padding-top: 50px !important; }

.pr-5	{ padding-right: 5px !important; }
.pr-10	{ padding-right: 10px !important; }
.pr-15	{ padding-right: 15px !important; }
.pr-20	{ padding-right: 20px !important; }
.pr-25	{ padding-right: 25px !important; }
.pr-30	{ padding-right: 30px !important; }
.pr-35	{ padding-right: 35px !important; }
.pr-40	{ padding-right: 40px !important; }
.pr-45	{ padding-right: 45px !important; }
.pr-50	{ padding-right: 50px !important; }

.pl-5	{ padding-left: 5px !important; }
.pl-10	{ padding-left: 10px !important; }
.pl-15	{ padding-left: 15px !important; }
.pl-20	{ padding-left: 20px !important; }
.pl-25	{ padding-left: 25px !important; }
.pl-30	{ padding-left: 30px !important; }
.pl-35	{ padding-left: 35px !important; }
.pl-40	{ padding-left: 40px !important; }
.pl-45	{ padding-left: 45px !important; }
.pl-50	{ padding-left: 50px !important; }

.pb-5	{ padding-bottom: 5px !important; }
.pb-10	{ padding-bottom: 10px !important; }
.pb-15	{ padding-bottom: 15px !important; }
.pb-20	{ padding-bottom: 20px !important; }
.pb-25	{ padding-bottom: 25px !important; }
.pb-30	{ padding-bottom: 30px !important; }
.pb-35	{ padding-bottom: 35px !important; }
.pb-40	{ padding-bottom: 40px !important; }
.pb-45	{ padding-bottom: 45px !important; }
.pb-50	{ padding-bottom: 50px !important; }

/*clearfix*/
.cf:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.cf {
  min-height: 1px;
}
.cf strong { font-weight: bold;}


/* フロート解除 */
.dl-dashed:after,
.ul-rows4:after,
.ul-rows5:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.dl-dashed,
.ul-rows4,
.ul-rows5 {
  min-height: 1px;
}
.post strong,
.dl-dashed strong,
.ul-rows4 strong,
.ul-rows5 strong { font-weight: bold;}


.no-border-bottom {
	border-bottom: none !important;
}

.w1per { width:1%; }
.w2per { width:2%; }
.w3per { width:3%; }
.w4per { width:4%; }
.w5per { width:5%; }
.w10per { width:10%; }
.w15per { width:15%; }
.w20per { width:20%; }
.w25per { width:25%; }
.w30per { width:30%; }
.w35per { width:35%; }
.w40per { width:40%; }
.w45per { width:45%; }
.w50per { width:50%; }
.w55per { width:55%; }
.w60per { width:60%; }
.w65per { width:65%; }
.w70per { width:70%; }
.w75per { width:75%; }
.w80per { width:80%; }
.w90per { width:90%; }
.w95per { width:95%; }
.w96per { width:96%; }
.w97per { width:97%; }
.w98per { width:98%; }
.w99per { width:99%; }
.w100per { width:100%; }


.w1 { width:1%; }
.w2 { width:2%; }
.w3 { width:3%; }
.w4 { width:4%; }
.w5 { width:5%; }
.w10 { width:10%; }
.w15 { width:15%; }
.w20 { width:20%; }
.w25 { width:25%; }
.w30 { width:30%; }
.w35 { width:35%; }
.w40 { width:40%; }
.w45 { width:45%; }
.w50 { width:50%; }
.w55 { width:55%; }
.w60 { width:60%; }
.w65 { width:65%; }
.w70 { width:70%; }
.w75 { width:75%; }
.w80 { width:80%; }
.w90 { width:90%; }
.w95 { width:95%; }
.w96 { width:96%; }
.w97 { width:97%; }
.w98 { width:98%; }
.w99 { width:99%; }
.w100 { width:100%; }


/* 設定した要素にimgタグがあれば80%に縮小してセンター寄せ */
.img-wrapper-w80per img {
	width:80%;
	margin-left:auto;
	margin-right:auto;
}


.post .library-title {
	padding: 7px;
	background-color: #0000cd;
	color: #FFF;
}

.image-sample {
	border:1px solid #CCC;
	height: 150px;
	padding: 10px;
	overflow: auto;
}


.dl-dashed {
	border-bottom: 1px dashed #CCC;
}
.dl-dashed dt,
.dl-dashed dd {
	float: left;
	border-top: 1px dashed #CCC;
	padding-top:8px;
	padding-bottom:8px;
}
.dl-dashed dt {
	width: 20%;
}
.dl-dashed dd {
	width: 80%;
}
.dl-dashed dt._endline,
.dl-dashed dd._endline {
	border-top: none;
	padding-top:0px;
}
.bold {
	font-weight: bold;
}
.center {
	text-align: center;
}
/* Float設定の一般的クラスの定義
------------------------------------------------------------*/

.left20, .left20per { float:left; width:20%; }
.left25, .left25per { float:left; width:25%; }
.left30, .left30per { float:left; width:30%; }
.left35, .left35per { float:left; width:35%; }
.left40, .left40per { float:left; width:40%; }
.left45, .left45per { float:left; width:45%; }
.left50, .left50per { float:left; width:50%; }
.left55, .left55per { float:left; width:55%; }
.left60, .left60per { float:left; width:60%; }
.left65, .left65per { float:left; width:65%; }
.left70, .left70per { float:left; width:70%; }
.left75, .left75per { float:left; width:75%; }
.left80, .left80per { float:left; width:80%; }

.right20, .right20per { float:right; width:20%; }
.right25, .right25per { float:right; width:25%; }
.right30, .right30per { float:right; width:30%; }
.right35, .right35per { float:right; width:35%; }
.right40, .right40per { float:right; width:40%; }
.right45, .right45per { float:right; width:45%; }
.right50, .right50per { float:right; width:50%; }
.right55, .right55per { float:right; width:55%; }
.right60, .right60per { float:right; width:60%; }
.right65, .right65per { float:right; width:65%; }
.right70, .right70per { float:right; width:70%; }
.right75, .right75per { float:right; width:75%; }
.right80, .right80per { float:right; width:80%; }



/* MARGIN-LEFT % 指定
------------------------------------------------------------*/

.ml-5per  {  margin-left: 5%; }
.ml-10per { margin-left: 10%; }
.ml-15per { margin-left: 15%; }
.ml-20per { margin-left: 20%; }
.ml-25per { margin-left: 25%; }
.ml-30per { margin-left: 30%; }
.ml-35per { margin-left: 35%; }
.ml-40per { margin-left: 40%; }
.ml-45per { margin-left: 45%; }
.ml-50per { margin-left: 50%; }
.ml-55per { margin-left: 55%; }
.ml-60per { margin-left: 60%; }
.ml-65per { margin-left: 65%; }
.ml-70per { margin-left: 70%; }
.ml-75per { margin-left: 75%; }
.ml-80per { margin-left: 80%; }
.ml-85per { margin-left: 85%; }
.ml-90per { margin-left: 90%; }
.ml-95per { margin-left: 95%; }
.ml-100per { margin-left: 100%; }

.pc-ml-5per { margin-left: 5%; }
.pc-ml-10per { margin-left: 10%; }
.pc-ml-15per { margin-left: 15%; }
.pc-ml-20per { margin-left: 20%; }
.pc-ml-25per { margin-left: 25%; }
.pc-ml-30per { margin-left: 30%; }
.pc-ml-35per { margin-left: 35%; }
.pc-ml-40per { margin-left: 40%; }
.pc-ml-45per { margin-left: 45%; }
.pc-ml-50per { margin-left: 50%; }
.pc-ml-55per { margin-left: 55%; }
.pc-ml-60per { margin-left: 60%; }
.pc-ml-65per { margin-left: 65%; }
.pc-ml-70per { margin-left: 70%; }
.pc-ml-75per { margin-left: 75%; }
.pc-ml-80per { margin-left: 80%; }
.pc-ml-85per { margin-left: 85%; }
.pc-ml-90per { margin-left: 90%; }
.pc-ml-95per { margin-left: 95%; }
.pc-ml-100per { margin-left: 100%; }

.pc-mr-5per { margin-right: 5%; }
.pc-mr-10per { margin-right: 10%; }
.pc-mr-15per { margin-right: 15%; }
.pc-mr-20per { margin-right: 20%; }
.pc-mr-25per { margin-right: 25%; }
.pc-mr-30per { margin-right: 30%; }
.pc-mr-35per { margin-right: 35%; }
.pc-mr-40per { margin-right: 40%; }
.pc-mr-45per { margin-right: 45%; }
.pc-mr-50per { margin-right: 50%; }
.pc-mr-55per { margin-right: 55%; }
.pc-mr-60per { margin-right: 60%; }
.pc-mr-65per { margin-right: 65%; }
.pc-mr-70per { margin-right: 70%; }
.pc-mr-75per { margin-right: 75%; }
.pc-mr-80per { margin-right: 80%; }
.pc-mr-85per { margin-right: 85%; }
.pc-mr-90per { margin-right: 90%; }
.pc-mr-95per { margin-right: 95%; }
.pc-mr-100per { margin-right: 100%; }


.pc-pl-5per { padding-left: 5%; }
.pc-pl-10per { padding-left: 10%; }
.pc-pl-15per { padding-left: 15%; }
.pc-pl-20per { padding-left: 20%; }
.pc-pl-25per { padding-left: 25%; }
.pc-pl-30per { padding-left: 30%; }
.pc-pl-35per { padding-left: 35%; }
.pc-pl-40per { padding-left: 40%; }
.pc-pl-45per { padding-left: 45%; }
.pc-pl-50per { padding-left: 50%; }
.pc-pl-55per { padding-left: 55%; }
.pc-pl-60per { padding-left: 60%; }
.pc-pl-65per { padding-left: 65%; }
.pc-pl-70per { padding-left: 70%; }
.pc-pl-75per { padding-left: 75%; }
.pc-pl-80per { padding-left: 80%; }
.pc-pl-85per { padding-left: 85%; }
.pc-pl-90per { padding-left: 90%; }
.pc-pl-95per { padding-left: 95%; }
.pc-pl-100per { padding-left: 100%; }

.pc-pr-5per { padding-right: 5%; }
.pc-pr-10per { padding-right: 10%; }
.pc-pr-15per { padding-right: 15%; }
.pc-pr-20per { padding-right: 20%; }
.pc-pr-25per { padding-right: 25%; }
.pc-pr-30per { padding-right: 30%; }
.pc-pr-35per { padding-right: 35%; }
.pc-pr-40per { padding-right: 40%; }
.pc-pr-45per { padding-right: 45%; }
.pc-pr-50per { padding-right: 50%; }
.pc-pr-55per { padding-right: 55%; }
.pc-pr-60per { padding-right: 60%; }
.pc-pr-65per { padding-right: 65%; }
.pc-pr-70per { padding-right: 70%; }
.pc-pr-75per { padding-right: 75%; }
.pc-pr-80per { padding-right: 80%; }
.pc-pr-85per { padding-right: 85%; }
.pc-pr-90per { padding-right: 90%; }
.pc-pr-95per { padding-right: 95%; }
.pc-pr-100per { padding-right: 100%; }


.pc-w5per { width:5%;}
.pc-w10per { width:10%;}
.pc-w15per { width:15%;}
.pc-w20per { width:20%;}
.pc-w25per { width:25%;}
.pc-w30per { width:30%;}
.pc-w35per { width:35%;}
.pc-w40per { width:40%;}
.pc-w45per { width:45%;}
.pc-w50per { width:50%;}
.pc-w55per { width:55%;}
.pc-w60per { width:60%;}
.pc-w65per { width:65%;}
.pc-w70per { width:70%;}
.pc-w75per { width:75%;}
.pc-w80per { width:80%;}
.pc-w85per { width:85%;}
.pc-w90per { width:90%;}
.pc-w95per { width:95%;}
.pc-w100per { width:100%;}

.pc-w20per-sp-w30per { width:20%;}
.pc-w80per-sp-w70per { width:80%;}

.pc-w30per-sp-w40per { width:30%;}
.pc-w70per-sp-w60per { width:70%;}

/* WordPress標準機能のGallery機能のスタイル定義
------------------------------------------------------------*/
.my-gallery .gallery img {
	border:1px solid #FFF !important;
	width:95%;
}

/* 設定タグの内側のIMGタグを縮小 OR　IMGタグに設定された場合に縮小して中寄せ
-------------------------------------------------------------------------------*/
.img-100per, .img-95per, .img-90per, .img-85per, .img-80per {
	text-align: center;
	height: auto;
}
.img-80per img { width:80% !important; }
.img-85per img { width:85% !important; }
.img-90per img { width:90% !important; }
.img-95per img { width:95% !important; }
.img-100per img { width:100% !important; }

img.img-100per, img.img-95per, img.img-90per, img.img-85per, img.img-80per {
	margin-left: auto;
	margin-right: auto;
}
img.img-80per  { width:80% !important;  }
img.img-85per  { width:85% !important;  }
img.img-90per  { width:90% !important;  }
img.img-95per  { width:95% !important;  }
img.img-100per { width:100% !important; }

/* PCでギャラリー表示 〇列　StyleID20140624_03
------------------------------------------------------------*/
.post .ul-rows4 li,
.post .ul-rows5 li {
	clear: none;
	float:left;
	width:25%;
	text-align: center;
	background: none;
	padding:0px; margin:0px;
	border: none;
}
.post .ul-rows4 img,
.post .ul-rows5 img {
	width:98%;
}
.post .ul-rows4 li { width:25%; }
.post .ul-rows5 li { width:20%; }
/* IE7対策 */
*:first-child+html .post .ul-rows4 li {	width:24%; }
*:first-child+html .post .ul-rows4 li {	width:19%; }



/* StyleID20140623_01 */
/* WordPress標準機能のGallery機能のスタイル定義（普通のギャラリーテイストに）
/* 利用時はコメントを外してください */
/* また管理画面「設定」→「メディア」で「画像サイズ」を600pxくらいにします。 */
/* あとはギャラリー機能を使って写真を投稿するだけです
-------------------------------------------------------------------------------*/
/*
.post .gallery img {
	border:1px solid #FFF !important;
	width:95%;
}
@media only screen and (max-width: 648px){
	.gallery .gallery-item {
		float: none !important;
		margin-top: 0px;
		text-align: center !important;
		width: 100% !important;
	}


}
*/

/* StyleID20140624_01 */
/* 標準的なOL LI タグ
-------------------------------------------------------------------------------*/
ol.ol-nrl {
	margin: 0px; padding: 0px;
	margin-left: 20px;
}
ol.ol-nrl li {
	border: none;
	margin: 0px; padding: 0px;
	margin-bottom: 2px;
}

.my-gallery .gallery .gallery-item {
	margin-top: 0px !important;
}
		



/* width 648px 以下から  トップページの３画像調節
------------------------------------------------------------*/
@media only screen and (max-width: 648px){

	.my-gallery .gallery .gallery-item {
		float: none !important;
		width: 100% !important;
		text-align: center !important;
	}
	.my-gallery .gallery .gallery-item img {
		width: 300px;
	}

	.img-wrapper-w80per img {
		width:100%;
		margin-left:inherit;
		margin-right:inherit;
	}

	.pc-w20per-sp-w30per { width:30%;}
	.pc-w80per-sp-w70per { width:70%;}

	.pc-w30per-sp-w40per { width:40%;}
	.pc-w70per-sp-w60per { width:60%;}

	.left20, .left20per { float:none; width:100%; }
	.left25, .left25per { float:none; width:100%; }
	.left30, .left30per { float:none; width:100%; }
	.left35, .left35per { float:none; width:100%; }
	.left40, .left40per { float:none; width:100%; }
	.left45, .left45per { float:none; width:100%; }
	.left50, .left50per { float:none; width:100%; }
	.left55, .left55per { float:none; width:100%; }
	.left60, .left60per { float:none; width:100%; }
	.left65, .left65per { float:none; width:100%; }
	.left70, .left70per { float:none; width:100%; }
	.left75, .left75per { float:none; width:100%; }
	.left80, .left80per { float:none; width:100%; }

	.right20, .right20per { float:none; width:100%; }
	.right25, .right25per { float:none; width:100%; }
	.right30, .right30per { float:none; width:100%; }
	.right35, .right35per { float:none; width:100%; }
	.right40, .right40per { float:none; width:100%; }
	.right45, .right45per { float:none; width:100%; }
	.right50, .right50per { float:none; width:100%; }
	.right55, .right55per { float:none; width:100%; }
	.right60, .right60per { float:none; width:100%; }
	.right65, .right65per { float:none; width:100%; }
	.right70, .right70per { float:none; width:100%; }
	.right75, .right75per { float:none; width:100%; }
	.right80, .right80per { float:none; width:100%; }

	.pc-ml-5per { margin-left: 0%; }
	.pc-ml-10per { margin-left: 0%; }
	.pc-ml-15per { margin-left: 0%; }
	.pc-ml-20per { margin-left: 0%; }
	.pc-ml-25per { margin-left: 0%; }
	.pc-ml-30per { margin-left: 0%; }
	.pc-ml-35per { margin-left: 0%; }
	.pc-ml-40per { margin-left: 0%; }
	.pc-ml-45per { margin-left: 0%; }
	.pc-ml-50per { margin-left: 0%; }
	.pc-ml-55per { margin-left: 0%; }
	.pc-ml-60per { margin-left: 0%; }
	.pc-ml-65per { margin-left: 0%; }
	.pc-ml-70per { margin-left: 0%; }
	.pc-ml-75per { margin-left: 0%; }
	.pc-ml-80per { margin-left: 0%; }
	.pc-ml-85per { margin-left: 0%; }
	.pc-ml-90per { margin-left: 0%; }
	.pc-ml-95per { margin-left: 0%; }
	.pc-ml-100per { margin-left: 0%; }

	.pc-mr-5per { margin-right: 0%; }
	.pc-mr-10per { margin-right: 0%; }
	.pc-mr-15per { margin-right: 0%; }
	.pc-mr-20per { margin-right: 0%; }
	.pc-mr-25per { margin-right: 0%; }
	.pc-mr-30per { margin-right: 0%; }
	.pc-mr-35per { margin-right: 0%; }
	.pc-mr-40per { margin-right: 0%; }
	.pc-mr-45per { margin-right: 0%; }
	.pc-mr-50per { margin-right: 0%; }
	.pc-mr-55per { margin-right: 0%; }
	.pc-mr-60per { margin-right: 0%; }
	.pc-mr-65per { margin-right: 0%; }
	.pc-mr-70per { margin-right: 0%; }
	.pc-mr-75per { margin-right: 0%; }
	.pc-mr-80per { margin-right: 0%; }
	.pc-mr-85per { margin-right: 0%; }
	.pc-mr-90per { margin-right: 0%; }
	.pc-mr-95per { margin-right: 0%; }
	.pc-mr-100per { margin-right: 0%; }

	.pc-pl-5per { padding-left: 0%; }
	.pc-pl-10per { padding-left: 0%; }
	.pc-pl-15per { padding-left: 0%; }
	.pc-pl-20per { padding-left: 0%; }
	.pc-pl-25per { padding-left: 0%; }
	.pc-pl-30per { padding-left: 0%; }
	.pc-pl-35per { padding-left: 0%; }
	.pc-pl-40per { padding-left: 0%; }
	.pc-pl-45per { padding-left: 0%; }
	.pc-pl-50per { padding-left: 0%; }
	.pc-pl-55per { padding-left: 0%; }
	.pc-pl-60per { padding-left: 0%; }
	.pc-pl-65per { padding-left: 0%; }
	.pc-pl-70per { padding-left: 0%; }
	.pc-pl-75per { padding-left: 0%; }
	.pc-pl-80per { padding-left: 0%; }
	.pc-pl-85per { padding-left: 0%; }
	.pc-pl-90per { padding-left: 0%; }
	.pc-pl-95per { padding-left: 0%; }
	.pc-pl-100per { padding-left: 0%; }

	.pc-pr-5per { padding-right: 0%; }
	.pc-pr-10per { padding-right: 0%; }
	.pc-pr-15per { padding-right: 0%; }
	.pc-pr-20per { padding-right: 0%; }
	.pc-pr-25per { padding-right: 0%; }
	.pc-pr-30per { padding-right: 0%; }
	.pc-pr-35per { padding-right: 0%; }
	.pc-pr-40per { padding-right: 0%; }
	.pc-pr-45per { padding-right: 0%; }
	.pc-pr-50per { padding-right: 0%; }
	.pc-pr-55per { padding-right: 0%; }
	.pc-pr-60per { padding-right: 0%; }
	.pc-pr-65per { padding-right: 0%; }
	.pc-pr-70per { padding-right: 0%; }
	.pc-pr-75per { padding-right: 0%; }
	.pc-pr-80per { padding-right: 0%; }
	.pc-pr-85per { padding-right: 0%; }
	.pc-pr-90per { padding-right: 0%; }
	.pc-pr-95per { padding-right: 0%; }
	.pc-pr-100per { padding-right: 0%; }

	.pc-w5per  { width:100%;}
	.pc-w10per { width:100%;}
	.pc-w15per { width:100%;}
	.pc-w20per { width:100%;}
	.pc-w25per { width:100%;}
	.pc-w30per { width:100%;}
	.pc-w35per { width:100%;}
	.pc-w40per { width:100%;}
	.pc-w45per { width:100%;}
	.pc-w50per { width:100%;}
	.pc-w55per { width:100%;}
	.pc-w60per { width:100%;}
	.pc-w65per { width:100%;}
	.pc-w70per { width:100%;}
	.pc-w75per { width:100%;}
	.pc-w80per { width:100%;}
	.pc-w85per { width:100%;}
	.pc-w90per { width:100%;}
	.pc-w95per { width:100%;}
	.pc-w100per { width:100%;}


	.dl-dashed dt,
	.dl-dashed dd {
		float: none;
		width: 100%;
	}

	.post .ul-rows4 li,
	.post .ul-rows5 li {
		width:100%;
		float: none;
	}
	.post .ul-rows4 img,
	.post .ul-rows5 img {
		width: 100%;
	}


}



/* 通常のセンター寄せ
------------------------------------------------------------*/
.post .center {
	text-align: center;
}


/* StyleID20140624_02 ULスタイル
------------------------------------------------------------*/
.post .ul-dashed li {
	border-bottom: 1px dashed #CCC;
	margin:0px; padding:0px;
	margin-bottom:10px;
	padding-bottom:10px;
	padding-left:15px;
	position:relative !important;
}
.post .ul-dashed li ._price {
	position:absolute;
	right:10px;
	color:#F00;
}





/* ULスタイルで右寄せテキストの追加
------------------------------------------------------------*/
.post .ul-dashed li {
	position:relative;
}
.post ul li .li-right,
.post ol li .li-right {
	position:absolute;
	right:0px;
}

/* 一般的なカラー追加クラス
------------------------------------------------------------*/
.post .color-red {
	color:red;
}


/* 630px以下 */
@media screen and (max-width: 630px) {
	.post .ul-dotted ._price {
		position:inherit;
		right: inherit;
		display:block;
		text-align:right;
	}
}



/* ----------------------------------------------------------------- */
/*   table セル 均等                                                 */
/* ----------------------------------------------------------------- */
.tbl-fixed {
	table-layout:fixed;
}
.tbl-fixed th,
.tbl-fixed td {
	width:100%;
}


/* ----------------------------------------------------------------- */
/*   table align                                                     */
/* ----------------------------------------------------------------- */

/* TH TD align
------------------------------------------------------------*/
.tbl-left th,
.tbl-left td {
	text-align: left;
}
.tbl-center th,
.tbl-center td {
	text-align: center;
}
.tbl-right th,
.tbl-right td {
	text-align: right;
}

/* TH align
------------------------------------------------------------*/
.tbl-th-left th {
	text-align: left;
}
.tbl-th-center th {
	text-align: center;
}
.tbl-th-right th {
	text-align: right;
}

/* TD align
------------------------------------------------------------*/
.tbl-td-left td {
	text-align: left;
}
.tbl-td-center td {
	text-align: center;
}
.tbl-td-right td {
	text-align: right;
}


/* ----------------------------------------------------------------- */
/*   width 648px 以下  スマートフォンでalign指定                     */
/* ----------------------------------------------------------------- */
@media only screen and (max-width: 648px){
	/* スマートフォンでalign指定 */
	.sp-left {
		text-align: left;
	}
	.sp-center {
		text-align: center;
	}
	.sp-right {
		text-align: right;
	}
}



/* ----------------------------------------------------------------- */
/*   スマートフォンでも文字列改行                                    */
/* ----------------------------------------------------------------- */

@media only screen and (max-width: 648px){
	.post .sp-break {
		display:block;
	}
}






/* MainMenu　for PC
------------------------------------------------------------*/
@media only screen and (min-width: 1025px){

}

/* MainMenu iPad size 以下
------------------------------------------------------------*/
@media only screen and (max-width:1024px){

}

/* 959px以下から 1カラム表示
------------------------------------------------------------*/
@media only screen and (max-width: 959px){

}

/* width 648px 以下から  トップページの３画像調節
------------------------------------------------------------*/
@media only screen and (max-width: 648px){
	.tdw80 {
		width:70%;
	}
	.tdw20 {
		width:30%;
	}
	.w80 {
		width:70%;
	}
	.w20 {
		width:30%;
	}

}

/* メインメニュー + 検索ボックス iPadサイズ以下から
------------------------------------------------------------*/
@media only screen and (max-width:1024px){

}