@charset "UTF-8";
/*
Theme Name: mire2017
Description: This theme was created with the website renewal project in 2017.
Theme URI:
Author: nova-system
Author URI: http://www.nova-system.com/
Version: 1.0
License: Mire Shinyo Kumiai
License URI:
*/

/****************************************

          webフォント

*****************************************/

@import url(https://fonts.googleapis.com/css?family=Lato:400,700);

/****************************************

          General Setting

*****************************************/

html{
	overflow-x : hidden;
	overflow-y : auto;
	font-size: 62.5%;
}
html, body {
	margin: 0;
	padding: 0;
}

body {
	overflow-x : hidden;
	overflow-y : auto;
	color: #3c3c3c;
	font-size: 1.6rem;
	font-family: Lato, メイリオ, Meiryo, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro',  Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	letter-spacing: 1px;
	word-wrap:break-word;
}


/****************************************

          Typography

*****************************************/

h1, h2, h3, h4, h5, h6{
	font-weight: normal;
}

h1 {
	margin-bottom: 10px;
}
input, textarea, keygen, select, button {
	 font-family:Lato, メイリオ, Meiryo, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro',  Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
blockquote{
	margin-bottom: 2em;
	margin-left: 20px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
}

header,
article,
footer,
section,
nav,
article { display: block; }


/****************************************

          List

*****************************************/

ul,ol {
	margin: 0;
	padding: 0;
}
ul ul {
	margin-left: 1em;
}
.horizon_dl dt {
	float: left;
	clear: left;
	width: 90px;
}
.horizon_dl dd {
	float: left;
	margin: 0px;
}
.horizon_dl:after {
	display: block;
	content: "";
	clear: left;
}

/****************************************

          table

*****************************************/

table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	font-size: 1.3rem;
	border-top: solid 1px #ccc;
}
th {
	background: #eee;
	font-size: 1.2rem;
	padding: 3px;
	text-align: inherit;
	border-bottom: solid 1px #ccc;
}
td {
	padding: 10px 3px;
	border-bottom: solid 1px #ccc;
}
.type01,
.type02 {
	margin: 20px 0px 30px;
}
.type01 th {
	width: 17%;
	padding-left: 7px;
}
.type01 td {
	padding-left: 10px;
}
.type02 th {
	padding-left: 7px;
	border-bottom: solid 1px #ccc;
	border-right: solid 1px #ccc;
}
.type02 tbody th {
	background: #f9f9f9;
}
.type02 thead,
.type02 tbody td {
	text-align: center;
}
.type02 th,
.type02 td {
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
}
.type02 th:last-child,
.type02 td:last-child {
	border-right: none;
}
.type01_2 th {
	width: 50%;
}
.inner_table table {
	width: auto;
}
.inner_table th {
	width: auto;
}
.inner_table td,
.inner_table th {
	border-right: solid 1px #ccc;
}
.inner_table td:first-child,
.inner_table th:first-child {
	border-left: solid 1px #ccc;
}


/****************************************

          Link

*****************************************/

a {
	color: inherit;
	text-decoration: underline;
	transition: color .2s;
}
a:hover {
	color: #0086e8;
	transition: background .3s;
}


/****************************************

          Layout

*****************************************/

#wrapper {
	border-top: solid 7px darkblue;
	position: relative;
	transition: transform 0.3s;
}

#container {
	margin: auto;
	max-width: 980px;
	display: flex;
}

#sideMenu > header {
	margin-bottom: 30px;
}

#policy > ul,
#footerMenu > ul {
	max-width: 980px;
	margin: auto;
	list-style: none;
}

#contents{
	width: 100%;
	background-color: white;
	-webkit-box-ordinal-group:2;
	-ms-flex-order:2;
	-webkit-order:2;
	order: 2;
	padding-bottom: 30px;
}
#sideMenu{
	width: 24%;
	margin-right: 2%;
	background-color: darkblue;
	-webkit-box-ordinal-group:1;
	-ms-flex-order:1;
	-webkit-order:1;
	order: 1;
}
p{
	margin: 0px;
}

/****************************************

          header

*****************************************/

*:first-child+html #header > div{ /* IE7 */
	clear: both;
	zoom:1;
}

#hgroup_logo {
	padding: 15px 0;
	max-width: 980px;
	margin: auto;
	display: flex;
	align-items: flex-end;
}
h1#logo {
	margin: 0px;
}
h1#logo a{
	border: none;
	display: block;
	background: url(logo.png);
	height: 0px;
	padding-top: 47px;
	overflow: hidden;
	line-height: normal;
	background-size: contain;
	background-repeat: no-repeat;
}
#hgroup_logo p {
	font-size: 1.1rem;
	text-align: center;
	background-color: #f5f5f5;
	color: #777;
	margin-left: 20px;
	padding: 3px;
	display: inline-block;
	border: solid 1px #e2e2e2;
}
.mobile_inquiry {
	display :none;
}

/****************************************

          Navigation

*****************************************/

nav ul {
	font-size: 1.5rem;
	list-style: none;
}
nav ul li a {
	color: white;
	padding: 7px 15px 4px;
	display: block;
	font-weight: bold;
	text-decoration: none;
}
nav ul li > ul li a {
	font-size: 1.2rem;
	font-weight: normal;
	color: #ddddff;
	padding: 2px 15px 2px;
	text-decoration: none;
}
nav ul li > ul li {
	position: relative;
}
nav ul li > ul li::after {
	display: block;
	content: '';
	position: absolute;
	top: 0.5em;
	left: 0em;
	width: 6px;
	height: 6px;
	border-right: 1px solid #bbbbff;
	border-bottom: 1px solid #bbbbff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
nav ul li > ul li.nav_mago::after {
	display: none;
}
nav ul li a:hover,
nav ul li > ul li a:hover {
	color: white;
}
nav ul li > ul li:hover::after {
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

nav ul li a:hover,
nav ul li > ul li a:hover,
#policy ul a:hover {
	background-color: #3636bb;
	transition: background-color .2s;
}
#policy ul > li.pol_child::after {
	display: none;
}
li.current_page_item {
	background: #3a3ab7;
	border-right: solid 5px #a0abfb;
}
li.current_page_item a {
    color: white;
}


/*-----------スマホのトグルボタン-------------*/

#nav .toggle {
	position: absolute;
	left: -66px;
	top: 0;
	cursor: pointer;
	background: rgba(0, 0, 0, 0.6);
	padding: 15px;
	color: #fff;
}
#nav .toggle .bar1,
#nav .toggle .bar2,
#nav .toggle .bar3 {
	width: 25px;
	height: 2px;
	background: #FFF;
	margin-bottom: 8px;
	transition: all 0.6s;
}
#nav {
	display: none;
	z-index: 1;
}

#nav li {
	display: inline-block;
}
#wrapper.menu-open {
	transform: translate(-230px, 0);
}
#nav.open .bars .bar1 {
	transform: rotate(45deg) translate(8px, 7px);
}
#nav.open .bars .bar2 {
	opacity: 0;
}
#nav.open .bars .bar3 {
	transform: rotate(-45deg) translate(7px, -6px);
}

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

	#nav {
		width: 230px;
		height: 100%;
		position: absolute;
		top: 0;
		right: -230px;
		display: block;
		background: #333;
	 }
	#nav li{
		display: block;
		padding: 8px 10px 0px 10px;
	}
	#nav li.nav_kodomo{
		display: block;
		padding: 0px 0px 8px 10px;
	}
	#nav li a:hover, #nav li a:focus {
		border-color: transparent;
		background: rgba(0, 0, 0, 0.5);
		color: #5cd;
	}
	#nav a {
		color: white;
		font-weight: bold;
		font-size: medium;
		display: block;
		text-decoration: none;
	}
	#nav li > ul a {
		color: #999;
		font-size: small;
		text-decoration: none;
	}

	#nav li > ul li.current_page_item {
		background: #3a3ab7;
		border-right: solid 5px #a0abfb;
	}

	#nav li > ul li.current_page_item a {
	    color: white;
	}

}


/****************************************

          aside

*****************************************/

#banner {
	width: 100%;
	margin: 30px 0px;
}
#banner ul {
	list-style: none;
	margin: auto;
}
#banner > ul img {
	width: 100%;
	display: block;
}
#banner > ul li {
	background: #fff;
	margin: 3px;
}
#banner > ul li a {
	display: block;
	text-decoration: none;
}
#banner > ul li a:hover,
#btnLogin a:hover,
.login a:hover,
.campaign a:hover,
.miredirect a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}
#policy {
	padding-left: 10px;
	margin-bottom: 30px;
	font-size: 1.1rem;
}
#policy ul {
	list-style:none;
}
#policy ul li {
	position: relative;
}
#policy ul li + li {
    margin-top: 15px;
}
#policy ul a {
	color: white;
	display: block;
	padding-left: 15px;
	text-decoration: none;
}
#policy ul li::after {
	display: block;
	content: '';
	position: absolute;
	top: 0.4em;
	left: 0em;
	width: 6px;
	height: 6px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}


