@media screen and (min-width: 751px) {
	.pc_none{
		display: none;
	}
}
@media screen and (max-width: 750px) {
	.pc_none{
		display: block;
	}
	body{
		width: 100%;
		overflow-x: hidden;
	}
	img{
		max-width: 100%;
		height: auto;
		vertical-align: middle;
	}
	.faq_main{
		padding-top: 47px;
	}
	#main {
		padding-top: 15%;
	}

	.sec_faq {
		padding: 25px 0 40px;
	}
	.inner{
		width: 100%;
	}
	.header{
		padding: 0;
		height: auto;
	}
	.header .inner{
		display: table;
		width: 100%;
	}
	#top{
		margin: 0;
		margin-top: 4vw;
	}
	.text_h1{
		/* display: none; */
	}
	.header_left{
		width: 60%;
		padding-left: 2%;
		display: table-cell;
		vertical-align: middle;
	}
	.header_right{
		width: 36%;
		padding-left: 2%;
		margin: 0;
		display: flex;
		align-items: center;
		justify-content: flex-end;
	}
	.header_right div{
		width: 43%;
		margin: 0;
	}
	.header_right div.h_question{
		border: none;
		background: #ee7a92;
		margin-left: 1%;
	}
	.header_right div.h_btn {
		width: 50%;
		height: 57px;
	}
	.header_right img,
	.h_btn {
		max-height: 80px;
	}
	.btn_yellow{
		width: 100%;
		padding: 0;
		line-height: normal;
		border: none;
		box-shadow: none;
		display: flex;
		justify-content: center;
		align-items: center;
		height: 100%;
		border-radius: 0;
		background: #e6a437;
		color: #fff;
	}
	.h_menu{
		background: #918172;
	}
	.h_menu .icon_close, .h_menu.active .icon_menu{
		display: none;
	}
	.h_menu.active .icon_close{
		display: inline-block;
	}
    .gnavi ul{
    background: #fff;
    }
	.gnavi{
		position: fixed;
		width: 280px;
		height: 100vh;
		top: 0;
		right: -300px;
		-webkit-transition: all 0.4s;
		-moz-transition: all 0.4s;
		-ms-transition: all 0.4s;
		-o-transition: all 0.4s;
		transition: all 0.4s;
        z-index: 9999;
        overflow: auto;
	}
    .gnavi:before{
        content: "";
        position: fixed;
        width: 100vw;
        height: 100%;
        top: 0;
        left: 100%;
        z-index: -1;
        background: rgba(0,0,0,0.5);
    }
    .gnavi.is-active:before{
        left: 0;
    }
    .gnavi ul{
        min-height: 100vh;
    }
	.header .inner{
		display: block;
	}
	.gnavi ul li, .gnavi ul li:first-child, .gnavi ul li:last-child{
		display: block;
		width: 100%;
		border-bottom: 1px solid #ddd;
		height: auto;
		float: none;
	}
	.gnavi ul li a{
		display: block;
		text-align: left;
		padding: 20px 10px;
	}
	.gnavi ul li a .gnavi_baloon{
		top: -3px;
		float: right;
	}
	.gnavi ul li a .gnavi_baloon::after {
		border-top: 10px solid transparent;
		border-bottom: 0 solid transparent;
		border-right: 15px solid #e72b5c;
		bottom: 8px;
    right: 88px;
	}
	.main_visual {
		height: auto;
	}
	.main_visual + p{
		padding: 3vw;
		width: calc(100% - 6vw);
		font-size: 3vw;
		z-index: 2;
		position: relative;
	}
	.ttl_frame{
		padding: 4vw 3vw 2vw;
	}
	.ttl_frame2 {
		padding: 4vw 3vw 2vw;
    	margin: 0 0 50px;
	}
	.ttl_common_desc{
		font-size: 2.5vw;
	}
	.ttl_common{
		font-size: 6vw;
	}
	.ttl_frame2 > .ttl_common {
		width: 100%;
	}
	.ttl_frame2 > .ttl_common + .ttl_common-sub {
		padding-top: 10px;
	}
	.ttl_common-desc {
		font-size: 14px;
		text-align: left;
	}
	.ttl_frame::before {
		border-left: 20vw solid transparent;
		border-right: 20vw solid transparent;
		border-top: 6vw solid #918172;
		bottom: -3.5vw;
		left: calc(50% - 20vw)
	}
	.ttl_frame::after {
		content: none;
	}
	.tab_on_top{
		width: 96%;
	}
	.tab_on_top .h_btn{
		float: none;
		margin-bottom: 6vw;
	}
	.tab_on_top .h_btn a{
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		-ms-border-radius: 10px;
		-o-border-radius: 10px;
		border-radius: 10px;
		border-bottom: 2px solid #ab7a1e;
		padding: 4vw 0;
		font-weight: bold;
	}
	.tab_on_top ul{
		float: none;
	}
	.tab_on_top ul li{
		width: 33%;
		font-size: 3.5vw;
		height: auto;
		padding: 3vw;
	}
	.main_txt {
		width: inherit;
		padding: 20px 20px 40px;
		text-align: left;
	}
	.ttl_celebrations{
		width: calc(100% - 6vw);
		font-size: 18px;
		margin-top: 5vw;
		padding: 3vw;
	}
	.ttl_ballon{
		width: 130px;
		left: auto;
		position: relative;
		display: block;
		height: 25px;
		line-height: 25px;
		font-size: 11px;
		top: 0;
		margin-bottom: 10px;
		margin-left: 0;
	}
	.ttl_ballon::after {
		border-top: 10px solid #ee7a92;
		border-left: 10px solid transparent;
		left: 48%;
	}
	.text_celebrations{
		margin-top: 0;
		font-size: 14px;
		padding: 0 30px;
		text-align: left;
	}
	.commitment{
		-webkit-background-size: 25px;
		-moz-background-size: 25px;
		-ms-background-size: 25px;
		-o-background-size: 25px;
		background-size: 25px;
		width: calc(100% - 6vw);
		padding: 3vw;
		margin-top: 2vw;
	}
	.commitment p.ttl_commitment{
		font-size: 16px;
	}
	.slide_commitment{
		-webkit-background-size: 18px;
		-moz-background-size: 18px;
		-ms-background-size: 18px;
		-o-background-size: 18px;
		background-size: 18px;
		padding: 6vw 0;
	}
	.ttl_commitment {
		margin-top: 10px;
	}
	.slide_commitment img{
		margin: auto;
	}
	.slide_commitment .slide{
		width: calc(100% - 20px);
		height: auto;
		border: 5px solid #e3ddcf;
		padding: 5px;
	}
	.slide_commitment p, .slide_commitment p.ttl_slide{
	}
	.slide_commitment p.ttl_slide .ttl_slide_text{
		font-size: 16px;
	}
	.slide_commitment .slick-prev, .slide_commitment .slick-next{
		width: 5vw;
	}
	.slide_commitment .slick-dots{
		bottom: -7vw;
	}
	.inner_commitment {
		width: 100%;
		padding: 0px 20px;
		box-sizing: border-box;
	}
	.box_commitment {
		display: flex;
		flex-wrap: wrap;
	}
	.list_reminder{
		width: calc(100% - 6vw);
		padding: 3vw;
	}
	.list_reminder div{
		width: 100%;
		max-width: 420px;
		height: auto;
		margin-left: 0;
		margin-bottom: 3vw;
	}
	.list_reminder div p{
		padding: 2vw 10vw;
	}
	.list_reminder div p.ttl_reminder{
		padding: 2vw 10vw;
	}
	.eat_cake{
		width: calc(100% - 6vw);
		padding: 3vw;
	}
	.eat_cake p{
		font-size: 14px;
		margin-bottom: 20px;
	}
	.eat_cake p.text_right{
		text-align: center;
	}
	.tab_on_bottom{
		width: 96%;
	}
	.tab_on_bottom .h_btn{
		float: none;
		margin-bottom: 6vw;
	}
	.tab_on_bottom .h_btn a{
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		-ms-border-radius: 10px;
		-o-border-radius: 10px;
		border-radius: 10px;
		border-bottom: 2px solid #ab7a1e;
		padding: 4vw 0;
		font-weight: bold;
	}
	.tab_on_bottom ul{
		float: none;
	}
	.tab_on_bottom ul li{
		width: 33%;
		font-size: 3.5vw;
		height: auto;
		padding: 3vw;
	}
	.product_list{
		width: 100%;
		margin: 4vw auto 0;
	}
	.product_list > div{
		width: 28%;
		padding: 5px;
	}
	.product_list > div:nth-child(1){
		width: 16%;
	}
	.product_list > div p{
		font-size: 3vw;
		margin-top: 2vw;
	}
	.product_list > div p.text_bold{
		height: 10vw;
	}
	.product_list > div p.price{
		font-size: 2.5vw;
	}
	.product_list > div.product_list_3columns img{
		max-width: 25vw;
	}
	.product_list > div.product_list_3columns p.text_bold{
		height: auto;
	}
	.btn_product_list{
	    width: 80%;
		margin-bottom: 3vw;
		padding: 4% 0;
	}
	.btn_product_list p{
		font-size: 14px;
	}
	.option_list{
		display: block;
		width: calc(100% - 3vw);
		margin: 0 auto 50px;
	}
	.option_list > div, .option_list > div:nth-child(1), .option_list > div:nth-child(2){
		display: block;
		width: 80%;
		max-width: 365px;
		margin: 0 auto 3vw;
		padding: 0;
	}
	.option_list p{
		margin-top: 10px;
	}
	.tbl_option_list{
		margin: auto;
	}
	.tbl_option_list td{
		vertical-align: top;
	}
	.option_list p.ttl_option_list{
		font-size: 16px;
	}
	.tab_frame.tab_frame_has_arrow{
		padding-bottom: 5vw;
		border: none;
	}
	.tab_frame.tab_frame_has_arrow::before {
		border-left: 20vw solid transparent;
		border-right: 20vw solid transparent;
		border-top: 6vw solid #e8e0d9;
		bottom: -3.5vw;
		left: calc(50% - 20vw);
	}
	.tab_frame.tab_frame_has_arrow::after{
		content: none;
	}
	.clickhere{
		padding: 10vw 0;
	}
	.ttl_clickhere{
		font-size: 20px;
		padding: 0 3vw;
	}
	.btn_clickhere {
		margin-bottom: 10vw;
	}
