@charset "utf-8";
/* CSS Document */
#old{
	display: none;
}

.ui-dialog{
	position: absolute !important;
}

body,input,select,option,textarea,dl,dt,dd{
	margin:0;
	padding:0;
	letter-spacing: 1px;
	line-height: 1.25;
	color:#333;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	-webkit-appearance: none;
	border-radius: 0;
	word-wrap:break-word;
	word-break: break-all;
}

@media only screen and (max-width:1000px){
	body,input,select,option,textarea{
		font-size: 0.85em;
	}
}

@media print{
	html{
		width: 1080px;
	}
	#gotop{
		display: none !important;
	}
}

h1, h2, h3, h4, h5, h6, ul, ol, li, p, input, textarea, select, button{
	margin:0;
	padding:0;
	font-size: 100%;
}

a,a:visited,a:hover{
	text-decoration:none;
	color:#333;
	transition: .3s;
}

/* リンクボタンデザイン */
a.link_bt{
background-color: #219244;
color: #FFF !important;
display: inline-block;
padding: 5px 10px;
border-radius: 4px;
}

video{
background:#CCC;
}

#news ul li a,.content a,#pankuzu a,#ibattention a,#atm-search-result a,#seminarlist a,#setumeisho a,.qa-list a,.en a{
	color: #005EE4;
}

#news ul li a:hover,.content a:hover,#pankuzu a:hover,#ibmenu a:hover,#ibattention a:hover,#atm-search-result a:hover,.qa-list a:hover,#seminarlist a:hover,#setumeisho a:hover,.en a:hover{
	text-decoration: underline;
}

#news ul li a:visited,.content a:visited,#ibattention a:visited,#atm-search-result a:visited,.qa-list a:visited,#seminarlist a:visited,#setumeisho a:visited,.en a:visited{
	color: #B000BF;
}

#code .en{
	display:none;
}

.top.kojin #code .en,.top.houjin #code .en,.abouttop #code .en,.investortop #code .en{
	display:inline-block;
}

a img{
	border: none;
}

ul{
	list-style: none;
}

.small{
	font-size: 85%;
	font-weight: normal;
}

.flex{
	display: flex;
	width:100%;
}

.clear{
	clear: both;
}

#menu1 span{
	display:inline-block;
}


/*検索*/

body form.gsc-search-box{
	font-size: 100%;
	margin-bottom: 0;
}

body table.gsc-search-box{
	margin-bottom: 0;
}

body table.gsc-search-box td.gsc-input{
	padding-right: 0;
}

body input.gsc-input, body .gsc-input-box, body .gsc-input-box-hover, body .gsc-input-box-focus{
	border: none;
	background: none;
}

body .gsc-input-box-focus,body .gsc-input-box-hover{
	box-shadow: none;
}

body .gsib_a{
	padding: 0;
}

.gsib_a input{
	background-color: transparent !important;
	margin: 3px 0 0 10px !important;
}

body button.gsc-search-button,body button.gsc-search-button:hover,body button.gsc-search-button:focus,.atm-top-searchbox input[type="submit"]{
	padding: 15px;
	width: 0;
	height: 0;
	border: none;
	cursor: pointer;
}

body button.gsc-search-button svg{
display:none;
}

.atm-top-searchbox{
	float: none !important;
	background: #FFF !important;
	overflow: hidden;
}

.atm-top-searchbox .searchbox{
	padding: 0;
	margin: 0 0 0 15px ;
	line-height: 30px;
	display: block;
	float: left;
	width: 300px;
	width: calc(100% - 50px);
	border: none;
	outline: 0;
}

.atm-top-searchbox input[type="submit"]{
	display: block;
	float: left;
}
/*ニュース*/

#newstab{
	overflow: hidden;
	display: flex;
	max-width:1185px;
	margin:auto;
	box-sizing:border-box;
}

#newstab li{
	float: left;
	font-weight: bold;
	font-size: 125%;
	padding: 30px 20px 20px;
	color: #FFF;
	text-align: center;
	min-width: 220px;
	box-sizing: border-box;
	background: #219244;
	margin-right: 1px;
	position: relative;
	cursor: pointer;
}

#newstab li::before{
	content: "";
	display: block;
	width: 95%;
	height: 5px;
	position: absolute;
	top: 6px;
	left: 2.5%;
	background: #FFF;
}

