@charset "UTF-8";
/*---------------------------------------

[reset]

[base]
	font
	anchor
	add class

[common set-up]
	bg
	h
	pagetop link

[lower common]

[each page]
	01: index.html

[common contents]
	all center
	container
	header
	main contents
	footer
	print

[clearfix]

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

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: reset */

/* div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}*/
body,dl, dt, dd{
	margin: 0;
	padding: 0;
}
nav, section, aside {
	display: block;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset, img, a img, abbr, acronym {
	border: 0;
	margin: 0;
}
li img, dt img {
	vertical-align: top;
}
caption, th {
	text-align: left;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}
q:before, q:after {
	content: '';
}
hr {
	display: none;
}
html {
	overflow-y: scroll;
}
a {
	outline: none;
}
img{
	max-width: 100%;
	height: auto !important;
	width: auto;
}
article:after,
section:after,
.body_top #con01 ul.memberMenu:after,
.body_top ul.memberItemList:after{
	content: "";
	display: block;
	clear: both;
}

/* form

button, fieldset, form, input, label, legend, select, textarea {
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	padding: 0;
	vertical-align: top;
} */
input[type=radio] {
	vertical-align: middle;
}
/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::: base */

/*--------------------------------------- font */

/* base */

html {
	font-size: 62.5%;
}
body {
	font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	color: #000000;
	font-size: 1.35em;
	line-height: 2;
	letter-spacing: 0.05rem;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}
@media screen and (max-width:719px) {
	html, body {
		-webkit-text-size-adjust: 100%;
		-webkit-overflow-scrolling: touch;
	}
}

/*----------------------- size */

/* size10px */

.small {
	font-size: 77%;
}
/* size11px */

.body_item .main dt span, .body_top #con01 li span {
	font-size: 84%;
}
/* size12px */

/*footer{font-size:93%;}*/

/* size14px */

#procure dt, #procure dd, section {
	font-size: 108%;
}
/* size16px */

h5, .drawer-contents, .btn-pop dt {
	font-size: 123.1%;
}
/* size18px */

	{
	font-size: 138.5%;
}
/* size22px */

h4, #newsDetail h3 {
	font-size: 167%;
}
/* size24px */

.body_topStyle span.new, h2 {
	font-size: 182%;
}
/* table */
.boxStyle01 th{
background-color:#a2adc2;
text-align:center;
}
.boxStyle01 td{background-color:#f3f3f3;}
.boxStyle01 th,
.boxStyle01 td{
border-bottom:solid #FFF 1px;
padding:10px 10px;}

.boxStyle02{margin-bottom:40px;}
.boxStyle02 th{
background-color:#f1f3f6;
text-align:center;
}
.boxStyle02 th,
.boxStyle02 td{
background: url("./line_dotto.png") repeat-x scroll 0 bottom;
padding:20px 5px;}
.boxStyle02 td{text-align:center;}
.boxStyle02 td ul{text-align:left;}
.boxStyle02 .liColor th,
.boxStyle02 .liColor td{
background: url("./line_dotto.png") repeat-x scroll 0 bottom #fef7e3;
}
/*--------------------------------------- anchor */

a {
	color: #3e598b;
	text-decoration: underline;
}
a:hover {
	color: #3e598b;
	text-decoration: underline;
}
/* blue */

p.btn a:link, p.btn a:visited {
	color: #3e598b;
	text-decoration: none;
}
p.btn a:hover {
	color: #3e598b;
	text-decoration: none;
	background-color: #f1f5fb;
}
/* red */

.red a, .red a:visited {
	color: #cc0000;
}
/* pink */

.body_item .main a, .body_item .main a:visited {
	color: #cf3552;
}
.body_item .main a:hover {
	color: #ac1c37;
}
.body_item p.btn a:hover {
	background-color: #fbf1f3;
}
/* orange */

.body_price .main a, .body_price .main a:visited {
	color: #d96600;
}
.body_price .main a:hover {
	color: #d96600;
}
.body_price p.btn a:hover {
	background-color: #fdf9ee;
}
p.btn a:hover {
	color: #393939;
	text-decoration: none;
}
.msg {
	margin: 20px auto;
}
/* pdf要素 
----------------------------------------------------------- */

a[href$=".pdf"] {
	background: url(ic_pdf02.png) no-repeat 100% 50%;
	padding: 2px 26px 2px 0;
}
* html a.pdf {
	background: url(ic_pdf02.png) no-repeat 100% 50%;
	padding: 2px 26px 2px 0;
}
.body_top ul.memberItemList a, #itemList .pdfList a, #itemList table a {
	background: none;
	padding: 0;
}
/* zip要素 
----------------------------------------------------------- */

a[href$=".zip"] {
	background: url(ic_zip.png) no-repeat 100% 50%;
	padding: 2px 26px 2px 0;
}
* html a.zip {
	background: url(ic_zip.png) no-repeat 100% 50%;
	padding: 2px 26px 2px 0;
}
/*--------------------------------------- add class */

/*float*/

.floatL {
	float: left;
}
.floatR {
	float: right;
}
.clearB {
	clear: both;
}
.center {
	text-align: center;
}
.right {
	text-align: right;
}
.bold {
	font-weight: bold;
}
.mb30 {
	margin-bottom: 30px;
}
.mb1em {
	margin-bottom: 1em;
}
/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::: common set-up */

body {
	background-color: #f4f4f4;
	position: relative;
}
/* h */
.lower h1,
h2 {
	font-weight: bold;
	padding: 0.5em 10px;
	max-width: 1140px;
	margin: 0 auto;
	text-align: center;
}
/* h:変更した場合はstyle_editor.cssにも反映すること */
h3 {
	font-weight: normal;
	padding: 0.5em 0 0;
	margin-bottom:0.5em;
}
h4{
	padding: 0.35em;
	margin: 1em 0;
	font-weight: normal;
	color: #ffffff;
	background-color: #001441;
}

h5 {
	margin: 1.5em 0 1em;
	padding: 0 10px 0 30px;
}
h5:before {
	content: "";
	width: 7px;
	height: 7px;
	border-radius: 50%;
	display: inline-block;
	vertical-align: middle;
	border: 6px solid #001441;
	position: absolute;
	left: 0;
	top: 4px;
}
h6 {
	font-weight: bold;
	margin: 1em 0;
	padding:0.2em;
	background:#F1FFFB;
}
@media screen and (min-width: 720px), print {
	.lower h1,
	h2 {
		font-size: 1.71em;
	}
	h3 {
		font-size: 1.6em;
	}
	h4 {
		font-size: 1.3em;
	}
	h5 {
		font-size: 1.1em;
	}
	h6 {
		font-size: 1em;
	}
}
@media screen and (max-width: 719px) {
	.lower h1,
	h2 {
		font-size: 1.4em;
	}
	h3 {
		font-size: 1.4em;
	}
	h4 {
		font-size: 1.2em;
	}
	h5,h6 {
		font-size: 1em;
	}
}
.bold {
	font-weight: bold;
}
/* table */