.box_btn_clickhere {
	width: 100%;
	display: block;
	margin-bottom: 16px;
}
.btn_clickhere_01 {
	width: 90%;
}
.btn_clickhere_02 {
	margin-bottom: 24px;
}
.btn_clickhere_01::before{
	left: 40px;
}
.btn_clickhere_02, .btn_clickhere_03{
	width: 90%;
}
	.btn_clickhere img{
		width: 46%;
		margin: 0;
	}
	.text_clickhere{
		font-size: 12px;
		padding: 3vw 0;
	}
	.list_step{
		width: calc(96% - 8px);
		height: auto;
		margin: auto;
	}
	.list_step li, .list_step li:first-child{
		-webkit-background-size: auto 100%;
		-moz-background-size: auto 100%;
		-ms-background-size: auto 100%;
		-o-background-size: auto 100%;
		background-size: auto 100%;
		font-size: 2.5vw;
		padding-right: 3vw;
	}
	.text_step{
		font-size: 2vw;
	}
	.compare{
		font-size: 14px;
		margin-top: 5vw;
	}
	.cake_detail{
		padding: 2vw 3vw;
	}
	.cake_detail::before {
		border-left: 20vw solid transparent;
		border-right: 20vw solid transparent;
		border-top: 6vw solid #ddd;
		bottom: -6vw;
		left: calc(50% - 20vw);
	}
	.cake_detail::after{
		border-left: 20vw solid transparent;
		border-right: 20vw solid transparent;
		border-top: 6vw solid #fff;
		bottom: -5.5vw;
		left: calc(50% - 20vw);
	}
	.strawberry_left, .strawberry_right{
		width: 100%;
		float: none;
		max-width: 460px;
		margin: auto;
	}
	.reco_name {
		font-size: 4vw;
	}
	.cake_detail p{
		font-size: 4vw;
	}
	.choos_people{
		padding: 3vw;
		margin-top: 3vw;
	}
	.tbl_choos_people th, .tbl_choos_people td{
		font-size: 3.8vw;
		vertical-align: top;
	}
	.tbl_choos_people tr th:nth-child(1), .tbl_choos_people tr td:nth-child(1){
		width: 35%;
	}
	.tbl_choos_people tr th:nth-child(2), .tbl_choos_people tr td:nth-child(2){
		width: 27%;
	}
	.patissier{
		width: calc(100% - 6vw);
		padding: 0 3vw;
		margin-top: 3vw;
	}
	.patissier_left {
		margin: 0 auto;
		float: none;
	}
	.patissier_right{
		width: calc(100% - 6vw);
		padding: 0;
		float: none;
		margin: auto;
	}
	.patissier p{
		margin-top: 3vw;
		font-size: 12px;
	}
	.patissier p.cap_patissier{
		font-size: 12px;
	}
	.patissier p.ttl_patissier{
		font-size: 20px;
	}
	.acceptance{
		padding: 3vw;
		width: calc(100% - 12vw);
		display: block;
	}
	.acceptance div, .acceptance div.acceptance_left, .acceptance div.acceptance_right{
		display: block;
		width: calc(100% - 6vw);
		padding: 3vw;
		font-size: 14px;
	}
	.text_or{
		font-size: 20px;
	}
	#faq .tab_on_top ul li{
		width: 20%;
		font-size: 4vw;
	}
	.faq_content{
		width: 94%;
    	padding: 0 3vw;
	}
	.question_list dt{
		font-size: 4.5vw;
		border-bottom: 5px solid #f7ebc0;
	}
	.sec_option {
		font-size: 3.8vw;
	}
	.faq_search{
		display: block;
		width: calc(100% - 6vw);
	}
	.faq_search > div{
		display: block;
		width: 100%;
		float: left;
	}
	.faq_search > div:nth-child(1){
		float: none;
	}
	.faq_search > div:nth-child(2){
		width: 80%;
	}
	.faq_search > div:nth-child(3){
		width: 20%;
	}
	.faq_search_keyword{
		width: 95%;
		margin-right: 5%;
		height: 10vw;
		margin-top: 3vw;
	}
	.faq_search_submit{
		width: 100%;
		height: calc(10vw + 4px);
		margin-top: 3vw;
	}
	.faq_search p{
		text-align: center;
		font-size: 12px;
	}
	.faq_search p.ttl_faq_search{
		text-align: center;
		font-size: 18px;
	}
	.faq_search p.ttl_faq_search img{
		max-width: 8vw;
	}
	.sp_none{
		display: none;
	}
	.link_area .inner {
		display: flex;
		justify-content: center;
	}
	.link_area a {
		display: block;
		width: 100%;
		padding: 10px 5px 30px;
		font-size: 12px;
		line-height: 1.2em;
		text-align: center;
	}
	.link_area a:after {
		left: 46%;
		margin-top: 2px;
	}
	section#print {
		margin-bottom: 0;
	}
	#cake_list section {
		padding: 50px 0 60px;
	}
	.bx_cake {
		display: block;
		width: 90%;
		margin: 0 auto;
		text-align: -webkit-center;
	}
	.card_cake:not(:last-child) {
		margin-bottom: 40px;
	}
	.tbl_cake-price th,
	.tbl_cake-price td {
		padding: 20px 10px;
	}
	.btn_pink {
		width: auto;
		font-size: 14px;
	}
	.link_bnr_wide .link_btn{
		width: 336px;
	}
	.link_bnr_wide .link_btn .link_btn_img {
		position: absolute;
    top: 16px;
	}
	.link_ttl {
		width: 86%;
		text-align: center;
	}
	.receiving_method{
		padding: 0 3vw 10vw;
	}
	/* .receiving_method .inner > div{
		width: 100%;
		padding: 0 0 10vw;
		flex-direction: column;
	} */
	.receiving_method .box_flex {
		display: flex;
		flex-direction: column;
	}
	.tit_inr_con_outer {
		width: 100%;
	}
	.ttl_patissier_main{
		font-size: 6vw;
		padding-left: 10px;
		margin: 0 3vw 4vw;
	}
	.ttl_patissier_main img{
		width: 23vw;
		margin-left: 5vw;
	}
	.strawberry_right .strawberry_cmt{
		font-size: 2.5vw;
	}
	#square .strawberry_right .strawberry_cmt{
		width: 55vw;
		top: 23%;
		left: calc(50% - 29vw);
	}
	#white .strawberry_right .strawberry_cmt{
		top: 7%;
		left: calc(50% - 15vw);
		width: 25vw;
	}
	#white .strawberry_right .strawberry_cmt2{
		top: 62%;
	}
	#choco .strawberry_right .strawberry_cmt{
		width: 25vw;
		top: 68%;
		left: calc(50% - 14vw);
	}
	#choco .strawberry_right .strawberry_cmt2{
		top: 7%;
	}
	#rarecheese .strawberry_right .strawberry_cmt{
		width: 25vw;
		top: 14%;
		left: calc(50% - 21vw);
	}
	#rarecheese .strawberry_right .strawberry_cmt:nth-of-type(2){
		top: 60%;
	}
	#honeytoast .strawberry_right .strawberry_cmt{
		width: 130px;
		top: 150px;
		left: 96px;
	}
	#honeytoast .strawberry_right > .strawberry_cmt:nth-child(2){
		top: 384px;
	}
	#honeytoast .strawberry_right > .strawberry_cmt:nth-of-type(3){
		top: 652px;
		left: 96px;
	}
  .question-contac{
      display: block;
  }
  .question-contact li{
      display: block;
  }
  .question-contact li + li{
      padding-left: 0;
      margin-top: 10px;
  }
	#breadcrumbs {
		white-space: nowrap;
		list-style: none;
		overflow-x: scroll;
		overflow-y: hidden;
		background: rgb(232 224 217);
		padding-left: 10px;
	}
	#modal_reserve_cake {
		width: 90vw;
		box-sizing: border-box;
		padding: 15px 5px;
    margin-top:15px;
	}
	#modal_reserve_cake .text_clickhere,.text_clickhere  {
		text-indent: -1em;
		width: 80%;
		margin: 0 auto;
		}
	#modal_reserve_cake  .modal-close {
		color: #fff;
		font-size: 16px;
		display: block;
		width: 120px;
		margin: 5px auto;
		padding: 3px;
		text-decoration: none;
		border-radius: 5px;
		background: #949494;
		text-align: center;
	}
	#modal_reserve_cake	.btn_clickhere img {
    width: 90%;
	}
	.txt_btn_clickhere_02, .txt_btn_clickhere_03 {
		letter-spacing: -0.1em;
	}
	.txt_btn_clickhere_01 {
		font-size: 2.1rem;
		padding-left: 32px;
	}
	.telLink_area_modal a,
	.mailLink_area_modal a {
		font-size: 2rem;
	}
	.mailLink_area_modal a span {
		width: 60%;
	}
	.ttl_modal_01,
	.ttl_modal_02 {
		width: 88%;
    line-height: 2.5rem;
		padding-left: 48px;
    font-size: 2rem;
		position: relative;
    padding-bottom: 16px;
	}
	.ttl_modal_01 br,
	.ttl_modal_02 br,
	.list_area_modal_02 .sp  {
    display: block;
}

	.ttl_modal_01::before {
		left: -4px;
	}
	.ttl_modal_02::before {
		left: -4px;
	}
	.sub_list_area_modal {
		display: inline-block;
	}
	.list_area_modal,
	.telLink_area_modal,
	.mailLink_area_modal  {
		width: 100%;
    margin-bottom: 24px;
	}
	.mailLink_area_modal a br {
		display: none;
	}
	.telLink_area_modal::before,
	.mailLink_area_modal::before {
		width: 40px;
		height: 40px;
	}
	.telLink_area_modal::after,
	.mailLink_area_modal::after {
	top: 40px;
}
	#modal02 .list_area_modal {
		padding: 0;
		margin-bottom: 16px;
	}
	.box_list_area_modal {
		padding: 16px 0 8px;
	}
	.item_list_modal_02 {
		position: relative;
		display: inline-block;
		width: calc(100% / 2 - 4px);
	}
	.item_list_modal_02 a {
		position: absolute;
		width: 100%;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
		line-height: 1.6rem;
	}
	.list_area_modal_02_few > .item_list_modal_02 {
		margin-right: 0;
	}
	.box_list_area_modal:last-of-type{
    margin-bottom: 32px;
	}
	.ttl_toggle{
		position: relative;
		pointer-events: all;
	}
	.ttl_toggle::after {
		border-right: solid 2px #3C2D1E;
    border-top: solid 2px #3C2D1E;
    content: "";
    display: block;
    height: 12px;
    position: absolute;
    right: 25px;
    top: 12%;
    transform: rotate(135deg);
    transition: transform .3s ease-in-out, top .3s ease-in-out;
    width: 12px;
	}
	.ttl_toggle.open::after {
		top: 45%;
		transform: rotate(-45deg);
	}
	.toggle{
		display: none;
	}
	.box_season_bnr{
		padding: 0 3vw 8vw;
	}
}
@media screen and (max-width: 330px){
  #modal_reserve_cake {
    margin-top:20px;
	}
}
@media screen and (max-width: 580px){
	#white .strawberry_right .strawberry_cmt2{
		top: 67%;
	}
}
@media screen and (max-width: 480px){
	.btn_clickhere img{
		width: 80%;
		max-width: 450px;
		margin-bottom: 5vw;
	}
}