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

body {
	background-image: url(../images/hananikki/bk_washi.png);
	background-repeat: repeat;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	color: #633;
	line-height: 1.8;
	margin: 0;
}
body.photoplan {
	background-image: url("../images/hananikki/bk_washi.png");
}
picture{
	/*line-height: 0;*/
	display: block;
}
h1 {
	font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "serif";
	font-weight: bold;
	font-size: 1.2rem;
	line-height: 1.3;
	margin: 0 0 0.5rem 0;
}
h2{
	font-size: 1.5rem;
}
h3{
	font-size: 1.3rem;
}
h4{
	font-size: 1.2rem;
}
p a, p a:link{
	color: #633;
}
p a:visited{
	color: #664f33;
}
p a:hover{
	color: #a17070;
}
p.text{
	color: #7c460f;
	font-size: 14px;
}
.sp_only, .sp_only2{
	display: inherit;
}
.pc_only{
	display: none;
}
.read{
	font-size: 1.2rem;
	line-height: 1.3;
}
.cont_txt{
	font-size: .9rem;
}
.btn_box{
	display: flex;
	-webkit-box-pack: center;
     -ms-flex-pack: center;
   justify-content: center;
	margin-top: 1rem;
}
.btn{
	display: inline-block;
	width: 40%;
	background-color:rgba(255,255,255,1.00);
	border: solid 1px rgba(149,73,10,1.00);
	color: rgba(149,73,10,1.00);
	font-size: .8rem;
	padding: .5rem 0 .3rem 0;
	margin: 0 0.5rem;
}
a.btn:hover{
	border: solid 1px rgba(149,73,10,1.00);
	background-color: rgba(149,73,10,1.00);
	color: #fff;
}
.navbar{
	border-bottom: solid #4F0E0F 1px;
}
.logo{
	width: 50%;
	display: inline-block;
}
.logo img{
	width: 100%;
}
.navbar-collapse{
	margin-top: 1rem;
	border-top:solid #ccc 1px;
}
.nav-item{
	border-top:dotted #ccc 1px;
}
.nav-item:nth-of-type(1){
	border-top:none;
}
.contents_top{
	width: 100%;
	max-width: 960px;
	margin: 0 auto 2rem auto;
	text-align: center;
}
.contents{
	width: 90%;
	max-width: 960px;
	margin: 0 auto 2rem auto;
	text-align: center;
}
#middle_top {
	width: 100%;
	margin: 0 auto 0 auto;
}
#middle, #order {
	width: 100%;
	max-width: 900px;
	margin: 0 auto 3rem auto;
}
.catch{
	height: auto;
	width: 100%;
	max-width: 900px;
	margin: 0 auto 2rem auto;
}
.catch img {
	width: 100%;
}
.space_1{
	margin-bottom: .5rem;
}
/* TOP */
#hana_cont{
	position: relative;
	background-color: #fff;
	border-top: solid 4px #dcdfb9;
	border-left: solid 4px #dcdfb9;
	border-right: solid 4px #c5d7e2;
	border-bottom: solid 4px #c5d7e2;
	height: 920px;
}
#hana_img{
	width: 85%;
	margin: 1.3rem auto;
}
#hana_text{
	position: absolute;
	font-size: 0.8rem;
	width: 100%;
	margin: 0 auto;
}
#hana_text img.img-fluid{
	width: 50%;
}
#kazari1{
	position: absolute;
	top:0;
	right:0;
	width: 15%;
}
#kazari2{
	position: absolute;
	bottom:0;
	left:0;
	width: 15%;
}
/* オーダードレス */
img.imgfull{
	width: 100%;
	max-width: inherit;
}
img.title{
	width: 100%;
	max-width: inherit;
}
.img_cont{
	margin-top: 1rem;
	margin-bottom: 1rem;
}
#yoyaku{
	position: relative;
	margin-top: 1rem;
}
#contact{
	width: 100%;
	position: absolute;
	bottom: 7px;
	z-index: 5;
	text-align: center;
}
#contact p{
	margin-bottom: 0;
}
#contact p a{
	color: #7c460f;
	font-size: 1rem;
}
/* レンタル一覧 */
.item, .item2{
	width: 100%;
	max-width: 900px;
	margin: 0 auto 0 auto;
}
.item img, .item2 img {
	width: 100%;
}
h1.title{
	margin-top: 2rem;
}
.lists{
	width: 100%;
	display: flex;
	justify-content:flex-start;
	flex-wrap: wrap;
	list-style: none;
	margin: 0;
	padding: 0;
}
.lists li{
	display: inline-block;
	width: 31%;
	margin: 0.5rem 1%;
}
.lists li p{
	margin-bottom: 0;
}
.lists li a, a:hover{
	color: #4F0E0F;
}
.lists img{
	width: 100%;
}
/* レンタル詳細 */
.rent_item{
	width: 100%;
	max-width: 500px;
	margin: 1rem auto 0 auto;
}
.rent_item img {
	width: 100%;
}
.txt {
	text-align: left;
	width: 100%;
	max-width: 500px;
	margin: 2rem auto 0 auto;
}
.num {
	margin: 0 0 0 0;
}
ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.note {
	font-size: 0.75rem;
}
/* オーダー */
h2.read_staff{
	font-size: .8rem;
	margin: 2rem 0 0 0;
}
.staff{
	display: flex;
	justify-content: space-between;
	width: 100%;
	max-width: 700px;
	margin: 0 auto 1rem auto;
	/*border: solid 1px rgba(149,73,10,1.00);
	background-color: rgba(255,255,255,0.5);
	padding: .5rem .5rem 0 .5rem;*/
}
.staff_box{
	width: 47%;
	display: block;
}
.staff_img{
	width: 40%;
	margin: 1rem auto .5rem auto;
	
}
.staff_img img{
	width: 100%;
	height: auto;
	border-radius: 50%;
	
}
.staff_cont{
	width: 100%;
}
.name{
	font-size: 0.9rem;
	line-height: 1;
	margin-bottom: 0;
	display: block;
}
.romaji{
	font-size: 0.6rem;
	display: block;
	padding-left: 0;
	margin-bottom: 0;
}
.profile{
	font-size: 0.65rem;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	margin-bottom: .5rem;
	text-align: left;
}
.cont_box{
	width: 100%;
	margin: 4rem auto;
}

