@charset "utf-8";

/*
-----------------------------------------------
RESET CSS 1.0
▼基本デザイン 2017.9
----------------------------------------------- */
* {
box-sizing:border-box;
margin:0;
padding:0;
border:0;
outline:0;
font-style:normal;
word-break:normal;
word-wrap:break-word;
}
body {
-webkit-text-size-adjust:100%;
font-family:"Hiragino Kaku Gothic ProN",Meiryo,sans-serif;
font-size:14px;
line-height:1.7;
color:#333;
-webkit-font-smoothing:subpixel-antialiased;
text-align:center;
}

small {
font-size:80%;
}
article,aside,figure,footer,header,main,menu,nav,section {
display:block;
}
audio,canvas,video {
display:inline-block;
}
img {
vertical-align:bottom;
}
input,select {
font-size:100%;
vertical-align:middle;
}
ul,ol {
list-style-type:none;
}
h1,h2,h3,h4,h5,h6,strong {
-webkit-font-smoothing:antialiased;
}
table {
border-collapse:collapse;
border-spacing:0;
}

a {
color:#d7294b;
text-decoration:none;
}
a:hover,a:active {
text-decoration:underline;
}
a img {
transition:opacity 0.5s ease-in-out;
}
a:hover img {
opacity:0.8;
}

/* clearfix */
.cf:after {
display:block;
content:"";
clear:both;
}

.f-left{float:left;}
.f-right{float:right;}

/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
  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,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}

/*
-----------------------------------------------
brなど
----------------------------------------------- */
@media screen and (min-width: 769px) {
.sponly{
display:none;
}
}

@media screen and (max-width: 768px) {
.pconly{
display:none;
}
}

/*
-----------------------------------------------
PC・SPナビの切り替え
----------------------------------------------- */
@media screen and (min-width: 769px) {
.drawer-toggle{
display:none;
}
}

/*
-----------------------------------------------
margin・padding・font-size
----------------------------------------------- */
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}
.mt70{margin-top:70px;}
.mt80{margin-top:80px;}
.mt90{margin-top:90px;}
.mt100{margin-top:100px;}

.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb60{margin-bottom:60px;}
.mb70{margin-bottom:70px;}
.mb80{margin-bottom:80px;}
.mb90{margin-bottom:90px;}
.mb100{margin-bottom:100px;}

