/* ============================================================================ */
/* 共通                                                                         */
/* ============================================================================ */
#contents {
	max-width:1000px;
	margin:0 auto 0 auto;
	line-height:1.5em;
}

#contents p {
	font-size:16px;
	padding:5px 0 5px 0;
	line-height:1.8em;
}

#contents span {
	display:inline-block;
}

#contents table { border-collapse:collapse; }

#contents td {
	word-break:break-all;
}

#contents th {
	font-weight:normal;
	word-break:break-all;
}

#contents input[type="text"] {
	width:97%;
	margin-right:2px;
	padding:5px;
	border:0;
	border:solid 1px #444444;
}

#contents input[type="password"] {
	width:97%;
	margin-right:2px;
	padding:5px;
	border:0;
	border:solid 1px #444444;
}

#contents input[type="radio"] {
	width:19px;
	height:19px;
	margin:5px;
	margin-left:0;
	vertical-align:middle;
}
#contents input[type="checkbox"] {
	width:19px;
	height:19px;
	margin:5px;
	margin-left:0;
	vertical-align:middle;
}

#contents input[name="ord_rus_zip"] { width:100px; }
#contents input[name="ord_rus_tel"] { width:50%; }

#contents textarea {
	width:98%;
}

#contents .select_parts {
	display:inline-block;
	position:relative;
	z-index:0;
	left:-20px;
}
#contents .select_parts::after {
	content:"▼";
}

#contents select {
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	background:transparent;
	position: relative;
	z-index:1;
	margin:0;
	padding:5px;
	padding-right:40px;
	border:solid 1px #cccccc;

}
#contents select::-ms-expand {
	display: none;
}



#contents h2 {
	display:block;
	font-size:26px;
	font-weight:normal;
	word-break:break-all; 
	line-height:1.2;
}

#contents h3 {
	display:block;
	font-size:24px;
	font-weight:normal;
	word-break:break-all; 
	padding:15px 8px 15px 8px;
	line-height:1.2;
	text-align:center;
}

#contents h4 {
	display:block;
	font-size:20px;
	font-weight:normal;
	word-break:break-all; 
	padding:15px 10px 15px 10px;
	line-height:1.2;
	text-align:center;
}

#contents h4 img {
	width:50px;
	margin-right:20px;
	vertical-align:middle;
}

#contents h5 {
	padding:5px 0 5px 0;
}

#contents .midasi_h2 {
	background:url("../images/background_02.png");
	text-align:center;
	border-radius:10px;
}

#contents .midasi_h2 h2 {
	color:#ffffff;
	margin:30px auto 0 auto;
	padding-top:10px;
	padding-bottom:10px;
}

#contents .midasi_h3 {

}

#contents .midasi_h3 h3 {
	color:#000000;
	padding:5px 0 :5px 0;
	text-align:left;
	border-bottom:solid 1px #444444;
}


#contents h2 br { display:none; }
#contents h3 br { display:none; }
#contents h4 br { display:none; }


/* ---------------------------------------------------------------------------- */
/* 画面サイズ別                                                                 */
/* ---------------------------------------------------------------------------- */
@media screen and (max-width:800px) {

	#contents h2 {
		font-size:18px;
		padding-top:5px;
	}

	#contents h3 {
		font-size:16px;
	}

	#contents .midasi_h2 h2 {
		font-size:18px;
	}

}



/* ============================================================================ */
/* 掲示板一覧                                                                   */
/* ============================================================================ */
/* ---------------------------------------------------------------------------- */
/* 全体                                                                         */
/* ---------------------------------------------------------------------------- */
.bbskiji_list {
	margin:20px 0 40px 0;
	padding-top:20px;
}


/* ---------------------------------------------------------------------------- */
/* ページ　の　いちばん上                                                       */
/* ---------------------------------------------------------------------------- */
.bbskiji_list .mosttop {
	margin:20px 0 30px 0;
	text-align:center;
}
.bbskiji_list .mosttop p {
	padding:0;
}


/* ---------------------------------------------------------------------------- */
/* ページ　の　上                                                               */
/* ---------------------------------------------------------------------------- */
.bbskiji_list .top {
	margin-top:20px;
	text-align:left;
}
.bbskiji_list .top span {
	padding:0 10px 0 10px;
}
.bbskiji_list .top .link_search_cond {
	display:inline-block;
	background:url("../images/background_01.png");
	color:#ffffff;
	font-weight:bold;
	padding:8px 10px 8px 10px;
	text-decoration:none;
	border-radius:3px;
}