/****************************************

          フッター

*****************************************/

footer {
	clear: both;
	border-top: 1px solid #ccc;
	background-image: url(image/backgroud_footer.png);
	background-size: inherit;
	background-color: white;
	background-repeat: repeat-x;
	background-position: 0px 80%;
}
#footerMenu a {
	color: #333;
	text-decoration: none;
}
#footerMenu a:hover {
	color: #0086e8;
}
/*#footerMenu > ul {
    font-size: 1.2rem;
    margin: 20px auto;
    font-weight: bold;
    letter-spacing: 0;
}
a.aa {
    width: 17%;
    display: inline-block;
}
#footerMenu ul li > ul {
    font-size: 1.2rem;
    font-weight: normal;
    display: inline-flex;
}
#footerMenu > ul {
	display: flex;
	font-size: 1.2rem;
	justify-content: space-between;
	margin: 20px auto;
	font-weight: bold;
	letter-spacing: 0;
}*/
/*#footerMenu > ul li {
    margin: 10px;
}*/
#footerMenu > ul {
	font-size: 1.4rem;
	margin: 20px auto;
	font-weight: bold;
	letter-spacing: 0;
	column-count: 4;
	column-fill: balance;
	list-style: none;
}
#footerMenu>ul>li {
	margin-bottom: 0px;
	margin-top: 12px;
	list-style: none;
}
#footerMenu>ul>li:first-child {
	margin-bottom: 0px;
	margin-top: 0px;
	list-style: none;
}
#footerMenu ul li > ul {
	font-size: 1.2rem;
	font-weight: normal;
	margin-left: 1em;
	list-style: none;
}
#footerMenu ul li > ul li {
	margin: 4px 15px;
	position: relative;
	list-style: none;
}
#footerMenu ul li > ul a:hover {
	color: #0086e8;
	font-weight: bold;
}
#footerMenu ul li > ul li::after {
	content: '';
	position: absolute;
	top: 0.4em;
	left: -1em;
	box-sizing: border-box;
	width: 4px;
	height: 4px;
	border: 4px solid transparent;
	border-left: 4px solid #3a84df;
}
#copyright {
	background-color: darkblue;
	color: white;
	font-size: 1.4rem;
	text-align: center;
	padding: 20px 0px;
}
#copyright p {
	margin: 0;
}

/****************************************

          フロントページ

*****************************************/
#topImage img {
	width: 100% !important;
	height: auto !important;
}
#topImage > div {
	margin: auto;
}
#topImage {
	position: relative;
}
#topImage img:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}
#topImage .hideRight {
	display: block;
	cursor: pointer;
	position: absolute;
	top: 0px;
	left: 50%;
	width: 100%;
	height: 100%;
	margin-left: 801px;
	background-color: rgba(165, 165, 165, 0.5);
}
#topImage .hideLeft {
	display: block;
	cursor: pointer;
	position: absolute;
	top: 0px;
	right: 50%;
	width: 100%;
	height: 100%;
	margin-right: 801px;
	background-color: rgba(165, 165, 165, 0.5);
}
#btnLogin {
	/*background-color: darkblue;*/
	padding: 50px 0;
	margin-bottom:10px;
}
#btnLogin_mb {
	margin: 10px;
}
#btnLogin_mb {
	display: none;
}
#btnLogin ul {
	max-width: 980px;
	margin: auto;
}
#btnLogin ul,
#btnLogin_mb ul {
	display: flex;
	list-style: none;

}
#btnLogin a {
	display: grid;
}
#btnLogin li,
#btnLogin_mb li {
	margin-right: 10px;
}
#btnLogin li:last-child,
#btnLogin_mb li:last-child {
	margin-right: 0px;
}
#btnLogin img,
#btnLogin_mb img {
	width: 100%;
}
#btnLogin_IN{	
	width: 100%;
	text-align: center;
}	
#btnLogin_2{	
	/*background-color: darkblue;*/
	padding: 10px 0px 0px;
	width: 100%;
	max-width: 980px;
	display: inline-block;
}	
#btnLogin_2 img,	
#btnLogin_mb_2 img {	
	object-fit: cover;
}
#topCategory {
	display: flex;
	justify-content: space-between;
	margin: 0 10px 10px 10px;
	flex-wrap: wrap;
}
#notice {
	background-color: #fff4f0;
	border: 1px solid #f5855c;
	padding: 10px;
	margin: 0 10px 20px;
}
#notice .text,
#notice a {
	font-size: 1.2rem;
	position: relative;
	padding-left: 35px;
	display: block;
	letter-spacing: 1.5px;
	text-decoration: none;
}
#notice a::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 25px;
	left: 0%;
	background: url(image/fishwall_icon.svg) top left no-repeat;
	background-size: contain;
}
#notice a:hover{
	color:#FF4800;
}
#topCategory section {
	margin-right: 10px;
	margin-bottom: 10px;
	width: 48%;
}
/*#topCategory section:last-child {
	margin-right: 0px;
}*/
#topCategory h2 {
	margin: 0px;
	padding: 5px 0;
	text-align: center;
	font-size: 1.5rem;
	font-weight: bold;
	color: white;
	position: relative;
}
#topCategory h2::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 24px;
	left: 23%;
}
#topCategory section.category1 > h2::before,
.categoryButton > ul li.categoryButton1 a:hover::before,
.title_okane::after {
	background: url(image/topCategory1.svg) top left no-repeat;
	background-size: contain;
}
#topCategory section.category2 > h2::before,
.title_kariru::after {
	background: url(image/topCategory2.svg) top left no-repeat;
	background-size: contain;
	height: 29px;
	top: 1px;
}
#topCategory section.category3 > h2::before {
	background: url(image/topCategory3.svg) top left no-repeat;
	background-size: contain;
}
#topCategory section.category4 > h2::before {
	background: url(image/topCategory4.svg) top left no-repeat;
	background-size: contain;
}
section.category1 {
	background-color: #e9f3ff;
}
section.category2 {
	background-color: #f2fbdb;
}
section.category3 {
	background-color: #fff5c8;
}
section.category4 {
	background-color: #ffebf3;
}
.category1 > h2 {
	background-color: #4374e3;
}
.category2 > h2 {
	background-color: #459b00;
}
.category3 > h2 {
	background-color: #ffc323;
}
.category4 > h2 {
	background-color: #e95e8c;
}
#topCategory section > ul {
	padding: 10px;
	list-style: none;

}
#topCategory section ul li a {
	font-size: 1.4rem;
	width: 100%;
	padding: 5px 0;
	margin: 0px 0px 5px 0px;
	display: block;
	text-align: center;
	background: -webkit-linear-gradient(top, #ffffff 0%,#feffff 35%,#e8e8e8 100%);/* Chrome10-25,Safari5.1-6 */
	background: -moz-linear-gradient(top, #ffffff 0%, #feffff 35%, #e8e8e8 100%); /* FF3.6-15 */
	background: linear-gradient(to bottom, #ffffff 0%,#feffff 35%,#e8e8e8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	border: solid 1px #e1e1e1;
	position: relative;
	overflow: hidden;
	text-decoration: none;
}
#topCategory section ul li a:hover {
	color: white;
}
#topCategory section.category1 ul li a:hover {
	background: #4374e3;
	border: solid 1px #458fd2;
}
#topCategory section.category2 ul li a:hover {
	background: #75b73f;
	border: solid 1px #a4c300;
}
#topCategory section.category3 ul li a:hover {
	background: #ffc323;
	border: solid 1px #f9d842;
}
#topCategory section.category4 ul li a:hover {
	background: #ec5e8e;
	border: solid 1px #e67797;
}
.category1>ul li a::after,
.category2>ul li a::after,
.category3>ul li a::after,
.category4>ul li a::after  {
	content: "";
	position: absolute;
	width: 100%;
	height: 17px;
	left: 85%;
	top: 22%;
}
.category1>ul li a::after {
	background: url(image/arrow1.svg) top left no-repeat;
	background-size: contain;
}
.category2>ul li a::after {
	background: url(image/arrow2.svg) top left no-repeat;
	background-size: contain;
}
.category3>ul li a::after {
	background: url(image/arrow3.svg) top left no-repeat;
	background-size: contain;
}
.category4>ul li a::after {
	background: url(image/arrow4.svg) top left no-repeat;
	background-size: contain;
}
.category1>ul li a:hover::after,
.category2>ul li a:hover::after,
.category3>ul li a:hover::after,
.category4>ul li a:hover::after {
	background: url(image/arrowon.svg) top left no-repeat;
	background-size: contain;
}
.topics {
	margin: 15px 10px;
}
.topics > section {
	padding: 40px 0px;
}
.topics a{
	text-decoration: none;
}
.topics a section {
	padding: 15px;
	border-bottom: dotted 1px #ccc;
	display: flex;
	position: relative;
}
.topics a section:hover {
	background: #e9f3ff;
}
.pdf {
	content: "";
	background: url(image/PDF_file_icon_24.png);
	display: block;
	position: absolute;
	width: 23px;
	height: 23px;
	top: 13px;
	right: 5%;
}
.topics p {
	font-size: 1.3rem;
	margin: 0px;
	min-width: 11em;
}
.topics p.info-list {
	font-size: 1.3rem;
	margin: 0px;
	min-width: 4em;
	padding-right: 30px;
}
.topics h3 {
	font-size: 1.3rem;
	margin: 0px;
	width: 75%;
	padding-right: 60px;
}
a.postList {
	text-align: right;
	font-size: 1.2rem;
	display: block;
	margin-top: 20px;
	padding-right: 7px;
	position: relative;
	text-decoration: none;
}
a.postList::before {
	display: block;
	content: '';
	position: absolute;
	top: 0.5em;
	right: 0em;
	width: 6px;
	height: 6px;
	border-right: 1px solid #3c3c3c;
	border-bottom: 1px solid #3c3c3c;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

@media all and (-ms-high-contrast:none) {
	/* IE11対応 */
	a.postList::before {
		top: 0.3em;
	}

	#topCategory h2::before {
		margin-top:-3px;
	}

}

