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

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	list-style: none;
}
html {
	height: 100%;
}
@media screen and (min-width: 641px){
html{font-size: 24px;}
}

@media screen and (min-width:321px) and (max-width:640px){
html{font-size: 4vw;}
}

@media screen and (max-width:320px){
html{font-size: 12px;}
}
body {
	height: 100%;
	margin: auto;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background-color: #FFFFFF;
	line-height: 1.6;
	text-align: center;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
	display:block;
}

img {
	vertical-align: top;
	height:auto;
	max-width:100%;
}

nav ul {
	list-style:none;
}

blockquote, q {
	quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}

a {
	margin:0;
	padding:0;
	vertical-align:baseline;
	background:transparent;
}

ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}

mark {
	background-color:#ff9;
	color:#000; 
	font-style:italic;
	font-weight:bold;
}

del {
	text-decoration: line-through;
}

abbr[title], dfn[title] {
	border-bottom:1px dotted;
	cursor:help;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

hr {
	display: block;
	width: auto;
	height: 1px;
	margin: 30px 0;
	border-top: 1px solid #3366CC;
}

input, select {
	vertical-align:middle;
}

.clear {clear:both;}
.clear hr {display:none;}
.clearboth {clear:both;}

.cf { zoom: 1; }
.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }

.flex{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -js-display: flex;
}
.order1 {
  order: 1;
}
.order2 {
  order: 2;
}
.order3 {
  order: 3;
}
.order4 {
  order: 4;
}
.order5 {
  order: 5;
}

.abBox {
	position: relative;
}
.ab {
	position: absolute;
}

.mb20 {
	margin-bottom: 2vh;
}
.mb30 {
	margin-bottom: 3vh;
}
.mb40 {
	margin-bottom: 4vh;
}
.mb50 {
	margin-bottom: 5vh;
}

/*テキストスタイル*/
.min {
	font-family: "Times New Roman", Times, 'YuMincho', '游明朝','ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'ＭＳ Ｐ明朝', 'MS PMincho', serif;
}

.fs10 {
	font-size: 0.625rem;
}
.fs11 {
	font-size: 0.6875rem;
}
.fs12 {
	font-size: 0.75rem;
}
.fs13 {
	font-size: 0.8125rem;
}
.fs14 {
	font-size: 0.875rem;
}
.fs16 {
	font-size: 1rem;
}
.fs18 {
	font-size: 1.125rem;
}
.fs24 {
	font-size: 1.5rem;
}

/*レイアウト*/
#wrapper {
	margin: auto;
	min-width: 320px;
	max-width: 640px;
	overflow: hidden;
	position: relative;
	padding-bottom: 10px;
	min-height: 100%;
}

/*ヘッダー*/
#header {
	width: 100%;
	position: relative;
}
#header .reserveBtn {
	padding: 0 25%;
	background-color: #f9dbe1;
}

/*パック一覧*/
#packNavWrap {
	margin-bottom: 10%;
}
#packNavWrap .packNav {
	margin-bottom: 5%;
}
#packNavWrap .reserveBtn {
	padding: 0 25%;
}

/*特徴*/
#tokuchoWrap {
	margin-bottom: 12%;
}
#tokuchoWrap .reserveBtn {
	padding: 0 25%;
}

/*料金*/
#priceWrap .list {
	margin-bottom: 5%;
}
#priceWrap .prEnd {
	margin-bottom: 8%;
}
#priceWrap {
	margin-bottom: 18%;
}
#priceWrap .reserveBtn {
	padding: 0 25%;
}

/*パック詳細*/
#packWrap {
	margin-bottom: 8%;
}
#packWrap .btnWrap {
	position: relative;
}
#packWrap .btnWrap .btn {
	position: absolute;
	top: 8%;
	left: 0;
	right: 0;
	padding: 0 25%;
}

/*スタジオ*/
#studioWrap {
	margin-bottom: 10%;
}
#studioWrap .slider {
  background-color: #dff0f4;	
	padding: 0 5% 5%;
}
#studioWrap .slider .bx-wrapper .bx-prev {
  left: -10px;
	background: url('js/bxslider/images/controls-org.png') no-repeat 0 -32px;
}
#studioWrap .slider .bx-wrapper .bx-next {
  right: -10px;
	background: url('js/bxslider/images/controls-org.png') no-repeat -43px -32px;
}
#studioWrap a.btn {
	display: block;
	padding: 3%;
	color: #FFF;
	background-color: #000;
	text-decoration: none;
}

/*お客様の声*/
#voiceWrap {
	margin-bottom: 10%;
}

/*撮影例*/
#exsampleWrap {
	margin-bottom: 10%;
}
#exsampleWrap .slider {
	background-color: #e0e3ed;
	margin: 0 2%;
	padding: 5%;
	border-radius: 10px;
}
#exsampleWrap .slider .bx-wrapper .bx-prev {
  left: -22px;
	background: url('js/bxslider/images/controls-org.png') no-repeat 0 -32px;
}
#exsampleWrap .slider .bx-wrapper .bx-next {
  right: -22px;
	background: url('js/bxslider/images/controls-org.png') no-repeat -43px -32px;
}

/*着物ギャラリー*/
#kimonoWrap {
	margin-bottom: 10%;
}
#kimonoWrap .slider {
	background-color: #fffcd1;
	margin: 0 2%;
	padding: 5%;
	border-radius: 10px;
}
#kimonoWrap .slider .bx-wrapper .bx-prev {
  left: -22px;
	background: url('js/bxslider/images/controls-org.png') no-repeat 0 -32px;
}
#kimonoWrap .slider .bx-wrapper .bx-next {
  right: -22px;
	background: url('js/bxslider/images/controls-org.png') no-repeat -43px -32px;
}
#kimonoWrap .reserveBtn {
	padding: 0 25% 8%;
	background-color: #fffac6;
}

/*ギャラリー*/
#galleryWrap {
	margin-bottom: 10%;
}
#galleryWrap .slider {
	background-color: #fffac6;
	padding: 0 5% 8%;
}
#galleryWrap .slider .bx-wrapper .bx-prev {
  left: -10px;
	background: url('js/bxslider/images/controls-org.png') no-repeat 0 -32px;
}
#galleryWrap .slider .bx-wrapper .bx-next {
  right: -10px;
	background: url('js/bxslider/images/controls-org.png') no-repeat -43px -32px;
}
#galleryWrap .reserveBtn {
	padding: 0 25% 8%;
	background-color: #fffac6;
}

/*フッター*/
#footer .reserveBtn {
	padding: 0 15% 8%;
}
#footer .copyright {
	font-size:0.625rem;
}