/* shopinfo */
#aboutus_cont, #aboutus_cont2, #aboutus_cont3{
	position: relative;
	margin-bottom: 1rem;
}
#aboutus_text{
	line-height: 1.5;
	font-style: normal;
	position:absolute;
	bottom: 6%;
	left:0;
	width: 100%;
	text-align: center;
	color: #633;
	font-size: 0.6rem;
}
#aboutus_text2{
	line-height: 1.8;
	font-style: normal;
	position:absolute;
	top:4%;
	left:0;
	width: 100%;
	text-align: center;
	color: #633;
	font-size: 0.8rem;
}
#aboutus_text3{
	line-height: 1.8;
	font-style: normal;
	position:absolute;
	bottom: 8%;
	left:0;
	width: 87%;
	text-align: center;
	color: #633;
	font-size: 0.6rem;
}
#aboutus_text4{
	line-height: 1.8;
	font-style: normal;
	position:absolute;
	top:15%;
	left:0;
	width: 100%;
	text-align: center;
	color: #633;
	font-size: 1rem;
}
#aboutus_text4 p{
	line-height: 1.3;
	margin-bottom: 0;
}
#aboutus_text4 a, #aboutus_text4 a:link{
	color: #633;
}
/*  撮影 */
.hana_head_img{
	width: 100%;
	max-width: 900px;
	margin: 0 auto 1rem auto;
}
#hana_read{
	margin-bottom: 4rem;
}
#hana_read h1{
	margin-top: 1rem;
	font-size:.7rem;
	line-height: 1.8;
	font-weight: 500;
}
#hana_read p{
	font-size: .7rem;
}
.hana_block{
	margin-bottom: 4rem;
}
.hana_contact{
	background-color: #fff;
	border-top: solid 4px #dcdfb9;
	border-left: solid 4px #dcdfb9;
	border-right: solid 4px #c5d7e2;
	border-bottom: solid 4px #c5d7e2;
	padding: 2rem;
	background-image: url("../images/hananikki/kazari02.png");
	background-position: bottom left;
	background-repeat: no-repeat;
	background-size: 10%;
}
.hana_contact p:nth-of-type(2),.hana_contact p:nth-of-type(3){
	font-size: 1rem;
	margin-bottom: 0;
}
#hana_costs{
	width: 100%;
	text-align:left;
}
#hana_costs h2{
	text-align: center;
	font-weight: 800;
	color: #fff;
	height: 60px;
	background: url("../images/hananikki/tit_bk1.png") no-repeat;
	background-size: contain;
	background-position: 45%;
	line-height: 3;
}
#hana_costs h3{
	font-weight: 800;
	color: #dd443b;
	line-height: 1.6;
}
#hana_costs h4{
	font-weight: 500;
}
#hana_costs p.costs{
	font-weight: 800;
	color: #dd443b;
	font-size: 1.5rem;
}
#hana_costs span{
	font-size: 0.7rem;
}
#hana_costs ul{
	margin-bottom: 1rem;
	font-size: .8rem;
}
#hana_costs ul:nth-of-type(1), #hana_costs ul:nth-of-type(3){
	margin-bottom: 0;
}
.block{
	display: table;
}
.block li{
	display: table-cell;
	padding: .5rem;
	border: solid 2px #dcdfb9;
	text-align: center;
	background-color:#fff;
	vertical-align: middle;
	/*border-radius: 6px;*/
}
.block li:nth-of-type(2n){
	border: none;
	background-color:inherit;
	font-weight:800;
	padding: .5rem 0rem;
}
#hana_costs h4.note{
	font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-size: 1rem;
	margin-bottom: 0rem;
}
#hana_costs ul.note {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-size: .55rem;
}
p.notice{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-size: 0.78rem;
	color: #dd443b;
}
#hana_flow{
	width: 100%;
	text-align:left;
}
#hana_flow h2{
	text-align: center;
	font-weight: 800;
	color: #fff;
	height: 60px;
	background: url("../images/hananikki/tit_bk2.png") no-repeat;
	background-size: contain;
	background-position: 55%;
	line-height: 3;
}
#hana_flow dt{
	display: inline-block;
	padding: .2rem .5rem;
	border: solid 2px #dcdfb9;
	font-size: .8rem;
	background-color:#fff;
	/*border-radius: 6px;*/
}
#hana_flow dd{
	font-size: .8rem;
}
.item_uchikake{
	width: 100%;
	max-width: 640px;
}
.item_uchikake img {
	width: 100%;
}
/* フッター */
footer p, footer p a, footer p a:link{
	margin-bottom: 0;
	color: #76491b;
	line-height: 1.5;
}
footer p:first-child{
	font-size:12px;
	line-height: 1.8;
}
.footer_img{
	width: 100%;
	max-width: 556px;
}

