@charset "UTF-8";

@import url(../../common/css/bg_pagetitle.css);
@import url(../../common/css/theme_reset_type02.css);

/* ============================
パンフレットダウンロードページのCSS
-------------------------------
1.ページ内共通＋骨格のCSS
2.シーズンヘッダのCSS
3.ダウンロードリストのCSS
4.但し書きのCSS
============================== */

/* ===========================
1.ページ内共通＋骨格のCSS
============================== */
#new-content-wrap #wide-main * {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#new-content-wrap #wide-main *,
#new-content-wrap #wide-main *:before,
#new-content-wrap #wide-main *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
#wide-main.page p.ali_right {
	text-align: right;
}
@media screen and (max-width: 680px){/* スマホ用のみの共通 */
	.sp_block {
		display: block;
	}
	.sp_inline {
		display: inline;
	}
	.pc_block, .pc_inline {
		display: none;
	}
}
@media screen and (min-width: 481px){
}
@media screen and (min-width: 681px){
	.pc_block {
		display: block;
	}
	.pc_inline {
		display: inline;
	}
	.sp_block, .sp_inline {
		display: none;
	}
}
@media screen and (min-width: 881px){
	
}
@media screen and (min-width: 1016px){
	#new-content-wrap #wide-main {
		padding: 0;
	}
}
/* ===========================
2.シーズンヘッダのCSS
============================== */
#page_header {
	margin-bottom: 20px;
}
#new-content-wrap #wide-main #page_header h2 {
	font-size: 2.4rem;
	font-size: 24px;
	text-align: center;
	color: #000;
}
@media screen and (max-width: 680px){/* スマホ用のみの共通 */
}
@media screen and (min-width: 481px){
	#page_header {
		margin-bottom: 38px;
	}
	#new-content-wrap #wide-main #page_header h2 {
		font-size: 2.8rem;
		font-size: 28px;
	}
}
@media screen and (min-width: 681px){
	#page_header {
		margin-bottom: 68px;
	}
	#new-content-wrap #wide-main #page_header h2 {
		font-size: 3.6rem;
		font-size: 36px;
	}
}
@media screen and (min-width: 881px){
	#page_header {
		margin-bottom: 80px;
	}
	#new-content-wrap #wide-main #page_header h2 {
		font-size: 4.2rem;
		font-size: 42px;
	}
}
@media screen and (min-width: 1016px){
	
}
/* ===========================
3.ダウンロードリストのCSS
============================== */
#new-content-wrap #wide-main section.simple_block {
	margin-bottom: 40px;
}
#new-content-wrap #wide-main .sec_header {
	margin-bottom: 12px;
	border-bottom: #1f6141 solid 1px;
}
#new-content-wrap #wide-main .sec_header h3 {
	border-left: #1f6141 solid 10px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 10px;
	color: #000;
}
section .item_box_inner {
	margin-right: auto;
	margin-left: auto;
	width: 202px;
	max-width: 100%;
	text-align: center;
}
section .item_box_inner .item_image {
	display: table;
	table-layout: fixed;
	width: 100%;
	height: 202px;
}
section .item_box_inner .item_image .item_image_inner {
	display: table-cell;
	vertical-align: middle;
}
section .item_box_inner .item_image > p {
	display: none;
}
section .item_box_inner .item_image .item_image_inner img {
	border: #d6d6d6 solid 1px;
}
#new-content-wrap #wide-main .sec_header h3 .en {
	display: block;
	font-size: 1.4rem;
	font-size: 14px;
	line-height: 1.7142857;
	color: #434343;
}
#new-content-wrap #wide-main .sec_header h3 .lang {
	font-size: 1.4rem;
	font-size: 14px;
}
#new-content-wrap #wide-main .item_box .item_link {
	margin-top: 20px;
	text-align: center;
}
#new-content-wrap #wide-main .item_box .item_link a {
	display: inline-block;
}
#new-content-wrap #wide-main .item_box .item_link a button {
	border: #ccc solid 1px;
	outline: none;
	padding: 8px 2px;
	background-color: #f2f2f2;
	width: 202px;
	max-width: 100%;
	color: #434343;
	transition-property: all;
	transition-duration: 0.6s;
}
#new-content-wrap #wide-main .parent_block .item_box .item_link a button {
		max-width: 98%;
	}
