@charset "utf-8";
/* CSS Document */

/*------------------------------------------
header
------------------------------------------*/

header{
	height:640px;
	position: relative;}

.head_index_image{
	background:url(../images/main.jpg)  top center no-repeat;
}
.head_flow_image{
	background:url(../images/flow_main.jpg)  top center no-repeat;
}
.head_cuisine_image{
	background:url(../images/cuisine_main.jpg)  top center no-repeat;
}
.head_small_image{
    background:url(../images/small_main.jpg)  top center no-repeat;
}
.hr{
	border-bottom:solid #CCC 1px;}

.cap_left{
	text-align:left;
	margin-bottom:30px;}

.contents .box_brown{
	border:solid #DDD8CE 5px;
	background-color:white;
	padding:35px}

h3.memorial_title{
	font-family: "Sawarabi Mincho", serif;
	font-weight:normal;
	font-size:2.8rem;
	color:#11173F;
	margin:0 0 20px 0;
	text-align:center;}

h3.memorial_title span{
	font-family: 'Noto Sans Japanese', serif;
	font-size:1.5rem;
	color:#806644;
	display:inline-block;
	padding-left:20px;}

#nairankai,
#option,
#temple,
#schejule,
#flow,
#faq,
#cuisine,
#restaurant,
#kids,
#souvenir,
#delivery{
	padding-top:50px;
	margin-top:-50px;}

#pamphlet,
#letter,
#alter{
	padding-top:80px;
	margin-top:-80px;}

#option_menu{
	padding-top:100px;
	margin-top:-100px;}

.mt10{margin-top:10px !important;}

/*3カラムメニューボタン*/

#menu .contents {
	padding-top:50px !important;
	padding-bottom:0px !important;
	}
	
#menu .contents ul.menu_col_3{
	width:75%;
	margin:0 auto !important;
	}
#menu .contents ul.menu_col_3 li {
    float: left;
    width:33.33333%;
    padding: 0 4px;
    font-weight: 500;
}
#menu .contents ul.menu_col_3 li .btn{
	background: url(../../../commons/images/bg_btn_down.png) 95% 50% no-repeat #11173F !important;
	width:100% !important;
	padding:15px 30px !important;
	text-align:left;
	margin:0 0px !important;
	font-size: 1.6rem;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

/*4カラムメニューボタン*/
#menu .contents ul.menu_col_4{
    width:100%;
    margin:0 auto !important;
}
#menu .contents ul.menu_col_4 li {
    float: left;
    width:25%;
    padding: 0 4px;
    font-weight: 500;
}
#menu .contents ul.menu_col_4 li .btn{
    background: url(../../../commons/images/bg_btn_down.png) 95% 50% no-repeat #11173F !important;
    width:100% !important;
    padding:15px 30px !important;
    text-align:left;
    margin:0 0px !important;
    font-size: 1.6rem;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.menubtn {
    background: #11173F;
    color: #ffffff;
    padding: 10px 24px;
    border-radius: 6px;
    font-size: 14px;
	position:relative;
}
.menubtn:after {
    content: "＞";
    display: inline-table;
    -webkit-transform: scale( 2 , 1 )rotate(90deg);
    -moz-transform: scale( 2 , 1 )rotate(90deg);
    -o-transform: scale( 2 , 1 )rotate(90deg);
    -ms-transform: scale( 2 , 1 )rotate(90deg);
    transform: scale( 2 , 1 )rotate(90deg);
    font-size: 11px;
    position: absolute;
    right: 24px;
	top: 25%;
}

.active {
	background: #ffffff;
    color: #11173F;
    padding: 10px 24px;
    border-radius: 6px;
        font-size: 100%;
}
.menu_inner {
    display: flex;
	display: -webkit-flex;
    flex-direction: column;
	-webkit-flex-direction:column;
    position: absolute;
    padding: 0 24px;
    width: 100%;
    z-index: 1;
    max-width: 275px;
	background-color: rgba(255,255,255,0.9);
}
.menu_inner a {
    padding: 8px 0;
    border-bottom: solid 1px #CCC;
    color: #633967;
}
	
.menu_inner a:last-child {
	border-bottom:none;

}


#menu .contents ul.menu_col_3 li .btn:hover{
	color:white;
	opacity:0.8 !important;
	filter: alpha(opacity=80) !important;
	-moz-opacity: 0.8 !important;}

#menu .contents .memorial_menu{
	text-align:center;
	padding-top:40px;
	font-weight:bold;}
 
#menu .contents .memorial_menu a {
	color:#633966;}

#menu .contents .memorial_menu .sp_hide{
	display:inline !important;}


.price{
	font-size:1.8rem;
	font-weight:bold;
	padding:10px 0 0px 0}

.price p.red{
	display:inline-block;
	float:right;}

.price p.red span{
	font-size:1.5rem;
	color:#4A4541;
	font-weight:normal;}

.memorial_title b.sp_hide{
	display:inline !important;}

span.sm{
	font-size:1.2rem;}

