@charset "utf-8";


.wrapper{
	width:1000px;
	margin:0 auto;
}

.wrapper800{
	width: 100%;
	max-width: 800px;
	margin:0 auto;
}

.wrapper900{
	width: 1000px;
	padding:20px 50px 50px;
	margin: 0 auto;
	/*background: #fff;*/
}

.wrapper900 dt,
.wrapper900 dd,
.wrapper900 input,
.wrapper900 select,
.wrapper900 textarea{
	color: #000;
}



@media screen and (max-width: 768px) {
    
    .wrapper,
	.wrapper900{
        width:90%;
    }

	.wrapper900{
        padding: 0 10px 40px;
    }

    
    #header .text{
        padding-top:5px;
        padding-bottom:5px;
        text-align:center;
    }
    #header {
        padding-bottom: 0;
    }
    .mt15{
        margin-top:10px;
    }
    .mt50{
        margin-top:25px;
    }
    .mt100{
        margin-top:50px;
    }
    .mb15{
        margin-bottom:10px;
    }
    .mb50{
        margin-bottom:50px;
    }
}


/*index*/

.header{
	background-image:url(../img/mainvisual.jpg);
	background-size: cover;
	background-position: top center;
	height: 0;
	padding-top: 60.9%;
	/*height: 870px;*/
	/*padding-top:690px;*/
	/*padding-top: 62.5%;*/
	
	/*padding-top: 57%;*/
	/*height: 950px;
	padding-top: 10px;
	padding-bottom:80px;*/
}

.top-logo-wrap{
	margin-left: 10%;
	margin-bottom:30px;
}

@media screen and (max-width: 768px) {

	.header{
		background-image:url(../img/mainvisual_sp.jpg);
		background-size: cover;
    	background-position: top center;
		padding-top: calc(((869 / 750) * 100%));
		background-repeat: no-repeat;
		height: auto;
	}
	.top-logo-wrap{
		margin: 0 auto;
		width: 85px;
		display: block;
	}
	
}

@media screen and (max-width: 400px) {
	.header{
		background-size: contain;
	}
}

.main-visual-txt-wrap p,
.main-visual-txt-wrap p span,
.main-visual-txt-wrap h1,
.main-visual-txt-wrap h2,
.main-visual-txt-wrap span,
.main-visual-txt-wrap h3{
	color: #fff;
}

.dotted{
    background-image: url(../img/icon-dotted.png);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: inherit;
	width:220px;
	margin:0 auto;
}

.title-icon::before{
	display: inline-block;
    content: '';
    width: 33px;
    height: 75px;
    background: url(../img/icon-left.png);
    background-size: contain;
    margin-right: 10px;
	vertical-align: middle;
}

.title-icon::after{
	display: inline-block;
    content: '';
    width: 33px;
    height: 75px;
    background: url(../img/icon-right.png);
    background-size: contain;
    margin-left: 10px;
	vertical-align: middle;
}

@media screen and (max-width: 768px) {
	.title-icon::before,
	.title-icon::after{
		display: none;
	}
	.dotted{
		background:none;
	}
}

.main-visual-txt-wrap__items{
	width: 860px;
	margin:0 auto;
	align-items: center;
	margin-top: -10px;
}

@media screen and (max-width: 768px) {
	.main-visual-txt-wrap__items{
		width: 365px;
		margin-top: 10px;
		position: relative;
	}
}

.main-visual-txt-wrap__items-centertxt{
	font-size: 3.5rem;
	letter-spacing: -5px;
	line-height: 1.2;
}

