@media screen and (max-width: 760px) {
	/****************************
	  	構造・共通
****************************/

	.pc {
		display: none !important;
	}

	.sp {
		display: block;
	}

	/****************************
		  	ヘッダー
	****************************/
	.sp_header {
		display: block;
	}

	#mainvisual {
		background: url("../images/main_bg_sp.png") no-repeat;
		background-position: top center;
		background-size: cover;
		padding-bottom: 50px;
	}

	#logo {
		display: inline-block;
		width: 67%;
	}

	.sp_header_inner {
		display: inline-block;
		width: 30%;
		vertical-align: top;
		text-align: right;
		padding: 12px 20px;
	}

	.sp_header_inner button {
		display: inline-block;
		position: static;
		margin-right: 12px;
		vertical-align: top;
		padding: 10px 0;
	}

	.sp_instagram {
		display: inline-block;
		padding: 5px 0;
	}

	.sp_instagram img {
		height: 35px;
	}

	#global_menu nav {
		width: 100%;
	}

	#global_menu nav ul {
		width: 100%;
		flex-wrap: wrap;
	}

	#global_menu nav ul li {
		width: 100% !important;
		text-align: left;
	}

	#global_menu nav ul li a {
		display: block;
		padding: 15px;
	}

	#global_menu nav ul li img {
		display: block;
		width: auto;
		height: 60px;
		margin: 0;
	}

	.drawer-hamburger {
		width: 3.8rem !important;
	}

	#menu00 {
		background: radial-gradient(#eb94ad 10%, #ee9ab2 90%);
	}

	#menu01 {
		background: radial-gradient(#f2ba7d 10%, #f0ae7a 90%);
	}

	#menu02 {
		background: radial-gradient(#9cd5d6 10%, #70bfc1 90%);
	}

	#menu03 {
		background: radial-gradient(#bfdb9e 10%, #90ba6a 90%);
	}

	#menu04 {
		background: radial-gradient(#a897c7 10%, #8069ac 90%);
	}

	#menu00 a {
		display: block;
		padding: 27px 15px !important;
	}

	#menu00 img {
		height: 27px !important;
	}

	#menu04 a {
		display: block;
		padding: 27px 15px !important;
	}

	#menu04 img {
		height: 30px !important;
	}



	.hojo {
		position: relative !important;
		right: initial !important;
	}

	#popup_btn {
		display: none !important;
	}

	.close-button {
		display: none;
	}

	.popup {
		display: block;
		padding: 0;
		border: none;
		position: static;
		width: 100%;
	}

	#wrap .popup dl {
		margin-bottom: 15px;
	}

	#wrap .popup dl dd ul li {
		width: 48% !important;
		margin-right: 2%;
		padding: 0;
	}

	.popup dl dd ul li:last-child {
		margin-right: 0;
	}

	#wrap .popup dl dd ul#color_change_area li {
		width: 31% !important;
	}

	/****************************
			  	メインコンテンツ
	****************************/
	#main_contents {
		margin-top: 0;
		padding: 0 5%;
	}

	#main_title {
		margin-top: 0;
	}

	#main_colum2 {
		flex-wrap: wrap;
	}

	.main_copy {
		width: 100%;
		margin-top: -6%;
	}

	.main_text {
		width: 100%;
		margin-left: 0;
	}

	.title_label {
		margin-top: 20px;
	}

	.title_label span {
		font-size: 1.65rem;
	}

	.main_text p {
		text-align: center;
		font-size: 1.3rem;
	}

	.menu_btn_box {
		flex-wrap: wrap;
		padding: 0 10%;
	}

	.menu_btn_col {
		width: 100%;
		margin-bottom: 35px;
	}

	.suger_load_btn {
		padding: 0 10%;
	}

	/****************************
					  	総選挙
	****************************/
	#senkyo_box {
		display: block;
		position: relative;
		background: url("../images/senkyo_bg_sp.png") no-repeat;
		background-position: top center;
		background-size: 100% auto;
		height: 0;
		/* 高さはpaddingで確保するため0に */
		padding-bottom: 157.85%;
		/* 画像の縦横比に応じて調整 */
		margin-bottom: 35px;
	}

	.senkyo_inner {
		display: none;
	}

	.senkyo_inner_sp {
		padding: 6% 5%;
	}

	.inner_child {
		display: block;
		padding: 0 5%;
		margin-top: -5%;
	}

	.senkyo_main_copy_sp {
		width: 90%;
		margin-bottom: 3%;
	}

	.senkyo_copy {
		margin-bottom: 8%;
	}

	.copy {
		font-size: 1rem !important;
		letter-spacing: -.5px;
		font-weight: 600;
	}

	#main dl dt {
		width: 20%;
		margin-bottom: 5px;
	}

	#main dl dd {
		width: 75%;
		font-size: 1rem !important;
		margin-top: 0;
	}

	#sweets_kaisai01 dd {
		font-size: 1.1rem !important;
	}

	#sweets_kaisai02 dd {
		font-size: 1.1rem !important;
	}

	#wrap #sweets_kaisai03 dd {
		font-size: 1.1rem !important;
	}

	.senkyo_img_sp {
		width: 100%;
		display: block;
		margin: -6% auto 0 auto;
	}

	.detail_btn {
		width: 60%;
		right: 1.85%;
		bottom: 1.1%;
	}

	.senkyo_kaisai_title_sp {
		width: 70%;
	}

	.sweets_train_kaisai_title_sp {
		width: 100%;
	}

	.marche_kaisai_title_sp {
		width: 70%;
	}

	/****************************
				スイーツトレイン
	****************************/
	#sweets_train_box {
		display: block;
		position: relative;
		background: url("../images/sweets_train_bg_sp.png") no-repeat;
		background-position: top center;
		background-size: 100% auto;
		height: 0;
		/* 高さはpaddingで確保するため0に */
		padding-bottom: 157.85%;
		/* 画像の縦横比に応じて調整 */
		margin-bottom: 35px;
		overflow: hidden;
	}

	.sweets_train_inner_sp {
		padding: 6% 5%;
	}

	.sweets_train_main_copy_sp {
		width: 90%;
		margin-bottom: 3%;
	}

	.sweets_train_copy {
		margin-bottom: 3%;
		font-size: .9rem;
	}

	.sweets_train_img_sp {
		margin-top: 10px;
		width: 35%;
	}

	.sweets_kaisai_box p.day {
		width: 10%;
		margin-top: -3%;
	}

	.detail_btn2 {
		display: block;
		width: 60%;
		margin: 0 0 0 auto;
		position: absolute;
		right: 1.85%;
		bottom: 1.25%;
	}

	/****************************
			あま～いマルシェ
****************************/
	#marche_box {
		display: block;
		position: relative;
		background: url("../images/marche_bg_sp.png") no-repeat;
		background-position: top center;
		background-size: 100% auto;
		height: 0;
		/* 高さはpaddingで確保するため0に */
		padding-bottom: 157.85%;
		/* 画像の縦横比に応じて調整 */
		margin-bottom: 35px;
		overflow: hidden;
	}

	.marche_inner_sp {
		padding: 6% 5%;
	}

	.marche_main_copy_sp {
		width: 75%;
		margin-bottom: 3%;
	}

	.marche_img_sp {
		margin-top: 10px;
		width: 35%;
		margin-left: 25px;
	}

	.detail_btn3 {
		display: block;
		width: 60%;
		margin: 0 0 0 auto;
		position: absolute;
		right: 1.85%;
		bottom: 1.25%;
	}

	/****************************
					  	フッター
	****************************/
	.footer_container {
		max-width: 100%;
	}

	#footer p.footer_title {
		font-size: 1.6rem;
	}

	#footer {
		padding: 60px 20px;
	}

	#footer p {
		font-size: .95rem;
	}
}


