@charset "UTF-8";

/* CSS Document */

/*-----共通

------------------------------------------*/

body p{

	line-height: 1.5;

}

.pressroom {

	/*

	background-color: #f2f2f2;

	*/

}



.pressroom ul{

	padding-left: 0;

}

.pressroom .inner-box{

	width: 1000px;

	margin: 0 auto;

	box-sizing: border-box;

	margin-top: 204px;

	/*

	background-color: #f2f2f2;

	*/

}

.pressroom > .home > .inner-box{

	margin-top: 54px;

}

.pressroom > .front > .inner-box,

.pressroom > .login > .inner-box,

.pressroom > .form > .inner-box{

	margin-top: 220px; /* 290px */

}

.pressroom h2{

	display: block;

	width: 100%;

	height: auto;

	font-size: 30px;

	margin-top: 0;

	margin-bottom: 50px;

	text-align: center;

	color: #666;

	/*

	background-color: #f2f2f2;

	*/

}

.pressroom h2 span{

	display: block;

	font-size: 15px;

}

.flex-box{

	display: flex;

	flex-direction: row;

	justify-content: space-between;

}

.flex-box-sp{

	display: flex;

	padding-top: 0;

	flex-direction: row;

	justify-content: space-between;

}

.txt-right{

	text-align: right !important;

}

.red{

	color: #ff0000;

}

.pr10{

	padding-right: 10px;

}

.pl10{

	padding-left: 10px;

}

.pb80{

	padding-bottom: 80px;

}

.pt-6{

	padding-top: 6px;

}

.pb-80{

	padding-bottom: 80px;

}

.pb-40{

	padding-bottom: 40px;

}

.pt200{

	padding-top: 200px;

}

.mt-50{

	margin-top: -50px;

}

/*フォームボタン*/

.btn_area{

	display: flex;

	flex-direction: row;

	justify-content: center;

	padding-top: 40px;

}

.btn_area p{

	margin-bottom: 0;

}

/*ピンク中白丸ボタン*/

.btn-datail a{

	display: inline-block;

	width: 230px;

	text-align: center;

	color: #ccabab;

	border: 2px solid #ccabab;

	font-weight: bold;

	padding: 12px 30px;

	border-radius: 30px;

	background-color: #fff;

}

.btn-datail a:hover{

	background-color: #ccabab;

	color: #fff;

}

/*ピンク中白四角ボタン*/

.btn-sq-w a{

	display: inline-block;

	width: 260px;

	text-align: center;

	color: #ccabab;

	border: 2px solid #ccabab;

	font-weight: bold;

	padding: 20px 30px;

	background-color: #fff;

	font-size: 25px;

}

.btn-sq-w  a:hover{

	background-color: #ccabab;

	color: #fff;

}

/*中ピンク四角ボタン*/

.btn-sq-p a{

	display: inline-block;

	width: 260px;

	text-align: center;

	color: #fff;

	border: 2px solid #ccabab;

	font-weight: bold;

	padding: 20px 30px;

	background-color: #ccabab;

	font-size: 25px;

}

.btn-sq-p  a:hover{

	background-color: #fff;

	color: #ccabab;

}

/*グレー丸ボタン*/

.btn-re a{

	display: inline-block;

	width: 230px;

	text-align: center;

	color: #fff;

	font-weight: bold;

	padding: 12px 30px;

	border-radius: 30px;

	background-color: #808080;

	font-size: 25px;

}

.btn-re a:hover{

	opacity: 0.8;

}

/*中青四角ボタン*/

.btn-sq-b a{

	display: inline-block;

	width: 260px;

	text-align: center;

	color: #fff;

	border-radius: 10px;

	/*

	font-weight: bold;

	*/

	padding: 15px 35px;

	background-color: #3ba1da;

	font-size: 15px;	/*22px*/

}

.btn-sq-b  a:hover{

	background-color: #59b5e9;
	color: #fff;

}

/*グレー四角ボタン*/