@media (max-width: 640px) {

#menu .contents ul.menu_col_3,
#menu .contents ul.menu_col_4{
	width:100%;
	margin:0 auto !important;
}  
header{
	margin:55px 0 0 0;
	height: 0;
    padding-top: 46.875%; 

    background-size: cover;}

.head_index_image{
    background: url(../images/main_sp.jpg) 0 0 no-repeat;
	margin:55px 0 0 0;
	height: 0;
    padding-top: 46.875%; 
    background-size: cover;
}
.head_flow_image{
	background:url(../images/flow_main_sp.jpg)  top center no-repeat;
	margin:55px 0 0 0;
	height: 0;
    padding-top: 46.875%; 
    background-size: cover;
}
.head_cuisine_image{
	background:url(../images/cuisine_main_sp.jpg)  top center no-repeat;
	margin:55px 0 0 0;
	height: 0;
    padding-top: 46.875%; 
    background-size: cover;
}
.head_small_image{
    background:url(../images/small_main_sp.jpg)  top center no-repeat;
    margin:55px 0 0 0;
    height: 0;
    padding-top: 46.875%; 
    background-size: cover;
}
.sp_btm_menu .head_small_image{
	margin:0;
}        

.menu_inner {
    max-width: 100%;
    display: flex;
	display: -webkit-flex;
	-webkit-flex-direction:column;
    flex-direction: column;
    position: relative;
    padding: 0 24px 0px;
    width: 100%;
    z-index: 1;
    max-width: 370px;
    background-color: #f1eee2;
    margin-bottom: 16px;
}

#menu .contents {
	padding-top:40px !important;
	padding-bottom:0px !important;}

#menu .contents .memorial_menu{
	padding-top:25px;}

#menu ul.menu_col_3 li,
#menu ul.menu_col_4 li{
	float:none !important;
	width:100% !important;
	padding:0 !important;
	margin-bottom:5px;
}

.contents .box_brown{
	border:solid #DDD8CE 5px;
	background-color:white;
	padding:30px 20px;}



#menu .contents .memorial_menu .sp_hide{
	display:none !important;}

#omotenashi{
	padding-top:30px;
	margin-top:-30px;}
#flow,
#kids{
	padding-top:80px;
	margin-top:-80px;}

#letter{
	padding-top:20px;
	margin-top:-20px;}


#option_menu{
	padding-top:50px;
	margin-top:-50px;}

.price{
	font-size:1.6rem;
	font-weight:bold;
	padding:10px 0 0px 0}

.price p.red {
    display: block;
    float: none;
}

.price p.red span{
	font-size:1.3rem;
	color:#4A4541;
	font-weight:normal;}
.memorial_titl b.sp_hide{
	display:none !important;}
}

.bg_opacity_white,
#kids p.bg_opacity_white{
	background:rgba(255,255,255,0.5);
	width: 50%;
	padding: 0.5em 1em 0.5em 2.8em;
	text-align:center;
	margin: 0 auto 10px;
	font-size: 1.0em;
}
.bg_opacity_beige{
	background:rgba(233,228,210,0.5);
	width: 50%;
	padding: 0.5em 1em 0.5em 2.8em;
	text-align:center;
	margin: 0 auto 10px;
	font-size: 1.0em;
}

@media (max-width: 640px) {
	.bg_opacity_beige,
	.bg_opacity_white,
	#kids p.bg_opacity_white{
		width:100%;
		padding: 0.5em;
	}
}




/*------------------------------------------
オプションメニュー
------------------------------------------*/
#option_menu .contents{
	padding-top:0}

#option_menu h4{
	text-align: center;}

#option_menu h4 p{
	text-align: left;
	display: inline;
	float: none;
	margin-left: 10px;}
	
#option_menu p{
	text-align: center;}
	
#option_menu ul{
	float:left;}

#option_menu ul li{
	float:left;
	width:270px;
	margin-right:20px;}

#option_menu ul li.no_margin{
	margin-right:0px;}

@media (max-width: 640px) {

#option_menu .contents{
	padding-bottom:10px !important;}

#option_menu ul{
	float:none;}

#option_menu ul li{
	float:left;
	width:50%;
	margin-right:0px;
	padding-bottom:30px;}

#option_menu ul li.no_margin{
	margin-right:0px;}

#option_menu ul li:first-child{
	padding-right:5px;}

#option_menu ul li:last-child{
	padding-left:5px;}

#option_menu ul li h4 p.red{
	display:block;
	float:none;
	text-align:center;}
}


/*------------------------------------------
レストランでの法事
--------------------------------------------*/

#restaurant .contents{
	padding:0px;}

#restaurant .contents .box_brown h3{
	font-family: "Sawarabi Mincho", serif;
	padding:20px 0px 40px 0px;
	font-size:3.4rem;
	color:#5F3363;
	font-weight:normal;
	text-align:center;}

#restaurant .contents .box_brown h3 span{
	font-size:2.2rem;}

#restaurant .contents .box_brown p.cap{
	text-align:center;
	margin:0 0 45px 0;
	color:#633966;
	font-weight:bold;}

#restaurant .contents .box_brown p.cap_small{
    text-align:center;
    margin:0 0 0px 0;
    font-size: 1.6rem;}