.boxStyle01 th {
	background-color: #a2adc2;
	text-align: center;
}
.boxStyle01 td {
	background-color: #f3f3f3;
}
.boxStyle01 th, .boxStyle01 td {
	border-bottom: solid #FFF 1px;
	padding: 10px 10px;
}
.boxStyle02 {
	margin-bottom: 40px;
}
.boxStyle02 a {
	color: #d96600;
}
.boxStyle02 th {
	background-color: #f1f3f6;
	text-align: center;
}
.boxStyle02 tr:nth-child(2n+1) {
	background-color: #FEF7E3;
}
.boxStyle02 th, .boxStyle02 td {
	padding: 20px 5px;
}
#deliveryList table tr:nth-child(2n+1)  {
	background-color: #f9f7f7;
}
#deliveryList table a {
	color: #3e598b;
}
.boxStyle02 td {
	text-align: center;
}
.boxStyle02 td ul {
	text-align: left;
}
/* frame */

.frame {
	padding: 20px;
	background-color: #f9f7f7;
}
.frame li {
	list-style: none;
}
/* frame02 */

.frame02 {
	border: solid 1px #f3f3f3;
	padding: 20px;
	text-align: center;
	margin-bottom: 30px;
	background: url("../_template/frame02_bg.jpg") repeat-x scroll 0 bottom #FFF;
	border-radius: 4px;
}
/* frame03 */

.frame03 {
	border-right: solid 6px #a2adc2;
	border-left: solid 6px #a2adc2;
	border-top: solid 1px #f3f3f3;
	border-bottom: solid 1px #f3f3f3;
	padding: 20px;
	margin-bottom: 30px;
}
/* btn */

p.btn {
	text-align: center;
	clear: both;
	margin: 10px 25px 20px 40px;
}
p.btn a {
	border: solid 1px #3e598b;
	padding: 10px 25px 10px 40px;
	background: url(ic_arrow.png) 30px center no-repeat #FFF;
}
p.btn img {
	vertical-align: middle;
	margin-left: 5px;
}
/* btn orange */

.body_price p.btn a {
	border: solid 1px #d96600;
	background: url(ic_arrow_orange.png) 30px center no-repeat #FFF;
}
/* btn pink */

.body_item p.btn a {
	border: solid 1px #cf3552;
	background: url(ic_arrow_pink.png) 30px center no-repeat #FFF;
}
/* arrow */

#sitemap article .sitemapList, .body_top #con04 .red, .body_top #con04 dd ul, .arrow {
	margin-left: 10px;
}
#sitemap article .sitemapList p a, #deliveryList table li, .body_top #con06 li span, .body_top #con04 .red li span, .body_top #con04 dd li span, .arrow li {
	background: url(ic_arrow.png) 0 center no-repeat;
	padding: 0 20px 0 10px;
	text-indent: -10px;
	margin-left: -10px;
}
/* arrow orange */

.body_price table ul {
	margin-left: 10px;
}
.body_price table li {
	background: url(ic_arrow_orange.png) 0 center no-repeat;
	padding: 0 20px 0 25px;
	text-indent: -10px;
	margin-left: -10px;
	text-align: left;
}
/* feed */

#feed li {
	background: url(nakaguro.gif) 3px 0.65em no-repeat;
	padding-left: 15px;
	margin-bottom: 0.5em;
}

/*--------------------------------------- table */

@media screen and (max-width:719px) {
	table th {
		width: auto !important;
	}
	.sp_table td,
	.sp_table th,
	.sp_table tr{
		display: block;
		width: 100%!important;
	}
}
table.responsive,
table.responsive2c {
	border-collapse: collapse;
	font-size: 1.1em;
}
table.responsive[border="0"],
table.responsive[border="0"] th,
table.responsive[border="0"] td,
table.responsive2c[border="0"],
table.responsive2c[border="0"] th,
table.responsive2c[border="0"] td {
	border: none;
}
@media screen and (max-width: 719px) {
	table.responsive,
	table.responsive2c {
		max-width:100%;
	}
	table.responsive td,
	table.responsive th{
		display: block;
		width: 100% !important;
	}
	table.responsive2c td,
	table.responsive2c th{
		float:left;
		width: 50% !important;
	}
	table.responsive td img,
	table.responsive2c td img {
		max-width:100%;
		height:auto;
	}
	table.noresponsive td,
	table.noresponsive th{
		display: table-cell;
		width: inherit !important;
	}
}
table.responsive[border="0"] td table:not([border="0"]) th,
table.responsive[border="0"] td table:not([border="0"]) td,
table.responsive2c[border="0"] td table:not([border="0"]) th,
table.responsive2c[border="0"] td table:not([border="0"]) td{
	border: 1px solid #dddddd;
}
@media screen and (max-width: 480px) {
	.sp_table[border="0"] td table:not([border="0"]) th,
	.sp_table[border="0"] td table:not([border="0"]) td{
		display: table-cell;
		width: auto !important;
		border-left:none;
		border-top:none;
	}
	table.responsive2c td,
	table.responsive2c th{
		width: 100% !important;
	}
}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::: main common */

article, .con {
	margin-bottom: 40px;
	background-color: #FFF;
	padding: 0 20px 30px;
}
.con {
	padding-bottom: 30px;
	border-bottom: dotted 1px #CCCCCC;
}
.link {
	margin-top: -60px;
	padding-top: 80px;
}

/*--------------------------------------- breadCrumb */

.breadCrumb {
	font-size: 0.9em;
	color: #000000;
	background-color: #F8F8F8;
}
.breadCrumb ul {
	padding: 0.5em 20px;
	margin:0 auto;
}
.breadCrumb li {
	display: inline;
}
.breadCrumb li a {
	color: #000000;
	background: transparent url(img/breadcrumb_black.png) no-repeat scroll right center;
	margin-right: 2px;
	padding-right: 16px;
	text-decoration: none;
}
.breadCrumb .fa-home{
	display:inline-block;
	width:12px;
	height:13px;
	background-image: url(img/icon_home.png);
	background-color: transparent;
	background-repeat: no-repeat;
	vertical-align: middle;
}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::: lower common */

.lower section {
	padding-top: 30px;
}
.page_link {
	margin: 50px auto 0;
}
.page_link02 {
	margin: 30px auto 0;
	text-align: center;
}
.pageNav {
	margin: 0 auto 43px;
	text-align: center;
}
.pageNav li {
	display: inline;
}
/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::: common contents */

/*--------------------------------------- all center */

/*body{text-align:center;}*/

.pgtp p, .container {
	max-width: 1120px;
	width:100%;
	text-align: left;
	margin: 0 auto;
}
/*--------------------------------------- kayFrame */

/*--------------------------------------- mainContaints */

