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

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

/*　レイアウト　*/

/*-----------------------------------------------------------------------------*/
.area_l {float:left;}
.area_r {float:right;}

img.float_l { margin-right:10px; margin-bottom:15px;}
img.float_r { margin-left:10px; margin-bottom:15px;}

dl.in_b, ul.in_b, .in_b {
	letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
	}
dl.in_b dt, dl.in_b dd, .in_b li, .in_b > div, .in_b > section, .in_b > .section {
	letter-spacing: 0.5px; /* 文字間を通常に戻す */
	display: inline-block;
	vertical-align:top;
/*	margin-bottom:2em;*/
	}



/*.column_2 {}
.column_2 .area_l, .column_2 .area_r {width:315px;}

ul.column_2 { margin-right:-20px;}
ul.column_2 li {width:315px; margin-right:20px; vertical-align:top; margin-bottom:10px;}*/

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

/*　p　段落スタイル関連　*/

/*-----------------------------------------------------------------------------*/
#contents_box p {
/*	margin-bottom: 1.5em;*/
	text-align: justify;
	-ms-text-justify: inter-ideograph;
	}
#contents_box section, #contents_box .section {
	margin-bottom: 2em;
	}
	/*　h2内　*/
	#contents_box > section, #contents_box > .section {
	margin-bottom: 3.5em;
	}
	#contents_box > .section > p, #contents_box > section > p {
	margin-bottom: 1.5em;
	}
	#contents_box p.mgn-b0 {
	margin-bottom: 0;
	}

#tattoo-gallery .entry-content p {
	margin-bottom: 20px;
	}


/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*-----------------------------------------------------------------------------*/

/*　h1　*/

/*-----------------------------------------------------------------------------*/
#main_box h1 {
	font-family: "Times New Roman", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝B", "ＭＳ Ｐ明朝", serif;
	font-size:24px;
	display:block;
	width:100%;
	height:120px;
	margin:20px 0 40px;

	padding:50px 0 0 15px;
	color:#ddd;
	}
#studio #main_box h1,
#tattoo-gallery #main_box h1,
#price #main_box h1,
#faq #main_box h1,
#contact #main_box h1,
#news #main_box h1,
#cover-up #main_box h1,
#after-care #main_box h1,
#first-tattoo #main_box h1,
#sns #main_box h1,
#media #main_box h1,
#dictionary #main_box h1,
#request #main_box h1 {
	display:block;
	width:420px;
	height:120px;
	margin:20px 0 40px;

	background-size:contain;

	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	}
#studio #main_box h1 { background-image: url(../images/ttl-studio.png);}
#tattoo-gallery #main_box h1 { background-image: url(../images/ttl-gallery.png);}
#price #main_box h1 { background-image: url(../images/ttl-price.png);}
#faq #main_box h1 { background-image: url(../images/ttl-faq.png);}
#contact #main_box h1 { background-image: url(../images/ttl-contact.png);}
#news #main_box h1 { background-image: url(../images/ttl-news.png);}
#cover-up #main_box h1 { background-image: url(../images/ttl-coverup.png);}
#after-care #main_box h1 { background-image: url(../images/ttl-care.png);}
#first-tattoo #main_box h1 { background-image: url(../images/ttl-first.png);}
#sns #main_box h1 { background-image: url(../images/ttl-sns.png);}
#media #main_box h1 { background-image: url(../images/ttl-media-info.png);}
#dictionary #main_box h1 { background-image: url(../images/ttl-dictionary.png);}
#request #main_box h1 { background-image: url(../images/ttl-request.png);}




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

/*　h2　*/

/*-----------------------------------------------------------------------------*/
h2 {
	clear:both;
	color:#ddd;
	font-size:13px;
	margin:0 0 20px;
	}
	h2 a {
	color:inherit;
	text-decoration:none;
	}
#contents_box h2 {
	padding:10px 5px 9px 23px;
	border:1px #1A1A1A solid;
	box-shadow:0 1px 6px rgba(0,0,0,.8);
	position:relative;

/*	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;*/
	background:#1A1A1A;
	background: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.5));/* Chrome10+, Safari5.1+ */
	background:linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.5));/* IE10+, W3C */
	}
	#ie8 #contents_box h2 {
	background-image:none;
	background-color:#0D0D0D;
	}
	#contents_box h2:before {
	content:''; 
	height:58%; 
	width:3px; 
	display:block; 
	position:absolute; 
	top:21%; 
	left:10px; 
	border-radius:2px;

	background:#ccc;
	background: -webkit-linear-gradient(top, #fff, #666);/* Chrome10+, Safari5.1+ */
	background: linear-gradient(to bottom, #fff, #666);/* IE10+, W3C */
	}
	#contents_box h2:after {
	content:''; 
	height:100%; 
	width:100%; 
	display:block; 
	position:absolute;
	top:0;
	left:0;
	z-index:-1;

	background-image:url(../images/ttl_bg.jpg);
	background-repeat:repeat-x;
	background-size:30px 150px;
	}
#side_box h2 {
	margin:-15px -9px 10px;
	background-color:rgba(0,0,0,0.7);
	padding:5px;
	}


/*　TOP用
--------------------*/
#slider_box h2 {
	margin:-15px 0 5px;
	width:180px;
	height:35px;
	background-image:url(../images/ttl-recent_work.png);
	background-size:contain;

	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	}

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