#restaurant .contents .box_brown .box_left{
	width:580px;
	float:left;}

#restaurant .contents .box_brown .box_right{
	width:480px;
	float:right;}

#restaurant .contents .box_brown .box_right ul li{
	list-style:disc;
	margin-left:20px;}

#restaurant .contents .box_brown .box_right button{
	margin-top:40px;}

#restaurant hr {
    clear: both;
    width: 100%;
    height: 0;
    margin: 8px 0;
    padding: 0;
    border: none;
    border-bottom: 1px solid #eee;
}


#restaurant .aoyama_menu {
    margin-top: 32px;
}
.purple {
	color: purple;
}
/*青山*/
.aoyama_menu_btn{
	display:none;}
	
#restaurant .contents .box_brown .aoyama_menu h4{
	background-color:#E4DFD6;
	font-size:1.8rem;
	font-weight:bold;
	padding:10px 0 10px 20px;
	margin:35px 0 25px 0;}

#restaurant .contents .box_brown .aoyama_menu ul{
	width:100%;
}

#restaurant .contents .box_brown .aoyama_menu ul li{
}

#restaurant .contents .box_brown .aoyama_menu ul li:nth-child(3){
	margin-right:0px;}

/*
#restaurant .contents .box_brown .aoyama_menu ul li  h5{
	font-size:1.8rem;
	font-weight:bold;
	padding:10px 0 0px 0}

#restaurant .contents .box_brown .aoyama_menu ul li  h5 p.red{
	display:inline-block;
	float:right;}

#restaurant .contents .box_brown .aoyama_menu ul li  h5 p.red span{
	font-size:1.5rem;
	color:#4A4541;
	font-weight:normal;}
*/

#restaurant .contents .box_brown .aoyama_menu ul li p.sub{
	width:100% !important;}

#restaurant .contents .box_brown .aoyama_menu ul li button{
	margin-top:20px;}


@media (max-width: 640px) {
#restaurant .contents .box_brown .aoyama_menu ul {
    width: 100%;
    display: block;
}
.aoyama_menu_btn:after {
    content: "＞";
    display: inline-table;
    -webkit-transform: scale( 2 , 1 )rotate(90deg);
    -moz-transform: scale( 2 , 1 )rotate(90deg);
    -o-transform: scale( 2 , 1 )rotate(90deg);
    -ms-transform: scale( 2 , 1 )rotate(90deg);
    transform: scale( 2 , 1 )rotate(90deg);
    font-size: 14px;
    position: absolute;
	right: 28px;
	top: 35%;
}
.aoyama_menu_btn {
    padding: 15px 0px;
    font-size: 1.5rem;
	background: #CA6661;
    margin: 15px 0 0 0 ;
    width: 100%;
	display: block;
	color:#ffffff;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
	position: relative;
}


#restaurant .contents .box_brown{
	padding-bottom:10px;}

#restaurant .contents .box_brown h3{
	padding:0 0 20px 0px;
	    letter-spacing: 0.4rem;
	font-size:2.6rem;}

#restaurant .contents .box_brown p.cap{
    text-align: left;
	padding: 0;
    margin-bottom: 20px;}

#restaurant .contents .box_brown .box_left{
	width:100%;
	float:none;
	margin-bottom:20px;}
	
	#restaurant .box_right ul:first-child {
    margin-bottom: 16px;
}

#restaurant .contents .box_brown .box_right{
	width:100%;
	float:none;}

#restaurant .contents .box_brown .box_right button{
	margin-top:15px;}

/*青山*/

#restaurant .contents .box_brown .aoyama_menu ul li{
    width: 100%;
    flex-wrap: wrap;
	display: -webkit-flex;
    display: flex;
    margin-bottom: 40px;
	-webkit-align-items: center;
    align-items: center;
	}


#restaurant .contents .box_brown .aoyama_menu ul li:nth-child(2){
	margin-right:0px;
	padding-right:5px;
	margin-bottom:40px;}

#restaurant .contents .box_brown .aoyama_menu ul li:nth-child(3){
	margin-right:0px;
	padding-left:5px;
	margin-bottom:40px;}
#restaurant .contents .box_brown .aoyama_menu ul li img {
	width: 36%;
	height: auto;
}
#restaurant .contents .box_brown .aoyama_menu ul li:nth-child(2) h5 p.red,
#restaurant .contents .box_brown .aoyama_menu ul li:nth-child(3) h5 p.red{
	display:block;
	float:none;}

#restaurant .contents .box_brown .aoyama_menu ul li  h5{

    font-size: 1.8rem;
    font-weight: bold;

	}
	#restaurant .contents .box_brown .aoyama_menu ul li div{
width: 64%;
    line-height: 2.4rem;
    padding: 0 0 0 4%;
	}

#restaurant .contents .box_brown .aoyama_menu ul li p.sub{
	font-size:1.4rem;}

#restaurant .contents .box_brown .aoyama_menu ul li button{
	margin-top:10px;
	    width: 100%;
	}

#restaurant .contents .box_brown .aoyama_menu ul li:nth-child(2) button,
#restaurant .contents .box_brown .aoyama_menu ul li:nth-child(3) button{
	width:100% !important;}

}