a.postList:hover::before {
	border-right: 1px solid #0086e8;
	border-bottom: 1px solid #0086e8;
}

/****************************************

          サブページ

*****************************************/

.title_page {
	margin: 10px 10px 20px;
	border-bottom: solid 4px darkblue;
	padding-left: 20px;
}
.title_page > p {
	margin: 0px;
	color: #ccc;
	font-size: 2.2rem;
}
.title_page > h1 {
	margin-top: 5px;
	font-weight: bold;
	color: darkblue;
	font-size: 2.8rem;
}

.page_sub {
	margin: 15px 10px;
	padding: 10px;
}
.page_sub img {
	width: 100%;
	height: auto;
}
.topics h2,
.page_sub h2 {
	font-size: 1.6rem;
	background-color: #e7eff8;
	border-top: solid 3px #8ab6e7;
	padding: 5px 0px 5px 15px;
	margin: 0px 0px 20px 0px;
}
.page_sub_h3 {
	margin: 10px;
}
.page_sub_h3 h3 {
	margin: 10px 0px;
	font-size: 1.4rem;
	padding: 3px 10px;
	font-weight: bold;
	border-top: none;
	background: darkblue;
	color: white;
}
.page_sub_h3 a:hover h3 {
	color: #0086e8;
}
.page_sub_h4 {
	margin: 20px 10px;
}
.page_sub_h4 h4 {
	font-size: 1.4rem;
	padding: 3px 10px;
	font-weight: bold;
	border-top: none;
	border-left: solid 10px #0086e8;
	border-bottom: dotted 1px #ccc;
}
.page_sub_h5 {
	margin: 20px 10px;
}
.page_sub_h5 h5 {
	font-weight: bold;
}
.page_sub_h5 h5:before {
	content: "●";
	color: #0086e8;
	padding-left: 5px;
	font-size: 1.5rem;
}

.page_sub .btn {
	margin: 10px;
}
.page_sub .btn ul {
	display: flex;
	justify-content: space-around;
	list-style: none;
}
.page_sub .btn li {
	padding: 3px 20px;
	background-color: #ffc323;
	position: relative;
	border-bottom: solid 5px #e4913b;
	border-right: solid 5px #e4913b;
	border-top: solid 5px #ffc323;
	border-left: solid 5px #ffc323;
	cursor: pointer;
}
.page_sub .btn li:after {
	content: ">";
	color: white;
	padding-left: 10px;
}
.page_sub .btn a {
	color: white;
	font-size: 1.4rem;
	text-decoration: none;
}
.page_sub .btn li:before {
	content: "";
	display: block;
	position: absolute;
	width: 21px;
	height: 21px;
	top: 3px;
	background-size: contain;
}
.page_sub .btn li:hover {
	background-color: #feffff;
	border-bottom: solid 5px #ffc323;
	border-right: solid 5px #ffc323;
}
.page_sub .btn li:hover a,
.shohin_pdfDL li:hover::after {
	color: #ffb300;
}
.page_sub ul,ol	 {
	padding-left: 1.5em;
}
.page_sub li {
	list-style-position:outside;
}
.page_sub ul ul {
	margin-left: 0em;
}
.page_sub ul ul>li, ul ol>li, ol ul>li, ol ol>li {
	text-indent: initial;
}
.page_sub ul.chu {
	padding-left: 1em;
}
.page_sub ul.chu li {
	list-style-type:none;
	text-indent: -1em;
	margin-left: 0px;
}

.page_sub .w90per {
	width: 90%;
}