#newstab li.newstabselect{
	background: #FFF;
	color: #333;
	cursor: default;
}

#newstab li.newstabselect::before{
	background: #219244;
}

#newstab li.newstabselect::after{
	content: "";
	display: block;
	border: 5px solid #219244;
	border-bottom-color: transparent;
	border-left-color: transparent;
	border-right-color: transparent;
	position: absolute;
	top: 11px;
	left: calc(50% - 2.5px);
}

#newstab span{
	display: inline-block;
}

#news{
	background: #FFF;
	padding: 20px 30px;
	max-width:1185px;
	margin:auto;
	box-sizing:border-box;
}

#news>li{
	display: none;
}

#news>li:first-child{
	display: block;
}

#news ul li{
	border-bottom: 1px solid #E6E6E6;
	display: flex;
}

#news ul li span,#news ul li a,#setumeisho li a{
	padding: 15px;
	display: block;
}

#news ul li span{
	white-space: nowrap;
}

.more{
	display: block;
	width: 20%;
	min-width: 100px;
	margin: 20px auto ;
	border: 1px solid #219244;
	background: #FFF;
	padding: 15px;
	text-align: center;
	color: #333 !important;
}

.more:hover{
	background: #219244;
	color: #FFF !important;
	text-decoration:none !important;
}

#footer{
	border-top: 5px solid #034C13;
	background: #219244;
	text-align: center;
	padding: 20px 5px;
	box-sizing: border-box;
	font-size: 75%;
	color: #FFF;
	letter-spacing: 0px;
}

/*下層記事ページ*/

#pankuzu{
	font-size: 75%;
	max-width:1185px;
	box-sizing: border-box;
	margin: 15px auto 0;
}

#pankuzu li{
	display: inline-block;
}

#pankuzu li::after{
	content: " > ";
}

#pankuzu li:last-child::after{
	content: "";
}

h1#mainh1,h1.subh1{
	background: #219244;
	color: #FFF;
	font-size: 200%;
	padding: 25px;
	max-width:1185px;
	box-sizing: border-box;
	margin:15px auto 0;
}

h1.subh1{
	margin-top: 70px;
}

.content{
	background: #FFF;
	padding: 3% 7% 5%;
	max-width:1185px;
	box-sizing: border-box;
	margin:auto;
	line-height:1.5;
}

.content p,.content div,.content a{
	line-height: 1.75;
}

.content h1{
	background: #FFEC7B;
	font-size: 170%;
	padding: 20px 15px 15px 20px;
	margin: 20px -3% 10px;
}

.content h2{
	font-size: 150%;
	padding: 10px 10px 10px 20px;
	margin: 25px -3% 10px;
	border-bottom: 2px solid #FF9A42;
	border-left: 8px solid #FF9A42;
}

.content>h1:first-child,.content>h2:first-child{
	margin-top:0;
}

.content h3,.content h5{
	font-size: 125%;
	padding: 7px 10px 7px 20px;
	margin: 15px -2.5% 5px;
	border-bottom: 1px solid #0088FF;
	position: relative;
}

.content h5{
	border-bottom: 1px solid #39A700;
	font-weight: normal;
}

.content h3::before,.content h5::before{
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-right: none;
	border-bottom: 6px solid transparent;
	border-top: 6px solid transparent;
	border-left: 10px solid #0088FF;
	position: absolute;
	left: 0;
	top: 0.7em;
}

.content h5::before{
	border-left: 10px solid #39A700;	
}

.content h4,.content h6{
	font-size: 100%;
	padding: 7px 10px 5px 20px;
	margin: 0 -2.5%;
	position: relative;
}

.content h6{
	font-weight: normal;
}

.content h4::before,.content h6::before{
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	border-radius: 100%;
	background: #D21200;
	position: absolute;
	left: 2px;
	top: 0.9em;
}

.content img{
	max-width: 100%;
	height: auto !important;
	display: inline-block;
	transition: .3s;
}

.content a:hover img, .campaignimg:hover img{
	opacity: 0.7;
}

#main table td, #main table th{
	vertical-align:top;
}

.content table{
max-width:100%;
}

table.border,table[border="1"]{
	border-spacing:0;
	margin:5px 0;
	border: none;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
	min-width:500px;
}

