@charset "utf-8";

/* cocon - 追加レイアウト
------------------------------------------------------------*/

/*----- 画像リンク - ロールオーバー効果 -----*/
a:hover img {
	opacity:0.6;
	-moz-opacity:0.6;
	filter:alpha(opacity=60);
	background-color:transparent;
}


/*----- ロゴ画像 -----*/
.logo1 h1 {display:block;}
.logo1 img {
	max-width:250px;
	max-height:auto;
	overflow:hidden;
}


/*----- リンク工事中 -----*/
.readmore a {text-decoration:line-through;}


/*----- 要素右寄せ -----*/
#close_right {text-align:right;}


/*----- 要素中央揃え -----*/
.center {
	text-align:center;
	vertical-align:middle;
}


/*----- 要素幅100％ -----*/
.cover {
	width:auto;
	box-sizing:border-box;
}


/*----- テキストボックス -----*/
#log{
	height:19.5em;
	overflow:scroll;
}

#log time{
	display:block;
	padding-bottom:1em;
}

#log hr{
	border:0;
	border-top:1px dashed #dcd6d2/*e8e8e8*/;
}

.roll{
	height:18em;
	overflow:scroll;
	/*border:1px solid #D6D6D6;*/
}


/*----- ブログパーツ枠 -----*/
.arrival{:;}


/*----- 年月日ぶら下げ -----*/
ul.indent li {
	padding-left:7em; /*Xem（X文字）分、右に動かす*/
	text-indent:-6.5em; /*最初の行だけXem（X文字）+余白分、左に動かす*/
}
time {padding-right:0.5em;}/* 年月日脇余白 */


/*----- テーブル - 幅オーバー分横スクロール -----*/
@media only screen and (max-width:480px){
div.outer {overflow-x:scroll;}
div.outer table {
	border-collapse:collapse;
	width:90%;
}
div.outer table td, table th {
	/*border:1px solid #ccc;*/
	padding:10px;
}
/*div.outer table th {background-color:#eee;}*/
}


/*----- 色文字 <p> or <span> -----*/

/* 注釈 - 灰 */
.tag{
	padding:auto 0.5em;
	font-size:11px;
	color:#888;
	padding-left:3em;
	text-indent:-3em;
	display:inline-block;
}

/* 更新 - 赤 */
span.new{display:inline; padding-left:5px; font-weight:bold; color:#ff0000;}
span.new:after { content:""; clear:both;}

/* 赤 */
.txt_red{display:inline; font-weight:bold; color:#ff0000;}
.txt_red:after { content:""; clear:both;}

/* 灰 */
.txt_gray{display:inline; color:#808080;}
.txt_gray:after { content:""; clear:both;}

/* 白 */
.txt_white { color:#fff; display:inline;}

/* 橙 */
.txt_orange{display:inline; font-weight:bold; color:#ff6600;}
.txt_orange:after { content:""; clear:both;}

/* 青 */
.txt_bleu{display:inline; font-weight:bold; color:#0080c0;}
.txt_bleu:after { content:""; clear:both;}


/*----- 段落調整 <span class="xxx xxx"> -----*/
/* ブロック化 */
.block { display:block;}

/* インライン化 */
.inline { display:inline-block;}


/*----- 画像リストマーク化 -----*/
/* チェック */
ul.checklist li { 
	list-style:none;/*リストマーク非表示*/
	background:url("../images/pt05.gif") no-repeat left top;/*指定画像を左寄せ・縦上部配置*/
	margin-left:0em;/**↓指定画像との余白↓**/
	padding-left:2em;
	margin-top:20px;/**↓行間余白↓**/
	margin-bottom:20px;
}

/* 計測 */
ul.checklist2 li { 
	list-style:none;/*リストマーク非表示*/
	background:url("../images/pt04.png") no-repeat left top;/*指定画像を左寄せ・縦上部配置*/
	margin-left:0em;/**↓指定画像との余白↓**/
	padding-left:2em;
	margin-top:20px;/**↓行間余白↓**/
	margin-bottom:20px;
}

/* 水 */
ul.wash li { 
	list-style:none;/*リストマーク非表示*/
	background:url("../images/pt03.png") no-repeat left top;/*指定画像を左寄せ・縦上部配置*/
	margin-left:0em;/**↓指定画像との余白↓**/
	padding-left:2em;
	margin-top:20px;/**↓行間余白↓**/
	margin-bottom:20px;
}

/* 禁則 */
ul.stoplist li { 
	list-style:none;/*リストマーク非表示*/
	background:url("../images/pt06.png") no-repeat left top;/*指定画像を左寄せ・縦上部配置*/
	margin-left:0em;/**↓指定画像との余白↓**/
	padding-left:2em;
	margin-top:20px;/**↓行間余白↓**/
	margin-bottom:20px;
}


/*----- ショップバナー -----*/

.button-in {/* <a>に指定 */
	color:#a5a5a5;
	font-size:16px;
	padding:30px 10px;
	line-height:1.2;
	text-align:right;
	display:block;
}
.button-in span{
	font-size:13px;
	display:block;
}
.button-out1 {/* <div>に指定 */
	display:block;
	background-image:url("../images/shop_.png");
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
}
.button-out2 {/* <div>に指定 */
	display:block;
	background-image:url("../images/shop.png");
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
}
.button-out2 a:hover{background:rgba(0,0,0,0.3); color:#;}
.button-out1 a:hover{background:rgba(0,0,0,0.3); color:#;}


/*----- アイコン整列 -----*/
.annex {
	display:inline-block;
	padding:30px 10px;
}


/*----- カウンター -----*/
.count {
	text-align:right;
	padding:0;
	margin:0;
}


/*----- ページトップへ・固定式 -----*/
.gototop {:;}