.main-visual-txt-wrap__item{
	width: 370px;
	height: 370px;
	background: url(../img/flower-01.png);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

.main-visual-txt-wrap__item-muffinimg{
	margin-top: -20px;
	width: 200px;
	margin: -25px auto 0;
}

.main-visual-txt-wrap__item-muffinimg img{
	width: 100%;
}

@media screen and (max-width: 768px) {
	.main-visual-txt-wrap__item{
		width: 50%;
		height: 180px;
	}
	.main-visual-txt-wrap__items-centertxt{
		position: absolute;
		top: 5%;
		left: 50%;
		transform: translateY(-0%) translateX(-50%);
		font-size: 1.6rem;
		letter-spacing: -1px;
		text-shadow: 2px 1px 0 #000, -2px -1px 0 #000, -1px 1px 0 #000, 2px -1px 0 #000, 0px 2px 0 #000, 0-2px 0 #000, -2px 0 0 #000, 2px 0 0 #000;
	}
	.main-visual-txt-wrap__item-logoimg{
		width: 80%;
		margin:0 auto 0;
	}
	.main-visual-txt-wrap__item-muffinimg{
		width:50%;
		margin:-18px auto 0;
	}
}

.main-visual-txt-wrap__item-txt1{
	margin-top: 90px;
	color: #000 !important;
	font-weight: bold;
	font-size:2.2rem;
	line-height: 1;
}

@media screen and (max-width: 768px) {
	.main-visual-txt-wrap__item-txt1{
		margin-top: 25%;
		font-size: 1.2rem;
	}
}

.main-visual-txt-wrap__item-img2{
	height: 150px;
	padding-top:10px;
}

.main-visual-txt-wrap__item-muffinimg2{
	margin-top: -20px;
	width: 130px;
    margin: -30px auto 0;
}

.main-visual-txt-wrap__item-muffinimg2 img{
	width: 100%;
}

@media screen and (max-width: 768px) {
	.main-visual-txt-wrap__item-img2{
		width: 80%;
		margin:0 auto;
		height: auto;
		padding-top:0;
	}
	.main-visual-txt-wrap__item-muffinimg2{
		width:30%;
		margin:-10px auto 0;
	}
}

.mainvisual-alergic-wrap{
	margin-top: -40px;
}

@media screen and (max-width: 768px) {
	.mainvisual-alergic-wrap{
		width:120px;
		margin: 0 auto;
	}
}


.lh15{
	line-height: 1.5;
}

.section01{
	padding:80px 0 0;
}

@media screen and (max-width: 768px) {
	.section01{
		padding:35px 0 20px;
	}
}

.section01-items-wrap{
	display: flex;
	justify-content: center;
	/*justify-content: space-between;*/
}

.section01-item{
	width: 485px;
	height: auto;
	/*background-image: url(../img/texture-all.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;*/
	padding: 40px;
	text-align: center;
	position: relative;
}

.section01-item::before{
	content: "";
	display: inline-block;
	background-image: url(../img/texture-upper.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	width: 100%;
	height: 100px;
	position: absolute;
	top: -10px;
	left: 0;
}

.section01-item::after{
	content: "";
	display: inline-block;
	background-image: url(../img/texture-under.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	width: 100%;
	height: 100px;
	position: absolute;
	bottom: -10px;
	left: 0;
}

@media screen and (max-width: 768px) {
	.section01-items-wrap{
		flex-wrap: wrap;
	}
	.section01-item{
		width: 100%;
		height: auto;
		background-image: none;
		padding:30px 20px;
		position: relative;
	}

	.section01-item::before{
		content: "";
		display: inline-block;
		background-image: url(../img/texture-upper.png);
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
		width: 100%;
		height: 100px;
		position: absolute;
		top: -10px;
		left: 0;
	}

	.section01-item::after{
		content: "";
		display: inline-block;
		background-image: url(../img/texture-under.png);
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
		width: 100%;
		height: 100px;
		position: absolute;
		bottom: -10px;
		left: 0;
	}
}

.content_01__img{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin-bottom: 30px;
}

.content_01__img01{
    width: 300px;
}

.content_01__img02{
    width: 600px;
}

.txtBrown{
    color: #2e0409;
}

.txtPink{
    color: #e9596a;
}

.txtcenter{
    text-align: center;
}

.txtright{
    text-align: right;
}

.fz18{
    font-size: 1.8rem;
}

.fw800{
    font-weight: 800;
}

.content_01__img01{
    margin-right: 115px;
	margin-right: 100px;
}

.content_01__img01-img-wrap{
    position: relative;
    margin-top: 75px;
}

.content_01__img01-img-wrap::after{
    position: absolute;
    right: -80px;
    right: -25%;
    top: 40%;
    content: "";
    width: 32px;
    height: 37px;
    background-image: url(../img/icon__blue-arrow.png);
    background-size: contain;
    background-repeat: no-repeat;
}

@media screen and (max-width: 1200px) {
    .content_01__img01-img-wrap{
        margin-top:30px;
    }
    .content_01 .txtBrown.fz14.pl-ti02{
        text-align: center;
    }
}

@media screen and (max-width: 950px) {
    .content_01__title .fz30{
        font-size: 1.8rem;
    }
    .content_01__title .fz18{
        font-size: 1.6rem;
    }  
    
}
@media screen and (max-width: 768px) {
    .content_01 .txtBrown.fz14.pl-ti02{
        text-align: left;
    } 
}

@media screen and (max-width: 1200px) {
.content_01__img01{
    width: 70%;
    margin: 0 auto 40px;
}

.content_01__img01-img-wrap{
   text-align: center;
}

.content_01__img01-img-wrap::after {
    right: 50%;
    top: 110%;
    content: "";
    width: 15px;
    height: 18px;
    top: 100%;
right: 0;
left: 50%;
margin-top: 10px;
transform: rotateZ(90deg);
}

.content_01__img02{
    margin:0 auto;
}

.content_01__img02-img-wrap {
    text-align: center;
}

}



@media screen and (max-width: 600px) {
    .content_01__img02{
        width: 100%;
    }
    .content_01__img01-img-wrap{
        text-align: center;
        width: 100%;
        
    }
    .content_01__img02-img-wrap{
        margin-bottom: 30px;
    }
    
    .content_01__img02-img-wrap img{
        width: 100%;
        height: auto;
       
    }
}

.content_01-icon-plus {
    width: 30px;
    height: auto;
    vertical-align: middle;
    margin: 0 10px;
}

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


.ultrafine-mist-mb{
	margin-bottom: 63px;
}

@media screen and (max-width: 1200px) {
	.ultrafine-mist-mb{
		margin-bottom: 20px;
	}
}


.section-img{
	max-width:900px;
	width:90%;
	margin:80px auto;
}

.section-img img{
	width: 100%;
	height: auto;
	vertical-align: bottom;
}

@media screen and (max-width: 768px) {

	.section-img{
		margin:40px auto;
	}
}

.button__right-arrow{
	display: inline-block;
	padding: 0.4em 2.5em 0.4em 2em;
	margin: 1em 0;
	
	border-radius: 32px;
	color: #fff;
    font-size: 2.4rem;
	cursor: pointer;
	position: relative;
	max-width: 600px;
	width: 90%;
	text-align: center; 
	transition : 1s;
}

.button__right-arrow::after {
	position: absolute;
	content: '\f105';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	top: 50%;
	right: .4em;
	left: auto;
	bottom: auto;
	transform: translateY(-50%);
	transition : 1s;
}

.button__right-arrow.waterblue{
	background: #0babdf;
	border: .1875em solid #0babdf;
}

.button__right-arrow.wateryellow{
	background: #feb101;
	border: .1875em solid #feb101;
}

.button__right-arrow.waterblue:hover {
	background: #fff;
	color: #0babdf;

}

.button__right-arrow.wateryellow:hover {
	background: #fff;
	color: #feb101;

}

.button__right-arrow.blue{
	background: #004aa0;
	border: .1875em solid #004aa0;
}

.button__right-arrow.blue:hover {
	background: #fff;
	color: #004aa0;

}

@media screen and (max-width: 500px) {
	.button__right-arrow{
		font-size: 1.4rem;
		padding: 0.6em 2em 0.6em 1em;
	}
}

.shopping_cont{
    background:#fff;
    padding: 2%;
    border-radius: 5px;
	width: calc(50% - 80px/2);
    margin-right: 80px;
    margin-bottom: 50px;
}

.shopping_cont:nth-child(2n){
	margin-right: 0;
}

@media screen and (max-width: 900px) {
    .shopping_cont{
        width:100%;
		margin-right: 0;
        margin-bottom: 20px;
    }
}

.inner_wrapper {
    width: 98%;
    max-width: 1000px;
    margin: 0 auto;
}


.shopping_cont .photo_col{
    max-width:232px;
    width:50%;
}
.shopping_cont .txt_col{
    width:45%;
}

@media screen and (max-width: 768px) {
    .shopping_cont .txt_col{
        width:49%;
    }
}
.shopping_cont .yellow_btn{
    width:80%;
    display: flex;
    justify-content: center;
    margin:20px auto 0;
    line-height:60px;

}
/*.shopping_cont .yellow_btn:after{
    top:20px;
    top: 15px;
}*/
.shopping_cont .txt_col .blue_box{
    width:100%;
    border-radius: 5px;
    text-align:center;
    color:#fff;
    background:#114a9a;
    padding:7px 0;
}
.shopping_cont .txt_common{
    font-size:1.4rem;
    font-weight:800;
    color:#2e0409;
}

@media screen and (max-width: 768px) {
    .shopping_cont .txt_common{
        font-size:1.2rem;
        letter-spacing: -1px;
    }
}

.shopping_cont .txt_col .price_common p,
.shopping_cont .txt_col .price_common span{
    color:#e9596a;
    font-weight:800;
}

.shopping_cont .txt_col .price_common p.font_12{
    line-height:1.2rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-right:10px;
	font-size: 1.2rem;
}
.shopping_cont .txt_col .price_common .font_40{
    font-size:3.6rem;
}

@media screen and (max-width: 768px) {
    .shopping_cont .txt_col .price_common p.font_12{
        margin-right: 2px;
    }
}

.yellow_btn{
    line-height:80px;
    display: flex;
    width:47%;
    color:#fff;
    font-weight:bold;
    background:#ffa200;
    border-radius: 10px;
    font-size:2.4rem;
    justify-content: center;
    position: relative;
}
.yellow_btn:hover{
    background:#ffba42;
}
.yellow_btn:after{
    position:absolute;
    content:"";
    background:url(../img/arrow_white.png) no-repeat top center;
    width:11px;
    height:17px;
    right:10px;
    top: 50%;
	transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
.img_center{
    margin:0 auto;
}

.font_12{
	font-size: 1.2rem;
}


@media screen and (max-width: 500px) {

	.shopping_cont {
        padding: 13px;
        width: 100%;
        margin-bottom:20px;
    }
    .shopping_box .inner_wrapper {
        width: 95%;
        max-width: 1028px;
        margin: 0 auto;
    }
    .shopping_box .ttl_box_bluebig .main_ttl{
        font-size:3.0rem;
        line-height:3.0rem;
    }
	.shopping_cont .txt_col .blue_box{
        font-size: 1.4rem;
        font-weight: 800;
    }
    .shopping_cont .txt_col .price_common .font_40{
        font-size: 2.0rem;
    }
    .shopping_cont .yellow_btn {
        width: 100%;
        display: flex;
        justify-content: center;
        margin: 10px auto 0;
        line-height: 30px;
        padding:10px 0;
		font-size: 1.4rem;
    }
    .shopping_cont .sponly.blue_box{
        width:100%;
        border-radius: 5px;
        font-weight:800;
        text-align:center;
        color:#fff;
        background:#114a9a;
        padding:7px 0;
        margin-bottom:20px;
        font-size:1.8rem;
    }
    .shopping_box .ttl_box_bluebig .main_ttl span.blue {
        font-size:2.2rem;
        letter-spacing: -1px;
    }
    .shopping_box .ttl_box_bluebig .main_ttl span.brown.sml {
        font-size: 2rem;
    }
    .shopping_box .ttl_box_bluebig .main_ttl span.brown {
        font-size: 2.2rem;
        letter-spacing: -1px;
    }
	.shopping_cont .txt_col .price_common .font_40 {
		font-size: 2.0rem;
	}
	
}


.section__waterblue-line{
	padding:10px 0;
	background: #0088fe;
}

.section-form{
	padding: 40px 50px 60px;
}

@media screen and (max-width: 768px) {
	.section-form{
		padding: 20px 20px 30px;
	}

}

.bk-blue{
	background: #f2f8fe;
}

.section02{
	padding: 60px 0 95px;
	background-image: url(../img/bkvisual.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

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

.section02-item{
	width: 470px;
}

.section02-item__img-nature-muffin{
	width:200px;
	margin: 0 auto;
}

.section02-item__img-nature-muffin img{
	width: 100%;
}

.section02-item__img-mogmog-muffin{
	width: 130px;
	margin: 0 auto;
}

.section02-item__img-mogmog-muffin img{
	width: 100%;
}

@media screen and (max-width: 768px) {
	.section02{
		padding: 30px 0;
	}

	.section02-items-wrap{
		align-items: stretch;
	}

	.section02-item{
		width: calc(50% - 5px);
		background-image: url(../img/bk-white.png);
    	background-position: center;
	}
	.section02-item__img-nature-muffin{
		width:70%;
		margin:0 auto;
	}
	.section02-item__img-mogmog-muffin{
		width: 45%;
		margin: 0 auto;
	}
}



.section02-item__image img{
	vertical-align: bottom;
}

.section02-item__bk-white-70per{
	background-image:url(../img/bk-white.png);
	background-position: center;
	padding-bottom: 35px;
	height: 380px;
}



@media screen and (max-width: 768px) {
	.section02-item__bk-white-70per{
		padding: 0 5px 20px;
		height: auto;
		background: none;
	}

	/*.section02-item__img-logo-nature{
		height: 110px;
	}

	.section02-item__img-logo-mogmog{
		height: 100px;
	}
	.h45sp{
		height: 45px;
	}*/
}

.input {
    border: 1px solid #d4d4d4;
    font-weight: 500;
    padding: 0.5em 0.5em 0.5em 0.7em;
}

.input_text01{
    width: 300px;
    max-width: 300px;
}

.input_text02 {
    width: 180px;
}

.input_text03 {
    width: 300px;
    max-width: 300px;
}

.required {
    color: #ff0c00;
    font-size: 1.6rem;
    font-weight: 800;
    margin-left: 20px;
}

.contact-address-list {
    display: flex;
    align-items: center;
}

.contact-address-list_column1 {
    font-size: 1.6rem;
    font-weight: 500;
    width: 120px;
}

.section03{
	padding: 20px 0 60px;
}

@media screen and (max-width: 768px) {
	.section03{
		padding: 25px 0 50px;
	}
}

.contact-list01 {
    border-bottom: 1px solid #e0e0e0;
    display: flex;
    flex-wrap: wrap;
    padding: 30px 0 40px;
}

.contact-list01 dt {
    font-size: 1.6rem;
    font-weight: bold;
    width: 190px;
    margin-top: 7px;
	font-family: 'Noto Serif JP', serif;
	font-weight: 300;
}

.contact-list01 dd {
    width: calc(100% - 190px);
	font-family: 'Noto Serif JP', serif;
	font-weight: 300;
}

@media screen and (max-width: 768px) {
	.contact-list01 {
		padding: 15px 0 25px;
	}
	.contact-list01 dt {
		font-size: 1.4rem;
		margin-bottom: 5px;
		width: 100%;
	}
	.contact-list01 dd {
		width: 100%;
	}
	.input, .select, .textarea {
		font-size: 1.6rem;
	}
}	

.contact-detail-wrap{
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	padding: 30px 0 40px;
}

.contact-detail-wrap p{
	font-size: 1.6rem;
	font-family: 'Noto Serif JP', serif;
	font-weight: 300;
}

.contact-detail-wrap .dotted-list li,
.contact-detail-wrap .number-list li{
	font-family: 'Noto Serif JP', serif;
	font-weight: 300;
}

@media screen and (max-width: 768px) {
	.contact-detail-wrap p,
	.contact-detail-wrap a{
		font-size: 1.2rem;
	}
}

.input {
    border: 1px solid #d4d4d4;
    font-weight: 500;
    padding: 0.5em 0.5em 0.5em 0.7em;
}

.input_text01{
    width: 300px;
    max-width: 300px;
}

.input_text02 {
    width: 180px;
}

.input_text03 {
    width: 300px;
    max-width: 300px;
}

.required {
    color: #ff0c00;
    font-size: 1.6rem;
    font-weight: 800;
    margin-left: 20px;
	font-family: 'Noto Serif JP', serif;
}

.contact-address-list {
    display: flex;
    align-items: center;
}

.contact-address-list_column1 {
    font-size: 1.6rem;
    font-weight: 500;
    width: 120px;
	font-family: 'Noto Serif JP', serif;
}

@media screen and (max-width: 768px) {
	.input_text01 {
		width: calc(100% - 50px);
	}
	.required {
		font-size: 1.2rem;
		margin-left: 5px;
		width: 40px;
	}
	.contact-address-list_column1 {
		font-size: 1.2rem;
		width: 87px;
	}
	
}

.select, .textarea, .textarea-small {
    border: 1px solid #d4d4d4;
    font-weight: 500;
    padding: 0.5em 0.5em 0.5em 0.7em;
}

.select01 {
    width: 180px;
}

.textarea {
    width: 700px;
    height: 250px;
	height: 150px;
}

.textarea-small {
    width: 700px;
    height: 150px;
}

@media screen and (max-width: 768px) {
	.textarea {
		width: 100%;
		height: 180px;
	}
	.textarea-small {
		width: 100%;
		height: 100px;
	}
	.contact-address-list_column2 {
		width: calc(100% - 137px);
	}
}

.radio-position {
    position: relative;
    top: 1px;
}

.dotted-list li{
	list-style-type: none;
	font-size: 1.6rem;
	margin-left:15px;

}

.dotted-list02 li{
	list-style-type: disc;
	font-size: 1.6rem;
	margin-left:15px;

}

.section01 .dotted-list li{
	color: #0c1881;
	font-weight: 800;
	font-size: 2.0rem;
	line-height: 2.4;
}

.section01 .dotted-list02 li{
	font-size: 1.6rem;
	font-family: 'Noto Serif JP', serif;
	font-weight: 300;
}

@media screen and (max-width: 768px) {

	.dotted-list li{
		font-size: 1.2rem;
	}
	.dotted-list02 li{
		font-size: 1.2rem;
	}
	.section01 .dotted-list li{
		font-size: 1.6rem;
	}
	.section01 .dotted-list02 li{
		font-size: 1.2rem;
	}
}

.dotted-list li:before{
	content: '';
	width: 3px;
	height: 3px;
	display: inline-block;
	border-radius: 100%;
	background: #000;
	position: relative;
	left: -5px;
	top: -3px;
}

.section01 .dotted-list li:before{
	background: #0c1881;
}

.number-list li{
	list-style-type: none;
	counter-increment: cnt;
	font-size: 1.6rem;
	margin-left: 20px;
	text-indent: -10px;
}

@media screen and (max-width: 768px) {
	.number-list li{
		font-size: 1.2rem;
	}
}

.number-list li::before{
	content: "(" counter(cnt) ") ";
	display: inline-block;
	position: relative;
	left: -0px;
	top: 0px;
}

.form-submit-wrap{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	margin-top:40px;
}

.form-submit-wrap input{
	background:#fff;
	border-radius: 5px;
	border: 1px solid #aba9a9;
	width: 250px;
	padding: 15px 0;
	font-size: 2.0rem;
	font-weight: bold;
	letter-spacing: -1px;
	color: #000;
	
}

.form-submit-wrap input.form-submit__submit:hover{
	background-color: #eb6100;
	color: #fff;
	transition: all 0.5s ease-out;
	border: 1px solid #eb6100;
}

.form-submit-wrap input.form-submit__clear:hover{
	background-color: #aba9a9;
	color: #fff;
	transition: all 0.5s ease-out;
	border: 1px solid #aba9a9;
}


@media screen and (max-width: 768px) {
	.form-submit-wrap input{
		width: calc(50% - 15px);
		padding: 5px 0;
		font-size: 1.6rem;
	}
}

.form-submit-wrap input:first-child{
	margin-right:30px;
}

.footer{
	background-color: #797979;
	padding: 25px 0;
}

.footer-wrapper{
	max-width: 1200px;
	padding:0 10px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.footer-wrapper p,
.footer-link a{
	font-size: 1.2rem;
	font-weight: bold;
	color: #fff;
	font-family: 'Noto Sans JP', sans-serif;
	letter-spacing: 1.3px;
}

.footer-link{
	display: flex;
	flex-wrap:wrap;
	justify-content: space-between;
	width: 500px;
}

@media screen and (max-width: 768px) {
	.footer-wrapper{
		flex-direction :column-reverse;
	}
	.footer-link{
		width: 100%;
	}
	.footer-wrapper p,
	.footer-link a{
		display: block;
		width: 100%;
		text-align: center;
	}
	.footer-link a{
		margin-bottom: 2px;
	}
	.footer-wrapper p{
		margin-top: 10px;
	}
}



@media screen and (max-width: 768px) {}


/*20221115入力*/

.link-banner-items {
    display: flex;
    flex-wrap: wrap;
}

.link-banner-items > div {
    width: calc(50% - 60px/2);
    margin-right: 60px;
    margin-bottom: 60px;
}

.link-banner-items > div:nth-child(2n) {
    margin-right: 0;
}

.button-circle{
	font-size: 1.8rem;
	font-weight: bold;
	display: block;
	height: 55px;
	width: 300px;
	border: 2px solid #2a1d03;
	border-radius: 50px;
	text-align: center;
	line-height:50px;
	background-color: #fff;
    letter-spacing: -1px;
}


.button-circle:hover{
	opacity: .6;
	transition: all 0.5s ease-out;
}

.link-banner-items .button-circle {
	margin: 20px auto;
}
	

@media screen and (max-width: 768px) {
.button-circle{
	font-size: 1.6rem;
	width: 100%;
	max-width: 300px;
	margin: 0 auto;
}

.link-banner-items > div {
    width: calc(50% - 5px/2);
    margin-right: 5px;
    margin-bottom: 15px;
}

.link-banner-items .button-circle {
    margin: 5px auto 10px;
    font-size: 1.2rem;
    width: 80%;
    height: 30px;
    line-height: 26px;
}

}

.muffin-link{
	line-height: 1.1;
	display: flex;
	justify-content: center;
	align-items: center;
}

@media screen and (max-width: 768px) {
	.link-banner-items .muffin-link{
		height: auto;
		padding: 10px 0;
		line-height: 1.1;
		width: 100%;
	}
}

.square-green-txt{
	display: inline-block;
	border-radius: 5px;
	color: #fff;
	padding:.2em 1em;
	background-color: #025a08;
	font-size: 2.0rem;
}

@media screen and (max-width: 768px) {
	.square-green-txt{
		font-size: 1.6rem;
	}
}

.prize-list{
	width:360px;
	display: flex;
	flex-wrap: wrap;
	margin: 0 auto;
}

.prize-list dt{
	font-size: 2.4rem;
	width: calc(100% - 65px);
	text-align: left;
}

.prize-list dd{
	font-size: 2.4rem;
	color:#cd0000;
	width: 65px;
}

.section-cake-link{
	padding: 100px 0;
}

.bk-gray-wallpaper{
	background: url(../img/bk-gray-wallpaper.jpg);
}

@media screen and (max-width: 768px) {

	.prize-list{
		width:100%;
	}

	.prize-list dt,
	.prize-list dd{
		font-size: 1.8rem;
	}

	.section-cake-link{
		padding: 50px 0;
	}

}

.indent10{
	padding-left:10em;
	text-indent:-10em;
}

@media screen and (max-width: 768px) {

	.indent10{
		padding-left:1em;
		text-indent:-1em;
	}
}

.block-list{
	display: block;
}

.block-list dt{
	width: auto;
	margin-bottom: 20px;
}

.block-list dd{
	width: auto;
	margin-left: 100px;
	
}

@media screen and (max-width: 768px) {
	.block-list dd{
		margin-left: 0;
	}
}

a.sweetsking-link:hover{
	opacity: .8;
	transition: all 0.5s;
}

@media screen and (max-width: 768px) {
	a.sweetsking-link:hover{
		opacity: 1;
	}
}


/*20221214追加*/

.section-cart-link{
	padding: 40px 0 80px;
	background-image: url(../img/bk-green.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.section-purchase-item_img {
	margin-right: 40px;
}

.wrapper850{
	width: 850px;
	margin: 0 auto;
}

.wrapper740{
	width: 740px;
	margin: 0 auto;
}

.button-wholecake{
	background: #9E120F;
	border: none;
	width: auto;
	padding: 0 50px;
	height: 70px;
	
}

.button-wholecake a{
	color: #fff;
	font-size: 2.4rem;
	line-height: 55px;
}

.txtRed2{
	color: #B70808;
}

.indent{
	padding-left: 1em; 
	text-indent :-1em;
}

.sample-img__wrapper{
	width: 750px;
	margin: 0 auto;
}

.sample-img__item > p{
	text-align: right;
}

.boad-wrapper{
	background: url(../img/board.png);
	background-repeat: no-repeat;
	background-size: cover;
	padding: 100px 70px 100px 80px;
	width: 800px;
	height: 550px;
	margin: 0 auto;
}

.boad-list-item{
	margin-left: 60px;
}

.dotted-list li{
	list-style-type: none;
}

.dotted-list li:before{
	content: '';
	width: 3px;
	height: 3px;
	display: inline-block;
	border-radius: 100%;
	background: #000;
	position: relative;
	left: -5px;
	top: -3px;
}

.section-purchase-item_txt{
	padding: 70px 0 0 0;
}


@media screen and (max-width: 768px) {
	.section-cart-link{
		padding: 40px 0;
	}

	.section-cart-link .flexb{
		width: 100%;
		max-width: 350px;
		margin: 0 auto;
	}

	.section-purchase-item_img {
		margin-right: 10px;
		width: 100px;
		margin: 0 auto 10px;
	}

	.section-purchase-item_txt {
		width: calc(100% - 110px);
		width: 0;
		display: none;
	}

	.wrapper850,
	.wrapper740{
		width: 90%;
	}

	.button-wholecake{
		padding: 0 20px;
		height: 55px;
	}

	.button-wholecake a{
		color: #fff;
		font-size: 1.8rem;
	}

	.sample-img__wrapper{
		width: 100%;
		max-width: 350px;
	}

	.sample-img__item > p{
		text-align: center;
	}

	.boad-wrapper{
		width: 375px;
		height: 500px;
		max-width: 100%;
		min-width: 300px;
		padding: 50px 0;
		background: url(../img/board_sp.png);
		background-repeat: no-repeat;
		background-size: contain;
		/*width: 100%;
		height: auto;*/
	}

	.boad-list-item{
		margin-left: 30px;
		margin-right: 30px;
	}

	
}

@media screen and (max-width: 400px) {
	.boad-wrapper{
		padding: 30px 0;
	}

.dotted-list li{
	line-height:1.6;
}
}

/*ゆっくりslider*/

.slider img {
    width:100%;/*スライダー内の画像を横幅100%に*/
    height:auto;
}

/*slickのJSで書かれるタグ内、スライド左右の余白調整*/

.slider .slick-slide {
    margin:0 10px;/*スライド左右の余白調整*/
}

.block-list{
	display: block;
}

.block-list dt{
	width: auto;
	margin-bottom: 20px;
}

.block-list dd{
	width: auto;
	margin-left: 100px;
	margin-left: 190px;
}

.block-list dd.ml190{
	margin-left: 190px;
}

@media screen and (max-width: 768px) {
	.block-list dd,
	.block-list dd.ml190{
		margin-left: 0;
	}
}

/*section-stripe*/

.section-stripe{
	padding: 80px 0 50px;
	background: url(../img/bk-stripe.png);
	background-position: center;
	background-size: cover;
}

@media screen and (max-width: 768px) {
	.section-stripe{
	padding: 40px 0;
	}
}


/*スマホメニュー
-----------------------------------------------------------------*/

@media screen and (max-width: 768px) {
	#spnavi{
		display: none;
		position: absolute;
		top:60px;
		width: 100%;
		background: #fff;
		left: 0;
		z-index:90;
	}
	#spnavi ul{
		display: block;
		margin: 0 auto;
		width: 100%;
	}
	#spnavi ul li{
		margin: 0 auto;
		text-indent:10px;
		border-bottom: 1px dotted #555555;
	}
	
	#spnavi ul li:first-child{
		border-top: 1px dotted #555555;
	}
	
	#spnavi ul li a{
		display: block; 
		color:#555555 !important;
		padding:10px 0;
		font-size:14px;
		text-decoration: none;
	}
	#spnavi ul li a:hover{
		text-decoration:none;
		opacity:.7;
	}
	
	/*開閉ボタン*/
	#nav_toggle{
		display: block;
		width:17px;
		height:16px;
		position:absolute;
		top:22px;
		/*top:35px;*/
		right:20px;
		z-index: 100;
		text-align: center;
		
	}
	#nav_toggle div {
		position: relative;
	}
	#nav_toggle span{
		display: block;
		height: 2px;
		background: #555555;
		position:absolute;
		width: 100%;
		left: 0;
		-webkit-transition: 0.5s ease-in-out;
		-moz-transition: 0.5s ease-in-out;
		transition: 0.5s ease-in-out;	
	}
	#nav_toggle span:nth-child(1){
		top:0px;
	}
	#nav_toggle span:nth-child(2){
		top:6px;
	}
	#nav_toggle span:nth-child(3){
		top:12px;
	}
	
	#nav_toggle p.togglemenu{
		background:none;
		color:#ed6103;
		font-size:8px;
		padding-top:19px;
	}
	
	/*開閉ボタンopen時*/
	.open #nav_toggle span:nth-child(1) {
			top: 8px;
		   -webkit-transform: rotate(135deg);
			-moz-transform: rotate(135deg);
			transform: rotate(135deg);
		}
		.open #nav_toggle span:nth-child(2) {
			width: 0;
			left: 50%;
		}
		.open #nav_toggle span:nth-child(3) {
			top: 8px;
			-webkit-transform: rotate(-135deg);
			-moz-transform: rotate(-135deg);
			transform: rotate(-135deg);
		}
	
	.header-companylogo_sp{
		position:absolute; 
		top:20px;
		left:10px;
		z-index:99;
		/*top:-27px; 
		right:-10px;*/
	}
}	