/* ---------------------------------------------------------------------------- */
/* ひとつの記事行                                                               */
/* ---------------------------------------------------------------------------- */
/* 全体 */
.bbskiji_list .box_bbskiji {
	background-color:#ffffff;
	margin:20px 10px 30px 5px;
	padding:20px;
	padding-bottom:30px;
	border:solid 1px #444444;
	border-radius:10px;
	box-shadow:5px 5px 5px #dddddd;
}

#contents .box_bbskiji h2 {
	line-height:1.0em;
	margin:0;
	margin-bottom:5px;
	padding-bottom:5px;
	border-bottom:solid 1px #444444;
}

#contents .box_bbskiji h3 {
	font-size:20px;
	font-weight:bold;
	padding:15px 0 5px 0;
	text-align:left;
}


/* 上 */
.bbskiji_list .box_bbskiji .bbskiji_top {
	display:table;
	width:100%;
	margin-bottom:10px;
}

.bbskiji_list .box_bbskiji  .bbskiji_top .left {
	display:table-cell;
	width:10%;
	vertical-align:top;
}
.bbskiji_list .box_bbskiji  .bbskiji_top .left img {
	width:100%;
}

.bbskiji_list .box_bbskiji  .bbskiji_top .mid {
	display:table-cell;
	vertical-align:bottom;
	padding:0 10px 0 10px;
	vertical-align:top;
	text-align:center;
}

.bbskiji_list .box_bbskiji .bbskiji_top .right {
	display:table-cell;
	font-size:12px;
	width:100px;
	vertical-align:top;
}

.bbskiji_list .box_bbskiji .bbskiji_top .right span {
	width:100%;
	margin:3px 0 3px 0px;
	text-align:center;
	border:solid 1px #444444;
	border-radius:3px;
}


/* 公開用住所 */
.bbskiji_list .box_bbskiji .bbs_public_address {
	text-align:center;
}


/* お店の種類と男女の指定（全体） */
.bbskiji_list .box_bbskiji .box_type {
	display:table;
}

/* お店の種類と男女の指定（お店の種類） */
.bbskiji_list .box_bbskiji .box_type .bbs_shop_type {
	display:table-cell;
	background-color:#740b71;
	color:#ffffff;
	padding:5px 10px 5px 10px;
}

/* お店の種類と男女の指定（男女の指定） */
.bbskiji_list .box_bbskiji .box_type .bbs_danjiyo_type {
	display:table-cell;
	background-color:#dddddd;
}

.bbskiji_list .box_bbskiji .box_type .bbs_danjiyo_type span {
	display:block;
	padding:5px 10px 5px 10px;
}

.bbskiji_list .box_bbskiji .box_type .bbs_danjiyo_type span[data-value="女性専用"] {
	background-color:#ffffff;
	color:#a9186b;
}
.bbskiji_list .box_bbskiji .box_type .bbs_danjiyo_type span[data-value="男女可"] {
	background-color:#ffffff;
	color:#a9186b;
}
.bbskiji_list .box_bbskiji .box_type .bbs_danjiyo_type span[data-value="男性専門"] {
	background-color:#ffffff;
	color:#a9186b;
}


/* 取り扱い品目 */
.bbskiji_list .box_bbskiji .bbs_hinmoku {
	margin:5px 0 5px 0;
}

.bbskiji_list .box_bbskiji .bbs_hinmoku span {
	background-color:#dddddd;
	margin:5px;
	padding:5px 10px 5px 10px;
	border-radius:15px;
}

.bbskiji_list .box_bbskiji .bbs_hinmoku span[data-value="フォトエステ"] {
	background-color:#ffc0cb;
}

.bbskiji_list .box_bbskiji .bbs_hinmoku span[data-value="光脱毛"] {
	background-color:#ee82ee;
}

.bbskiji_list .box_bbskiji .bbs_hinmoku span[data-value="ハーブピーリング"] {
	background-color:#9999FF;
}

.bbskiji_list .box_bbskiji .bbs_hinmoku span[data-value="ハイフ"] {
	background-color:#6699ff;
}

.bbskiji_list .box_bbskiji .bbs_hinmoku span[data-value="シミ改善"] {
	background-color:#dddddd;
}

.bbskiji_list .box_bbskiji .bbs_hinmoku span[data-value="まつ毛パーマ"] {
	background-color:#f4b6d9;
}