.lower section.bgWhite {
	background: #FFF;
	padding-top: 0;
}
.lower article.herf {
	width: 48%;
}
/*--------------------------------------- pagetop link */

.pgtp {
	line-height: 0;
}
.pgtp p {
	text-align: right;
}
/*--------------------------------------- pager */

.pager_box {
	clear: both;
	text-align: center;
	margin-top: 15px;
	margin-bottom:30px;
}
.pager_box .pager {
	width: 2.5em;
	display: inline-block;
	vertical-align: bottom;
	border: 1px solid #BFBFBE;
	border-radius: 3px;
}
.pager_box .pager a {
	display: block;
	width: 100%;
}
.pager_box .pager a:link, .pager_box .pager a:visited {
	color: #333333;
	text-decoration: none;
}
.pager_box .pager a:hover, .pager_box .pager a:active {
	background: #F1F1F1;
	text-decoration: none;
}
.pager_box .pager_current {
	background: #F1F1F1;
}
.pager_box .pager_dot {
	width: 1.5em;
	display: inline-block;
}
.pager_box .pager_space {
	width: 1em;
	display: inline-block;
	padding-left: 0.2em;
	padding-right: 0.2em;
}
.pager_box .pager_first {
	display: inline-block;
}
.pager_box .pager_last {
	display: inline-block;
}
.pager_box .pager_current {
	display: inline-block;
}
/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::: clear

div:after, ul:after, dl:after, article:after, .con:after, section:after, .clearFix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	line-height: 0;
	visibility: hidden;
	font-size: 0;
} */
/* IE7 */

*:first-child+html div, *:first-child+html ul, *:first-child+html dl, *:first-child+html article, *:first-child+html .con, *:first-child+html footer nav, *:first-child+html section, *:first-child+html footer, *:first-child+html .clearFix {
	display: inline-block;
}
* {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
}
/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::: container */

html {
	height: 100%;
	margin: 0;
	padding: 0;
}
body {
	height: 100%;
	margin: 0;
	padding: 0;
}
article {
	width: 100%;
	margin: 0 auto;
}
article {
	max-width: 1120px;
	/* 共通コンテンツ幅 */
	padding: 0 20px 30px;
	margin-bottom: 10px;
}
.breadCrumb ul {
	max-width: 1120px;
}
/*ul, ol {
	padding: 5px 5px 5px 20px;
	margin: 0;
}*/
@media screen and (min-width:720px) {
	.sp_only {
		display: none;
	}
}
@media screen and (max-width:719px) {
	.pc_only {
		display: none;
	}
}
/*--------------------------------------- header */

header {
	position: relative;
	background-color: #ffffff;
}
header #header_inner {
	max-width: 100%;
	/* ヘッダ幅100% */
	/* max-width: 1280px; ヘッダ最大幅1280px */
	margin: 0 auto;
	padding: 0 10px 0 10px;
	background-color: transparent;
	display: flex;
}
@media screen and (min-width:720px) {
	header #header_inner {
		padding: 0 180px 0 10px;
		/* sp_menu幅確保 */
	}
}
@media screen and (max-width:719px) {
	header #header_inner {
		padding: 0 180px 0 10px;
		/* sp_menu幅確保 */
	}
}
header #header_logo {
	flex-basis: 300px;
	/* ロゴの幅 */
	margin: 15px 0 15px 0;
	padding: 0;
	line-height: 0;
	vertical-align: middle;
}
header #header_contents {
	flex: 1;
}
header #header_logo a {
	display: inline-block;
	padding: 0;
}
header #header_logo img {
	width: 100%;
	vertical-align: middle;
}
/* header_contents */

#header_menu_upper {
	float: right;
	font-size: 0.8em;
	margin-top: 25px;
}
#header_menu_lower {
	clear: right;
	float: right;
}
#header_menu_upper ul, #header_menu_lower ul {
	margin: 0;
	padding: 0;
	line-height: 1;
	display: inline-block;
}
#header_menu_upper li, #header_menu_lower li {
	display: inline-block;
}
@media screen and (max-width:719px) {
	#header_menu_upper, #header_menu_lower {
		display: none;
	}
}
/*--------------------------------------- footer */

footer {
	max-width: 100%;
	/* フッタ幅100% */
	/* max-width: 1280px; フッタ最大幅1280px */
	border-top: 1px solid #D6D6D6;
	font-weight: bold;
	background-color: #FFFFFF;
}
footer a {
	color: #000000;
}
footer a:hover {
	color: #656565;
}
footer a:hover img {
	opacity: 0.8;
}
footer article {
	padding: 0;
	margin-bottom: 0;
}
@media screen and (max-width: 719px) {
	footer {
		margin-top: 30px;
	}
}
footer a:link, footer a:visited, footer a:hover {
	text-decoration: none;
}
footer .footerBox_1 {
	padding: 20px;
}
footer table td {
	padding: 10px;
	font-size: 1.05em;
}
footer .footerBox_1 table.noresponsive td {
	width: 50% !important;
}
footer .footerBox_2 {
	padding: 20px;
}
footer ul {
	list-style: none;
	margin: 0;
	padding-left: 1.5em;
}
footer .footer_logo {
	text-align: center;
}
footer .footer_logo a {
	display: inline-block;
	text-decoration: none;
	padding: 10px;
}
footer .footer_logo a img {
	width: 150px;
}
footer .footer_link {
	width: 49%;
	display: inline-block;
	font-weight: normal;
}
footer .footer_copyright {
	width: 49%;
	display: inline-block;
	text-align: right;
	font-size: 1em;
	font-weight: normal;
}
@media screen and (max-width: 719px) {
	footer .footer_link {
		width: 100%;
		display: block;
		text-align: center;
	}
	footer .footer_copyright {
		width: 100%;
		display: block;
		text-align: center;
	}
}
/*--------------------------------------- sp_menu */

