/* bxslider */
#main_colum section ul.bxslider { margin: 0; }
.bx-wrapper {
	margin: 0;
	border: none;
	-moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/* ******************* index ******************* */
.bx-wrapper .bx-pager.bx-default-pager a {
    background: #fff;
    text-indent: -9999px;
    display: block;
    width: 16px;
    height: 16px;
    margin: 0 5px;
    outline: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus, .bx-wrapper .bx-pager.bx-default-pager a:hover {
    background: #782136;
}
.bx-wrapper .bx-controls-auto, .bx-wrapper .bx-pager{
    position: absolute;
    bottom: 30px !important;
    width: 100%;
}

.fadeIn h3 {
	transition: 1s;
}
.fadeIn p {
	transition: 1s;
	transition-delay: .4s;
}
.fadeIn div.fadeBtn {
	transition: 1s;
	transition-delay: .8s;
}
.fadeIn img {
	transition: 1s;
	transition-delay: 1.2s;
}
.fadeIn #bg01>img {
	transition: 1s;
	transition-delay: 1.2s;
}
.fadeIn #bg02>img {
	transition: 1.5s;
	transition-delay: 1.6s;
}
.fadeIn #bg03>img {
	transition: 2s;
	transition-delay: 2s;
}
@media (min-width:768px){
	#wrap {
		display:-webkit-box;
		display:-moz-box;
		display:-webkit-flexbox;
		display:-moz-flexbox;
		display:-ms-flexbox;
		display:-webkit-flex;
		display:-moz-flex;
		display:flex;
	}
}

@media (max-width:1023px){
	#main_colum #section_03 .box-inner { padding-top: 100px; padding-bottom: 100px; }
	#main_colum #section_04 .box-inner { padding-top: 50px; padding-bottom: 50px; }
	#main_colum #section_01 .box-inner { padding-bottom: 100px; }
	.box-inner p{ text-align:left;}
}

#main_colum { width: 100%; }
#main_colum img { width: 100%; }
#visual_main{ position:relative;}
#visual_main h2{ position:absolute; right:50px; top:10px; z-index:99999;}
#visual_main h2 img{ width:auto !important;}
#visual_main .bx-wrapper .bx-controls-direction a{
	-webkit-transition:off;
    -moz-transition:off;
    -o-transition:off;
    transition:off;
}

@media (max-width:768px){
	#visual_main h2{ display: none; }
}


/*#main_colum section > div { line-height: 0; }*/
#main_colum section h3 { padding-bottom: 50px; font-size:3.2rem; line-height:160%; color: #925564; font-weight: normal; }
#main_colum section h3:after { content: ""; display: block; margin: 0 auto; margin-top: 35px; width: 100px; height: 5px; background: #925564; }

#main_colum section#section_04 h3 { padding-bottom: 20px; }

.box-inner { margin: 0 auto; }
.box-inner > p { padding-bottom: 100px; }
.box-inner nav { margin-bottom: 20px; }

#main_colum #section_04 .box-inner > p { padding-bottom: 20px; }


#section_02 nav { padding-left: 20px; padding-right: 20px; }

/* ******************* guide ******************* */
#contents_guide .flex > div { width: 50%; line-height: 0; }
@media (max-width:1023px){
	#contents_guide .flex > div { width: 100%; padding-top: 20%; }
}


/* ******************* list ******************* */
.color_box {
	position: relative;
	padding: 15px;
	border: 1px solid #782136;
	border-left: 20px solid #782136;
}
.color_box > div:last-child { padding-left: 20px; }
/*.color_box > div:first-child { width: 190px; }*/
.color_box p { padding-top: 22px; padding-bottom: 50px; text-align: left; }
.color_box span { position: absolute; bottom: 0; right: 0; padding: 15px; }