.bbskiji_list .box_bbskiji .bbs_hinmoku span[data-value="まつエク"] {
	background-color:#f1a2ab;
}

.bbskiji_list .box_bbskiji .bbs_hinmoku span[data-value="ネイル"] {
	background-color:#eae95e;
}

.bbskiji_list .box_bbskiji .bbs_hinmoku span[data-value="小顔矯正"] {
	background-color:#7e75ec;
}

.bbskiji_list .box_bbskiji .bbs_hinmoku span[data-value="痩身"] {
	background-color:#3832e3;
}

.bbskiji_list .box_bbskiji .bbs_hinmoku span[data-value="パリジェンヌ"] {
	background-color:#dddddd;
}

.bbskiji_list .box_bbskiji .bbs_hinmoku span[data-value="リンパ"] {
	background-color:#e64be6;
}

.bbskiji_list .box_bbskiji .bbs_hinmoku span[data-value="カイロ"] {
	background-color:#1bc582;
}

.bbskiji_list .box_bbskiji .bbs_hinmoku span[data-value="カット"] {
	background-color:#FFCC00;
}

.bbskiji_list .box_bbskiji .bbs_hinmoku span[data-value="ヘアカラー"] {
	background-color:#CCCC00;
}

.bbskiji_list .box_bbskiji .bbs_hinmoku span[data-value="パーマ"] {
	background-color:#99CC33;
}

.bbskiji_list .box_bbskiji .bbs_hinmoku span[data-value="縮毛矯正"] {
	background-color:#66CC33;
}

.bbskiji_list .box_bbskiji .bbs_hinmoku span[data-value="ヘアエクステ"] {
	background-color:#1bc582;
}

.bbskiji_list .box_bbskiji .bbs_hinmoku span[data-value="髪質改善"] {
	background-color:#66cdaa;
}

.bbskiji_list .box_bbskiji .bbs_hinmoku span[data-value="ヘッドスパ"] {
	background-color:#0099FF;
}

.bbskiji_list .box_bbskiji .bbs_hinmoku span[data-value="メイク"] {
	background-color:#FF99CC;
}


/* 紹介文と資格（全体） */
.bbskiji_list .box_bbskiji .box_pr {
	background-repeat:no-repeat;
	background-size:100% 100%;
	background-image:url(../images/background_pr.gif);
	min-height:200px;
	padding:60px 30px 30px 30px;
	text-align:center;
}

/* 紹介文と資格（紹介文） */
.bbskiji_list .box_bbskiji .box_pr .bbs_comment {
	padding:5px 0 5px 0;
	text-align:left;
	border-bottom:solid 1px #444444;
}

/* 紹介文と資格（資格） */
.bbskiji_list .box_bbskiji .box_pr .bbs_sikaku {
	padding:5px 0 5px 0;
}


/* ご予約・お問い合わせ */
.bbskiji_list .box_bbskiji .bbs_public_email {
	margin-top:20px;
}

.bbskiji_list .box_bbskiji .bbs_public_email a {
	display:block;
	background-color:#445500;
	color:#ffffff;
	padding:20px 0 20px 0;
	text-align:center;
	border-radius:5px;
}


/* ---------------------------------------------------------------------------- */
/* ページの下                                                                   */
/* ---------------------------------------------------------------------------- */
.bbskiji_list .bottom {
	display:table;
	margin:0 auto 0 auto;
}

.bbskiji_list .bottom .left {
	display:table-cell;
	margin:10px;
	padding:10px;
}

.bbskiji_list .bottom .mid {
	display:table-cell;
	padding:10px;
}

.bbskiji_list .bottom .mid span {
	display:inline-block;
	margin:10px;
}

.bbskiji_list .bottom .mid a {
	display:inline-block;
	padding:10px 20px 10px 20px;
	border:solid 1px #444444;
	border-radius:5px;
}

.bbskiji_list .bottom .mid .thispage {
	padding:10px 20px 10px 20px;
	border:solid 1px #444444;
	border-radius:5px;
}

.bbskiji_list .bottom .right {
	display:table-cell;
	margin:10px;
	padding:10px;
}


/* ---------------------------------------------------------------------------- */
/* 新規の投稿ボタン                                                             */
/* ---------------------------------------------------------------------------- */
.bbskiji_list .regist_new {
	display:inline-block;
	background-color:#dddddd;
	color:#000000;
	min-width:180px;
	margin:20px auto 40px auto;
	padding:20px;
	text-align:center;
	text-decoration:none;
	border-radius:5px;
}