.sp_menu {
	overflow-y: scroll;
	max-height: 100%;
}
.sp_menu td {
	padding: 5px 10px;
}
.sp_menu a {
	color: #000000;
}
.sp_menu a:hover {
	color: #656565;
}
@media screen and (min-width: 720px), print {
	.sp_menu_btn, .sp_menu {
		display: inline-block;
		box-sizing: border-box;
	}
}
@media screen and (max-width:719px) {
	.sp_menu_btn, .sp_menu_btn span {
		display: inline-block;
		box-sizing: border-box;
	}
}
.sp_menu_btn {
	width: 135px;
	height: 45px;
	padding: 2px;
	background-image: url('./img/btn_menu.png');
	background-repeat: no-repeat;
	background-color: rgba(255, 255, 255, 0.5);
	cursor: pointer;
}
.sp_menu_btn.close {
	width: 135px;
	height: 60px;
	padding: 2px;
	background-image: url('./img/btn_menu_close.png');
	background-repeat: no-repeat;
	background-position: right;
	cursor: pointer;
}
.sp_menu_btn span {
	position: absolute;
}
.sp_menu_btn {
	position: fixed;
	top: 18px;
	right: 20px;
	z-index: 1000;
}
.sp_menu_btn.close {
	top: 11px;
}
.sp_menu {
	position: fixed;
	z-index: 135;
	right: -100%;
	top: 0;
	width: 380px;
	max-width: 95%;
	height: auto;
	padding: 60px 10px;
	background-color: #FFFFFF;
	box-shadow: -5px 0px 10px rgba(0, 0, 0, 0.2);
	overflow-y: auto;
	opacity: 0;
	transition: right 0.2s;
	border: 1px solid #757575;
}
.sp_menu a:link, .sp_menu a:visited, .sp_menu a:hover {
	text-decoration: none;
}
.sp_menu.menu_fixed {
	right: 0;
	opacity: 10;
}
.sp_menu_bg {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 20;
	width: 100%;
	height: 100%;
	display: none;
}
.sp_menu_bg.bg_fixed {
	display: block;
	background-color: transparent;
}
@media screen and (max-width: 719px) {
	.sp_menu_btn {
		width: 110px;
		height: 35px;
		padding: 2px;
		background-image: url('./img/btn_menu.png');
		background-repeat: no-repeat;
		background-color: rgba(255, 255, 255, 0.5);
		background-position: right center;
		background-size: contain;
		cursor: pointer;
	}
	.sp_menu_btn.close {
		width: 110px;
		height: 35px;
		padding: 2px;
		top: 18px;
		right: 20px;
		background-image: url('./img/btn_menu_close.png');
		background-repeat: no-repeat;
		background-position: right center;
		background-size: contain;
		cursor: pointer;
	}
}
/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: main */

/*--------------------------------------- common/index.html */

.body_common section {
	padding-top: 40px;
}
.body_common .body_topnew {
	position: absolute;
}
.body_common ul.tab {
	z-index: 99;
	position: relative;
}
.body_common ul.tab li {
	float: left;
	margin-right: 10px;
	padding: 6px 10px 14px;
	color: #666;
	cursor: pointer;
	width: 208px;
	text-align: center;
	background: url(tab_off.jpg) 0 center no-repeat;
	height: 13px;
}
.body_common ul.tab li:last-child {
	margin-right: 0;
}
.body_common ul.tab li:hover, .body_common ul.tab li.active {
	background: url(tab_on.jpg) 0 center no-repeat;
}
.body_common ul.tab li span {
	background: url(ic_arrow02.png) 0 center no-repeat;
	padding-left: 20px;
}
.body_common ul.tab li.red span {
	background: url(ic_arrow03.png) 0 center no-repeat;
}
.body_common div.tabContent {
	clear: both;
	border: 1px solid #d7d6d6;
	padding: 30px 20px 20px;
	display: none;
	min-height: 330px;
	background: url(../_template/new_bg.jpg) 0 0 repeat-x;
	top: -1px;
	position: relative;
	z-index: 2;
}
.body_common div.active {
	display: block;
}
.body_common .link {
	padding-top: 0;
}
/* newsList */

#new {
	padding-bottom: 60px;
}
.newsList {
	padding-bottom: 30px;
}
.newsList dt {
	clear: both;
	float: left;
	background: url(../_template/ic_arrow04.png) right center no-repeat;
	padding-right: 20px;
	width: 10%;
	margin-right: 10px;
}
.newsList dd {
	padding: 0 0 13px;
	background: url(../_template/line_dotto.png) 0 bottom repeat-x;
	margin-bottom: 13px;
}
.newsList dd a {
	display: block;
}
/*--------------------------------------- info/index.html */

/* greeting */

#info #greeting .floatL {
	width: 650px;
}
#info #greeting .floatL p {
	margin-bottom: 1.5em;
}
#info #greeting .pic {
	width: 270px;
	padding-top: 30px;
	text-align: center;
}
#greeting .frame02 ul {
	text-align: left;
	margin-left: 180px;
}
#info #greeting .frame03 .floatL {
	width: 735px;
}
#info #greeting .frame03 .floatR {
	width: 130px;
}
#info #greeting .frame03 .floatL dd {
	margin-bottom: 1.2em;
}
/* procure */

#procure dl {
	float: left;
	width: 28%;
	margin-right: 5%;
	margin-top: 20px;
}
#procure dt {
	text-align: center;
}
#procure dt span {
	display: block;
	border-radius: 6px;
	border: solid 1px #aab9d6;
	padding: 3px;
	margin-bottom: 8px;
}
#procure dd {
	padding: 6px 0 0;
}
#procure .dlList {
	margin: 20px 0 0 60px;
}
/* companyList */

#info .companyList li {
	float: left;
	display: inline;
	white-space: nowrap;
}
#info #history dt {
	clear: both;
	float: left;
	width: 7%;
	text-align: right;
}
#info #history dd {
	width: 87%;
	float: right;
	margin-bottom: 5px;
	background: url(../info/ic_history.jpg) 0 0.2em no-repeat;
	padding-left: 20px;
}
#info #history dd:last-child {
	margin-bottom: 0;
}
/* branch */

/*--------------------------------------- member/index.html */

.body_top h2 {
	padding-top: 0;
	border-top: none;
}
.body_top #con01 h2 {
	margin-bottom: 0;
}
.body_top #con01 ul.memberMenu {
	margin: 0 auto;
	padding: 0;
	width: 610px;
	text-align: center;
}
.body_top #con01 .memberMenu li {
	float: left;
	width: 180px;
	margin-right: 20px;
}
.body_top #con01 .memberMenu li:last-child {
	maegin-right: 0;
}
.body_top #con01 .memberMenu li span {
	display: block;
}
.body_top #con02 {
	text-align: center;
}
.body_top #con02 p {
	margin-bottom: 30px;
}
.body_news_member h2 {
	padding-top: 0;
	border-top: none;
}
.body_top #con03 h2 {
	width: 100%;
	margin: 0 0 0;
}
.body_top #con04 h2 {
	width: 100%;
	margin: 0 0 0;
}
.body_top #con03 ul {
	margin-bottom: 20px;
}
.body_top .body_topCon04 {
	text-align: center;
}
.body_top .body_topCon04 .frame {
	margin-top: 20px;
}
.body_top .body_topCon04 dl {
	background: url("../_template/line_dotto.png") repeat-x scroll 0 bottom;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.body_top .body_topCon04 p {
	margin-bottom: 1em;
}
.body_top .body_topCon04 .red {
	text-align: left;
}
.body_top .body_topCon04 .red li span img, .body_top .body_topCon04 dd li span img {
	margin-left: 5px;
	vertical-align: middle;
}
.body_top ul.memberItemList {
	border-left: solid 1px #dadada;
	border-top: solid 1px #dadada;
	margin-bottom: 20px;
	padding: 0;
}
.body_top .memberItemList li {
	float: left;
	width: 269.7px;
	text-align: center;
	border-right: solid 1px #dadada;
	border-bottom: solid 1px #dadada;
	padding: 20px 0;
}
.body_top .memberItemList li img {
	max-width: 100%;
}
.body_top .memberItemList li a {
	display: block;
}
.body_top #con06 li span {
	padding: 0 0 0 10px;
	margin-left: auto;
}
/*--------------------------------------- price/index.html */