.btn-sq-re a{

	display: inline-block;

	width: 260px;

	text-align: center;

	color: #747673;

	/*

	font-weight: bold;

	*/

	padding: 15px 35px;

	border-radius: 10px;

	background-color: #eeeeee;

	font-size: 15px;		/*22px*/

	box-shadow: -2px 3px 6px #d2d2d2;

}

.btn-sq-re a:hover{

	background-color: #ddd;
	color: #747673;

}

.txt-center{

	text-align: center;

}

/*-----login.html

------------------------------------------*/

.login-box{

	width: 400px;

	margin: 50px auto 0 auto;

}

.login-box dt{

	font-size: 12px;

	color: #666;

}

.login-box dd{

	padding-bottom: 20px;

}



.login-box input[type="email"],

.login-box input[type="password"]{

	width: 100%;

	padding: 10px 20px;

	border: none;

}

/*-----top.html

------------------------------------------*/

.txt-front{

	display: block;

	width: 100%;

	text-align: center;

	font-size: 23px;

	line-height: 1.8;

}

/*-----top.html

------------------------------------------*/

.mainv{

	width: 100%;

	height: 275px;

	position: relative;

	top: 0;

	z-index: 0;

	margin-top: 99px;

	background-image: url("../images/mainv.jpg");

	background-attachment: fixed;

    background-position: 0 99px;

    background-size: 100% auto;

    background-repeat: no-repeat;

}



.txt-wellcome{

	display: block;

	text-align: center;

	font-size: 33px;

	color: #808080;

	padding: 0 0 50px 0;
	margin-bottom: 0;

}

.txt-start{

	display: block;

	text-align: center;

	font-size: 33px;

	color: #808080;

	padding: 0 0 30px 0;
	margin-bottom: 0;

}

.txt-thanks{

	display: block;

	font-size: 33px !important;

	margin-bottom: 0;

	text-align: center;

	font-size: 33px;

	color: #808080;

	padding: 20px 0 0 0;

}

.start-box{

	width: 780px;

	height: 320px;

	margin: 0 auto;

	position: relative;

	z-index: 1;

	display: flex;

	flex-direction: row;

}

.st-r-box,

.st-l-box{

	width: 50%;

	padding: 30px 0;

	text-align: center;

	height: auto;

}

.st-r-box:before,

.st-l-box:before{
	content: "";
	padding-top: 100%;
}

.st-r-box{

	position: absolute;

	top: 0;

	right: 0;

	background-color: #cc9999;

	z-index:1; 

}

.st-l-box{

	position: absolute;

	top: 0;

	right: 50%;

	background-color: #666;

	z-indx:2;

}

.st-or-box{

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	margin: auto;

	width: 67px;

	height: 67px;

	z-index:3;

}

.st-or-box p{

	display: block;

	width: 67px;

	height: 67px;

	border: 2px solid #fff;

	border-radius: 33px;

	color: #fff;

	text-align: center;

	line-height: 65px;

	font-size: 35px;

}

.start-box a{

	color: #fff;

	vertical-align: middle;

}

.start-box a:hover{

	color: #fff;

	opacity: 0.8;

}
.start-box dl{
	margin-bottom: 0;
}
.start-box dt{

	font-size: 30px;
	line-height: 1.4;

	font-weight: bold;

	padding-bottom: 20px;

}

.start-box dd{

	font-size: 25px;

	line-height: 1.5;
	margin-bottom: 0;

}

.start-box dd p{

	font-size: 22px;
	margin-bottom: 0;
	padding-top: 10px;

}

/*-----sample.html

------------------------------------------*/

.category{

	padding-top: 

	margin-bottom: 50px;

}

.center-box{

	display: block;

	width: 100%;

	padding: 0　0　20px 0;

	text-align: center;

}

/*サンプル検索ドロップダウン*/

.s_select{

	width: 600px;

	margin: 0 auto;

	text-align: left;

	position: relative;

	z-index: 0;

}

.s_select div{

	width: 100%;

	box-sizing: border-box;

}