@media screen and (min-width:321px) { 
	/*　画面サイズが480pxからはここを読み込む　*/
.lists li{
	
}
.sp_only2{
	display: none;
}
.btn{
	font-size: 1rem;
	padding: .5rem 0 .3rem 0;
}
#contact{
	bottom: 10px;
}
#aboutus_text{
	line-height: 1.6;
	bottom: 7%;
	font-size: 0.7rem;
}
#aboutus_text2{
	top:5%;
}
#aboutus_text3{
	bottom: 8%;
	width: 87%;
	text-align: center;
	color: #633;
	font-size: 0.7rem;
}
#aboutus_text4{
	top:19%;
	font-size: 1rem;
}
#hana_read h1{
	margin-top: 1rem;
	font-size:.85rem;
	line-height: 1.8;
	font-weight: 500;
}
#hana_read p{
	font-size: .8rem;
}
#hana_cont{
	height: 1000px;
	}
#hana_img{
	width: 80%;
	margin: 2.3rem auto 1rem auto;
}
}
@media screen and (min-width:400px) {
	#aboutus_text{
	bottom: 6%;
	font-size: 0.8rem;
}
#aboutus_text2{
	line-height: 1.8;
	top:5%;
	font-size: 1rem;
}
#aboutus_text3{
	bottom: 8%;
	width: 87%;
	text-align: center;
	color: #633;
	font-size: 0.8rem;
}
#aboutus_text4{
	top:18%;
	font-size: 1.2rem;
}
#hana_cont{
	height: 1050px;
	}
}
@media screen and (min-width:480px) { 
	/*　画面サイズが480pxからはここを読み込む　*/
.lists li{
	width: 18%;
	margin: 0.5rem 1%;
}
.logo{
	width: 20%;
	max-width: 190px;
}
p.text{
	font-size: 1rem;
}
img.title{
	width: auto;
}
}
@media screen and (min-width:768px) and ( max-width:992px) {
	/*　画面サイズが768pxから1024pxまではここを読み込む　*/
.sp_only, .sp_only2{
	display: none;
}
.pc_only{
	display: inherit;
}
#middle_top {
	margin: 0 auto 0 auto;
}
#middle, #order {
	margin: 0 auto 5rem auto;
}
#contact{
	bottom: 35px;
}
#contact p{
	font-size: 2rem!important;
}
#contact p a{
	font-size: 2rem;
}
a[href^="tel:"]{
    pointer-events: none;
  }
