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

	/******************************
	構造・共通
	*****************************/
	.sp {
		display: block;
	}

	.pc {
		display: none !important;
	}

	/****************************
	ヘッダー
	****************************/
	.sp_header {
		display: block;
		position: absolute;
		right: 0;
		top: 0;
	}

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

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

	.sp_header_inner {
		display: flex;
		width: auto;
		text-align: right;
		padding: 3px 10px;
	}

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

	.drawer-open button {
		margin-top: 0;
	}

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

	.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;
	}

	#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 {
		margin-top: 10px;
	}

	ul.pc_menu {
		display: none !important;
	}

	#logo {
		display: none;
	}

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

	#global_menu nav ul {
		display: flex;
		list-style-type: none;
	}

	#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;
	}

	/***********************
あま～い列車で君に会いに行く
***********************/
	.about {
		padding: 0 3%;
	}

	.main_container {
		max-width: 100%;
		flex-wrap: wrap;
	}

	.about_img {
		width: 100%;
		margin-right: 0;
		order: 2;
	}

	.about_img img {
		display: block;
		margin: 0 auto;
		max-width: 40%;
	}

	.about_description {
		width: 100%;
		order: 1;
	}

	p.copy {
		font-size: 1.6rem;
	}

	p.copy3 {
		font-size: 1.4rem;
	}

	/***********************
スイーツトレイン概要
***********************/
	.sweets_train_intro {
		padding: 0 3%;
	}

	.sweets_train_box {
		flex-wrap: wrap;
	}

	.sweets_train_col1 {
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}

	.sweets_train_col1 img {
		display: block;
		margin: 0 auto;
		max-width: 60%;
	}

	.sweets_train_col1 p {
		margin-left: 0;
	}

	.sweets_train_col2 {
		width: 100%;
		padding-right: 0;
		padding: 0;
	}

	.sweets_train_main h2 span {
		display: block;
		font-size: 1.9rem;
	}

	.sweets_train_col2 .colum2 {
		flex-wrap: wrap;
	}

	.sweets_train_col2 .colum2 .colum2_col {
		width: 100% !important;
		margin-right: 0;
		margin-bottom: 30px;
	}

	.course_detail {
		display: block;
		text-align: center;
	}

	.time_label {
		width: 13%;
	}

	p.time span {
		font-size: 3.6rem;
	}

	.time_dsc p.text {
		font-size: 1.1rem;
	}

	/***********************
スイーツトレインでは何ができるの？
***********************/
	.sweets_train_main {
		padding: 0 3%;
	}


	.sweets_train_main h2 {
		width: 100%;
		font-size: 2rem;
		margin-bottom: 20px;
	}

	.num1 {
		display: block;
		text-align: center;
		margin-top: -15%;
	}

	.num1 img {
		max-width: 35%;
	}

	.num2 {
		text-align: center;
	}

	.num2 img {
		display: block;
		margin: 0 auto;
		max-width: 35%;
	}

	.num3 {
		text-align: center;
	}

	.num3 img {
		display: block;
		margin: 0 auto;
		max-width: 35%;
	}

	.course_box {
		flex-wrap: wrap;
	}

	.course_col {
		width: 100%;
		margin-right: 0;
		margin-bottom: 30px;
	}

	.sweets_tarin_col2_inner_box {
		flex-wrap: wrap;
	}

	.sweets_tarin_col2_inner_col1 {
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}

	.sweets_tarin_col2_inner_col2 {
		width: 100%;
	}

	.sweets_tarin_col2_inner_col2 img {
		display: block;
		margin: 0 auto;
		max-width: 50%;
	}

	.product_copy {
		font-size: 1.6rem;
	}

	.sweets_train_main_title02 img {
		height: 30px;
	}

	.sweets_train_main_title03 img {
		height: 60px;
	}

	.sweets_train_main:before {
		content: "";
		display: none;
		background: none;
	}

	.outline {
		padding: 0 3%;
	}

	p.outline_title {
		font-size: 3rem;
	}

	p.outline_copy {
		font-size: 1.4rem;
	}

	p.oubo_label span {
		font-size: 1.4rem;
	}

	p.outline_text {
		font-size: 1.4rem;
	}

	p.outline_text2 {
		font-size: 1.4rem;
	}

	p.outline_text2 span {
		font-size: 1.6rem;
	}

	#footer {
		padding: 60px 20px;
	}

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

	#footer p {
		font-size: 1.2rem;
	}


}



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

	p.copy3 {
		font-size: 1.7rem;
	}

	.sweets_train_main h2 {
		width: 100%;
	}

	p.time {
		font-size: 1.8rem;
	}

	p.time span {
		font-size: 2.8rem;
	}

	p.small {
		font-size: 1rem;
	}

	.time_dsc p.text {
		font-size: .9rem;
	}

	p.rosen2 {
		font-size: 1.65rem;
	}

	.product_title {
		font-size: 1.5rem;
	}

	.product_copy {
		font-size: 2rem;
	}

	p.product_dsc {
		font-size: 1.15rem;
	}

	p.outline_title {
		font-size: 4rem;
	}

	p.outline_copy {
		font-size: 1.7rem;
	}

	p.outline_text {
		font-size: 1.6rem;
	}

	p.outline_text2 {
		font-size: 1.6rem;
	}

	.course_oubo_title {
		font-size: 1.6rem;
	}

	p.oubo_label span {
		font-size: 1.8rem;
	}


}



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

	.pc {
		display: block;
	}

	.sp_header {
		display: none !important;
	}

	.sweets_train_col1 .title_area {
		margin-top: -60%;
	}

}