/*------------------------------------------
お子様料理
------------------------------------------*/
#kids ul{
	width:752px;
	margin: 0 auto;
}
#kids ul li{
	float:left;
	width:366px;
	margin-right:20px;}

#kids h4{
	text-align: center;}
	
#kids p{
	text-align: left;
	float: none;
	margin-left: 10px;}
	
#kids span{
	text-align: center;}

#kids ul li:nth-child(2){
	margin-right:0px;}

#kids .memorial_title b.sp_hide{
	font-size:2.0rem;
}
@media (max-width: 640px) {
/*#kids .contents{
	padding:10px 15px !important;}*/

#kids .contents{
	padding-right:15px !important;
    padding-left:15px !important;
}
#kids ul{
width:100%;
}
	
#kids ul li{
	float:none;
	width:49%;
	float: left;
	margin-right:0px;}

#kids ul li:nth-child(2){
	width:49%;
	float:right;
	margin-right:0px;}
/*
#kids ul li:nth-child(3){
	width:50%;
	float:right;
	padding-left:5px;}
*/
#kids ul li h4 p.red{
	display:block;
	text-align:center;
	float:none;}

#kids .memorial_title b.sp_hide{
	display:none !important;
}
}
/*------------------------------------------
お土産
------------------------------------------*/

#souvenir ul li{
	float:left;
	width:270px;
	margin-right:20px;}
	
#souvenir h4{
	text-align: center;}
	
#souvenir p{
	float: none;
	margin-left: 10px;}

#souvenir ul li:nth-child(4){
	margin-right:0px;}

@media (max-width: 640px) {

#souvenir .contents{
	padding-bottom:10px !important;}

#souvenir ul li{
	float:none;
	width:100%;
	margin-right:0px;
	padding-bottom:25px;}

#souvenir ul li:nth-child(1),
#souvenir ul li:nth-child(3){
	margin-right:0;
	width:50%;
	float:left;
	padding-right:5px;}

#souvenir ul li:nth-child(2),
#souvenir ul li:nth-child(4){
	margin-top:0;
	width:50%;
	float:right;
	padding-left:5px;}

#souvenir ul li h4 p.red{
	display:block;
	float:none;}

#souvenir b.sp_hide{
	display:none !important;}
}

/*------------------------------------------
お届け料理
------------------------------------------*/
#delivery ul li.box_left{
	width:49%;
	float:left;
}
#delivery ul li.box_right{
	width:49%;
	float:right;
}
#delivery ul li p {
    font-size: 1.6rem;
    font-weight: bold;
	    text-align: center;
		padding-top:8px;
}

#delivery .btn .sp_hide{
	display:inline-block !important;}








@media (max-width: 640px)
{
#delivery .btn .sp_hide{
	display:none !important;}

}





h2 .size2 {
    font-family: 'Noto Sans Japanese', serif;
    font-size: 1.6rem;
    color: #11173f;
    padding: 0 0 0 0;
    display: inline-block;
    padding: 0;
    line-height: 100%;
}

/*
@media (max-width: 640px)
{
.cap {
    text-align: center;
}
.cuisine_main dl.box_large dd h4 p.red {
    display: inline-block;
    float: none;
}

.cuisine_main dl.box_small dd h4 p.red {
    display: inline-block;
    float: none;
}
ul.cuisine_menu {
    width: 100%;
    display: none;
}

}*/
@media (min-width: 641px)
{
.pc_hide {
    display: none;
}
ul.cuisine_menu {
    width: 680px;
    margin: 0 0 0 32px;
    display: inline-block;
}
.box_large .cuisine_menu {
    width: 440px;
    display: inline-block;
	margin: 0px;
}

.box_large .cuisine_menu li.menu_list ol li{
    width: 100%;
}
#restaurant .contents .box_brown .aoyama_menu ul {
    width: 100%;
    display: flex;
	display: -webkit-flex;
    margin: 0;
    justify-content: space-between;
	-webkit-justify-content: space-between;
    padding: 0;
}
#restaurant .contents .box_brown .aoyama_menu ul li {
    width: 32%;
}
}

#restaurant .contents .pln_price {
	display:inline-block;
    text-align:center !important;
    font-size:0.85em;
    line-height:1.2em;
}


.sp_menu {
    border-top: 1px solid #11173f;
    margin: 12px 0 16px;
    text-align: center;
    padding: 0;
    height: 24px;
    color: #11173f;
}
.sp_menu span {
    position: relative;
    top: -15px;
    padding: 0 16px;
    font-size: 2.2rem;
    background: #f1eee2;
    font-weight: 600;
}