#aboutus_cont, #aboutus_cont2, #aboutus_cont3{
	margin-bottom: 0;
}
#aboutus_text{
	line-height: 1.8;
	top:120px;
	left:245px;
	width: 412px;
	font-size: 0.8rem;
}
#aboutus_text2, #aboutus_text3, #aboutus_text4{
	display: none;
}
/* TOP */
#hana_cont{
	border-top: solid 6px #dcdfb9;
	border-left: solid 6px #dcdfb9;
	border-right: solid 6px #c5d7e2;
	border-bottom: solid 6px #c5d7e2;
	height: 400px;
}
#hana_img{
	height: 388px;
	width: auto;
	margin: 0 0 0 53%;;
}
#hana_text{
	position: absolute;
	font-size: 0.8rem;
	width: 58%;
	margin: 0 auto;
	top:10%;
}
#hana_text img.img-fluid{
	width:40%;
}
#kazari1{
	position: absolute;
	top:0;
	right:0;
	width: 7%;
}
#kazari2{
	position: absolute;
	bottom:0;
	left:0;
	width: 7%;
}
.btn_box{
	margin-top: 1.5rem;
}
.btn{
	width: 30%;
	margin: 0 0.5rem;
}
/* 撮影 */
#hana_read h1{
	font-size: 1.2rem;
	line-height: 1.8;
	font-weight: 500;
}
#hana_read p {
    font-size: 1rem;
}
#hana_costs h2{
	background-position: 48%;
	line-height: 3;
	margin-top: -2rem;
	margin-bottom: 1rem;
}
.hana_block{
	background-color: #fff;
	border-top: solid 4px #dcdfb9;
	border-left: solid 4px #dcdfb9;
	border-right: solid 4px #c5d7e2;
	border-bottom: solid 4px #c5d7e2;
	padding: 0 1.5rem 1.5rem 1.5rem;
	background-image: url("../images/hananikki/kazari01.png");
	background-position: bottom right;
	background-repeat: no-repeat;
	background-size: 10%;
	margin-top: 5rem;
	margin-bottom: 4rem;
}
div.hana_block:nth-of-type(4){
	border: none;
	background: none;
	padding: 0;
}
#hana_costs p.costs{
	font-size: 1.3rem;
}
#hana_costs span{
	font-size: 0.7rem;
}
#hana_costs ul{
	margin-bottom: 1rem;
	font-size: .8rem;
}
.block li{
	padding: 1rem;
}
.block li:nth-of-type(2n){
	border: none;
	background-color:inherit;
	font-weight:800;
	padding: .5rem 0rem;
}
#hana_costs h4.note{
	font-size: .9rem;
}
#hana_costs ul.note {
	font-size: 0.6rem;
}
p.notice{
	font-size: 0.8rem;
}
#hana_flow{
	width: 100%;
	text-align:left;
}
#hana_flow h2{
	background-position: 51%;
	margin-top: -2rem;
	margin-bottom: 1rem;
}
#hana_flow dl{
	display: table;
}
#hana_flow dt{
	display: table-cell;
	padding: .2rem .5rem;
	border: solid 2px #dcdfb9;
	font-size: 0.8rem;
	vertical-align: middle;
}
#hana_flow dd{
	display: table-cell;
	font-size: 0.8rem;
	padding: .2rem 0 .2rem .5rem;
}
.hana_block_cont{
	display: flex;
}
.hana_block_box{
	width: 50%;
}
.hana_contact p:nth-of-type(2),.hana_contact p:nth-of-type(3){
	font-size: 2rem;margin-bottom: 0;
}
/* order */
.staff{
	padding: 1rem 1rem 0 1rem;
}
.staff_img{
	width: 25%;
	margin: 0 auto 0 auto;
}
.staff_box{
	width: 47%;
	display: flex;
	justify-content: space-between;
}
.staff_cont{
	width: 70%;
}
.name{
	font-size: 1rem;
	line-height: 1.3;
	display: inline-block;
}
.romaji{
	font-size: 0.7rem;
	padding-left: .5rem;
	display: inline-block;
}
.profile{
	font-size: 0.75rem;
	margin-bottom: 1rem;
}
}
@media screen and (min-width:992px) {
	/*　画面サイズが1024pxからはここを読み込む　*/
	header{
		background-color:#f8f9fa!important;
		border-bottom: solid #4F0E0F 1px;
	}
.logo{
	width: 20%;
	max-width: 190px;
}
.navbar-collapse{
	margin-top: 0;
	border-top:none;
}
.nav-item{
	border-top:none;
}
.navbar{
	width: 900px;
	margin: 0 auto;
	border-bottom: none;
}
.navbar-brand{
	padding-top:0;
	margin-right:2rem;
}
.btn_nav{
	/*text-indent: -9999px;*/
	display: inline-block;
	width: auto;
	height:48px;
	margin: 0 0.15rem;
	font-size: 14px;
	text-align: center;
	line-height: 1.5;
}
.btn_nav sppan{
	display: block;
	font-size: 12px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}
/*#btn_nav1{
	background: url("../images/home.png") no-repeat;
	background-size:contain;
}
#btn_nav2{
	background: url("../images/rental.png") no-repeat;
	background-size:contain;
}
#btn_nav3{
	background: url("../images/order.png") no-repeat;
	background-size:contain;
}
#btn_nav4{
	background: url("../images/photoplan.png") no-repeat;
	background-size:contain;
}
#btn_nav5{
	background: url("../images/shop.png") no-repeat;
	background-size:contain;
}
#btn_nav6{
	background: url("../images/contact.png") no-repeat;
	background-size:contain;
}*/
#middle_top {
	margin: 1.5rem auto 0 auto;
}
.item, .item2{
	margin: 1.5rem auto 0 auto;
}
.btn_box{
	margin-top: 1.5rem;
}
.btn{
	width: 25%;
	margin: 0 0.5rem;
}
#middle, #order {
	margin: 0 auto 5rem auto;
}
#contact{
	bottom: 60px;
}
#contact p{
	font-size: 2rem!important;
}
#contact p a{
	font-size: 2rem;
}
a[href^="tel:"]{
    pointer-events: none;
  }