/*　h3　*/

/*-----------------------------------------------------------------------------*/
#contents_box h3 {
	color:#ddd;
	font-size:12px;
	margin:0 0 10px;
	padding:2px 5px 6px 30px;
	border-bottom:1px #333 solid;
	background-image:url(../images/h3-icon.png);
	background-repeat:no-repeat;
	background-size:27px 27px;
	position: relative;
	box-shadow:0 -1px 0 #000 inset;
	}
	#ie8 #contents_box h3 {background-image:url(../images/h3-icon-ie8.png);}

	#news #contents_box h3, .gallery_box h3 {

	}

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

/*　h4　*/

/*-----------------------------------------------------------------------------*/
#contents_box h4, #contents_box .ttl_m {
	font-size:12px;
	font-weight:bold;
	padding:1.5em 0 0.5em;
	margin:0;
	}




/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*-----------------------------------------------------------------------------*/

/*　topicPath　*/

/*-----------------------------------------------------------------------------*/
.topicPath {
	}




/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*-----------------------------------------------------------------------------*/

/*　base_box　*/

/*-----------------------------------------------------------------------------*/
.box_base {
	margin:0 auto 20px;
	border:1px #000 solid;
	background-color:#111;
	background-color:rgba(0,0,0,0.2);
	padding:15px 9px;
	}

/*.box_sub {
	border:1px #ccc solid;
	background-color:#FFFFFF;
	padding:0 0 10px;
	margin:0 0 12px;
}*/


/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*-----------------------------------------------------------------------------*/

/*　ボタン　*/

/*-----------------------------------------------------------------------------*/
.area_btn {
	text-align:left;
	display:block;
	padding:12px 0 20px;
	}


.btn_base img {	vertical-align: middle; margin:0 5px 0;}
.btn_base {
	outline:none;

	display:inline-block;
	font-size:12px;

	padding:8px 30px 7px 15px;
	background:#293140;
	border:1px #293140 solid;
	color:#ddd;
	min-width:280px;
	border-radius:5px;
	text-decoration:none;
	margin:0 15px 0 0;
	box-shadow:0 2px 3px rgba(0,0,0,.8), 0 1px 0 rgba(255,255,255,.2) inset;
	position:relative;
	}
	.btn_base:after {
	color:#aaa;
	content:"▶";
	font-size:10px;
	position:absolute;
	top:50%;
	margin-top:-7px;
	right:10px;
	text-shadow:0 0px 6px rgba(0,0,0,1);
	}
	.btn_base:hover {
	color:#eee;
	background:#1F2532;
	border:1px #1F2532 solid;
	text-decoration:none;
	}




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

/*　定義リスト01（横並び）　*/

/*-----------------------------------------------------------------------------*/
dl.dl_list {
	}
	dl.dl_list dt {
	float:left;
	clear:both;
	width:80px;
	white-space: nowrap;
	}
	dl.dl_list dd {
	padding: 0 0 0 90px;
	}

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

/*　テーブル　*/

/*-----------------------------------------------------------------------------*/
table {
/*	margin:0 auto;*/
	border-collapse:collapse;
	clear:both;
	margin:0 auto 10px;
	}
table.base01 {
	width:100%;
	border:1px #000 solid;
	}
/*	table.base01 tr:nth-child(odd) {
	background-color: #f9f9f9;
	}*/
	table.base01 th, table.base01 td {
	padding:8px 15px;
	border:1px #000 solid;
	}
	table.base01 th {
	background-color: #0C0C0C;
	text-align:left;
/*	width:20%;*/
/*	white-space:nowrap;*/
	}
	table.base01 td {
/*	background-color:#111;
	background-color:rgba(0,0,0,0.2);*/
	background-color: #222;
	}

/* WP用　TablePress */
.tablepress caption { display:none;}


#form_contact table.base01 th, #form_contact table.base01 td {
	padding:8px 20px;
	}
	#form_contact table.base01 td {
	padding:10px;
	}


/*フォームなど*/
table.base02 {
	margin-bottom:1.5em;
	}
	table.base02 th, table.base02 td {
	padding:6px 15px;
	border-bottom:1px #fff solid;
	background-color:#FFF;
	}
	table.base02 th {
	background-color:#E7F2FA;
	width:20%;
	}
	table.base02 td {

	}



.kigou {
	font-family: 'Hiragino Kaku Gothic ProN', "メイリオ", sans-serif;
	margin-right:0.2em;
	}

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

/*　リストスタイル　*/

/*-----------------------------------------------------------------------------*/
ul.list_dot {
	padding-left:1.7em;
	}
	ul.list_dot li { list-style-type:disc;}

ol.list_num {
	padding-left:1.7em;
	}
	ol.list_num li { list-style-type:decimal;}

ul.list_square {
	padding-left:1.7em;
	}
	ul.list_square li { list-style-type: square;}

ol.list_alpha {
	padding-left:2em;
	}
	ol.list_alpha li { list-style-type: upper-alpha;}

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

/*　img　*/

/*-----------------------------------------------------------------------------*/
img.waku {
	background-color:#fff;
	padding:2px;
	border:1px #ccc solid;
	}


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

/*　telリンク　*/

/*-----------------------------------------------------------------------------*/
a.tel_link {
	cursor:default;
	color:inherit;
	text-decoration:none;
	}