/*--------------------------------------------------------------------------------------------------------------------------
コピー
--------------------------------------------------------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------------------------------------------------------
料理メイン
--------------------------------------------------------------------------------------------------------------------------*/
#cuisine .cuisine_wrapper {
    margin: 32px 0 16px 0 !important;
}
#cuisine .contents{
	padding-bottom:35px;
}
#cuisine .contents  h3 b{
	font-size:2.2rem;
}
/*上部サムネイル部分*/
#cuisine .contents ul.menu_col_3 li{
	float:left;
	width:33%;
	padding:0 4px;
}
#cuisine .contents ul.menu_col_3 li .thumb{
	width:100% !important;
	padding:15px!important;
	text-align:left;
	margin:0 0px !important;
	font-size: 1.6rem;
	border: solid #CCCCCC 5px;
	background-color:white;
	cursor:pointer;
}
#cuisine .contents ul.menu_col_3 li .thumb img{
	float:left;
	margin-right:20px;
}
#cuisine .contents ul.menu_col_3 li .thumb h4 {
    font-size: 2.0rem;
    font-weight: bold;
    margin-bottom: 10px;
    color: #786282;
}
#cuisine .contents ul.menu_col_3 li:nth-child(2) .thumb h4{
	color:#CA6661;
}
#cuisine .contents ul.menu_col_3 li:nth-child(3) .thumb h4{
	color:#4F6495;
}
#cuisine .contents ul.menu_col_3 li .thumb p{
	font-size:1.4rem;
	line-height:150%;
}
#cuisine .contents ul.menu_col_3 li:nth-child(1).select .thumb {
    border: solid #786282 5px;
}
#cuisine .contents ul.menu_col_3 li:nth-child(2).select .thumb{	
	border:solid #CA6660 5px;
}
#cuisine .contents ul.menu_col_3 li:nth-child(3).select .thumb{	
	border:solid #4E6494 5px;
}
.select .balloon {
  position: relative;
} 
.select .balloon:after {
    border-top: 18px solid #786282;
    border-right: 18px solid transparent;
    border-left: 18px solid transparent;
    content: '';
    margin-left: -18px;
    position: absolute;
    bottom: -18px;
    left: 50%;
}
li:nth-child(2).select .balloon:after {
  border-top: 18px solid #CA6660;
}
li:nth-child(3).select .balloon:after {
  border-top: 18px solid #4E6494;
}
.cuisine_contents .term_wrap h3 {
    background-color: #786282;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    color: white;
    padding: 15px 20px;
    width: 100%;
    margin: 0 0 10px 0;
}
.wa .term_wrap h3 {
    background:#CA6660;
}

.mix .term_wrap h3 {
    background:#4E6494;
}
/*料理メイン部分*/
.cuisine_main{
	margin-top:50px;
}
.cuisine_title {
    font-family: "Sawarabi Mincho", serif;
    font-weight: normal;
    font-size: 2.8rem;
    color: #11173F;
	margin-bottom:20px;
	text-align:center;
}
.cuisine_title span {
    font-family: 'Noto Sans Japanese', serif;
    font-size: 1.5rem;
    color: #806644;
    display: inline-block;
    padding-left: 20px;
}
.cuisine_title span.sp_hide {
	display: inline-block !important;
	padding-left:0px;
    font-family: "Sawarabi Mincho", serif;
    font-weight: normal;
    font-size: 2.8rem;
    color: #11173F;
	margin-bottom:20px;
}

.cuisine_title span.md {
	display: inline-block !important;
	padding-left:0px;
    font-family: "Sawarabi Mincho", serif;
    font-weight: normal;
    font-size: 1.8rem;
    color: #11173F;
	margin-bottom:20px;
}