.lower section.memberLower {
	margin-top: 40px;
	position: relative;
}
.memberLower .tab {
	padding: 0;
	position: relative;
	top: -69px;
	left: -20px;
	list-style: none;
}
.memberLower .tab:after{
	display:block;
	content:"";
	clear:both;
}
.memberLower .tab li {
	float: left;
	width: 240px;
	max-width:25%;
}
.memberLower .tab li img{
	max-width:100%;
}
.memberLower .main {
	position: relative;
	top: -39px;
	padding-bottom: 30px;
}
@media screen and (max-width:940px) {
	.memberLower .tab {
		top: calc(100vw * -0.072)
	}
}
@media screen and (max-width:719px) {
	.lower section.memberLower {
		margin-top: 0;
		position: relative;
	}
	.memberLower .tab {
		padding: 0;
		position: relative;
		top: 0;
		left: 0;
		list-style: none;
	}
	.memberLower .tab li {
		float: left;
		width: 240px;
	}
	.memberLower .main {
		position: relative;
		top: 0;
		padding-bottom: 30px;
	}
}
#priceList table li img {
	margin-left: 5px;
	vertical-align: middle;
}
#priceList table li {
	min-width: 140px;
	display: block;
	float: left;
}
/*--------------------------------------- delivery/index.html */

#deliveryList dd {
	padding-bottom: 10px;
}
#deliveryList .frame {
	width: 80%;
	margin: 30px auto;
	padding: 20px 20px 10px;
}
#deliveryList table .liColor td {
	background-color: #f9f7f7;
}
#deliveryList table li img {
	margin-left: 5px;
	vertical-align: middle;
}
#deliveryList table li {
	min-width: 240px;
	display: block;
	float: left;
	padding-left: 25px;
}
#deliveryList table .ic02 li {
	background: url(ic02.png) 0 center no-repeat;
}
/*--------------------------------------- item/index.html */

.body_item .halfFrame {
	margin-bottom: 40px;
}
#itemList dl {
	float: left;
	width: 49%;
	background: url("../_template/line_dotto.png") repeat-x scroll 0 bottom #f9edea;
	padding: 20px;
	margin-bottom: 20px;
}
@media screen and (max-width:719px) {
	#itemList dl {
		width: 100%;
	}
}
#itemList dl a {
	color: #cf3552;
}
#itemList dl .btn a {
	border: solid 1px #cf3552;
	background: url(ic_arrow_pink.png) 30px center no-repeat #FFF;
}
#itemList dl:nth-child(even) {
	float: right;
}
#itemList dt {
	padding-bottom: 5px;
}
#itemList dt span {
	display: block;
}
#itemList table li img {
	margin-left: 5px;
	vertical-align: middle;
}
#itemList .pdfList, #itemList table {
	margin: 10px 0 20px;
}
#itemList td {
	padding: 10px;
}
#itemList .pdfList li {
	display: inline;
	margin-right: 10px;
}
#itemList .pdfList li img {
	margin-bottom: 10px;
}
/*--------------------------------------- site_gate/index.html */

#site_gate article {
	padding: 0 20px 70px;
}
#site_gate article .center {
	margin-top: 30px;
}
.gateMenu {
	text-align: center;
	margin: 60px auto 80px;
}
.gateMenu li {
	display: inline;
	margin-right: 20px;
}
.gateMenu li:last-child {
	margin: 0;
}
/*--------------------------------------- contact/ */

.body_common .container article div {
	margin-left: auto;
	margin-right: auto;
}
.body_common .container article p.error {
	margin-top: 10px;
}
.body_common .container .center {
	margin: 40px 0;
}
/*.body_top article{
min-height:360px;
padding-bottom:40px;
}
.body_top .container article div{margin-left:auto;margin-right:auto;}
.body_top .container article p.error{margin-top:10px;}
.body_top .container .center{
margin:40px 0;
}*/

#registration article {
	min-height: 360px;
	padding-bottom: 40px;
}
/*#registration .container article p,
#registration .container article div{margin-left:100px;}
#registration .container article p.error{margin-top:10px;}
#registration .container article div{margin-right:100px;}
#registration .container .center{
margin:40px 0;
}*/

#registration .container .step {
	text-align: center;
	margin: 0 auto 20px;
}
.input_required {
	margin-left: 5px;
}
#input-table th, #input-table td {
	background: url("../_template/line_dotto.png") repeat-x scroll 0 bottom;
	padding: 20px 5px;
}
#input-table tr:last-child th, #input-table tr:last-child td {
	background: none;
}
#input-table table {
	margin: 30px auto 30px;
	width: 100%;
}
#input-table table#login-table {
	width: 500px;
	max-width:90%;
}
#input-table table th {
	width: 30%;
}
input, textarea {
	border: solid 1px #cfcfcf;
	border-radius: 5px;
	box-sizing: border-box;
	padding: 5px;
}
.input_button {
	color: #ffffff;
	padding: 5px 10px 5px 20px;
	letter-spacing: 5px;
	background-color: #a2adc2;
	cursor: pointer;
}
#input-table .submit_button {
	text-align: center;
}
.error {
	font-weight: bold;
	color: #FF0000;
}
.notice {
	font-weight: bold;
	color: #000094;
}
/*--------------------------------------- sitemap/index.html */

#sitemap article .sitemapList {
	padding: 60px 0 30px 160px;
	border-top: dotted 1px #CCCCCC;
	border-bottom: dotted 1px #CCCCCC;
	margin: 30px 0 50px;
}
#sitemap article .sitemapList ul {
	background: url("../sitemap/li_line.gif") repeat-y scroll 0 0 transparent;
	margin: 0 0 20px 15px;
	padding-top: 7px;
}
#sitemap article .sitemapList ul ul {
	margin-bottom: 0;
}
#sitemap article .sitemapList li {
	background: url("../sitemap/li_arrow02.gif") no-repeat scroll 0 0.65em transparent;
	padding: 0 0 0 14px;
	margin-bottom: 10px;
}
#sitemap article .sitemapList li li {
	margin-bottom: 0;
}
#sitemap article .sitemapList li:last-child, #sitemap article .sitemapList li li:last-child {
	background: url("../sitemap/li_arrow03.gif") no-repeat scroll 0 0 transparent;
	padding-bottom: 7px;
	margin-bottom: 0;
}



/*--------------------------------------- top/index.php */