.color_box.box01 { border: 1px solid #782136; border-left: 20px solid #782136; background:#fff;}
.color_box.box01 h5 { color: #782136; }
.color_box.box01 .btn{ background:#782136; border:1px solid #782136;}
.color_box.box01 .btn:hover{ color:#782136; background:#fff; border:1px solid #782136;}

.color_box.box02 { border: 1px solid #1d5382; border-left: 20px solid #1d5382; background:#fff;}
.color_box.box02 h5 { color: #1d5382; }
.color_box.box02 .btn{ background:#1d5382;}
.color_box.box02 .btn:hover{ color:#1d5382; background:#fff; border:1px solid #1d5382;}

.color_box.box03 { border: 1px solid #cf8f2d; border-left: 20px solid #cf8f2d; background:#fff;}
.color_box.box03 h5 { color: #cf8f2d; }
.color_box.box03 .btn{ background:#cf8f2d;}
.color_box.box03 .btn:hover{ color:#cf8f2d; background:#fff; border:1px solid #cf8f2d;}

#costume_list .inner > div.flex > div {
	-webkit-align-self:stretch;
    -moz-align-self:stretch;
    -ms-align-self:stretch;
    align-self:stretch;
}
@media (min-width:1400px){
	#costume_list .inner > div.flex > div> div:first-child{flex-basis:28%;}
	#costume_list .inner > div.flex > div> div:last-child{flex-basis:68%;}
}
@media (min-width:1024px){
	#costume_list .inner > div.flex > div:last-child { margin-left: 30px; }
}
@media (max-width:1400px){
	.color_box.flex {
		-webkit-box-direction:normal;
		-moz-box-direction:normal;
		-webkit-box-orient:vertical;
		-moz-box-orient:vertical;
		-webkit-flex-direction:column;
		-moz-flex-direction:column;
		flex-direction:column;
	}
	#costume_list .color_box.flex > div:last-child { padding-top: 15px; }
	.color_box > div:last-child { padding-left: 0px; }
}
@media (max-width:1023px){
	.color_box > div:first-child {
		min-width: 100%;
	}
	.color_box.box01 { border: 1px solid #782136; border-bottom: 20px solid #782136; }
	.color_box.box01 h5 { color: #782136; }

	.color_box.box02 { border: 1px solid #1d5382; border-bottom: 20px solid #1d5382; }
	.color_box.box02 h5 { color: #1d5382; }

	.color_box.box03 { border: 1px solid #cf8f2d; border-bottom: 20px solid #cf8f2d; }
	.color_box.box03 h5 { color: #cf8f2d; }
}

/* ******************* detail ******************* */
#detail #section_02 .flex > p { text-align: left; }
#detail #section_03 .inner ul { padding-top: 32px; }
#detail #section_03 .inner li { width: 150px; }
#detail #section_03 .flex {
		-webkit-box-lines:multiple;
		-moz-box-lines:multiple;
		-webkit-flex-wrap:wrap;
		-moz-flex-wrap:wrap;
		-ms-flex-wrap:wrap;
		flex-wrap:wrap;
	}
#detail #thumbs ul{ margin:0; padding:0;}
#detail #thumbs ul li{ list-style-type:none; display:inline-block; width:18%; margin-right:2%;}
#detail #thumbs ul li img{ opacity:0.5;}
#detail #thumbs ul li.active img{ opacity:1;}
@media (min-width:768px){
#detail #thumbs #main{ min-height:500px;}
}

@media (min-width:1024px){
	#detail .inner { padding: 40px 70px; }
	#detail #section_02 .flex > div { min-width: 565px; }
	#detail #section_02 .flex > p { padding-left: 45px; text-align: left; }
	#detail #section_03 .inner { width: 1000px; }s
}
@media (max-width:1023px){
	#detail .inner { padding: 30px; }
	#detail #section_02 .flex > div { width: 100%; }
	#detail #section_02 .flex > p { padding-top: 20px; }
}

#main_colum #contents_area .inner,#main_colum #contents_guide .inner { padding: 47px 0; }

/* ******************* photo ******************* */
#photo_01 { padding: 50px 0; }
#photo_01 p { text-align: left; padding-bottom: 5px; }
#photo_01 div:nth-child(2) { padding-left: 20px; }
#photo_02 ul { text-align: left; padding-top: 5px; }
#photo_03 { padding-top: 50px; }
#photo_03 p { padding: 15px 0; }
#photo_03 img { padding: 10px; }


/* ******************* flow ******************* */
#contents_flow ul { font-size: 1.4rem; }
#contents_flow span { display: block; font-size: 1.4rem; padding: 10px 0; }
#contents_flow #section_01 { padding-bottom: 30px; }
#contents_flow div.nbsp { width: 160px; }
#contents_flow .flex.wrap img { width: 160px; }
@media (max-width:1023px){
	.wrap {
		-webkit-box-direction:normal;
		-moz-box-direction:normal;
		-webkit-box-orient:horizontal;
		-moz-box-orient:horizontal;
		-webkit-flex-direction:row;
		-moz-flex-direction:row;
		flex-direction:row;
	}
}

@media (min-width:1550px){
	#contents_flow #section_05 .flex.wrap > div { width: 33%; }
}
@media (min-width:1024px){
	#contents_flow .rrev,
	#contents_guide .rrev{
		-webkit-box-direction:reverse;
		-moz-box-direction:reverse;
		-webkit-box-orient:horizontal;
		-moz-box-orient:horizontal;
		-webkit-flex-direction:row-reverse;
		-moz-flex-direction:row-reverse;
		flex-direction:row-reverse;
	}
}
#main_colum div.bg02 { background-color: #782136; }
#section_04 .flow_01 p { padding-bottom: 20%; }
.flow_01 h4 , .flow_02 h4 { color: #925564 !important; border-bottom-color: #925564 !important; }
.flow_01 { padding: 5%; }
.flow_01 p { padding-top: 20px; text-align: left; }
.flow_02 { padding: 10% 0; }
.flow_02 .flow_box p { padding-top: 20px; text-align: left; }
.flow_02 ul { padding-top: 30px; text-align: left; }
.flow_01 , .flow_02 > div { padding-top: 30px; }

/* ******************* experience ******************* */
.ex_img > img { width: auto !important; }
#price_01 { padding: 30px 0; }
#price_01 > li { width: 25%; }
#price_02 { padding: 30px 0; }
#price_02 p { padding: 20px 0; }
#price_02 > li { width: 33%; padding-bottom: 10px; }
#price_01 img , #price_02 img { width: auto; }
#costume_ex1 #section_03 p { padding: 10px 0; }
#costume_ex section ul.flex > li {  }
#costume_ex .box_02 h4 { padding-top: 30px; }
#costume_ex .box_02 ul { padding-top: 30px; }
.ex_02 { padding: 10%; }
.ex_02 h4 { color: #925564 !important; border-bottom-color: #925564 !important; }
.ex_02 ul { padding-top: 10%; }
.review { padding: 10% 20%; }
.review h5 { color: #925564; border-bottom-color: #925564 !important; }
.review p { padding: 30px 0 100px 0; text-align: left; }
.review ul {
	-webkit-box-pack:end;
    -moz-box-pack:end;
    -webkit-flex-pack:end;
    -moz-flex-pack:end;
    -ms-flex-pack:end;
    -webkit-justify-content:flex-end;
    -moz-justify-content:flex-end;
    justify-content:flex-end;
}
.review li { padding-left: 30px; }

@media (max-width:1023px){
	#costume_ex div.box_02 { padding-top: 20px; }
}

/* ******************* access ******************* */
#map iframe { width: 100%; height: 400px; }
#costume_map ul { padding-top: 30px; }
#costume_map li { padding-bottom: 20px; }
@media (max-width:1023px){
	#contents_guide #costume_map .flex > div,
	#contents_guide.ptnone .flex > div {
		padding-top: 0;
	}
}


/* ******************* order ******************* */
.order { text-align: center !important; }
.order h4 { padding-top: 100px; }
.order > div { padding: 100px 0; }



/* ******************* form ******************* */
input[type="button"]{
	margin: 30px 0;
}





#main_colum .img_auto img { width: auto; }

.th_width .table tbody th { width: 250px; }




/* ******************* memorial ******************* */
.planList{
	margin:0 -1%;
}
.planList li {
    float: left;
    list-style: none!important;
    width: 48%;
	margin:0 1% 10px;
}
.planList li a {
    position: relative;
    display: inline-block;
    border: 1px solid #782136;
	display:block;
}
#index .planList li a,
#plantop .planList li a{
    min-width:auto;
	display:block;
	width:100%;
}
.planList li a::after {
    position: absolute;
    top: 50%;
    right: 0;
    margin: -12px 12px;
    content: '\f138';
    font-family: 'fontawesome';
}
.planList li a > * {
    float: left;
}
.planList li a img {
    opacity: 1;
}
.planList li a .photo {
    line-height: 0!important;
    width: 150px;
}
#index .planList li a .photo,
#plantop .planList li a .photo{
    line-height: 0!important;
    width:40%;
}
.planList li a .txtArea {
    padding: 5% 0 0 5%;
    text-align: left;
}
#index .planList li a .txtArea p:last-child,
#plantop .planList li a .txtArea p:last-child{
	font-size:1.5rem !important;
}
#index .planList li a .txtArea,
#plantop .planList li a .txtArea{
    padding:3% 5% 0;
    text-align: left;
	width:60%;
}

.planList .planName {
    font-size:1.9rem!important;
	font-weight:bolder;
}
.planList .planPrice {
    font-size: 2.0rem!important;
    color: #000;
}
#index .planList .planPrice,
#plantop .planList .planPrice{
    font-size: 2.5rem!important;
}
.planList li a:hover {
    background-color: #782136;
    color: #fff;
}
.planList li a:hover .planPrice {
    color: #fff;
}

.planSingle h3 {
    padding-bottom: 0!important;
}

.planPhotoArea img {
    max-width: 100%;
}

.planPhotoArea .planPhotoLeft {
    float: left;
    width: 65%;
}
.planPhotoArea .planPhotoRight {
    float: right;
    width: 31.5%;
}

.planPhotoArea2 .planPhotoLeft {
    float: left;
    width: 31.5%;
}
.planPhotoArea2 .planPhotoRight {
    float: right;
    width: 65%;
}
.planPhotoArea3 .planPhotoLeft {
    float: left;
    width: 49%;
}
.planPhotoArea3 .planPhotoRight {
    float: right;
    width: 49%;
}
.planSingle .col02 > p{
	width:49%;
	float:left;
	margin-right:1%;
}
.planPhotoArea4{
	margin:0 -1%;}
.planPhotoArea4 > div{
    float: left;
    width: 31%;
	margin:0 1%;
}
.planTable th,.planTable td {
    padding: 10px;
    border: 1px solid #ccc;
}
.planTable td {
    background-color: #fff;
    text-align: right;
	font-size:1.4rem;
}
.planTable td .price {
    font-size: 2.0rem;
}
.planTable thead th {
    width: 65%;
    background-color: #925564;
    text-align: left;
    color: #fff;
	font-size:1.4rem;
}
.planTable tbody th {
    background-color: #efefef;
    text-align: left;
	font-size:1.4rem;
    /*    color: #925564;*/
}
#plantop #planlist .box{ width:90%; margin:0 auto;}
@media screen and (max-width:768px){
	.planPhotoArea1 .planPhotoLeft,
	.planPhotoArea1 .planPhotoRight,
	.planPhotoArea3 .planPhotoLeft,
	.planPhotoArea3 .planPhotoRight {
		float:none;
		width: 100%;
	}
    .planSingle h3 {
        padding-bottom: 20px!important;
    }
    .planSingle h5 {
        font-size: 2.0rem!important;
    }
    .spPadding {
        padding-left: 5%;
        padding-right: 5%;
    }
    .planList {
        padding: 0!important;
		margin:0 !important;
    }
    .planList li {
        float: none;
        width: 100%;
		margin:0;
    }
    .planList li a {
        min-width: auto;
        width: 100%;
    }

    .planList .planName {
        font-size: 3.5vw!important;
    }
    .planList .planPrice {
        font-size: 3vw!important;
    }
    .planList li a .photo {
        width: 30%;
    }
    .planList li a .txtArea {
        width: 70%;
    }
    .planList li a p {
        padding: 0;
    }

    .planPhotoArea p,
    .planPhotoArea2 p {
        padding: 0 !important;
    }

    .planTable th,.planTable td {
        display: block;
        width: 100%!important;
    }
    .planTable td,
    .planTable tbody th {
        border-top: none;
    }
	#index .planList li a > *,
	#plantop .planList li a > *{
		float:none;
	}
	#index .planList li a .photo,
	#index .planList li a .txtArea,
	#plantop .planList li a .photo,
	#plantop .planList li a .txtArea{
		width:100%;
	}
	#sc_omotenashi .inner{
		width:90%!important;
	}
	#sc_omotenashi .logoarea img{ margin-bottom:20px;}

}

#sc_omotenashi{
	background:url(../img/index/bg_omotenashi.png) repeat-x;
	padding:30px 0;
}
#sc_omotenashi .inner{
	width:840px;
	margin:0 auto;
	text-align:center;
}
#sc_omotenashi .logoarea{ padding-bottom:20px; text-align:center;}
#sc_omotenashi .logoarea > *{ display:inline-block; width:auto; margin:0 20px;}

.point{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 30px;
    border: 1px solid #ddd;
    border-radius: 10px;
	margin-bottom: 20px;
	text-align: left;
}
.point dt{
	width: 150px;
	font-size: 20px;
	font-weight: bold;
	color: #925564;
	text-align: center;
}
.point dd{
	width: 750px;
}