.s_select div p{

	font-size: 14px;

	line-height: 1.2;

	padding-bottom: 0;

	margin-bottom: 5px;

}

.s_select .item-select{

	position: relative;

	z-index: 1;

}

.s_select .brand-select{

	position: relative;

	z-index: 2;

}

.s_select .menu_list .nav_item{

	position: relative;

}

.s_select .menu_list{

	border: 1px solid #333;

}

.s_select .js-dropdown{

	display: block;

	width: 100%;

	text-align: center;

	font-weight: normal !important;

	color: #666 !important;

}

.s_select .js-dropdown span{

	display: inline-block;

	float: right;

	font-size: 12px;

}

.s_select .menu_list .nav_item .panel {

  position: absolute;

	width: calc(100% + 2px);

	margin-left: -1px;

}

.s_select .menu_list{

	font-size: 14px;

	width: 100%;

	border-top:1px solid #333;

}

.s_select .panel{

	display: block;

	width: 100%;

	border:1px solid #333;

}

.s_select .menu_list, .panel-inner{

	list-style: none;

	text-align: left;

	padding-left: 0;

}

.s_select .menu_list .nav_item .js-dropdown{

	display: inline-block;

	width: 100%;

	background-color: #fff;

	color: #333;

	padding: 5px 10px;

	font-weight: bold;

	cursor: pointer;

}

.s_select .menu_list .panel_item{

	display: block;

	width: 100%;

	padding: 5px 10px;

	color: #666;

	background-color: #fff;

	

}

.s_select .panel_item{

	border-bottom: 1px solid #ccc;

}

.s_select .menu_list .panel_item:hover{

	background-color: #ddd;

}



/*検索結果ページネーション*/

.line-box{

	border-top: 1px solid #808080;

	margin-top: 40px;

	padding:15px 0 80px 0;

}

.page-num{

	display: block;

	width: 100%;

	text-align: right;

}

.page-num ul{

	list-style: none;

	display: flex;

	flex-direction: row;

	justify-content: flex-end;

	font-size: 13x;

	line-height: 1em;

}

.page-num li a{

	display: inline-block;

	background-color: #fff;

	padding: 6px 7px;

	margin-right: 4px;

	color: #333;

}

.page-num li a:hover{

	background-color: #999;

}

.page-num li.here {

	background-color: #d9d9d9 !important;

	display: inline-block;

	background-color: #fff;

	padding: 6px 7px;

	margin-right: 4px;

}

/*検索ボタン*/

.search-btn{

	border: none;

	background-color: #808080;

	padding: 4px 20px;

	color: #fff;

	font-size: 15px;

	cursor: pointer;

	margin-top: 20px;

}

.search-btn:hover{

	background-color: #666;

}

/*並び替え*/

.sort-box dl{

	display: flex;

	flex-direction: row;

	font-size: 12px;

	line-height: 1.20;

	margin-bottom: 0;

}

.sort-box dt,

.sort-box dd{

	font-weight: normal;

	white-space: nowrap;

	margin-bottom: 0;

}

.sort-box dt{

	padding: 6px 10px 6px 0;

}

.sort-box dd a{

	display: block;

	padding: 6px 10px;

	color: #333;

	vertical-align: middle;

}

.sort-box .stay{

	background-color: #ccc;

}

/*検索結果一覧*/

.results_list p{

	margin-bottom: 0 !important;

}

.search-results{

	display: flex;

	flex-direction: row;

	flex-wrap: wrap;

	justify-content: flex-start;

	margin: 0 -15px;

	padding-bottom: 80px;

}

.search-results .results_list{

	width: calc(100% / 4);

	box-sizing: border-box;

	padding: 0 15px;

}

.search-results .results_list dt{

	text-align: center;

	padding-bottom: 20px;

}

.search-results .results_list dt img{

	width: 40%;

	height: auto;

}

.search-results .results_list dd{

	text-align: center;

}

.search-results .results_list dd p{

	font-size: 13px;

	line-height: 1.4;

	margin-bottom: 10px;

}

