@charset "utf-8";
/*デフォルトのマージンと余白を削除*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;					/* マージン削除 */
	padding: 0;					/* 余白削除 */
	border: 0;					/* 枠線削除 */
	font-style:normal;			/* フォントスタイル */
	font-weight: normal;		/* フォント太さ */
	font-size: 100%;			/* フォントサイズ */
	vertical-align: baseline;	/* 行のベースライン */
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;				/* ブロック要素 */
}
/* オーバーフロー */
html{
    overflow-y: scroll;			/* スクロール */
}
/* リスト */
ol, ul{
    list-style:none;			/* リストマーク */
}
/* テーブル */
table{
    border-collapse: collapse; 	/* セルのボーダーを重ねる */
    border-spacing:0;			/* ボーダーの間隔 */
}

/* 画像 */
img{
	border: 0;					/* 枠線をなくす*/
	display: block ;			/* 画像をブロック要素に */
	margin: 0 auto ;			/* 画像の中央揃え */
}
/* フォントデザインを決める */
body,td,th {
	font-family: ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, Osaka, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
	color: #333;
}

#pagebody {
	width: 860px;
	margin: 0 auto;
}
#header {
	width: 860px;
}


.telboox {
	width: 740px;
	height: auto;
}
/* ----------TELヘッダーレスポンシブ用---------- */
#tel1gyou {
	display: block;
}
#tel2gyou {
	display: none;
}

/* --------------------ラッパー-------------------- */
#wrapper {
	width: 860px;
}
/* --------------------サイド-------------------- */





/* --------------------メインコンテンツ-------------------- */
#contents {
	width: 800px;
	margin: 0 auto;

}
.yuisyo {
	font-size: 24px;
	border-bottom: solid #BC2E63;
	margin-bottom: 10px;
	font-weight: bold;
	font-family:  "ＭＳ 明朝",serif;
		
}
h1 {
	font-size: small;
	color: #666;
	font-weight: normal;
	text-decoration: none;
	padding:0 0 0 10px;
	line-height: 140%;
}
/* h2 */
h2 {
	background-color: #F60;		/* 背景色 */
	border-left: 10px solid #C00;/* 枠線 */
	font-size: x-large;			/* フォントサイズ */
	color: #FFF;				/* フォント色 */
	padding: 3px 10px 3px 10px;	/* 余白 */
	margin: 10px 0 5px 0;		/* マージン */
}
/* h2のリンクテキスト色 */
h2 a:link {
	color: #FFFFFF;				/* リンクテキストを白 */
}
/* h2のｍ訪問済みリンクテキスト色 */
h2 a:visited {
	color: #FFFFFF;				/* リンクテキストを白 */
}


.mainkakaku {
	border-bottom: 1px solid #BC2E63;
	padding: 10px 10px 0px 10px;
	margin: 0px auto;
}

.mainkakaku p {
	font-size: 90%;
	line-height: 140%;
}
.mainkakaku_under {
	margin: 0px auto 3px auto;
	border-bottom: solid #BC2E63;
	padding: 1px 0 0 0;
}
.mainkakaku_under p {
	line-height: 0px;
	text-align: right;
	font-size: 1%;
}
.mainkaisetubox {
	margin: 0px  auto;
	border: 1px solid #F3CDDB;
	padding: 10px;
	width: 600px;
}

.mainkaisetubox p {
	font-size: 80%;
	line-height: 140%;
}
.mainkaisetubox_option {
	margin: 0px  auto;
	border: 1px solid #F3CDDB;
	padding: 3px 10px 10px 10px;
	width: 600px;
	text-align: center;
}

