@charset "UTF-8";



/* #content --------------------------------------------------------------- */
#content {
	width: 90%;
	max-width: 700px;
	margin: 0 auto;
	padding: 30px 0;
	}

	#content h1 {
		font-size: 40px;
		line-height: 1.3;
		text-align: center;
		margin-bottom: 70px;
		}

		#content h1 span {
			font-size: 16px;
			margin-top: 10px;
			padding-left: 3px;
			font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
			}

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

	

/* guide --------------------------------------------------------------- */
#guide {
	}

	#guide h2 {
		font-size: 40px;
		line-height: 1.3;
		text-align: center;
		margin-bottom: 50px;
		}

@media(max-width: 768px){
	#guide {
		}

		#guide h2 {
			}
	}



/* guide1 --------------------------------------------------------------- */
#guide .guide1 {
	overflow: hidden;
	margin-bottom: 100px;
	}

#guide .guide1.goods {
	margin-bottom: 10px;
	}

	#guide .guide1 video {
		width: 100%;
		margin-bottom: 100px;
		border-radius: 50px;
		}

	#guide .guide1 dl {
		float: left;
		width: 48%;
		}
	
	#guide .guide1 dl:last-of-type {
		float: right;
		}

		#guide .guide1 dl dt {
			font-weight: bold;
			line-height: 1;

			font-size: 30px;
			line-height: 1.3;
			text-align: center;
			margin-bottom: 30px;
			}

			#guide .guide1 dl dt span {
				display: inline;
				font-weight: bold;
				line-height: 1;

				font-size: 20px;
				line-height: 1.3;
				}

			#guide .guide1 dl dd p {
				line-height: 1.7;
				margin-bottom: 15px;
				}

				#guide .guide1 dl dd p a {
					display: inline-block;
					font-size: inherit;
					background-color: #f3d922;
					}

				#guide .guide1 dl dd p span {
					font-size: 90%;
					}

@media(max-width: 768px){
	#guide .guide1 {
		margin-bottom: 70px;
		}

		#guide .guide1 video {
			margin-bottom: 70px;
			}

		#guide .guide1 dl {
			float: none;
			width: 100%;
			margin-bottom: 50px;
			}
		
		#guide .guide1 dl:nth-of-type(2) {
			float: none;
			}

			#guide .guide1 dl dt {
				margin-bottom: 10px;
				}
	}



/* image --------------------------------------------------------------- */
#guide .image {
	margin-bottom: 100px;
	}

	#guide .image p img {
		width: 100%;
		border-radius: 50px;
		}

@media(max-width: 768px){
	#guide .image {
		margin-bottom: 70px;
		}
	}



/* guide2 --------------------------------------------------------------- */
#guide .guide2 {
	margin-bottom: 100px;
	}

#guide .guide2.guitar {
	margin-bottom: 20px;
	}

	#guide .guide2 dl {
		}

		#guide .guide2 dl dt {
			font-weight: bold;
			line-height: 1;

			font-size: 30px;
			line-height: 1.3;
			text-align: center;
			margin-bottom: 30px;
			}

			#guide .guide2 dl dt span {
				display: inline;
				font-weight: bold;
				line-height: 1;

				font-size: 20px;
				line-height: 1.3;
				}
		
		#guide .guide2.guitar dl dd {
			height: 270px;
			padding: 100px 0 0 350px;

			background-image: url("../../img/online/guide2-1.png");
			background-position: left top;
			background-size: 100% auto;
			}

			#guide .guide2.guitar dl dd p:first-of-type {
				display: none;
				}

			#guide .guide2 dl dd p {
				line-height: 1.7;
				margin-bottom: 15px;
				}

				#guide .guide2 dl dd p a {
					display: inline-block;
					font-size: inherit;
					background-color: #f3d922;
					}

				#guide .guide2 dl dd p span {
					font-size: 90%;
					}

@media(max-width: 768px){
	#guide .guide2 {
		margin-bottom: 70px;
		}

		#guide .guide2 dl {
			float: none;
			width: 100%;
			margin-bottom: 50px;
			}
		
		#guide .guide2 dl:nth-of-type(2) {
			float: none;
			}
		
		#guide .guide2 dl:nth-of-type(3),
		#guide .guide2 dl:nth-of-type(4),
		#guide .guide2 dl:last-of-type {
			padding-top: 0;
			}

			#guide .guide2 dl dt {
				margin-bottom: 10px;
				}
			
			#guide .guide2 dl:nth-of-type(4) dd {
				height: auto;
				padding: 0;
				background-image: none;
				}
			
			#guide .guide2.guitar dl dd {
				height: auto;
				padding: 0;

				background-image: none;
				}

				#guide .guide2.guitar dl dd p:first-of-type {
					display: block;
					}
	}



/* guide3 --------------------------------------------------------------- */
#guide .guide3 {
	}

	#guide .guide3 ul {
		overflow: hidden;
		}
	
	#guide .guide3 ul li {
		margin-bottom: 30px;
		padding: 20px 30px;
		background-color: #dddddd;
		border-radius: 50px;
		}

		#guide .guide3 ul li h3 {
			font-size: 30px;
			line-height: 1.3;
			text-align: center;
			margin-bottom: 20px;
			}

			#guide .guide3 ul li h3 span {
				font-size: 20px;
				line-height: 1.3;
				text-align: center;
				}

		#guide .guide3 ul li p {
			line-height: 1.6;
			}

			#guide .guide3 ul li p span {
				font-size: 90%;
				}

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



/* guide4 --------------------------------------------------------------- */
#guide .guide4 {
	}

	#guide .guide4 p {
		margin-bottom: 30px;
		}
	
		#guide .guide4 p a {
			margin-top: 30px;
			padding: 10px 0;
			border-radius: 20px;
			font-size: 25px;
			text-align: center;
			background-color: #f3d922;
			}

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