@charset "utf-8";
/**reset**/
button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  /*padding: 0;*/
  outline: none;
  /*background: transparent;*/
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration,
input[type="reset"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover {

}
input[type="submit"]:focus,
input[type="button"]:focus,
input[type="reset"]::focus {
  outline-offset: 0;
}


.btn_box{ text-align: center; overflow: hidden;}
.btn_box .go-back{}
.btn_box .go-back >*.go_link{
	width: calc(90%);
	float: right;
	padding-left: 40px;
	max-width: calc(100% - 140px);
}
.btn_box .go-back >*.go_link [class^="comm_btn"]{}
.btn_box .go-back >*.back_link { width: 10%; float: left;}

.btn_box [class^="col_"] [class^="comm_btn"] { min-width: 100%!important;}


[class^="comm_btn"]{
	display: inline-block;
	text-align: center;
	padding-top: 0.5em;
	padding-right: 2em;
	padding-left: 2em;
	padding-bottom: 0.7em;
	font-size: 1.2rem;
	letter-spacing: 0.1em;
	background-color: #da2429;
	line-height: 1.4em;
	min-width: 140px;
	margin-bottom: 10px;
	color: #FFFFFF;
	outline: none;
	border-style: none;
	transition: opacity 300ms 0s ease;
	cursor: pointer;
	font-family: 'Noto Sans JP', sans-serif;
	width: 100%;
	position: relative;
}


[class^="comm_btn"]:after{
	content: "";
	display: inline-block;
	width: 1em;
	height: 1em;
	background-image: url(../img/arr_white.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto 100%;
	vertical-align: middle;
	position: absolute;
	right: 1em;
	top: 0;
	bottom: 0;
	margin: auto;
}

.comm_btn-blue{	background-color: #02419A; color: #FFFFFF;}
.comm_btn-blue:before{ background-image: url(../img/arr_white.svg);}
.comm_btn-line{background-color: #00b900;}
.comm_btn-white{ background-color: #FFFFFF; color: #000000;	border: 1px solid #9a9a9a!important;}
.comm_btn-gray{	background-color: #5B5B5B;}
.comm_btn-brown{ background-color:#7a725f; }
.comm_btn-black{
	background-color: #000000;
	color: #FFFFFF;
}
.comm_btn-shop{background-color: #fff; color: #000!important; font-size:1.5rem; padding: 1.25em; padding-top: 1em; line-height: 1.4; border: 1px solid #e5e5e5;} 
.comm_btn-shop:after{ background-image: url(../img/arr_black.svg); background-size: auto 80%;}

[class*="comm_btn-dimen"]
{
	padding-top: 0.9em;
	padding-right: 2em;
	padding-left: 2em;
	padding-bottom: 1.1em;
	font-size: 1.5rem;
	width: auto;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1em;
    margin-top: 0.2em;
    border-radius: 6px;
	background-image: -webkit-linear-gradient(270deg,rgba(245,62,71,1.00) 0%,rgba(218,36,41,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(245,62,71,1.00) 0%,rgba(218,36,41,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(245,62,71,1.00) 0%,rgba(218,36,41,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(245,62,71,1.00) 0%,rgba(218,36,41,1.00) 100%);
	-webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.35);
	box-shadow: 0px 2px 3px 0px rgb(0 0 0 / 35%);
	display: inline-block;
	min-width: 500px;
}
.comm_btn-dimen:after{}
.comm_btn-dimenWHITE{background-image: linear-gradient( 180deg,rgb(255 255 255) 0%,rgb(236 236 236) 100%); color: #da2429;}
.comm_btn-dimenWHITE:after{background-image: url(../img/arr_red.svg);}

.comm_btn-dimenGRAY{color: #000!important; background-image: linear-gradient(180deg,rgb(231 231 231) 0%,rgb(220 220 220) 100%);}
.comm_btn-dimenGRAY:after{background-image: url(../img/arr_black.svg);}

.comm_btn-dimenBLACK{
background-image: -webkit-linear-gradient(270deg,rgba(74,74,74,1.00) 0%,rgba(59,59,59,1.00) 100%);
background-image: -moz-linear-gradient(270deg,rgba(74,74,74,1.00) 0%,rgba(59,59,59,1.00) 100%);
background-image: -o-linear-gradient(270deg,rgba(74,74,74,1.00) 0%,rgba(59,59,59,1.00) 100%);
background-image: linear-gradient(180deg,rgba(74,74,74,1.00) 0%,rgba(59,59,59,1.00) 100%);
}
.comm_btn-dimenBROWN{
background-image: -webkit-linear-gradient(270deg,rgba(244,176,129,1.00) 0%,rgba(221,162,120,1.00) 100%);
background-image: -moz-linear-gradient(270deg,rgba(244,176,129,1.00) 0%,rgba(221,162,120,1.00) 100%);
background-image: -o-linear-gradient(270deg,rgba(244,176,129,1.00) 0%,rgba(221,162,120,1.00) 100%);
background-image: linear-gradient(180deg,rgba(244,176,129,1.00) 0%,rgba(221,162,120,1.00) 100%);/*background-image: -webkit-linear-gradient(270deg,rgba(173,156,129,1.00) 0%,rgba(138,124,101,1.00) 100%);
background-image: -moz-linear-gradient(270deg,rgba(173,156,129,1.00) 0%,rgba(138,124,101,1.00) 100%);
background-image: -o-linear-gradient(270deg,rgba(173,156,129,1.00) 0%,rgba(138,124,101,1.00) 100%);
background-image: linear-gradient(180deg,rgba(173,156,129,1.00) 0%,rgba(138,124,101,1.00) 100%);*/
}

.comm_btn-dimenBLUE{
	background-image: -webkit-linear-gradient(270deg,rgba(61,158,244,1.00) 0%,rgba(37,129,219,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(61,158,244,1.00) 0%,rgba(37,129,219,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(61,158,244,1.00) 0%,rgba(37,129,219,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(61,158,244,1.00) 0%,rgba(37,129,219,1.00) 100%);
}
.comm_btn-dimenGREEN{
	background-image: -webkit-linear-gradient(270deg,rgba(146,208,80,1.00) 0%,rgba(109,183,44,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(146,208,80,1.00) 0%,rgba(109,183,44,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(146,208,80,1.00) 0%,rgba(109,183,44,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(146,208,80,1.00) 0%,rgba(109,183,44,1.00) 100%);
}

.comm_btn-dimenWEBE{background-image: linear-gradient( 180deg,rgb(255 255 255) 0%,rgb(236 236 236) 100%); min-width: initial; color: #109acc!important;}
.comm_btn-dimenWEBE:after{background-image: url(../img/arr_skyblue.svg);}


.comm_btn-dimenKANTO{
background-image: -webkit-linear-gradient(270deg,rgba(65,101,138,1.00) 0%,rgba(58,89,120,1.00) 65%);
background-image: -moz-linear-gradient(270deg,rgba(65,101,138,1.00) 0%,rgba(58,89,120,1.00) 65%);
background-image: -o-linear-gradient(270deg,rgba(65,101,138,1.00) 0%,rgba(58,89,120,1.00) 65%);
background-image: linear-gradient(180deg,rgba(65,101,138,1.00) 0%,rgba(58,89,120,1.00) 65%);
}

.comm_btn-dimenKANSAI{
background-image: -webkit-linear-gradient(270deg,rgba(65,138,129,1.00) 0%,rgba(46,111,103,1.00) 65%);
background-image: -moz-linear-gradient(270deg,rgba(65,138,129,1.00) 0%,rgba(46,111,103,1.00) 65%);
background-image: -o-linear-gradient(270deg,rgba(65,138,129,1.00) 0%,rgba(46,111,103,1.00) 65%);
background-image: linear-gradient(180deg,rgba(65,138,129,1.00) 0%,rgba(46,111,103,1.00) 65%);
}
.comm_btn-dimenPR-AT{
background-image: -webkit-linear-gradient(270deg,rgba(255,140,140,1.00) 25%,rgba(255,89,89,1.00) 100%);
background-image: -moz-linear-gradient(270deg,rgba(255,140,140,1.00) 25%,rgba(255,89,89,1.00) 100%);
background-image: -o-linear-gradient(270deg,rgba(255,140,140,1.00) 25%,rgba(255,89,89,1.00) 100%);
background-image: linear-gradient(180deg,rgba(255,140,140,1.00) 25%,rgba(255,89,89,1.00) 100%);
color: #fff!important;
padding-top: 0.75em;
padding-bottom: 0.9em;
}
.comm_btn-dimenPR-AT:after{}
.comm_btn-dimenPR-AT strong{font-weight: normal; color: #fff9a2; }

.comm_btn-dimenPR-TS{
background-image: -webkit-linear-gradient(270deg,rgba(130,178,226,1.00) 25%,rgba(93,155,217,1.00) 100%);
background-image: -moz-linear-gradient(270deg,rgba(130,178,226,1.00) 25%,rgba(93,155,217,1.00) 100%);
background-image: -o-linear-gradient(270deg,rgba(130,178,226,1.00) 25%,rgba(93,155,217,1.00) 100%);
background-image: linear-gradient(180deg,rgba(130,178,226,1.00) 25%,rgba(93,155,217,1.00) 100%);
color: #fff!important;
padding-top: 0.75em;
padding-bottom: 0.9em;
}
.comm_btn-dimenPR-TS strong{font-weight: normal; color: #fff9a2; }

input[type="submit"][class^="comm_btn"],
input[type="reset"][class^="comm_btn"],
input[type="button"][class^="comm_btn"]{
	/*display: inline-block;
	text-align: center;
	padding-top: 0.5em;
	padding-right: 2em;
	padding-left: 1.75em;
	padding-bottom: 0.6em;
	font-size: 1.5rem;
	letter-spacing: 0.1em;
	background-color: #da2429;
	line-height: 1.4em;
	margin-bottom: 10px;
	color: #FFFFFF;
	outline: none;
	border-style: none;
	transition: opacity 300ms 0s ease;
	cursor: pointer;
	font-family: 'Noto Sans JP', sans-serif;*/

}
input[type="submit"][class^="comm_btn"]:hover,
input[type="reset"][class^="comm_btn"]:hover,
input[type="button"][class^="comm_btn"]:hover
{opacity: 0.7;}

input[type="submit"][class^="comm_btn"]:before,
input[type="reset"][class^="comm_btn"]:before,
input[type="button"][class^="comm_btn"]:before{
}


[class^="s_comm_btn"]{
	display: inline-block;
	text-align: center;
	padding-top: 0.5em;
	padding-right: 2em;
	padding-left: 1.75em;
	padding-bottom: 0.6em;
	font-size: 0.75rem;
	letter-spacing: 0.1em;
	line-height: 1.4em;
	min-width: 140px;
	color: #FFFFFF;
	outline: none;
	border-style: none;
	transition: opacity 300ms 0s ease;
	cursor: pointer;
	font-family: 'Noto Sans JP', sans-serif;
	background-color: #737373;
}
[class^="s_comm_btn"]:hover{opacity:0.7;}



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

.btn_box{

}
.btn_boxn .go-back{}
.btn_box .go-back >*.go_link {
	width: calc(100%);
	padding-left: 0px;
	max-width: 100%;
}
.btn_box .go-back >*.back_link { float: none; margin-left: auto; margin-right: auto; width:auto;}
.btn_box [class^="col_"]>*{ margin-bottom: 0;}

    [class^="comm_btn"]{
	min-width: 100%;
	font-size: 1rem;
	padding-left: 4vw;
    padding-right: 4vw;
    padding-top: 0.9em;
    padding-bottom: 1em;
    width: 100%;
    }
    [class^="comm_btn"]:after{ right: 0.75em; }
    .comm_btn-white{ }
	.comm_btn-dimen{}
    .comm_btn-shop{margin-bottom: 0!important;} 
	 [class^="comm_btn-dimen"]{
	font-size: 1.2rem;
	min-width: initial;
	}
	
	
	
	}