.member_menu {
	/*padding-right: 1%;*/
	padding-bottom: 2%;
}
.member_menu ul {
	padding: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.member_menu ul li {
	padding-right: 1%;
	padding-top: 1%;
}
.member_menu ul li a{
	text-align: center;
	display: block;
	border: 2px solid #001441;
	border-radius: 5px;
	position: relative;
}
.member_menu ul li a:before {
	content: "";
	display:block;
	width: 100px;
	max-width: 30%;
	height: 15px;
	position: absolute;
	background-image:url(img/member/member_btn_next.png);
	background-repeat: no-repeat;
	background-size:contain;
	background-position: center bottom;
	right: 5px;
	bottom: 5%;
}
.member_menu ul li.cl_1 {
	width: 100%;
}
.member_menu ul li.cl_2 {
	width: 50%;
}
.member_menu ul li.cl_3 {
	width: 33.3333%;
}
.member_menu ul li img {
	vertical-align: middle;
}

/*--------------------------------------- search_box */
.search_box {
	width: 100%;
}
.search_box .search_box_inner {
	position: relative;
	max-width: 530px;
}
.search_box_title {
	color: #595959;
	padding-top: 20px;
}
.search_box .search_box_text {
	color: #444444;
	width: 100%;
	height: 36px;
	padding: 5px;
	padding-right: 50px;
	border-radius: 0;
	background-color: #ffffff;
	border: 2px solid #2d2d2d;
}
.search_box .search_box_button {
	width: 36px;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	background-color: #2d2d2d;
	border: none;
	cursor: pointer;
}
@media screen and (min-width: 720px) {
	.search_box .list_category,
	.search_box .search_box_text {
		font-size: 1.1em;
	}
}
.product_search_box{
	border:2px solid #000000;
	margin-bottom:15px;
	padding:5px 20px;
}
.product_search_title{
	display:inline-block;
	color:#6D6D6D;
}
.product_search_box ul{
	display:inline-block;
	padding-left:0;
	margin:5px 0;
}
.product_search_box li{
	display:inline-block;
}
.product_search_box .product_search_submit{
	display:block;
	text-align:center;
}
.product_search_box .product_search_submit input{
	width:80px;
	height:30px;
	color:#FFFFFF;
	border-radius:0;
	border:none;
	padding:3px 8px;
	background:url('./img/icon_search.png') #000000 no-repeat;
	background-size:contain;
	background-position:center center;
	cursor:pointer;
	text-indent:-9800px;
}


.product_top_subtitle{
	color:#6D6D6D;
	padding-top:20px;
}
.product_top_pickup_a{
	display:inline-block;
	vertical-align: middle;
	border:2px solid #000000;
	width:49%;
	margin-right:1%;
	margin-bottom:20px;
}
.product_top_pickup_b{
	display:inline-block;
	vertical-align: middle;
	border:2px solid #000000;
	width:32.5%;
	margin-right:0.7%;
	margin-bottom:20px;
}
.product_top_pickup_a_title,
.product_top_pickup_b_title{
	display:inline-block;
	vertical-align: middle;
	border-left:8px solid #000000;
	margin-left:8px;
	margin-top:10px;
	margin-bottom:10px;
	padding-top:2px;
	padding-bottom:1px;
	padding-left:1em;
	line-height:1.1em;
	vertical-align:middle;
}
.product_top_pickup_a_title{
	font-size:1.2em;
}
.product_top_pickup_a_branch{
	text-align:right;
	margin-top:10px;
	padding-right:1%;
	width:98%;
}
.product_top_pickup_b_branch{
	text-align:left;
	margin-top:10px;
	padding-left:1%;
	width:98%;
}
.product_top_pickup_a_branch img{
	width:20%;
}
.product_top_pickup_b_branch img{
	width:25%;
}
.product_top_pickup_a_image,
.product_top_pickup_b_image{
	padding-left: 2%;
	padding-right: 2%;
	text-align: center;
}
.product_top_pickup_a_spec,
.product_top_pickup_b_spec{
	padding-left: 2%;
	padding-right: 2%;
	font-size:90%;
}
.product_top_pickup_a_spec span.spec_title,
.product_top_pickup_b_spec span.spec_title{
	display: inline-block;
	padding: 2px 15px;
	color: #ffffff;
	line-height: 1.5;
	background-color: #5c5c5c;
	border-radius: 100em;
}
#product_top_newslist{
	margin-bottom:10px;
	margin-right:1%;
}
#product_top_newslist ul{
	margin-bottom:10px;
	padding:10px 0 20px;
	border:2px solid #4E4E4E;
}
#product_top_newslist ul.list_text li .listBox .icon span{
	font-size:0.8em;
	display:inline-block;
	padding:0 2em;
}
#product_top_newslist ul.list_text li .listBox .icon_1 span{
	color:#3B3B3B;
	border:1px solid #3B3B3B;
}
#product_top_newslist ul.list_text li .listBox .icon_2 span{
	color:#FE0000;
	border:1px solid #FE0000;
}
#product_top_newslist ul.list_text li .listBox .icon_3 span{
	color:#3574B8;
	border:1px solid #3574B8;
}

#product_top_newslist .icon span{
	display-inline-block;
	width:90px;
	height:20px;
	background-size:contain;
	text-indent:-9800px;
}
#product_top_newslist ul li a:link,
#product_top_newslist ul li a:visited,
#product_top_newslist ul li a:hover{
	color:#000000;
}
#product_top_newslist ul li a:hover{
	opacity:0.7;
}
@media screen and (min-width: 720px), print {
	#product_top_newslist ul li{
		padding:0 20px;
	}
	#product_top_newslist ul.list_text li .listBox {
		display: table;
	}
	#product_top_newslist ul.list_text li .listBox .date,
	#product_top_newslist ul.list_text li .listBox .icon,
	#product_top_newslist ul.list_text li .listBox .text {
		display: table-cell;
		vertical-align: top;
		padding: 10px 20px;
		border-bottom:2px solid #4E4E4E;
	}
	#product_top_newslist ul.list_text li .listBox .date{
		font-size:1em;
	}
	#product_top_newslist ul.list_text li .listBox .icon{
		width:8em;
		white-space:nowrap;
	}
}
@media screen and (max-width: 719px) {
	#product_top_newslist ul li{
		padding:0 10px;
	}
	#product_top_newslist ul.list_text li .listBox {
		padding: 10px 10px;
		display: block;
	}
	#product_top_newslist ul.list_text li .listBox .date,
	#product_top_newslist ul.list_text li .listBox .icon,
	#product_top_newslist ul.list_text li .listBox .text {
		padding: 5px 0;
		display: inline-block;
	}
	#product_top_newslist ul.list_text li .listBox .text {
		padding: 5px 0;
		display: block;
		border-bottom:2px solid #4E4E4E;
	}
}
#product_top_pickup_box a:link,
#product_top_pickup_box a:visited{
	color:#000000;
}
#product_top_newslist .icon_全国共通 span,
#product_top_pickup_box .icon_全国{
	background-image:url(img/icon_branch-01.png);
	background-repeat: no-repeat;
	background-size:contain;
	text-indent:-9800px;
}
#product_top_newslist .icon_中央支店 span,
#product_top_pickup_box .icon_中央支店{
	background-image:url(img/icon_branch-02.png);
	background-repeat: no-repeat;
	background-size:contain;
	text-indent:-9800px;
}
#product_top_newslist .icon_東北支店 span,
#product_top_pickup_box .icon_東北支店{
	background-image:url(img/icon_branch-03.png);
	background-repeat: no-repeat;
	background-size:contain;
	text-indent:-9800px;
}
#product_top_newslist .icon_北海道支店 span,
#product_top_pickup_box .icon_北海道支店{
	background-image:url(img/icon_branch-04.png);
	background-repeat: no-repeat;
	background-size:contain;
	text-indent:-9800px;
}
#product_top_newslist .icon_関西支店 span,
#product_top_pickup_box .icon_関西支店{
	background-image:url(img/icon_branch-05.png);
	background-repeat: no-repeat;
	background-size:contain;
	text-indent:-9800px;
}
#product_top_newslist .icon_東海支店 span,
#product_top_pickup_box .icon_東海支店{
	background-image:url(img/icon_branch-06.png);
	background-repeat: no-repeat;
	background-size:contain;
	text-indent:-9800px;
}
#product_top_newslist .icon_九州支店 span,
#product_top_pickup_box .icon_九州支店{
	background-image:url(img/icon_branch-07.png);
	background-repeat: no-repeat;
	background-size:contain;
	text-indent:-9800px;
}