/*和会席*/
.wakaiseki h3{
	background-color:#CA6660;}

.cuisine_main .wakaiseki dl.box_large dd .cuisine_menu li.title,
.cuisine_main .wakaiseki dl.box_small dd .cuisine_menu li.title{
	color:#CA6660 !important;}

.cuisine_main .wakaiseki dl.box_large dd .cuisine_menu li.icon span,
.cuisine_main .wakaiseki dl.box_small dd .cuisine_menu li.icon span{
	background-color:#CA6660;}

/*ミックス料理*/
.mix h3{
	background-color:#4E6494;}

.cuisine_main .mix dl.box_large dd .cuisine_menu li.title,
.cuisine_main .mix dl.box_small dd .cuisine_menu li.title{
	color:#4E6494 !important;}

.cuisine_main .mix dl.box_large dd .cuisine_menu li.icon span,
.cuisine_main .mix dl.box_small dd .cuisine_menu li.icon span{
	background-color:#4E6494;}

/*banquet*/

/*1番上の大きいの*/
.plan1 {
    width: 100%;
    padding: 24px 0;
    display: -webkit-flex;
    display: flex;
    border-bottom: 1px solid #CCCCCC;
}
.plan2,
.plan3 {
    width: 50%;
    padding: 40px 8px 24px 8px;
    border-bottom: 1px solid #cccccc;
}
.plan1 dt {
	width: 700px;
}
.plan1 dd {
    width: 440px;
    text-align: center;
}
.plan1 dd h4,
.plan2 dd h4,
.plan3 dd h4 {
    font-size: 2.2rem;
    font-weight: bold;
    text-align: center;
    padding: 0 0 30px 0;
}
.plan1 dd h4 span.md,
.plan2 dd h4 span.md,
.plan3 dd h4 span.md {
	font-size:1.4rem;
	padding-right:10px;
	display:inline-block !important;
}
.plan1 dd p,
.plan2 dd p,
.plan3 dd p {
    background-color: #E4DFD6;
    color: #786282;
    font-weight: bold;
    text-align: center;
    padding: 4px 0;
}
.plan2 dd p,
.plan3 dd p {
    background-color: #E4DFD6;
    color: #786282;
    font-weight: bold;
    text-align: center;
    padding: 4px 0;
}
.plan2 dd .title_img,
.plan3 dd .title_img{
	display:block;
	margin-bottom:30px;
}
.cuisine_icon {
    text-align: center;
	margin:10px 0;
}
.cuisine_icon li {
    background-color: #786282;
    color: white;
    font-size: 1.3rem;
    width: 120px;
    margin: 6px;
    border-radius: 15px;
    padding: 3px 5px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    display: inline-block;
}
.plan1 ul.plan_menu,
.plan2 ul.plan_menu,
.plan3 ul.plan_menu{
	margin:20px 0 0 0;
}
.plan1 ul.plan_menu li,
.plan2 ul.plan_menu li,
.plan3 ul.plan_menu li{
	width:100%;
	text-align:left;
}

/*色変更*/
.wa .plan1 dd p,
.wa .plan2 dd p,
.wa .plan3 dd p {
    color: #CA6762;
}
.mix .plan1 dd p,
.mix .plan2 dd p,
.mix .plan3 dd p {
    color: #4F6495;
}




.cuisine_hide{
	display:none}






.size2 {
    font-family: 'Noto Sans Japanese', serif;
    font-size: 1.6rem;
    color: #11173f;
    padding: 0 0 0 0;
    display: inline-block;
    padding: 0;
    line-height: 100%;
}




@media (max-width: 640px) {

.cuisine_title {
	margin-bottom:10px;
	text-align:left;
}

.cuisine_title span {
    font-family: 'Noto Sans Japanese', serif;
    font-size: 1.5rem;
    color: #806644;
    display: inline-block !important;
    padding-left: 0px;
}
.cuisine_title span.sp_hide {
	display: none !important;
}

.cuisine_title span.md {
	display: inline-block !important;
	margin-bottom:0px;
}

#cuisine .contents ul.menu_col_3 li .thumb{
	padding:10px 0 10px 0!important;
	text-align:center;
}
#cuisine .contents ul.menu_col_3 li .thumb h4{
	font-size:1.4rem;
	font-weight:bold;
	line-height:120%;
	margin-bottom:0px;
}
#cuisine .contents ul.menu_col_3 li:nth-child(2) .thumb h4{
	margin-bottom:0px;
}
#cuisine .contents{
	padding-bottom:0px !important;
}
.cuisine_main{
	margin-top:30px;
}
.cuisine_main h3{
	font-size:1.6rem;
	padding:10px 15px;
	margin:0 0 15px 0;
}
.cuisine_main dl.box_large dt {
    width: 36%;
    padding: 4px;
    box-sizing: border-box;
	    background: white;
}
.cuisine_menu li.menu_list ol li.w_75{
	width:100% !important;
}
.cuisine_menu li.menu_list ol li.w_50{
	width:100% !important;
}
#cuisine .w_sp_50{
	width:50% !important;
	float:left !important;
}
.select .balloon {
  position: relative;
}
.select .balloon:after {
    border-top: 15px solid #786282;
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
    content: '';
    margin-left: -15px;
    position: absolute;
    bottom: -15px;
    left: 50%;
}
li:nth-child(2).select .balloon:after {
  border-top: 15px solid #CA6660;
}
li:nth-child(3).select .balloon:after {
  border-top: 15px solid #4E6494;
}
.balloon .h4_high{
	padding:8px 0;}
}

.img_aoyama img{
    width: 50%;
    float: left;
}

@media (max-width: 640px)
{
.cap {
    text-align: left;
}
.cuisine_main dl.box_large dd h4 p.red {
    display: inline-block;
    float: none;
}

.cuisine_main dl.box_small dd h4 p.red {
    display: inline-block;
    float: none;
}
ul.cuisine_menu {
    width: 100%;
    display: none;
}
.img_aoyama img{
    width: 100%;
    float: none;
}
}





















.flex_lengthwise {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 64px 0 0 0;
}

.term_wrap{
	width:100%;
}




.wa .cuisine_icon li {
    background-color: #CA6660;
}
.mix .cuisine_icon li {
    background-color: #4E6494;
}

.wa .back_line{
	    background-color: #CA6660;
    color: white;
    padding: 3px 20px;
    width: 100%;
    text-align: center;
    margin: 24px 0 10px 0;
}
.mix .back_line{
	    background-color: #4E6494;
    color: white;
    padding: 3px 20px;
    width: 100%;
    text-align: center;
    margin: 24px 0 10px 0;
}

.wa .term_wrap p:first-of-type {
    text-align: center;
    color: #CA6660;
    font-size: 18px;
    padding: 8px 0;
}
.mix .term_wrap p:first-of-type {
    text-align: center;
    color:#4E6494;
    font-size: 18px;
    padding: 8px 0;
}
.wa {
	display:none;
}
.mix {
	display:none;
}




#hall .banquet_title{
	margin-bottom:30px;}

