@charset "utf-8";
/* ================================================ CSS Information
 File Name:      pages.css
 Author:         Akira Honda
 Last updated:   2015/08/05
 Style Info:     基本共通cssの定義
 Notes:          
================================================================ */


/* ---------------------------------------------------

 ビジュアルエディタで自動付与されるクラス類

--------------------------------------------------- */

/* 固有番号が割り振れるクラス */
img[class*="wp-image-"] {}

/* サイズ */
img.size-full       {}
img.size-large      {}
img.size-medium 	{}
img.size-thumbnail  {}

/* キャプション */
.wp-caption {
	max-width: 100% !important;
	margin-bottom:1.5em;
	border:1px solid #999;
	background:#fff;
	text-align:center;
	}
	.wp-caption img {
		margin:4px 0;
		padding:0;
		border:none;
	}
	.wp-caption .wp-caption-text {
		line-height:1.333;
		margin:0;
		padding:4px;
		border-top:1px dotted #ccc;
		background:#eee;
		font-size: 92.3%;
		text-align:left;
	}
	.wp-caption-dd {
		margin:0;
		padding:6px 0 6px 20px;
		background:#eee;
		text-align:left;
	}


/* スマイリー画像 */
img.wp-smiley {
	margin:0;
	padding:0;
	border:none;
	background:none;
}


/* エディタ内のタグ調整 */
.post-setup h2 { font-size: 130.8%; }
.post-setup h3 { font-size: 115.4%; }


/* ---------------------------------------------------

 module

--------------------------------------------------- */

/* hover */
.onMouse img {
	cursor: pointer;
	outline:none;
	}
	.onMouse img, x:-moz-any-link { background: url(../img/shared/spacer.png) no-repeat 0 0; }
	.onMouse img, x:-moz-any-link, x:default { background: url(../img/shared/spacer.png) no-repeat 0 0; }

.pc .onMouse:hover img {
	opacity: 0.5;
}


/* 文字
 ------------------------------*/

.fc-red2 {
	color: #bd0000;
}
.fc-green {
	color: #006837;
}


/* リスト
 ------------------------------*/

/* リセット */
.ul-reset {
	list-style: none;
	margin: 0;
	padding: 0;
}

/* マーカー付きリスト */
.ul-marker {
	list-style: none;
	margin-left: 0;
	padding: 0;
	}
	.ul-marker li {
		padding: .3em 5px;
		border-top: 1px dotted #808080;
	}
	.ul-marker li:first-child {
		border-top: none;
	}
	.ul-marker li + li:last-child {
		border-bottom: 1px dotted #808080;
	}
	.ul-marker li:before {
		display: inline-block;
		color: #44af35;
		content: '■';
	}

/* 罫線リスト */
.ul-rule-btm {
	list-style: none;
	margin-left: 0;
	padding: 0;
	}
	.ul-rule-btm li {
		padding: 15px 6px;
		border-top: 1px dotted #666;
	}
	.ul-rule-btm li:first-child {
		border-top: none;
	}
	.ul-rule-btm li:last-child {
		padding-bottom: 0;
	}


/* 注釈
 ------------------------------*/
.notes, .notes > li {
	padding-left:1em;
	text-indent:-1em;
}
ol.notes, ul.notes { padding-left:0; text-indent:0;}

.notes.indent2 {
	padding-left:2em;
	text-indent: -2em;
}

/* 画像
 ------------------------------*/

/* フィット */
.img-fit-w {
	max-width: 100%;
	height: auto;
}

/* 写真枠 */
.photo-frame {
	padding:3px;
	border:1px solid #ccc;
	background:#fff;
}


/* 表
 ------------------------------*/
.tbl { width: 100%; }
.tbl th,
.tbl td { /* extend */
	padding: 20px 25px;
	border-color: #000;
	text-align: left;
	vertical-align: top;
}
.tbl th { /* extend */
	background: #e6e6e6;
}

/* 表-1 */
.tbl-1 {
	width: 100%;
	border-bottom: 1px solid #666;
	}
	.tbl-1 tbody th { /* extend */
		padding: 15px;
		border: 1px solid #666;
		border-width: 1px 0 0;
		background: #333;
		color: #fff;
		font-weight: normal;
	}
	.tbl-1 tbody td { /* extend */
		padding: 15px 0 15px 25px;
		border: 1px solid #666;
		border-width: 1px 0 0;
		background: #fff;
	}
	/*.tbl-1 tbody tr:first-child th,
	.tbl-1 tbody tr:first-child td {
		border-width: 0;
	}*/


/* ボタン
 ------------------------------*/
.btnImg {
}


/* 続きを見る リンク
 ------------------------------*/
.more-link {
	display: inline-block;
	text-align: right;
	}
	.more-link:before {
		display: inline-block;
		position: relative;
		top: 0;
		border: 7px solid transparent;
		border-left-color: #000;
		content: '';
	}
	.more-link:not([class*="fsize"]) {
		font-size: 14px;
		font-size: 1.4rem;
	}
	.more-link:not([class*="fsize"]):before {
		top: 0;
		border-width: 6px;
	}


/* カラム
 ------------------------------*/
.columns {
	position: relative;
	width: 100%;
	}
	.columns:after {
		display: block;
		clear: both;
		height:0;
		content: "";
	}
	[class*="grid"] .col {
		float: left;
		margin-right: 0;
		margin-left: 0;
		padding-right: 0;
		padding-left: 0;
	}




/* ---------------------------------------------------

 スマホ向け

--------------------------------------------------- */

/* タッチイベント用のクラス */
.touchstyle {}
.notouchstyle {}