﻿@charset "utf-8";
/* Foundation
***********************************************************************/
/* textarea */
.textarea_readonly{
	height:256px;
}

/* Object
***********************************************************************/
.dlCol{
	max-width:100%;
	margin:0 10px;
}
.dlCol + .dlCol{
	margin-top: 30px;
}
.dlCol > * {
	max-width:800px;
	width: 100%;
	margin:0 auto;
}
.dlTable_ttl,
.dlTable_btn_area,
.dlTable-flat,
.table-line{
	max-width:800px;
	width: 100%;
	margin:0 auto;
}
.flex-center{
	align-items: center;
}
.dlTable_sb_ttl {
	padding-left: 16px;
	position: relative;
}
.dlTable_sb_ttl::after {
	position: absolute;
	content:"";
	width: 8px;
	height: 22px;
	top: 2px;
	left: 0;
	background: #8094d1;
}
.radio_txt.radio_txt_long {
	padding-left: 8px;
	padding-right: 16px;
}
.file {
	height: 34px;
	margin-right: 4px;
	padding: 4px 12px;
	padding-left: 32px;
	background: #fff;
	border: 1px solid #d3d4d4;
	border-radius: 10px;
	white-space: nowrap;
	cursor: pointer;
}
.file > span {
	position:relative;
}
.file > span::after {
	position:absolute;
	content: "";
	width: 20px;
	height: 20px;
	top: 1px;
	left: -24px;
	background: url(../images/icon_add.png) no-repeat;
	background-size: contain;
}
.add_btn,
.confi_btn,
.item_btn{
	height:34px;
	padding: 0px 14px;
	background:#f2f3f3;
	border:1px solid #d3d4d4;
	border-radius:10px;
	white-space:nowrap;
	cursor: pointer;
}
.item_flex {
	display: flex;
	flex-direction: column;
}
.item_box {
	margin: 5px;
	margin-bottom: 20px;
}
.item_box a {
	display: block;
}
.item_box a:hover {
	opacity: .7;
}
.item_box .item_img {
	text-align: left;
	padding-left: 20px;
}
.item_box p {
	font-size: 0.9em;
	color: #0066c0;
}
.item_box p > span {
	display: inline-block;
}
.item_box .price {
	color: #c13030;
}

/*--------------------------------------------------------------------------
  配慮入力画面その１
---------------------------------------------------------------------------*/
#faq .item_li > label,
#faq5 .item_li > label,
#faq4 .item_li > label,
#faq3 .item_li > label,
#faq2 .item_li > label{
	padding: 8px 42px 8px 8px;
	font-weight: bold;
}
.icon_faq{
	position: relative;
}
.icon_fag1::before{
	content: "A";
	position: absolute;
	top: 0;
	bottom: 0;
	left: -36px;
	margin: auto 0;
	width: 28px;
	height: 28px;
	background: #2f47ad;
	font-weight: bold;
	color: #fff;
	text-align: center;
	border-radius: 50%;
}
.icon_fag2::before{
	content: "B";
	position: absolute;
	top: 0;
	bottom: 0;
	left: -36px;
	margin: auto 0;
	width: 28px;
	height: 28px;
	background: #2f47ad;
	font-weight: bold;
	color: #fff;
	text-align: center;
	border-radius: 50%;
}
/*acd*/
.acd .item_li > label{
	position: relative;
	display: block;
	padding: 8px 14px;
	margin: 8px 0;
	margin-bottom: 0;
	background: #e9ecf4;
	background: #2f47ad;
	color: #fff;
	cursor: pointer;
}
.acd .item_li > label::before{
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto 14px auto 0;
	width: 20px;
	height: 4px;
	background: #fff;
}
.acd .item_li > label:after{
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 8px;
	margin: auto 14px auto 0;
	width: 4px;
	height: 20px;
	background: #fff;
	transition: .1s ease-out;
}
.acd [type="checkbox"]:checked + label::after{
	opacity: 0;
}
.acd_content{
	line-height: 0;
	opacity: 0;
	transition: padding .2s ease-out, line-height .2s ease-out, opacity .2s linear, visibility .1s ease-out;
	visibility: hidden;
	//border: solid 2px #e9ecf4;
	border-top: none;
	padding: 0px 10px;
}
.acd [type="checkbox"]:checked + label + .acd_content{
	font-size: 16px;
	line-height: 1.78;
	padding: 20px 10px;
	opacity: 1;
	visibility: visible;
	transition: padding .2s ease-out, line-height .2s ease-out, opacity .2s linear;
}
.acd_content *{
	display: none;
}
.acd [type="checkbox"]:checked + label + .acd_content *:not(a){
	display: block;
}
.acd [type="checkbox"] {
	display:none;
}
.acd_input_area {
	margin-left: 38px;
}
a.arrow{
	display: inline-block;
}
.act_item {
	margin: 0;
	padding: 15px 10px;
	background: #e9ecf4;
}
.act_item_list{
	border: solid 2px #e9ecf4;
	border-top: none;
	margin: 0;
	padding: 20px 10px;
}

.postOffice .radio{
	vertical-align:top;
	width:100%;
}

/* Utility
***********************************************************************/
.inlineBlock {
	display: inline-block !important;
}
.wp100 {
	width: 100%;
}
.w60 {width: 60px;}
.w80 {width: 80px;}
.w120 {width: 120px;}
.u-ml-12 {
	margin-left: 12px;
}
.u-ml-10 {
	margin-left: 10px;
}
.u-pt-8 {
	padding-top: 8px;
}
.u-pt-4 {
	padding-top: 4px;
}
table.gray_area th:nth-child(odd),
table.gray_area td:nth-child(odd) {
	background: #f6f6f6;
}
.u-va-m{
	vertical-align: middle !important;
}
.table-line_bottom {
	border-bottom: 1px solid #d3d4d4;
	border-top: none !important;
}
.select_w260 {
	max-width: 260px;
}
.iconLabel {
	display: inline-block;
	margin-right: 8px;
	padding: 0px 8px;
	border-radius: 2px;
	line-height: 22px;
}
.iL-required {
	color: #fff;
}
/*=====================================================================
   PC start
======================================================================*/
@media print, screen and (min-width:768px){
/* Object
***********************************************************************/
.item_flex {
	display: flex;
	flex-direction: row;
}
.item_box {
	margin: 5px 8px;
}

.acd [type="checkbox"]:checked + label + .acd_content .acd_input_area dl{
	display: flex !important;
}
.acd_input_area dl dt{
	width: 5em;
}
.postOffice .radio{
	width:46% !important;
}
}