.sp_only, .sp_only2{
	display: none;
}
.pc_only{
	display: inherit;
}
img.imgfull{
	width: auto;
}
#aboutus_cont, #aboutus_cont2, #aboutus_cont3{
	margin-bottom: 0;
}
#aboutus_text{
	line-height: 28px;
	top:163px;
	left:381px;
	width: 412px;
	font-size: 1rem;
}
#aboutus_text2, #aboutus_text3, #aboutus_text4{
	display: none;
}
/* TOP */
#hana_cont{
	position: relative;
	background-color: #fff;
	border-top: solid 6px #dcdfb9;
	border-left: solid 6px #dcdfb9;
	border-right: solid 6px #c5d7e2;
	border-bottom: solid 6px #c5d7e2;
	height: 600px;
}
#hana_img{
	height: 588px;
	width: auto;
	margin: 0 0 0 50%;;
}
#hana_text{
	position: absolute;
	font-size: 0.8rem;
	width: 55%;
	margin: 0 auto;
	top:20%;
}
#hana_text img.img-fluid{
	width: auto;
}
#kazari1{
	position: absolute;
	top:0;
	right:0;
	width: 7%;
}
#kazari2{
	position: absolute;
	bottom:0;
	left:0;
	width: 7%;
}
/* 撮影 */
.hana_head_img{
	margin: 2rem auto 1rem auto;
}
#hana_read h1{
	font-size: 1.5rem;
	line-height: 1.8;
	font-weight: 500;
}
#hana_read p {
    font-size: 1.2rem;
}
#hana_costs h2{
	background-position: 48%;
	line-height: 3;
	margin-top: -2rem;
	margin-bottom: 1rem;
}
.hana_block{
	background-color: #fff;
	border-top: solid 4px #dcdfb9;
	border-left: solid 4px #dcdfb9;
	border-right: solid 4px #c5d7e2;
	border-bottom: solid 4px #c5d7e2;
	padding: 0 1.5rem 1.5rem 1.5rem;
	background-image: url("../images/hananikki/kazari01.png");
	background-position: bottom right;
	background-repeat: no-repeat;
	background-size: 10%;
	margin-top: 5rem;
	margin-bottom: 4rem;
}
div.hana_block:nth-of-type(4){
	border: none;
	background: none;
	padding: 0;
}
#hana_costs p.costs{
	font-size: 2rem;
}
#hana_costs span{
	font-size: 0.8rem;
}
#hana_costs ul{
	margin-bottom: 1rem;
	font-size: 1rem;
}
.block li{
	padding: 1rem;
}
.block li:nth-of-type(2n){
	border: none;
	background-color:inherit;
	font-weight:800;
	padding: .5rem 0rem;
}
#hana_costs h4.note{
	font-size: 1rem;
}
#hana_costs ul.note {
	font-size: 0.8rem;
}
p.notice{
	font-size: 1rem;
}
#hana_flow{
	width: 100%;
	text-align:left;
}
#hana_flow h2{
	background-position: 51%;
	margin-top: -2rem;
	margin-bottom: 1rem;
}
#hana_flow dl{
	display: table;
}
#hana_flow dt{
	display: table-cell;
	padding: .2rem .5rem;
	border: solid 2px #dcdfb9;
	font-size: 1rem;
	vertical-align: middle;
}
#hana_flow dd{
	display: table-cell;
	font-size: 1rem;
	padding: .2rem 0 .2rem .5rem;
}
.hana_block_cont{
	display: flex;
}
.hana_block_box{
	width: 50%;
}
.hana_contact p:nth-of-type(2),.hana_contact p:nth-of-type(3){
	font-size: 2rem;margin-bottom: 0;
}
/* order */
.staff{
	padding: 1rem 1rem 0 1rem;
}
.staff_box{
	width: 47%;
	display: flex;
	justify-content: space-between;
}
.staff_img{
	width: 25%;
	margin: 0 auto 0 auto;
}
.staff_cont{
	width: 70%;
}
.name{
	font-size: 1rem;
	line-height: 1.3;
	display: inline-block;
}
.romaji{
	font-size: 0.7rem;
	padding-left: .5rem;
	display: inline-block;
}
.profile{
	font-size: 0.75rem;
	margin-bottom: 1rem;
}
}