@media screen and (min-width: 1480px) {
	.copy {
		font-size: 1.85rem;
	}
}


@media screen and (min-width: 761px) {
	.sp {
		display: none !important;
	}

	.pc {
		display: block;
	}

	.sp_header {
		display: none;
	}

	#menu01 {
		position: relative;
		z-index: 8;
	}

	#menu02 {
		position: relative;
		margin-left: -20px;
		z-index: 7;
	}

	#menu03 {
		position: relative;
		margin-left: -20px;
		z-index: 2;
	}

	#menu04 {
		position: relative;
		margin-top: 6%;
		margin-left: -15%;
		z-index: 0;
	}

	#global_menu nav ul li a:hover {
		transform: translateY(-5px);
	}

}

@media screen and (max-width: 1280px) {
	#sweets_kaisai01 dd {
		font-size: 2rem !important;
	}

	#sweets_kaisai02 dd {
		font-size: 2rem !important;
	}

	#sweets_kaisai03 dd {
		font-size: 1.3rem !important;
	}

	#global_menu nav ul li:first-child {
		width: 28%;
	}

	#global_menu nav ul li {
		width: 25%;
	}

	#global_menu nav ul li.hojo {
		right: 25px;
	}

}

@media screen and (min-width: 761px) and (max-width: 1180px) {
	.copy {
		font-size: 1.2rem;
	}

	#main dl dd {
		font-size: 2rem;
	}

	.kaisai_inner dl dd {
		font-size: 1.8rem !important;
	}

	#sweets_kaisai01 dd {
		font-size: 1.8rem !important;
	}

	#sweets_kaisai02 dd {
		font-size: 1.8rem !important;
	}

	#sweets_kaisai03 dd {
		font-size: 1.15rem !important;
	}

}

@media screen and (max-width: 961px) {
	.copy {
		font-size: 1rem;
	}

	#main dl dd {
		font-size: 1.6rem;
	}

	#sweets_kaisai01 dd {
		font-size: 1.6rem !important;
	}

	#sweets_kaisai02 dd {
		font-size: 1.6rem !important;
	}

	#sweets_kaisai03 dd {
		font-size: 1.2rem !important;
	}
}

@media screen and (max-width: 1300px) {
	#sweets_kaisai01 dd:after {
		content: url("../images/capacity01-s.png") !important;
		top: -10px;
	}

	#sweets_kaisai02 dd:after {
		content: url("../images/capacity02-s.png") !important;
		top: -10px;
	}
}


@media screen and (max-width: 550px) {
	#mainvisual {
		background: url("../images/main_bg_sp-460.png") no-repeat;
		background-position: top center;
		background-size: cover;
	}

	#logo {
		width: 65%;
	}

	.sp_header_inner {
		width: 31%;
		padding: 12px 10px;
	}

	#main {
		padding: 40px 5%;
	}

	.inner_child {
		padding: 0 2%;
	}

	p.copy {
		font-size: .9rem !important;
	}

}