#hall h4 {
    text-align: center;
    font-weight: 600;
    padding: 12px 0;
    font-size: 1.8rem;
}

.flex_center {
    display: -webkit-flex;
    width: 100%;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
}






	   
.flex{
	    display: -webkit-flex;
    display: flex;
-webkit-justify-content: space-between; /* Safari */
  justify-content:         space-between;
  -webkit-align-items: flex-start; /* Safari */
  align-items:         flex-start;

}

.pc_hd{
display: none;	
}
.sp_hd{
display: block;
}



/*-----------------------------------スマホ用------------------------------------------------*/
@media (max-width: 640px)
{

.flex{
-webkit-flex-direction: column; /* Safari */
  flex-direction:         column;
}
.flex_lengthwise {
    display: block;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 24px 0 0 0;
}
.flex_lengthwise div:nth-of-type(2){
	-webkit-flex-direction: column;
	flex-direction:         column;
}
.cuisine_content .flex dl {
    margin: 0 0 32px 0;
}
.cuisine_wrapper {
    margin: 16px 0 16px 0;
}

.cuisine_icon li {
    background-color: #786282;
    color: white;
    font-size: 1.2rem;
    width:35%;
    margin: 0px 0;
    border-radius: 15px;
    padding: 2px 4px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    display: inline-block;
	text-align:center !important;
}


.title_img{
	width:40%;
	float:left;
	padding:0 !important;
}
.plan1,
.plan2,
.plan3 {
    width: 100%;
    padding: 10px 7px 0 7px !important;
	margin:0 0 3% 0;
    display:block;
    align-content: center;
	height:100%;
    border: none;
	background-color:white;
}
.plan1 dd,
.plan2 dd,
.plan3 dd {
    width: 100%;
	background-color:white;
    text-align: center;
    padding: 0 0 0 0 !important;
	margin:0 !important;
	display:block; 
	align-content:center;
}
.plan1 dd h4,
.plan2 dd h4,
.plan3 dd h4 {
    font-size: 1.7rem;
    font-weight: bold;
    text-align: left;
	width:55%;
    padding: 5% 0 0 0;
	float:right;
	line-height:140%;
}
.plan2 dd .title_img,
.plan3 dd .title_img{
	margin-bottom:0px;
}
.plan1 dd h4 span.md,
.plan2 dd h4 span.md,
.plan3 dd h4 span.md {
	display:none !important;
}
.plan1 dt,
.plan2 dt,
.plan3 dt {
    width: 100% !important;
	background-color:silver;
}
.plan1 ul.plan_menu,
.plan2 ul.plan_menu,
.plan3 ul.plan_menu{
	margin:0px 0 0 0;
}
.pln_price {
	display:inline-block;
    text-align:center !important;
    line-height:1.2em;
}
.toggle .ac_contents{
	padding:2% 0 0 0 !important;
}
.toggle .ac_contents ul.plan_menu{
   padding: 12px 0 0 0;	
}
.toggle .ac_contents ul li {
	-webkit-flex-basis:100%;
  	flex-basis:100%;
	text-align:left;	
}



  
#dinner .flex img {
    width: 100%;
    height: auto;
}
.dinner_show_content {
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    width: 100%;
    padding: 0;
    margin: 16px 0 0 0;
}
.watch_event {
    margin: 16px auto;
    display: block;
    background: #5A6E9B;
    width: 100%;
    text-align: center;
    padding: 10px 0 12px 0;
    color: #fff;
    font-size: 1.8rem;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.class_reunion_top img {
    width: 100%;
}
.class_reunion_top div {
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    margin: 24px 0 0 0;
    padding: 0 24px;
}
.class_reunion_top {
    width: 100%;
    padding: 24px 0;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-start;
    align-items: flex-start;
	-webkit-align-items: center; /* Safari */
  align-items:         center;
}
.wedding_top {
    width: 100%;
    padding: 24px 0;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-start;
    align-items: flex-start;
		-webkit-align-items: center; /* Safari */
  align-items:         center;
}

.class_reunion_top img, .wedding_top img {
    width: 40%;
	-webkit-flex-basis: 40%; /* Safari */
  flex-basis: 40%;
}
.class_reunion_top h4 {
    font-size: 1.8rem;
    color: #786282;
    padding: 0 0 0 8px;
    font-weight: 500;
    margin: 0;
}

.wedding_top h4 {
    font-size: 1.8rem;
    color: #CA6660;
    padding: 0 0 0 8px;
    font-weight: 500;
    margin: 0;
}
.class_reunion_bottom, .wedding_bottom
 {
    width: 100%;
    padding: 0px 0px 16px 0px;
}

.head_banquet_image {
    background: url(../images/banquet_main.jpg) top center no-repeat;
    background-size: cover;
}

.reunion_right {
    width: 60%;
}

.wedding_right{
	width: 60%;
}


.btns {
	width:100%;
}
.wedding_icon li {
 
   background-color: #CA6660;
}
.pc_hd{
display: block;	
}
.sp_hd{
display: none;
}
}