/*--------------------------------------- product_data/index.php */
.product_branch {
	padding-top: 3%;
}
.product_branch img {
	vertical-align: middle;
	margin-bottom:6px;
}
.table_product_list {
	padding-top: 20px;
}
.table_product_list a {
	text-decoration: none;
}
.table_product_list th {
	color: #ffffff;
	background-color: #5c5c5c;
	font-weight: normal;
}

@media screen and (min-width: 480px), print {
	.table_product_list th,
	.table_product_list td {
		border: 1px solid #b2b2b2!important;
	}
	.table_product_list tr:nth-child(2n) {
		background-color: #f7f7f7;
	}
	.table_product_list .data_1 {
		width: 20%;
	}
	.table_product_list .data_2 {
		width: 10%;
		text-align: center;
	}
	.table_product_list .data_3 {
		width: 35%;
	}
	.table_product_list .data_4 {

	}
}
@media screen and (max-width: 479px) {
	.table_product_list tr {
		border-bottom: 1px solid #b2b2b2;
	}
	.table_product_list tr:first-child {
		border-top: 1px solid #b2b2b2;
	}
	.table_product_list thead th {
		display: none;
	}
	.table_product_list td {
		padding: 5px 10px;
	}
	.table_product_list td.data_1,
	.table_product_list td.data_4 {
		display: block;
		width: 100%;
	}
	.table_product_list td.data_2,
	.table_product_list td.data_3 {
		display: inline-block;
	}
	.table_product_list td.data_1 {
		padding: 20px 10px 10px;
	}
	.table_product_list td.data_4 {
		padding-bottom: 20px;
	}
	.table_product_list td[data-title]::before {
		color: #ffffff;
		background-color: #5c5c5c;
		content: attr(data-title);
		margin-bottom: 10px;
		padding: 2px 10px;
	}
	.table_product_list td.data_2[data-title]::before,
	.table_product_list td.data_3[data-title]::before {
		margin-right: 10px;
	}
	.table_product_list td.data_4[data-title]::before {
		display: block;
	}
	.table_product_list .data_1 {
		text-align: center;
	}
}
/*--------------------------------------- product_data/index_detail.php */
.columnBox_product_data {
	padding-top: 4%;
}

.title_border {
	border-left: 8px solid;
	text-align: left;
	line-height: 1.5;
	padding: 0;
	padding-left: 15px;
}
.product_data_table table {

}
.product_data_table table tr {
	border-bottom: 1px solid #989898;
}
.product_data_table table tr:first-child {
	border-top: 1px solid #989898;
}
.product_data_table table th {
	width: 20%;
	background-color: #fff;
	text-align: left;
	padding: 20px 0;
}
.product_data_table table td {

}
.product_data_spec {
	padding-top: 40px;
}
.product_data_spec .title span {
	display: inline-block;
	padding: 2px 15px;
	color: #ffffff;
	line-height: 1.5;
	background-color: #5c5c5c;
	border-radius: 100em;
}
.product_data_spec .text {
	padding-top: 20px;
}
.product_data_link {
	padding-top: 10%;
}
.product_data_link img {
	width: 100%;
	max-width: 300px;
}

@media screen and (min-width: 720px) {
	.body_product_data .column_photo {
		padding:0 20px 0 0;
	}
	.search_box .list_category,
	.search_box .search_box_text {
		font-size: 1.1em;
	}
}
/* photo */
.imagezoom-view img{
	vertical-align: baseline !important;
	max-width: none !important;
}
.photo_box{
	width:100%;
	padding: 5% 10px;
	background:#FFFFFF;
}
.photo_main_wrapper {
	display: flex !important;
	justify-content: center;
	align-items: center;
	height: 400px;
	text-align: center;
}
.photo_main_wrapper img {
	width: 100%;
	max-width: 510px;
	max-height: 400px;
}
.photo_main_wrapper span {
	display:block;
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: rgba(255,255,255,0.5);
	font-size:90%;
	width:100%;
	max-width: 510px;
	text-align:center;
}
.photo_main_box{
	cursor:pointer;
}
#gallery_main{
	margin: 15px 60px 0;
	padding:0;
}
.slider_gallery_box {
}
#gallery_main .slick-list {
	max-width: 510px;
	margin: 0 auto;
}
#gallery_main .slick-slide img{
	width:100%;
}
#gallery_main .slick-prev{
	left:-50px;
}
#gallery_main .slick-next{
	right:-50px;
}
.gallery_image_wrapper {
	display: flex !important;
	justify-content: center;
	align-items: center;
	max-width: 100px;
	height: 75px !important;
	padding:15px 0;
	cursor:pointer;
	margin: 0 5px;
	background-color: #ffffff;
	overflow: hidden;
}
.gallery_image_wrapper.slick-current {
	border: 2px solid #001441;
}
.slick-slide .gallery_image_wrapper img{
	max-width: 100%;
	max-height: 100%;
}
.popup{
	max-height:80%;
}
@media screen and (max-width: 719px) {
	#gallery_main .slick-slide img{
		width:80%;
	}
}
/*--------------------------------------- columnBox */

.columnBox .column {
	padding:1em 20px;
}
@media screen and (min-width: 720px), print {
	.columnBox {
		display: table;
		table-layout: fixed;
		width: 100%;
	}
	.columnBox .column {
		display: table-cell;
		vertical-align: top;
	}
}

/*--------------------------------------- list_text */