/* ---------------------------------------------------------------------------- */
/* 画面サイズ別                                                                 */
/* ---------------------------------------------------------------------------- */
@media screen and (max-width:800px) {

	/* ････････････････････････････････････････････････････････････････････ */
	/* 全体                                                                 */
	/* ････････････････････････････････････････････････････････････････････ */
	.bbskiji_list {
		margin:0;
	}


	/* ････････････････････････････････････････････････････････････････････ */
	/* ページの上                                                           */
	/* ････････････････････････････････････････････････････････････････････ */
	.bbskiji_list .top {
		display:block;
	}
	.bbskiji_list .top .left {
		display:block;
	}

	.bbskiji_list .top .right {
		display:block;
	}

	/* ････････････････････････････････････････････････････････････････････ */
	/* ひとつの記事行                                                       */
	/* ････････････････････････････････････････････････････････････････････ */
	.bbskiji_list .box_bbskiji {
		padding:8px;
	}

	.bbskiji_list .box_bbskiji .bbskiji_top .left {
		width:50px;
	}

	.bbskiji_list .box_bbskiji .bbskiji_top .mid {

	}

	.bbskiji_list .box_bbskiji .bbskiji_top .right {
		width:80px;
		font-size:10px;
	}

	.bbskiji_list .box_bbskiji .bbskiji_top h3 {
		font-size:20px;
	}

	.bbskiji_list .box_bbskiji .box_pr {
		min-height:initial;
		padding:30px 20px 30px 20px;

	}



}




/* ============================================================================ */
/* 検索条件選択欄                                                               */
/* ============================================================================ */
/* ---------------------------------------------------------------------------- */
/* 全体                                                                         */
/* ---------------------------------------------------------------------------- */
.box_search_cond {
	text-align:left;
}


/* ---------------------------------------------------------------------------- */
/* テーブル                                                                     */
/* ---------------------------------------------------------------------------- */
.box_search_cond .table {
	display:table;
	width:100%;
}

.box_search_cond .table .th {
	display:table-cell;
	width:100px;
	padding:10px 5px 10px 5px;
}
.box_search_cond .table .td {
	display:table-cell;
	padding:10px 0 10px 0;
	vertical-align:top;
}
.box_search_cond .table .td .cond {
	display:inline-block;
	width:25%;
	vertical-align:top;
}


/* ---------------------------------------------------------------------------- */
/* 画面サイズ別                                                                 */
/* ---------------------------------------------------------------------------- */
@media screen and (max-width:800px) {

	/* ････････････････････････････････････････････････････････････････････ */
	/* テーブル                                                             */
	/* ････････････････････････････････････････････････････････････････････ */
	.box_search_cond .table {
		display:block;
		width:initial;
	}

	.box_search_cond .table .th {
		display:block;
		font-weight:bold;
		width:initial;
		padding:5px;
	}
	.box_search_cond .table .td {
		display:block;
		padding:5px;
	}
	.box_search_cond .table .td .cond {
		display:inline-block;
		width:50%;
	}

}




/* ============================================================================ */
/* 入力フォーム　　　　　                                                       */
/* ============================================================================ */
/* ---------------------------------------------------------------------------- */
/* フォームの上                                                                 */
/* ---------------------------------------------------------------------------- */
.form_top {
	margin-bottom:20px;
	text-align:center;
}


/* ---------------------------------------------------------------------------- */
/* フォームの中                                                                 */
/* ---------------------------------------------------------------------------- */
.box_form {
	background-color:#ffffff;
	border-top:solid 1px #444444;
	border-left:solid 1px #444444;
}


/* ---------------------------------------------------------------------------- */
/* フォームの中　のテーブル                                                     */
/* ---------------------------------------------------------------------------- */
.box_form .table_form {
	display:table;
	width:100%;
}

.box_form .table_form .th {
	display:table-cell;
	background-color:#dddddd;
	width:32%;
	padding:20px;
	vertical-align:middle;
	border-bottom:solid 1px #444444;
	border-right:solid 1px #444444;
}

.box_form .table_form .td {
	display:table-cell;
	padding:5px;
	vertical-align:middle;
	border-bottom:solid 1px #444444;
	border-right:solid 1px #444444;
}

.box_form .table_form .th .mark {
	display:table;
	width:100%;
}
.box_form .table_form .th .mark div {
	display:table-cell;
}
.box_form .table_form .th .mark .right { text-align:right; }