.search-results a{

	color: #333;

	text-decoration: none;

}

.search-results a:hover img{

	opacity: 0.8;

}

.search-results dd img{

	width: 100%;

	height: auto;

}

/*--検索結果一覧ドロップダウン--*/

.plan_list{

	width: 100%;

	margin: 0 auto;

	text-align: left;

	position: relative;

	z-index: 0;

}

.plan_list ul{

	list-style: none;

	padding-left: 0;

}

.plan_list .menu_list .nav_item{

	position: relative;

}

.plan_list .menu_list{

	border: 1px solid #ccc;

}

.plan_list .js-dropdown{

	display: block;

	width: 100%;

	font-weight: normal !important;

	color: #333 !important;

}

.plan_list .js-dropdown span{

	display: inline-block;

	float: right;

	font-size: 12px;

}

.plan_list .menu_list .nav_item .panel {

  position: absolute;

	width: calc(100% + 2px);

	margin-left: -1px;

}

.plan_list .menu_list{

	font-size: 14px;

	width: 100%;

	border-top:1px solid #ccc;

	margin-bottom: 0;

}

.plan_list .panel{

	display: inline-block;

	width: 100%;

	border:1px solid #ccc;

	margin-top: -1px;

}

.s_select .menu_list, .panel-inner{

	list-style: none;

	text-align: left;

	padding-left: 0;

}

.plan_list .menu_list .nav_item .js-dropdown{

	display: inline-block;

	width: 100%;

	background-color: #fff;

	text-align: center;

	color: #333;

	padding: 5px 10px;

	font-weight: bold;

	cursor: pointer;

}

.plan_list .menu_list .panel_item{

	display: block;

	width: 100%;

	padding: 5px 10px;

	color: #333;

	background-color: #fff;

	

}

.plan_list .panel_item{

	border-bottom: 1px solid #ccc;

}

.plan_list .menu_list .panel_item:hover{

	background-color: #ddd;

}

.plan_list .new_list{

	color: #fff !important;

	background-color: #333 !important;

}

.plan_list .datail-btn{

	display: block;

	width: 100%;

	margin-bottom: 5px;

}

.datail-btn a{

	display: block;

	width: 100%;

	background-color: #999;

	color: #fff;

	text-align: center;

	padding: 8px 0;

	font-size: 12px;

}

.datail-btn a:hover{

	opacity: 0.8;

}

/*-----datail.html

------------------------------------------*/

.datail-box{

	width: 500px;

	margin: 0 auto 30px auto;

}

.datail-box .brand-name{

	display: block;

	width: 145px;

	margin: 0 auto;

	text-align: center;

	padding-bottom: 40px;

}

.datail-box .brand-name img{

	width: 100%;

	height: auto;

}

.datail-box .brand-name span{

	display: block;

	padding-top: 5px;

}

.datail-box .dt-slider{

	display: flex;

	flex-direction: row;

	align-items:center;

}

.datail-box .dt-slider ul{

	list-style: none;

	padding: 0 20px;

}

.datail-box .dt-slider li img{

    width: 100%;

    height: auto;

}

.datail-box .dt-slider .btn-add-list{

	background-color: #fff;

	text-align: center;

	padding: 8px 0;

	font-size: 18px;

	line-height: 1.5;

	margin-bottom: 0;

	font-weight: bold;

	cursor: pointer;

}

.datail-box .dt-slider .icon-l,

.datail-box .dt-slider .icon-r{

	cursor: pointer;

}

.datail-box .dt-spec-box{

	padding-left: 43px;

	font-size: 15px;

	line-height: 1.5;

}

.datail-box .dt-spec-box p{

	line-height: 1.5;

}

.datail-box .dt-spec-box dl{

	margin-bottom: 0;

}

.datail-box .dt-spec-box dt{

	font-weight: normal;

	padding-bottom: 5px;

}

.datail-box .dt-spec-box dd{

	padding-bottom: 0;

	margin-bottom: 0;

	line-height: 1.5;

}