.mainkaisetubox_option p {
	font-size: 90%;
	line-height: 100%;
}
.kakakuutiwake {
	margin: 5px auto;
	border-bottom: 1px solid #F3CDDB;
	padding: 10px 10px 3px 3.5em;
	border-left: 1px solid #F3CDDB;
	text-indent: -2em;
}
.kakakuutiwake p {
	font-size: 80%;
	line-height: 140%;
}
.kakakuutiwaketitle {
	margin: 10px 0px 3px -45px;
	padding-left: 37px;
	border-width: 0 0 1px 3px;
	border-bottom: solid #BC2E63;
	border-left: solid #BC2E63;
}
.slidebox {
	width: 900px;
	height: auto;
}
.h3box {
	margin: 30px auto 5px auto;
	border-bottom: 1px solid #BC2E63;
	padding: 10px 10px 0 10px;
}

h3 {
	font-size: 90%;
	line-height: 100%;
	font-weight: normal;
}


.isyou {
	height: auto;
	width: 180px;
	bottom: 1px;
	padding: 0px;
	margin: auto;
}
.ryoukin {
	height: auto;
	width: 186px;
	margin: 0px auto 0px auto;
}
.isyou_left {
	height: auto;
	width: 206px;
	float: left;
}
.isyou_center {
	height: auto;
	width: 206px;
	float: left;
}
.isyou_right {
	height: auto;
	width: 206px;
	float: left;
}
.floatclear {
    clear:both;　/*floatの解除、ここがポイント*/
}
.isyou p a img {
	border: 3px solid #FFFFFF;
}
.isyou p a img:hover {
	border: 3px solid #FFD7FF;
}
  
/* photoswipe(フォトスワイプ) */
.photoswipe_rapper {
	overflow: hidden;
}
.my-gallery figure {
	float:left;					/* フロート左 */
	width:240px;					/* 幅 */
	height:280px;				/* 高さ */
	margin:6px;				/* マージン */
}

/* テーブル全体 */
table {
	margin:20px 0 10px 20px;		/* マージン */
	border-collapse: collapse;		/* ボーダーを重ねる */
	border-spacing: 0;				/* ボーダーの間隔 */
	font-size:14px;					/* フォントサイズ */	
	line-height: 1.5;				/* 行間 */	
}
/* テーブルヘッダ見出し */
table th {
   padding: 8px 15px;				/* 余白 */
	border: 1px solid #ccc;			/* ボーダー */
}
/* テーブルデータ */
table td { 
   padding: 8px 15px;				/* 余白 */
   border: 1px solid #ccc;			/* ボーダー */
}

/* ================================================================================ */




/* ---------------フッタ------------ */
#footer {
	font-size: small;				/* フォントサイズ */
	clear: both;					/* フロートクリア */
	height: auto;					/* 高さ必要？ */
	text-align: center;
	width: 900px;					/* 幅 */
	margin: 10px auto 0px auto;			/* 中央揃え */
}
#footer a {
	display: block;				/* ブロック要素 */
	text-decoration: none;		/* リンクの下線を消す */
}
/* フッターナビラッパー */
#footer .nav_wrapper {
	width: 680px;
	margin: 0 auto ;				/* 中央揃え */
	overflow: hidden ;				/* float解除 */
}
/* フッターナビindex */
#footer .navindex {
	float: left;		/* 左に回りこみ */
	width: 130px;			/* 横幅 */
	height: 40px;			/* 高さ */
	margin: 1px;		/* マージン */
	padding-top: 10px;
	text-align: center;				/* センタリング */
	border: 1px #ff8000 solid;	/* 枠線 */
	background: radial-gradient(#FFF,#FFECDA);	/* グラデーション背景 */

}

/* フッターナビindexリンク */
#footer .navindex a {
	color: #4B2500;				/* 文字色 */
	text-decoration: none;		/* リンクの下線を消す */
}
/* フッターナビindexリンクマウスオーバー */
#footer .navindex a:hover {				
	text-decoration: underline;	/* リンクアンダーライン */
}
/* ========文字化けメール解決策========= */
#pc_navindex {
	display: block;		/* 表示 */
}
#mobile_navindex {
	display: none;		/* 非表示 */
}