.box_form .table_form .th .mark .hikoukai {
	color:#0000ff;
	border:solid 2px #0000ff;
	border-radius:5px;
}


/* ---------------------------------------------------------------------------- */
/* フォームの下                                                                 */
/* ---------------------------------------------------------------------------- */
.form_bottom {
	margin:30px 0 30px 0;
	text-align:center;
}


/* ---------------------------------------------------------------------------- */
/* 入力不備                                                                     */
/* ---------------------------------------------------------------------------- */
.box_form_fubi {
	background-color:#ffffff;
	padding:10px 0 20px 0;
	margin-bottom:30px;
	border:solid 1px #444444;
}

.box_form_fubi ul {
	margin-top:10px;
	list-style-position:inside;
}

.box_form_fubi li {
	padding:5px;
}


/* ---------------------------------------------------------------------------- */
/* 手続き完了                                                                   */
/* ---------------------------------------------------------------------------- */
.box_form_fin {
	background-color:#ffffff;
	padding:10px 0 20px 0;
	margin-bottom:30px;
	border:solid 1px #444444;
}



/* ---------------------------------------------------------------------------- */
/* 画面サイズ別                                                                 */
/* ---------------------------------------------------------------------------- */
@media screen and (max-width:800px) {

	/* ････････････････････････････････････････････････････････････････････ */
	/* フォームの中　のテーブル                                             */
	/* ････････････････････････････････････････････････････････････････････ */
	.box_form .table_form {
		display:block;
	}

	.box_form .table_form .th {
		display:block;
		width:initial;
		padding:10px;
	}
	.box_form .table_form .th br { display:none; }

	.box_form .table_form .td {
		display:block;
		padding-bottom:20px;
	}

}




/* ============================================================================ */
/* 注文商品の選択欄                                                             */
/* ============================================================================ */
/* ---------------------------------------------------------------------------- */
/* 説明欄                                                                       */
/* ---------------------------------------------------------------------------- */
.itemselect_info {
	padding:20px;
	padding-top:0;
}

.itemselect_info .info {
	padding:10px 5px 10px 5px;
	line-height:1.5;
	border:solid 3px #ff7700;
	border-radius:10px;
}

/* ---------------------------------------------------------------------------- */
/* 説明欄の中　の　値引き表                                                     */
/* ---------------------------------------------------------------------------- */
.itemselect_info .nebiki_table {
	margin-left:20px;
}
.itemselect_info .nebiki_table td {
	font-weight:bold;
	padding: 5px 10px 5px 10px;
}


/* ---------------------------------------------------------------------------- */
/* 全体                                                                         */
/* ---------------------------------------------------------------------------- */
.box_itemselect {
	padding:15px;
	padding-bottom:15px;
	border-right:solid 1px #444444;
	border-bottom:solid 1px #444444;
}


/* ---------------------------------------------------------------------------- */
/* 上　                                                                         */
/* ---------------------------------------------------------------------------- */
.box_itemselect .table_top {
	display:table;
	background-color:#dddddd;
	width:100%;
	table-layout:fixed;
}

.box_itemselect .table_top div {
	display:table-cell;
	padding:10px;
	padding-top:15px;
	vertical-align:bottom;
	text-align:center;
}

.box_itemselect .table_top .car_kazu {
	width:25%;
}


/* ---------------------------------------------------------------------------- */
/* 商品欄                                                                       */
/* ---------------------------------------------------------------------------- */
.box_itemselect .table_item {
	display:table;
	width:100%;
	table-layout:fixed;
}
.box_itemselect .table_item .left {
	display:table-cell;
	padding:10px;
	vertical-align:bottom;
	text-align:center;
	border-bottom:solid 1px #cccccc;
}

.box_itemselect .table_item .car_kazu {
	width:25%;
	display:table-cell;
	padding:10px;
	vertical-align:bottom;
	text-align:center;
	border-bottom:solid 1px #cccccc;
}

.box_itemselect .table_item .ite_name { text-align:left; }
.box_itemselect .table_item .ite_tanka { text-align:right; }


.box_itemselect .table_item input[type="text"] {
	text-align:right;
	width:60%;
}


/* ---------------------------------------------------------------------------- */
/* 下　                                                                         */
/* ---------------------------------------------------------------------------- */


