@charset "UTF-8";
/* カラー *
base ピンク　{ color: #ff8c82 }
薄ピンク　{ color: #fff6f5 } */
.fit_img{object-fit: cover;font-family:'object-fit:cover';}
/* TypeType - TT Chocolates Medium */
@font-face {
  font-family: 'TTC';
  src: url('../font/TTChocolates-medium.otf') format('truetype');
  font-weight:400;}
/* TypeType - TT Chocolates bold */
@font-face {
  font-family: 'TTC';
  src: url('../font/TTChocolates-bold.otf') format('truetype');
  font-weight: 700;}
/*----------------------- コンタクト ---------------------------*/
.contact{
    width: 1040px;
    margin: 0 auto 150px;
    position: relative}
@media only screen and (max-width: 1200px) {
    .contact{
        width: calc(100% - 160px);
        margin: 0 auto 150px}
}
@media only screen and (max-width: 767px) {
    .contact{
        box-sizing: border-box;
        width: 90%;
        padding: 0;
        margin: 0 auto 80px}
}
/* ページタイトル */
.pagettl_type1{
    text-align: center}
.pagettl_type1 h2{
    position: relative;
    text-align: center;
    font-family: 'TTC';
    font-weight: 700;
    font-size: 60px;
    line-height: 1;
    margin-bottom: 60px;
    letter-spacing:0.05em;
    color: #ff8c82}
.pagettl_type1 h2:before {
    position: absolute;
    bottom: -40px;
    left: 50%;
    width: 1px;
    height: 40px;
    content: '';
    background: #ff8c82}
.pagettl_type1 h2 span{
    font-size: 10px;
    margin-bottom: 10px;
    display: block}
.pagettl_sub{
    text-align: center;
    font-size: 14px;
    margin-bottom: 80px}
@media only screen and (max-width: 767px) {
    .pagettl_type1 h2{font-size: 40px}
    .pagettl_type1 h2 span{font-size: 14px;}
    .pagettl_sub{width: 100%;margin: 0 auto;margin-bottom: 30px}
}
/*----------------------- コンタクト トップ ---------------------------*/
.contact_top .pagettl_sub{font-weight: 700}
.contact_hurry{
    text-align: center;
    color: #ff8c82}
.contact_hurry h3{
    margin-bottom: 20px;
    font-weight: 700}
.contact_hurry_box{
    line-height: 1;
    box-sizing: border-box;
    margin-bottom: 100px;
    padding:20px;
    border: 1px solid #c3c3c3;
    font-size:12px}
.contact_hurry_tel{ 
    font-size: 20px;
    margin-bottom: 5px;
    font-family: "TTC";
    font-weight: 700}
.contact_hurry_tel em{font-size: 35px;font-weight: 400}

.contact_list.flex{
    display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
    justify-content: space-between}
.contact_list.flex:after{content:"";display: block;width:30%;}
.contact_list li{width: 30%;margin-bottom:35px;}
.contact_list li a{
    position: relative;
    display: block;
    padding:14px 0;
    text-align: center;
    font-weight: 700;
    border-radius: 8px;	
    border: 2px solid #ff8c82}
.contact_list li a:after{
    display: block;
    content: "";
    position: absolute;
    top: 44%;
    right: 16px;
    width: 6px;
    height: 6px;
    border-top: solid 1px #232323;
    border-right: solid 1px #232323;
    -webkit-transform: rotate(45deg);
        transform: rotate(45deg)}
 .contact_list li a:hover{
     opacity: 1;
    background: #ff8c82;
    color:#fff}
.contact_list li a:hover:after {
    border-top: solid 1px #fff;
    border-right: solid 1px #fff}
@media only screen and (max-width: 767px) {
    .contact_hurry_box{margin-bottom: 50px}
    .contact_list li{width: 100%;margin-bottom:25px;}
}

/*----------------------- コンタクト　入力ページのヘッダ 　新店舗掲載希望 ---------------------------*/
.contact_form{
    border-top:1px solid #ff8c82;
    padding-top:120px;
    margin-top: 160px}
.form_navi{
    width: 340px;
    margin: 0 auto 60px;
    padding-top:30px;
    background: url(../img/contact/contact_navi_1.svg)no-repeat;
  	background-size:340px;
    color:#c3c3c3;
    font-size: 14px;
    display: -webkit-flex;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
    justify-content: space-between}
.confirm .form_navi{background-image: url(../img/contact/contact_navi_2.svg)}
.thanks_page.form_navi{background-image: url(../img/contact/contact_navi_3.svg)}
.new_stores .form_navi .c_navi1,
.confirm .form_navi .c_navi2,
.thanks_page.form_navi .c_navi3{color: #232323}

.form_head_txt{
    text-align: center;
    margin-bottom: 65px;
    color: #232323}
.new_stores .form_confirm,
.confirm .contact_hurry,
.page-id-264 .form_confirm, /* toyama */
.page-id-256 .form_confirm,
.page-id-261 .form_confirm,
.page-id-258 .form_confirm,
.page-id-321 .form_confirm, /* ishikawa */
.page-id-325 .form_confirm,
.page-id-329 .form_confirm,
.page-id-333 .form_confirm{
    display: none}

/* 完了ページ */
.thanks{text-align: center;}
.thanks h3{
    margin-bottom: 20px;
    font-size: 24px}
.thanks_txt{margin-bottom: 160px}

@media only screen and (max-width: 767px) {
    .contact_form{padding-top:50px;margin-top:80px}
    .form_head_txt{text-align: left;margin-bottom: 50px;}
    .sp_block{display: block;margin-bottom: 5px}
}
/*======================== お問い合わせフォーム ========================*/

form dl{
    border-top:1px solid #c3c3c3;
    padding-top:100px;
    margin-bottom: 40px;
	text-align: left;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between}
form dt{
    font-size: 16px;
	width: 30%;
	font-weight: 700;
	line-height: 1;
	padding:18px 30px 18px 0;
    position: relative;
	box-sizing: border-box;
	margin-bottom: 40px }
form dd{
	width: 70%;
	box-sizing: border-box;
	margin-bottom: 40px }
@media only screen and (max-width: 767px) {
	form dl{display: block;padding-top:40px;}
    form dt{width: 100%;margin-bottom: 0;}
	form dd{
        width: 100%;margin-bottom:30px}
    .confirm form dt{padding:0 ;margin-bottom:0}
}
/* 　必須　 */
.reqd,
.any{
    position: absolute;
    top:18px;right:0;
    background: #ff8c82;
    color: #fff;
	display: inline-block;
    margin-right: 30px;
    padding:3px 5px;
    font-weight: 400;
	font-size: 12px}
.any{background: #c3c3c3;}

#zip,
input[type=text],
input[type=email],
select{
    font-size: 15px;
    background: #F5F5F5;
    width:100%;
	min-height:50px;
    padding:18px 15px;
	box-sizing: border-box;
	border: none;
	outline: none}
#zip{width:50%;}
input::-webkit-input-placeholder {
    font-family:"游ゴシック体",YuGothic,"游ゴシック Medium","Yu Gothic Medium","游ゴシック","Yu Gothic","メイリオ",Meiryo,sans-serif;}
input:-moz-placeholder {
    font-family:"游ゴシック体",YuGothic,"游ゴシック Medium","Yu Gothic Medium","游ゴシック","Yu Gothic","メイリオ",Meiryo,sans-serif;}
input::-moz-placeholder {
    font-family:"游ゴシック体",YuGothic,"游ゴシック Medium","Yu Gothic Medium","游ゴシック","Yu Gothic","メイリオ",Meiryo,sans-serif;}
input:-ms-input-placeholder {
    font-family:"游ゴシック体",YuGothic,"游ゴシック Medium","Yu Gothic Medium","游ゴシック","Yu Gothic","メイリオ",Meiryo,sans-serif;}

@media only screen and (max-width: 767px) {
    .confirm #zip,
    .confirm input[type=text],
    .confirm input[type=email],
    .confirm select{background: #fff;}
    #zip{width:100%;}
}

.radio{
	height:90px;
	padding-top:30px;}
.txtarea{min-height: 90px}
textarea{
    font-size: 15px;
	background: #F5F5F5;
	font-size: 15px;
	width:100%;
	min-height: 90px;
	padding:20px;
	box-sizing: border-box;
	vertical-align: middle;
	border: none;
	outline: none}
input:placeholder,
textarea:placeholder{color:#999}

/* セレクト　*/
.select {
    display: block;
    position: relative;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden;}
.select:after {
    position: absolute;
    display: block;
    content: '';
    width: 8px;
    height: 8px;
    border-top: solid 1px #232323;
    border-right: solid 1px #232323;
    -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
    top: 40%;
    right: 25px;
    pointer-events: none;/* クリック出来るよう */}
.select.select2:after {display: none}
.pref .select{width: 50%}
.pref .select:after {top:22px}
.confirm .select:after {display:none}
select{
    cursor: pointer;
        outline:none;
        text-overflow: '';
        vertical-align: middle;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;}
select option{}
select::-ms-expand {
      display: none}
select:-moz-focusring {
      color: transparent;
      text-shadow: 0 0 0 #232323;}

/* 住所の入力部分 */
.contact .pref input,
.contact .pref select,
.reservation .pref input,
.reservation .pref select{margin-bottom:10px}
.confirm .pref input,
.confirm .pref select,
.confirm .pref .select{display: inline;width: auto}


/* pp */
.pp_check{
    text-align: center;
    font-size: 14px;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    padding:25px 0;
    margin-bottom: 70px;
    line-height: 1.4}
.pp_check a{
    color: #ff8c82;
    text-decoration:underline;
    display: inline-block}
.confirm .pp_check,
.thanks .pp_check{display: none}

/* サブミットボタン　まず、iOSでのデフォルトスタイルをリセット */
input[type="submit"]{
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus{
  outline-offset: -2px;
}
/*  サブミットボタン css*/
.submit_area{text-align: center}
input[type="submit"]{
    letter-spacing: 0.05em;
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    max-width: 380px;
    height: 48px;
    line-height: 44px;
    margin: 6px auto;
    font-size: 14px;
    background: #646464;
    color: #fff;
    border-radius: 30px;
    text-align: center;
    }
input[type="submit"]:hover{
    transition: all ease-in-out .25s;
    border: 2px solid #646464;
    color:#232323;
    background:#fff}


.confirm input[type="submit"]{
    background: #5fbec4}
.confirm input[type="submit"]:hover{
    border: 2px solid #5fbec4;
    color:#5fbec4;
    background:#fff}
.confirm input[type="submit"].back{
    border: 2px solid #969696;
    background: #fff;
    color: #969696}
.confirm input[type="submit"].back:hover{
    border: 2px solid #969696;
    background: #969696;
    color: #fff}

.search_results input[type="submit"]{height: 48px;}

/* サブミット　矢印 */
.btn_submit,
.btn_back{
    width: 100%;
    max-width: 320px;
    position: relative;
    display: inline-block}

.btn_submit:before {
	content: "";
position: absolute;
top: 43%;
right: 18px;
width: 8px;
height: 8px;
border-top: solid 1px #fff;
border-right: solid 1px #fff;
-webkit-transform: rotate(45deg);
        transform: rotate(45deg);}
.btn_submit:hover:before{
    border-top: solid 1px #232323;
    border-right: solid 1px #232323}
.confirm .btn_submit:hover:before{
    border-top: solid 1px #5fbec4;
    border-right: solid 1px #5fbec4}

.btn_back input:before {
	content: "";
position: absolute;
top: 43%;
    left:40px;
width: 8px;
height: 8px;
border-top: solid 1px #232323;
border-right: solid 1px #232323;
-webkit-transform: rotate(225deg);
        transform: rotate(225deg)}
.btn_back input:hover:before{
    border-top: solid 1px #fff;
    border-right: solid 1px #fff}

.new_stores .btn_back,
.mw_wp_form_input .btn_back{display: none}

@media only screen and (max-width: 767px) {
	.submit-button{display: block;margin:0 0 20px 0}
}

/* 確認ページ */
.confirm .reqd,.confirm .any{display: none}
.confirm dt{color: #999;font-size: 15px}
.confirm dd{padding-top:10px}


/*  ヘッダーの検索枠指定し直し  */
.searchBar{height: 26px ;padding-bottom:3px}
.searchBar input[type="text"]#s{
    background-color: transparent;
    width: 165px;
    min-height:26px;
    height: 26px!important;
    padding:0 5px!important;
    vertical-align: top;
    display: inline-block;
    font-size: 14px}
.searchBar input[type="submit"]#searchsubmit{
    margin-left: 6px;
    width: 22px;
    min-height:20px;
    height: 20px!important;
    padding:0;
    border-radius:0;
    background: url(../img/all/icon_search.svg) no-repeat transparent;
  	background-size: contain;
    border: none}