.list_text,
.list_text li {
	display: block;
	padding: 0;
	margin: 0;
	list-style: none;
}
.list_text {
	padding: 1em 0;
}

.list_text li a {
	text-decoration:none;
	display: block;
	color: #000000;
}
.list_text li .listBox {
	width: 100%;
}
.list_text li .date {
	font-size: 0.9em;
	width: 8em;
}
.list_text li .new {
	font-size: 0.9em;
	margin: 5px;
	color: #D2202F;
	padding: 0.01em 0.5em;
	border: 1px solid;
	border-radius: 100em;
	margin: 5px;
	display: inline-block;
	vertical-align: middle;
}
@media screen and (min-width: 481px), print {
	.list_text li .listBox {
		display: table;
	}
	.list_text li .listBox .date,
	.list_text li .listBox .text {
		display: table-cell;
		vertical-align: middle;
		padding: 10px 20px;
	}
}
@media screen and (max-width: 480px) {
	.list_text li .listBox {
		padding: 10px 20px;
		display: block;
	}
	.list_text li .listBox .date,
	.list_text li .listBox .text {
		padding: 5px 0;
		display: block;
	}
}
/*--------------------------------------- page_titlebar */
.titlebar{
	border-top:1px solid #000000;
	padding-top:80px !important;
	padding-bottom:60px;
	background: rgb(232,232,232);
	background: linear-gradient(90deg, rgba(232,232,232,1) 0%, rgba(255,255,255,1) 100%);
}
.titlebar .titlebar_title{
	max-width: 1080px;
	margin:0 auto;
}
.titlebar .titlebar_title img{
	width: 100%;
	max-width: 600px;
	padding-left:calc(100vw * 0.03);
}

/*--------------------------------------- top mypage */

h2#title{
	text-align:center;
	color:#808DAB;
	width:100%;
	margin:0 auto 30px;
	padding-top:10px;
	line-height:1.5;
	border-bottom:#4C5F87 5px solid;
}
h3{
	font-size:1.2em;
	font-weight:bold;
	color:#4C5F86;
	border-bottom: solid 1px #4c5f86;
	margin-top: 50px;
	line-height:1.5;
	padding-bottom: 10px;
}

/*--------------------------------------- registration */
.table_registration {
	line-height: 1.4;
}
.table_registration tr {
	border-bottom: 1px solid;
}
.table_registration tr:first-child {
	border-top: 1px solid;
}

/*--------------------------------------- news */
.top_news_list_link{
	display:block;
	position:absolute;
	right:15px;
	top:15px;
	width:120px;
	height:40px;
	background-image:url('./img/btn_top_news_list.png');
	background-repeat:no-repeat;
}
.top_news_list_link a{
	display:inline-block;
	text-indent:-9800px;
	width:120px;
	height:40px;
}
.top_news{
	margin-bottom:50px;
}
.top_news ul{
	margin-top:10px;
	margin-bottom:30px;
	padding:40px 0;
	border:2px solid #4E4E4E;
	list-style:none;
}
.top_news ul.list_text li .listBox .icon span{
	font-size:0.8em;
	display:inline-block;
	padding:0 2em;
}
.top_news ul.list_text li .listBox .icon_お知らせ span{
	color:#3B3B3B;
	border:1px solid #3B3B3B;
}
.top_news ul.list_text li .listBox .icon_重要項目 span{
	color:#FE0000;
	border:1px solid #FE0000;
}
.top_news ul.list_text li .listBox .icon_商品情報 span{
	color:#3574B8;
	border:1px solid #3574B8;
}
.top_news ul.list_text li .listBox .icon_イベント span{
	color:#FFB600;
	border:1px solid #FFB600;
}
.top_news ul.list_text li .listBox .icon_リリース span{
	color:#007D00;
	border:1px solid #007D00;
}
.top_news ul.list_text li .listBox .icon_適時開示 span{
	color:#111111;
	border:1px solid #111111;
}
.top_news .icon2 {
	display: table-cell;
	vertical-align: top;
	padding: 10px 10px;
	width: 120px;
	white-space: nowrap;
}
.top_news .icon2 span{
	display:inline-block;
	width:100px;
	height:25px;
	background-size:contain;
	background-position:bottom;
	text-indent:-9800px;
}
.top_news .icon_全国共通 span{
	background-image:url(./img/icon_branch-01.png);
	background-repeat: no-repeat;
	background-size:contain;
	text-indent:-9800px;
}
.top_news .icon_中央支店 span{
	background-image:url(./img/icon_branch-02.png);
	background-repeat: no-repeat;
	background-size:contain;
	text-indent:-9800px;
}
.top_news .icon_東北支店 span{
	background-image:url(./img/icon_branch-03.png);
	background-repeat: no-repeat;
	background-size:contain;
	text-indent:-9800px;
}
.top_news .icon_北海道支店 span{
	background-image:url(./img/icon_branch-04.png);
	background-repeat: no-repeat;
	background-size:contain;
	text-indent:-9800px;
}
.top_news .icon_関西支店 span{
	background-image:url(./img/icon_branch-05.png);
	background-repeat: no-repeat;
	background-size:contain;
	text-indent:-9800px;
}
.top_news .icon_東海支店 span{
	background-image:url(./img/icon_branch-06.png);
	background-repeat: no-repeat;
	background-size:contain;
	text-indent:-9800px;
}
.top_news .icon_九州支店 span{
	background-image:url(./img/icon_branch-07.png);
	background-repeat: no-repeat;
	background-size:contain;
	text-indent:-9800px;
}
@media screen and (min-width: 720px), print {
	.top_news ul li{
		padding:0 50px;
	}
	.top_news ul li a{
		padding:0;
	}
	.top_news ul.list_text li .listBox {
		display: table;
	}
	.top_news ul.list_text li .listBox .date,
	.top_news ul.list_text li .listBox .icon,
	.top_news ul.list_text li .listBox .icon2,
	.top_news ul.list_text li .listBox .text {
		display: table-cell;
		vertical-align: top;
		padding: 10px 20px;
		border-bottom:2px solid #4E4E4E;
	}
	.top_news ul.list_text li .listBox .date{
		font-size:1em;
	}
	.top_news ul.list_text li .listBox .icon{
		width:8em;
		white-space:nowrap;
	}
}
@media screen and (max-width: 719px) {
	.top_news ul li a{
		padding:0 10px;
	}
	.top_news ul.list_text li .listBox {
		padding: 10px 10px;
		display: block;
	}
	.top_news ul.list_text li .listBox .date,
	.top_news ul.list_text li .listBox .icon,
	.top_news ul.list_text li .listBox .icon2,
	.top_news ul.list_text li .listBox .text {
		padding: 5px 0;
		display: inline-block;
	}
	.top_news ul.list_text li .listBox .text {
		padding: 5px 0;
		display: block;
		border-bottom:2px solid #4E4E4E;
	}
}