@charset "utf-8";

body,input,select,textarea{color:#212121;}

body{min-width:100%;}

::selection {background-color:rgba(219,87,87,1);color:#fff;}
::-moz-selection {background-color:rgba(219,87,87,1);color:#fff;}

a,a:hover{color:#212121;}

.text-link,.text-link:hover,.text-link:active,.text-link:focus{
	color:rgba(219,87,87,1);
	text-decoration:none;
	}
.text-link:hover,.text-link:active,.text-link:focus{text-decoration:underline;}

.kome .text-link,.kome .text-link:hover,.kome .text-link:active,.kome .text-link:focus{
	text-decoration:underline;
	}
.kome .text-link:hover,.kome .text-link:active,.kome .text-link:focus{text-decoration:none;}



.img-link:hover img{opacity:.75;}

span[data-action="call"]{display:inline-block;white-space: nowrap;}

/* 
.bg-pr{background-color: #;color:#FFF;}
.bg-se{background-color: #;color:#FFF;}
.bg-ac{background-color: #;color:#FFF;}

.txt-pr{color:#;}
.txt-se{color:#;}
.txt-ac{color:#;}

.bdc-pr{border-color:#;}
.bdc-se{border-color:#;}
.bdc-ac{border-color:#;}
 */






 #fixed-bottom{position: fixed;right: 0;bottom: 0;display: flex;justify-content:space-between;align-items: center;z-index: 99;}
 @media only screen and (max-width:575px)	{#fixed-bottom{flex-flow:row wrap;left: 0;}}


.fixed-left{padding: 14px;color:#FFF;display: none;}
 @media only screen and (max-width:575px)	{.fixed-left{flex:1 1 100%;max-width: 100%;padding: 9px 14px;}}

.reach-bottom{left: 0;background: #0078C2;}

.reach-bottom .fixed-left{display: block;}


.fixed-right{display: flex;background: #0078C2;padding: 1px;}
 @media only screen and (max-width:575px)	{.fixed-right{flex-flow:row wrap;justify-content:flex-end;width: 100%;}}


.fixed-right > div{font-size: 14px;padding: 1px;display: flex;}
 @media only screen and (max-width:991px)	{#fixed-bottom > div{font-size: 12px;}}

 @media only screen and (max-width:575px)	{
	 .bottom-fd{flex:1 1 100%;max-width: 100%;}
 }
.bottom-fd-inner{background: #FCFBF3;padding: 1.5rem;}
 @media only screen and (max-width:767px)	{.bottom-fd-inner{padding: 5px;}}
 @media only screen and (max-width:575px)	{.bottom-fd-inner{width: 100%;}}


.bottom-fd-inner h3{font-size: 1.25em;margin-bottom: 1em;text-align: center;font-family: 'Noto Sans JP',sans-serif;}


#fixed-bottom div > a{display: block;text-align: center;display: flex;justify-content:center;align-items:center;line-height: 1.25;min-width:72px;font-weight: bold;}
 @media only screen and (max-width:991px)	{#fixed-bottom div > a{min-width:60px;}}
 @media only screen and (max-width:575px)	{#fixed-bottom div > a{min-width:42px;}}


 @media only screen and (max-width:575px)	{
	 .bottom-pv{flex:1 1 43%;max-width: 43%}
	 .bottom-iq{flex:1 1 43%;max-width: 43%}
	 .bottom-pt{flex:1 1 14%;max-width: 14%;}
}


.bottom-pt a{color: #FFF;background: #0078C2;font-size: 24px;text-align: center;}
.bottom-pt a:hover,.bottom-pt a:active,.bottom-pt a:focus{color:#FCFBF3;}
	@media only screen and (max-width:767px)	{.bottom-pt a{font-size: 16px;}}

.bottom-hour{font-size: .75rem;text-align: center;line-height: 1;margin-top: .75em;}
	@media only screen and (max-width:767px)	{.bottom-hour{font-size: 10px;}}


	@media only screen and (max-width:767px)	{
	 .bottom-fd-inner .free-dial{display: flex;justify-content:center;align-items:flex-start;margin: 10px 0 0;height: 20px;overflow: hidden;}

	 .bottom-fd-inner .fd-mark{margin-right: 7px;height: 20px;}
	 .bottom-fd-inner .fd-mark img{vertical-align: top;width: 35px !important;height: 20px !important;}
	 .bottom-fd-inner .fd-mark svg{}

	 .bottom-fd-inner .fd-number .phone-sm{font-size: 16px;line-height: 20px;}
}




/* index */
.itemsearch-banner{border-width: .5rem;border-style: solid;display: block;padding: 2rem;position: relative;background-color: #FFF;text-align: left;line-height: 2;}
	@media only screen and (max-width:991px)	{.itemsearch-banner{padding: 1.5rem;}}

.itemsearch-banner:focus{outline:none;}

.itemsearch-banner:hover,.itemsearch-banner:active,.itemsearch-banner:focus{background-color: #FBEFCB;}

.itemsearch-banner:after{content: '';position: absolute;left: .5rem;bottom: -1.5rem;width: 5rem;height: 8rem;background-position: center center;background-size: contain;background-repeat: no-repeat;}
	@media only screen and (max-width:991px)	{.itemsearch-banner:after{width: 4rem;height: 6.4rem;bottom: -1.2rem;}}
	@media only screen and (max-width:767px)	{.itemsearch-banner:after{bottom: -1.5rem;}}

.itemsearch-banner.is-bdc-pink300:after{background-image: url(../images/cmn/toypoodle1.png);}
.itemsearch-banner.is-bdc-deeporange300:after{background-image: url(../images/cmn/toypoodle1.png);}

.simplesearch{font-size: 1.5rem;line-height: 1;font-weight: 700;color:#FFF;padding: 1rem;text-align: center;}
	@media only screen and (max-width:991px)	{.simplesearch{font-size: 1.25rem;padding: .75rem;}}
	@media only screen and (max-width:767px)	{.simplesearch{font-size: 1rem;padding: .5rem;}}

.itemname{text-align: center;font-size: 2rem;line-height: 2;font-weight: 700;}
	@media only screen and (max-width:991px)	{.itemname{font-size: 1.5rem;}}
	@media only screen and (max-width:767px)	{.itemname{font-size: 1.25rem;}}

.assoonassearch{border-radius:6rem;text-align: center;padding: 0.5rem;color:#FFF;font-weight: 700;}


.sec-guide h3{color:#FFF;}


#wrapper.index{position: relative;}

#wrapper.index:before,#wrapper.index:after{content: '';position: absolute;}

#wrapper.index:before{background: url(../images/cmn/logo-mark.png) 2rem center /20rem no-repeat #0078C2;top: 0;right: 0;bottom: 0;width: 15rem;height: 45rem;}
	@media only screen and (max-width:991px)	{#wrapper.index:before{width: 21vw;background-size: 12vw;background-position: left 9vw;height: 50vw;}}
	@media only screen and (max-width:767px)	{#wrapper.index:before{}}
	@media only screen and (max-width:575px)	{#wrapper.index:before{width: 24vw;}}

.ssc-box{position: relative;display: block;overflow: hidden;}

.ssc-img{background: #0078C2;overflow: hidden;}
	@media only screen and (max-width:991px)	{.ssc-img{height: 33vw;}}
	@media only screen and (max-width:767px)	{.ssc-img{height: 25vw;}}
	@media only screen and (max-width:575px)	{.ssc-img{height: 50vw;}}
	
.ssc-img img{opacity:.5;transform:scale(1);width: 100%;height: auto;transition:opacity .3s,transform .3s;}
	@media only screen and (max-width:991px)	{.ssc-img img{position:absolute;top:0;left:0;right:0;bottom:0;max-width:inherit;max-height:inherit;width:100%;height:100%;margin:auto;font-family:'object-fit:cover;';object-fit:cover;}}
	
.ssc-box:hover .ssc-img img{opacity:.75;transform:scale(1.05);transition:opacity .3s,transform .3s;}
	
.ssc-title{position: absolute;top: 0;left: 0;right: 0;bottom: 0;display: flex;flex-flow:column wrap;justify-content:center;align-items:center;}
	
.ssc-title-inner h4{font-family: 'IBM Plex Sans',sans-serif;font-size:2rem;line-height: 1;text-align: center;color:#FFF;font-weight: bold;}
	@media only screen and (max-width:991px)	{.ssc-title-inner h4{font-size:3vw;}}
	@media only screen and (max-width:767px)	{.ssc-title-inner h4{font-size:3vw;}}
	@media only screen and (max-width:575px)	{.ssc-title-inner h4{font-size:6vw;}}
	

.ssc-box + p{margin-top: 1em;}


.recommend{display: block;}

.recommend-img{}

.recommend-img figcaption{margin-top: 0.5rem;line-height: 1.5;display: flex;justify-content:center;}



.recommend:hover .recommend-img img{opacity:.75;}


.sec-sdgs .bg-float-ful .bg-cover img{opacity:.25;}



.sec-lead{padding: 2.5rem 0 !important;}
	@media only screen and (max-width:991px)	{.sec-lead{padding: 2rem 0 !important;}}
	@media only screen and (max-width:767px)	{.sec-lead{padding: 1.5rem 0 !important;}}

.catalog-list{padding-bottom: 4rem;}
	@media only screen and (max-width:767px)	{.catalog-list{padding-bottom: 4rem;}}


.item-title{font-size:1.125rem;line-height: 1.5;}
	@media only screen and (max-width:767px)	{.item-title{font-size:1rem;}}

a[class*="box"]:hover{opacity:.75;}

.category-tag{position: absolute;top: 0;left: 0;min-width: 50%;text-align: center;background-color: #168492;color:#FFF;z-index: 9;font-size: 0.8em;vertical-align: middle;padding: .25em .5em;}
	@media only screen and (max-width:767px)	{.category-tag{font-size: 0.8em;}}

.goto-detail{background-color: #0078C2;color:#FFF;position: absolute;left: 0;right: 0;bottom: 0;padding: 1rem 1.5rem;line-height: 1;font-family: 'Shippori Mincho B1',serif;text-align: right;font-size: 0.8em;}

















.input-group,.pickup-select,.input-group-text,.pickup-place h4,.pickup-receipt h4{font-size: .9rem !important;}
	@media only screen and (max-width:767px)	{.input-group,.pickup-select,.input-group-text,.pickup-place h4,.pickup-receipt h4{font-size: .8rem !important;}}


.input-group-text{width: 8em;}


.on-site{padding-left: 2rem;}


.pickup-place,.pickup-receipt{border: 1px solid #ced4da;border-radius: 0.25rem;overflow: hidden;display: table;width: 100%;color: #495057;}

.pickup-place h4,.pickup-receipt h4,.pickup-select{display: table-cell;vertical-align: middle;}

.pickup-place h4,.pickup-receipt h4{background-color: #e9ecef;border-right: 1px solid #ced4da;line-height: 1;padding: 0.375rem 0.75rem;width: calc(8em - 2px);}

.pickup-select{padding: .5rem 1rem;}
	@media only screen and (max-width:767px)	{.pickup-select{padding: .25rem .5rem;}}

.pickup-select .form-check {margin: 0;}




.brackets{counter-reset:brackets;list-style:none;margin:0;padding-left: 3rem !important;}

.blackets li{}

.brackets li:before{
	counter-increment: brackets;                   /* section カウンターの値に1を加算 */
	content: "（" counter(brackets) "）";
	width: 3rem;display: inline-block;
	margin-left:-3rem;
}




.tit-onsite{font-size: 1rem;font-weight: 700;margin: 1.5rem 0 .5rem;border-bottom: 1px dashed #DDD;padding-bottom: 0.5rem;}


.visit-total{display: flex;align-items:center;}
	@media only screen and (max-width:575px)	{.visit-total{display: block;}}

.visit-date,.visit-time{}
	@media only screen and (max-width:575px)	{.visit-date,.visit-time{margin-top: 0.25rem;}}




.delivery-method{display: table;width: 100%;}
	@media only screen and (max-width:991px)	{.delivery-method{display: block;}}


.delivery-method dt,.delivery-method dd{display: table-cell;vertical-align: top;}
	@media only screen and (max-width:991px)	{.delivery-method dt,.delivery-method dd{display: block;}}

.delivery-method dt{width: 17.5rem;}
	@media only screen and (max-width:991px)	{.delivery-method dt{background-color: #EFEFEF;width: 100%;padding: .5rem;margin: 1rem 0 .5rem;}}


.delivery-method dd{padding-top: .75rem;}
	@media only screen and (max-width:991px)	{.delivery-method dd{}}


.delivery-method + .delivery-method{margin-top: 2rem;}

.content .tit-onsite:first-child{margin-top: 0;}



.connection{display: flex;align-items:center;}
	@media only screen and (max-width:1199px)	{.connection{font-size: 14px;}}
	@media only screen and (max-width:767px)	{.connection{font-size: 12px;justify-content:center;}}
	@media only screen and (max-width:575px)	{.connection{display: block;}}

.connection-type{background-color:rgba(232,146,146,1);color:#FFF;padding: 1em;width:10em;text-align: center;line-height: 1.5;}
	@media only screen and (max-width:575px)	{.connection-type{width: 100%;}}

.connection-type + .connection-text{}
	@media only screen and (max-width:575px)	{.connection-type + .connection-text{margin-top: .5rem;}}

.connection-plus{padding: 0 .5em;text-align: center;}
	@media only screen and (max-width:575px)	{.connection-plus{width: 100%;}}

.connection-arrow{padding: 0 .5em;text-align: center;}
	@media only screen and (max-width:575px)	{.connection-arrow{width: 100%;}}

.connection-arrow i.fa{font-weight: 900;}

.connection-text{padding-left: 1em;line-height: 1.5;}
	@media only screen and (max-width:575px)	{.connection-text{padding-left: 0;text-align: center;width: 100%;}}

.connection-add{display: flex;}
	@media only screen and (max-width:767px)	{.connection-add{display: block;}}

.connection-add-inner{border: 1px solid #DDD;background-color: #EFEFEF;padding: 1em;width:10em;text-align: center;line-height: 1.5;}
	@media only screen and (max-width:575px)	{.connection-add-inner{width: 100%;}}

.connection-add-inner + .connection-add-inner{border-left: none;}
	@media only screen and (max-width:767px)	{.connection-add-inner + .connection-add-inner{border: 1px solid #DDD;border-top: none;}}


.ohikitori .form-check-inline{display: block;}