@charset "utf-8";


/*=======================================*/
/*= スマートフォン用CSS ===================*/
@media screen and (max-width:768px) {
/*=======================================*/

	.spNone {
		display: none !important;
	}

	body {
		-webkit-text-size-adjust: 100%;
		font-size: 14px;
	}
	img {
		max-width: 100%;
		height: auto;
		width /***/: auto;
	}

	/* bu page top ========================*/
	#buPageTop {
		bottom: 20px;
		right: 10px;
	}
	#buPageTop a {
		width: 40px;
		height: 40px;
		background-size: 40px 40px;
	}

	/* margin & padding ==================*/


	/* font ==================*/
	.tx_size_s {
		font-size: 10px;
	}


	/* label ==================*/
	button,
	input,
	optgroup,
	select,
	textarea {
		-webkit-appearance: none; /* 1 */
		appearance: none;
		vertical-align: middle;
		color: inherit;
		font: inherit;
		background: transparent;
		padding: 0;
		margin: 0;
		border-radius: 0;
		text-align: inherit;
		text-transform: inherit; /* 2 */
	}
	
	label {
		font-size: 15px;
		cursor: pointer;
    }
	.boxCheck{
		margin: 20px 0 0;
	}
	
	/* input ==================*/

	input[type="radio"],
	input[type="checkbox"] {
		margin-right: 7px;
		cursor: pointer;
	}
	input[type="text"],
	input[type="tel"],
	input[type="email"],
	input[type="password"] {
		background: #fff;
		padding: 13px 18px;
		border: solid 1px #efeae2;
	}
	input[type="text"]:disabled,
	input[type="tel"]:disabled,
	input[type="email"]:disabled,
	input[type="password"]:disabled {
		border-color: #ccc;
	}
	input[type="text"].errorPart,
	input[type="tel"].errorPart,
	input[type="email"].errorPart,
	input[type="password"].errorPart {
		border: solid 2px #ff0000 !important;
		background: #f4eede !important;
	}
	input[type="radio"] {
		width: 24px;
		height: 24px;
		display: inline-block;
		position: relative;
	}
	input[type="radio"]:before {
		content: "";
		display: block;
		position: absolute;
		top: 1px;
		left: 0;
		width: 24px;
		height: 24px;
		border: 1px solid #ff0000;
		border-radius: 50%;
	}
	input[type="radio"]:after {
		content: "";
		display: block;
		position: absolute;
		top: 5px;
		left: 4px;
		width: 16px;
		height: 16px;
		background: inherit;
		border-radius: 50%;
	}
	input[type="radio"]:checked:after {
		background: #ff0000;
	}
	input[type="radio"]:checked:before {
		border: 1px solid #ff0000;
	}
	input[type="checkbox"] {
		width: 24px;
		height: 24px;
		position: relative;
		border: solid 1px #ccc;
		background-color: #fff;
	}
	input[type="checkbox"]:before {
		content: "";
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 6px;
		height: 14px;
		z-index: 100;
		margin: auto;
		transform: rotate(45deg) translate(-1px, -1px);
	}
	input[type="checkbox"]:after {
		content: "";
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 24px;
		height: 24px;
	}
	input[type="checkbox"]:checked:before {
		border-right: 2px solid #005bac;
		border-bottom: 2px solid #005bac;
	}
	/*.selectBox label {
		position: relative;
		margin-right: 5px;
	}
	.selectBox label:after {
		display: block;
		content: " ";
		position: absolute;
		top: 5px;
		right: 9px;
		width: 15px;
		height: 9px;
		background: url("../images/icon_arrow_down.png") no-repeat;
		background-size: 15px 9px;
		pointer-events: none;
	}
	input[type="checkbox"] {
		display: none;
	}
	input[type="checkbox"] + label {
		display: block;
		padding: 1px 10px 3px 30px;
		background: url(../../images/icon_check_off.png) no-repeat left top;
		background-size: 24px 23px;
		cursor: pointer;
	}
	input[type="checkbox"]:checked + label {
		background: url(../../images/icon_check_on.png) no-repeat left top;
		background-size: 24px 23px;
		cursor: pointer;
	}
	.checkRadio input[type="radio"] {
		display: none;
	}
	.checkRadio label {
		position: relative;
		display: inline-block;
		padding: 5px 3px 0px 28px;
		margin-bottom: 10px;
		cursor: pointer;
	}
	.checkRadio label::before {
		position: absolute;
		content: '';
		top: 50%;
		left: 0;
		width: 18px;
		height: 18px;
		margin-top: -9px;
		background: #ffffff;
		border: 2px solid #b5b5b5;
		border-radius: 100%;
	}
	.checkRadio input[type="radio"]:checked + label::after {
		position: absolute;
		content: '';
		top: 50%;
		left: 5px;
		width: 12px;
		height: 12px;
		margin-top: -4px;
		background: #ce3a3a;
		border-radius: 100%;
	}*/


	/* layout box ==================*/
	.wrapCont {
		text-align: left;
		padding-top: 85px;
		padding-bottom: 70px;
	}
	.wrapCont .inner {
		margin-left: 10px;
		margin-right: 10px;
		text-align: left;
	}
	.wrapCont .hl_wrap {
		width: 90%;
		margin: auto;
		text-align: left;
	}
	.wrapCont {
		margin-top: 0px;
	}

	#memberTop .wrapCont {
		margin-top: 25px;
	}



	/* header ==================*/
	#header {
		position: fixed;
		width: 100%;
		height: 53px;
		background: #005bac;
		transition: .5s;
		z-index: 100;
		top: 0;
	}
	.hide_h{
		transform: translateY(-100%);
	}
	#buHeadSpToppage {
		position: absolute;
		top: 11px;
		left: 13px;
		font-size: 7px;
		color: #444444;
		background-color: #ffffff;
		text-align: center;
		background: url(../common_img/sp/icon_home.png) no-repeat;
		background-size: 27px 22px;
		content: "";
		display: inline-block;
	}
	#buHeadSpToppage div {
		margin-top: 22px;
		margin-left: -5px;
	}

	#header .logo {
		width: 80px;
		height: 26px;
		display: block;
		background-image: url(../../images/logo_fukuya.png);
		background-size: 80px 26px;
		position: absolute;
		margin: auto;
		top: 15px;
		left: 0px;
		right: 0px;
		z-index: 200;
	}
	#header .logo h1 {
		display: none;
	}
	/**/
	#header .inner .logout{
		position: absolute;
		top: 13px;
		right: 10px;
		z-index: 200;
	}
	#header .inner .logout a{
		color: #fff;
		font-size: 13px;
		border: 1px solid #fff;
		border-radius: 3px;
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100px;
		height: 27px;
	}
	
	/*-- --*/
	#buGMenuSP a {
		position: absolute;
		top: 15px;
		left: 23px;
		width: 27px;
		height: 27px;
		background-image: url(../../images/bu_gmenu.png);
		background-size: 27px 54px;
		background-repeat: no-repeat;
		z-index: 200;
	}
	#buGMenuSP a span {
		display: none;
	}
	#buGMenu {
		display: none;
	}
	/*#gMenu {
		display: none;
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		z-index: 100;
	}
	#gMenu li {
		background: #333333;
		text-align: left;
	}
	#gMenu li:nth-of-type(1) {
		padding-top: 85px;
		background: #333333;
	}
	#gMenu li:nth-last-child(1) {
		border-bottom: 1px solid #2b7cc4;
	}
	#gMenu li a {
		border-top: 1px solid #2b7cc4;
		display: block;
		min-height: 18px;
		padding: 20px 10px 20px 30px;
		background-image: url(../../images/icon_arrow_menu.png);
		background-size: 9px 15px;
		background-repeat: no-repeat;
		background-position: top 20px right 30px;
		font-size: 14px;
	}
	#gMenu li:nth-of-type(-n+6) a:link,
	#gMenu li:nth-of-type(-n+6) a:visited {
		color: #ffffff;
		text-decoration: none;
	}
	#gMenu li:nth-of-type(-n+6) a:hover,
	#gMenu li:nth-of-type(-n+6) a:active {
		color: #ffffff;
		background: #4f4f4f;
		text-decoration: none;
		background-image: url(../../images/icon_arrow_menu.png);
		background-size: 9px 15px;
		background-repeat: no-repeat;
		background-position: top 20px right 30px;
	}
	#gMenu li:nth-of-type(6) a {
		border-bottom: 1px solid #2b7cc4;
	}
	#gMenu li:nth-of-type(7) a {
		display: inline-block;
		padding: 0;
		text-align: center;
		background-image: none;
		border: none;
	}
	#gMenu li:nth-of-type(7) {
		text-align: center;
		padding: 40px 0px 60px 0px;
	}
	.buLogout {
		border:1px solid #2b7cc4;
		padding: 5px 60px;
	}
	#gMenu li:nth-of-type(7) a:link .buLogout,
	#gMenu li:nth-of-type(7) a:visited .buLogout {
		color: #ffffff;
		text-decoration: none;
	}
	#gMenu li:nth-of-type(7) a:hover .buLogout,
	#gMenu li:nth-of-type(7) a:active .buLogout {
		color: #ffffff;
		background: #4f4f4f;
		text-decoration: none;
	}*/
	/*-- --*/
	#buGMenuLoginSP a {
		position: absolute;
		top: 15px;
		left: 23px;
		width: 27px;
		height: 27px;
		background-image: url(../../images/bu_gmenu.png);
		background-size: 27px 54px;
		background-repeat: no-repeat;
		z-index: 200;
	}
	#buGMenuLoginSP a span {
		display: none;
	}
	#buGMenuLogin {
		display: none;
	}
	#gMenuLogin {
		display: none;
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		z-index: 100;
	}

	#gMenuLogin li {
		background: #005bac;
		text-align: left;
	}
	#gMenuLogin li:nth-of-type(1) {
		padding-top: 53px;
		background: #005bac;
	}
	#gMenuLogin li:nth-last-child {
		border-bottom: none;
	}
	#gMenuLogin li:first-of-type a {
		border-top: 1px solid #2b7cc4;
	}
	#gMenuLogin li a {
		font-size: 15px;
		border-bottom: 1px solid #2b7cc4;
		display: flex;
		align-items: center;
		height: 56px;
		padding: 0 0 0 20px;
		position: relative;
	}
	#gMenuLogin li a::after{
		content: "";
		background: none;
		position: absolute;
		right: 18px;
		top: 0;
		bottom: 0;
		margin: auto;
		width: 7px;
		height: 7px;
		border-top: 2px solid #fff;
		border-right: 2px solid #fff;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		opacity: 0.5;
	}
	#gMenuLogin li:nth-of-type(-n+3) a:link,
	#gMenuLogin li:nth-of-type(-n+3) a:visited {
		color: #ffffff;
		text-decoration: none;
	}
	#gMenuLogin li:nth-of-type(-n+3) a:hover,
	#gMenuLogin li:nth-of-type(-n+3) a:active {
		color: #ffffff;
		background: #005bac;
		text-decoration: none;
	}
	#gMenuLogin li:nth-of-type(3) a {
		border-bottom: 1px solid #2b7cc4;
	}
	/*-- --*/


	/* boxLogin ==================*/
	#boxLogin {
		position: relative;
		width: 100%;
		background: #f7f7f7;
		margin-top: 53px;
	}
	#boxLogin .boxLoginIn {
		margin-right: 20px;
		margin-left: 20px;
		text-align: left;
		padding: 18px 0px 10px 0px;
	}
	.boxLoginText {
		margin-bottom: 20px;
	}
	#boxTextName {
		text-align: left;
		margin-bottom: 10px;
	}
	#boxTextCard {
		text-align: left;
	}
	#boxTextName .text1,
	#boxTextCard .text1 {
		display: inline;
	}
	#boxTextName .text2 {
		display: inline;
	}
	.loginName {
		font-size: 15px;
	}
	#boxTextPoint {
		text-align: left;
	}


	/* ===== common ===== */
	.wrapCont .logoBox {
		text-align: center;
		width: 75%;
		height: auto;
		margin: 0px auto 15px auto;
	}

	.titleBox {
		text-align: center;
		margin-bottom: 25px;
	}

	.titleBox h2 {
		font-size: 21px;
		line-height: 140%;
		font-weight: bold;
		color: #000;
	}
	.titleBox .txt{
		color: #000;
		text-align: left;
	}
	.cardImg ul{
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		margin-bottom: -10px;
	}
	.cardImg li{
		width: calc(33.3% - 10px);
		margin: 0 5px 10px;
	}
	.cardImg li img{
		width: 100%;
	}
	.titleBox .cardImg{
		margin: 15px auto 0;
		width: 80%;
	}
	
	.subTitleBox {
		text-align: center;
		margin-bottom: 20px;
	}
	.subTitleBox_ta_L {
		text-align: left;
		margin-bottom: 20px;
	}

	.subTitleBox .subTitle,
	.subTitleBox_ta_L .subTitle {
		font-size: 18px;
	}
	.mailTitleBox {
		text-align: center;
		margin-bottom: 35px;
	}
	.mailTitleBox .mailTitle {
		display: block;
		padding-top: 60px;
		background-image : url(../../images/icon_mail.png);
		background-repeat: no-repeat;
		background-position: top 0px center;
		background-size: 59px 58px;
		font-size: 18px;
		color: #e0b84b;
		line-height: 200%;
	}
	.titleS {
		border-left: 6px solid #333333;
		background: #ffffff;
		text-align: left;
		margin-bottom :10px;
		padding: 4px 8px 3px 8px;
		font-size: 16px;
		font-weight: bold;
		line-height: 120%;
	}

	#boxComp {
		width: 100%;
		margin-bottom: 18px;
		padding: 12px 10px 2px 10px;
		background-color: #ffffff;
		border: 2px solid #a3a3a3;
		text-align: left;
	}
	#boxComp .iconCheck {
		display: block;
		padding-left: 22px;
		padding-bottom: 10px;
		background-image : url(../../images/icon_check.png);
		background-repeat: no-repeat;
		background-position: 0px 4px;
		background-size: 16px 16px;
		font-size: 12px;
		color: #222222;
		line-height: 200%;
	}
	#boxAlert {
		width: 100%;
		margin-bottom: 40px;
		padding: 12px 10px 12px 10px;
		background-color: #ffffff;
		border: 2px solid #f48484;
		text-align: left;
		color: #db1f1f;
	}
	#boxAlert .iconAlert {
		display: block;
		padding-left: 22px;
		background-image : url(../../images/icon_alert.png);
		background-repeat: no-repeat;
		background-position: 0px 4px;
		background-size: 16px 16px;
		font-size: 12px;
		color: #db1f1f;
		line-height: 200%;
	}

	.barGray {
		width: 100%;
		margin-bottom: 20px;
		padding: 12px 15px 12px 15px;
		background-color: #333333;
		color: #ffffff;
		font-size: 14px;
		text-align: left;
	}

	.boxText {
		margin-right: 10px;
		margin-bottom: 20px;
		text-align: left;
	}
	.boxText_mb_L {
		margin-right: 10px;
		margin-bottom: 60px;
		text-align: left;
	}
	.boxTextCenter {
		margin-right: 10px;
		margin-bottom: 10px;
		margin-left: 10px;
		text-align: center;
	}
	.boxTextCenter_mb_L {
		width: 100%;
		margin-bottom: 50px;
		text-align: center;
	}
	.textRed_mb_0 {
		color: #db1f1f;
	}
	.textRed {
		color: #db1f1f;
		margin-bottom: 30px;
	}
	.textRed_mb_L {
		color: #db1f1f;
		margin-bottom: 50px;
	}


	/* ----- box ----- */
	.boxGrayLine_mb_S {
		width: 100%;
		margin-bottom: 25px;
		padding: 15px;
		border: 1px solid #b2b2b2;
		background-color: #ffffff;
		text-align: left;
	}
	.boxGrayLine_mb_L {
		width: 100%;
		margin-bottom: 50px;
		padding: 15px;
		border: 1px solid #b2b2b2;
		background-color: #ffffff;
		text-align: left;
	}
	.boxGrayLine_mb_L a {
		word-wrap:break-word;
	}
	/* ----- box ----- */

	/* ----- bu ----- */
	.buBox_mb_S {
		width: 100%;
		text-align: center;
		/*margin-bottom: 20px;*/
	}

	.buBox {
		width: 100%;
		text-align: center;
		/*margin-bottom: 45px;*/
	}
	.buBox.fWrap .btn{
		margin-bottom: 10px;
	}
	.buBox.fWrap .btn:last-of-type{
		margin-bottom: 0;
	}
	
	.boxFormItem2 + .buBox{
		margin-top: 30px;
	}
	.buBox2Bu {
		width: 100%;
		text-align: center;
		/*margin-bottom: 45px;*/
	}
	.buSP1 {
		width: 100%;
		float: right;
	}
	.buSP2 {
		width: 100%;
		float: left;
	}

	/* color */
	a.buBlue,
	a.buBlueAtag,
	a.buBlue_m,
	a.buBlue_s,
	a.buBlue_ss,
	a.buBlue_sss,
	a.buMailChange {
		color: #fff;
		background-color: #005bac;
	}
	a.buLineBlueSubmit,
	a.buLineBlue,
	a.buLineGray_s,
	a.buLineBlue_b {
		color: #005bac;
		background-color: #fff;
	}
	a.buBlueBox {
		color: #fff;
		background-color: #005bac;
	}

	a.buCouponUnused {
		color: #ffffff;
		background-color: #db1f1f;
	}
	a.buCouponUsed {
		color: #db1f1f;
		background-color: #ffffff;
	}

	a.buDisabled {
		color: #ffffff;
		background-color: #e0e0e0;
	}
	/* color */
	.buBlue {
		color: #fff;
		font-size: 16px;
		text-align: center;
		text-decoration: none;
		background-color: #005bac;
		border-radius: 5px;
		display: flex;
		justify-content: center;
		align-items: center;
		position: relative;
		margin: 0 auto;
		width: 250px;
		height: 50px;
	}
	.btn::after{
		content: "";
		background: none;
		position: absolute;
		right: 10px;
		top: 0;
		bottom: 0;
		margin: auto;
		width: 7px;
		height: 7px;
		border-top: 2px solid #fff;
		border-right: 2px solid #fff;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		opacity: 0.5;
	}
	.buWhite {
		color: #005bac;
		font-size: 16px;
		text-align: center;
		text-decoration: none;
		background-color: #fff;
		border: 1px solid #005bac;
		border-radius: 5px;
		display: flex;
		justify-content: center;
		align-items: center;
		position: relative;
		margin: 0 auto;
		width: 250px;
		height: 50px;
	}
	.boxCheck + .buBox{
		margin-top: 20px;
	}
	.boxBt + .buBox{
		margin-top: 15px;
	}
	.boxBt{
		margin-top: 10px;
	}
	
	.shl_wrap + .buBox{
		margin-top: -10px;
	}
	.complete .shl_wrap + .buBox{
		margin-top: 20px;
	}
	.buBlue_sss {
		width: 80px;
	}
	.buBlue_ss {
		width: 100%;
	}
	.buBlue_s {
		width: 60%;
	}
	.buBlue_m {
		width: 220px;
	}
	.buBlueAtag {
		width: 80%;
		margin-bottom: 15px;
		display: inline-block;
		text-decoration: none;
		font-size: 14px;
		text-align: center;
		color: #ffffff;
		background-color: #005bac;
		padding: 10px 30px 10px 10px;
		background-image: url(../../images/icon_arrow_white.png);
		background-repeat: no-repeat;
		background-position: center right 15px;
		background-size: 9px 15px;
	}
	.buMailChange {
		display: inline-block;
		text-decoration: none;
		font-size: 14px;
		text-align: center;
		color: #ffffff;
		background-color: #005bac;
		padding: 10px 15px 10px 10px;
	}
	.buLineBlue {
		width: 80%;
		margin-bottom: 15px;
		display: inline-block;
		text-decoration: none;
		font-size: 14px;
		text-align: center;
		color: #005bac;
		background-color: #ffffff;
		padding: 9px 30px 9px 10px;
		border: 1px solid #005bac;
		background-image: url(../../images/icon_arrow_blue.png);
		background-repeat: no-repeat;
		background-position: center right 15px;
		background-size: 9px 15px;
	}
	.buLineBlueSubmit {
		width: 80%;
		margin-bottom: 15px;
		display: inline-block;
		text-decoration: none;
		font-size: 14px;
		text-align: center;
		color: #005bac;
		background-color: #ffffff;
		padding: 10px 30px 10px 10px;
		border: 1px solid #005bac;
		background-image: url(../../images/icon_arrow_blue.png);
		background-repeat: no-repeat;
		background-position: center right 15px;
		background-size: 9px 15px;
	}
	.buLineGray_s {
		width: 60%;
		margin-bottom: 15px;
		display: inline-block;
		text-decoration: none;
		font-size: 14px;
		text-align: center;
		color: #005bac;
		background-color: #ffffff;
		padding: 10px 10px 10px 10px;
		border: 1px solid #cccccc;
	}
	.buLineBlue_b {
		width: 100%;
		margin-bottom: 15px;
		display: inline-block;
		text-decoration: none;
		font-size: 14px;
		text-align: center;
		color: #005bac;
		background-color: #ffffff;
		padding: 10px 40px 10px 10px;
		border: 2px solid #005bac;
		background-image: url(../../images/icon_new_window.png);
		background-repeat: no-repeat;
		background-position: center right 15px;
		background-size: 18px 16px;
	}
	a.buBlueBox {
		width: 100%;
		display: inline-block;
		text-decoration: none;
		font-size: 15px;
		text-align: center;
		color: #ffffff;
		background-color: #005bac;
		padding: 20px 25px 30px 25px;
		background-image: url(../../images/icon_arrow_down_white.png);
		background-repeat: no-repeat;
		background-position: bottom 10px center;
		background-size: 15px 9px;
	}

	.buCouponUnused {
		width: 80%;
		margin-bottom: 15px;
		display: inline-block;
		text-decoration: none;
		font-size: 14px;
		text-align: center;
		color: #ffffff;
		padding: 9px 30px 9px 10px;
		background-color: #db1f1f;
	}
	.buCouponUsed {
		width: 80%;
		margin-bottom: 15px;
		display: inline-block;
		text-decoration: none;
		font-size: 14px;
		text-align: center;
		color: #db1f1f;
		background-color: #ffffff;
		padding: 9px 30px 9px 10px;
		border: 1px solid #db1f1f;
	}

	/* ----- bu ----- */


	input[type="text"],
	input[type="password"],
	textarea {
		padding: 10px 10px 10px 10px;
		height: 45px;
		border: 1px solid #ccc;
		background: #ffffff;
		font-size: 14px;
	}
	input[type="text"]:focus,
	input[type="password"]:focus {
		padding: 8px 8px 8px 9px;
		background: #ffffff;
		border: 2px solid #7f7f7f;
	}
	input[type="tel"],
	input[type="password"],
	textarea {
		padding: 10px 10px 10px 10px;
		height: 45px;
		border: 1px solid #ccc;
		background: #ffffff;
		font-size: 14px;
	}
	input[type="tel"]:focus,
	input[type="password"]:focus {
		padding: 8px 8px 8px 9px;
		background: #ffffff;
		border: 2px solid #7f7f7f;
	}
	input[type="email"],
	input[type="password"],
	textarea {
		padding: 10px 10px 10px 10px;
		height: 45px;
		border: 1px solid #ccc;
		background: #ffffff;
		font-size: 14px;
	}
	input[type="email"]:focus,
	input[type="password"]:focus {
		padding: 8px 8px 8px 9px;
		background: #ffffff;
		border: 2px solid #7f7f7f;
	}
	input:hover,
	input:active {
		opacity: 1;
	}

	input::placeholder {
	  color: #bcbcbc;
	}
	textarea:focus {
		padding: 12px 8px 8px 9px;
		background: #ffffff;
		border: 2px solid #7f7f7f;
	}
	.input_120 {
		width: 24%;
	}
	.input_200 {
		width: 35%;
	}
	.input_255 {
		width: 100%;
	}
	.input_300 {
		width: 100%;
	}
	.input_420 {
		width: 100%;
	}
	.input_580 {
		width: 100%;
	}
	.input_650 {
		width: 100%;
	}
	.input_700 {
		width: 100%;
	}
	.input_w100{
		width: 100%;
	}
	.textArea {
		width: 100%;
		min-height: 100px;
	}
	.selectBox select {
		position: relative;
		height: 40px;
		border-radius: 6px;
		padding-right: 30px;
		padding-left: 5px;
		margin-bottom: 10px;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		font-size: 12px;
		border: 1px solid #ccc;
		background: #ffffff;
	}
	.selectBox select::-ms-expand {
	  display: none;
	}
	:-ms-input-placeholder {
	  color: #ccc;
	}

	.boxScroll {
		margin-bottom: 20px;
		border: 1px solid #cccccc;
		height:200px;
		overflow: auto;
		padding: 10px;
	}

	/* スクロールバー本体 */
	.boxScroll::-webkit-scrollbar{
	width: 5px;
	background: #666666;
	}
	/* スクロールバーの動く部分 */
	.boxScroll::-webkit-scrollbar-thumb{
	background: #666666;
	border-radius: 2px;
	}
	/* スクロールバーの動く部分の前 */
	.boxScroll::-webkit-scrollbar-track-piece:start{
	background: #cccccc;
	}
	/* スクロールバーの動く部分の後ろ */
	.boxScroll::-webkit-scrollbar-track-piece:end{
	background: #cccccc;
	}
	/* スクロールバー角 */
	.boxScroll::-webkit-scrollbar-corner{
	background: transparent;
	}



	/* ----- Form ----- */
	.icon_required {
		vertical-align: middle;
		width: 36px;
		height: 17px;
		margin-left: 5px;
		margin-right: 5px;
		margin-bottom: 2px;
	}
	.icon_required2,
	.icon_required_Em,
	.icon_required_Pw,
	.icon_required_2Line {
		vertical-align: middle;
		width: 36px;
		height: 17px;
		margin-left: 20px;
	}
	.boxPin {
		display: block;
		padding-bottom: 15px;
	}
	.blueIcon {
		display: inline-block;
		font-size: 11px;
		text-align: left;
		background-color: #ffffff;
		padding: 0px 25px 5px 0px;
		background-image: url(../../images/icon_arrow_blue_s.png);
		background-repeat: no-repeat;
		background-position: top 4px right 5px;
		background-size: 9px 12px;
	}
	.blueIcon a:link,
	.blueIcon a:visited {
		color: #005bac;
		text-decoration: underline;
	}
	.blueIcon a:hover,
	.blueIcon a:active {
		color: #005bac;
		text-decoration: none;
	}
	/*-- --*/
	.boxFormItem1 {
		width: 100%;
		margin-bottom: 20px;
	}
	.boxFormItem1 th,
	.boxFormItem1 td {
		text-align: left;
		display: inline-block;
		vertical-align: middle;
	}
	.boxFormItem1 th {
		width: 100%;
		padding: 13px 10px 13px 20px;
		border-top: 1px solid #e0e0e0;
		background: #f7f7f7;
	}
	.boxFormItem1 .thRequired {
		padding: 13px 60px 13px 20px;
		border-top: 1px solid #e5e5e5;
		background-image: url(../../images/icon_required.png);
		background-position: top 15px right 10px;
		background-size: 36px 17px;
		background-repeat: no-repeat;
	}

	.boxFormItem1 td {
		width: 100%;
		padding: 10px 20px 20px 20px;
	}
	.boxFormItem1 .td_Select {
		padding: 10px 20px 0px 20px;
	}

	/*-- --*/
	/*-- --*/
	.boxFormItem2 {
		background-color: #fff;
		width: 100%;
	}
	.boxFormItem2 th,
	.boxFormItem2 td {
		text-align: left;
		display: inline-block;
		vertical-align: middle;
	}
	.boxFormItem2 tr{
		border-bottom: 1px solid #f0f2f3;
	}
	.boxFormItem2 tr:first-of-type{
		border-top: 1px solid #f0f2f3;
	}
	.boxFormItem2 th {
		width: 100%;
		padding: 13px 20px 5px 20px;
	}
	.boxFormItem2 th small{
		font-size: 12px;
		line-height: 1.3;
	}
	.boxFormItem2 td {
		width: 100%;
		padding: 5px 20px 20px 20px;
	}
	/*-- --*/
	.boxFormItem2.confirmation{
		
	}
	/*#pwremind .boxFormItem2.confirmation{
		margin-top: -20px;
	}*/
	.boxFormItem2.confirmation thead th{
		border-left: 1px solid #fff;
		padding: 10px 10px;
		background-color: #dbdee0;
	}
	.boxFormItem2.confirmation thead td{
		font-size: 13px;
		padding: 10px 10px;
		background-color: #dbdee0;
	}
	.boxFormItem2.confirmation th{
		font-size: 13px;
		font-weight: normal;
		text-align: left;
		border-bottom: 1px solid #fff;
		background-color: #dbdee0;
		padding: 10px 20px;
		position: relative;
		width: 100%;
	}
	.boxFormItem2.confirmation th .must{
		color: #fff;
		font-size: 11px;
		background-color: #ce3a3a;
		display: flex;
		justify-content: center;
		align-items: center;
		width: 40px;
		height: 22px;
		position: absolute;
		top: 0;
		bottom: 0;
		right: 20px;
		margin: auto;
	}
	.boxFormItem2.confirmation td{
		width: 100%;
		padding: 20px;
	}
	.boxFormItem2.confirmation td .fWrap{
		display: flex;
		align-items: center;
		flex-wrap: wrap;
	}
	.boxFormItem2.confirmation td .fWrap p{
		margin: 0 6px 0 3px;
	}
	.boxFormItem2.confirmation td .fWrap p:first-of-type{
		width: 100%;
		margin-bottom: 5px;
	}
	/*short*/
	.boxFormItem2.confirmation.short th{
		width: 50%;
		padding: 12px 20px;
		border-bottom: none;
	}
	.boxFormItem2.confirmation.short td{
		width: 50%;
		padding: 10px 20px;
	}
	
	
	/*-- --*/
	.boxFormItem2_2 {
		width: 100%;
		margin-bottom: 30px;
	}
	.boxFormItem2_2 th,
	.boxFormItem2_2 td {
		text-align: left;
		display: inline-block;
		vertical-align: middle;
	}
	.boxFormItem2_2 th {
		width: 100%;
		padding: 13px 10px 13px 20px;
		border-top: 1px solid #e0e0e0;
		background: #f7f7f7;
	}
	.boxFormItem2_2 td {
		width: 100%;
		padding: 10px 20px 20px 20px;
	}
	.boxFormItem2_2.withText {
		margin-bottom: 0px;
	}
	.boxFormItem2_2.withText tr:last-child td {
		padding-bottom: 0px;
	}
	/*-- --*/
	.gWrap{
		background-color: #f0f2f3;
		padding: 20px 20px 35px;
		width: 90%;
		margin: 0 auto;
	}
	.gWrap h3{
		color: #000;
		font-size: 18px;
		margin-top: 10px;
	}
	.gWrap + .gWrap{
		margin-top: 30px;
	}
	#error .gWrap{
		background-color: inherit;
		padding: 0 20px;
	}
	
	.shl_wrap{
		margin-bottom: 20px;
	}
	.shl_wrap p.txt{
		color: #000;
		font-size: 15px;
		line-height: 1.8;
		margin: 0;
	}
	.shl_wrap .cardImg{
		width: 50%;
		margin: 0 auto;
	}
	.shl_wrap .cardImg img{
		
	}
	
	/*-- --*/
	.boxFormRegister {
		width: 100%;
	}
	.boxFormRegister th,
	.boxFormRegister td {
		text-align: left;
		display: inline-block;
		vertical-align: middle;
	}
	.boxFormRegister th {
		width: 100%;
		padding: 13px 10px 13px 20px;
		border-top: 1px solid #e0e0e0;
		background: #f7f7f7;
	}
	.boxFormRegister .thRequiredTop,
	.boxFormRegister .thRequired {
		padding: 13px 60px 13px 20px;
		border-top: 1px solid #e5e5e5;
		background-image: url(../../images/icon_required.png);
		background-position: top 15px right 10px;
		background-size: 36px 17px;
		background-repeat: no-repeat;
	}
	.boxFormRegister td {
		width: 100%;
		padding: 10px 20px 20px 20px;
	}
	.boxFormRegister .td_mb_3col {
		width: 100%;
		padding: 10px 20px 10px 20px;
	}
	/*-- --*/
	/*-- --*/
	.boxFormRegister2 {
		width: 100%;
	}
	.boxFormRegister2 th,
	.boxFormRegister2 td {
		text-align: left;
		display: inline-block;
		vertical-align: middle;
	}
	.boxFormRegister2 th {
		width: 100%;
		padding: 13px 10px 13px 20px;
		border-top: 1px solid #e0e0e0;
		background: #f7f7f7;
	}
	.boxFormRegister2 .thRequiredTop,
	.boxFormRegister2 .thRequired {
		padding: 13px 60px 13px 20px;
		border-top: 1px solid #e5e5e5;
		background-image: url(../../images/icon_required.png);
		background-position: top 15px right 10px;
		background-size: 36px 17px;
		background-repeat: no-repeat;
	}
	.boxFormRegister2 td {
		width: 100%;
		padding: 10px 20px 20px 20px;
	}
	/*-- --*/
	/*-- --*/
	.boxFormRegister_last {
		width: 100%;
		margin-bottom: 30px;
	}
	.boxFormRegister_last th,
	.boxFormRegister_last td {
		text-align: left;
		display: inline-block;
		vertical-align: middle;
	}
	.boxFormRegister_last th {
		width: 100%;
		padding: 13px 10px 13px 20px;
		border-top: 1px solid #e0e0e0;
		background: #f7f7f7;
	}
	.boxFormRegister_last .thRequiredTop,
	.boxFormRegister_last .thRequired {
		padding: 13px 60px 13px 20px;
		border-top: 1px solid #e5e5e5;
		background-image: url(../../images/icon_required.png);
		background-position: top 15px right 10px;
		background-size: 36px 17px;
		background-repeat: no-repeat;
	}
	.boxFormRegister_last td {
		width: 100%;
		padding: 10px 20px 20px 20px;
	}
	/*-- --*/
	/*-- --*/
	.boxFormRegister2_last {
		width: 100%;
		margin-bottom: 30px;
	}
	.boxFormRegister2_last th,
	.boxFormRegister2_last td {
		text-align: left;
		display: inline-block;
		vertical-align: middle;
	}
	.boxFormRegister2_last th {
		width: 100%;
		padding: 13px 10px 13px 20px;
		border-top: 1px solid #e0e0e0;
		background: #f7f7f7;
	}
	.boxFormRegister2_last .thRequiredTop,
	.boxFormRegister2_last .thRequired {
		padding: 13px 60px 13px 20px;
		border-top: 1px solid #e5e5e5;
		background-image: url(../../images/icon_required.png);
		background-position: top 15px right 10px;
		background-size: 36px 17px;
		background-repeat: no-repeat;
	}
	.boxFormRegister2_last td {
		width: 100%;
		padding: 10px 20px 20px 20px;
	}
	/*-- --*/
	
	.formText a{
		color: #000;
		text-decoration: underline;
	}
	.formText.cap {
		margin-bottom: 5px;
	}
	.formText.red {
		font-size: 16px;
		font-weight: bold;
        color: #ce3a3a;
	}
	.formText.gray{
		color: #666;
	}
	.formText small{
		font-size: 13px;
		font-weight: normal;
		margin: 0 7px 0 4px;
	}
	.formText.bold{
		font-size: 16px;
		font-weight: bold;
	}
	.confirmBox{
		background-color: #fff9df;
	}
	.formWrap_s + .formWrap_s{
		margin-top: 15px;
	}
	
	
	.check_mb {
		margin-bottom: 10px;
	}

	.error {
		border: 1px solid #ce3a3a;
		background: #fff0f0 !important;
	}
	.errorTxt {
		color: #ce3a3a;
		margin: 0 0 3px;
	}
	.shl_wrap .errorTxt,
	.hl_wrap .errorTxt{
		color: #ce3a3a;
		text-align: left;
		border: 1px solid #ce3a3a;
		background-color: #fff;
		padding: 7px 12px 7px;
		width: 100%;
		margin: 10px 0 -10px;
	}
	.hl_wrap .errorTxt {
		margin: 20px 0 -15px;
	}
	#error .shl_wrap .errorTxt,
	#error .hl_wrap .errorTxt{
		margin-bottom: 20px;
	}
	
	.boxPinkS {
		text-align: left;
		margin-bottom: 10px;
	}
	.boxPinkS .boxPinkS_Inner {
		padding: 10px 4px 6px 10px;
		background-color: #ffe9e9;
	}
	.textBoxGyay {
		width: 100%;
		background: #f4f4f4;
		padding: 12px 50px 12px 12px;
		word-break : break-all;
	}

	.magazineList {
		display: inline-block;
		margin-top:10px;
		padding: 10px 10px 10px 20px;
		border: 1px solid #e0e0e0;
	}
	.magazineList .list_disc {
		list-style-type: disc;
	}


	/* ----- Form ----- */



	/* ===== login ===== */
	.boxLoginCheck {
		margin-top: 10px;
		font-size: 11px;
		text-align: left;
	}
	.textLoginLink {
		text-align: left;
	}
	.textLoginLink .txPw a:link,
	.textLoginLink .txPw a:visited  {
		color: #0096e0;
		text-decoration: underline;
	}
	.textLoginLink .txPw a:hover,
	.textLoginLink .txPw a:active  {
		color: #0096e0;
		text-decoration: none;
	}
	.textLoginLink a{
		color: #000;
		text-align: center;
		display: inline-block;
		margin-top: 15px;
	}
	.textLoginLink a:link,
	.textLoginLink a:visited  {
		text-decoration: underline;
	}
	.textLoginLink a:hover,
	.textLoginLink a:active  {
		color: #000;
		text-decoration: none;
	}
	.textLoginLink.question a{
		font-size: 15px;
		position: relative;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.textLoginLink.question a::before{
		content: "";
		background: url(../../images/icon_question.png) center center / 20px 20px no-repeat;
		width: 20px;
		height: 20px;
		margin-right: 8px;
	}

	.boxTextLogin {
		width: 100%;
		text-align: center;
		margin-top: 21px;
		margin-bottom: 6px;
	}

	/* ===== register ===== */
	#flow {
		width: 98%;
		margin-bottom: 20px;
		text-align: left;
	}
	#flow li{
		display: inline-block;
		vertical-align: top;
		width: 23.5%;
		padding-right: 8px;
	}
	/*#flow li:nth-child(4){
		padding-right: 0px;
	}*/

	.flow01 {
		position: relative;
		margin: 0px 10px 10px 0;
		padding: 3px 0px;
		height: 38px;
		font-size: 10px;
		line-height: 120%;
		color: #222222;
		background: #ffffff;
		border: solid 1px #333333;
		box-sizing: border-box;
		text-align: center;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.flow01:before{
		content: "";
		position: absolute;
		top: 0px;
		right: -33px;
		margin-top: 0px;
		border: 18px solid transparent;
		border-left: 15px solid #ffffff;
		z-index: 2;
	}

	.flow01:after{
		content: "";
		position: absolute;
		top: -1px;
		right: -35px;
		margin-top: 0px;
		border: 19px solid transparent;
		border-left: 15px solid #333333;
		z-index: 1;
	}

	.flow02 {
		position: relative;
		margin: 0px 10px 10px 0;
		padding: 3px 0px;
		height: 38px;
		font-size: 10px;
		line-height: 120%;
		font-weight: bold;
		color: #ffffff;
		background: #333333;
		border: solid 2px #333333;
		box-sizing: border-box;
		text-align: center;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.flow02:before{
		content: "";
		position: absolute;
		top: -1px;
		right: -35px;
		margin-top: 0px;
		border: 18px solid transparent;
		border-left: 15px solid #333333;
		z-index: 2;
	}

	.flow02:after{
		content: "";
		position: absolute;
		top: -2px;
		right: -35px;
		margin-top: 0px;
		border: 19px solid transparent;
		border-left: 15px solid #333333;
		z-index: 1;
	}

	.flow03 {
		position: relative;
		margin: 0px 10px 10px 0;
		padding: 3px 0px;
		height: 38px;
		font-size: 10px;
		line-height: 120%;
		color: #222222;
		background: #eaeaea;
		border: solid 2px #eaeaea;
		box-sizing: border-box;
		text-align: center;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.flow03:before{
		content: "";
		position: absolute;
		top: -1px;
		right: -35px;
		margin-top: 0px;
		border: 18px solid transparent;
		border-left: 15px solid #eaeaea;
		z-index: 2;
	}

	.flow03:after{
		content: "";
		position: absolute;
		top: -2px;
		right: -35px;
		margin-top: 0px;
		border: 19px solid transparent;
		border-left: 15px solid #eaeaea;
		z-index: 1;
	}
	.registerBuBox {
		width: 100%;
		text-align: center;
		margin-top: 25px;
		margin-bottom: 87px;
	}

	.registerTextBox {
		width: 100%;
		margin-bottom: 10px;
		text-align: left;
	}

	#boxRefer {
		width: 100%;
		margin-bottom: 30px;
		background-color: #ffffff;
		text-align: left;
		float: left;
	}
	.boxRefer1 {
		width: 100%;
		margin-bottom: 10px;
	}
	.boxRefer2 {
		width: 100%;
	}
	.cardBox {
		margin-bottom: 35px;
	}
	.cardBox ul {
		font-size: 0;
	}
	.cardBox li {
		width: 100%;
		height: auto;
		display: inline-block;
		padding-right: 10px;
		padding-bottom: 20px;
	}
	/*.cardBox li:nth-of-type(2) {
		padding-left: 10px;
		padding-right: 0px;
	}
	.cardBox li:nth-of-type(3) {
		padding-top: 0px;
	}*/

	/* ------ contAccordion ------ */
	.wrapAccordion {
		margin-bottom: 20px;
	}
	.buAccordion {
		padding: 12px 40px 12px 10px;
		font-size: 14px;
		text-align: left;
		background: #bfd3ef;
		color: #161616;
	}
	.icon_m {
		background-image: url(../../images/icon_accordion_m.png);
		background-repeat: no-repeat;
		background-size: 29px 29px;
		background-position: center right 10px;
	}
	.icon_p {
		background-image: url(../../images/icon_accordion_p.png);
		background-repeat: no-repeat;
		background-size: 29px 29px;
		background-position: center right 10px;
	}
	.contGray {
		padding: 0px;
		background: #ffffff;
		text-align: left;
		font-size: 12px;
	}
	.contAccordion .contAccordion_Inner {
		padding: 10px 0px 10px 0px;
	}

	.tableAgree {
		width: 100%;
	}
	.tableAgree td {
		vertical-align: top;
	}
	.tableAgree .tdSpace {
		padding-left: 7px;
		padding-bottom: 10px;
	}
	.tableAgree .tdSpace2 {
		padding-left: 7px;
	}
	.tableAgree2 {
		width: 100%;
	}
	.tableAgree2 th {
		width: 2%;
		vertical-align: top;
	}
	.tableAgree2 td {
		width: 98%;
		vertical-align: top;
	}
	.tableAgree3 {
		width: 100%;
	}
	.tableAgree3 th {
		width: 2%;
		vertical-align: top;
	}
	.tableAgree3 td {
		width: 98%;
		vertical-align: top;
	}

	/* ------ contAccordion ------ */
	/* ------ contAccordion2 ------ */
	.wrapAccordion2 {
		margin-bottom: 20px;
	}
	.buAccordion2 {
		padding: 12px 40px 12px 10px;
		font-size: 14px;
		text-align: center;
		position: relative;
	}
	.buAccordion2_n {
		background: #ffffff;
		text-align: center;
	}
	.buAccordion2_d {
		background: #ffffff;
		text-align: center;
	}
	.icAccOp2 {
		display: inline-block;
	}
	.icAccCl2 {
		display: none;
	}
	.contGray2 {
		padding: 0px;
		background: #ffffff;
		text-align: left;
		font-size: 12px;
	}
	.contAccordion2 .contAccordion_Inner {
		padding: 10px 0px 10px 0px;
	}
	.myPageBuMore {
		font-size: 14px;
		font-weight: bold;
		color: #005bac;
		padding-left: 20px;
	}
	.myPageBuMore::after {
		content: "";
		display: inline-block;
		width: 15px;
		height: 9px;
		background-image: url(../../images/icon_arrow_blue_bottom.png);
		background-size: 15px 9px;
		margin-left: 5px;
	}

	/* ------ contAccordion2 ------ */

	.boxContract {
		margin-right: 10px;
		margin-bottom: 40px;
		text-align: left;
	}

	/* ===== pwremind ===== */
	.boxContact {
		width: 100%;
		margin-top: 20px;
	}
	.boxContactTel {
		width: 100%;
	}
	.boxContactWeb {
		width: 100%;
	}
	.boxContactGrayLine {
		width: 100%;
		margin-bottom: 20px;
		padding: 20px;
		border: 1px solid #b2b2b2;
		background-color: #ffffff;
		text-align: left;
	}
	.contactIconArea {
		width: 25%;
		float: left;
		text-align: left;
		margin-top: 12px;
		padding-left: 2px;
	}
	.contactTextArea {
		width: 75%;
		float: left;
		text-align: left;
		margin-top: 10px;
	}
	.imIconTel {
		width: 80%;
		height: auto;
	}
	.imIconWeb {
		width: 80%;
		height: auto;
	}
	.txTel {
		font-size: 21px;
		font-weight: bold;
	}

	/* ===== member ===== */
	/*-- --*/
	.boxMyPageInfo {
		width: 100%;
	}
	.boxMyPageInfo .itemInfo {
		width: 100%;
		border: 1px solid #e0e0e0;
	}
	.boxMyPageInfo > a:nth-of-type(n+2) {
		margin-top: 8px;
	}
	.boxMyPageInfo .itemInfo .itemInfoImg {
		float: left;
		width: 105px;
	}
	.boxMyPageInfo .itemInfoHead {
		float: right;
		width: 100%;
		margin-left: -115px;
		padding-left: 115px;
		padding-right: 10px;
		margin-top: 10px;
		display: table;
	}
	.boxMyPageInfo .itemInfoHead div:nth-of-type(1) {
		width: 75px;
		display: table-cell;
		vertical-align: middle;
	}
	.boxMyPageInfo .itemInfoHead div:nth-of-type(1) > div {
		width: 75px;
		color: #ffffff;
		text-align: center;
		font-size: 10px;
		line-height: 100%;
		padding: 5px 0px;
	}
	.boxMyPageInfo .itemInfoHead div:nth-of-type(2) {
		text-align: right;
		display: table-cell;
		font-size: 11px;
		line-height: 100%;
		vertical-align: middle;
		color: #777777;
	}
	.boxMyPageInfo .iconQuestionnaire {
		background: #ba4f4f;
	}
	.boxMyPageInfo .iconMaintenance {
		background: #479b3b;
	}
	.boxMyPageInfo .iconEvent {
		background: #735ea5;
	}
	.boxMyPageInfo .itemInfoName {
		float: right;
		width: 100%;
		margin-left: -115px;
		padding-left: 115px;
		padding-top: 5px;
		padding-right: 10px;
		color: #222222;
		font-size: 13px;
		line-height: 150%;
	}
	.boxMyPageInfo .itemInfoTx {
		display: none;
	}

	.boxRireki {
		width: 100%;
	}
	.boxRireki .boxRirekiHead {
		width: 100%;
	}
	.boxRireki .boxRirekiHead > div:nth-of-type(1) {
		width: 100%;
		font-size: 11px;
	}
	.boxRireki .boxRirekiHead > div:nth-of-type(2) {
		margin-top: 10px;
	}
	.boxRireki .boxRirekiHead > div:nth-of-type(2) select {
		width: 98%;
	}
	.boxRireki .tableScroll {
		overflow-x: scroll;
	}
	.boxRireki table {
		margin-top: 10px;
		width: 100%;
		border-top: 1px solid #a3a3a3;
		border-left: 1px solid #a3a3a3;
		font-size: 12px;
	}
	.boxRireki table th,
	.boxRireki table td {
		padding: 10px;
		text-align: center;
		border-right: 1px solid #a3a3a3;
		border-bottom: 1px solid #a3a3a3;
		white-space: nowrap;
	}
	.boxRireki table th {
		text-align: left;
		background: #e8e8e8;
	}

	.boxRireki table td {
		text-align: left;
	}
	.boxRireki table td.alignRight {
		text-align: right;
	}


	.boxCard {
		width: 100%;
	}
	.boxCard .tableScroll {
		overflow-x: scroll;
	}
	.boxCard table {
		margin-top: 10px;
		width: 100%;
		border-top: 1px solid #a3a3a3;
		border-left: 1px solid #a3a3a3;
		font-size: 12px;
	}
	.boxCard table th,
	.boxCard table td {
		padding: 10px;
		text-align: center;
		border-right: 1px solid #a3a3a3;
		border-bottom: 1px solid #a3a3a3;
		white-space: nowrap;
	}
	.boxCard table th {
		text-align: left;
		background: #e8e8e8;
	}

	.boxBuMore {
		text-align: center;
		margin-top: 20px;
		margin-bottom: 50px;
	}
	a.buMore {
		font-size: 14px;
		font-weight: bold;
		color: #005bac;
	}
	.buMore::after {
		content: "";
		display: inline-block;
		width: 15px;
		height: 9px;
		background-image: url(../../images/icon_arrow_blue_bottom.png);
		background-size: 15px 9px;
		margin-left: 5px;
	}
	/*-- --*/
	.boxMyPage {
		border-top: 1px solid #e0e0e0;
		margin-bottom: 50px;
	}
	.boxMyPage .boxMyPageIn {
		border-bottom: 1px solid #e0e0e0;
		padding: 25px 0px 25px 0px;
	}
	.boxMyPage .boxMyPageIn .iconArea {
		margin: 0;
		padding-bottom: 20px;
		text-align: center;
	}
	.boxMyPage .boxMyPageIn .txArea {
		margin: 0;
		padding-bottom: 20px;
		text-align: center;
	}
	.boxMyPage .boxMyPageIn .txArea .txAreaTable {
		margin: 0 auto;
		text-align: center;
	}
	.boxMyPage .boxMyPageIn .txArea .txAreaTable td {
		width: 50%;
		padding-right:10px;
		text-align: left;
		vertical-align: top;
	}
	.boxMyPage .boxMyPageIn .pbNo {
		display: none;
	}
	.boxMyPage .boxMyPageIn .buArea {
		margin: 0;
		text-align: center;
	}
	.iconPoint {
		min-height: 66px;
		padding-top: 23px;
		padding-left: 150px;
		text-align: left;
		background-image : url(../../images/icon_mypage_point.png);
		background-repeat: no-repeat;
		background-position: top 0px left 70px;
		background-size: 66px 66px;
		font-size: 15px;
		color: #666666;
	}
	.iconInfo {
		min-height: 66px;
		padding-top: 23px;
		padding-left: 150px;
		text-align: left;
		background-image : url(../../images/icon_mypage_info.png);
		background-repeat: no-repeat;
		background-position: top 0px left 70px;
		background-size: 66px 57px;
		font-size: 15px;
		color: #666666;
	}
	.iconMail {
		min-height: 66px;
		padding-top: 3px;
		padding-left: 150px;
		text-align: left;
		background-image : url(../../images/icon_mypage_mail.png);
		background-repeat: no-repeat;
		background-position: top 0px left 70px;
		background-size: 66px 49px;
		font-size: 15px;
		color: #666666;
	}
	.iconLine {
		min-height: 66px;
		padding-top: 3px;
		padding-left: 150px;
		text-align: left;
		background-image : url(../../images/icon_mypage_line.png);
		background-repeat: no-repeat;
		background-position: top 0px left 70px;
		background-size: 66px;
		font-size: 15px;
		color: #666666;
	}
	.iconCard {
		min-height: 66px;
		padding-top: 3px;
		padding-left: 150px;
		text-align: left;
		background-image : url(../../images/icon_mypage_dc.png);
		background-repeat: no-repeat;
		background-position: top 0px left 70px;
		background-size: 66px;
		font-size: 15px;
		color: #666666;
	}
	.iconCoupon {
		min-height: 66px;
		padding-top: 3px;
		padding-left: 150px;
		text-align: left;
		background-image : url(../../images/icon_mypage_coupon.png);
		background-repeat: no-repeat;
		background-position: top 0px left 70px;
		background-size: 66px;
		font-size: 15px;
		color: #666666;
	}
	.iconPincode {
		min-height: 66px;
		padding-top: 3px;
		padding-left: 150px;
		text-align: left;
		background-image : url(../../images/icon_mypage_pincode.png);
		background-repeat: no-repeat;
		background-position: top 0px left 70px;
		background-size: 66px;
		font-size: 15px;
		color: #666666;
	}

	.mt_MyPage_tx {
		margin-top: 35px;
	}
	.mt_MyPage_bu {
		margin-top: 40px;
	}
	.addCardArea .btn:nth-of-type(2) {
		margin-top: 20px;
	}

	/*-- --*/
	.questTable {
		width: 100%;
		border-bottom: 1px solid #e0e0e0;
		margin-bottom: 50px;
	}
	.questTable th,
	.questTable td {
		text-align: left;
		display: inline-block;
		vertical-align: middle;
	}
	.questTable th {
		width: 100%;
		padding: 13px 10px 10px 20px;
		border-top: 1px solid #e0e0e0;
		background: #f7f7f7;
		margin-bottom: 10px;
		text-align: center;
	}
	.questTable .tdTx {
		width: 100%;
		padding: 10px 20px 10px 20px;
		text-align: center;
	}
	.questTable .tdBu {
		width: 100%;
		padding: 10px 20px 30px 20px;
		text-align: center;
	}
	.txAnswer {
		color: #bcbcbc;
	}
	/*-- --*/

	.boxGray {
		width: 100%;
		margin-bottom: 20px;
		padding: 15px 15px 0px 15px;
		background-color: #f7f7f7;
		text-align: left;
	}
	.boxGray .txTerm {
		margin-bottom: 20px;
	}
	.boxGray .boxInner {
		padding: 10px 0px 30px 0px;
	}
	.boxGray .boxInner2 {
		padding: 10px 0px 20px 0px;
	}

	.boxGray .titlePoint {
		border-bottom: 1px solid #bcbcbc;
		padding: 0px 0px 10px 0px;
		font-size: 16px;
		font-weight: bold;
	}
	.boxGray .contPointRed {
		padding: 15px 0px 0px 0px;
		font-size: 14px;
		color: #c40000;
	}
	.boxGray .contPointBlue {
		padding: 15px 0px 0px 0px;
		text-align: left;
		font-size: 14px;
		color: #294aa5;
	}
	.boxGray .titlePrice {
		padding: 0px 0px 10px 0px;
		font-size: 16px;
		font-weight: bold;
	}
	.boxGray .titlePrice2 {
		padding: 0px 0px 10px 0px;
		font-size: 16px;
	}
	.boxGray .boxInner2.bonusPrice {
		border-top: 1px solid #bcbcbc;
	}

	.boxGray .contText_1 {
		float: left;
		width: 48%;
		text-align: left;
		vertical-align: middle;
	}
	.boxGray .contText_2 {
		float: right;
		width: 48%;
		text-align: right;
		vertical-align: middle;
	}
	.boxGray .txComment {
		font-size: 12px;
		color: #222222;
		margin-top: 5px;
		font-weight: normal;
	}
	.pointBreakdown {
		padding-left: 20px;
	}

	/* tableGray */
	.tableGray {
		width: 100%;
		margin-bottom: 10px;
		border-top: 1px solid #dddddd;
		border-right: 1px solid #dddddd;
	}
	.tableGray th {
		width: 100%;
		display: block;
		border-left: 1px solid #dddddd;
		border-bottom: 1px solid #dddddd;
		background: #f2f2f2;
		line-height: 150%;
		text-align: center;
		font-weight: normal;
	}
	.tableGray td {
		width: 100%;
		display: block;
		border-left: 1px solid #dddddd;
		border-bottom: 1px solid #dddddd;
		line-height: 170%;
	}
	.tableGray th,
	.tableGray td {
		padding: 10px;
	}

	.boxAnsDate {
		text-align: right;
		margin-bottom: 30px;
	}

	.textAns_taR {
		text-align: right;
		margin-bottom: 20px;
	}

	.boxList ul li {
		display: inline-block;
		width: 48%;
		margin-bottom: 10px;
		vertical-align: top;
		padding-left: 0px;
	}

	/*-- info_detail --*/
	.subTitleBox_ta_L .itemIcon {
		margin-bottom: 10px;
	}
	.subTitleBox_ta_L .itemIcon div:nth-of-type(1) {
		display: inline-block;
		vertical-align: middle;
	}
	.subTitleBox_ta_L .itemIcon div:nth-of-type(1) > div {
		color: #ffffff;
		text-align: center;
		font-size: 10px;
		line-height: 100%;
		padding: 5px 20px;
		margin-right: 5px;
	}
	.subTitleBox_ta_L .itemIcon div:nth-of-type(2) {
		text-align: left;
		display: inline-block;
		font-size: 11px;
		line-height: 100%;
		vertical-align: middle;
		margin-top: 5px;
		color: #777777;
	}
	.subTitleBox_ta_L .iconQuestionnaire {
		background: #ba4f4f;
	}
	.subTitleBox_ta_L .iconMaintenance {
		background: #479b3b;
	}
	.subTitleBox_ta_L .iconEvent {
		background: #735ea5;
	}

	.detailContainer {
		width: 100%;
	}

	.detailContainer .detailImg_01,
	.detailContainer .detailImg_02 {
		text-align: center;
		margin-bottom: 20px;
	}
	.detailContainer .detailImg_01 img,
	.detailContainer .detailImg_02 img {
		width: 60%;
		height: auto;
	}
	.detailContainer .detailTx {
		text-align: left;
		margin-bottom: 20px;
	}
	/*-- info_detail --*/



	/* buTopArea ==================*/
	#buTopArea {
		width: 100%;
		border-top: 1px solid #e5e5e5;
	}
	#buTopAreaInn {
		margin-right : 10px;
		margin-left : 10px;
		padding: 35px 0px 45px 0px;
	}

	/* footer ==================*/
	#footer {
		width: 100%;
		background-color: #cccccc;
	}
	.footerIn {
		margin-left: 10px;
		margin-right: 10px;
		padding-top: 22px;
		padding-bottom: 15px;
		text-align: center;
		color: #cccccc;
	}
	#footerMenu {
		overflow: hidden;
		text-align: center;
	}
	#footerMenu .list {
		display: inline-block;
		background-image: url(../../images/arrow_gray.png);
		background-repeat: no-repeat;
		background-position: 0px 5px;
		background-size: 5px 8px;
		padding: 0px 15px 15px 10px;
		font-size: 12px;
		line-height: 150%;
	}

	#footerMenu .list a:link,
	#footerMenu .list a:visited {
		color: #222222;
		text-decoration: none;
	}
	#footerMenu .list a:hover,
	#footerMenu .list a:active {
		color: #222222;
		text-decoration: underline;
	}

	#boxCopyRight {
		width: 100%;
		background-color: #fff;
		border-top: 1px solid #ccc;
		padding: 25px 10px 30px;
	}
	#boxCopyRight #txCopyRight {
		font-size: 13px;
		color: #666;
	}

	/*-- CODEイメージ追加 --*/
	.wrapCont #codeView {
		margin: 0 auto 30px;
		width: 98%;
		text-align: center;
	}
	.wrapCont #codeView .codeImg label {
		display: block;
		width: 100%;
		padding: 10px 0px 8px;
		border-bottom-right-radius: 5px;
		border-bottom-left-radius: 5px;
		background: #ebebeb;
		letter-spacing: 1.6px;
		cursor :pointer;
		font-weight: bold;
	}
	.wrapCont #codeView .codeImg .hidden_show {
		height: 0;
		padding: 0;
		overflow: hidden;
		opacity: 0;
		transition: 0.3s;
	}
	.wrapCont #codeView .codeImg input:checked ~ .hidden_show {
		padding: 4px 0;
		height: auto;
		opacity: 1;
		border-bottom: 1px solid #f2f2f2;
		background: #f7f7f7;
	}
	#memberTop .wrapCont {
		padding-top: 0;
		margin-top: 0;
	}
	.wrapCont #codeView .codeImg label:before {
		display: inline-block;
		content: '\f078';
		font-family: 'FontAwesome';
		padding-right: 8px;
		transition: 0.2s;
	}
	.wrapCont #codeView .codeImg  input:checked ~ label:before {
		 content: '\f077'; /*別のアイコンに*/

	}
	.overflowScroll {
		overflow-x: scroll;
	}

	/*-- CODEイメージ追加 --*/



	/* 20231109レイアウト変更 ==================*/


	.registerTextBox {
		text-align: left;	
	}		



	#boxRefer {
		border-color: #fff;
	}


	.cardBox li:nth-of-type(3) {
		margin-right: 0px;
	}




	a.bgcol {
		background-color: #cccccc;
		color: #444444;
		background-image: url(../../images/icon_arrow_down.png);
	}


	#boxRefer .registerTextBox {   
		font-size: 10px;
		text-align: center;
	}

	.cardBox ul {
		font-size: 0;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.boxReferTittle {
		font-size: 18px;
		text-align: center;
		margin-bottom: 10px;
	}	



	.boxRefer1 {
		background-color: #EAEAEA;
		padding: 20px 10px;
		text-align: center;
		margin-bottom: 20px;
	}



	.boxRefer2{
		margin-bottom: 40px;
		background-color: #19191a;
		padding: 20px 10px;
		text-align: center;
		width: 100%;
		color: #fff;
	}

	.nobottom{
		margin-bottom: 0px;
	}

	a.buBlueBox {
		width: 100%;
		min-height: 40px;
		padding-top: 10px;
		padding-bottom: 22px;
		font-size: 14px;
		background-color: #fff;
		background-image: url(../../images/icon_arrow_down.png);
		color: #444444;
		font-weight: normal;
		background-position: bottom 8px center;
	}	


	.boxReferBtn01,
	.boxReferBtn02	{
		text-align: center;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: clamp(1.4rem,3vw,1.7rem);
		line-height: 1.8;
		font-weight: 700;
		padding: 18px;
		letter-spacing: .2em;
		border: 2px solid #19191a;
	}

	.boxReferBtn01:hover,
	.boxReferBtn02:hover{
		opacity: .7;
	}




	.cardBox {
		margin-bottom: 0;
	}



	.cardBox ul {
		font-size: 0;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	/* 20231109レイアウト変更 ==================*/	

	.lineCaution {
		margin-top: 0;
		margin-bottom: 50px;
	}
	.font14 {
		font-size: 14px;
	}
	.font16 {
		font-size: 16px;
	}
	.font18 {
		font-size: 18px;
	}
	.font-b { 
		font-weight: bold;
	}

	/* details {
		padding: 5px 5px 0;
		margin-bottom: 50px;
	} */
	summary {
		border: 1px solid #aaa;
		padding: 5px;
	}
	/* details[open] {
		padding: 5px;
	} */
	details[open] summary {
		margin-bottom: 10px;
	}

	.detailsOverInner {
		width: calc(100% + 40px);
		margin: 0 -20px;
		padding: 0 5px;
	}

	/* card-type tab ==================*/
	.pointCardTabWrap {
		display: flex;
		flex-wrap: wrap;
		padding-top: 8px;
	}
	.pointCardTabLabel {
		color: #191918;
		white-space: nowrap;
		text-align: center;
		padding: 10px .5em;
		order: -1;
		position: relative;
		z-index: 1;
		cursor: pointer;
		border-radius: 5px 5px 0 0;
		flex: 1;
		border-bottom: 1pt solid #cccccc;
		background-color: #D7D3D3;
	}
	.pointCardTab+.tabChecked {
		color: #fff;
		background-color: #000000;
		border: 1pt solid #cccccc;
		border-bottom: none;
		font-weight: bold;
	}
	.pointCardTab {
		display: none;
	}
	/*=======================================*/

	.cardLists .cardLine {
		padding-top: 10px;
	}
	.cardLists .cardLine .bannerArea {
		margin-left: 20px;
		padding: 2px;
		border: solid 2px #AFD1E6;
		border-radius: 5px;
		float: left;
		text-align: center;
		width: 180px;
	}
	.cardLists .cardLine .cardNoArea {
		padding: 4px 30px;
		float: right;
	}
	.cardLists .cardLine .buttonArea {
		padding-top: 10px;
		margin: 0;
		text-align: center;
		clear:both
	}
	.cardLists .cardLine .buttonArea .btn {
		margin: 4px 0px;
		text-align: center;
	}

	.btn.disabled {
		background: #eaeaea;
		color: #999999;
		cursor: default;
	}

	/*=======================================*/
	.questionnaire label {
		display: inline-block;
	}

	/* modal adjustment 20240912 ==================*/
	#register .modalContainer.active {
	  z-index: 2;
	}
	#register .modalContainer {
	  padding: 40px 5px;
	}

	#register .modalBody {
	  width: 98%;
	  margin-left: -3px;
	}

	#register .modalContent {
		background-color: #000;
		padding: 20px 10px;
	}

	#register .modalContent p {
		color: #fff;
		font-size: 16px;
		text-align: center;
	  margin-bottom: 8px;
	  line-height: 1.6;
	}

	#register .modalContent p:first-child {
		margin-top: 0;
	}

	#register .modalContent a:first-of-type {
		margin-bottom: 8px;
	}

	#register .modalContent a.buBlueBox {
	  background-position: bottom 10px center;
	  font-size: 12px;
	}

	#register .modalContent p:nth-child(n+2) {
		padding-top: 24px;
	}

	
	/*管理画面*/
	.iWrap{
		color: #000;
		font-size: 15px;
		margin: 50px auto 0;
		width: 90%;
	}
	.iWrap h1,
	.iWrap h2,
	.iWrap h3,
	.iWrap h4,
	.iWrap h5,
	.iWrap h6{
		color: #000;
		font-size: 18px;
		line-height: 1.8;
		margin: 0;
		padding: 0;
	}
	#d_Contents p,
	#d_Contents span,
	#d_Contents b,
	#d_Contents strong,
	#d_Contents small,
	#d_Contents li,
	#d_news p,
	#d_news span,
	#d_news b,
	#d_news strong,
	#d_news small,
	#d_news li{
		line-height: 1.8;
	}
	.iWrap hr {
		background-color: #ccc;
		border: none;
		height: 1px;
	}
	.iWrap a:link,
	.iWrap a:visited{
		color: #000;
		text-decoration: underline;
	}
	.iWrap ol li {
		list-style-type: decimal;
	}
	.iWrap .d_ttl{
		color: #000;
		font-size: 23px;
        font-weight: bold;
        line-height: 140%;
        border-bottom: 3px solid #005bac;
		margin-bottom: 20px;
	}
	.iWrap .d_ttl span{
		font-size: 16px;
		font-weight: normal;
		margin-left: 10px;
	}
	#d_news{
		margin-top: 40px;
	}
	
	
	
	
}/*media screen END*/
/*=======================================*/