/* ---------------------------------------------------------------------------- */
/* 画面サイズ別                                                                 */
/* ---------------------------------------------------------------------------- */
@media screen and (max-width:800px) {

	/* ････････････････････････････････････････････････････････････････････ */
	/* 商品欄                                                               */
	/* ････････････････････････････････････････････････････････････････････ */
	.box_itemselect .table_item .left {
		padding:10px 5px 10px 5px;
	}

	.box_itemselect .table_item .car_kazu {
		padding:10px 0 10px 0;
	}

}




/* ============================================================================ */
/* 注文商品の確認欄                                                             */
/* ============================================================================ */
/* ---------------------------------------------------------------------------- */
/* 全体                                                                         */
/* ---------------------------------------------------------------------------- */
.box_itemconf {
	padding:15px;
	padding-bottom:15px;
	border-right:solid 1px #444444;
	border-bottom:solid 1px #444444;
}


/* ---------------------------------------------------------------------------- */
/* 上　                                                                         */
/* ---------------------------------------------------------------------------- */
.box_itemconf .table_top {
	display:table;
	background-color:#dddddd;
	width:100%;
	table-layout:fixed;
}

.box_itemconf .table_top div {
	display:table-cell;
	padding:10px;
	padding-top:15px;
	vertical-align:bottom;
	text-align:center;
}

.box_itemconf .table_top .ite_name {
	width:50%;
}


/* ---------------------------------------------------------------------------- */
/* 商品欄                                                                       */
/* ---------------------------------------------------------------------------- */
.box_itemconf .table_item {
	display:table;
	width:100%;
	table-layout:fixed;
}

.box_itemconf .table_item div {
	display:table-cell;
	padding:10px;
	padding-top:15px;
	vertical-align:bottom;
	text-align:right;
	border-bottom:solid 1px #cccccc;
}

.box_itemconf .table_item .ite_name {
	width:50%;
	text-align:left;
}

.box_itemconf .box_bottom {
	margin-top:8px;
	border-top:solid 2px #777777;
}


/* ---------------------------------------------------------------------------- */
/* 下　                                                                         */
/* ---------------------------------------------------------------------------- */
.box_itemconf .table_bottom {
	display:table;
	width:100%;
	table-layout:fixed;
	border-bottom:dotted 2px #cccccc;
}

.box_itemconf .table_bottom div {
	display:table-cell;
	padding:10px;
	padding-top:15px;
	vertical-align:bottom;
	text-align:right;
}

.box_itemconf .table_bottom[data-border="solid"] {
	border-bottom:solid 2px #cccccc;
}

.box_itemconf .table_bottom[data-border="double"] {
	border-bottom:double 6px #777777;
}

.box_itemconf .table_bottom[data-border="none"] {
	border-bottom:none;
}



/* ---------------------------------------------------------------------------- */
/* 画面サイズ別                                                                 */
/* ---------------------------------------------------------------------------- */
.box_itemconf .su {
	display:none;
}

.box_itemconf .pc {
	display:block;
}

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

	.box_itemconf .su {
		display:block; 
	}

	.box_itemconf .pc {
		display:none;
	}

	.box_itemconf .table_item div {
		padding:10px;
	}

	.box_itemconf .table_item .ite_name {
		border-bottom:none;
	}


}




/* ============================================================================ */
/* エラー                                                                       */
/* ============================================================================ */
.box_error {
	background-color:#ffffff;
	margin:20px 0 40px 0;
	padding:40px;
	text-align:center;
	border:dotted 1px #444444;
}




/* ============================================================================ */
/* ボタン                                                                       */
/* ============================================================================ */
.btn {
	display:block;
	background: #dddddd;
	min-width:200px;
	margin:5px auto 5px auto;
	padding:8px;

	font-size:14px;
	letter-spacing:0.2em;
	text-decoration:none;

	border-top:solid 1px #dddddd;
	border-left:solid 1px #dddddd;
	border-right:solid 2px #999999;
	border-bottom:solid 2px #999999;

	cursor:pointer;

}




/* ============================================================================ */
/* インラインボックス                                                           */
/* ============================================================================ */
.box_inline {
	text-align:center;
	margin:0 5px 0 5px;
}
.box_inline .inline {
	display:inline-block;
	text-align:left;
}




/* ============================================================================ */
/* クリックしたら開くパネル                                                     */
/* ============================================================================ */
#PANEL_background {
	display:table;
	display:none;
	background:rgba(0,0,0,0.5);
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	text-align:center;
}

#PANEL_background .background {
	display:table-cell;
	vertical-align:middle;
}

#PANEL_background .box_panel {
	padding:0 5px 0 5px;
}