.link-re{

	display: block;

	width: 100%;

	text-align: center;

	padding: 20px 0 80px 0;

	font-size: 14px;

	margin-bottom: 0;

	line-height: 1.4;

}

/*-----press-release.html

------------------------------------------*/

.press-r-box{

	width: 100%;	/* 550px*/

	margin: 0 auto;

	color: #808080;

}


.press-r-box dl{

	display: flex;

	flex-direction: row;

	flex-wrap: wrap;

}

.press-r-box dt{

	width: 30%;

	font-weight: normal;

	padding-bottom: 30px;

}

.press-r-box dd{

	width: 70%;

	padding-bottom: 30px;

}

.press-r-box dd a{

	color: #808080;

}

.press-r-box dd a:hover{

	text-decoration: underline;

}

.press-r-ttl{

	font-size: 30px;

	color: #808080;

	display: block;

	width: 100%;

	text-align: center;

	padding: 0 0 90px 0;

}

.press-r-txt{

	padding-top: 40px;

}

.press-r-txt p{

	line-height: 2.1;

	color: #333;

}

/*-----account.html

------------------------------------------*/

.account_menu{

	display: none;

}



/*PCのみ効く*/

@media screen and (min-width: 769px) {

	.pc-disp-no{

		display: none !important;

	}

	.sp-br{

		display: none;

	}

}



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

	/*-----共通

	------------------------------------------*/

	.sp-br{

		display: block;

	}

	.sp-disp-no{

		display: none;

	}

	.flex-box{

        display: block;

    }

	.pressroom .inner-box{

        width: 100%;

		padding-top:0;

		background-color: #f2f2f2;

	}

	.pressroom .inner-box{

        margin-top: 344px;

    }

    .pressroom > .home > .inner-box{

        margin-top: 0;

    }

    .pressroom > .front > .inner-box,

    .pressroom > .login > .inner-box,

    .pressroom > .form > .inner-box{

        margin-top: 101.5px;

    }

	.pressroom > .plan-list > .inner-box,

	.pressroom > .request > .inner-box,

	.pressroom > .sample > .inner-box,

	.pressroom > .press-release > .inner-box,

	.pressroom > .account > .inner-box{

        margin-top: 141px;

    }

	.pressroom h2{

        font-size: 17px;

        padding: 20px 0;

		margin-top: 0;

		margin-bottom: 0;

    }

	.pr10{

        padding-right: 0;

    }

    .pl10{

        padding-left: 0;

    }

	.sp-disp-no{

		display: none !important;

	}

	.height-35{

		height: 35px;

	}

	.pb80{

		padding-bottom: 40px;

	}

	.pb-80{

        padding-bottom: 0;

    }

	.pt200{

        padding-top: 100px;

    }

	/*フォームボタン*/

    .btn_area{

		width: 100%;

		padding-bottom: 0;

		padding-top: 20px;

    }

	.btn-datail{

		border-right: 1px solid #f2f2f2;

		width: 100%;

	}

    .btn-datail a{

        display: block;

		width: 100%;

        color: #fff;

        border: none;

        font-weight: bold;

        padding: 7px ;

        border-radius: 0;

        background-color: #ccabab;

		text-align: center;

    }

    .btn-datail a:hover{

        background-color: #ccabab;

        color: #fff;

    }

	

	.btn-sq-w,

	.btn-sq-p{

		width: 50%;

	}

	/*ピンク中白四角ボタン*/

    .btn-sq-w a{

        display: inline-block;

        width: 100%;

        text-align: center;

        color: #ccabab;

        border: 2px solid #ccabab;

        font-weight: bold;

        padding: 20px 30px;

        background-color: #fff;

        font-size: 16px;

    }

    .btn-sq-w  a:hover{

        background-color: #ccabab;

        color: #fff;

    }

    /*中ピンク四角ボタン*/

    .btn-sq-p a{

        display: inline-block;

        width: 100%;

        text-align: center;

        color: #fff;

        border: 2px solid #ccabab;

        font-weight: bold;

        padding: 20px 30px;

        background-color: #ccabab;

        font-size: 16px;

    }

    .btn-sq-p  a:hover{

        background-color: #fff;

        color: #ccabab;

    }

	

	.btn-re{

		display: block;

		width: 100%;

		margin-top: -20px;

	}

	/*グレー丸ボタン*/

    .btn-re a{

        display: block;

        width: 100%;

        text-align: center;

        color: #fff;

        font-weight: bold;

        padding: 12px 50px;

        border-radius: 0px;

        background-color: #808080;

        font-size: 16px;

    }

    .btn-re a:hover{

        opacity: 0.8;

    }

	/*中青四角ボタン*/

	.btn-sq-b{

		width: 50%;

	}

    .btn-sq-b a{

        display: inline-block;

        width: 100%;

        text-align: center;

        color: #fff;

        font-weight: bold;

        padding: 20px 30px;

        background-color: #3ba1da;

        font-size: 16px;

		border-radius: 0;

		border-top: 1px solid #3ba1da;

    }

    .btn-sq-w  a:hover{

        background-color: #ccabab;

        color: #fff;

    }

	/*グレー四角ボタン*/

	.btn-sq-re{

		width: 50%;

	}

    .btn-sq-re a{

        display: inline-block;

        width: 100%;

        text-align: center;

        color: #747673;

        font-weight: bold;

        padding: 20px 30px;

        border-radius: 0;

        background-color: #eeeeee;

        font-size: 16px;

        box-shadow: 0 0 0 #666;

		border-top: 1px solid #ddd;

    }

    .btn-sq-re a:hover{

        background-color: #ddd;

    }

	.mt-50{

        margin-top: 0;

    }

	/*-----login.html

    ------------------------------------------*/

    .login-box{

        width: 96%;

        margin: 0 2%;

    }

	/*-----top.html

    ------------------------------------------*/

    .txt-front{

        display: block;

        width: 100%;

        text-align: center;

        font-size: 18px;

        line-height: 1.8;

		padding: 0 10px;

    }

	.mainv{

        width: 100%;

        height: 150px;

        position: relative;

        top: 0;

        z-index: 0;

        margin-top: 60px;

		background-position: 50% 60px;

		background-size: 100% auto;

    }



	.txt-wellcome{

        font-size: 20px;

        padding: 20px 0;

		margin-bottom: 0;

    }

    .txt-start{

        font-size: 16px;

        color: #808080;

        padding: 0 0 10px 0;

		margin-bottom: 0;

    }

	.start-box{

        width: 100%;

        height: 170px;

    }

    

    .st-l-box,
	.st-r-box{

        width: 50%;

        padding: 20px 0;

        text-align: center;

        height: auto;

    }

	.st-or-box{

        width: 33px;

        height: 33px;
		position: absolute;
		top: 0%;

    }

    .st-or-box p{

        width: 33px;

        height: 33px;

        border-radius: 16px;

        line-height: 31px;

        font-size: 18px;

    }

	.start-box dt{

        font-size: 18px;

        padding-bottom: 10px;

    }

    .start-box dd{

        font-size: 14px;

    }

    .start-box dd p{

        font-size: 12px;

    }

	/*-----sample.html

	------------------------------------------*/

	

	/*サンプル検索ドロップダウン*/

	.s_select{

        width:100%;

		position: static;

    }

	.s_select div{

        width: 50%;

    }

	.s_select .item-select{

        position: static;

    }

    .s_select .brand-select{

        position: static;

    }

	.s_select .menu_list{

		margin-bottom: 0;

	}

    .s_select .menu_list .nav_item{

        position: relative;

    }

	.s_select .menu_list .nav_item .js-dropdown{

        display: inline-block;

        width: 100%;

        background-color: #ccc;

    }

	.s_select .menu_list{

        border-top: 1px solid #ccc;

		border-left: 1px solid #ccc;

		border-bottom: 1px solid #ccc;

		border-right: 1px solid #f2f2f2;

    }

	.s_select .panel{

        border-top: 1px solid #ccc;

		border-left: 1px solid #ccc;

		border-bottom: none;

		border-right: 1px solid #ccc;

    }

	.s_select .l-line-no{

		border-left: none;

    }

	.s_select .menu_list .nav_item .panel {

        position: static;

    }

	.s_select .panel_item{

		background-color: #f2f2f2;

    }

	.s_select .js-dropdown span{

        display: inline-block;

        float: none;

        font-size: 12px;

    }

	/*検索ボタン*/

    .search-btn{

		display: block;

		width: 100%;

        border: none;

        background:url("../img/icon_search.svg") no-repeat center center #ccc;

		background-size: 7%;

        padding: 4px 0;

        color: #ccc;

        font-size: 15px;

        cursor: pointer;

		text-align: left;

		margin-top: 0;

    }

	.search-btn:hover{

		background-color: #ccc;

	}

	/*検索結果ページネーション*/

	.line-box{

        border-top: 1px solid #808080;

        margin-top: 40px;

        padding:10px 0 20px 5px;

    }

	/*並び替え*/

    .sort-box{

        width: 50%;

	}

	/*検索結果一覧*/

	.search-results{

		padding-bottom: 40px;

	}

	.search-results dl{

        width: calc(100% / 3) !important;

		padding: 15px 6px 0 6px !important;

		border-top: 1px solid #ccc;

		border-bottom: 1px solid #ccc;

		border-right: 1px solid #ccc;

		background-color: #fff;

		margin-bottom: 0;

		margin-top: -1px;

    }

	.search-results dl:nth-child(3n+1){

		border-left: 1px solid #ccc;

	}

	.search-results dt{

        text-align: center;

        padding-bottom: 10px;

    }

	.search-results{

        margin: 0 0 !important;

    }

	/*--検索結果一覧drop_down--*/

	.plan_list .panel{

        display: block;

        width: 100%;

        margin-top: -1px;

    }

	.plan_list .js-dropdown,

	.plan_list .panel_item {

		font-size: 12px !important;

		line-height: 1.2;

	}

	/*-----datail.html

    ------------------------------------------*/

    .datail-box{

        width: 100%;

        margin: 0 auto 10px auto;

		padding-top: 35px;

    }

    .datail-box .brand-name{

        width: 100px;

        padding-bottom: 10px;

    }

	.link-re{

		text-align: left;

        padding: 10px 0 20px 43px;

        font-size: 12px;

    }

	.datail-box .dt-slider .btn-add-list{

        font-size: 14px;

    }

	/*-----press-release.html

    ------------------------------------------*/

    .press-r-box{

        width: 96%;

        margin: 0 2%;

        color: #808080;

    }

    .press-r-box dl{

        display: block;

    }

    .press-r-box dt{

        width: 100%;

        padding-bottom: 5px;

    }

    .press-r-box dd{

        width: 100%;

        padding-bottom: 20px;

    }



    .press-r-ttl{

        font-size: 20px;

        width: 100%;

        padding: 50px 0 45px 0;

    }

    .press-r-txt{

        padding-top: 20px;

		padding-left: 10px;

		padding-right: 10px;

    }

    .press-r-txt p{

        line-height: 2.1;

        color: #333;

    }

	.img-center img{

		display: block;

		margin: 0 auto;

	}

	/*-----account.html

    ------------------------------------------*/

    .account_menu{

		display: flex;

		flex-direction: row;

		background-color: #000;

		width: 100%;

		list-style: none;

		border-top: 1px solid #666;

    }

	.account_menu li{

		width: 50%;

		text-align: center;

	}

	.account_menu li a{

		display: block;

		width: 100%;

		padding: 10px 0;

		color: #fff;

	}

	.account_menu li a:before{

		content: "▶︎ ";

		font-size: 11px;

		vertical-align: middle;

	}

	.line_r{

		border-right: 1px solid #666;

	}

	/*-----request-comp.html

    ------------------------------------------*/

	.txt-thanks{

        font-size: 16px !important;

    }



}