table.border>tbody>tr>td,table[border="1"]>tbody>tr>td,table.border>tbody>tr>th,table.border>thead>tr>th,table[border="1"]>tbody>tr>th,table[border="1"]>thead>tr>th{
	padding:5px 8px;
	background:#FFF;
	border: none;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
}

table.border>tbody>tr>th,table.border>thead>tr>th,table[border="1"]>tbody>tr>th,table[border="1"]>thead>tr>th{
	background:#e7e7e7;
}

.content ul{
	list-style: disc;
}

.content ul, .content ol{
	margin-top: 0.5em;
	margin-bottom: 1em;
}

.content li{
	margin-left: 1.5em;
	margin-bottom: 0.7em;
}

.content a.button,a.button,.button{
	position:relative;
	width:100%;
	max-width: 300px;
	box-sizing: border-box;
	display:block;
	text-decoration:none;
	padding:15px 32px;
	margin:10px auto;
	text-align:center;
	font-weight:bold;
	color:#FFF;
	background: #E55400;
	border: 4px solid #E55400;
	transition: .3s;
}

.content a.button.red{
	width: 100%;
	background: #BE3B2A;
	border-color: #BE3B2A;
	max-width: 100%;
}

.content a.button.red:hover::after{
	border-bottom-color:#D80C00;
	border-left-color:#D80C00;
}

.content a.button:hover,.button:hover{
	background: #FFF !important;
	color: #333;
}

.content a.button::after,.button::after{
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	border-bottom: 3px solid #FFF;
	border-left: 3px solid #FFF;
	transform: rotate(-135deg);
	margin: 0 10px;
	position: absolute;
	right: 3px;
	top: calc(50% - 5px);
}

.content a.button:hover::after,.button:hover::after{
	border-bottom-color:#E55400;
	border-left-color:#E55400;
}

.content a.button.green,a.button.green{
	background: #388235;
	border-color: #388235;
}

.content a.button.green:hover::after,a.button.green:hover::after{
	border-bottom-color:#388235;
	border-left-color:#388235;
}

.content a.button.blue{
	background: #0048D5;
	border-color: #0048D5;
}

.content a.button.blue:hover::after{
	border-bottom-color:#0048D5;
	border-left-color:#0048D5;
}


.bluebutton,.graybutton,.ib_logon{
	position:relative;
	width:100%;
	max-width: 400px;
	box-sizing: border-box;
	display:block;
	text-decoration:none;
	padding:10px 32px;
	margin:10px auto;
	text-align:center;
	color:#FFF !important;
	background: #77C2D2;
	border-radius:10px;
	font-size:140%;
	line-height:1.2 !important;
	font-weight:normal !important;
}

.ib_logon{
background:#F1C223;
color:#333 !important;
}

.graybutton{
background:#CCC;
}

.bluebutton:hover,.graybutton:hover{
text-decoration:none !important;
}

video{
max-width:100%;
height:auto;
}


#submenu ul li a span{
display:inline-block;
}


/*インターネットバンキング*/

.loginwrap{
	box-sizing: border-box;
	padding: 20px;
	text-align: center;
	background: #FFF;
}

.loginwrap a{
	display: block;
	margin-bottom: 20px;
	color: #FFF;
	font-weight: bold;
	padding: 15px 5px;
	position: relative;
	transition: .3s;
}

.loginwrap a>span{
	display: block;
	background: #FFF;
	color: #333;
	border-radius: 30px;
	padding: 10px 5px;
	margin: 10px 20px 0;
	transition: .3s;
}

.loginwrap a:hover>span{
	padding: 10px 15px;
	margin: 10px 10px 0;
}

.ib_moushikomi_button{
	background-color: #81C93D;
}

.ib_moushikomi_button:hover{
	background-color: #53990A;
}

.toushin_old_taiken{
	background-color: #007CF4;
}

.toushin_old_taiken:hover{
	background-color: #0266C1;
}

.bib_logon{
	background-color: #0024f2;
}

.bib_logon:hover{
	background-color: #001ab2;
}

.bib_taiken_button{
	background-color: #2284EB;
}

.bib_taiken_button:hover{
	background-color: #0266C1;
}

.densai_logon{
	background-color: #53b200;
}