#PANEL_background .box_panel .panel {
	max-width:750px;
	margin:0 auto 0 auto;
	padding:20px 10px 20px 10px;
	text-align:center;
	border-radius:5px;
	box-shadow:3px 3px 5px #999999;
}

#PANEL_background .box_panel .panel h3 {
	background:url("../images/background_01.png");
	color:#ffffff;
	padding-top:5px;
	padding-bottom:5px;
	line-height:normal;
}

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

	#PANEL_background .box_panel .panel {
		max-width:initial;
		width:100%;
	}

	#PANEL_background .box_panel .panel h3 {
		margin-top:50px;
		padding:5px;
	}

}








/* ============================================================================ */
/* 自己紹介欄                                                                   */
/* ============================================================================ */
#mypr {

}

#mypr .box_inline {
	width:90%;
	margin:0 auto 0 auto;
	padding:20px;
	border:solid 1px #999999;
	box-shadow:10px 10px 10px #dddddd;
}

#mypr .box_inline .inline {
	line-height:3.0;
}

#mypr img {
	width:30%;
	margin-left:10px;
	float:right;
}




/* ============================================================================ */
/* 画像（画像だけのテーブル形式）                                               */
/* ============================================================================ */
.imagetable {
	display:table;
	width:100%;
	table-layout:fixed;
}
.imagetable img { width:100%; }

.imagetable div {
	display:table-cell;
	vertical-align:bottom;
	text-align:center;
}

.imagetable .mid { width:50%; }


/* ---------------------------------------------------------------------------- */
/* 画面サイズ別                                                                 */
/* ---------------------------------------------------------------------------- */
@media screen and (max-width:800px) {


}




/* ============================================================================ */
/* 画像（画像とテキストのテーブル形式）                                         */
/* ============================================================================ */
/* ---------------------------------------------------------------------------- */
/* 設定                                                                         */
/* ---------------------------------------------------------------------------- */
.imagetext {
	display:table;
	width:100%;
}
.imagetext img { width:100%; }

.imagetext div {
	display:table-cell;
	width:50%;
	padding:10px;
	vertical-align:middle;
}

.image_outer_100 { width:100%; }
.image_outer_100 img { width:100%; }

.image_outer_50 {
	width:50%;
	margin:0 auto 0 auto;
}
.image_outer_50 img { width:100%; }


/* ---------------------------------------------------------------------------- */
/* 画面サイズ別                                                                 */
/* ---------------------------------------------------------------------------- */
@media screen and (max-width:800px) {

	/* ････････････････････････････････････････････････････････････････････ */
	/* 設定                                                                 */
	/* ････････････････････････････････････････････････････････････････････ */
	.imagetext { display:block; }

	.imagetext div {
		display:block;
		width:initial;
		padding:10px;
	}

	.imagetext div img { margin-bottom:20px; }

	.image_outer_50 { width:initial; }

}




/* ============================================================================ */
/* 画像（傾けた母子手帳）                                                       */
/* ============================================================================ */
/* ---------------------------------------------------------------------------- */
/* 設定                                                                         */
/* ---------------------------------------------------------------------------- */
.imagebook {
	display:table;
	width:80%;
	table-layout:fixed;
	margin: 0 auto 0 auto;
	border-collapse:collapse;
}
.imagebook img {
	display:block;
	width:100%;
}

.imagebook .td {
	display:table-cell;
	padding:0;
	vertical-align:bottom;
}

.imagebook .td[name="space"] { width:50px; }


.imagebook .td .book {
	margin:10px;
	border:solid 1px #dddddd;
	box-shadow:5px 5px 5px #dddddd;
}

.imagebook .td .book[name="left"] { transform:rotate(-10deg); }
.imagebook .td .book[name="right"] { transform:rotate(10deg); }


/* ---------------------------------------------------------------------------- */
/* 画面サイズ別                                                                 */
/* ---------------------------------------------------------------------------- */
@media screen and (max-width:800px) {

	/* ････････････････････････････････････････････････････････････････････ */
	/* 設定                                                                 */
	/* ････････････････････････････････････････････････････････････････････ */
	.imagebook { width:100%; }
	.imagebook .td[name="space"] { width:5%; }

}




/* ============================================================================ */
/* 画像（横並びの母子手帳）                                                     */
/* ============================================================================ */
.imagebookpage {
	display:table;
	width:100%;
	table-layout:fixed;
}
.imagebookpage img {
	width:100%;
}
.imagebookpage .td {
	display:table-cell;
	padding:10px;
}