/* コピーライト */
#footer #copyright {
	border: 1px #ff8000 solid;	/* 枠線 */
	background: radial-gradient(#FFF,#ff8000);	/* グラデーション背景 */
	color: #333;
	margin: 10px 0 0 0;
	height: 26px;
}
#footer #copyright p{
	font-size: small;	
	color: #333;
}

/* ====================スマホに適用するCSS==================== */
@media screen and (max-width:767px)
{
/* ページボディ */
#pagebody {
	width:100%;						/* 幅 */
}
#header {
	width: 100%
	}

img {
	width:100%;						/* 幅100％ */
	height:auto;					/* 高さオート */
}

.telboox {
		width: 100%
	}
/* ----------TELヘッダーレスポンシブ用---------- */
#tel1gyou {
	display: none;
}
#tel2gyou {
	display: block;
}	
/* ラッパー */
#wrapper {
	width: 96% ;					
	height: auto;
	padding: 0 10px ;				/* 左右の余白 */
	overflow: hidden;
}
	/* サイドを非表示 */
	#side {
	display: none;
}
	/* メインコンテンツ */
#contents {
	width: 100% ;					/* 幅 */
}
#contents p {
		font-size: 16px;
	}

.mainkaisetubox {

		width: 90%;
	}
	.mainkaisetubox_option {
		width: 96%;
	}
	.nav_wrapper {
		width: 100%;
	}

	/* 衣装左 */
.isyou_left {
	width:50%;					/* 幅 */
}
/* 衣装中央 */
.isyou_center {
	width:50%;					/* 幅 */
}
/* 衣装右 */
.isyou_right {
	width:50%;					/* 幅 */
}
/* 衣装画像枠 */
.isyou {
	width:100%;					/* 幅 */
	height:auto;				/* 高さ */
}
/* 料金枠 */
.ryoukin {
	width:90%;					/* 幅 */
}
/* 料金2 */
.ryoukin_2 p {
	font-size:70%;				/* フォントサイズ */
	line-height: 150%;			/* 行間 */
}
/* 料金4 */
.ryoukin_4 p {
	font-size:80%;				/* フォントサイズ */
}
/* 料金5 */
.ryoukin_5 p {
	font-size:70%;				/* フォントサイズ */
	line-height: 150%;			/* 行間 */
}
/* 料金6 */
.ryoukin_6 p {
	font-size:80%;				/* フォントサイズ */
	line-height: 150%;			/* 行間 */
}
/* 料金無料 */
.ryoukin_muryou {
	font-size:80%;				/* フォントサイズ */
	line-height: 150%;			/* 行間 */
}
	/* iフレームラッパー */
.iframe-wrapper {
	position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
	/* iフレーム */
iframe {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	display:block;					/* 表示する */
	margin: 0 auto ;				/* 中央揃え */
}
	
	/* photoswipe(フォトスワイプ) */
.my-gallery figure {
	float:left;					/* フロート左 */
	width:46%;					/* 幅 */
	height:auto;				/* 高さ */
	margin:6px;				/* マージン */
}

.my-gallery figcaption {
	line-height:1.5em;
}
/* ---------------フッター-------------- */
#footer {
	width: 100%;					/* 幅 */
}
#footer .nav_wrapper {
	width: 100%;
	}
/* フッターナビindex */
#footer .navindex {
	float: none;			/* 回りこみなし */
	width: 80%;				/* 80% */
	margin: 6px auto;		/* マージン */
	padding: 20px 0px 10px 10px;	/* 余白 */
	text-align: left;		/* テキスト左揃え */
}
/* フッターナビindex段落 */
#footer .navindex p {
	font-size: 25px;		/* テキストサイズ */
}
/* ========文字化けメール解決策========= */
#pc_navindex {
	display: none;		/* 非表示 */
}
#mobile_navindex {
	display: block;		/* 表示 */
}	
	
/* コピーライト */
		#copyright {
		width: 100%;
		background: 80%;
	}
}