.page_sub .centering {
	margin: auto;
}
.page_sub .align-right{
	text-align: right;
}
.modoru {
	text-align:right;
	margin-top: -25px;
	font-size: 0.8em;
	vertical-align: top;
}
.original_size {
	text-align: center;
}
.original_size img {
	width: auto;
	max-width: 100%;
}
.orikaeshi {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.type02 th.tabletext,
.type02 td.tabletext {
	text-align: left;
	padding-left: 1em;
}
.subText {
	padding-left: 1em;
}



/********  商品情報 *************/
.categoryButton {
	margin: 10px 10px 60px
}
.categoryButton > ul {
	width: 100%;
	display: flex;
	justify-content: space-around;
	list-style: none;
	padding-left: 0px;
}
.categoryButton > ul li {
	    width: 100%;
	    margin: 0px;
}
.categoryButton > ul li a {
	text-align: center;
	display: block;
	background: -webkit-linear-gradient(top, #ffffff 0%,#feffff 35%,#e8e8e8 100%);
	background: -moz-linear-gradient(top, #ffffff 0%, #feffff 35%, #e8e8e8 100%); /* FF3.6-15 */
	background: linear-gradient(to bottom, #ffffff 0%,#feffff 35%,#e8e8e8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	padding: 20px 0px 20px 20px;
	border: solid 1px #e1e1e1;
	position: relative;
	font-size: 140%;
	margin: 0 20px;
	text-decoration: none;
}
.categoryButton > ul li a::before {
	position: absolute;
	content: "";
	width: 90%;
	height: 41px;
	left: 10%;
}
.categoryButton > ul li.categoryButton3 a::before {
	background: url(image/categoryButton3.svg) top left no-repeat;
	background-size: contain;
	width: 75%;
	left: 25%;
	height: 38px;
}
.categoryButton > ul li.categoryButton4 a::before {
	background: url(image/categoryButton4.svg) top left no-repeat;
	background-size: contain;
	top: 17px;
	height: 38px;
}
.categoryButton > ul li.categoryButton5 a::before {
	background: url(image/categoryButton5.svg) top left no-repeat;
	background-size: contain;
	height: 38px;
	top: 21px;
}
.categoryButton > ul li.categoryButton6 a::before {
	background: url(image/categoryButton6.svg) top left no-repeat;
	background-size: contain;
	top: 21px;
	height: 35px;
}
.categoryButton > ul li.categoryButton7 a::before {
	background: url(image/categoryButton7.svg) top left no-repeat;
	background-size: contain;
	height: 33px;
	top: 22px;
}
.categoryButton > ul li a:hover::before {
	transition: background .2s;
}
.categoryButton > ul li.categoryButton3 a:hover::before {
	background: url(image/categoryButton3on.svg) top left no-repeat;
	background-size: contain;
}
.categoryButton > ul li.categoryButton4 a:hover::before {
	background: url(image/categoryButton4on.svg) top left no-repeat;
	background-size: contain;
}
.categoryButton > ul li.categoryButton5 a:hover::before {
	background: url(image/categoryButton5on.svg) top left no-repeat;
	background-size: contain;
}
.categoryButton > ul li.categoryButton6 a:hover::before {
	background: url(image/categoryButton6on.svg) top left no-repeat;
	background-size: contain;
}
.categoryButton > ul li.categoryButton7 a:hover::before {
	background: url(image/categoryButton7on.svg) top left no-repeat;
	background-size: contain;
}
li.categoryButton3 a,
li.categoryButton4 a,
li.categoryButton5 a {
	letter-spacing: 10px;
}
li.categoryButton6 a,
li.categoryButton7 a {
	letter-spacing: 5px;
}
.categoryButton > ul li a:hover {
	color :white;
}

.categoryButton > ul li.categoryButton4 a:hover,
.categoryButton > ul li.categoryButton5 a:hover,
.title_okane {
	background: #4374e3;
}
.categoryButton > ul li.categoryButton6 a:hover,
.categoryButton > ul li.categoryButton7 a:hover,
.title_kariru {
	background: #4374e3;
}
.categoryButton > ul li.categoryButton2 a:hover,
.categoryButton > ul li.categoryButton3 a:hover {
	background: #4374e3;
}

.dl_list ul {
    padding-left: 0;
    list-style: none;
}
.dl_list li {
    padding: 15px 10px;
    clear: both;
    display: block;
}
.dl_list a {
    display: block;
    padding: 7px;
    text-decoration: none;
}
.dl_list dl {
    padding: 0;
    margin: 0;
}
a.webloan {
    float: right;
    font-size: 1.2rem;
    border-bottom: solid 2px #0c70b9;
    border-right: solid 2px #0c70b9;
    padding: 1px 7px;
    background-color: #0086e8;
    color: white;
    margin-top: 5px;
}

a.webloan2 {
    float: right;
    font-size: 1.2rem;
    padding: 0;
    margin-top: 5px;
    border-bottom: solid 1px #333;
}

/*.dl_list a {
	display: block;
	margin-bottom: 20px;
	padding: 10px;
}
.dl_list dl {
	padding: 10px;
}
*/
.dl_list a:hover {
	background: #e9f3ff;
}
a.webloan2:hover {
	background: none;
	border-bottom: solid 1px #0086e8;
}
a.webloan:hover {
	color: #0086e8;
	background: #e9f3ff;
	border-bottom: solid 2px #0086e8;
    border-right: solid 2px #0086e8;
}

.dl_list dt {
	font-size: 1.5rem;
	margin: 0px;
	display: block;
	border-bottom: dotted 1px #ccc;
	padding-left: 10px;
	font-weight: bold;
}
.dl_list dt::before {
	content: "・";
}
.dl_list dd {
	font-size: 1.2rem;
	margin: 0;
	padding-left: 3em;
	color: #777;
	padding-top: 3px;
}
.shohinlist {
	margin: 10px;
}
.shohinlist ul {
	font-size: 1.4rem;
	list-style: none;

}
.shohinlist ul li {
	margin-bottom: 10px;
	border-bottom: solid 1px #999;
	display: table;
}
.shohinlist ul a:hover li {
	border-bottom: solid 1px #0086e8;
}
.shohinlist li:before {
	content: "・";
}
.shohincategory {
	display: flex;
	justify-content: space-between;
	margin-bottom: 50px;
}
.shohincategory >section {
	width: 100%;
	margin: 0 10px;
}

@media all and (-ms-high-contrast:none) {
	/* IE11対応 */
	.categoryButton > ul li.categoryButton3 a::before {
		margin-top: -6px;
	}
	.categoryButton > ul li.categoryButton4 a::before {
		margin-top: -6px;
	}
	.categoryButton > ul li.categoryButton5 a::before {
		margin-top: -6px;
	}
	.categoryButton > ul li.categoryButton6 a::before {
		margin-top: -6px;
	}
	.categoryButton > ul li.categoryButton7 a::before {
		margin-top: -6px;
	}
}
/********  商品詳細ページ *************/
.shohin > section {
    overflow: hidden;
}
.shohin > header h1 {
	color: #333;
}
.shohin_image {
	display: block;
	margin: 10px;
	text-align:center;
}
.shohin_image img{
	width: auto;
	max-width:100%;
}
.shohin_pdfDL {
	margin: 10px;
}
.shohin_pdfDL ul {
	display: flex;
	justify-content: space-around;
	list-style: none;
	padding-left: 0px;
}
.shohin_pdfDL li {
	padding: 3px 20px;
	background-color: #ffc323;
	position: relative;
	border-bottom: solid 5px #e4913b;
	border-right: solid 5px #e4913b;
	border-top: solid 5px #ffc323;
	border-left: solid 5px #ffc323;
	cursor: pointer;
	margin-left:0px;
}
.shohin_pdfDL li:after {
	content: ">";
	color: white;
	padding-left: 10px;
}
.shohin_pdfDL a {
	text-decoration: none;
}
.shohin_pdfDL span {
	color: white;
	font-size: 1.4rem;
	padding-left: 30px;
}
.shohin_pdfDL li:before {
	content: "";
	background: url(image/PDF_file_icon_24.png);
	display: block;
	position: absolute;
	width: 21px;
	height: 21px;
	top: 3px;
	background-size: contain;
}
.shohin_pdfDL li:hover {
	background-color: #feffff;
	border-bottom: solid 5px #ffc323;
	border-right: solid 5px #ffc323;
}
.shohin_pdfDL li:hover span,
.shohin_pdfDL li:hover::after {
	color: #ffb300;
}
.shohin_webloan {
	margin-bottom: 30px;
	text-align: center;
}
.shohin_webloan a {
	text-decoration: none;
    font-size: 1.4rem;
    background-color: #0086e8;
    border-bottom: solid 5px #0c70b9;
	border-right: solid 5px #0c70b9;
	border-top: solid 5px #0086e8;
	border-left: solid 5px #0086e8;
    padding: 5px 8px 5px 10px;
    color: white;
}
.shohin_webloan a:after {
	content: ">";
	color: white;
	padding-left: 10px;
}
.shohin_webloan a:hover {
	color: #0086e8;
	background: #e9f3ff;
	border-bottom: solid 5px #0086e8;
    border-right: solid 5px #0086e8;
}
.shohin_webloan a:hover::after {
	color: #0086e8;
}
/********  キャンペーン *************/
.campaign {
	margin-bottom: 50px;
}
.campaign img {
	width: 100%;
}

/********  店舗情報 *************/
.office {
	display: flex;
	justify-content: space-between;
	margin: 10px;
}
.office_image {
	width: 30%;
}
.dl_office {
	width: 65%;
	font-size: 1.3rem;
}
.dl_office dt {
	border-left: solid 8px #0086e8;
	padding-left: 7px;
	border-bottom: dotted 1px #ccc;
	margin-bottom: 5px;
	font-weight: bold;
}
.dl_office dd {
	margin-bottom: 20px;
	margin-left: 20px;
}
#map {
	width: 100%;
	height: 600px;
	margin: 15px 0;
}
.office_code {
	display: flex;
	font-size: 1.2rem;
	justify-content: flex-end;
}
.office_code p {
	margin: 0 10px;
	background: #f5f5f5;
	padding: 2px 5px;
	border: solid 1px #ccc;
	color: #555;
}

/********  よくあるご質問 *************/
.faq {
	width: 100%;
	margin: 0 auto;
	padding: 0;
}
.faq label {
	display: block;
	cursor: pointer;
	padding: 10px 10px 10px 3em;
	border-bottom: 1px dotted #ccc;
	font-size: 1.5rem;
	font-weight: bold;
	color: #0086e8;
	border: solid 3px white;
	border-bottom: solid 3px #e7eff8;
	text-indent: -3em;
}
.faq label:hover {
	border: 3px solid #0086e8;
}
.faq input {
	display: none;
}
.faq .answer {
	transition: 0.2s;
	height: 0;
	overflow: hidden;
	padding: 0 10px;
	font-size: 1.2rem;
}


.faq input + p {
	margin: 0px;
}
.faq input:checked + p + .answer {
	height: auto;
	padding: 10px 20px;
	background: #e9f3ff;
	margin-bottom: 30px;
	margin-left: 0px;
	margin-right: 0px;
}

.faq label:before {
	content: "Q";
	margin: 0 10px;
	background: #0086e8;
	color: white;
	padding: 1px 5px 3px;
}
.faq h2 {
	margin: 10px 0px;
}

.faq td{
       background: white;
}

/********  お知らせ *************/
.topics_list {
	margin: 0;
}
.topics_list > section {
	padding: 0 0 60px;
}
.nav_sub {
	border: 5px solid #eee;
	padding: 10px;
	margin-bottom: 20px;
	font-size: 1.3rem;
	background-color: #fbfbfb;
}
.nav_sub ul {
	padding-left: 0px;
}
.nav_sub li {
	margin-left: 1.5em;
	border-bottom: 1px solid #ccc;
	display: inline-block;
	position: relative;
	margin-bottom: 5px;
}
.nav_sub li:hover {
	border-bottom: 1px solid #0086e8;
}
.nav_sub a {
	padding-left: 11px;
	text-decoration: none;
}
.nav_sub a:hover {
	color: #0086e8;
}
.nav_sub li::after {
	content: '';
	position: absolute;
	top: 0.3em;
	left: 0.2em;
	box-sizing: border-box;
	width: 4px;
	height: 4px;
	border: 4px solid transparent;
	border-left: 4px solid #777;
}
.nav_sub li:hover::after{
	border-left: 4px solid #0086e8;
}
.nav_sub p {
	margin: 0;
	font-size: 1.7rem;
	margin-bottom: 10px;
}
.topics_list h4 {
	border: none;
	font-weight: normal;
	font-size: 1.3rem;
	margin: 0px;
	padding-right: 60px;
}
.topics_list h3 {
	margin: 10px 0px;
	font-size: 1.4rem;
	padding: 3px 10px;
	font-weight: bold;
	border-top: none;
	background: darkblue;
	color: white;
}
/********  お問い合わせ *************/
input, button, textarea {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
}

/*input, button, textarea {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}*/


input {
	width: 100%;
}
form {
	margin: 0 auto;
	width: 90%;
}
form > p + p {
	margin-top: 25px;
}
input, textarea {
	border: 3px solid #e8e8e8;
	padding: 5px;
}
input:focus, textarea:focus, select:focus {
	border: 3px solid #0059c6;
}
input[type="text"] {
}
/* input type="radio" のみ */
input[type="radio"] {
}

/* input type="checkbox" のみ */
input[type="checkbox"] {
	width: auto;
}

/* input type="reset" のみ */
input[type="reset"] {
}
/* input type="submit" のみ */
input[type="submit"] {
	background: #0086e8;
	color: #feffff;
	border: none;
	border-bottom: solid 5px #0059c6;
	border-right: solid 5px #0059c6;
	border-top: solid 5px #0086e8;
	border-left: solid 5px #0086e8;
	font-size: 2rem;
	font-weight: bold;
	cursor: pointer;
}
input[type="submit"]:hover {
	background: #fff;
	color: #0086e8;
}
textarea {
	width: 100%;
	min-height: 8em;
}
select {
	outline: none;
	border: 3px solid #e8e8e8;
	padding: 5px 10px;
	cursor: pointer;
	font-size: 120%;
	letter-spacing: 1px;
}

input[type=radio]{
	display: none;
}

/*input[type=checkbox] {
	display: none;
}*/

.contact {
	margin: 40px 0;
}
label {
	display: block;
	font-size: 1.5rem;
	font-weight: bold !important;
}
form > p {
	display: block;
}
.radio label{
	box-sizing: border-box;
	-webkit-transition: background-color 0.2s linear;
	transition: background-color 0.2s linear;
	position: relative;
	display: inline-block;
	margin: 0 20px 8px 0;
	padding: 12px 12px 12px 42px;
	border-radius: 8px;
	vertical-align: middle;
	cursor: pointer;
}

/*
 .checkbox {
	box-sizing: border-box;
	-webkit-transition: background-color 0.2s linear;
	transition: background-color 0.2s linear;
	position: relative;
	display: inline-block;
	margin: 0 20px 8px 0;
	padding: 12px 12px 12px 42px;
	border-radius: 8px;
	vertical-align: middle;
	cursor: pointer;
}
*/

.radio span.mwform-radio-field-text:hover:after{
	border-color: #0059c6;
}

/*.radio span.mwform-radio-field-text:hover:after,
.checkbox:hover:after {
	border-color: #0059c6;
}*/


.radio span.mwform-radio-field-text:after{
	position: absolute;
	top: 50%;
	left: 15px;
	display: block;
	margin-top: -10px;
	width: 16px;
	height: 16px;
	border: 2px solid #ccc;
	border-radius: 10px;
	content: '';
}

/*
.radio span.mwform-radio-field-text:after,
.checkbox:after {
	position: absolute;
	top: 50%;
	left: 15px;
	display: block;
	margin-top: -10px;
	width: 16px;
	height: 16px;
	border: 2px solid #ccc;
	border-radius: 10px;
	content: '';
}*/

/*
.checkbox:after {
	border-radius: 0px;
}*/

.radio span.mwform-radio-field-text:before {
	-webkit-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
	position: absolute;
	top: 50%;
	left: 20px;
	display: block;
	margin-top: -5px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: #0059c6;
	content: '';
	opacity: 0;
}
input[type=radio]:checked + span.mwform-radio-field-text:before {
	opacity: 1;
}

.checkbox:before {
	-webkit-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
	position: absolute;
	top: 50%;
	left: 21px;
	display: block;
	margin-top: -7px;
	width: 5px;
	height: 9px;
	border-right: 3px solid #0059c6;
	border-bottom: 3px solid #0059c6;
	content: '';
	opacity: 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
input[type=checkbox]:checked + .checkbox:before {
	opacity: 1;
}
span.required {
	background: #ff6600;
	color: white;
	padding: 1px 5px;
	font-size: smaller;
	margin-left: 20px;
	letter-spacing: 4px;
}
input.btn_submit {
	margin: 50px auto 20px;
}
.doi {
	display: flex;
}
.doi input {
	width: 45%;
}
.doi input.btn_submit {
	margin: 10px auto;
}
.radio span {
	margin: 0px !important;
}
.ssl_seal{
	display: flex;
	justify-content: space-between;
	margin-top: 30px;
}
.ssl_seal .original_size{
	text-align: left;
	margin-right: 20px;
	min-width: 115px;
}
/*******　応募フォーム*******/
.obo {
    display: flex;
}
.obo input {
	width: auto;
}
/*******　メールオーダーサービス定期預金　*******/
.mailorder div{
	margin: 15px 5px;
}
.teikiyokin{
	width: 40%;
	margin-bottom: 10px;
	text-align: left;
}
.teikiyokin1{
	width: 60%;
	margin-bottom: 10px;
	text-align: left;
}
.yazirushi{
	margin-top: 15px;
	margin-bottom: 15px;
}
.teikiyokin input.btn_button {
	font-size: 1.2rem;
	font-weight: bold;
}
.teikiyokin1 input.btn_button {
	font-size: 1.2rem;
	font-weight: bold;
}
.yuubin {
	text-align: right;
	width: 25%;
}
/* input type="button" のみ */
.yuubin input[type="button"] {
	background: #FF0000;
	color: #feffff;
	border: none;
	border-bottom: solid 5px #DA0000;
	border-right: solid 5px #DA0000;
	border-top: solid 5px #FF0000;
	border-left: solid 5px #FF0000;
	font-size: 2rem;
	font-weight: bold;
	cursor: pointer;
}
.yuubin input[type="button"]:hover {
	background: #feffff;
	color: #FF0000;
}
.yuubin input.btn_button {
	font-size: 1.2rem;
	font-weight: bold;
}
.kakusyuservice {
	text-align: center;
	display: flex;
	justify-content:space-between;	
}
/* button type="button1" のみ */
.kakusyuservice button[type="button1"] {
	width: 100%;
	height: 100px;
	background: #FF8000;
	color: #feffff;
	border: none;
	border-bottom: solid 5px #E17101;
	border-right: solid 5px #E17101;
	border-top: solid 5px #FF8000;
	border-left: solid 5px #FF8000;
	font-size: 1.5rem;
	font-weight: bold;
	cursor: pointer;
}
.kakusyuservice button[type="button1"]:hover {
	width: 100%;
	height: 100px;
	background: #feffff;
	color: #FF8000;
}
.type_moushikominagare td{
	padding: 10px 10px;
}
.type_moushikominagare div{
	margin: 0px;
}
.type_uketorinagare table{
	margin: 5px auto 10px;
	width: 250px
}
.type_uketorinagare td{
	padding: 0px 10px;
}
.gazou {
	text-align: center;
}
.gazou img {
	width: auto;
	max-width: 80%;
}
.gazou p {
	line-height: 20px;
}
.icon_mail {
	background-image: url(image/icon_mail.svg);
	background-repeat: no-repeat;
	background-position:right;
	background-size: contain;
}
.icon_tel {
	background-image: url(image/icon_tel.svg);
	background-repeat: no-repeat;
	background-position:right;
	background-size: contain;
}
.table_kirara div{
	margin: 0px;
}
/********  手数料一覧 *************/
.comments {
	font-size: 1.2rem;
	color: #444;
	margin-bottom: 30px;
}
.comments p {
	margin: 0px;
}
/********  インターネットバンク *************/
.login section {
	width: 50%;
	margin: 10px 20px;
}
.login h4 {
	font-size: 1.4rem;
	margin: 15px 0px;
	padding: 3px 10px;
	font-weight: bold;
	border: none;
	border-left: solid 10px #0086e8;
}
.login div {
	text-align: center;
}
.login img {
	margin-left: auto;
	margin-right: auto;
	width: 300px;
	max-width: 100%;
}
.login p {
	margin-bottom: 10px;
}
.phishwallbanner {
	width: 100%;
	margin: 10px 0px -5px 0px;
}
.phishwallbanner img{
	width: auto;
	max-width: 100%;
}
.guide a section {
	display: block;
	border-bottom: none;
}
.guide a {
	display: block;
	padding-right: 60px;
	font-size: 1.3rem;
}
.guide li {
	position: relative;
	padding-bottom: 5px;
}
.guide .pdf {
	top: 0px;
}

/********  インターネットバンクご利用規定 *************/
ol.kitei1 {
	padding-left: 1em;
}
ol.kitei1 > li {
	list-style-type:none;
	list-style-position:inside;
	counter-increment: cnt;
	text-indent: -1em;
}
ol.kitei1 > li::before {
	display: marker;
	content: "(" counter(cnt) ")";
}
ol.kitei2 {
	list-style-type: none;
	padding-left: 1em;
}
ol.kitei2 > li {
	text-indent: -1em;
}
.login {
	display: flex;
	border: 1px solid #eee;
	margin-bottom: 20px;
	font-size: 1.3rem;
	background-color: #fbfbfb;
}

/********  phishwall *************/
.iconwrap {
	display: flex;
	justify-content: space-between;
	width: 90%;
	margin: auto;
	}
.icon {
	width: 33%;
}
.icon img {
	max-width: 100px;
}
.icon p {
	min-height: 2em;
}
.mitbwrap {
	display: flex;
	justify-content: space-between;
}
.mitb {
	width: 50%;
	padding: 0px 10px;
}
.page_sub .phishwall_notice {
	display: none;
	margin: 10px 0px;
}
.page_sub .phishwall_notice #notice .text {
	padding-left: inherit;
}

/********  サイトマップ *************/
.oya{
	margin-top: 10px;
}
.oya a{
	text-decoration: none;
	font-weight: bold;
}
.oya a:before {
	content: "●";
	color: #0086e8;
	padding-left: 5px;
	font-size: 1.5rem;
}
ul.shison li a {
	font-weight: normal;
	padding: 2px 15px 2px;
	text-decoration: none;
	font-size: 1.3rem;
}
ul.shison li {
	position: relative;
	list-style: none;
}
ul.shison li::after {
	display: block;
	content: '';
	position: absolute;
	top: 0.5em;
	left: 0em;
	width: 6px;
	height: 6px;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}


/******** ごあいさつ *************/
.aisatsu {
	display: flex;
	justify-content: space-between;
	margin: 10px;
}
.aisatsu_image {
	width: 30%;
}
.aisatsu_hombun {
	width: 65%;
	font-size: 1.3rem;
}
/********  預金保険制度 *************/
.waku {
	padding: 10px;
	margin-bottom: 10px;
	border: 1px solid #333333;
}
/********  ATMのご利用方法 *************/
.gochui {
	max-width: 80px;
	margin-top: -20px;
	margin-bottom: -10px;
}
.type02 tbody td.free {
	background: #FFF0F0;

}
.atm .type02 tbody th {
	text-align: center;

}
.atm .type02 {
	margin: 5px 0 5px;

}
/********  リンク集 *************/
p.link{
	margin-top: 0px;
	font-size: 0.8em;
}
.link a {
	position: relative;
	padding-left: 11px;
}
.link a::after {
	content: '';
	position: absolute;
	top: 0.3em;
	left: 0.2em;
	box-sizing: border-box;
	width: 4px;
	height: 4px;
	border: 4px solid transparent;
	border-left: 4px solid #777;
}
/********  推奨環境 *************/
.suisho{
	font-size:0.8em;
}
.pdfReaderImg{
	width:115px;
	margin-top:-10px;
}
/********  勧誘方針 *************/
.migiyose {
	text-align: right;
	margin-top: 15px;
}
/********  保有個人データの開示請求 *************/
ol.kaiji1 {
	padding-left: 1em;
	list-style-type: upper-alpha;
}
ol.kaiji2 {
	padding-left: 1em;
	list-style-type: lower-alpha;
}
/******** 金融機関コード *************/
.width300px {
	max-width: 300px;
}
/******** 決済用預金 *************/
/* IE11対応 */
@media all and (-ms-high-contrast:none) {
	td.border-bottom{
		border-bottom: solid 1px rgb(204, 204, 204);
	}
}
/* Edge対応 */
@supports (-ms-ime-align:auto) {
	td.border-bottom{
		border-bottom: solid 1px rgb(204, 204, 204);
	}
}
/* FireFox対応 */
@-moz-document url-prefix() {
	td.border-bottom{
		border-bottom: solid 1px rgb(204, 204, 204);
	}
}
/******** 諸届DL *************/
.shotodoke li {
	padding-bottom: 10px;
}
.shotodoke a {
	position: relative;
}
.shotodoke a::after {
	content: "";
	background: url(image/PDF_file_icon_24.png);
	display: inline-block;
	position: relative;
	width: 23px;
	height: 23px;
	/* top: -5px;
	right: -30px;*/
}
/******** マスコットキャラクター *************/
.mascot {
	display: flex;
    justify-content: space-between;
    margin: 20px 0 60px 0;
}
.mascot_img {
	width: 50%;
	margin: 10px;
}
.mascot_info {
	margin-left: 40px;
	width: 50%;
}
p.mascot_honbun {
	margin-top: 20px;
}
.mascot_single_img {
	width: 35%;
}
.mascot_single_info {
    width: 65%;
    margin: auto 0 auto 20px;
}
table.mireku {
	border-color: #3db3c4 !important;
}
.mireku th {
	border-color: #3db3c4 !important;
    color: #3db3c4;
}
table.mirechi {
	border-color: #e54466 !important;
}
.mirechi th {
	border-color: #e54466 !important;
    color: #e54466;
}
table.mirepi {
	border-color: #fd9800 !important;
}
.mirepi th {
	border-color: #fd9800 !important;
    color: #fd9800;
}
.mascot_single_info table {
	border: solid;
}
.mascot_single_info th {
	padding: 10px;
	background: #fff;
	text-align: center;
    font-size: 2.0rem;
}
.mascot_single_info td {
	padding: 15px;
}
/******** 犯収法 *************/
.hanshuho {
	border: solid darkblue;
	padding: 15px;
}
.hanshuho .torihiki,
.hanshuho .henkonaiyo {
	border: double;
	display: inline-block;
}
.comments_hanshuho {
	font-size: 1.2rem;
	color: #444;
	margin:-20px 0 30px 0;
}
.shihaisha_kakunin {
	text-align: center;
}
.type_shihaisha td {
	text-align: left;
	border: none;
}
.type_shihaisha td.iru {
	min-width: 75px;
}
.type_shihaisha td.who {
	border: solid 1px #ccc;
	width: 67%;
	background-color: #eee;
}
.type_shihaisha td.inai {
	text-align: center;
}
.type_shihaisha {
	margin-top: -1.67em;
    border: solid 2px #ccc;
    padding: 12px;
}

/********  法人向けインターネットバンキング *************/
/*.miredirect section {
	width: auto;
        margin: 10px 20px;
}
.miredirect h4 {
	font-size: 1.4rem;
	font-weight: bold;
	margin: 15px 0px;
	padding: 3px 10px;
	border: none;
	border-left: solid 10px #0086e8;
}
.miredirect div {
	text-align: center;
}
.miredirect img {
	margin-left: auto;
	margin-right: auto;
	width: 300px;
	max-width: 100%;
}
.miredirect {
	border: 1px solid #eee;
	margin-bottom: 20px;
	font-size: 1.3rem;
	background-color: #fbfbfb;
}*/
.break::before {
	content: "\A"; 
	white-space: pre; 
}
.categoryButton > ul.categoryButton8 {
	width: 100%;
	display: flex;
	justify-content: space-around;
	list-style: none;
	padding-left: 0px;
    flex-wrap: wrap;
}
.categoryButton > ul.categoryButton8 > li {
	width: 50%;
	margin: 0px;
    margin-bottom: 15px;
}
.categoryButton > ul.categoryButton8 > li a {
	text-align: center;
	display: block;
	background: -webkit-linear-gradient(top, #ffffff 0%,#feffff 35%,#e8e8e8 100%);
	background: -moz-linear-gradient(top, #ffffff 0%, #feffff 35%, #e8e8e8 100%); /* FF3.6-15 */
	background: linear-gradient(to bottom, #ffffff 0%,#feffff 35%,#e8e8e8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	padding: 20px 0px 20px 0px;
	border: solid 1px #e1e1e1;
	position: relative;
	font-size: 140%;
	margin: 0 20px;
	text-decoration: none;
}
.categoryButton > ul.categoryButton8 > li a::before {
	position: absolute;
	content: "";
	width: 90%;
	height: 41px;
	left: 10%;
}
.categoryButton > ul.categoryButton8 > li a:hover {
	background: #4374e3;
}
.payeasy img {
	width: 15%;
    height: auto;
    float:left;
    margin-right: 5px;
}

.payeasy2 img{
	width: 10%;
    height: auto;
}

.underline {
    border-bottom: solid 1px;
}

.tategaki{
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
}

/******** ミレリース *************/
.categoryBlock > ul.categoryKinds {
	width: 100%;
	display: flex;
	justify-content: space-around;
	list-style: none;
	padding-left: 20px;
    flex-wrap: wrap;
    background-color: #eee;
}
.categoryBlock > ul.categoryKinds > li {
	width: 50%;
	margin: 0px;
    margin-top: 5px;
    margin-bottom: 5px;
}
.doubleline{
	text-decoration: underline;
	text-decoration-color: black;
	text-decoration-style: double;
}
/****************************************

          タブレット対応

*****************************************/
@media screen and (max-width:600px) {
	/*　画面サイズが600px以下の場合、ここのスタイルを読み込む　モバイル専用*/
	body {
		font-size: 1.3rem;
	}
	#sideMenu > header,
	#policy ul li::after,
	#topCategory h2::before,
	#footerMenu ul li > ul li::after {
		display: none;
	}
	#container {
		display: block;
	}
	#sideMenu {
		width: 100%;
		display: inline-block;
	}
	#policy {
		text-align: center;
		padding: 0;
	}
	#policy ul a {
		border-bottom: solid 1px white;
		padding-left: 0;
		display: inline-block;
	}
	#banner {
		width: 70%;
		margin: 30px auto;
	}
	#banner > ul li {
		margin: 0px;
	}
	#banner > ul li +li {
		margin-top: 10px;
	}
	#frontContents,
	#contents {
		width: 100%;
		float: none;
	}
	#contents {
		min-height: initial;
	}
	#btnLogin {
		display: none;
	}
	#btnLogin_mb {
		display: block;
	}
	footer {
		background-position: 0px 95%;
	}
	#footerMenu > ul {
		display: block;
		font-size: 1.4rem;
		font-weight: bold;
		column-count: 2;
		margin: 10px;
	}
	#footerMenu a {
		color: #333;
	}
	#footerMenu ul li > ul {
		font-size: 1.2rem;
		margin-left: 0;
	}
	#footerMenu ul li > ul a {
		color: #999;
	}
	#copyright p {
		font-size: 1rem;
	}
	.mobile_inquiry {
		display: block;
		margin: 0 10px 10px;
	}
	.mobile_inquiry > ul {
		list-style: none;
	}
	.mobile_inquiry > ul li {
		margin-bottom: 10px;
	}
	h1#logo {
		font-size: initial;
	}
	.mobile_inquiry > ul li a {
		text-align: center;
		display: block;
		border-bottom: solid 3px #a0abfb;
		border-right: solid 3px #a0abfb;
		background: darkblue;
		padding: 5px 0;
		color: white;
		text-decoration: none;
	}
	.mobile_inquiry > ul li a.telNumber {
		background: #ff6c00;
		border-bottom: solid 3px #fbad75;
		border-right: solid 3px #fbad75;
	}
	.kinyuCode > a p {
		font-size: 1rem;
		color: #999;
		letter-spacing: 0;
		margin-left: 10px;
	}
	#hgroup_logo > p {
		font-size: 1rem;
		color: #999;
		margin: 0 0 0 10px;
		letter-spacing: 0;
		text-decoration: none;
		background-color:initial;
		border:none;
		padding: 0;
	}
	#hgroup_logo {
		padding: 10px;
	}
	h1#logo a {
		padding-top: 24px;
	}
	table {
		font-size: 1.2rem;
	}
	.type01 th:first-child {
		border-left: none;
	}
	.type01 td:first-child {
		border-left: none;
	}
	.type01 th {
		display: block;
		width: 97%;
		border-right: none;
		border-bottom: none;
	}
	.type01 td {
		display: block;
		padding-right: 0px;
		border-right: none;
		border-bottom: none;
	}
	.type01 tr {
		margin-bottom: 10px;
		display: block;
		border-bottom: none;
	}
	.type01 table,table.type01 {
		border-top: none;
	}
	.type02 th,
	.type02 td {
		font-size: 1rem;
		letter-spacing: 0;
		padding-left: 3px;
	}
	.type01, .type02 {
		margin: 15px 0 30px;
	}
	.type01_2 td {
		border-bottom: dotted 1px #ccc;
	}
	#topCategory {
		display: block;
	}
	#topCategory h2 {
		font-size: 1.6rem;
	}
	#topCategory section {
		margin-bottom: 22px;
	}
	#topCategory section ul li a {
		font-size: 1.2rem;
		padding: 10px 0;
	}
	#topCategory section {
		width: 100%;
	}
	.categoryButton {
		margin: 10px 10px 30px;
	}
	.categoryButton > ul {
		display: block;
		list-style: none;
	}
	.categoryButton > ul li a {
		padding: 20px 3px;
		font-size: 1.9rem;
		margin: 0 0 10px;
	}
	.categoryButton > ul li a::before {
		display: none;
	}
	li.categoryButton3 a,
	li.categoryButton4 a,
	li.categoryButton5 a {
		letter-spacing: 5px;
	}
	li.categoryButton6 a,
	li.categoryButton7 a {
		letter-spacing: 1px;
	}
	.title_page {
		margin: 5px 5px 10px;
	}
	.topics h2 {
		font-size: 1.6rem;
		padding: 7px 0px 7px 15px;
		margin: 0px 0px 20px 0px;
	}
	.topics_list ul {
		margin: 5px;
		list-style: none;
	}
	.topics a section {
		display: block;
		padding: 10px;
	}
	.topics_list ul li {
		margin-left: 0;
		margin-right: 2em;
	}
	.title_page > h1 {
		font-size: 2rem;
		margin: 0px;
	}
	.title_page > p {
		font-size: 1.5rem;
	}
	.title_shohin > h2 {
		font-size: 1.5rem;
		padding: 4px 25px 4px;
		margin: 0;
	}
	.title_shohin {
		margin: 5px 10px 10px;
		padding-left: 20px;
	}
	.title_shohin::after {
		top: 5px;
		height: 20px;
	}
	.page_sub {
		margin: 10px;
		padding: 0px;
	}
	.page_sub_h3 h3 {
		font-size: 1.4rem;
		padding: 2px 0px 2px 15px;
	}
	.page_sub_h3 {
		margin: 5px;
	}
	.page_sub_h4 {
		margin: 10px 0px;
	}
	.page_sub_h4 h4 {
		font-size: 1.2rem;
		padding: 1px 10px;
		border-left: solid 8px #0086e8;
	}
	.page_sub_h5 {
		margin: 10px 0px;
	}
	.page_sub_h5 h5 {
		font-size: 1rem;
		margin: 0;
	}
	.page_sub .btn {
		display: none;
	}
	.page_sub .phishwall_notice {
		display: block;
	}
	.shohin > header h1,
	.shohin > section h2,
	.page_sub h2 {
		font-size: 1.2rem;
	}
	.shohin {
		margin: 0px;
	}
	.shohin_image {
		margin: 5px;
	}
	.dl_list > a {
		margin: 10px 0px 15px;
	}
	.dl_list dl {
		padding: 10px 0;
	}
	.dl_list dt {
		font-size: 1.3rem;
	}
	.dl_list dd {
		font-size: 1.1rem;
	}
	.campaign {
		margin-bottom: 30px;
	}
	.faq label {
		padding-left:30px;
		font-size: 1.2rem;
	}
	.faq > label:before {
		margin: 0 10px 0 0;
	}
	.faq input:checked + .answer {
		padding: 10px;
	}
	.faq .answer {
		font-size: 1.1rem;
	}
	form {
		width: 100%;
	}
	input, textarea {
		width: 95%;
	}
	#topImage {
		margin: 10px;
	}
	#topImage .hideRight {
		left: 50%;
		width: 100%;
		height: 100%;
		margin-left: 50%;
	}
	#topImage .hideLeft {
		top: 0px;
		right: 50%;
		width: 100%;
		height: 100%;
		margin-right: 50%;
	}
	.office {
		display: block;
		margin: 3px;
	}
	.office_image {
		width: 70%;
		margin: 0 auto;
	}
	.dl_office {
		width: 100%;
	}
	.dl_office dd {
		margin-left: 10px;
	}
	#map {
		height: 300px;
	}
	.office_code {
		font-size: 1.0rem;
		justify-content: center;
		margin-bottom: 15px;
	}
	.nav_sub {
		font-size: 1.1rem;
		padding: 5px 10px 0;
		margin-bottom: 10px;
	}
	.nav_sub li {
		margin-bottom: 9px;
	}
	.nav_sub p {
		font-size: 1.5rem;
	}
	.shohin_pdfDL li {
		padding: 4px 5px;
	}
	.shohin_pdfDL li:before {
		width: 17px;
		height: 17px;
		top: 4px;
	}
	.shohin_pdfDL span {
		font-size: 1.1rem;
		padding-left: 20px;
	}
	.shohin_pdfDL li:after {
		display: none;
	}
	.shohin_pdfDL {
		margin: 0px;
	}
	.shohin_webloan {
	margin-bottom: 30px;
	text-align: center;
	}
	.shohin_webloan a {
	    font-size: 1.1rem;
	}
	.shohin_webloan a:after {
		display: none;
	}
	.login {
		display: block;
	}
	.login section {
		width: auto;
		margin: 10px 10px;
	}
	.iconwrap {
		display: block;
		margin: 3px;
	}
	.icon {
		width: 80%;
		margin: 0 auto;
	}
	.mitbwrap {
		display: block;
		margin: 5px;
	}
	.mitb {
		width: 320px;
		max-width: 100%;
		margin: 0 auto;
	}
	.doi {
		display: block;
		text-align: center;
	}
	.doi input {
		width: 90%;
	}
	.aisatsu {
		display: block;
		margin: 3px;
	}
	.aisatsu_image {
		width: 70%;
		max-width: 250px;
		margin: 0 auto;
	}
	.aisatsu_hombun {
		width: 100%;
	}
	.loginbutton {
		font-size: 0.8rem;
	}
	.mascot {
		display: block;
		justify-content: space-between;
		margin: 0 auto 60px 0;
	}
	.mascot_img {
		width: 100%;
		margin: 20px auto;
	}
	.mascot_info {
		width:100%;
		margin:0 0 30px 0;
	}
	p.mascot_honbun {
		margin-top: 20px;
	}
	.mascot_single_img {
		width: 100%;
	}
	.mascot_single_info {
		width: 100%;
		margin: 20px auto;
	}
	#notice {
		padding: 5px;
		margin: 0 10px 10px;
	}
	#notice a {
		font-size: 1rem;
		padding-left: 25px;
	}
	#notice a::before {
		height: 20px;
		left: 0%;
	}
	.type_shihaisha {
		margin-top: 0;
	}
