/* reset */
/*body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;}
ul{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
object,embed{vertical-align:top;}
legend{display:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
img,abbr,acronym,fieldset{border:0;}*/

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;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
	box-sizing: border-box;
    font-weight: normal;
}

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

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;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
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;
}




input, select {
    vertical-align:middle;
}




body{
  font-family: 'M PLUS 1p', sans-serif;
    -webkit-text-size-adjust: 100%;
    line-height: 1.6;
    font-size: 100%;
    color: #212121;
background-color: #FDF5EB;
background-image: url("https://www.transparenttextures.com/patterns/45-degree-fabric-light.png");


}






/* 小さい画面用の設定-------------- */
@media (max-width:767px){
body{
font-size:82%;
    }
}
/* -------------end------------- */


ol, ul{
    list-style:none;
}
fieldset, img{
     border:0;
}

caption, th{
    text-align: left;
}
address, caption, cite, code, dfn, em, strong, th, var{
    font-style: normal; 
    font-weight: normal;
}

hr{
	display:none;
}

html {
	margin-bottom:1px;
	height:100%;
}

* {
    box-sizing: border-box;
}

/* line style　------------------------------*/
/* -----------------------------------------*/

a img{
	border-style:none;
}

a:hover {
opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

/* link style ------------------------------*/
/* -----------------------------------------*/
a:link {
	color: #212121;
	text-decoration: none;	
}
a:visited {  color: #212121;
	text-decoration: none;	}


a:active {
	color: #ccc;
	text-decoration: none; 
}

.link_line{
	text-decoration: underline;
}

img, video, object {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
	border: none;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}


a:active, a:focus,input:active, input:focus{outline:0;}

img{
	width: 100%;
	height: auto;
}

iframe {
    vertical-align: bottom;
}

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

    ■ Header■ Keyv

======================================== */
.top_main {position: relative; 
    width: 100%;}

.main_logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
width: 20%;}

/* フェードイン(初期値) */
.moveup div {
  opacity: 0; /* 最初は非表示 */
  transform: translateY(30px); /* 下に30pxの位置から */
  transition: opacity .8s, transform .8s; /* 透過率と縦方向の移動を0.8秒 */
em}
.moveup div.move {
  opacity: 1; /* 表示領域に入ったら表示 */
  transform: translateY(0); /* 30px上に移動する */
  transition-delay: .5s; /* フェード開始を0.5秒遅らせる */
}

#inside .logo {
display: block;
background: none;
border: none;
padding: 0;
width: 15%;
cursor: pointer;
top: 50px;

}

/* 小さい画面用の設定-------------- */
@media (max-width:767px){
#inside .logo  {
width: 30%;
top: 20px;
padding-left: 20px;
}    

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


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

    ■ common_item

======================================== */
.contents{width: 98%;
max-width: 1000px;
margin-left: auto;
margin-right: auto;
word-wrap: break-word;
overflow-wrap: break-word;}



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

/*con_title　-------------------------*/
.con_title{text-align: center;
font-size: 380%;
/*font-family:'Rubik', sans-serif;*/
font-family: 'Teko', sans-serif;
color:#823550;
font-weight: 800;
line-height: 1.1;}