/*-----------------------------------------------
　　開閉
-----------------------------------------------*/
@media (max-width: 640px)
{
.toggle,
.toggle2,
.toggle3,
.toggle4,
.toggle5,
.toggle6,
.toggle7,
.toggle8,
.toggle9,
.toggle10{
	height: 0;
	transition: .2s;
	margin-bottom:10px;
}
	
input:checked + .toggle,
input:checked + .toggle2,
input:checked + .toggle3,
input:checked + .toggle4,
input:checked + .toggle5,
input:checked + .toggle6,
input:checked + .toggle7,
input:checked + .toggle8,
input:checked + .toggle9,
input:checked + .toggle10{
	height: auto;
}
.toggle .ac_contents{
	line-height: 0;
	visibility: hidden;
	opacity: 0;
	transition: 
	padding .2s,
	line-height .2s,
	visibility .1s,
	opacity .1s;
}	
input:checked + .toggle .ac_contents{
	line-height: 1.5;
	visibility: visible;
	opacity: 1;
}
}



/*-----------------------------------------------
　　レディースプラン、会議室プラン
-----------------------------------------------*/
.wa .row,
.mix .row
{
	margin-bottom:20px;
}


@media (max-width: 640px)
{
.wa .row
.mix .row{
	margin-bottom:0px;
}
.wa .col-xs-12,
.mix .col-xs-12{
	width:100%;
	padding:0 !important;
	margin-bottom:20px;
}
.wa h4,
.mix h4{
	font-size:1.6rem !important;
	margin:10px 0 0 0;
	font-weight:bold;
	text-align:center;
}

.col_left{
	width:49% !important;
	float:left !important;
}

.col_right{
	width:49% !important;
	float:right !important;
}
}

/*-----------------------------------------------
　　クラスOB・ウェディング
-----------------------------------------------*/
#fix_plan .contents{
	padding-bottom:0px !important;
	margin-bottom:0px !important;}

#fix_plan h3{
	margin: 0 0 30px 0;
}
/*上部テキスト*/
#fix_plan .plan_text_pc .box_left{
	width:260px;
	float:left;
}
#fix_plan .plan_text_pc .box_right{
	width:880px;
	float:right;
}
#fix_plan .plan_text_pc .box_right h4{
	font-size:2.2rem;
	color:#786282;
	margin-bottom:20px;
}
#fix_plan .plan_text_pc .box_right .cuisine_icon {
	display:inline-block;
    text-align: center;
    padding: 22px 0;
}
#fix_plan .plan_text_sp{
	display:none;
}
/*下部メニュー*/
#fix_plan .plan_menu{
	margin:30px 0 0 0;
}
#fix_plan .plan_menu .box_left{
	width:49%;
	float:left;
}
#fix_plan .plan_menu .box_right{
	width:49%;
	float:right;
}
#fix_plan .plan_menu h4{
	background-color:#E4DFD6;
	width:100%;
	color:#786282;
	font-weight:bold;
	text-align:center;
	padding:5px 0;
	margin:0 0 20px 0;
}

.ob,
.wedding{
	padding-bottom:35px;
	margin-bottom:35px;
	border-bottom:solid  #CCC 1px;
}

/*ウェディング色指定*/
#fix_plan .wedding .plan_text_pc .box_right h4{
	color:#CA6660;
}
#fix_plan .wedding .plan_text_pc .box_right .cuisine_icon li {
	background-color:#CA6660;
}
#fix_plan .wedding .plan_menu h4{
	color:#CA6660;
}

@media (max-width: 640px)
{
#fix_plan h3{
	margin: 0 0 30px 0;
}
/*上部テキスト*/

#fix_plan .plan_text_pc{
	display:none;
}

#fix_plan .plan_text_sp{
	display:block;
	margin:0 !important;
	padding:0 !important;
	
}

#fix_plan .plan_text_sp .box_left{
	width:40%;
	float:left;
}
#fix_plan .plan_text_sp .box_right{
	width:55%;
	float:right;}

#fix_plan .plan_text_sp .box_right h4{
	font-size:1.7rem;
	font-weight:bold;
	color:#786282;
	padding:10px 0 0 0;
}

#fix_plan .plan_text_sp p{
	margin:15px 0 0 0;
}

#fix_plan .plan_text_sp .cuisine_icon li{
	width:100% !important;}

/*下部メニュー*/
#fix_plan .plan_menu{
	margin:0px 0 0 0;
}
#fix_plan .plan_menu .box_left,
#fix_plan .plan_menu .box_right{
	width:100%;
	float:none;
}
#fix_plan .plan_menu h4{
	margin:0px 0 20px 0;
}
#fix_plan .plan_menu ul{
	margin:0 0 20px 0;}

/*ウェディング色指定*/
#fix_plan .wedding .plan_text_sp .box_right h4{
	color:#CA6660;
}
#fix_plan .wedding .plan_text_sp .cuisine_icon li {
	background-color:#CA6660;
}

.ob,
.wedding{
	padding-bottom:20px;
	margin-bottom:20px;
}
}

