@charset "UTF-8";


/*
	

	Second Common



 */


/* Intro */
#intro {}
	#int-inner {
		display: table;
		overflow: hidden;
		position: relative;
		text-align: center;
		width: 100%;
		}
		#int-ttlarea {
			display: table-cell;
			position: relative;
			vertical-align: middle;
			}
			#int-ttlarea:before {
				background-color: rgba(80, 180, 40, 1);
				background-position: center;
				background-repeat: no-repeat;
				content: '';
				display: block;
				margin: 0 auto;

				-webkit-border-radius: 50%;
				border-radius: 50%;
				}
			#int-ttl {}
			#int-ttl-main {}
			#int-subttl {}

	/* Intro > Scheme */
	#ls_news #int-ttlarea:before { background-image: url(/src/img/common/icon/newspaper-wh.png); }
	#ls_people #int-ttlarea:before { background-image: url(/src/img/common/icon/family-wh.png); }
	#ls_alacarte #int-ttlarea:before { background-image: url(/src/img/common/icon/wifi-wh.png); }
	#ls_life #int-ttlarea:before { background-image: url(/src/img/common/icon/home-wh.png); }
	#ls_feature_parenting #int-ttlarea:before { background-image: url(/src/img/common/icon/female-wh.png); }

	/* Intro > Scheme > Intro */
	.ls_simple #int-ttlarea { text-align: left; }
		.ls_simple #int-ttlarea:before {
			display: inline-block;
			vertical-align: middle;
			}
			.ls_simple #int-ttl-sub,
			.ls_simple #int-ttl-main { display: inline-block; }


/* Breadcrumbs */
.breadcrumbs {
	position: relative;
	z-index: 1;
	}
	.breadcrumbs ul {
		list-style-type: none;
		letter-spacing: -0.4em;
		margin: 0 auto;
		text-align: left;
		}
		.breadcrumbs ul li {
			letter-spacing: 0em;
			position: relative;
			}
			.breadcrumbs ul li:after {
				content: '〉';
				font-size: 11px;
				position: absolute;
				right: 0;
				top: 50%;
				width: 1px;

				-webkit-transform: translateY(-50%);
				-moz-transform: translateY(-50%);
				transform: translateY(-50%);
				}
			.breadcrumbs ul li:last-child:after { display: none; }
			.breadcrumbs ul li a,
			.breadcrumbs ul li span {
				color: rgba(0, 0, 0, .7);
				line-height: 1;
				}



/*
	

	MediaQuery



 */


@media screen and (min-width: 751px) {


/* Common */
.container { padding-top: 120px; }

/* Intro */
#intro {}
	#int-inner {}
		#int-ttlarea { padding: 50px 25px; }
			#int-ttlarea:before {
				background-size: 40px;
				height: 50px;
				margin-bottom: 15px;
				width: 50px;
				}
			#int-ttl {}
				#int-ttl-sub { font-size: 22px; }
				#int-ttl-main { font-size: 55px; }
				#int-subttl {
					font-size: 18px;
					margin-top: 15px;
					}

	/* Intro > Scheme > Intro */
	.ls_simple #intro {
		border-bottom: 1px solid rgba(80, 180, 40, .5);
		margin: 0 50px;
		padding: 50px 0 10px;
		}
	.ls_simple #int-ttlarea { padding: 0; }
		.ls_simple #int-ttlarea:before {
			background-size: 30px;
			height: 40px;
			margin-bottom: 0;
			width: 40px;
			}
			.ls_simple #int-ttl-sub,
			.ls_simple #int-ttl-main { font-size: 30px; }

/* Breadcrumbs */
.breadcrumbs {}
	.breadcrumbs ul { width: 100%; }
		.breadcrumbs ul li {
			display: inline-block;
			padding: 10px 15px;
			}
			.breadcrumbs ul li:after {}
			.breadcrumbs ul li a,
			.breadcrumbs ul li span {
				display: inline-block;
				font-size: 12px;
				vertical-align: middle;
				}


}


/* ------------------------------------------------ */


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


/* Common */
.container { padding-top: 60px; }

/* Intro */
#intro {}
	#int-inner {}
		#int-ttlarea { padding: 30px 15px; }
			#int-ttlarea:before {}
			#int-ttl {}
				#int-ttl {}
				#int-ttl-sub { font-size: 20px; }
				#int-ttl-main {
					font-size: 35px;
					margin-bottom: 10px;
					}
				#int-subttl { font-size: 13px; }

	/* Intro > Scheme > Intro */
	.ls_simple #int-ttlarea { padding: 30px 15px 0; }

/* Breadcrumbs */
.breadcrumbs {
	min-width: 0;
	overflow-x: scroll;
	}
	.breadcrumbs ul {
		display: block;
		width: 100%;
		white-space: nowrap;
		}
		.breadcrumbs ul li {
			display: inline-block;
			padding: 5px 12.5px 8px;
			}
			.breadcrumbs ul li:after {
				font-size: 10px;
				top: 50%;
				}
			.breadcrumbs ul li:last-child:after {}
			.breadcrumbs ul li a,
			.breadcrumbs ul li span {
				color: rgba(0, 0, 0, 0.6);
				font-size: 10px;
				}


}