/* ============================================================================ */
/* 吹き出し説明                                                                 */
/* ============================================================================ */
/* ---------------------------------------------------------------------------- */
/* 設定                                                                         */
/* ---------------------------------------------------------------------------- */
.imagefukidasi {
	display:table;
	width:100%;
	table-layout:fixed;
}
.imagefukidasi img { width:100%; }

.imagefukidasi div {
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}

.imagefukidasi .mid { width:30%; }

.imagefukidasi li {
	list-style-type:none;
	margin:20px 0 20px 0;
}

.imagefukidasi li .waku {
	position: relative;
	background-color:#ffffff;
	display:inline-block;
	width:80%;
	padding:20px 10px 20px 10px;
	text-align:center;
	border:solid 5px #ffaaaa;
	border-radius:15px;

}

.imagefukidasi .left li .waku:before {
	content:"";
	position:absolute;
	top: 50%;
	right:-28px;
	margin-top:-20px;
	border:15px solid transparent;
	border-left:30px solid #ffffff;
	z-index:1;
}

.imagefukidasi .left li .waku:after {
	content:"";
	position:absolute;
	top:50%;
	right:-35px;
 	margin-top:-20px;
	border:15px solid transparent;
	border-left:20px solid #ffaaaa;
 	z-index:0;
}

.imagefukidasi .right li .waku:before {
	content:"";
	position:absolute;
	top: 50%;
	left:-28px;
	margin-top:-20px;
	border:15px solid transparent;
	border-right:20px solid #ffffff;
	z-index:1;
}

.imagefukidasi .right li .waku:after {
	content:"";
	position:absolute;
	top:50%;
	left:-35px;
 	margin-top:-20px;
	border:15px solid transparent;
	border-right:20px solid #ffaaaa;
 	z-index:0;
}


/* ---------------------------------------------------------------------------- */
/* 画面サイズ別                                                                 */
/* ---------------------------------------------------------------------------- */
@media screen and (max-width:800px) {

	/* ････････････････････････････････････････････････････････････････････ */
	/* 設定                                                                 */
	/* ････････････････････････････････････････････････････････････････････ */
	.imagefukidasi .mid { width:50%; }
	.imagefukidasi li .waku { text-align:left; }

}




/* ============================================================================ */
/* 購入リンク                                                                   */
/* ============================================================================ */
/* ---------------------------------------------------------------------------- */
/* 設定                                                                         */
/* ---------------------------------------------------------------------------- */
.link_order {
	display:block;
	font-size:18px;
	margin:10px;
	padding:20px 0 20px 0;
	border-radius:10px;
}

.link_order[data-type="normal"]  {
	color:#ffffff;
	background-color:#ff0000;
}

.link_order[data-type="breeder"]  {
	color:#0a0604;
	background-color:#f38800;
}

.link_order[data-type="shop"]  {
	color:#ffffff;
	background-color:#007700;
}


.jump_order {
	text-align:center;
}
.jump_order a {
	background-color:#665544;
	color:#ffffff;
	font-size:18px;
	padding:20px 40px 20px 40px;
	border-radius:10px;
}



/* ============================================================================ */
/* スペース                                                                     */
/* ============================================================================ */
.space_10 { height:10px; }
.space_20 { height:20px; }
.space_30 { height:30px; }
.space_40 { height:40px; }
.space_50 { height:50px; }
.space_60 { height:60px; }




/* ============================================================================ */
/* アイコン線                                                                   */
/* ============================================================================ */
.line_inu {
	background:url("../images/line-inu.png");
	background-repeat:repeat-x;
	background-size:24px 24px;
	height:24px;
}

.line_neko {
	background:url("../images/line-neko.png");
	background-repeat:repeat-x;
	background-size:24px 24px;
	height:24px;
}

.line_tori {
	background:url("../images/line-tori.png");
	background-repeat:repeat-x;
	background-size:24px 24px;
	height:24px;
}

.line_hamusuta {
	background:url("../images/line-hamusuta.png");
	background-repeat:repeat-x;
	background-size:24px 24px;
	height:24px;
}




/* ============================================================================ */
/* ポジション                                                                   */
/* ============================================================================ */
.relative {
	position:relative;
	margin:0 auto 0 auto;
	background-color:#ff0000;
}
.absolute {
	position:absolute;
	text-align:center;
	width:100%;
}




/* ============================================================================ */
/* 非表示                                                                       */
/* ============================================================================ */
.hidden {
	display:none;
}