@charset "UTF-8";



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

	/* common /////////////////////////////////////////////////////////////////////////////////////////// */

	.spNone {
		display: none;
	}

	.pcNone {
		display: block;
	}

	.cmn_maxbox {
		padding-left: 3%;
		padding-right: 3%;
	}

	/* aタグ(電話番号) */
	a[href^="tel"] {
		pointer-events: all;
	}

	p,
	li,
	dt,
	dd,
	a {
		font-size: 1.4rem;
	}



	/* 共通dlリスト */
	.cmn_dl dt {
		/* padding: 11px 14px; */
		padding: 11px 4%;
	}

	.cmn_dl dd {
		/* padding: 18px 22px; */
		padding: 18px 5%;
	}








	/* header */
	.sub_header_gnav {
		display: none;
	}


	/* スマホメニュー */
	#header_spmenu {
		width: 60px;
		height: 60px;
	}


	/* footer */

	.footer_gotop {
		right: 20px;
		bottom: 0px;
	}

	.footer_gotop a {
		width: 50px;
		padding: 15px 0;
	}




	/* home /////////////////////////////////////////////////////////////////////////////////////////// */

	.home_logo img {
		width: 80px;
		padding-top: 30px;
	}

	.sub_header_logo {
		width: auto;
		max-width: 180px;
	}


	.home_mainimg [class^="slide"] {
		height: 80vh;
		min-height: 500px;
	}

	.home_mainimg .slide01 {
		background-position: center bottom;
		background-size: cover;
	}
	.home_mainimg .slide02 {
		background-position: right -100px bottom;
		background-size: auto 80%;
	}
	.home_mainimg .slide03 {
		background-position: right -200px bottom;
		background-size: auto 80%;
	}


	.home_main_copy {
		width: 90%;
		max-width: auto;
		margin: auto;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	.home_main_copy_gift {
		font-size: 5vw;
	}

	.home_main_copy_sentence {
		font-size: 3vw;
		padding: 0 0 0 20px;
	}






	.home_item_container section h2 img {
		width: 80%;
	}

	.home_item_container figcaption p strong {
		font-size: 2.5vw;
	}

	.home_item_container figcaption p {
		font-size: 1.5vw;
		margin-bottom: 20px;
	}





	/* pearldrop パールドロップ /////////////////////////////////////////////////////////////////////////////////////////// */

	/* 商品共通 */
	.item_outline_info {
		width: 50%;
		padding: 30px 8% 10px 4%;
	}

	.item_outline_info h2 strong {
		font-size: 2.4vw;
	}

	.item_outline_info h2 small {
		font-size: 1.5vw;
	}



	/* pearljelly パールジュレ /////////////////////////////////////////////////////////////////////////////////////////// */





	/* shinonokaki 神恩おかき /////////////////////////////////////////////////////////////////////////////////////////// */





	/* revoce リヴォーチェ /////////////////////////////////////////////////////////////////////////////////////////// */





	/* shoplist 取扱店舗 /////////////////////////////////////////////////////////////////////////////////////////// */





	/* company 企業情報 /////////////////////////////////////////////////////////////////////////////////////////// */




	/* contact /////////////////////////////////////////////////////////////////////////////////////////// */













	/* contact /////////////////////////////////////////////////////////////////////////////////////////// */

	.contact_form > p {
		margin: 0 0 30px 0;
	}

	.contact_form > small {
		margin: 0 0 16px 0;
	}


	.contact_form_dl > div {
		display: block;
	}

	.contact_form_dl {
		margin: 0 0 60px 0;
	}


	.contact_form_dl dt {
		display: block;
		width: 100%;
		padding: 11px 24px;
		border-bottom: 0;
	}

	.contact_form_dl dd {
		padding: 18px 24px;
		border-bottom: 0;
	}


	.contact_form_dl #fax,
	.contact_form_dl #tel,
	.contact_form_dl #toiawase {
		width: 100%;
	}

	.contact_form_dl #mail1 {
		width: calc(100% - 80px);
	}

	/* mfp */
	#contactButton button[type="reset"],
	#contactButton button[type="submit"] {
		font-size: 1.6rem;
	}






}






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







	/* common /////////////////////////////////////////////////////////////////////////////////////////// */






	#header_spmenu_conts > a {
		display: inline-block;
		padding: 0 3%;
		margin: 20px 0 20px;
		text-align: center;
		width: 100px;
	}


	#header_spmenu_conts li {
		margin: 0 0 18px 0;
	}

	#header_spmenu_conts li a span {
		font-size: 1.4rem;
		font-weight: 700;
		line-height: 120%;
	}
	
	#header_spmenu_conts li a small {
		display: block;
		color: #999999;
		font-size: 1rem;
		letter-spacing: 0.15rem;
	}


	/* ボタン */

	.cmn_btn {
		
	}

	.cmn_btn a {
		min-width: 200px;
		padding: 16px 25px 16px 20px;
		
		text-align: center;
		font-size: 1.3rem;
		font-weight: normal;
	}



	/* 共通問合せ */

	.cmn_contact_continer {
		width: 85%;
		margin: auto;
	}

	.cmn_contact_box {
		flex-wrap: wrap;
	}

	.cmn_contact_photo {
		width: 100%;
		min-height: 400px;
		background: url("../img/cmn_contact_photo.jpg") no-repeat center bottom / cover;
	}

	.cmn_contact_info {
		width: 100%;
		padding: 25px;
	}




	.cmn_info_flexbox {
		flex-wrap: wrap;
	}

	.cmn_info_flexbox_title {
		width: 100%;
	}

	.cmn_info_flexbox_conts {
		width: 100%;
		text-align: center;
		padding: 30px 20px 0 20px;
	}

	.cmn_info_flexbox_conts p strong {
		font-size:3rem;
	}
	
	/* header */





	/* footer */

	.cmn_footer_navi ul {
		justify-content: flex-start;
		flex-wrap: wrap;
		padding: 10px 0;
	}

	.cmn_footer_navi ul li {
		width: 150px;
		text-align: center;
		margin: auto;
	}

	.cmn_footer_navi ul li a {
		display: inline-block;
		padding: 10px 0;
	}




	/* 定義リスト */
	
	.cmn_dl > div {
		flex-wrap: wrap;
	}

	.cmn_dl dt {
		width: 100%;
		padding: 10px 10px 5px 10px;
		font-size: 1.5rem;
		text-align: left;
	}

	.cmn_dl dd {
		width: 100%;
		padding: 0px 10px 10px 25px;
	}

	.cmn_btn_between {
		justify-content: space-around;
	}




	.sub_page_title {
		height: 180px;
		background-position: center;
		background-size: cover;
	}

	.sub_page_title h1 {
		font-size: 4vw;
	}

	.sub_page_title h1 small {
		font-size: 3vw;
	}



	/* home /////////////////////////////////////////////////////////////////////////////////////////// */


	.home_navi ul {
		display: flex;
		flex-wrap: wrap;
		padding: 20px 0;
	}

	.home_navi li {
		width: 50%;
		margin: 10px 0;
		text-align: center;
	}


	.home_navi li a {
		display: inline-block;
		width: 180px;
	}



	.home_item_container section {
		width: 95%;
	}


	/* pearldrop パールドロップ /////////////////////////////////////////////////////////////////////////////////////////// */

	.items_lineup_list {
		text-align: center;
		margin: auto auto 20px auto;
	}
	
	.items_lineup_list li {
		width: 46%;
		margin: auto 1% 50px 1% !important;
	}
	
	.items_lineup_list li figcaption {
		padding: 15px 20px 15px 12px;
		font-size: 1.3rem;
		background:url("../img/cmn_doubleline_l.svg") repeat-y,
		url("../img/cmn_arr_r_black.svg") no-repeat right 10px center;
		background-size: 5px, 7px;
	}


	/* 商品共通 */
	.item_mainimg {
		margin: auto 2% 60px 2%;
	}


	/* 商品共通 */
	.item_outline_container {
		flex-wrap: wrap;
	}
	
	.item_outline_photo {
		width: 100%;
		max-width: 600px;
		margin: auto;
		text-align: center;
	}
	
	
	.item_outline_info {
		width: 100%;
		max-width: 600px;
		margin: auto;
		padding: 30px 8% 10px 4%;
	}

	.item_outline_info h2 strong {
		font-size: 4vw;
	}

	.item_outline_info h2 small {
		font-size: 2vw;
	}

	.item_photo_list {
		flex-wrap: wrap;
		margin: auto auto 20px auto;
	}

	.item_photo_list li {
		width: 46%;
		margin-bottom: 50px;
	}

	.item_photo_list li figure {
		margin: auto auto 15px;
	}






	/* pearljelly パールジュレ /////////////////////////////////////////////////////////////////////////////////////////// */





	/* shinonokaki 神恩おかき /////////////////////////////////////////////////////////////////////////////////////////// */





	/* revoce リヴォーチェ /////////////////////////////////////////////////////////////////////////////////////////// */





	/* shoplist 取扱店舗 /////////////////////////////////////////////////////////////////////////////////////////// */





	/* company 企業情報 /////////////////////////////////////////////////////////////////////////////////////////// */














	/* contact /////////////////////////////////////////////////////////////////////////////////////////// */

	.contact_info section {
		padding: 26px 28px 16px;
	}

	.contact_info h3 {
		font-size: 2.6rem;
	}

	.contact_info dl {
		display: block;
	}

	.contact_info .tel,
	.contact_info .fax {
		justify-content: center;
		width: 100%;
		margin: 0 0 10px 0;
	}

	.contact_info dd {
		width: 230px;
	}

	.contact_info dd span,
	.contact_info dd a {
		font-size: 2.2rem;
	}

	.contact_info dd a {
		pointer-events: all;
	}

	.contact_info address {
		font-size: 1.4rem;
	}





}









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




	/* common /////////////////////////////////////////////////////////////////////////////////////////// */

	.cmn_conts_wrapper {
		padding: 60px 0 100px 0;
	}


	/* header */





	/* footer */

	.sub_page_title {
		height: 120px;
	}

	.sub_page_title h1 {
		font-size: 5.5vw;
	}

	.sub_page_title h1 small {
		font-size: 4vw;
	}



	/* home /////////////////////////////////////////////////////////////////////////////////////////// */

	.home_mainimg .slide01 {
		background-position: center bottom;
		background-size: auto 100%;
	}
	.home_mainimg .slide02 {
		background-position: right -50px bottom;
		background-size: auto 80%;
	}
	.home_mainimg .slide03 {
		background-position: right -150px bottom;
		background-size: auto 80%;
	}


	.home_main_copy_gift {
		font-size: 7vw;
	}

	.home_main_copy_sentence {
		font-size: 4vw;
		padding: 0 0 0 20px;
	}



	.home_navi ul {
		justify-content: center;
	}

	.home_navi li {
		width: 48%;
		margin: 10px 0;
		text-align: center;
	}


	.home_navi li a {
		display: inline-block;
		width: 140px;
		padding: 0 0 0 20px;
		background-size: auto 90%;
	}

	.home_navi li span {
		display: block;
		font-size: 1.3rem;
		letter-spacing: 0px;
	}

	.home_navi li small {
		font-size: 1.1rem;
		letter-spacing: 0px;
	}


	.home_navi li:nth-of-type(2) a {
		padding: 0 0 0 60px;
		background-size: auto 70%;
	}

	.home_navi li:nth-of-type(4) a {
		padding: 0 0 0 60px;
		background-size: auto 70%;
	}


	.home_item_container section {
		flex-wrap: wrap;
		width: 85%;
	}

	.home_item_container figure {
		width: 100%;
	}

	.home_item_container figcaption {
		width: 100%;
	}

	.home_item_container .home_item_left {
		margin: auto auto 60px;
	}

	.home_item_container .home_item_right {
		margin: auto auto 60px;
	}

	.home_item_container figcaption {
		padding: 30px;
	}


	.home_item_container figcaption p strong {
		font-size: 4.5vw;
	}

	.home_item_container figcaption p {
		font-size: 2.5vw;
		margin-bottom: 20px;
	}



	/* pearldrop パールドロップ /////////////////////////////////////////////////////////////////////////////////////////// */


	.item_outline_info h2 strong {
		font-size: 2rem;
	}

	.item_outline_info h2 small {
		font-size: 1.2rem;
	}


	/* pearljelly パールジュレ /////////////////////////////////////////////////////////////////////////////////////////// */





	/* shinonokaki 神恩おかき /////////////////////////////////////////////////////////////////////////////////////////// */





	/* revoce リヴォーチェ /////////////////////////////////////////////////////////////////////////////////////////// */





	/* shoplist 取扱店舗 /////////////////////////////////////////////////////////////////////////////////////////// */





	/* company 企業情報 /////////////////////////////////////////////////////////////////////////////////////////// */




	/* contact /////////////////////////////////////////////////////////////////////////////////////////// */






}