.densai_logon:hover{
	background-color: #508900;
}

.densai_taiken_button{
	background-color: #3d9300;
}

.densai_taiken_button:hover{
	background-color: #307500;
}

.gaitame_logon{
	background-color: #00bfbc;
}

.gaitame_logon:hover{
	background-color: #00a093;
}



#ibattentionlist{
	margin-top: 20px;
	list-style: none !important;
}

#ibattentionlist li{
	margin: 0;
}

#ibattentionlist a{
	display: block;
	padding: 15px;
	border-top: 1px solid #CCC;
}

#ibmenu{
	background: #FFF;
}

#ibmenu a{
	display: block;
	padding: 15px;
	border-bottom: 1px solid #DCEFDD;
}

#ibnewswrap{
	max-width:1185px;
	margin: 30px auto 0;
}



/*キャンペーン*/
.campaign{
	background: #FFF;
	padding: 1px;
	overflow: hidden;
	max-width:1185px;
	margin:30px auto 0;
}

.campaign h2{
	margin: 0px;
	background: #FFEC7B;
	font-size: 120%;
}

.campaign h2 a{
	display: inline-block;
	padding: 15px;
	color: #000;
}

.campaign h2 a:hover{
	text-decoration: underline;
}
/*
.campaign h2 a:visited{
	color: #666;
}*/

.campaignright>p{
	background: #E6E6E6;
	padding: 10px;
	margin-bottom: 20px;
	display: flex;
	width: 100%;
	box-sizing: border-box;
}

.campaignright>p>span:first-child{
	white-space: nowrap;
}

.campaignright>p>span>span{
	display: inline-block;
}

.campaignright>div{
	line-height: 1.75;
}

.campaignright .more{
	background: #219244;
	width: 260px;
	max-width: 70%;
	color: #FFF !important;
}

.campaignright .more:hover{
	background: #FFF;
	color: #333 !important;
}




/*ATM*/

#atm-search{
	background: #FFF;
}

#atm-search>div{
	font-size: 120%;
	text-align: center;
	padding: 15px 10px;
	position: relative;
}

@media only screen and (max-width:950px){
	#atm-search>div:after{
		content: "";
		display: block;
		width: 8px;
		height: 8px;
		margin: 0 10px;
		position: absolute;
		right: 7px;
		top: calc(50% - 5px);
		transform: rotate(-45deg);
		border-bottom: 3px solid #219244;
		border-left: 3px solid #219244;
	}
	.atm-searchbox{
		display: none;
	}
	.open::after{
		transform: rotate(135deg) !important;
	}	
	#atm-search{
		margin: 20px 0;
	}
}

.atm-searchbox{
	padding: 0 15px 15px;
}

.atm-searchbox label{
	cursor: pointer;
}

.atmswitch{
	display: block;
	float: left;
	box-sizing: border-box;
	border: 5px solid #DCEFDD;
	background: #DCEFDD;
	font-weight: bold;
	font-size: 120%;
	padding: 10px;
	width: 50%;
	text-align: center;
}

.atmswitch:hover,input:focus+.atmswitch{
	text-decoration: underline;
}

.atm-searchbox input[type="radio"]:checked+.atmswitch{
	background: #219244;
	color: #FFF;
}

.atm-searchbox input[type="radio"]{
	-moz-appearance: none;
	-webkit-appearance: none;
	position: absolute;
	left: -9999px;
}

.atm-searchbox label:not(.atmswitch){
	display: inline-block;	
	padding: 7px 5px 7px 20px;
	font-size: 85%;
	position: relative;
	overflow: hidden;
}

.atm-searchbox label:not(.atmswitch):hover{
	text-decoration: underline;
}

.atm-searchbox input[type="checkbox"]{
	-moz-appearance: none;
	-webkit-appearance: none;
	outline: 0;
	position: absolute;
	left: -39px;
	top: 6px;
	width: 15px;
	height: 15px;
	box-shadow : 40px 0px #E6E6E6;
	z-index: 4;
	cursor: pointer;
}

.atm-searchbox label:not(.atmswitch):after{
	content: "";
	display: block;
	position: absolute;
	left: 0px;
	top: 5px;
	width: 15px;
	height: 15px;
	border: 1px solid #999;
	z-index: 4;
	cursor: pointer;
}