.con_title_w{color: #ffffff;}

/* 左右に横線 */
.con_title_sub {
  align-items: center; /* 横線を上下中央 */
  display: flex; /* 文字と横線を横並び */
  justify-content: center; /* 文字を中央寄せ */
    margin-bottom: 30px;
}
.con_title_sub::before,
.con_title_sub::after {
  background-color: #000000; /* 横線の色 */
  content: "";
  height: 1px; /* 横線の高さ */
  width: 60px; /* 横線の長さ */
}
.con_title_sub::before {
  margin-right: 15px; /* 文字との余白 */
}
.con_title_sub::after {
  margin-left: 15px; /* 文字との余白 */
}

.con_title_sub_w{color: #ffffff;}

.con_title_sub_w::before,
.con_title_sub_w::after {
  background-color: #ffffff;; /* 横線の色 */

}


/* 小さい画面用の設定-------------- */
@media (max-width:767px){
.con_title{font-size: 260%;}
.con_title_sub {
 font-size: 88%;
}

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

.midashi {
    color: #823550;
    font-weight: 500;
    font-size: 113%;
    text-align: center;
    margin-bottom: 20px;
    line-height: 1.0;
}

.midashi_bl{color: #823550;}

.midashi::before {
    display: block;
line-height: 1.0;
    content: attr(data-label);
    text-align: center;
font-size: 250%;
/*font-family:'Rubik', sans-serif;*/
font-family: 'Teko', sans-serif;
font-weight: 800;
}


.con_headline{text-align: center;
margin-bottom: 10px;
font-size: 138%;
font-weight: 500;
color: #AF2B2B;
}



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

.midashi {
font-size: 88%;
}

    
.con_headline{
margin-bottom: 5px;
font-size: 113%;
}

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

/* common_txt-------------- */
.common_txt{margin-bottom: 20px;}


/* .bt_btn ------------------------------*/
.bt_btn{
    padding-top: 10px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    display: block;
    background-color: #000000;
    position: relative;
    font-weight: 500;
    font-size: 100%;
    text-align: center;
    border-radius: 3px;
    box-sizing: border-box;
}



.bt_btn:after {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f105";
position: absolute;
top: 50%;
right: 10px;
margin-top: -12px;
color: #ffffff;
}


.bt_btn a{
display: block;
color: #ffffff;
}

.bt_mail{
    width: 50%;
    margin-left: auto;
    margin-right: 0;
    background-color: #680610;

}




/* 小さい画面用の設定-------------- */
@media (max-width:767px){
.bt_btn{
 width: 100%;
    box-sizing: border-box;
}

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


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

    ■ con1

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

.con1_outside{
padding-top: 90px;
padding-bottom: 90px;
    }

.con1_bnr_wrap{position: relative;}

.con1_bnr{
position: absolute;
top: 0px;
transform: translateY(-50%);
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);}

.event_box{background-color:rgba(255,255,255,0.50);
padding: 30px;
border-radius: 10px;
box-sizing: border-box;
margin-bottom: 50px;}

.event_flex_box{display: flex;
margin-bottom: 10px;
justify-content: flex-start;
    flex-wrap: wrap;
}

.event_flex_box li{width: 23%;
    margin-right: 2%;
    margin-bottom: 20px;
}

.event_flex_box li img{margin-bottom: 5px;}



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

.event_flex_box li{width: 46%;}
    
.event_flex_box li:nth-child(-n+2){margin-bottom: 20px;}
}
/* -------------end------------- */



/* 大きい画面用の設定-------------- */
@media (min-width:768px){
.con1_flex{
    position: relative;
    width: 100%;
}

.con1_flex li:first-child{
    width: 90%;
}

.con1_flex li:last-child{
position: absolute;
bottom: -10%;
right: 0px;
transform: translateY(-50%) translateX();
-webkit- transform: translateY(-50%) translateX();
width: 50%;
padding: 20px;
box-sizing: border-box;
background-color: rgba(255,255,255,0.80);}
	}
/* -------------end------------- */

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


.con1_flex li:first-child{
    width: 100%;
}

.con1_flex li:last-child{
padding: 20px;
box-sizing: border-box;
background-color: rgba(255,255,255,0.80);}

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




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

    ■ con2

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

.con2_outside{
background-color: #E5E4E5;
padding-top: 70px;
padding-bottom: 70px;
}

.con2_karaage_wrap{position: relative;}

.con2_karaage{position:absolute;
width: 30%;
top:-120px;
left: 0;}



.con2_coffee{position:absolute;
width: 20%;
bottom: -70px;
right: 20px;}


/* 小さい画面用の設定-------------- */
@media (max-width:767px){
.con2_outside{
    padding-top: 30px;
    padding-bottom: 30px;
    }
    
.con2_karaage{position:absolute;
width: 35%;
top:-100px;
left: 0;}
    
.con2_coffee{position:absolute;
width: 35%;
bottom: -20px;
right: 0px;}


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



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

    ■ con3

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

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



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

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

.wide_flex_box >li:first-child{
    width: 50%;
  max-width: 500px;
    margin-right: 0;
    margin-left: auto;
    padding-right: 50px;
    box-sizing: border-box;

}

.wide_flex_box_r >li:first-child{
    width: 50%;
  max-width: 500px;
    margin-right: auto;
    margin-left: 0;
    padding-left: 50px;
    box-sizing: border-box;
   }

.wide_flex_box >li:last-child{
    width: 50%;

}

.wide_flex_box >li:last-child img{border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
   
}

.wide_flex_box_r >li:last-child img{border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
   
}

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

    
.wide_flex_box{
    flex-wrap: wrap;}


.wide_flex_box >li:first-child{
    padding-right: 0px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
}

.wide_flex_box_r >li:first-child{
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    padding-left: 0px;
   }


.wide_flex_box >li:last-child{
    width: 95%;
    margin-right: 0;
    margin-left: auto;

}
    
.wide_flex_box_r >li:last-child{
    width: 95%;
    margin-right: auto;
    margin-left: 0;

}

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

/* .con4_yoyaku_flex　------------------------------*/
/* -----------------------------------------*/

.con4_yoyaku_flex{display: flex;
justify-content: space-between;
align-items: center;
    width: 100%;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}

.con4_yoyaku_flex li:first-child{width: 100%;
}

.HPG_reserveScript {
    display: block; /* スクリプト要素をブロック要素として扱う */
}

/* 幅が767px以下の場合のスタイル */
@media (max-width:767px) {
    .HPG_reserveScript {
        /* verticalに変更する */
        content: 'vertical';
    }
}



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

.con4_yoyaku_flex{flex-wrap: wrap;
}

.con4_yoyaku_flex > li:first-child{
width: 100%;
margin-bottom: 20px;
display: flex;
justify-content: center;
align-items: center;
}

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

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

    ■ con_kitchen

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

.con_kitchen_outside{
    padding-top: 70px;
    padding-bottom: 70px;
    background-image: url(../img/index_img/kitchen_bg.png);
    background-repeat: repeat;
    background-color: #E5E4E5;
    }

.kitchen_car_wrap{position: relative;}

.kitchen_car{position:absolute;
width: 32%;
top:-50px;
right: 10px;}

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

    }
    
.kitchen_car{position:absolute;
width: 35%;
top:-70px;
right: 3px;}

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


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

    ■ con4

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

.con4_outside{
    padding-top: 70px;
    padding-bottom: 70px;
    background-image: url(../img/index_img/con4_bg.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    }

.con4_inner_wrap{background-color:rgba(255,255,255,0.60);
padding: 30px;
border-radius: 10px;
box-sizing: border-box;}

.con4_ciza_logo{width: 45%;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;}

.con4_copy{text-align: center;
font-weight: 500;
font-size: 125%;
margin-bottom: 20px;}



/* 小さい画面用の設定-------------- */
@media (max-width:767px){
 .con4_outside{
    padding-top: 30px;
    padding-bottom: 30px;
    }
    
.con4_ciza_logo{width: 60%;}
    
.con4_copy{font-size: 113%;
    margin-bottom: 10px;} 

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




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

    ■ con5

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

.con5_outside{
background-color: rgba(130,53,80,0.70);
padding-top: 70px;
padding-bottom: 70px;
background-image: -webkit-linear-gradient(rgba(130,53,80,0.70) 0%,rgba(130,53,80,0.70) 0%), 
url("../img/index_img/con5_bg.png");
background-position: center bottom;
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
}



.con5_inner_wrap{background-color:rgba(255,255,255,0.90);
padding: 30px;
border-radius: 10px;
box-sizing: border-box;}

/* news_dl-------------- */

.news_dl {
margin-bottom: 10px;
}

.news_dl dt {
	clear: left;
	float: left;
	width: 7em;
    padding-left: 1em;
}

.news_dl dd {
	padding-left: 8em;
    padding-right: 1em;
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
    position: relative;}

.news_dl dd a{
	color: #212121;
}

.news_dl dd::after{font-family: "Font Awesome 5 Free";
  content: "\f105";
    font-weight: 900;
    position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -16px;
    
 }

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

.con5_inner_wrap{
padding: 15px;}
    
    
.news_dl dt {
	clear: none;
	float: none;
	width: 100%;
    padding-left: .5em;
}

.news_dl dd {
	padding-left: .5em;
}
}
/* -------------end------------- */

/* bt_more ------------------------------*/
.bt_more{
padding: 10px;
width: 12em;
margin-left: auto;
margin-right: 0;
display: block;
background-color: #AF2B2B;
position: relative;
font-size: 100%;
font-weight: 500;
font-size: 88%;
border-radius: 3px;
}

.bt_more_k{
background-color: #000000;
}

.bt_more_wide{width: 16em;}


.bt_more:after {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f105";
position: absolute;
top: 50%;
right: 10px;
margin-top: -12px;
color: #ffffff;
}




.bt_more a{
display: block;
color: #ffffff;
}


/* 小さい画面用の設定-------------- */
@media (max-width:767px){
.bt_more{
margin-left: auto;
margin-right: 0;
    }

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

/* bt_back ------------------------------*/
.bt_back{
padding: 10px;
width: 12em;
margin-left: auto;
margin-right: 0;
display: block;
background-color: #AF2B2B;
position: relative;
font-size: 100%;
font-weight: 500;
font-size: 88%;
border-radius: 3px;
    padding-left: 2em;
}

.bt_back:after {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f104";
position: absolute;
top: 50%;
left: 10px;
margin-top: -12px;
color: #ffffff;
}

.bt_back a{
display: block;
color: #ffffff;
}


/* 小さい画面用の設定-------------- */
@media (max-width:767px){
.bt_back{
margin-left: auto;
margin-right: 0;
    }

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



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

    ■ con6

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

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

.con6_icon_wrap{position: relative;}

.con6_icon{position:absolute;
width: 20%;
top:-240px;
left: 0;}


.con6_flex_box{
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
   }

.con6_flex_box >li:first-child{
    width: 50%;
  max-width: 500px;
    margin-right: 0;
    margin-left: auto;
    padding-right: 50px;
    box-sizing: border-box;

}

.con6_flex_box >li:last-child{
width: 50%;
}

.con6_flex_box >li:last-child img{border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;}


.con6_logo{width: 80%;
margin-bottom: 10px;}

.con6_open_dl {
color: #823550;
font-size: 125%;
margin-bottom: 20px;
border-bottom-width: 1px;
border-bottom-style: dashed;
border-bottom-color: #CCC;
border-top-width: 1px;
border-top-style: dashed;
border-top-color: #CCC;
padding-top: 5px;
padding-bottom: 5px;
    
}

.con6_open_dl dt {
clear: left;
float: left;
width: 4em;
font-weight: 700;
    
}

.con6_open_dl dd {
padding-left: 4em;
font-weight: 700;
}

.con6_holiday > span{
    background-color: #AF2B2B;
    color: #ffffff;
    font-size: 113%;
    padding-top: 3px;
    padding-right: 6px;
    padding-left: 6px;
    padding-bottom: 3px;
    border-radius: 3px;
    
}

.con6_tel{
	font-size: 250%;
    font-weight: 700;
    color: #AF2B2B;
    font-family:'Rubik', sans-serif;
	}

.con6_tel a{
color: #AF2B2B;
	}

.con6_tel:before {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f095";
font-size: 88%;
    margin-right: 5px;
}

.con6_baby_flex{display: flex;
justify-content: space-between;
margin-bottom: 10px;
max-width: 1000px;
margin-left: auto;
margin-right: auto;}

.con6_baby_flex > li{width: 16%;
box-sizing: border-box;
display: flex;
    flex-wrap: wrap;
align-items: center;
background-color:rgba(242,223,203,0.50);
border-radius: 6px;
padding: 3px;
color: #51301f; 
padding-top: 5px;
    padding-bottom: 5px;
}


.con6_baby_flex > li > p{width: 100%;
    text-align: center;
    
}
.con6_baby_flex > li > p{width: 100%;}


.baby_icon{font-size: 200%;}

.baby_txt{font-size: 80%;}


/* 小さい画面用の設定-------------- */
@media (max-width:767px){
.con6_outside{
    padding-top: 30px;
    padding-bottom: 30px;
    }
    
.con6_icon{
width: 30%;
top:-160px;
}
    
.con6_flex_box{
    flex-wrap: wrap;
    
    }


.con6_flex_box >li:first-child{
    padding-right: 0px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
}

.con6_flex_box >li:last-child{
    width: 95%;
    margin-right: 0;
    margin-left: auto;

}
    
.con6_open_dl {
    font-size: 125%;}
    
.con6_tel{
font-size: 200%;
	}
.con6_baby_flex{width: 90%;
    flex-wrap: wrap;}
    
 .con6_baby_flex > li{width: 48%;
     margin-bottom: 10px;

}

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


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

    ■ footer_outside

======================================== */
#footer_outside {
padding-bottom: 100px;
padding-top: 30px;
/*background-color: #51301f;*/
    background-color: #7F606C;
color: #ffffff;}


.footer_links{display: flex;
justify-content: flex-start;
margin-bottom: 10px;}

.footer_links > li::after {
	content:"|";
	padding-right: 10px;
	padding-left: 10px;
}

.footer_links > li:last-child::after {
	content:"";
	padding-right: 0px;
}

.footer_links > li a {
color: #ffffff;
}

/* sns_icon-------------- */
.sns_icon{display: flex;
justify-content: center;
font-size: 300%;
line-height: 1.0;}

.sns_icon li{margin-left: 5px;
    margin-right: 5px;
}

.sns_icon li a{color: #ffffff;}

/* sns_icon-------------- */

.amakasu_logo{max-width: 400px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;}

.group_box{
 background-color: #ffffff;
    background-color: rgba(255,255,255,0.90);
  position: relative;
  margin-top: 1em;
    border-radius: 10px;
    margin-bottom: 50px;
}
.group_title{
  text-align: center;
  position: absolute;
  right: 0;
  left: 0;
  top: -1em;
    background-color: #823550;
    width: 7em;
    margin-left: auto;
    margin-right: auto;
    padding: 3px;
    box-sizing: border-box;
    border-radius: 3px;
}

.group_flex{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-top: 30px;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 20px;
}

.group_flex li{
width: 22%;
margin-bottom: 10px;
}

.group_flex li:nth-last-child(-n+4){
margin-bottom: 0px;}

.add{font-size: 80%;
text-align: center;}



/* 小さい画面用の設定-------------- */
@media (max-width:767px){
#footer_outside {
padding-bottom: 50px;


}
    
.amakasu_logo{width: 70%;}   

.group_flex{
flex-wrap: wrap;
}

.group_flex li{
width: 46%;}
    
.group_flex li:nth-child(5){
margin-bottom: 10px;
}
    
.group_flex li:nth-child(6){
margin-bottom: 10px;
}

.group_flex li:nth-last-child(-n+2){
margin-bottom: 0px;
}
 

.add{font-size: 80%;
text-align: center;}   

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







/* PC向けレイアウトの指定：481px以上では固定レイアウト */
.miniimage {
    display: none;
}  /* miniを非表示 */
.bigimage {
    display: block;
    line-height: 0px;
} /* bigを表示 */

@media screen and (max-width: 480px) {
.miniimage {
    display: block;
    line-height: 0px;
} /* miniを表示 */
.bigimage {
    display: none;
}   /* bigを非表示 */
}

/*  PCのみに表示するメニュー*/
.only_smt { display: none; }  /* miniを非表示 */
.only_pc  { display: block; 
} /* bigを表示 */
	
/*  スマホのみに表示するメニュー*/
@media only screen and (max-width: 768px) {
.only_smt {
	display: block;
	
} /* miniを表示 */
.only_pc  { display: none; }   /* bigを非表示 */
}

    
    /* ====================================================
　pagetop
==================================================== */


/***追従するトップへ戻るボタン***/
.pagetop {
    position: fixed;
    right: 5px;
    bottom: 20px;
    height: 150px;
    text-decoration: none;
    font-weight: bold;
    transform: rotate(90deg);
    font-size: 90%;
    line-height: 1.5rem;
    
    padding: 0 0 0 135px;
    border-top: solid 1px;
    border-color: #823550;
}
.pagetop::before {
    content: "";
    display: block;
    position: absolute;
    top: -1px;
    left: 0px;
    width: 15px;
    border-top: solid 1px;
    border-color: #823550;
    transform: rotate(35deg);
    transform-origin: left top;
}

.pagetop {
	color: #823550!important;
}

.pagetop a:hover {
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

/* 小さい画面用の設定-------------- */
@media (max-width:767px) {
.pagetop {
     height: 70px;
   
    padding: 0 0 0 70px;
	bottom: 70px;
    
}

}
/* -------------end------------- */
/***トップへ戻るボタンここまで***/

/*.inside_header{padding-top: 10px;
padding-bottom: 10px;}

.inside_logo{width: 30%;
margin-left: auto;
margin-right: auto;}*/

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


/*.inside_logo{width: 30%;
margin-left: auto;
margin-right: auto;}
*/

}
/* -------------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------------- */