.ml10{margin-left:10px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml40{margin-left:40px;}
.ml50{margin-left:50px;}
.ml60{margin-left:60px;}
.ml70{margin-left:70px;}
.ml80{margin-left:80px;}
.ml90{margin-left:90px;}
.ml100{margin-left:100px;}

.mr10{margin-right:10px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.mr40{margin-right:40px;}
.mr50{margin-right:50px;}
.mr60{margin-right:60px;}
.mr70{margin-right:70px;}
.mr80{margin-right:80px;}
.mr90{margin-right:90px;}
.mr100{margin-right:100px;}

.pt10{padding-top:10px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt40{padding-top:40px;}
.pt50{padding-top:50px;}
.pt60{padding-top:60px;}
.pt70{padding-top:70px;}
.pt80{padding-top:80px;}
.pt90{padding-top:90px;}
.pt100{padding-top:100px;}

.pb10{padding-bottom:10px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb40{padding-bottom:40px;}
.pb50{padding-bottom:50px;}
.pb60{padding-bottom:60px;}
.pb70{padding-bottom:70px;}
.pb80{padding-bottom:80px;}
.pb90{padding-bottom:90px;}
.pb100{padding-bottom:100px;}

.tac{text-align:center;}
.tal{text-align:left;}
.tar{text-align:right;}

.f12{font-size:12px;}
.f15{font-size:15px;}
.f16{font-size:16px;}
.f17{font-size:17px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.f24{font-size:24px;}
.f30{font-size:30px;}

.w5em{width:5em;}
.w7em{width:7em;}
.w10em{width:10em;}
.w15em{width:15em;}
.w18em{width:18em;}
.w20em{width:20em;}
.w22em{width:22em;}
.w25em{width:25em;}
.w30em{width:30em;}

/* SP */
@media screen and (max-width: 768px) {
.mt10{margin-top:5px;}
.mt15{margin-top:8px;}
.mt20{margin-top:10px;}
.mt30{margin-top:15px;}
.mt40{margin-top:20px;}
.mt50{margin-top:25px;}
.mt60{margin-top:30px;}
.mt70{margin-top:35px;}
.mt80{margin-top:40px;}
.mt90{margin-top:45px;}
.mt100{margin-top:50px;}

.mb10{margin-bottom:5px;}
.mb15{margin-bottom:8px;}
.mb20{margin-bottom:10px;}
.mb30{margin-bottom:15px;}
.mb40{margin-bottom:20px;}
.mb50{margin-bottom:25px;}
.mb60{margin-bottom:30px;}
.mb70{margin-bottom:35px;}
.mb80{margin-bottom:40px;}
.mb90{margin-bottom:45px;}
.mb100{margin-bottom:50px;}

.ml10{margin-left:5px;}
.ml20{margin-left:10px;}
.ml30{margin-left:15px;}
.ml40{margin-left:20px;}
.ml50{margin-left:25px;}
.ml60{margin-left:30px;}
.ml70{margin-left:35px;}
.ml80{margin-left:40px;}
.ml90{margin-left:45px;}
.ml100{margin-left:50px;}

.mr10{margin-right:5px;}
.mr20{margin-right:10px;}
.mr30{margin-right:15px;}
.mr40{margin-right:20px;}
.mr50{margin-right:25px;}
.mr60{margin-right:30px;}
.mr70{margin-right:35px;}
.mr80{margin-right:40px;}
.mr90{margin-right:45px;}
.mr100{margin-right:50px;}

.pt10{padding-top:5px;}
.pt20{padding-top:10px;}
.pt30{padding-top:15px;}
.pt40{padding-top:20px;}
.pt50{padding-top:25px;}
.pt60{padding-top:30px;}
.pt70{padding-top:35px;}
.pt80{padding-top:40px;}
.pt90{padding-top:45px;}
.pt100{padding-top:50px;}

.pb10{padding-bottom:5px;}
.pb20{padding-bottom:10px;}
.pb30{padding-bottom:15px;}
.pb40{padding-bottom:20px;}
.pb50{padding-bottom:25px;}
.pb60{padding-bottom:30px;}
.pb70{padding-bottom:35px;}
.pb80{padding-bottom:40px;}
.pb90{padding-bottom:45px;}
.pb100{padding-bottom:50px;}

.f17{font-size:15px;}
.f20{font-size:17px;}
.f24{font-size:20px;}

}
/*
-----------------------------------------------
SP用ナビゲーション
----------------------------------------------- */
.drawer-menu > li{
border-bottom:solid 1px #ccc;
}

.drawer-menu li a:hover{
text-decoration:none;
background-color
}

.drawer-dropdown-menu-item .fa-lg {
  font-size: 1.0em;
  line-height: 0.5em;
  vertical-align: -15%;
  margin-right:8px;
}

/*
-----------------------------------------------
ヘッダ
----------------------------------------------- */
h1{
margin:0 0 18px 0;
}

header{
}

.shop-logo strong{
margin-right:20px;
}

.shop-logo{
margin-bottom:18px;
}

#header-in{
position:relative;
width:1000px;
margin:0 auto;
text-align:left;
padding-top:12px;
}

.head-toi{
position:absolute;
top:40px;
right:0;
}

.head-toi p{
font-size:13px;
}

.head-toi p span{
font-size:18px !important;
margin-right:10px;
font-weight:bold;
}

.head-btn a{
top:68px;
right:310px;
position:absolute;
width:8em;
text-align:center;
color:#fff;
background:#d7294b;
font-size:16px;
letter-spacing:1px;
font-weight:bold;
border-radius:6px;
padding:0.6em;
line-height:1.1;
}

.head-btn a:hover{
text-decoration:none;
background:#f7759a;
}


/* ナビ */
.pc-navi{
background:#f5f5f5;
}

.main-navi{
position:relative;
margin:0 auto;
width:1000px;
padding:5px 0;
}

.navi li{
float:left;
}

.navi li a{
color:#333;
text-decoration:none;
padding:0.7em 0;
width:142px;
display:block;
}


.navi li{
font-weight:bold;
text-align:center;
position:relative;
}

.navi li a:hover{
background-color:#d7294b;
}





/* ドロップダウンメニュー */
.main-navi li ul{
  list-style: none;
  position: absolute !important;
  z-index: 200;
  top: 100%;
  margin: 0;
  padding: 0;
}

.sub-ul01{
left:0px;
width:120px;
}

.main-navi li ul li{
  width: 100%;
}
.main-navi li ul li a{
  line-height:1.4 !important;
  padding: 8px 8px;
  border-bottom: 1px solid #ccc;
  background-color: rgba(216,214,213,0.8);
  text-align: center;
  text-decoration:none;
  display:block;
  color:#333;
  font-size:13px;
}

.main-navi li ul li{
  overflow: hidden;
  height: 0;
  transition: .2s;
}
.main-navi li:hover ul li{
  overflow: visible;
  height: 35px;
}

.main-navi ul li a:hover{
  background-color: rgba(215,41,75,0.9);
  color:#fff;
}




.navi04 a{
background:#d7294b !important;
color:#fff !important;
}

.navi04 a:hover{
background:#ed4869 !important;
color:#fff !important;
}



@media screen and (max-width: 768px) {
header{
width:100%;
min-width:auto !important;
}

#header-in{
width:100%;
padding-left:10px;
padding-right:10px;
}

.head-btn{
display:none;
}

h1{
float:none;
/* width:200px; */
width:180px;
margin-top:6px;
}

h1 img{
/* width:200px; */
width:170px;
}

.shop-logo{
margin:0;
}
.shop-logo img{
/* width:100px; */
width:110px; 
}

.pc-navi{
display:none;
}
}

/*
-----------------------------------------------
フッター
----------------------------------------------- */
.copyright{
text-align:center;
color:#fff;
text-align:center;
background:#d7294b;
padding:0.5em 0;
}

.foot-in{
width:1000px;
margin:0 auto;
text-align:left;
position:relative;
}

.foot-link{
position:absolute;
top:0px;
right:0px;
}

.foot-link li{
display:inline;
}

.foot-link li a{
color:#333;
}

footer{
border-top:solid 1px #ccc;
padding-top:15px;
}

.foot-logo img{
width:280px;
margin-bottom:5px;
}

/* SP */
@media screen and (max-width: 768px) {
footer{
padding-top:10px;
}

.foot-in{
width:100%;
padding-left:10px;
padding-right:10px;
}

.foot-logo{
text-align:left;
}

.foot-logo img{
width:200px;
}

.copyright{
padding:3px 10px;
font-size:12px;
}

.foot-address{
margin:0 0 5px 0;
font-size:13px;
}

.foot-link{
position:relative;
font-size:12px;
margin-bottom:5px;
}

}
/*
-----------------------------------------------
見出し・ボタン装飾
----------------------------------------------- */
.h-type01{
font-size:28px;
letter-spacing:4px;
text-align:center;
width:14.5em;
margin:0 auto;
padding-bottom:18px;
border-bottom:dotted 6px #ccc;
}


.h-type01 span{
display:block;
margin-bottom:10px;
}

.color01{color:#d7294b;}
.color02{color:#009688;}

.h-type02{
border-bottom:solid 1px #666;
padding-bottom:6px;
padding-left:10px;
letter-spacing:2px;
font-size:17px;
}

.h-type03{
padding:10px 15px;
background:#d7294b;
color:#fff;
}

.h-type04{
padding:0.4em 0;
background:#fef2f6;
width:10em;
border:solid 1px #ccc;
text-align:center;
}

.h-type04-b{
padding:0.4em 0;
background:#fef2f6;
width:6.5em;
border:solid 1px #ccc;
text-align:center;
font-size:13px;
}

.h-type05{
padding: .2em;
color:#d7294b;
border-bottom:solid 1px #d7294b;
}

.h-type06{
font-size:18px;
padding: 0.5em;/*文字周りの余白*/
color: #494949;/*文字色*/
background: #faeef1;/*背景色*/
border-left: solid 5px #e20433;/*左線（実線 太さ 色）*/
margin-bottom:30px;
}



.btn {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  line-height: 54px;
  outline: none;
  border-radius:8px;
}

.btn::before,
.btn::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}

.btn,
.btn::before,
.btn::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.btn-type01{
width:15em;
background-color: transparent;
line-height: 50px;
position:relative;
background:#d7294b;
color:#fff;
}

.btn-type01:hover{
background-color:#f78097;
text-decoration:none;
}

.btn-type01 i{
position:absolute;
top:18px;
right:10px;
}


/* SP */
@media screen and (max-width: 768px) {
.h-type01{
font-size:18px;
padding-bottom:10px;
letter-spacing:1px;
}

.h-type01 span{
display:block;
margin-bottom:10px;
}

.h-type01 span{margin-bottom:5px;}

.h-type03{
padding:8px;
font-size:14px;
}

.h-type04{
font-size:13px;
}

.h-type06{
font-size:16px;
}

}
/*
-----------------------------------------------
TOPICS
----------------------------------------------- */
.topic_wrap{
padding:40px 0;
text-align:center;
}

.topic{
width:1000px;
margin-left:auto;
margin-right:auto;
border-top:solid 1px #ccc;
margin-top:30px;
margin-bottom:30px;
}

.topic_dl{
font-size:15px;
border-bottom:solid 1px #ccc;
text-align:left;
}

.topic_dl a{
color:#333;
}

.topic_dl dt{
width:220px;
float:left;
margin-bottom:10px;
position:relative;
padding-top:10px;
}

.topic_dl dt span{
position:absolute;
top:5px;
left:7.0em;
}

.topic_dl dt span img{
width:100px;
}

.topic_dl dd{
width:770px;
float:right;
margin-bottom:8px;
padding-top:10px;
}

/* SP */
@media screen and (max-width: 768px) {
.topic{
width:100%;
}

.topic_wrap{
padding:20px 15px;
}

.topic_dl{
font-size:14px;
}

.topic_dl dt{
width:100%;
float:none;
padding-bottom:2px;
margin-bottom:0;
}

.topic_dl dd{
width:100%;
float:none;
margin-bottom:8px;
padding-top:0px;
}

}

/*
-----------------------------------------------
TOPバナー
----------------------------------------------- */
.top-company-wrap .container-fluid .row{
margin:0;
}

.top-company-wrap{
background-image:url(/img/top_bana_bg.jpg);
background-size:coverx;
padding:30px 0;
text-align:center;
}

.top-company-wrap .col-sm-3{
margin:0;
}

.company{
margin:0 auto;
width:1000px;
padding:30px 0
}

.box-type02{
padding:0 10px;
}


.box-type02 img{
width:100%;
}

.box-type02 a{
display:block;
text-align:left;
background:#fff;

}

.box-type02 a:hover{
text-decoration:none;
opacity:0.8;
}

.box-type02 a span{
display:block;
padding-left:10px;
padding-right:10px;
}

.sp01{
font-size:16px;
color:#0066cc;
font-weight:bold;
padding-top:10px;
}

.sp02{
font-size:14px;
color:#333;
padding-bottom:10px;
}


/* SP */
@media screen and (max-width: 768px) {
.company{
width:100%;
padding:15px 20px 0 20px;
}

.box-type02{
margin-bottom:20px;
width:100%;
}

}
/*
-----------------------------------------------
下層　共通
----------------------------------------------- */
.title_wrap{
padding-bottom:40px;
text-align:center;
}

.kaso-read{
margin-top:20px;
color:#b51b39;
font-size:18px;
margin-bottom:10px;
}

.icon{
text-align:center;
}

.icon-posi img{
width:31px;
}

#contents{
margin:0 auto;
width:1000px;
padding:30px 0;
text-align:left;
}

/* SP */
@media screen and (max-width: 768px) {
.title_wrap{
padding-bottom:20px;
}

.kaso-read{
margin-top:10px;
font-size:14px;
}

.sp-tl{
text-align:left;
font-size:13px;
}

#contents{
border-top:solid 1px #ccc;
width:100%;
padding:15px;
}

.icon {
text-align:left;
}

.icon span{
text-align:left;
font-size:11px;
line-height:1.8 !important;
}

.icon span img{
width:20px;
height:20px;
}


}
/*
-----------------------------------------------
店舗一覧
----------------------------------------------- */
.shop-tbl{
width:100%;
}

.shop-tbl td,
.shop-tbl th{
padding:8px 10px;
border:solid 1px #ccc;
font-weight:normal;
}

.shop-tbl th{
background:#f2f3f3;
text-align:center;
}

.shop-tbl tr:nth-child(2n+1) {
background: #eee;
}

.shop{
background-repeat:no-repeat;
background-size:31px 31px;
padding:8px 0 8px 43px;
}

.shop-b{
background-repeat:no-repeat;
background-size:31px 31px;
padding:12px 0 8px 45px;
background-position:8px 8px;
}

.bouquet{background-image:url(/img/ic_b.png);}
.coin{background-image:url(/img/ic_c.png);}
.toritsugi{background-image:url(/img/ic_t.png);}
.alfa{background-image:url(/img/ic_a.png);}

.no-line-r{border-right:none !important;}
.no-line-l{border-left:none !important;}


.scroll table{
width:100%;
}

.scroll{
overflow: auto;/*tableをスクロールさせる*/
white-space: nowrap;/*tableのセル内にある文字の折り返しを禁止*/
}

.scroll::-webkit-scrollbar{/*tableにスクロールバーを追加*/
 height: 5px;
}

.scroll::-webkit-scrollbar-track{/*tableにスクロールバーを追加*/
 background: #F1F1F1;
}
.scroll::-webkit-scrollbar-thumb {/*tableにスクロールバーを追加*/
 background: #BCBCBC;
}

.w-pc01{width:30%;}
.w-pc02{width:26%;}
.w-pc03{width:14%;}
.w-pc04{width:30%;}



/*
-----------------------------------------------
店舗詳細
----------------------------------------------- */
.ttl-span01{
margin-left:12px;
font-weight:normal;
font-size:15px;
}

.w100 img{
width:100%;
}

/* SP */
@media screen and (max-width: 768px) {
.ttl-span01{
margin-left:8px;
font-size:13px;
}
}

/*
-----------------------------------------------
こだわり
----------------------------------------------- */
.ol-type01{
margin:0;
padding:0;
list-style-type:disc;
margin-left:20px;
}

.ol-type01 li{
margin-bottom:5px;
font-size:15px;
}

.mk01 img{
width:300px;
}

.box-type01{
border:solid 1px #d7294b;
padding:10px 20px;
}

/* SP */
@media screen and (max-width: 768px) {
.mk01 img{
width:100%;
}



}
/*
-----------------------------------------------
会社概要
----------------------------------------------- */
.gaiyo-tbl{
width:100%;
}

.gaiyo-tbl th{
width:15%;
border-bottom:solid 1px #ccc;
padding:15px 10px;
}

.gaiyo-tbl td{
border-bottom:solid 1px #ccc;
padding:10px;
}

.h226{
height:226px;
}

.rinen{
margin:0 auto;
width:750px;
}

.ds-b{display:block;}
.tal{text-align:left;}
.tac{text-align:center;}

/* SP */
@media screen and (max-width: 768px) {
.gaiyo-tbl{
border-top:solid 1px #ccc;
margin-top:30px
}

.gaiyo-tbl th{
width:100%;
display:list-item;
border-bottom:none;
padding:10px 0px 5px 0px;
list-style-type:none;
}

.gaiyo-tbl td{
display:list-item;
border-bottom:solid 1px #ccc;
padding:0 0px 10px 0px;
list-style-type:none;
}

.rinen{
width:100%;
padding-left:15px;
padding-right:15px;
}

.rinen img{
width:100%;
}

.w100{
width:100%;
}

}

/*
-----------------------------------------------
プライバシーポリシー
----------------------------------------------- */

.privacy-read{
padding-left:50px;
padding-right:50px;
}

.ol-type02{
margin:0;
padding:0;
list-style-type:decimal;
margin-left:20px;
padding-left:50px;
padding-right:50px;
}

.ol-type02 li{
margin-bottom:25px;
}

.ol-in{
margin-top:10px;
}

.ol-in span{
display:block;
margin-bottom:8px;

}

/* SP */
@media screen and (max-width: 768px) {
.privacy-read{
padding-left:0px;
padding-right:0px;
}

.ol-type02{
padding-left:5px;
padding-right:5px;
}

}
/*
-----------------------------------------------
▼google map表示
----------------------------------------------- */

 .acf-map {
           width: 100%;
           height: 400px;
           border: #ccc solid 1px;
           margin: 20px 0;
          }


/*
-----------------------------------------------
せんたくや日記・サイドバー
----------------------------------------------- */
.blog-box p{
margin-bottom:1.5em;
}

.date-box{
width:12em;
padding:0.4em;
text-align:center;
background:#ececec;
}

.side-box{
padding:15px 15px 15px 20px;
border:solid 1px #faeef1;
border-radius:10px;
background:#faeef1;
}

.side-box li{
margin-left:0px;
}

.side-box ul{
margin-top:15px;
padding-top:15px;
border-top:dotted 1px #cc0033;
}

.side-box ul li{
margin-bottom:0.5em;
letter-spacing:1px;
margin-left:10px;
}

.categories {
list-style-type:none !important;
}

.category-ttl{
border:solid 1px #e20433;
color:#e20433;
width:18em;
margin-bottom:1em;
padding:0.5em 0;
text-align:center;
}

/* SP */
@media screen and (max-width: 768px) {
.w100-img img{
width:100%;
height:auto;
}
}



/*
-----------------------------------------------
flex-box
----------------------------------------------- */
.container01{
display:flex;
flex-wrap:wrap;
}

.container02{
display:flex;
flex-wrap:nowrap;
}

.container03{
display:flex;
flex-wrap:wrap-reverse;
}

.c-type01{
justify-content:space-between;
}

.c-type02{
justify-content:space-around;
}

.c-type03{
justify-content:flex-start;
}

.c-type04{
justify-content:center;
}

@media screen and (max-width: 767px) {
.container03{
flex-wrap:wrap-reverse;
}
}



/*
-----------------------------------------------
宅配
----------------------------------------------- */
.takuhai-catch{
text-align:center;
font-weight:bold;
font-size:20px;
line-height:1.9;
margin-bottom:30px;
}

.marker{
background:linear-gradient(transparent 55%, #ffff66 55%);
font-weight:bold; 
}

.takuhai-wrap01{
width:630px;
margin-left:auto;
margin-right:auto;
}

.takuhai-wrap02{
width:780px;
margin-left:auto;
margin-right:auto;
}


.takuhai-wrap03{
width:900px;
margin-left:auto;
margin-right:auto;
}



.takuhai-info{
border:solid 1px #d7294b;
padding:15px 40px;
}

.takuhai-info dl{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
margin-bottom:15px;
font-weight:bold;
}

.takuhai-info dt{
font-size:16px;
width:19%;
background:#d7294b;
color:#fff;
text-align:center;
padding:0.2em 0;
}

.takuhai-info dd{
width:78%;
font-size:20px;
}

.takuhai-tel{
font-size:40px;
text-align:center;
font-weight:bold;
}

.takuhai-tel:before{
  content: '';
  display: inline-block;
  width: 69px;
  height: 40px;
  background-image: url(/img/free.png);
  background-size: contain;
  vertical-align: middle;
  background-repeat:no-repeat;
  margin-right:5px;
}

.takuhai-info-p{
font-size:18px;
margin-bottom:10px;
font-weight:bold;
}

.takuhai-txt{
width:45%;
}

.takuhai-img{
width:50%;
}

.takuhai-img img{
max-width:100%;
height:auto;
}

.takuhai-h{
font-size:32px;
text-align:center;
color:#d7294b;
margin-bottom:40px;
}

.takuhai-txt h4{
color:#d7294b;
font-size:24px;
margin-bottom:14px;
}

.takuhai-txt h4 span{
color:#d7294b;
font-size:30px;
margin-right:6px;
}

.takuhai-txt p{
font-size:16px;
}

.takuhai-nagare{
position:relative;
margin-bottom:60px;
}

.takuhai-nagare:after{
content:"▼";
font-size:28px;
color:#d7294b;
position:absolute;
bottom:-45px;
left:25%;
}

.tac-all{
text-align:center;
}

.form-info{
background:#efefef;
margin-bottom:20px;
padding:15px 40px;
}

.btn001{
display:inline-block;
margin:15px 0;
}

.btn001 a{
color:#fff;
font-weight:bold;
display:block;
padding:1em 2em;
background:#d7294b;
border-radius: 10px;
line-height:1.1;
font-size:18px;
}

.btn001 a:hover{
text-decoration:none;
background:#fc6683;
}



/*
-----------------------------------------------
宅配SP
----------------------------------------------- */
@media screen and (max-width: 767px) {
.takuhai-wrap01,
.takuhai-wrap02,
.takuhai-wrap03{
width:100%;
}

.takuhai-catch{
text-align:center;
font-weight:bold;
font-size:17px;
line-height:1.9;
margin-bottom:30px;
}


.takuhai-info{
padding:15px 15px;
}

.takuhai-info dl{
margin-bottom:15px;
font-weight:bold;
}

.takuhai-info dt{
font-size:14px;
width:100%;
background:#d7294b;
color:#fff;
text-align:center;
padding:0.2em 0;
}

.takuhai-info dd{
width:100%;
margin-top:4px;
font-size:16px;
}


.takuhai-tel{
font-size:22px;
}

.takuhai-tel:before{
  content: '';
  display: inline-block;
  width: 40px;
  height: 30px;
}

.btn001{
display:block;
}

.btn001 a{
color:#fff;
font-weight:bold;
display:block;
padding:1em 0.2em;
background:#d7294b;
border-radius: 10px;
line-height:1.1;
font-size:16px;
}

.takuhai-h{
font-size:20px;
text-align:center;
color:#d7294b;
margin-bottom:22px;
}

.takuhai-txt{
width:100%;
}

.takuhai-img{
width:100%;
}

.takuhai-txt h4{
margin-top:15px;
color:#d7294b;
font-size:20px;
margin-bottom:10px;
}

.takuhai-txt h4 span{
color:#d7294b;
font-size:20px;
margin-right:6px;
}

.takuhai-txt p{
font-size:15px;
}

.takuhai-nagare{
position:relative;
margin-bottom:60px;
}


.takuhai-nagare:after{
content:"▼";
font-size:28px;
color:#d7294b;
position:absolute;
bottom:-45px;
left:48%;
}

.form-info{
background:#efefef;
margin-bottom:10px;
padding:15px 15px;
}

}



/*
-----------------------------------------------
よくあるご質問
----------------------------------------------- */

.faq-box{
border-radius:10px;
padding:20px;
border:solid 1px #666;
margin-bottom:60px;
}

.q-txt{
font-family: "ヒラギノ丸ゴ W4 JIS2004", sans-serif;
font-size:20px;
font-weight:500;
background:#EB3228;
color:#fff;
line-height:1.0;
padding:6px 0px 8px 0;
width:1.7em;
text-align:center;
}

.a-txt{
font-family: "ヒラギノ丸ゴ W4 JIS2004", sans-serif;
font-size:20px;
font-weight:500;
background:#4169E1;
color:#fff;
line-height:1.0;
padding:6px 0px;
padding:6px 0px 8px 0;
width:1.7em;
text-align:center;
}

.a-box{
position:relative;
background:#efeae4;
padding:10px;
}

.a-bun p{
margin-left:3em !important;
margin-bottom:10px;
}

.a-txt{
position:absolute;
top:10px;
left:10px;
}

.q-box{
position:relative;
margin-bottom:24px;
}

.q-txt{
position:absolute;
top:0px;
left:0px;
}

.q-bun{
color:#EB3228;
font-weight:500;
margin-left:3em;
margin-right:50px;
font-size:17px;
}

.accordion-container {
  position: relative;
  cursor: pointer
}

.accordion-container .article-title {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  cursor: pointer;
}

.accordion-container .article-title:hover,
.accordion-container .article-title:active,
.accordion-container .content-entry.open .article-title {
text-decoration:underline;
}

.accordion-container .article-title:hover i:before,
.accordion-container .article-title:hover i:active,
.accordion-container .content-entry.open i {
  color: #ccc;
}

.article-title{
  position: relative;
}

.article-title:after {
  content: "";
  position: absolute;
  right: 10px;
  top: 10%;
  transition: all 0.2s ease-in-out;
  display: block;
  width: 8px;
  height: 8px;
  border-top: solid 2px #000;
  border-right: solid 2px #000;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

.article-title.open:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 45%;
}

.accordion-content {
  display: none;
  padding-left: 0;
}

#accordion{
margin-bottom:20px;
}

.faq-h{
font-size:22px;
font-weight:700;
padding-bottom:10px;
margin-bottom:30px;
border-bottom:dotted 1px #999;
}

/*
-----------------------------------------------
FAQ　SP
----------------------------------------------- */
@media screen and (max-width: 767px) {

#faq-ttl:before{
  content: '';/*何も入れない*/
  display: block;/*忘れずに！*/
  width:45px;/*画像の幅*/
  height:45px;/*画像の高さ*/
  background-size: contain;
  vertical-align: middle;
  position:absolute;
  left:-50px;
  top:3px !important;
}


.faq-h{
font-size:18px;
line-height:1.5;
text-align:left;
font-weight:700;
padding-bottom:5px;
margin-bottom:15px;
border-bottom:dotted 1px #999;
}

.q-bun{
color:#bc473a;
font-weight:700;
margin-left:3em;
margin-right:30px;
font-size:15px;
}

.a-bun p{
font-size:14px;
margin-left:3em !important;
margin-bottom:10px;
}

.faq-box{
border-radius:10px;
padding:15px 15px 0px 15px;
border:solid 1px #113e66;
margin-bottom:30px;
}

}



/*
-----------------------------------------------
パンクズ
----------------------------------------------- */
.pk{
font-size:14px;
padding:18px 0 60px 0;
margin-top:-35px;
}
.pk a{
color:#333;
}

/*
-----------------------------------------------
パンクズ SP
----------------------------------------------- */
@media screen and (max-width: 767px) {
.pk{
margin-top:-15px;
font-size:13px;
padding:10px 0 20px 0; 
}
}

/*
-----------------------------------------------
フッターバナー
----------------------------------------------- */
.ban{
width:32.4%;
margin:0 0;
}

.ban img{
max-width:100%;
height:auto;
}

.foot-ban{
background:#f5f3ef;
}
.foot-ban-in{
text-align:center;
padding:30px 0;
max-width:950px;
margin-left:auto;
margin-right:auto;
}

.top-ban-in{
text-align:center;
padding:30px 5px 0 5px;
max-width:1100px;
margin-left:auto;
margin-right:auto;
}


/*
-----------------------------------------------
フッターバナー SP
----------------------------------------------- */
@media screen and (max-width: 767px) {
.ban{
width:90%;
margin:10px 5%;
}

.foot-ban-in{
text-align:center;
padding:15px 0;
}

.top-ban-in{
text-align:center;
padding:5px 0 0 0;
}

}



/* css_end */