/*スマホメニュー終わり
-----------------------------------------------------------------*/	




/*共通要素*/
.mt5{
    margin-top:5px;
}
.mt15{
    margin-top:15px;
}
.mt50{
    margin-top:50px;
}
.mt100{
    margin-top:100px;
}
.mb5{
    margin-bottom:5px;
}
.mb10{
    margin-bottom:10px;
}
.mb15{
    margin-bottom:15px;
}
.mb20{
    margin-bottom:20px;
}
.mb40{
	margin-bottom: 40px;
}
.mb50{
    margin-bottom:50px;
}
.mb100{
    margin-bottom:100px;
}
.mr10{
	margin-right: 10px;
}
.ml10{
	margin-left: 10px;
}
.ml20{
	margin-left: 20px;
}
.ml30{
	margin-left: 30px;
}
.ml1em{
	margin-left: 1em;
}

.pt20{
	padding-top: 20px;
}
.pt30{
	padding-top: 30px;
}
.pt40{
	padding-top: 40px;
}

.mt-minus20{
	margin-top:-20px;
}

.mt-minus30{
	margin-top:-30px;
}

.mt-minus40{
	margin-top:-40px;
}

.flex{
    display: flex;
    flex-wrap: wrap;
}
.flexb{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.flexc{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

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

.txtcenter{
	text-align: center;
}

.txtjustify{
	text-align: justify;
}

.txtshadow{
	text-shadow: 2px 1px 0 #FFF, -2px -1px 0 #FFF, -1px 1px 0 #FFF, 2px -1px 0 #FFF, 0px 2px 0 #FFF, 0-2px 0 #FFF, -2px 0 0 #FFF, 2px 0 0 #FFF;
}

.txtCrimson{
	font-family: 'Crimson Text', serif;
}
.txtRed{
	color: #e9596a;
}

.txtRed-cd{
	color: #cd0000;
}

.txtBlue{
	color: #0c1881;
}

.txtWhite{
	color: #fff;
}

.bold{
	font-weight: bold;
}

.fw500{
	font-weight: 500;
}

.fw800{
	font-weight: 800;
}

.fz14{
	font-size: 1.4rem;
}

.fz16{
	font-size: 1.6rem;
}

.fz18{
	font-size: 1.8rem;
}

.fz20{
	font-size: 2.0rem;
}

.fz22{
	font-size: 2.2rem;
}

.fz26{
	font-size: 2.6rem;
}

.fz24{
	font-size: 2.4rem;
}

.fz30{
	font-size: 3.0rem;
}

.fz35{
	font-size: 3.5rem;
}

.fz40{
	font-size: 4.0rem;
}

.fz50{
	font-size: 5.0rem;
}

.lsminus10{
	letter-spacing: -1px;
}

.lsminus15{
	letter-spacing: -1.5px;
}

.lsminus20{
	letter-spacing: -2px;
}

.lsplus15{
	letter-spacing: 1.5px;
}

.lh14{
	line-height: 1.4;
}

.lh18{
	line-height: 1.8;
}

.lh20{
	line-height: 2.0;
}

.lh24{
	line-height: 2.4;
}
.lh25{
	line-height: 2.5;
}


@media screen and (max-width: 768px) {
    
  
    #header .text{
        padding-top:5px;
        padding-bottom:5px;
        text-align:center;
    }
    #header {
        padding-bottom: 10px;
    }
	.blocksp{
		display: block;
	}
    .mt15{
        margin-top:10px;
    }
    .mt50{
        margin-top:25px;
    }
    .mt100{
        margin-top:50px;
    }
    .mb15{
        margin-bottom:10px;
    }
	.mb20{
		margin-bottom:10px;
	}
	.mb40{
        margin-bottom:20px;
    }
    .mb50{
        margin-bottom:25px;
    }
	.mb100{
		margin-bottom:50px;
	}
	.ml0sp{
		margin-left: 0;
	}
	.mr0sp{
		margin-right: 0;
	}

	.mb20sp{
		margin-bottom: 20px;
	}

	.mb30sp{
		margin-bottom: 30px;
	}

	.pt30{
		padding-top: 15px;
	}
	.pt40{
		padding-top: 20px;
	}
	.p5sp {
		padding: 5px;
	}

	.fz12sp{
		font-size: 1.2rem;
	}
	.fz14sp{
		font-size: 1.4rem;
	}
	.fz15sp{
		font-size: 1.5rem;
	}
	.fz16sp{
		font-size: 1.6rem;
	}
	.fz18sp{
		font-size: 1.8rem;
	}
	.fz22sp{
		font-size: 2.2rem;
	}
	.fz28sp{
		font-size: 2.8rem;
	}
	.fz30sp{
		font-size: 3.0rem;
	}
	.lh14sp{
		line-height: 1.4;
	}
	.lh16sp{
		line-height: 1.6;
	}
	.lsminus15sp{
		letter-spacing: -1.5px;
	}
	.lsminus10sp{
		letter-spacing: -1px;
	}
	.h70sp{
		height: 70px;
	}
}




/*pconly sponly切り替え　スマホtel処理
-----------------------------------------------------------*/

@media screen and (min-width: 769px) {
	.sponly{
		display: none;
	}
}


@media screen and (max-width: 768px) {
    .pconly{
        display: none;
    }
    .sponly{
        display: block;
        position:relative;
        z-index: 2;
    }
    /*a[href*="tel:"] {
        pointer-events: none;
        cursor: default;
        text-decoration: none;
    }*/
}

/*slider*/
/*.slider-container{
	width:100%;
	margin:0 auto;
}
.slick-slide{
	padding:2px;
}
#thumbs .slick-current img{
	border:2px solid #000;
}

#thumbs {
	top: -250px;
	width:80%;
	max-width:500px;
	margin:0 auto;
}
.slick-prev,.slick-next{z-index:2;}
.slick-prev{left:0!important;}
.slick-next{right:0!important;}

#slider .slick-slide img{
	display: block;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
    object-fit: cover;
    width: 100%;
}

@media screen and (max-width: 768px) {
	#thumbs {
		top: -110px;
	}

}*/