/********  法人向けインターネットバンキング *************/
    .payeasy img{
	    width: 20%;
        height: auto;
        float:left;
        margin-right: 5px;
    }
    .payeasy2 img{
	    width: 15%;
        height: auto;
    }
    .categoryButton > ul.categoryButton8> li {
	    width: 100%;
    }
    .break{
	    display: none;
    }

/******** ミレリース *************/
	.categoryBlock > ul.categoryKinds> li {
	    width: 100%;
    }
/********　メールオーダーサービス定期預金　********/
    .teikiyokin{
		width: 60%;
	}
	.teikiyokin input {
		display: block;
		text-align: center;
	}
	.teikiyokin1{
		width: 95%;
	}
	.teikiyokin1 input {
		display: block;
		text-align: center;
	}
	.teikiyokin input.btn_button {
		font-size: 1rem;
		font-weight: bold;
	}
	.teikiyokin1 input.btn_button {		
		font-size: 0.9rem;
		font-weight: bold;
	}
	.kakusyuservice button[type="button1"] {
		font-size: 0.8rem;
		font-weight: bold;
	}
	.type_moushikominagare div{
		font-size: 0.9rem;
	}
}

@media screen and (min-width:600px) and ( max-width:960px)  {
	/*　画面サイズが600px～960pxの間は、ここのスタイルを読み込む　タブレット*/
	body {
		font-size: 1.4rem;
	}
	#footerMenu > ul {
		padding: 0 10px;
		letter-spacing: 0;
		font-size: 1rem;
		list-style: none;
	}
	#contents {
		min-height: 1230px;
	}
	#topCategory h2::before {
		display: none;
	}
	#topCategory section.category2 > h2::before {
		height: 25px;
		top: 3px;
	}
	#topCategory section {
		width: 48%;
	}
	.categoryButton > ul li a {
		font-size: 120%;
		letter-spacing: 2px;
	}
	.categoryButton > ul li.categoryButton5 a::before {
		height: 29px;
		top: 19px;
	}
	.categoryButton > ul li.categoryButton4 a::before {
		top: 16px;
		height: 32px;
	}
	.categoryButton > ul li.categoryButton3 a::before {
		height: 35px;
		top: 17px;
	}
	.categoryButton > ul li.categoryButton6 a::before {
		height: 29px;
	}
	.categoryButton > ul li.categoryButton7 a::before {
		height: 30px;
	}
	.category1>ul li a::after,
	.category2>ul li a::after,
	.category3>ul li a::after,
	.category4>ul li a::after {
		display: none;
	}
	.shohin_pdfDL li {
		padding: 3px 10px;
	}
	.shohin_pdfDL li:after {
		padding-left: 5px;
	}
	#hgroup_logo {
		padding: 10px;
	}
	h1#logo a {
		padding-top: 41px;
	}
	#btnLogin {
		padding: 10px 10px;
	}