.atm-searchbox label:not(.atmswitch):before{
	content: "";
	display: block;
	width: 7px;
	height: 4px;
	border-left: 2px solid #333;
	border-bottom: 2px solid #333;
	transform: rotate(-45deg);
	position: absolute;
	left: 4px;
	top: 9px;
	z-index: 3;
	cursor: pointer;
}

.atm-searchbox input[type="checkbox"]:checked{
	z-index: 2;
}

.atm-searchbox input[type="checkbox"]:focus,.atm-searchbox label:not(.atmswitch):hover input[type="checkbox"]{
	box-shadow:  40px 0px #FFF;
}

.atm-searchbox .searchbox{
	background: #DCEFDD;
	border: none;
	padding: 15px;
	width: 100%;
	box-sizing: border-box;
	border-radius: 25px;
	outline: 0;
	font-size: 85%;
	margin: 20px 0;
	clear: both;
}

::-webkit-input-placeholder{
	color: #666;
}
:-ms-input-placeholder{
	color: #666;
}
::-moz-placeholder{
	color: #666;
}

.atm-searchbox select,select[name="sort"],select[name="sort2"]{
	padding: 5px;
	width: 100%;
	box-sizing: border-box;
	background: #E6E6E6;
	margin: 0 0 20px;
	font-size: 85%;
	border: 1px solid #999;
	cursor: pointer;
}

select[name="sort"],select[name="sort2"]{
	width:auto;
}

.atm-searchbox input[type="submit"]{
	display: block;
	background: #219244 url(../contents_images/icon_search_white.png) no-repeat right calc(50% + 3em) center / 20px 20px;
	padding: 15px 5px 15px 25px;
	color: #FFF;
	font-weight: bold;
	width: 100%;
	border: none;
	margin-top: 20px;
	cursor: pointer;
	font-size: 120%;
	position: relative;
	border: 2px solid #219244;
	transition: .3s;
}

.atm-searchbox input[type="submit"]:hover,.atm-searchbox input[type="submit"]:focus{
	background-color: #FFF;
	background-image: url(../contents_images/icon_search_atm_hover.png);
	color: #333;
}

#atm-search-result li{
	background: #FFF;
	display: flex;
	margin-top: 1px;
}

#atm-search-result .atm-td:first-child a{
	display: inline-block;
	padding: 15px;
	margin: -15px;
}

#atm-search-result table{
	border-spacing: 0;
}

#atm-search-result td{
	padding: 0 3px;
}

#pager{
	margin: 30px auto 0;
	display: flex;
	justify-content: center;
}

#pager li{
	background: #FFF;
	margin: 0 0.5px;
}

#pager li a,#pager li span{
	display: block;
	letter-spacing: 0;
	padding: 10px 0;
	width: 2em;
	text-align: center;
	box-sizing: border-box;
}

#pager li.thispage,#pager li a:hover{
	background: #219244;
	color: #FFF;
}

#pager li.prev a ,#pager li.next a{
	width: 3em;
}




.tenpo{
	border-spacing: 0;
	margin: 30px 0;
	width: 100%;
}

.tenpo th{
	background: #3FAF5F;
	border-bottom: 1px solid #DCEFDD;
	border-right: 1px solid #DCEFDD;
	color: #FFF;
	text-align: left;
	padding: 15px;
	white-space: nowrap;
	vertical-align: middle !important;
}

.tenpo td{
	background: #FFF;
	border-bottom: 1px solid #DCEFDD;
	padding: 15px;
}

#map,#map2{
	box-sizing: border-box;
	position: relative; 
	overflow: hidden;
	margin: 30px 0;
	border: 1px solid #FFF;
	height: 400px;
	width: 100%;
}

#map iframe{
	width: 100%;
	height: 100%;
	border: 0;
}

#map2{
	width:100%;
	height: 500px;
	margin-top:0;
}

#return a{
	display: block;
	margin: 0 auto 30px;
	width: 60%;
	max-width: 300px;
	padding: 15px;
	background: #219244;
	border: 1px solid #219244;
	text-align: center;
	color: #FFF;
	font-weight: bold;
	transition: .3s;
	position: relative;
}

