@charset "utf-8";

/*=======================================*/
/*= PC用CSS =============================*/
@media print, screen and (min-width:769px) {
/*=======================================*/

	.pcNone {
		display: none !important;
	}

	body {
		font-size: 16px;
		color: #444444;
	}

	img {
		max-width: 100%;
		height: auto;
		width /***/: auto;
	}

	/* bu page top ========================*/
	#buPageTop {
		bottom: 40px;
		right: 20px;
	}
	#buPageTop a {
		width: 58px;
		height: 58px;
		background-size: 58px 58px;
	}

	/* margin & padding ==================*/

	

	/* font ==================*/
	.tx_size_s {
		font-size: 14px;
	}

	
	/* 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-family: "メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Meiryo",Verdana,Geneva,Arial,"ＭＳ ゴシック",sans-serif;
		font-size: 16px;
		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;
	}
	input:hover,
	input:active {
		opacity: 1;
	}
	/*.selectBox label {
		position: relative;
		margin-right: 20px;
	}
	.selectBox label:after {
		display: block;
		content: " ";
		position: absolute;
		top: 5px;
		right: 20px;
		width: 20px;
		height: 12px;
		background: url("../images/icon_arrow_down.png") no-repeat;
		background-size: 20px 12px;
		pointer-events: none;
	}

	input[type="checkbox"] {
		display: none;
	}
	input[type="checkbox"] + label {
		padding: 6px 20px 9px 35px;
		background: url(../../images/icon_check_off.png) no-repeat left top;
		background-size: 29px 27px;
		cursor: pointer;
	}
	input[type="checkbox"]:checked + label {
		background: url(../../images/icon_check_on.png) no-repeat left top;
		background-size: 29px 27px;
		cursor: pointer;
	}
	.checkRadio input[type="radio"] {
		display: none;
	}
	.checkRadio label {
		position: relative;
		display: inline-block;
		padding: 7px 3px 0px 30px;
		margin-top: 6px;
		cursor: pointer;
	}
	.checkRadio label::before {
		position: absolute;
		content: '';
		top: 50%;
		left: 0;
		width: 20px;
		height: 20px;
		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: 14px;
		height: 14px;
		margin-top: -4px;
		background: #ce3a3a;
		border-radius: 100%;
	}*/


	/* layout box ==================*/
	.wrapCont {
		width: 1200px;
		margin-left: auto;
		margin-right: auto;
		text-align: left;
	}
	.wrapCont {
		margin-top: 0px;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 125px;
		padding-bottom: 110px;

	}
	#memberTop .wrapCont {
		margin-top: 25px;
		padding-left: 10px;
		padding-right: 10px;
	}

	/* header ==================*/
	#header {
		width: 100%;
	/*	min-width: 1000px;*/
		height: 84px;
		margin: 0px auto;
		position: fixed;
		text-align: center;
		background-color: #005bac;
		/*background: #024198;*/
		/*opacity: 0.85;*/
		transition: .5s;
		z-index: 100;
	}
	.hide_h{
		transform: translateY(-100%);
	}

	#header .inner {
		width: 100%;
		height: 84px;
		margin: 0px auto;
		position: relative;
		text-align: left;
	}
	#header .inner .logo {
		width: 160px;
		height: 52px;
		display: block;
		background: url(../../images/logo_fukuya.png) center center / 160px 52px no-repeat;
		position: absolute;
		margin: auto;
		top: 18px;
		left: 0px;
		right: 0px;
	}
	#header .inner .logo h1 {
		display: none;
	}
	/**/
	#header .inner .logout{
		position: absolute;
		top: 17px;
		right: 30px;
	}
	#header .inner .logout a{
		color: #fff;
		font-size: 16px;
		border: 1px solid #fff;
		border-radius: 3px;
		display: flex;
		justify-content: center;
		align-items: center;
		width: 200px;
		height: 50px;
	}

	/*-- --*/
	#buGMenu a {
		position: absolute;
		top: 30px;
		left: 30px;
		width: 45px;
		height: 45px;
		background-image: url(../../images/bu_gmenu.png);
		background-size: 45px 90px;
		background-repeat: no-repeat;
		z-index: 200;
	}
	#buGMenu a span {
		display: none;
	}
	#buGMenuSP {
		display: none;
	}
	/*#gMenu {
		display: none;
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		z-index: 100;
	}
	#gMenu li {
		background: #333333;
		text-align: left;
		width:340px;
	}
	#gMenu li:nth-of-type(1) {
		border-top: 1px solid #2b7cc4;
		margin-top: 100px;
	}
	#gMenu li a {
		border-bottom: 1px solid #2b7cc4;
		display: block;
		min-height: 18px;
		padding: 25px 10px 24px 30px;
		font-size: 18px;
	}
	#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: 12px 20px;
		background-repeat: no-repeat;
		background-position: top 26px right 30px;
	}
	#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 50px 0px;
	}
	.buLogout {
		border:1px solid #2b7cc4;
		padding: 8px 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;
	}*/

	/*-- --*/
	/*-- --*/
	#buGMenuLogin a {
		position: absolute;
		top: 19px;
		left: 30px;
		width: 45px;
		height: 45px;
		background-image: url(../../images/bu_gmenu.png);
		background-size: 45px 90px;
		background-repeat: no-repeat;
		z-index: 200;
	}
	#buGMenuLogin a span {
		display: none;
	}
	#buGMenuLoginSP {
		display: none;
	}
	#gMenuLogin {
		display: none;
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		z-index: 100;
	}

	#gMenuLogin li {
		/*background: #024198;*/
		background-color: #005bac;
		text-align: left;
		width:340px;
	}
	#gMenuLogin li:nth-of-type(1) {
		border-top: 1px solid #2b7cc4;
		margin-top: 84px;
	}
	#gMenuLogin li a {
		font-size: 18px;
		border-bottom: 1px solid #2b7cc4;
		display: flex;
		align-items: center;
		height: 77px;
		padding: 0 0 0 30px;
		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;
	}
	/*-- --*/



	/* boxLogin ==================*/
	#boxLogin {
		min-width: 1000px;
		position: relative;
		text-align: center;
		background: #f7f7f7;
		padding-top: 120px;
	}
	#boxLogin .boxLoginIn {
		width: 96%;
		margin: 0px auto;
		position: relative;
		text-align: left;
		padding: 30px 0px 10px 0px;
	}
	.boxLoginText {
		margin-bottom: 30px;
	}
	#boxTextName {
		float: left;
		text-align: left;
	}
	#boxTextCard {
		float: right;
		text-align: right;
	}
	#boxTextCard br {
		display: none;
	}
	#boxTextName .text1,
	#boxTextCard .text1 {
		display: inline;
		margin-right: 20px;
	}
	#boxTextName .text2,
	#boxTextCard .text2 {
		display: inline;
	}
	#boxTextPoint {
		clear: both;
		text-align: left;
	}

	.loginName {
		font-size: 20px;
	}

	/* ===== common ===== */
	.wrapCont .logoBox {
		text-align: center;
		margin-bottom: 20px;
	}

	.titleBox {
		text-align: center;
		margin-bottom: 45px;
	}
	.titleBox h2 {
		font-size: 40px;
		font-weight: normal;
		line-height: 140%;
		color: #000;
	}
	.titleBox h2 br{
	  display:none;
	 }
	.titleBox .txt{
		font-family: "メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Meiryo",Verdana,Geneva,Arial,"ＭＳ ゴシック",sans-serif;
		color: #000;
		text-align: center;
		margin: 20px 0 0;
	}
	.cardImg ul{
		display: flex;
		justify-content: center;
	}
	.cardImg li{
		width: 25%;
		margin: 0 5px;
	}
	.cardImg li img{
		width: 100%;
	}
	.titleBox .cardImg{
		margin: 15px auto 0;
		width: 80%;
	}
	
	.subTitleBox {
		text-align: center;
		margin-bottom: 35px;
	}
	.subTitleBox_ta_L {
		text-align: left;
		margin-bottom: 50px;
	}
	.subTitleBox .subTitle,
	.subTitleBox_ta_L .subTitle {
		font-size: 36px;
		color: #666666;
	}
	.subTtitleBox .subTitle br,
	.subTitleBox_ta_L .subTitle br{
	  display:none;
	 }
	.mailTitleBox {
		text-align: center;
		margin-bottom: 35px;
	}
	.mailTitleBox .mailTitle {
		display: block;
		min-height: 90px;
		padding-top: 27px;
		padding-left: 90px;
		background-image : url(../../images/icon_mail.png);
		background-repeat: no-repeat;
		background-position: 180px 0px;
		background-size: 93px 90px;
		font-size: 36px;
		color: #e0b84b;
		line-height: 200%;
	}
	.titleS {
		border-left: 10px solid #333333;
		background: #ffffff;
		text-align: left;
		margin-bottom :22px;
		padding: 6px 8px 5px 12px;
		font-size: 28px;
		line-height: 120%;
	}
	#boxComp {
		width: 100%;
		margin-bottom: 37px;
		padding: 10px 17px 10px 17px;
		background-color: #ffffff;
		border: 3px solid #a3a3a3;
		text-align: left;
	}
	#boxComp .iconCheck {
		display: block;
		padding-left: 30px;
		background-image : url(../../images/icon_check.png);
		background-repeat: no-repeat;
		background-position: 0px 8px;
		background-size: 21px 21px;
		font-size: 18px;
		color: #222222;
		line-height: 200%;
	}
	#boxAlert {
		width: 100%;
		margin-bottom: 55px;
		padding: 10px 17px 10px 17px;
		background-color: #ffffff;
		border: 3px solid #f48484;
		text-align: left;
	}
	#boxAlert .iconAlert {
		display: block;
		padding-left: 30px;
		background-image : url(../../images/icon_alert.png);
		background-repeat: no-repeat;
		background-position: 0px 8px;
		background-size: 21px 21px;
		font-size: 18px;
		color: #db1f1f;
		line-height: 200%;
	}

	.barGray {
		width: 100%;
		margin-bottom: 20px;
		padding: 13px 15px 12px 15px;
		background-color: #333333;
		color: #ffffff;
		font-size: 20px;
		text-align: left;
	}
	.boxText {
		width: 100%;
		margin-bottom: 40px;
		text-align: left;
	}
	.boxText_mb_L {
		width: 100%;
		margin-bottom: 80px;
		text-align: left;
	}
	.boxTextCenter {
		width: 100%;
		margin-bottom: 20px;
		text-align: center;
	}
	.boxTextCenter_mb_L {
		width: 100%;
		margin-bottom: 80px;
		text-align: center;
	}
	.textRed_mb_0 {
		color: #db1f1f;
	}
	.textRed {
		color: #db1f1f;
		margin-bottom: 40px;
	}
	.textRed_mb_L {
		color: #db1f1f;
		margin-bottom: 80px;
	}


	/* ----- box ----- */
	.boxGrayLine_mb_S {
		width: 100%;
		margin-bottom: 50px;
		padding: 20px;
		border: 1px solid #b2b2b2;
		background-color: #ffffff;
		text-align: left;
	}
	.boxGrayLine_mb_L {
		width: 100%;
		margin-bottom: 100px;
		padding: 20px;
		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-right: auto;
		margin-left: auto;
		/*margin-bottom: 50px;*/
	}
	.buBox {
		width: 100%;
		text-align: center;
		margin-right: auto;
		margin-left: auto;
		margin-top: 40px;
	}
	.buBox.fWrap{
		display: flex;
		justify-content: center;
	}	
	.boxCheck + .buBox{
		margin-top: 0;
	}
	.boxBt + .buBox{
		margin-top: 15px;
	}
	#regist .boxBt + .buBox{
		margin-top: 25px;
	}
	.boxBt{
		margin-top: 15px;
	}
	
	.buSP1 {
		float: left;
	}
	.buSP2 {
		float: right;
	}

	/* 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: 20px;
		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: 330px;
		height: 70px;
	}
	.btn::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;
	}
	.buWhite {
		color: #005bac;
		font-size: 20px;
		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: 330px;
		height: 70px;
	}
	.buWhite::after{
		content: none;
	}
	.fWrap .buBlue,
	.fWrap .buWhite{
		margin: 0 10px;
	}
	.fWrap .buBlue{
		order: 2;
	}
	.buBlue_sss {
		width: 140px;
	}
	.buBlue_ss {
		width: 270px;
	}
	.buBlue_s {
		width: 220px;
	}
	.buBlue_m {
		width: 300px;
	}
	.buBlueAtag {
		width: 300px;
		min-height: 60px;
		margin-left: 10px;
		margin-right: 10px;
		display: inline-block;
		text-decoration: none;
		font-size: 18px;
		text-align: center;
		color: #ffffff;
		background-color: #005bac;
		padding: 17px 25px 5px 10px;
		background-image: url(../../images/icon_arrow_white.png);
		background-repeat: no-repeat;
		background-position: center right 20px;
		background-size: 12px 20px;
	}
	.buMailChange {
		display: inline-block;
		text-decoration: none;
		font-size: 16px;
		text-align: center;
		color: #ffffff;
		background-color: #005bac;
		padding: 13px 20px 12px 20px;
	}
	.buLineBlue {
		width: 300px;
		min-height: 60px;
		margin-left: 10px;
		margin-right: 10px;
		display: inline-block;
		text-decoration: none;
		font-size: 18px;
		text-align: center;
		color: #005bac;
		background-color: #ffffff;
		padding: 17px 25px 5px 10px;
		border: 1px solid #005bac;
		background-image: url(../../images/icon_arrow_blue.png);
		background-repeat: no-repeat;
		background-position: center right 20px;
		background-size: 12px 20px;
	}
	.buLineBlueSubmit {
		width: 300px;
		min-height: 60px;
		margin-left: 10px;
		margin-right: 10px;
		display: inline-block;
		text-decoration: none;
		font-size: 18px;
		text-align: center;
		color: #005bac;
		background-color: #ffffff;
		padding: 7px 25px 5px 10px;
		border: 1px solid #005bac;
		background-image: url(../../images/icon_arrow_blue.png);
		background-repeat: no-repeat;
		background-position: center right 20px;
		background-size: 12px 20px;
	}
	.buLineGray_s {
		width: 220px;
		min-height: 40px;
		margin-left: 10px;
		margin-right: 10px;
		display: inline-block;
		text-decoration: none;
		font-size: 16px;
		text-align: center;
		color: #005bac;
		background-color: #ffffff;
		padding: 7px 10px 5px 10px;
		border: 1px solid #cccccc;
	}
	.buLineBlue_b {
		width: 680px;
		min-height: 70px;
		margin-left: 10px;
		margin-right: 10px;
		display: inline-block;
		text-decoration: none;
		font-size: 24px;
		text-align: center;
		color: #005bac;
		background-color: #ffffff;
		padding: 7px 25px 5px 10px;
		border: 2px solid #005bac;
		background-image: url(../../images/icon_new_window.png);
		background-repeat: no-repeat;
		background-position: center right 30px;
		background-size: 24px 21px;
	}
	a.buBlueBox {
		width: 470px;
		min-height: 120px;
		display: inline-block;
		text-decoration: none;
		font-size: 24px;
		text-align: center;
		color: #ffffff;
		background-color: #005bac;
		padding: 20px 25px 5px 25px;
		background-image: url(../../images/icon_arrow_down_white.png);
		background-repeat: no-repeat;
		background-position: bottom 15px center;
		background-size: 20px 12px;
	}

	.buCouponUnused {
		display: inline-block;
		text-decoration: none;
		font-size: 16px;
		text-align: center;
		color: #ffffff;
		background-color: #db1f1f;
		padding: 13px 20px 12px 20px;
	}
	.buCouponUsed {
		display: inline-block;
		text-decoration: none;
		font-size: 16px;
		text-align: center;
		color: #db1f1f;
		background-color: #ffffff;
		padding: 13px 20px 12px 20px;
		border: 2px solid #db1f1f;
	}

	/* ----- bu ----- */


	input[type="text"],
	textarea {
		padding: 3px 5px 5px 15px;
		border: 1px solid #ccc;
		height: 50px;
		background: #ffffff;
		font-size: 18px;
	}
	input[type="text"]:focus {
		padding: 0px 2px 2px 14px;
		background: #ffffff;
		border: 2px solid #7f7f7f;
	}
	input[type="tel"],
	textarea {
		padding: 3px 5px 5px 15px;
		border: 1px solid #ccc;
		height: 50px;
		background: #ffffff;
		font-size: 18px;
	}
	input[type="tel"]:focus {
		padding: 0px 2px 2px 14px;
		background: #ffffff;
		border: 2px solid #7f7f7f;
	}
	input[type="email"],
	textarea {
		padding: 3px 5px 5px 15px;
		border: 1px solid #ccc;
		height: 50px;
		background: #ffffff;
		font-size: 18px;
	}
	input[type="email"]:focus {
		padding: 0px 2px 2px 14px;
		background: #ffffff;
		border: 2px solid #7f7f7f;
	}




	input[type="password"],
	textarea {
		padding: 3px 5px 5px 15px;
		border: 1px solid #ccc;
		height: 50px;
		background: #ffffff;
		font-size: 18px;
	}
	input[type="password"]:focus {
		padding: 0px 2px 2px 14px;
		background: #ffffff;
		border: 2px solid #7f7f7f;
	}
	input::placeholder {
	  color: #bcbcbc;
	}
	textarea:focus {
		padding: 10px 2px 2px 13px;
		background: #ffffff;
		border: 2px solid #7f7f7f;
	}
	.input_120 {
		width: 120px;
	}
	.input_200 {
		width: 200px;
	}
	.input_255 {
		width: 255px;
	}
	.input_300 {
		width: 300px;
	}
	.input_420 {
		width: 420px;
	}
	.input_580 {
		width: 580px;
	}
	.input_650 {
		width: 650px;
	}
	.input_700 {
		width: 700px;
	}
	.input_w100{
		width: 100%;
	}
	.textArea {
		width: 580px;
		height: 200px;
	}
	option {
	  color: #333;
	}
	.selectBox select {
		position: relative;
		height: 50px;
		border-radius: 8px;
		padding-right: 50px;
		padding-left: 20px;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		font-size: 16px;
		border: 1px solid #ccc;
		background: #ffffff;
	}
	.selectBox select::-ms-expand {
	  display: none;
	}
	:-ms-input-placeholder {
	  color: #ccc;
	}

	.boxScroll {
		margin-bottom: 30px;
		border: 1px solid #cccccc;
		height:200px;
		overflow: auto;
		padding: 10px;
	}

	/* ----- Form ----- */
	.icon_required {
		vertical-align: middle;
		width: 48px;
		height: 22px;
		margin: 0px 10px 2px 10px;
	}
	.icon_required2 {
		float: right;
		vertical-align: middle;
		margin-top:2px;
		width: 48px;
		height: 22px;
	}
	.boxPin {
		display: inline-block;
	}
	.blueIcon {
		margin-left: 10px;
		margin-right: 10px;
		display: inline-block;
		font-size: 14px;
		text-align: left;
		background-color: #ffffff;
		padding: 7px 25px 5px 25px;
		background-image: url(../../images/icon_arrow_blue_s.png);
		background-repeat: no-repeat;
		background-position: top 12px right 5px;
		background-size: 10px 16px;
	}
	.blueIcon a:link,
	.blueIcon a:visited  {
		color: #005bac;
		text-decoration: underline;
	}
	.blueIcon a:hover,
	.blueIcon a:active  {
		color: #005bac;
		text-decoration: none;
	}



	/*-- --*/
	.boxFormItem1 {
		border-top: 1px solid #e5e5e5;
		border-bottom: 1px solid #e5e5e5;
		margin-bottom: 55px;
	}
	.boxFormItem1 th,
	.boxFormItem1 td {
		text-align: left;
	}
	.boxFormItem1 th {
		position: relative;
		width: 250px;
		padding: 50px 20px 40px 30px;
		background: #f7f7f7;
		font-weight: normal;
		vertical-align: top;
	}
	.boxFormItem1 .thRequired {
		width: 250px;
		padding: 28px 80px 34px 20px;
		background: #f7f7f7;
		background-image: url(../../images/icon_required.png);
		background-position: top 30px right 20px;
		background-size: 48px 22px;
		background-repeat: no-repeat;
		vertical-align: top;
	}
	.boxFormItem1 th .icon_required_2Line {
		position: absolute;
		top: 55px;
		right: 20px;
		width: 48px;
		height: 22px;
	}
	.boxFormItem1 .th_2Line {
		padding: 40px 20px 40px 30px;
	}
	.boxFormItem1 td {
		width: 730px;
		padding: 40px 30px 40px 30px;
		vertical-align: top;
	}
	.boxFormItem1 .td_Select {
		padding: 40px 30px 15px 30px;
	}
	/*-- --*/
	/*-- --*/
	.boxFormItem2 {
		width: 100%;
		background-color: #fff;
	}
	.boxFormItem2 th,
	.boxFormItem2 td {
		text-align: left;
	}
	.boxFormItem2 tr{
		border-bottom: 1px solid #ededed;
	}
	.boxFormItem2 tr:last-of-type{
		border-bottom: none;
	}
	/*.boxFormItem2 tr:nth-of-type(1) th {
		padding-top: 40px;
	}
	.boxFormItem2 tr:nth-of-type(1) td {
		padding-top: 50px;
	}
	.boxFormItem2 tr:last-of-type th {
		padding-bottom: 20px;
	}
	.boxFormItem2 tr:last-of-type td {
		padding-bottom: 40px;
	}*/
	.boxFormItem2 th {
		font-family: "メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Meiryo",Verdana,Geneva,Arial,"ＭＳ ゴシック",sans-serif;
		color: #000;
		font-size: 16px;
		line-height: 1.5;
		width: 250px;
		padding: 40px 10px;
		font-weight: normal;
		vertical-align: middle;
		text-align: center;
		border-right: 1px solid #ededed;
	}
	.boxFormItem2 th small{
		font-size: 14px;
		line-height: 1.3;
	}
	.boxFormItem2 td {
		font-family: "メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Meiryo",Verdana,Geneva,Arial,"ＭＳ ゴシック",sans-serif;
		color: #000;
		width: 800px;
		padding: 30px 60px;
		vertical-align: middle;
		display: flex;
		flex-direction: column;
		justify-content: center;
		min-height: 130px;
	}
	.boxFormItem2 td div{
		width: 100%;
	}
	/*-- --*/
	.boxFormItem2.confirmation{
		
	}
	.boxFormItem2.confirmation thead tr{
		border-bottom: 1px solid #fff;
	}
	.boxFormItem2.confirmation thead th{
		border-right: 1px solid #fff;
		padding: 10px 30px;
		background-color: #dbdee0;
	}
	.boxFormItem2.confirmation thead td{
		color: #000;
		padding: 10px 30px;
		background-color: #dbdee0;
	}
	.boxFormItem2.confirmation th{
		text-align: left;
		background-color: #dbdee0;
		border-right: none;
		padding: 30px;
		width: 380px;
		position: relative;
	}
	.boxFormItem2.confirmation th .must{
		font-family: "メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Meiryo",Verdana,Geneva,Arial,"ＭＳ ゴシック",sans-serif;
		color: #fff;
		font-size: 12px;
		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{
		display: table-cell;
		width: 680px;
	}
	.boxFormItem2.confirmation td .fWrap{
		display: flex;
		align-items: center;
	}
	.boxFormItem2.confirmation td .fWrap p{
		margin: 0 15px 0 10px;
	}
	
	/*-- --*/
	.boxFormItem2_2 {
		border-top: 1px solid #e5e5e5;
		border-bottom: 1px solid #e5e5e5;
		margin-bottom: 55px;
	}
	.boxFormItem2_2 th,
	.boxFormItem2_2 td {
		text-align: left;
	}
	.boxFormItem2_2 tr:nth-of-type(1) th {
		padding-top: 50px;
	}
	.boxFormItem2_2 tr:nth-of-type(1) td {
		padding-top: 35px;
	}
	.boxFormItem2_2 tr:last-of-type th {
		padding-bottom: 20px;
	}
	.boxFormItem2_2 tr:last-of-type td {
		padding-bottom: 40px;
	}
	.boxFormItem2_2 th {
		width: 250px;
		padding: 30px 20px 20px 30px;
		background: #f7f7f7;
		font-weight: normal;
		vertical-align: top;
	}
	.boxFormItem2_2 td {
		width: 730px;
		padding: 20px 20px 20px 30px;
		vertical-align: top;
	}
	.boxFormItem2_2.withText {
		margin-bottom: 10px;
	}
	/*-- --*/
	.gWrap{
		background-color: #f0f2f3;
		padding: 40px 60px;
	}
	.gWrap h3{
		color: #000;
		font-size: 26px;
		font-weight: normal;
		margin-bottom: 15px;
	}
	.gWrap + .gWrap{
		margin-top: 40px;
	}
	#error .gWrap{
		background-color: inherit;
		padding: 0 60px;
	}
	.shl_wrap{
		margin-bottom: 30px;
		position: relative;
	}
	.shl_wrap p.txt{
		font-family: "メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Meiryo",Verdana,Geneva,Arial,"ＭＳ ゴシック",sans-serif;
		color: #000;
		font-size: 16px;
		line-height: 1.8;
		margin: 0;
	}
	.shl_wrap .cardImg{
		position: absolute;
		top: -25px;
		right: 0;
		width: 320px;
	}
	.shl_wrap .cardImg img{
		width: 100%;
	}
	
	/*-- --*/
	.boxFormRegister {
		border-top: 1px solid #e5e5e5;
	}
	.boxFormRegister th,
	.boxFormRegister td {
		text-align: left;
	}
	.boxFormRegister tr:nth-of-type(1) th {
		padding-top: 50px;
	}
	.boxFormRegister tr:nth-of-type(1) td {
		padding-top: 35px;
	}
	.boxFormRegister tr:last-of-type th {
		padding-bottom: 20px;
	}
	.boxFormRegister tr:last-of-type td {
		padding-bottom: 40px;
	}

	.boxFormRegister th {
	/*	position: absolute;*/
		position: relative;
		width: 250px;
		padding: 15px 20px 20px 30px;
		background: #f7f7f7;
		font-weight: normal;
		vertical-align: top;
	}
	.boxFormRegister .thRequiredTop {
		width: 250px;
		padding: 15px 80px 20px 30px;
		background: #f7f7f7;
		background-image: url(../../images/icon_required.png);
		background-position: top 50px right 20px;
		background-size: 48px 22px;
		background-repeat: no-repeat;
		vertical-align: top;
	}
	.boxFormRegister .thRequired {
		width: 250px;
		padding: 15px 80px 20px 30px;
		background: #f7f7f7;
		background-image: url(../../images/icon_required.png);
		background-position: top 15px right 20px;
		background-size: 48px 22px;
		background-repeat: no-repeat;
		vertical-align: top;
	}
	/*.boxFormRegister th img{
		position: relative;
		top:0px;
		right:0px;
	}*/
	.boxFormRegister th .icon_required_Em {
		position: absolute;
		top: 15px;
		right: 20px;
		width: 48px;
		height: 22px;
	}
	.boxFormRegister td {
		width: 730px;
		padding: 0px 30px 20px 30px;
		vertical-align: middle;
	}
	.boxFormRegister .th_Em {
		width: 250px;
		padding: 0px 20px 20px 30px;
		vertical-align: middle;
	}
	.boxFormRegister .td_mb_l {
		width: 730px;
		padding: 0px 30px 40px 30px;
		vertical-align: middle;
	}
	/*-- --*/
	/*-- --*/
	.boxFormRegister2 {
		border-top: 1px solid #e5e5e5;
	}
	.boxFormRegister2 th,
	.boxFormRegister2 td {
		text-align: left;
	}
	.boxFormRegister2 tr:nth-of-type(1) th {
		padding-top: 35px;
	}
	.boxFormRegister2 tr:nth-of-type(1) td {
		padding-top: 40px;
	}
	.boxFormRegister2 tr:last-of-type th {
		padding-bottom: 20px;
	}
	.boxFormRegister2 tr:last-of-type td {
		padding-bottom: 40px;
	}

	.boxFormRegister2 th {
		position: relative;
		width: 250px;
		padding: 15px 20px 20px 30px;
		background: #f7f7f7;
		font-weight: normal;
		vertical-align: top;
	}
	.boxFormRegister2 .thRequiredTop {
		width: 250px;
		padding: 15px 80px 20px 30px;
		background: #f7f7f7;
		background-image: url(../../images/icon_required.png);
		background-position: top 35px right 20px;
		background-size: 48px 22px;
		background-repeat: no-repeat;
		vertical-align: top;
	}
	.boxFormRegister2 .thRequired {
		width: 250px;
		padding: 15px 80px 20px 30px;
		background: #f7f7f7;
		background-image: url(../../images/icon_required.png);
		background-position: top 15px right 20px;
		background-size: 48px 22px;
		background-repeat: no-repeat;
		vertical-align: top;
	}

	.boxFormRegister2 th .icon_required_Pw {
		position: absolute;
		top: 50px;
		right: 20px;
		width: 48px;
		height: 22px;
	}
	.boxFormRegister2 td {
		width: 730px;
		padding: 0px 30px 20px 30px;
		vertical-align: middle;
	}
	.boxFormRegister2 .td_mb_l {
		width: 730px;
		padding: 0px 30px 40px 30px;
		vertical-align: middle;
	}
	/*-- --*/
	/*-- --*/
	.boxFormRegister_last {
		border-top: 1px solid #e5e5e5;
		border-bottom: 1px solid #e5e5e5;
		margin-bottom: 55px;
	}
	.boxFormRegister_last th,
	.boxFormRegister_last td {
		text-align: left;
	}
	.boxFormRegister_last th {
		width: 250px;
		padding: 40px 20px 40px 30px;
		background: #f7f7f7;
		font-weight: normal;
		vertical-align: top;
	}
	.boxFormRegister_last .thRequiredTop {
		width: 250px;
		padding: 15px 80px 20px 30px;
		background: #f7f7f7;
		background-image: url(../../images/icon_required.png);
		background-position: top 35px right 20px;
		background-size: 48px 22px;
		background-repeat: no-repeat;
		vertical-align: top;
	}
	.boxFormRegister_last .thRequired {
		width: 250px;
		padding: 15px 80px 20px 30px;
		background: #f7f7f7;
		background-image: url(../../images/icon_required.png);
		background-position: top 15px right 20px;
		background-size: 48px 22px;
		background-repeat: no-repeat;
		vertical-align: top;
	}

	.boxFormRegister_last td {
		width: 730px;
		padding: 40px 30px 40px 30px;
		vertical-align: middle;
	}
	/*-- --*/
	/*-- --*/
	.boxFormRegister2_last {
		border-top: 1px solid #e5e5e5;
		border-bottom: 1px solid #e5e5e5;
		margin-bottom: 50px;
	}
	.boxFormRegister2_last th,
	.boxFormRegister2_last td {
		text-align: left;
	}
	.boxFormRegister2_last tr:nth-of-type(1) th {
		padding-top: 55px;
	}
	.boxFormRegister2_last tr:nth-of-type(1) td {
		padding-top: 40px;
	}
	.boxFormRegister2_last tr:last-of-type th {
		padding-bottom: 20px;
	}
	.boxFormRegister2_last tr:last-of-type td {
		padding-bottom: 40px;
	}
	.boxFormRegister2_last th {
		width: 250px;
		padding: 10px 30px 20px 30px;
		background: #f7f7f7;
		font-weight: normal;
		vertical-align: top;
	}
	.boxFormRegister2_last .thRequiredTop {
		width: 250px;
		padding: 15px 80px 20px 30px;
		background: #f7f7f7;
		background-image: url(../../images/icon_required.png);
		background-position: top 55px right 20px;
		background-size: 48px 22px;
		background-repeat: no-repeat;
		vertical-align: top;
	}
	.boxFormRegister2_last .thRequired {
		width: 250px;
		padding: 15px 80px 20px 30px;
		background: #f7f7f7;
		background-image: url(../../images/icon_required.png);
		background-position: top 15px right 20px;
		background-size: 48px 22px;
		background-repeat: no-repeat;
		vertical-align: top;
	}
	.boxFormRegister2_last td {
		width: 730px;
		padding: 0px 30px 20px 30px;
		vertical-align: middle;
	}
	/*-- --*/
	.formText {
		font-family: "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Meiryo", Verdana, Geneva, Arial, "ＭＳ ゴシック", sans-serif;
	}
	.formText a{
		color: #000;
		text-decoration: underline;
	}
	.formText.cap {
		margin-bottom: 5px;
	}
	.formText.capBt {
		margin-top: 5px;
	}
	.formText.red {
		font-size: 18px;
		font-weight: bold;
        color: #ce3a3a;
	}
	.formText.gray{
		color: #666;
	}
	.formText small{
		font-size: 15px;
		font-weight: normal;
		margin: 0 15px 0 7px;
	}
	.formText.bold{
		font-size: 18px;
		font-weight: bold;
	}
	.confirmBox{
		background-color: #fff9df;
	}
	.formWrap_s + .formWrap_s{
		margin-top: 15px;
	}
	
	
	.check_mb {
		margin-bottom: 20px;
	}
	.error {
		border: 1px solid #ce3a3a;
		background: #fff0f0 !important;
	}
	.errorTxt {
		font-family: "メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Meiryo",Verdana,Geneva,Arial,"ＭＳ ゴシック",sans-serif;
		color: #ce3a3a;
		margin: 0 0 3px;
	}
	.shl_wrap .errorTxt,
	.hl_wrap .errorTxt{
		font-size: 15px;
		color: #ce3a3a;
		text-align: left;
		border: 1px solid #ce3a3a;
		background-color: #fff;
		padding: 7px 15px 5px;
		width: 100%;
		margin: 10px 0 -20px;
	}
	.hl_wrap .errorTxt {
		margin: 20px 0 -30px;
	}
	#error .shl_wrap .errorTxt,
	#error .hl_wrap .errorTxt{
		margin-bottom: 20px;
	}

	.boxPinkS {
		width: 100%;
		margin: 20px auto 20px auto;
		text-align: center;
	}
	.boxPinkS .boxPinkS_Inner {
		display: inline-block;
		padding: 16px 14px 12px 20px;
		background-color: #ffe9e9;
	}
	.textBoxGyay {
		background: #f4f4f4;
		padding: 12px 50px 12px 12px;
		margin-right: 20px;
		margin-bottom: 10px;
	}

	.magazineList {
		display: inline-block;
		margin-top:10px;
		padding: 15px 15px 15px 30px;
		border: 1px solid #e0e0e0;
	}
	.magazineList .list_disc {
		list-style-type: disc;
	}


	/* ----- Form ----- */



	/* ===== login ===== */
	.boxLoginCheck {
		margin-top: 20px;
		font-size: 14px;
		/*float: left;*/
	}
	.textLoginLink {
		text-align: center;
		margin-top: 15px auto;
	}
	.textLoginLink a{
		font-family: "メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Meiryo",Verdana,Geneva,Arial,"ＭＳ ゴシック",sans-serif;
		color: #000;
		font-size: 16px;
		text-align: center;
		display: inline-block;
		margin-top: 18px;
	}
	.textLoginLink a:link,
	.textLoginLink a:visited  {
		text-decoration: underline;
	}
	.textLoginLink a:hover,
	.textLoginLink a:active  {
		color: #000;
		text-decoration: none;
	}
	.textLoginLink.question a{
		position: relative;
		display: flex;
		justify-content: center;
	}
	.textLoginLink.question a::before{
		content: "";
		background: url(../../images/icon_question.png) center center / 25px 25px no-repeat;
		width: 25px;
		height: 25px;
		margin-right: 8px;
	}


	/* ===== register ===== */
	#flow {
		width: 100%;
		margin-bottom: 60px;
		text-align: left;
	}
	#flow li{
		display: inline-block;
		vertical-align: top;
		padding-right: 15px;
	}
	#flow li:nth-last-child(1) {
		padding-right: 0px;
	}
	#flow li br{
		display: none;
	}
	.flow01 {
		position: relative;
		margin: 0px 27px 0px 0;
		padding: 3px 10px;
		width: 200px;
		height: 50px;
		font-size: 14px;
		line-height: 150%;
		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: -48px;
		margin-top: 0px;
		border: 24px solid transparent;
		border-left: 24px solid #ffffff;
		z-index: 2;
	}

	.flow01:after{
		content: "";
		position: absolute;
		top: -1px;
		right: -50px;
		margin-top: 0px;
		border: 25px solid transparent;
		border-left: 24px solid #333333;
		z-index: 1;
	}

	.flow02 {
		position: relative;
		margin: 0px 27px 0px 0;
		padding: 3px 10px;
		width: 200px;
		height: 50px;
		font-size: 14px;
		line-height: 150%;
		font-weight: bold;
		color: #ffffff;
		background: #333333;
		border: solid 1px #333333;
		box-sizing: border-box;
		text-align: center;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.flow02:before{
		content: "";
		position: absolute;
		top: 0px;
		right: -50px;
		margin-top: 0px;
		border: 24px solid transparent;
		border-left: 24px solid #333333;
		z-index: 2;
	}

	.flow02:after{
		content: "";
		position: absolute;
		top: -1px;
		right: -50px;
		margin-top: 0px;
		border: 25px solid transparent;
		border-left: 24px solid #333333;
		z-index: 1;
	}
	.flow03 {
		position: relative;
		margin: 0px 27px 0px 0;
		padding: 3px 10px;
		width: 200px;
		height: 50px;
		font-size: 14px;
		line-height: 150%;
		color: #222222;
		background: #eaeaea;
		border: solid 1px #eaeaea;
		box-sizing: border-box;
		text-align: center;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.flow03:before{
		content: "";
		position: absolute;
		top: 0px;
		right: -50px;
		margin-top: 0px;
		border: 24px solid transparent;
		border-left: 24px solid #eaeaea;
		z-index: 2;
	}

	.flow03:after{
		content: "";
		position: absolute;
		top: -1px;
		right: -50px;
		margin-top: 0px;
		border: 25px solid transparent;
		border-left: 24px solid #eaeaea;
		z-index: 1;
	}


	.registerBuBox {
		width: 100%;
		text-align: center;
		margin-top: 60px;
		margin-right: auto;
		margin-bottom: 172px;
		margin-left: auto;
	}

	.registerTextBox {
		width: 100%;
		margin-bottom: 20px;
		text-align: left;
	}

	#boxRefer {
		width: 100%;
		margin-bottom: 50px;
		background-color: #ffffff;
		text-align: left;
		float: left;
	}
	.boxRefer1 {
		float: left;
	}
	.boxRefer2 {
		float: right;
	}

	.cardBox {
		margin-bottom: 75px;
	}
	.cardBox ul {
		font-size: 0;
	}
	.cardBox li {
		display: inline-block;
		margin-right: 40px;
	}
	.cardBox li:nth-of-type(3) {
		margin-right: 0px;
	}

	.boxCheckArea {
		width: 100%;
		border-top: 1px solid #e5e5e5;
		border-right: 1px solid #e5e5e5;
		border-bottom: 1px solid #e5e5e5;
		border-left: 1px solid #e5e5e5;
		margin-bottom: 70px;
	}



	/* ------ contAccordion ------ */
	.wrapAccordion {
		margin-bottom: 50px;
	}
	.buAccordion {
		cursor: pointer;
	}
	.buAccordion {
		padding: 12px 60px 12px 10px;
		font-size: 20px;
		text-align: left;
		background: #bfd3ef;
		color: #161616;
	}
	.icon_m {
		background-image: url(../../images/icon_accordion_m.png);
		background-repeat: no-repeat;
		background-size: 38px 38px;
		background-position: center right 10px;
	}
	.icon_p {
		background-image: url(../../images/icon_accordion_p.png);
		background-repeat: no-repeat;
		background-size: 38px 38px;
		background-position: center right 10px;
	}
	.contGray {
		padding: 0px;
		background: #ffffff;
		text-align: left;
		font-size: 14px;
	}
	.contAccordion {
		/*display: none;*/
	}
	.contAccordion .contAccordion_Inner {
		padding: 10px 0px 30px 0px;
	}
	.contAccordion .contAccordion_Inner_Pw {
		padding: 0;
	}

	.tableAgree {
		width: 100%;
	}
	.tableAgree td {
		vertical-align: top;
	}
	.tableAgree .tdSpace {
		padding-left: 15px;
		padding-bottom: 20px;
	}
	.tableAgree .tdSpace2 {
		padding-left: 15px;
	}
	.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: 80px;
	}
	.buAccordion2 {
		cursor: pointer;
	}
	.buAccordion2 {
		padding: 12px 10px 12px 10px;
		font-size: 20px;
		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: 14px;
	}
	.contAccordion2 {
		/*display: none;*/
	}
	.contAccordion2 .contAccordion_Inner {
		padding: 10px 0px 0px 0px;
	}
	.myPageBuMore {
		font-size: 18px;
		font-weight: bold;
		color: #005bac;
	}
	.myPageBuMore::after {
		content: "";
		display: inline-block;
		width: 20px;
		height: 12px;
		background-image: url(../../images/icon_arrow_blue_bottom.png);
		background-size: 20px 12px;
		margin-left: 10px;
	}

	/* ------ contAccordion2 ------ */

	.boxContract {
		width: 100%;
		margin-bottom: 70px;
		text-align: center;
	}

	/* ===== pwremind ===== */
	.boxContact {
		width: 100%;
		margin-top: 20px;
	}
	.boxContactTel {
		width: 470px;
		float: left;
	}
	.boxContactWeb {
		width: 470px;
		float: right;
	}
	.boxContactGrayLine {
		width: 100%;
		height: 200px;
		font-size: 16px;
		margin-bottom: 50px;
		padding: 20px;
		border: 1px solid #b2b2b2;
		background-color: #ffffff;
		text-align: left;
	}
	.contactIconArea {
		width: 95px;
		float: left;
		text-align: left;
		margin-top: 22px;
		padding-left: 2px;
	}
	.contactTextArea {
		width: 320px;
		float: left;
		text-align: left;
		margin-top: 20px;
	}
	.imIconTel {
		width: 66px;
		height: 64px;
	}
	.imIconWeb {
		width: 70px;
		height: 64px;
	}
	.txTel {
		font-size: 24px;
		font-weight: bold;
		line-height: 150%;
	}
	.txTel br {
		display: none;
	}

	/* ===== member ===== */
	/*-- --*/
	.boxMyPageInfo {
		max-width: 1000px;
		margin: 0 auto 20px;
		display: -ms-flexbox;
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.boxMyPageInfo .itemInfo {
		width: 300px;
		margin-right: 40px;
		padding-bottom: 20px;
		border: 1px solid #e0e0e0;
		margin-bottom: 20px;
	}
	.boxMyPageInfo > a:nth-of-type(n+4) {
		margin-top: 30px;
	}
	.boxMyPageInfo .itemInfo .itemInfoImg img {
		width: 100%;
	}
	.boxMyPageInfo .itemInfo:nth-of-type(3n) {
		margin-right: 0px;
	}
	.boxMyPageInfo .itemInfoHead {
		width: 100%;
		padding-left: 20px;
		padding-right: 20px;
		margin-top: 20px;
		display: table;
	}
	.boxMyPageInfo .itemInfoHead div:nth-of-type(1) {
		width: 130px;
		display: table-cell;
		vertical-align: middle;
	}
	.boxMyPageInfo .itemInfoHead div:nth-of-type(1) > div {
		width: 130px;
		color: #ffffff;
		text-align: center;
		font-size: 13px;
		line-height: 100%;
		padding: 5px 0px;
	}
	.boxMyPageInfo .itemInfoHead div:nth-of-type(2) {
		text-align: right;
		display: table-cell;
		font-size: 16px;
		line-height: 100%;
		vertical-align: middle;
		color: #777777;
	}
	.boxMyPageInfo .iconQuestionnaire {
		background: #ba4f4f;
	}
	.boxMyPageInfo .iconMaintenance {
		background: #479b3b;
	}
	.boxMyPageInfo .iconEvent {
		background: #735ea5;
	}
	.boxMyPageInfo .itemInfoName {
		padding-top: 15px;
		padding-left: 20px;
		padding-right: 20px;
		color: #222222;
		font-size: 20px;
	}
	.boxMyPageInfo .itemInfoTx {
		padding-top: 15px;
		padding-left: 20px;
		padding-right: 20px;
		font-size: 15px;
		color: #777777;
	}


	.boxRireki {
		width: 100%;
	}
	.boxRireki .boxRirekiHead {
		display: table;
		width: 100%;
	}
	.boxRireki .boxRirekiHead > div:nth-of-type(1) {
		width: 780px;
		display: table-cell;
		font-size: 14px;
		vertical-align: middle;
	}
	.boxRireki .boxRirekiHead > div:nth-of-type(2) {
		display: table-cell;
		vertical-align: middle;
		text-align: right;
	}
	.boxRireki .boxRirekiHead > div:nth-of-type(2) label {
		margin: 0px;
	}
	.boxRireki .tableScroll {
		overflow-x: scroll;
	}
	.boxRireki table {
		margin-top: 10px;
		width: 100%;
		border-top: 1px solid #a3a3a3;
		border-left: 1px solid #a3a3a3;
	}
	.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 td {
		text-align: left;
	}
	.boxRireki table td.alignRight {
		text-align: right;
	}

	.boxRireki table th {
		background: #e8e8e8;
	}

	.boxCard {
		width: 100%;
	}
	.boxCard table {
		margin-top: 10px;
		width: 100%;
		border-top: 1px solid #a3a3a3;
		border-left: 1px solid #a3a3a3;
	}
	.boxCard table th,
	.boxCard table td {
		padding: 10px;
		text-align: center;
		border-right: 1px solid #a3a3a3;
		border-bottom: 1px solid #a3a3a3;
	}
	.boxCard table th {
		background: #e8e8e8;
	}

	.boxBuMore {
		text-align: center;
		margin-top: 30px;
		margin-bottom: 80px;
	}
	a.buMore {
		font-size: 18px;
		font-weight: bold;
		color: #005bac;
	}
	.buMore::after {
		content: "";
		display: inline-block;
		width: 20px;
		height: 12px;
		background-image: url(../../images/icon_arrow_blue_bottom.png);
		background-size: 20px 12px;
		margin-left: 10px;
	}
	/*-- --*/

	.boxMyPage {
		border-top: 1px solid #e0e0e0;
		max-width: 1000px;
		margin: 0 auto 50px;
	}
	.boxMyPage .boxMyPageIn {
		border-bottom: 1px solid #e0e0e0;
		padding: 30px 35px 30px 0px;
	}
	.boxMyPage .boxMyPageIn .iconArea {
		width: 220px;
		float:left;
	}
	.boxMyPage .boxMyPageIn .txArea {
		width: 480px;
		float:left;
	}
	.boxMyPage .boxMyPageIn .txArea .txAreaTable td {
		padding-right:10px;
		text-align: left;
	}

	.boxMyPage .boxMyPageIn .buArea {
		width: 220px;
		float:right;
	}

	.boxMyPage .boxMyPageIn .cardLists {
		width: 725px;
		float:left;
	}

	.iconPoint {
		padding-top: 110px;
		padding-left: 0px;
		text-align: center;
		background-image : url(../../images/icon_mypage_point.png);
		background-repeat: no-repeat;
		background-position: top 0px center;
		background-size: 98px 98px;
		font-size: 20px;
		color: #666666;
	}
	.iconInfo {
		padding-top: 110px;
		padding-left: 0px;
		text-align: center;
		background-image : url(../../images/icon_mypage_info.png);
		background-repeat: no-repeat;
		background-position: top 12px center;
		background-size: 100px 86px;
		font-size: 20px;
		color: #666666;
	}
	.iconMail {
		padding-top: 110px;
		padding-left: 0px;
		text-align: center;
		background-image : url(../../images/icon_mypage_mail.png);
		background-repeat: no-repeat;
		background-position: top 26px center;
		background-size: 98px 72px;
		font-size: 20px;
		color: #666666;
	}
	.iconMail br{
	  display:none;
	 }
	.iconLine {
		padding-top: 110px;
		padding-left: 0px;
		text-align: center;
		background-image : url(../../images/icon_mypage_line.png);
		background-repeat: no-repeat;
		background-position: top 26px center;
		background-size: 72px;
		font-size: 20px;
		color: #666666;
	}
	.iconCard {
		padding-top: 110px;
		padding-left: 0px;
		text-align: center;
		background-image : url(../../images/icon_mypage_dc.png);
		background-repeat: no-repeat;
		background-position: top 26px center;
		background-size: 100px;
		font-size: 20px;
		color: #666666;
	}
	.iconCoupon {
		padding-top: 110px;
		padding-left: 0px;
		text-align: center;
		background-image : url(../../images/icon_mypage_coupon.png);
		background-repeat: no-repeat;
		background-position: top 26px center;
		background-size: 100px;
		font-size: 20px;
		color: #666666;
	}
	.iconPincode {
		padding-top: 110px;
		padding-left: 0px;
		text-align: center;
		background-image : url(../../images/icon_mypage_pincode.png);
		background-repeat: no-repeat;
		background-position: top 0px center;
		background-size: 98px 96px;
		font-size: 20px;
		color: #666666;
	}

	.mt_MyPage_tx {
		margin-top: 35px;
	}
	.mt_MyPage_bu {
		margin-top: 40px;
	}
	.addCardArea .btn{
		padding-left: 25px;
		padding-right: 40px;
	}
	.addCardArea .btn:nth-of-type(2) {
		margin-top: 20px;
	}

	/*-- --*/
	.questTable {
		border-top: 1px solid #e5e5e5;
		border-bottom: 1px solid #e5e5e5;
		margin-bottom: 70px;
	}
	.questTable th,
	.questTable td {
		text-align: left;
	}
	.questTable th {
		width: 340px;
		padding: 30px 20px 30px 30px;
		border-bottom: 1px solid #e5e5e5;
		background: #f7f7f7;
		font-weight: normal;
		vertical-align: middle;
	}
	.questTable .tdTx {
		width: 375px;
		padding: 30px 20px 30px 20px;
		border-bottom: 1px solid #e5e5e5;
		text-align: center;
		vertical-align: middle;
	}
	.questTable .tdBu {
		width: 265px;
		padding: 30px 0px 30px 0px;
		border-bottom: 1px solid #e5e5e5;
		vertical-align: middle;
	}
	.txAnswer {
		color: #bcbcbc;
	}
	/*-- --*/

	.boxGray {
		width: 100%;
		margin-bottom: 20px;
		padding: 20px 30px 0px 30px;
		background-color: #f7f7f7;
		text-align: left;
	}
	.boxGray .boxInner {
		padding: 10px 0px 50px 0px;
	}
	.boxGray .boxInner2 {
		padding: 10px 0px 30px 0px;
	}

	.boxGray .txTerm {
		margin-bottom: 40px;
	}
	.boxGray .txTermBox_1 {
		display:inline-block;
		text-align: left;
		padding-right: 30px;
	}
	.boxGray .txTermBox_2 {
		display:inline-block;
		text-align: left;
	}

	.boxGray .titlePoint {
		border-bottom: 1px solid #bcbcbc;
		padding: 0px 0px 10px 0px;
		text-align: left;
		font-size: 22px;
		font-weight: bold;
	}
	.boxGray .contPointRed {
		padding: 15px 0px 0px 0px;
		text-align: left;
		font-size: 18px;
		color: #c40000;
	}
	.boxGray .contPointBlue {
		padding: 15px 0px 0px 0px;
		text-align: left;
		font-size: 18px;
		color: #294aa5;
	}
	.boxGray .titlePrice {
		padding: 0px 0px 10px 0px;
		text-align: left;
		font-size: 22px;
		font-weight: bold;
	}
	.boxGray .titlePrice2 {
		padding: 0px 0px 10px 0px;
		text-align: left;
		font-size: 22px;
	}
	.boxGray .boxInner2.bonusPrice {
		border-top: 1px solid #bcbcbc;
		padding-top: 50px;
	}

	.boxGray .contText_1 {
		float: left;
		width: 310px;
		text-align: left;
		vertical-align: top;
	}
	.boxGray .contText_2 {
		float: left;
		width: 610px;
		text-align: left;
		vertical-align: top;
	}

	.boxGray .txComment {
		font-size: 12px;
		color: #222222;
		margin-top: 5px;
		margin-left: 310px;
		font-weight: normal;
	}
	.pointBreakdown {
		padding-left: 20px;
	}
	.boxGray .pointBreakdown .contText_2 {
		width: 590px;
	}

	/* tableGray */
	.tableGray {
		width: 100%;
		margin-bottom: 20px;
		border-top: 1px solid #dddddd;
		border-bottom: 1px solid #dddddd;
		border-right: 1px solid #dddddd;
	}
	.tableGray th {
		width: 200px;
		border-top: 1px solid #dddddd;
		border-left: 1px solid #dddddd;
		background: #f2f2f2;
		font-weight: normal;
		line-height: 150%;
		text-align: center;
	}
	.tableGray td {
		border-top: 1px solid #dddddd;
		line-height: 170%;
		display: table-cell;
	}
	.tableGray th,
	.tableGray td {
		padding: 20px;
	}

	.boxAnsDate {
		text-align: right;
		margin-bottom: 70px;
	}
	.textAns_taR {
		text-align: right;
		margin-bottom: 40px;
	}
	.boxList ul li {
		display: inline-block;
		width: 150px;
		margin-bottom: 25px;
		vertical-align: top;
	}

	/*-- info_detail --*/
	.subTitleBox_ta_L .itemIcon {
		margin-bottom: 20px;
	}
	.subTitleBox_ta_L .itemIcon div:nth-of-type(1) {
		width: 130px;
		display: inline-block;
		vertical-align: middle;
	}
	.subTitleBox_ta_L .itemIcon div:nth-of-type(1) > div {
		width: 130px;
		color: #ffffff;
		text-align: center;
		font-size: 13px;
		line-height: 100%;
		padding: 5px 0px;
	}
	.subTitleBox_ta_L .itemIcon div:nth-of-type(2) {
		text-align: left;
		display: inline-block;
		font-size: 16px;
		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 {
		width: 300px;
		height:auto;
		margin-bottom: 20px;
		text-align: center;
		float: right;
	}
	.detailContainer .detailImg_02 {
		clear: right;
	}
	.detailContainer .detailTx {
		width: 660px;
		height:auto;
		text-align: left;
		float: left;
	}

	/*-- info_detail --*/


	/* buTopArea ==================*/
	#buTopArea {
		width: 100%;
		border-top: 1px solid #e5e5e5;
	}
	#buTopAreaInn {
		width: 1060px;
		margin: 0 auto;
		padding: 52px 0px 63px 0px;
	}


	/* footer ==================*/
	#footer {
		min-width: 1000px;
	/*	min-width: 1000px;*/
		background-color: #cccccc;
	}
	.footerIn {
		min-width: 1000px;
		/*height: 50px;*/
		margin-left: auto;
		margin-right: auto;
		padding-top: 35px;
		padding-bottom: 30px;
		color: #222222;
	}
	#footerMenu {
		width: 100%;
		text-align: center;
	}
	#footerMenu ul br{
	  display:none;
	 }

	#footerMenu .list {
		display: inline-block;
		padding: 0px 70px 20px 12px;
		background-image: url(../../images/arrow_gray.png);
		background-repeat: no-repeat;
		background-position: 0px 5px;
		background-size: 6px 10px;
		font-size: 14px;
		line-height: 150%;
	}
	#footerMenu .list:nth-last-child(1) {
		padding-right: 0px;
	}

	#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 {
		min-width: 1000px;
		background-color: #fff;
		border-top: 1px solid #ccc;
		padding: 30px 0px 35px 0px;
	}
	#boxCopyRight #txCopyRight {
		font-size: 14px;
		color: #666;
		width: 1000px;
		margin: 0px auto;
	}

	/*-- CODEイメージ追加 --*/
	.wrapCont #codeView {
		margin: 0 auto 30px;
		width: 64%;
		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: #efefef;
		letter-spacing: 1.6px;
		cursor :pointer;
		font-weight: bold;
	}
	.wrapCont #codeView .codeImg label:hover {
		background: #e1e1e1;
	}
	.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 {
		margin-top: 0px;
	}
	.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'; /*別のアイコンに*/

	}
	/*-- CODEイメージ追加 --*/



	/* 20231109レイアウト変更 ==================*/

	.registerTextBox {
		text-align: left;	
	}	


	#boxRefer {
		border-color: #fff;
	}

	.boxReferTittle {
		font-size: 28px;
		text-align: center;
		margin-bottom: 20px;
	}	


	#boxRefer .registerTextBox {
		text-align: center;
		margin-top: 0;
	}		

	.boxRefer1 {
		background-color: #EAEAEA;
		padding: 40px;
		text-align: center;
		margin-bottom: 40px;
	}



	.boxRefer2{
		margin-bottom: 75px;
		background-color: #19191a;
		padding: 40px;
		text-align: center;
		width: 100%;
		color: #fff;
	}

	.nobottom{
		margin-bottom: 0px;
	}

	a.buBlueBox {
		padding-top: 10px;
		background-color: #fff;
		background-image: url(../../images/icon_arrow_down.png);
		background-position:bottom 10px center; 
		color: #444444;
		font-weight: normal;
		width: 100%;
		min-height: 80px;
	}	


	.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;
	}



	.registerTextBox {   
		font-size: 16px;
		margin-top: 20px;
	}

	.cardBox {
		margin-bottom: 40px;
	}

	.cardBox ul {
		font-size: 0;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.cardBox ul li {
		margin-right: 20px;
	}


	/* 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;
	}

	/* 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 {
		padding: 2px;
		width: 200px;
		float: left;
		border: solid 2px #AFD1E6;
		border-radius: 5px;
		text-align: center;
	}
	.cardLists .cardLine .cardNoArea {
		float: left;
		padding: 4px 30px;
	}
	.cardLists .cardLine .buttonArea {
		float: right;
	}
	.cardLists .cardLine .buttonArea .btn {
		margin: 4px 0px;
		display: block;
	}

	.btn.disabled {
		background: #eaeaea;
		color: #999999;
		cursor: default;
	}

	/*=======================================*/
	.questionnaire label {
		display: inline-block;
	}

	/* modal adjustment 20240912 ==================*/
	#register .modalContainer.active {
	  z-index: 2;
	}

	#register .modalBody {
		width: 98%;
	}

	#register .modalContent {
		background-color: #000;
		padding: 40px;
	}

	#register .modalContent p {
		color: #fff;
		font-size: 28px;
		text-align: center;
	  margin-bottom: 18px;
	  line-height: 1.6;
	}

	#register .modalContent p:first-child {
		margin-top: 0;
	}

	#register .modalContent a:first-of-type {
		margin-bottom: 14px;
	}

	#register .modalContent a.buBlueBox {
	  background-position: bottom 12px center;
	  min-height: 85px;
	}

	#register .modalContent p:nth-child(n+2) {
		padding-top: 48px;
	}
	
	
	/*管理画面*/
	.iWrap{
		color: #000;
		margin: 70px auto 0;
	}
	.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 div,
	#d_Contents p,
	#d_Contents span,
	#d_Contents b,
	#d_Contents strong,
	#d_Contents small,
	#d_Contents li,
	#d_news div,
	#d_news p,
	#d_news span,
	#d_news b,
	#d_news strong,
	#d_news small,
	#d_news li{
		font-family: "メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Meiryo",Verdana,Geneva,Arial,"ＭＳ ゴシック",sans-serif;
	}
	#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: 36px;
        font-weight: normal;
        line-height: 140%;
        border-bottom: 3px solid #005bac;
		margin-bottom: 25px;
	}
	.iWrap .d_ttl span{
		font-size: 22px;
		margin-left: 10px;
	}
	#d_news{
		margin-top: 40px;
	}
	
	
	
	
	
	
	
}/*media screen END*/
/*=======================================*/
