@charset 'utf-8';

#globalHeader h1 a {
	background: url('../images/logo01a_lt_768.png') left top no-repeat;
	-webkit-background-size: 100%;
	display: block;
	height: 28px;
	width: 118px
	background-size: 100%;
	height: 28px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	width: 118px;
}
div.alert span,
#pickup h3,
div.indexBoxes div.captionBox {
	display: none;
}
div.indexBoxes {
	margin: 0 0 20px;
}
div.indexBoxes section.child {
	border-top: 1px #ccc solid;
}
div.indexBoxes section.child:last-child {
	border-bottom: 1px #ccc solid;
}
div.indexBoxes section.child a h2 {
	background-image: linear-gradient(to bottom, #fff, #cccc99);
	font-size: 16px;
	text-shadow: 1px 1px 2px rgba(255,255,255,.3);
}
div.indexBoxes section.child a h2 span {
	background: url('../images/icon_arrow_black.png') no-repeat 100% 50%;
	display: block;padding: 12px 10px;
}
dl.informationLink dt {
	clear: left;
	color: #777;
	float: left;
	margin-top: 12px;
	padding-left: 10px;
	position: relative;
	width: 8em;
	z-index: 1;
}
dl.informationLink dd{
	background: url('../images/icon_arrow_gray.png') no-repeat right center;
	border-top: 1px #ccc solid;
	background-color: #fff;
	/* position: relative; */
	z-index: 10;
}
dl.informationLink dd a {
	display: block;
	margin: 0;
	padding: 12px 30px 12px 10em;
}
.toggle h2 {
	cursor: pointer;
}
.toggle.close dl {
	display: none;
}

@media screen and (min-width: 768px){
		/* 基本設定 */
		a:link,
		a:visited {
			text-decoration: none;
		}
		a:active,
		a:hover {
			text-decoration: underline;
		}

		#globalHeader {
		border: none;
		padding: 0;
	}
	#globalHeader .headerInner {
		margin: 0 auto;
		position: relative;
		width: 768px;
	}
	#globalHeader h1 {
		float: none;
		padding: 28px 0 0 2px;
	}
	#globalHeader h1 a {
		background-image: url('../images/logo01a_gte_768.png');
			height: 43px;
			width: 402px;
	}

	/* メニュー */
	#globalHeader nav.menu,
	#globalHeader nav.menu.open {
		background: url('../images/bg_nav_header.png') left top repeat-x;
		-webkit-background-size: contain;
		float: none;
		margin: 0;
		padding: 0;
		background-size: contain;
		float: none;
		margin: 0;
		padding: 0;
	}
	#globalHeader nav.menu #menuToggle {
		display: none;
	}
	#globalHeader nav.menu ul,
	#globalHeader nav.menu.open ul {
		background: none;
		border: none;
		box-shadow: none;
		display: block;
		margin: 30px auto 0;
		width: 768px;
		padding: 0 0 4px;
		position: static;
	}
	#globalHeader nav.menu ul li,
	#globalHeader nav.menu.open ul li {
		background: left top no-repeat;
		-webkit-background-size: 100%;
		border: none;
		float: left;
		width: 25%;
		background-size: 100%;
		border: none;
		float: left;
		width: 25%;
	}
	#globalHeader nav.menu ul li.shouhin {
		background-image: url('../images/nav_header_shouhin.png');
	}
	#globalHeader nav.menu ul li.syuri {
		background-image: url('../images/nav_header_syuri.png');
	}
	#globalHeader nav.menu ul li.tenpo {
		background-image: url('../images/nav_header_tenpo.png');
	}
	#globalHeader nav.menu ul li.otoiawase {
		background-image: url('../images/nav_header_otoiawase.png');
	}
	#globalHeader nav.menu ul li a,
	#globalHeader nav.menu.open ul li a {
		border: none;
		display: block;
		height: 44px;
		overflow: hidden;
		padding: 0;
		text-indent: 100%;
		white-space: nowrap;
		width: 100%;
	}
	#globalHeader nav.menu ul li a:hover {
		background: #fff;
		opacity: .2;
	}
	#globalHeader nav.menu ul::after,
	#globalHeader div.search form::after {
		content: '';
		display: block;
		clear: both;
	}

	/* 検索フォーム */
	#globalHeader .search {
		position: absolute;
		right: 0;
		top: 35px;
	}
	#globalHeader .search #searchToggle {
		display: none;
	}
	#globalHeader div.search div.form {
		background: none;
		box-shadow: none;
		display: block;
		padding: 0;
		position: static;
	}
	#globalHeader div.search form {
		display: block;
		width: 350px;
	}
	#globalHeader div.search form span {
		display: inline;
		float: left;
		padding: 0 !important;
		width: auto !important;
	}
	#globalHeader div.search from span:last-child:hover {
		background: #fff;
		opacity: .7;
	}
	#globalHeader div.search form input[type="search"] {
		border-radius:  10px 0 0 10px;
		margin: 0;
		padding: 8px 0 7px;
		width: 258px;
	}
	#globalHeader div.search div.form button {
		background: url('../images/btn_search.png') left top no-repeat;
		border: none;
		box-shadow: none;
		border-radius: 0;
		cursor: pointer;
		height: 33px;
		padding: 0;
		margin: 0;
		overflow: hidden;
		text-indent: 100%;
		white-space: nowrap;
		width: 92px;
	}
	#globalHeader div.search.open {
		background: none;
	}

	/* フッター */
	#globalFooter nav {
		background: #eaeaea;
	}
	#globalFooter nav ul {
		margin: 0 auto;
		padding: 16px 6px;
		width: 756px;
	}
	#globalFooter nav ul li {
		border: none;
		margin-right: 30px;
		width: auto;
	}
	#globalFooter nav ul li:nth-child(odd) {
		clear: none;
	}
	#globalFooter nav ul li a {
		background: url('../images/icon_arrow_gray_gte_768.png') left center no-repeat;
		padding-left: 12px;
	}

	/* メイン画面 */
	#body {
		margin: 15px auto 0;
		width: 768px;
	}
	#slide {
		background: #fff;
		border: 1px #d6d6d6 solid;
		padding: 5px;
	}

	/* コンテンツ */
	#pickup ul.tab {
		display: none;
	}
	div.alert span,
	#pickup h3,
	#pickup div.tabContents,
	div.indexBoxes div.captionBox {
		display: block;
	}
	.toggle.close dl {
		display: block !important;
	}
	.toggle h2 {
		cursor: default;
	}
	.toggle h2 span,
	.toggle.close h2 span {
		background: none;
	}

	/* お知らせ */
	div.alert {
		margin-top: 18px;
	}
	div.alert ul li a span {
		color: #777;
		float: left;
		width: 8em;
	}

	/* ピックアップ */
	#pickup {
		background: url('../images/bg_pickup_gte_768.jpg') no-repeat;
		-webkit-background-size: 100%;
		margin-top: 18px;
		padding: 0 18px;
		background-size: 100%;
		margin-top: 18px;
		padding: 0 18px;
	}
	#pickup h2 {
		font-size: 18px;
		padding: 10px 0;
	}
	#pickup div.tabContents {
		box-sizing: border-box;
		float: left;
		padding: 0 18px 0 0;
		width: 33.3%;
	}
	#pickup div.tabContents:last-child {
		padding: 0;
	}
	#pickup div.round {
		border-radius: 5px;
	}
	#pickup div.round a:hover {
		content: '';
		display: block;
		clear: both;
	}
	#pickup div.round div {
		display: table;
		height: 105px;
		width: 100%;
	}
	#pickup div.round div.p {
		display: table-cell;
		vertical-align: middle;
	}
	#pickup div.round div p img {
		width: 50%;
	}
	#pickup div.tabContents p.text {
		margin: 10px 5px;
	}

	div.columnWrapper {
		margin-top: 18px;
	}
	div.indexBoxes {
		float: left;
		margin: 0;
		width: 68.2%;
	}
	div.indexBoxes section.child {
		border: none !important;
		box-sizing: border-box;
		float: left;
		width: 50%;
		margin-bottom: 12px;
		padding-right: 18px;
	}
	div.indexBoxes section.child a:hover {
		text-decoration: none;
	}
	div.indexBoxes section.child a h2 {
		border: 1px #ccc solid;
		border-radius: 5px;
	}
	div.indexBoxes section.child a h2:hover {
		text-decoration: underline;
	}
	div.indexBoxes section.child a div.captionBox {
		margin-top: 12px;
	}
	div.indexBoxes section.child a div.captionBox div.image {
		border: #ccc solid 1px;
		float: left;
		margin-right: 12px;
		padding: 3px;
	}
	div.indexBoxes section.child a div.captionBox div.image img {
		vertical-align: top;
	}

	section.seminar {
		float: right;
		width: 31.8%;
	}
	section.information {
		border: none;
		margin-top: 18px;
	}
	section.seminer h2,
	section.information h2 {
		border: 1px solid #ccc;
		border-radius: 5px;
	}
	dl.informationLink dt {
		padding: 0 10px;
		width: auto;
	}
	dl.informationLink dd {
		background: none;
		border-top: none;
		border-bottom: #ccc 1px solid;
	}
	dl.informationLink dd a {
		padding: 12px 10px;
	}
	section.information dl.informationLink dt {
		width: 8em;
	}
	section.information dl.informationLink dd a {
		padding-left: 10em;
	}

	/* clearfix */
	#pickup::after,
	.columnWrapper::after,
	div.indexBoxes section.child a div.captionBox::after {
		content: '';
		display: block;
		clear: both;
	}
}

@media screen and (min-width: 960px){
	#globalHear .headerInner {
		width: 960px;
	}
	#globalHeader nav.menu ul,
	#globalHeader nav.menu.open ul {
		width: 960px;
	}
	#globalHeader nav.menu ul li a,
	#globalHeader nav.menu.open ul li a {
		height: 55px;
	}

	/* フッター */
	#globalFooter nav ul {
		width: 948px;
	}

	/* メイン画像 */
	#body {
		width: 960px;
	}

	/* コンテンツ */
	#pickup h2 {
		padding: 15px 0;
	}
	#pickup div.round h3 {
		font-size: 20px;
	}
	#pickup div.round div {
		height: 152px;
	}
	#pickup div.round p img {
		width: auto;
	}
	#pickup div.tabContents p.text {
		margin: 21px 10px;
	}
}