/*================================================
 *  inside共通
 ================================================*/
.inside_header_outside{background-color: #7F606C;}


.inside_header{width: 100%;
max-width: 1000px;
margin-left: auto;
margin-right: auto;
padding-top: 10px;
padding-bottom: 10px;

}

.inside_title_wrap{
background-image: -webkit-linear-gradient(rgba(132,67,89,0.6) 0%,rgba(132,67,89,0.6) 0%), 
        url(../img/common_img/title_bg.jpg);
background-position: center center;
background-size: cover;
padding-top: 40px;
padding-bottom: 40px;
}

/* 小さい画面用の設定-------------- */
@media (max-width:767px){
.inside_title_wrap{
padding-top: 20px;
padding-bottom: 20px;
}

}
/* -------------end------------- */


.inside_outside{
padding-top: 70px;
padding-bottom: 70px;
    }

/* 小さい画面用の設定-------------- */
@media (max-width:767px){
.inside_outside{
padding-top: 30px;
padding-bottom: 30px;
    }

}
/* -------------end------------- */

/* 共通box ------------------------------*/
/* ---------------------------------------------------- */
.box{margin-bottom: 50px;}

/* 共通headline ------------------------------*/
/* ---------------------------------------------------- */
.futo_midasi_en{
line-height: 1.0;}

.futo_midasi_en {
display: flex;
align-items: center;
font-size: 200%;
font-family: 'Teko', sans-serif;
font-weight: 500;
}

.futo_midasi_en > span{
font-size: 40%;
padding-left: 1em;
font-family: 'M PLUS 1p', sans-serif;
}


/* 共通headline ------------------------------*/
/* ---------------------------------------------------- */
.inside_headline{
    padding-top: 0.3em;
    padding-right: 0.5em;
    padding-left: 0.5em;
    padding-bottom: 0.3em;/*文字周りの余白*/
    background-color: rgba(132,67,89,0.30);
    border-left: solid 5px rgba(132,67,89,1.00);/*左線（実線 太さ 色）*/
    margin-bottom: 20px;
    font-size: 125%;
    font-weight: 500;
    color: #422303;
}

.inside_headline a{display: block;}

.inside_headline > span{font-size: 88%;
margin-left: 1em;}

.inside_headline > span::before{content:"—";
	padding-right: 0.5em;}

.inside_headline > span::after{content:"—";
	padding-left: 0.5em;
}

/* 子ターム見出し-------------- */
.child_headline{

margin-bottom: 10px;
font-size: 113%;
color: #422303;
}

.child_headline:before {
	content:"●";
	padding-right: 5px;
	padding-left: 0px;
    color: rgba(132,67,89,1.00);
    
}


/* 小さい画面用の設定-------------- */
@media (max-width:767px){
.inside_headline{
margin-bottom: 15px;
font-size: 119%;
}


.inside_headline > span::before{content:"—";
	padding-right: 0.3em;}

.inside_headline > span::after{content:"—";
	padding-left: 0.3em;
}

}
/* -------------end------------- */

/* 共通リードr------------------------------*/
/* ---------------------------------------------------- */
.inside_lead{margin-bottom: 20px;
text-align: center;}

/* 小さい画面用の設定-------------- */
@media (max-width:767px){
.inside_lead{text-align: left;
margin-bottom: 10px;}

}
/* -------------end------------- */


/* 共通flex_box ------------------------------*/
/* ---------------------------------------------------- */

.common_flex_box{display: flex;
justify-content: space-between;
flex-wrap: wrap;}

.common_flex_box_r{flex-direction: row-reverse;}

.common_flex_box > li{width: 48%;}

.common_flex_box_w49 > li{width: 49%;}

.common_flex_box_w > li{width: 50%;}

/* 小さい画面用の設定-------------- */
@media (max-width:767px){
.common_flex_box > li{width: 100%;}
.common_flex_box > li:first-child{margin-bottom: 10px;}

}
/* -------------end------------- */

/* 共通btm_flex_box ------------------------------*/
/* ---------------------------------------------------- */
.btm_flex_box{display: flex;
justify-content: space-between;}

.btm_flex_box > li{width: 25%;}

/* 小さい画面用の設定-------------- */
@media (max-width:767px){
.btm_flex_box{flex-wrap: wrap;}

.btm_flex_box > li{width: 50%;}

}
/* -------------end------------- */


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

   コンセプト

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

.concept_icon{
margin-bottom: 5px;
}


.concept_icon > span{
font-size: 88%;
background-color: #AF2B2B;
color: #ffffff; 
padding: 3px;
}

.concept_title{
font-size: 119%;
font-weight: 500;
color: #AF2B2B;
margin-bottom: 5px;
}



/* 大きい画面用の設定-------------- */
@media (min-width:768px){
.concept_flex_box{
    position: relative;
    margin-bottom: 40px;
    
}

.concept_flex_box > li:first-child{
   width: 65%;
}

.concept_flex_box > li:last-child{
    width: 50%;
    position: absolute;
top: 50%;
    left:50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
background-color: rgba(255,255,255,0.80); 
    z-index: 100;
padding: 20px;
    box-sizing: border-box;
text-align: justify;

   
}
    
.concept_flex_box2{
    position: relative;
     display: flex;
     justify-content: flex-end;
    margin-bottom: 40px;
}

.concept_flex_box2 > li:first-child{
   width: 65%;}
    

    

.concept_flex_box2 > li:last-child{
    width: 50%;
    position: absolute;
top: 50%;
    left:0%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
background-color: rgba(255,255,255,0.80); 
    z-index: 100;
padding: 20px;
    box-sizing: border-box;
text-align: justify;
}
}
/* -------------end------------- */



/* 小さい画面用の設定-------------- */
@media (max-width:767px){
.concept_flex_box{
margin-bottom: 30px;
position: relative;
}
    
.concept_flex_box2{
margin-bottom: 30px;
    position: relative;
}
    
.concept_flex_box > li:last-child,
.concept_flex_box2 > li:last-child{
background-color: rgba(255,255,255,0.80); 
z-index: 100;
padding: 15px;
box-sizing: border-box;
text-align: justify;
}

}
/* -------------end------------- */


.backStr {
position      : absolute;
display       : inline-block; 
white-space   : nowrap; 
color         : rgba(150,121,101,0.50);
font-size: 300%!important;
font-family: 'Teko', sans-serif;
font-weight: 500;
} 
    
.concept_flex_box > li:first-child .backStr {
  top: 0;
 right: 0;
}
    
.concept_flex_box2 > li:first-child .backStr {
top: 0;
left: 0;
}
    
    
/* 小さい画面用の設定-------------- */
@media (max-width:767px){

    
.concept_flex_box > li:first-child .backStr {
top: -20px;
left: 0;
}
    
.concept_flex_box2 > li:first-child .backStr {
top: -20px;
left: 0;
}  

}
/* -------------end------------- */


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

   メニュー

======================================== */
.menu_photo_flex_box{display: flex;
justify-content: space-between;
flex-wrap: wrap;}

.menu_photo_flex_box::after{
  content:"";
  display: block;
  width:32%;
}

.menu_photo_flex_box > li{width: 32%;
margin-bottom: 20px;
}

.menu_photo_flex_box li > img{margin-bottom: 5px;
border: 5px solid rgba(132,67,89,0.30);}

/* 小さい画面用の設定-------------- */
@media (max-width:767px){

.menu_photo_flex_box > li{width: 100%;
}

}
/* -------------end------------- */

.menu_flex_box{display: flex;
justify-content: space-between;
flex-wrap: wrap;}

.menu_flex_box > li{width: 48%;
margin-bottom: 20px;
padding-bottom: 5px;
border-bottom: 1px dashed rgba(150,121,101,0.60);}


.menu_inner_flex_box{display: flex;
justify-content: space-between;
align-items: center;}

.menu_inner_flex_box li:first-child{width: 75%;
    padding-left: .5em;
} 

.menu_inner_flex_box li:last-child{width: 25%;
text-align: right;
font-size: 125%;
font-weight: 500;
font-family:'Rubik', sans-serif;
padding-right: .5em;
} 

.menu_inner_flex_box li:last-child:after {
	content:"円";
    font-family: 'M PLUS 1p', sans-serif;
    font-size: 88%;
    font-weight: 400;
}

.menu_txt{padding-left: .5em;
font-size: 88%;}


/* 小さい画面用の設定-------------- */
@media (max-width:767px){
.menu_flex_box > li{width: 100%;
    margin-bottom: 15px;}
    

    
.menu_inner_flex_box li:first-child{width: 80%;} 

.menu_inner_flex_box li:last-child{width: 20%;}
    }
    
/* -------------end------------- */

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

   パーティ

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

.party_price{font-size: 175%;
font-weight: 500;
font-family:'Rubik', sans-serif;
    padding-right: .5em;
margin-bottom: 10px;}

.party_price:after {
	content:"円(税込)";
    font-family: 'M PLUS 1p', sans-serif;
    font-size: 50%;
    font-weight: 400;
}

.okosama_price{
vertical-align: text-bottom;
}

.okosama_price > span{font-size: 175%;
font-weight: 500;
font-family:'Rubik', sans-serif;}

.bridal_price{font-size: 125%;
font-weight: 500;
margin-bottom: 10px;}

.party_menu_dl > dt{margin-bottom: 5px;}

.party_menu_dl > dt span{
    background-color: rgba(132,67,89,0.80);
    padding-top: 2px;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 2px;
    color: #ffffff;
}

.party_menu_list{
margin-bottom: 10px;}

.party_menu_list > li{
border-bottom: 1px dashed rgba(150,121,101,0.60);
padding-bottom: 3px;
margin-bottom: 3px;}

.party_menu_list > li:last-child{
border-bottom: none;
padding-bottom: 0px;
margin-bottom: 0px;}


.party_menu_list > li::before{
content:"・";}

.plan_box{
    background-color: #ffffff;
    padding-top: 10px;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 10px;
    border: 1px solid #CCC;
}


.plan_kakaku_flex_box{display: flex;
justify-content: space-between;
align-items: center;}

.plan_kakaku{
color: #AF2B2B;
    }

.plan_kakaku span{
font-size: 200%;
font-family:'Rubik', sans-serif;
font-weight: 500;
color: #AF2B2B;
    }


.plan_kakaku_flex_box li:last-child span{
    background-color: rgba(132,67,89,0.80);
    padding-top: 2px;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 2px;
    color: #ffffff;
    font-size: 88%;
}


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

   ボウリングパック

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


/* お得なプラン ------------------------------*/
/* ---------------------------------------------------- */

.tb_plan  {
border-spacing: 0;
border-collapse:collapse;
width: 100%;
border-top-width: 1px;
border-right-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-top-color: #CCC;
border-right-color: #CCC;
margin-bottom: 10px;
background-color: #ffffff;
}

.tb_plan th {
padding-bottom: 5px;
padding-top: 5px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CCC;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #CCC;
/*background-color: rgba(132,67,89,0.2);*/
    background-color: #E5E4E5;
width: 20%;
text-align: center;
color: #422303;
font-weight: 500;
vertical-align: middle;}

.tb_plan th .start_time{
font-size: 150%;
font-family:'Rubik', sans-serif;
font-weight: 500;}

.tb_plan td {
padding-bottom: 5px;
padding-top: 5px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CCC;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #CCC;
background-color: #ffffff;
text-align: center;
vertical-align: middle;
color: #AF2B2B;
    }

.tb_plan td > span{
font-size: 200%;
font-family:'Rubik', sans-serif;
font-weight: 500;
    
}

.price{
font-size: 200%;
font-family:'Rubik', sans-serif;
font-weight: 500;}
    

/* 小さい画面用の設定-------------- */
@media (max-width:767px){
.tb_plan  {
font-size: 88%;
}
    
.tb_plan td > span{
font-size: 150%;
    
}

.price{
font-size: 150%;
}
    
.tb_morning th {
width: 50%;}
    
.tb_plan th.plan_name {
width: 15%;}

}
/* -------------end------------- */


/* plan_dl ------------------------------*/
/* ---------------------------------------------------- */
.plan_dl{
margin-bottom: 30px;}


.plan_dl > dt{
font-weight: 500;
clear: left;
float: left;
width: 12em;}

.plan_dl > dd{
padding-left: 12em;
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom-width: 1px;
border-bottom-style: dashed;
border-bottom-color: #CCC;}

.plan_dl > dd:last-child{
margin-bottom: 0px;
padding-bottom: 0px;
border-bottom-style: none;}

/* 小さい画面用の設定-------------- */
@media (max-width:767px){
.plan_dl > dt{
clear: none;
float: none;
width: 100%;}

.plan_dl > dd{
padding-left: 0em;
}



}
/* -------------end------------- */

/* plan_dl ------------------------------*/
/* ---------------------------------------------------- */

.plan_dl_ab > dt{
clear: left;
float: left;
width: 5em;}

.plan_dl_ab > dd{
padding-left: 5em;
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom-width: 1px;
border-bottom-style: dashed;
border-bottom-color: #CCC;}

.plan_dl_ab > dd:last-child{
margin-bottom: 0px;
padding-bottom: 0px;
border-bottom-style: none;}

/* 小さい画面用の設定-------------- */
@media (max-width:767px){
.plan_dl_ab > dt{
clear: none;
float: none;
width: 100%;}

.plan_dl_ab > dd{
padding-left: 0em;
}



}
/* -------------end------------- */

/* plan_flex ------------------------------*/
/* ---------------------------------------------------- */
.plan_flex{display: flex;
justify-content: space-between;
}

.plan_flex li{
    text-align: center;
}

.plan_flex li:nth-child(odd){
    background-color:#ffffff;
    text-align: center;
    padding: 10px;
    border-radius: 5px;
    width: 25%;
    color: #422303;}


.plan_flex li:nth-child(even){
font-size: 150%;
width: 12.5%;
}

/* 小さい画面用の設定-------------- */
@media (max-width:767px){
    .plan_flex{
}

.plan_flex li:nth-child(odd){
    padding: 5px;
}
    
.plan_flex li{
display: flex;
align-items: center;
justify-content: center;}
}
/* -------------end------------- */


/************************************
送信完了
*************************************/

.thanks_img{width:30%;
margin-left: auto;
margin-right: auto;
padding-top: 50px;}


/* 小さい画面用の設定-------------- */
@media (max-width:767px){
.thanks_img{width: 50%;
margin-left: auto;
margin-right: auto;
padding-top: 50px;}
	}
/* -------------end------------- */