#new-content-wrap #wide-main .item_box .item_link a:active button ,
#new-content-wrap #wide-main .item_box .item_link a:hover button {
	border: #999 solid 1px;
	background-color: #ccc;
	color: #232323;
}
#new-content-wrap #wide-main .item_box .item_link a.has_next {
	margin-bottom: 10px;
}
.row_container .cell_box {
	margin-bottom: 36px;
}

@media screen and (max-width: 680px){/* スマホ用のみの共通 */
}
@media screen and (min-width: 481px){
	#new-content-wrap #wide-main .sec_header h3 {
		font-size: 2.2rem;
		font-size: 22px;
	}
	#new-content-wrap #wide-main .sec_header h3 .en {
		font-size: 1.6rem;
		font-size: 16px;
		line-height: 1.75;
	}
	#new-content-wrap #wide-main .sec_header h3 .lang {
		font-size: 1.6rem;
		font-size: 16px;
	}
}
@media screen and (min-width: 681px){
	section#media04,
	section#media05 {
		overflow: hidden;
		margin-right: auto;
		margin-left: auto;
		width: 760px;
		max-width: 100%;
	}
	#new-content-wrap #wide-main section.simple_block {
		margin-bottom: 0;
	}
	#new-content-wrap #wide-main #pamphletDL_content .row_container {
		overflow: hidden;
		margin-right: auto;
		margin-bottom: 60px;
		margin-left: auto;
		width: 760px;
		max-width: 100%;
	}
	.row_container .cell_box {
		width: 44.73684%;
		float: left;
		margin-right: 10.52631%;
	}
	.row_container .cell_box.cell_box_third {
		width: 26.31578%;
		margin-right: 10.52633%;
	}
	.row_container .cell_box:nth-child(2n) {
		margin-right: 0;
	}
	.row_container .cell_box.cell_box_third:nth-child(2n):not(:nth-child(3n)) {
		margin-right: 10.52633%;
	}
	.row_container .cell_box.cell_box_third:nth-child(3n) {
		margin-right: 0%;
	}
	.row_container.complex01 .cell_box.simple_block {
		width: 30.26315%;
	}
	.row_container.complex01 .cell_box.parent_block {
		width: 59.21052%;
	}
	#new-content-wrap #wide-main .item_box .item_link a {
		max-width: 100%;
	}
	#new-content-wrap #wide-main .item_box .item_link a button {
		max-width: 98%;
	}
	#new-content-wrap #wide-main .parent_block .item_box .item_link a {
		display: block;
		width: 100%;
	}
	#new-content-wrap #wide-main .parent_block .item_box .item_link a button {
		max-width: 80%;
	}
	#new-content-wrap #wide-main .sec_header {
		margin-bottom: 20px;
	}
}
@media screen and (min-width: 881px){
	#new-content-wrap #wide-main #pamphletDL_content .row_container {
		margin-bottom: 80px;
	}
	#new-content-wrap #wide-main .sec_header {
		margin-bottom: 24px;
	}
	#new-content-wrap #wide-main .sec_header h3 {
		font-size: 2.4rem;
		font-size: 24px;
	}
}
@media screen and (min-width: 1016px){
}
/* ===========================
4.但し書きのCSS
============================== */
.notation {
	color: #434343;
}
@media screen and (max-width: 680px){/* スマホ用のみの共通 */
}
@media screen and (min-width: 481px){
	.notation {
		font-size: 1.3rem;
		font-size: 13px;
	}
}
@media screen and (min-width: 681px){
	.notation {
		font-size: 1.4rem;
		font-size: 14px;
	}
}
@media screen and (min-width: 881px){
	.notation {
		 margin-right: 24px;
	}
}
@media screen and (min-width: 1016px){
}
/* ===========================
ブレイクポイントセット
============================== */
@media screen and (max-width: 680px){/* スマホ用のみの共通 */
}
@media screen and (min-width: 481px){
}
@media screen and (min-width: 681px){
}
@media screen and (min-width: 881px){
}
@media screen and (min-width: 1016px){
}