#return a:before{
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	margin: 0 10px;
	position: absolute;
	left: 7px;
	top: calc(50% - 5px);
	transform: rotate(45deg);
	border-bottom: 3px solid #FFF;
	border-left: 3px solid #FFF;
	transition: .3s;
}

#return a:hover{
	background: #FFF;
	color: #333;
}

#return a:hover:before{
	border-bottom: 3px solid #219244;
	border-left: 3px solid #219244;
}

@media(min-width:1000px){
	#atm-kasou{
		display: flex;
		justify-content: space-between;
	max-width:1185px;
	margin:auto;
	}
		.tenpo{
		width: 400px;
		/*width: 100%;*/
	}
		#map{
		width: 640px;
		width: calc(100% - 430px);
			height: auto;
	}
}




/*QA*/
.qa-list{
	max-width:1185px;
	margin:auto;
}
	
.qa-list a{
	display: block;
	padding: 15px;
	background: #FFF;
	margin-bottom: 1px;
}

/*検索結果*/
body .gsc-control-cse{
font-family:inherit;
padding:0;
}

body .gsc-result .gs-title{
overflow:visible;
height:auto;
}

body .gsc-results .gsc-cursor-box .gsc-cursor-page{
margin:0;
display:inline-block;
padding:5px 10px;
}

/*外部リンク注意*/
.ui-draggable .ui-dialog-titlebar{
display:none;
}

.ui-widget.ui-widget-content{
border:5px solid #034C13;
background:#EEE;
padding:10px;
z-index:1000;
}

.ui-dialog-buttonset{
text-align:center;
}

.ui-dialog .ui-dialog-buttonpane button {
margin: 15px;
cursor: pointer;
padding:5px;
width:100px;
box-sizing: border-box;
max-width:40%;
border:1px solid #AAA;
line-height:1.5;
}

/*規定*/

#kitei ul{
	list-style:disc;
}

#kitei ol ol{
list-style:none;
}

#kitei>ol>li>ol>li{
	counter-increment:number;
	text-indent:-1.5em;
}

#kitei>ol>li>ol>li:before{
content:"("counter(number)")";
margin-right:0px;
}


#kitei ol ol ol>li,#kitei ol ol.sircle>li{
	position:relative;
	counter-increment: number2;
	text-indent:0em;
}

#kitei ol ol ol>li:before, #kitei ol ol.sircle>li:before{
	content: counter(number2);
	position:absolute;
	top:0.2em;
	left:-1.7em;
	border-radius:100%;
	line-height:1.1em;
	width:1.1em;
	border:1px solid #333;
	text-align:center;
	padding:1px 0 0 1px;
}

#kitei ul li{
	text-indent:0;
}

/*投資信託*/
#news.toushin_news{
padding:0;
}

#news.toushin_news li{
margin:0;
}





.titleh2{
    width: 100%;
    max-width: 1185px;
    margin: 40px auto 0;
	box-sizing:border-box;
	padding:20px;
	color:#FFF;
	background: #219244;
	font-size:125%;
}