/********  法人向けインターネットバンキング *************/
    .payeasy img{
	    width: 15%;
        height: auto;
        float:left;
        margin-right: 5px;
    }
    .payeasy2 img{
	    width: 10%;
        height: auto;
    }
	.categoryButton > ul.categoryButton8> li a {
        font-size: 120%;
	    letter-spacing: 2px;
	}
}

@media screen and (min-width:960px) {
	/*　画面サイズが960px以上の場合、ここのスタイルを読み込む　デスクトップ*/
	body {
		font-size: 1.6rem;
	}
	a[href^="tel:"]{
		pointer-events: none;
    }
}

@media print{
	/*printで適用する内容*/
	 body {
    width: 1200px;
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    transform-origin: 0 0;
  }

#topImage ul{
	width: 600%;
	transition-duration: 0s;
	transform: translate3d(-725px, 0px, 0px) !important;
}

#topImage li{
	width: 725px !important;
}

}

/***** 店舗ページ修正対応 2024.05 ******/
a.btn_map{
    width: 60px;
	padding: 5px 5px;
	border: 2px solid #27acd9;
	background: #27acd9;
}
a.btn_rsv{
    width: 80px;
	padding: 5px 5px;
	border: 2px solid #27acd9;
	background: #27acd9;
}
a.btn_lst{
    width: 240px; 
	padding: 1rem 4rem;
	border: 2px solid #27d9ac;
	background: #27d9ac;
}
a.btn_map, a.btn_rsv, a.btn_lst{
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	margin: auto;
	font-weight: bold;
	color: #fff;
	border-radius: 100vh;
	transition: 0.5s;
}
a.btn_map:hover, a.btn_rsv:hover{
	color: #27acd9;
	background: #fff;
}
a.btn_lst:hover{
	color: #27d9ac;
	background: #fff;
}
span.markup{
	color:blue;
	text-decoration: underline blue;
}
a.tempolst::after {
	content: "";
	background: url(image/PDF_file_icon_24.png);
	display: inline-block;
	position: relative;
	width: 20px;
	height: 20px;
	/* top: -5px;
	right: -30px;*/
}


/* Pay用リンクのボタン*/
a.pay_button {
  display       : inline-block;
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : 4px 9px;   /* 余白       */
  background    : #99ccff;     /* 背景色     */
  color         : #003366;     /* 文字色     */
  line-height   : 1em;         /* 1行の高さ  */
  transition    : .3s;         /* なめらか変化 */
  box-shadow    : 2px 2px 5px #666666;  /* 影の設定 */
  border        : 2px solid #99ccff;    /* 枠の指定 */
  text-decoration: none;
}
a.pay_button:hover {
  box-shadow    : none;        /* カーソル時の影消去 */
  color         : #99ccff;     /* 背景色     */
  background    : #003366;     /* 文字色     */
}


/****************************************

          動画埋め込み

*****************************************/

.youtube-page{
	position: relative;
	width: 100%;
	padding-top: 56.25%;
  }
.youtube-page iframe{
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
  }

.youtube {
	display: flex;
	justify-content: space-between;
	gap: 1em;
	flex-wrap: wrap;
}
.js-chapter{
	font-size: 12px;
}
.movie {
  width: 65%;
}
.movie__inner {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 65%;
}
.movie iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
  background-color: transparent;
  overflow: hidden;
}
.chapter {
	width: 30%;
}
.chapter__list {
  margin-top: 1em;
  display: flex;
  flex-direction: column;
  gap: 0.5em;
}
.chapter__list p{
	color: #15008a;
	font-size: 12px;
    font-weight: bold;
}
.chapter__list a {
  text-decoration: underline;
}
@media screen and (max-width: 500px) {
	.youtube {
		display: block;
	}
	.movie,.chapter{
	  width: 100%;
	}
}


/*260206追加*/
.faq input:checked ~ .answer {
	height: auto;
	padding: 10px 20px;
	background: #e9f3ff;
	margin-bottom: 30px;
}

.answer2 {
	font-size: 1.2rem;
	height: auto;
	padding: 10px 20px;
	background: #e9f3ff;
	margin-bottom: 30px;
}

.eventnone {
    pointer-events: none;
}

.mwform-checkbox-field-text{
	padding-bottom:20px;
}
.alert {
    background-color: #fdf9b9;
    padding: 10px;
    margin: 15px;
    color: red;
}