/*クーポン*/
.couponwrap{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	max-width: 1185px;
    	box-sizing: border-box;
	margin: auto;
	background: #FFF;
	flex-wrap: wrap;
	padding: 3% 7% 5%;
}
.couponwrap li{
	width: 49%;
	margin: 0;
	margin-bottom: 3%;
}
.couponwrap a,.coupon{
	display: flex;
	padding: 10px;
	background: linear-gradient(#EEDCC2,#F6EDDF,#EEDCC2);
	position: relative;
}

.coupon{
max-width:500px;
margin:10px auto 20px;
}


.couponwrap a::before,.coupon::before{
	content: "";
	display: block;
	width: 80px;
	height: 40px;
	position: absolute;
	left: 0;
	top: 0;
	background: linear-gradient(to right bottom ,transparent 35%,#E20000 36%,#E20000 50%,transparent 51%);
}
.couponwrap a::after,.coupon::after{
	content: "";
	display: block;
	width: 80px;
	height: 40px;
	position: absolute;
	right: 0;
	bottom: 0;
	background: linear-gradient(to left top ,transparent 35%,#E20000 36%,#E20000 50%,transparent 51%);
}
.couponwrapin{
	display:flex;
	flex-wrap: wrap;
	justify-content: center;
	border: 2px solid #997204;
	border-radius:10px;
	padding:10px;
	flex-direction:column;
	align-items: center;
	width: 100%;
}
.couponimg{
	display:flex;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
	width: 40%;
	min-height: 100px;
	margin-bottom: 10px;
}
.couponimg img{
	display: block;
	width: 100%;
	height: auto;
	margin: auto;
}
.couponright{
	display:flex;
	flex-wrap: wrap;
	/*width: 60%;*/
	width: 100%;
	box-sizing: border-box;
	padding-left:10px;
	position: relative;
	justify-content: center;
	align-items: center;
	line-height:1.2 !important;
}
.couponshop{
	border-bottom: 1px solid #CCC;
	text-align: center;
	padding: 2px;
	margin-top:10px;
	color: #FFF;
	width:100%;
	font-size:85%;
	background: #997204;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
}
.couponcontent{
	color: #E20000;
	font-size: 150%;
	font-weight: bold;
	padding:5px 0;
}
@media(max-width:750px){
	.couponwrap li{
		width: 100%;
		margin-bottom: 5%;
	}
}

/*ステップ*/
.howto{
display:flex;
justify-content:space-between;
}

.howto div{
width:20%;
padding:1%;
border:1px solid #999;
background:#e9f4d9;
line-height:1.25;
font-size:85%;
position: relative;
}

.howto div::after{
content:"";
display:block;
width:10px;
height:10px;
border:3px solid green;
border-bottom: none;
border-left: none;
transform: rotate(45deg);
position: absolute;
right: -10%;
top: calc(50% - 7px);
}

.howto div:last-child::after{
content:none;
}

.step{
font-weight:bold;
margin:0 0 0.5em;
color:green;
font-size:120%;
text-align:center;
border-bottom:1px solid #999;
}

.steptitle{
font-size:120%;
text-align:center;
font-weight:bold;
padding-bottom:0.5em;
line-height:1.1;
}

@media(max-width:750px){
.howto{
display:block;
}
.howto div{
width:auto;
margin:20px 0;
}
.howto div::after{
transform: rotate(135deg);
right: calc(50% - 7px);
top: auto;
bottom:-14px;
}
}


/*チェックボックス*/
.m-check input{
	display: none;
}

.m-check label{
	background:#F5DBDB;
	border: 1px solid #999;
	padding: 5px 10px 5px 30px;
	margin-top: 10px;
	display: inline-block;
	cursor: pointer;
	position: relative;
	width:100%;
	box-sizing: border-box;
}

.m-check label::before{
	content: "";
	width: 16px;
	height: 16px;
	box-sizing: border-box;
	border: 2px solid #999;
	background: #FFF;
	position: absolute;
	left: 8px;
	top: 0.5em;
}

.m-check :checked + label::after{
	content: "";
	width: 8px;
	height: 6px;
	box-sizing: border-box;
	border: 2px solid #027ADC;
	border-top: none;
	border-right: none;
	transform: rotate(-45deg);
	position: absolute;
	left: 12px;
	top: 0.75em;
}

.m-check :checked + label{
	background: #DEF4F9;
}

.hantei>.moushikomibutton{
	margin: 20px 0;
}

.hantei{margin-top: 40px;}

.content .hantei>a{
	display: none;
}

.hantei>div,.hantei>div:hover{
	background: #999 !important;
	cursor: default;
	border-color:#999 !important;
	color:#FFF;
}

.hantei>div:after{
	content:none;
}

.hantei.clickOK>div{
	display: none;
}

.hantei.clickOK>a{
	display: block;
}


/* キャンペーン用ボタン */
.cp-bt{
	text-align: center;
	display: block;
	padding: 0.5em;
	color: #333 !important;
	background: linear-gradient(#FAEF62 50%,#FAEF62 51%);
	border: 2px solid #F6CA2A;
	box-shadow: 0 2px 5px rgba(0,0,0,0.3);
	border-radius: 5px;
	font-size: 140%;
	font-weight: bold;
	margin: 0 0 2em;
	transition: none !important;
}

.cp-bt:hover{
	text-decoration: none !important;
	background: linear-gradient(#F6CA2A 50%,#F6CA2A 51%);
	border: 2px solid #F6CA2A;
	box-shadow: none;
}

.cp-bt span{
	display: inline-block;
}