@charset "utf-8";

/* =======================================================================
 リニューアル用
======================================================================= */

/* ================================================================
 override
================================================================ */
#main div.section div.section {
	margin-bottom: 40px;
}
@media (max-width: 768px) {
	#main div.section div.section {
		margin-bottom: 40px;
		padding: 0;
	}
}
@media (max-width: 480px) {
	#main div.section div.section {
		margin-bottom: 30px;
	}
}

/* 学費の内訳
--------------------------------------------------------- */
@media (max-width: 480px) {
	.ch_j .uchiwake .uchiwake_naiyou,
	.tsudai .uchiwake .uchiwake_naiyou {
		width: 46%;
	}
}


/* linkボタン
--------------------------------------------------------- */
@media (min-width: 481px) {
	.charge_link li {
		width: 32%;
		margin-bottom: 0;
	}
	.charge_link li a {
		font-size: 1rem;
	}
}


/* ================================================================
 contents
================================================================ */
.disc {
	margin-left: 1.5em;
}
.disc li {
	list-style: disc;
}

#charge .comment { margin-top: 0.8em; margin-left: 1em; }
#charge .tbl_jugyoryo_area  .comment{ margin-top: 2em; }
#charge .comment li { text-indent: -1em; margin-bottom: 3px; }
#charge .comment li:before { content: "※"; }

#charge .comment_count { margin-left: 2em; }
#charge .comment_count li { text-indent: -2em; counter-increment: number; }
#charge .comment_count li:before { content: "※"counter(number)" "; }

@media (max-width: 768px) {
}
@media (max-width:480px){

}


/* 翌年度切り換え時お知らせ */
.attention {
	padding: 10px;
	color: #F32156;
	text-align: center;
	font-style: normal;
	font-weight: normal;
	background-color: #FFF4F8;
	border: 3px double #FF8EAB;
}
@media (max-width: 768px) {
	.attention{
		border:none;
		background:none;
		font-weight:bold;
		text-align:left;	
	}
}



/* FV
--------------------------------------------------------- */
#main .con_h2 span#sub_h2 {
	border-left: none;
	height: auto;
	letter-spacing: 1px;
	padding: 0;
}

@media (max-width: 768px) {
	#main .con_h2 {
		padding-bottom: 10px;
	}
	#main .g12 div.con_h2{
		background: #eef9df none repeat scroll 0 0;
		border-top:4px solid #8ec643;
	}
	#main .g3 div.con_h2{
		background: #e9f2f7 none repeat scroll 0 0;
		border-top:4px solid #6bb6d9;
	}
	#main .ch_j div.con_h2{
		background: #ffecf6 none repeat scroll 0 0;
		border-top:4px solid #ea7bb3;
	}
	#main .tsudai div.con_h2{
		background: #f3f4ff none repeat scroll 0 0;
		border-top:4px solid #6d78d3;
	}
	#main div.con_h2 span#sub_h2 {
		font-size:16px;
		display:block;
	}
	#main .top div.con_h2 .main_ttl {
		background-image: url("/charge/images/carge_head_bg.jpg");
	}
	#main .top div.con_h2 .main_ttl span{
		position:absolute;
		top:0;
		bottom:0;
		left:0;
		margin:auto 0;
		line-height:1.5em;
		height:1.5em;
		padding:0.5em 2em 0.5em 1em;
		background: -moz-linear-gradient(left,  rgba(255,255,255,0.7) 0%, rgba(255,255,255,0.7) 80%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left,  rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.7) 80%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right,  rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.7) 80%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
		color:#0e357f;
		text-shadow:0 -1px 1px #FFF, -1px 0 1px #FFF, 1px 0 1px #fff;
		font-size:120%;
	}
	
	#main .con_h2 span:first-child {
		font-size:28px;
	}
	
	#main .con_h2 p {
		background: none;
	}
}
@media (max-width: 480px) {
	#main .top div.con_h2 .main_ttl {
		height: 5em !important;
	}
	#main .con_h2 span:first-child {
		font-size: 2.8rem;
	}
	#main .tsudai div.con_h2 span:first-child{
		line-height: 1.2;
	}
	#main .tsudai div.con_h2 span#sub_h2 {
		line-height: 1.7;
	}
	
	#main .top div.con_h2 p {
		text-align: left;
	}
}





/* 見出し
--------------------------------------------------------- */
#charge .midashi {
	margin:25px 0 15px;
	padding:0 5px 0 1.5em;
	color: #FF6600;
	font-weight: bold;
	text-transform: none;
	font-size: larger;
	border-bottom:1px dashed #FF9900;
	position:relative;
}
#charge .midashi::before {
	content:'●';
	width:1em;
	height:1em;
	position:absolute;
	left:0.4em;
}
@media (max-width: 768px) {
	#charge .midashi {
		padding: 0.7em 6%;
		background-color: #3864b6;
		color: #FFF;
		font-size: 100%;
		font-weight: bold;
		clear: both;
		border:none;
		margin-bottom:1.5em;
	}
	#charge .midashi:before{
		content:none;
	}
}
@media (max-width: 480px) {
	#charge .midashi{
		padding: 3% 4%;
		margin-bottom:1em;
	}
}
@media (max-width:370px){
	#charge .midashi {
		font-size: 100%;
	}
}





/* 料金表
--------------------------------------------------------- */
.tbl_charge { margin-bottom:15px; border-collapse:collapse; }
.tbl_charge th, .tbl_charge td { border:1px solid #999; }
.tbl_charge td { background:#fff; padding:5px 10px; font-size: 90%; text-align: center; }
.tbl_charge .td_y { background:#FFFFCC; min-height:18px; }
.tbl_charge .td_g { background:#ddd; min-height:18px; }
.tbl_charge .center { text-align: center; white-space:nowrap; }
.tbl_charge .left   { text-align: left; }
.tbl_charge .td_num  { color: #666666; }
.tbl_charge .td_once { font-weight: bold; }
.tbl_charge .td_toku { font-weight: bold; color:#FF3366; background:#FFF4F8; }

@media (max-width: 768px) {
	.tbl_charge{width:90%; margin:0 auto 10px;}
	.tbl_charge td{
		text-align: center;
    width: 50%;
		border: 1px solid #333;
    padding-top: 1%;
    padding-bottom: 1%;
	}
}
@media (max-width:480px){
	.tbl_charge td {
		padding: 5px;
		font-size: 100%;
	}
}


.tbl_tokuwari th { background:#ff7700; color:#fff; }
.tbl_tokuwari th,
.tbl_tokuwari td { border:1px solid #ff7700; }

@media (max-width: 768px) {
	.tbl_tokuwari th { width: 2em; border:1px solid #ff7700; }
	.tbl_tokuwari td { width: auto; border:1px solid #ff7700; }
}


/* 入学金 */
.tbl_nyugakukin {
	margin-bottom: 0;
}
.tbl_nyugakukin td {
	padding: 5px 2em;
}


/* 学費 */
.tbl_jugyoryo_area {
	
}
.tbl_jugyoryo {
	width: 100%;
	margin-bottom: 15px;
	border: 2px solid #666;
	border-collapse: collapse;
}
.tbl_jugyoryo th {
	padding: 5px 10px;
	text-align: left;
	font-weight: bold;
	background-color: #ffc;
	border: 1px solid #666;
	border-right-width: 2px;
}
.tbl_jugyoryo th[rowspan] {
	border-right-width: 1px;
}
.tbl_jugyoryo .tr_header th {
	text-align: center;
	background-color: #ddd;
	border-bottom-width: 2px;
}
.tbl_jugyoryo  th.th_course {
	width: 53%;
	border-right-width: 2px;
}
.tbl_jugyoryo  th.th_ikkatsu {
	width: 17%;
	padding: 5px;
	border-right-width: 2px;
}
.tbl_jugyoryo  th.th_bunkatsu {
	border-bottom-width: 1px;
}
.tbl_jugyoryo  th.th_bunkatsu1 {
	width: 15%;
	padding: 5px;
	border-right-width: 1px;
	font-size: 90%;
}
.tbl_jugyoryo  th.th_bunkatsu2 {
	width: 15%;
	padding: 5px;
	font-size: 90%;
}

.tbl_jugyoryo th .hojokin {
	padding: 5px;
	font-size: 80%;
	line-height: 1.2;
	color: #f60;
	border: 2px solid #f60;
	background-color: #fff;
}
.tbl_jugyoryo th .hojokin strong {
	font-size: 110%;
}

.tbl_jugyoryo th sup {
	font-size: 70%;
	font-weight: normal;
}

.tbl_jugyoryo td {
	padding: 5px 15px;
	font-weight: bold;
	text-align: right;
	background-color: #fff;
	border: 1px solid #666;
}
.tbl_jugyoryo td::before {
	content: "\0a5";
}
.tbl_jugyoryo  td.td_ikkatsu {
	border-right-width: 2px;
}
.tbl_jugyoryo td.td_waribiki {
	color: #f60;
	background-color: #fff0f0;
}

.tbl_jugyoryo_wrapper .scrollIcon {
	display: none;
}


/* 現役tbl */
.tbl_jugyoryo.tbl_jugyoryo_g {
	margin-bottom: 25px;
}
.tbl_jugyoryo.tbl_jugyoryo_g th {
	width: auto;
	text-align: right;
}
.tbl_jugyoryo.tbl_jugyoryo_g .tr_header th {
	text-align: center;
}
.tbl_jugyoryo.tbl_jugyoryo_g th.th_tani {
	width: 20%;
}
.tbl_jugyoryo.tbl_jugyoryo_g_9 th.th_tani {
	width: 25%;
}
.tbl_jugyoryo.tbl_jugyoryo_g th.th_ikkatsu {
	width: 25%;
	padding: 5px;
	border-right-width: 2px;
}
.tbl_jugyoryo.tbl_jugyoryo_g th.th_ikkatsu {
	width: 25%;
	padding: 5px;
	border-right-width: 2px;
}
.tbl_jugyoryo.tbl_jugyoryo_g th.th_bunkatsu1 {
	width: 20%;
}
.tbl_jugyoryo.tbl_jugyoryo_g th.th_bunkatsu2 {
	width: 20%;
}

.tbl_jugyoryo.tbl_jugyoryo_g .tr_tokuwari th {
	background-color: #FFD8CC;
}
.tbl_jugyoryo.tbl_jugyoryo_g th.th_tokuwari {
	width: 15%;
	text-align: center;
	color: #fff;
	background-color: #f70;
}
.tbl_jugyoryo.tbl_jugyoryo_g_9 th.th_tokuwari {
	width: 25%;
}
.tbl_jugyoryo.tbl_jugyoryo_g .tr_tokuwari td {
	color: #f60;
	background-color: #fff0f0;
}

.tbl_shokeihi {
	margin-bottom: 30px;
}
.tbl_shokeihi th {
	width: 35%;
	text-align: center;
}
.tbl_shokeihi td.td_ikkatsu {
	width: 25%;
}
.tbl_shokeihi_9 th,
.tbl_shokeihi_9 td {
	width: 50%;
}


/* 通信制tbl */
.tbl_jugyoryo.tbl_jugyoryo_t th.th_ikkatsu {
	width: 25%;
}
.tbl_jugyoryo.tbl_jugyoryo_t th.th_bunkatsu1,
.tbl_jugyoryo.tbl_jugyoryo_t th.th_bunkatsu2 {
	width: 20%;
	line-height: 1.4;
}
.tbl_jugyoryo.tbl_jugyoryo_t_9 th,
.tbl_jugyoryo.tbl_jugyoryo_t_9 td {
	width: 50%;
}


@media (max-width: 768px){
	.tbl_jugyoryo_area {
		padding: 0 1em;
	}
}
@media (max-width: 520px){
	.tbl_jugyoryo_area {
		padding: 0 0.5em;
	}
	
	.tbl_jugyoryo_wrapper {
		width: 100%;
		overflow-x: scroll;
		margin-bottom: 1em;
		position: relative;
	}
	
	.tbl_jugyoryo {
		width: 500px;
		font-size: 90%;
	}
	.tbl_jugyoryo.tbl_jugyoryo_9 {
		width: 100%;
	}
	
	.tbl_jugyoryo  th.th_ikkatsu {
		padding: 5px 2px;
	}
	.tbl_jugyoryo th .hojokin {
		padding: 2px;
		font-size: 70%;
		border: 1px solid #f60;
	}
	.tbl_jugyoryo th .hojokin strong {
		font-size: 100%;
	}
	.tbl_jugyoryo  th.th_bunkatsu1,
	.tbl_jugyoryo  th.th_bunkatsu2 {
		line-height: 1.3;
	}
	.tbl_jugyoryo td {
		padding: 5px;
	}
	
	/* 現役tbl */
	.tbl_jugyoryo.tbl_jugyoryo_g {
		width: 100%;
	}
	.tbl_jugyoryo th {
		padding: 5px;
	}
	.tbl_shokeihi {
		width: 100%;
	}
	
	/* 通信制tbl */
	.tbl_jugyoryo.tbl_jugyoryo_t {
		width: 100%;
	}
	
	/* スクロールアイコン */
	.tbl_jugyoryo_wrapper .scrollIcon {
		display: block;
		position: absolute;
		top: 100px;
		left: calc(50% - 70px);
		min-height: 120px;
		padding: 15px 20px;
		font-size: 80%;
		font-weight: bold;
		color: #fff;
		background: rgba(5, 5, 5, 0.5);
		border-radius: 10px;
	}
	.tbl_jugyoryo_wrapper .scrollIcon::before {
		content: "";
		display: inline-block;
		position: absolute;
		bottom: 20px;
		right: 0;
		width: 60px;
		height: 79px;
		background: url("/common/images/icon_scroll.png") no-repeat left top;
		background-size: contain;
		animation: animationScroll 2s infinite;
		opacity: 0;
	}
}
@keyframes animationScroll {
	0% { right: 25%; opacity: 0; }
	20% { right: 25%; opacity: 1; }
	90% { right: 35%; opacity: 1; }
	100% { right: 35%; opacity: 0; }
}




/* 授業の仕組み（単位制）
--------------------------------------------------------- */
#tani {}

#tani .yellowbox {
	display: inline-block;
	width: auto;
	margin-bottom: 0;
	padding: 25px 30px;
	font-weight: bold;
}

#tani .dlbox {
	width: 23em;
	display: flex;
	flex-wrap: wrap;
}
#tani .dlbox dt {
	width: 17em;
}
#tani .dlbox dt:nth-of-type(1) {
	margin-bottom: 0.5em;
}
#tani .dlbox dt::after {
	content: "：";
}

#tani .dlbox dd {
	width: 6em;
}
#tani .dlbox dd:nth-of-type(1) {
	margin-bottom: 0.5em;
}

@media (max-width: 480px){
	#tani .yellowbox {
		display: block;
		padding: 20px;
	}
	
	#tani .dlbox {
		width: auto;
		display: block;
	}
	#tani .dlbox dt:nth-of-type(1) {
		margin-bottom: 0;
	}
	#tani .dlbox dd:nth-of-type(1) {
		margin-bottom: 0.7em;
	}

}


/* 学費の基本構成と注意点
--------------------------------------------------------- */
#kousei .uchiwake_dl {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#kousei .uchiwake_dl dt {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 20%;
	margin-bottom: 10px;
	padding: 5px 15px;
	font-weight: bold;
	text-align: center;
	background-color: #ddd;
	box-sizing: border-box;
}
.ch_j #kousei .uchiwake_dl dt {
	width: 30%;
}
#kousei .uchiwake_dl dd {
	width: 80%;
	margin-bottom: 10px;
	padding: 5px 0 5px 15px;
	box-sizing: border-box;
}
.ch_j #kousei .uchiwake_dl dd {
	width: 70%;
}

@media (max-width: 480px){
	#kousei .uchiwake_dl {
		display: block;
	}
	#kousei .uchiwake_dl dt,
	.ch_j #kousei .uchiwake_dl dt,
	#kousei .uchiwake_dl dd,
	.ch_j #kousei .uchiwake_dl dd {
		width: 100%;
	}
}



/* 学費の具体例
--------------------------------------------------------- */
#gakuhi_ex .tbl_jugyoryo_wrapper {
	margin-bottom: 30px;
}

.tbl_ex .tr_header .th_koumoku {
	width: 20%;
}
.tbl_ex .tr_header .th_kingaku {
	width:20%;
	line-height:1.1;
}

.tbl_ex th {
	padding: 10px;
	text-align: center;
}
.tbl_ex .bikou {
	text-align: left;
	font-weight: normal;
	font-size: 90%;
}
.tbl_jugyoryo.tbl_ex td::before {
	content: none;
}
.tbl_ex .goukei th {
	padding: 12px 15px;
	/*color: #fff;
	background-color: #f70;*/
	background-color: #FFD8CC;
	border-top-width: 2px;
}
.tbl_ex .goukei td {
	padding: 12px 15px;
	border-top-width: 2px;
	background-color: #fff0f0;
}

@media (max-width: 520px){
	.tbl_ex .goukei th,
	.tbl_ex .goukei td {
		padding: 5px;
	}
	.tbl_jugyoryo_wrapper .tbl_ex + .scrollIcon {
		top: 30px;
	}
}



/* 「入学規定・学費案内」のダウンロード
--------------------------------------------------------- */
#kitei {
	margin-bottom: 30px;
}
.dlarea {
	padding: 20px 14px;
	background-color: #ffffec;
	border: 1px dashed #ff9933;
}
.dlarea .center { text-align: center; }
.dlarea .dlarea_ttl {
	margin-bottom: 20px;
	padding-left: 0;
	color: #ff6600;
	font-weight:bold;
	font-size:larger;
	background-image:none;
}
.dlarea .dlarea_ttl img {
	width:23px;
	height:100%;
	margin-right:0.5em;
	vertical-align:middle;
}
.dlarea .next_year { padding-top: 15px; }
#main .dlarea p {
	margin-bottom: 0;
}

.dlarea .btn_dl {
	display: inline-block;
	padding: 0.8em 3em;
	font-size: 1.25rem;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	border-radius: 10px;
	transition: all 0.15s ease-out;
}
.dlarea .btn_dl:hover {
	opacity: 0.8;
}
.dlarea .btn_dl_j {
	background-color: #ec85b9;
}
.dlarea .btn_dl_g3 {
	background-color: #62b0d5;
}
.dlarea .btn_dl_g12 {
	background-color: #82bb36;
}
.dlarea .btn_dl_tsudai {
	background-color: #6d78d3;
}

.dlarea .btn_dl img {
	margin-top: -5px;
	vertical-align: middle;
}


@media (max-width:480px){
	.dlarea .dlarea_ttl {
		margin-bottom:10px;
		height:auto;
		font-size:1.7rem;
	}
	.dlarea .dlarea_ttl img {
		margin-right: 0;
	}
	
	.dlarea .btn_dl {
		width: 85%;
		padding: 1em;
		font-size: 1.5rem;
	}

}



/* チャンス・フォー・チルドレン
--------------------------------------------------------- */
#cfc {
	display: flex;
	margin-bottom: 30px;
	padding: 20px;
	justify-content: space-between;
	align-items: center;
}
#cfc .cfc_ttl {
	width: 221px;
	margin-right: 20px;
}
#cfc .cfc_ttl img {
	max-width: none;
}

@media (max-width:768px) {
}
@media (max-width:480px) {
	#cfc {
		display: block;
		padding: 15px;
	}
	#cfc .cfc_ttl {
		width: auto;
		text-align: center;
	}
}



/* 映像でも視聴できます
--------------------------------------------------------- */
#charge #online {
	margin-bottom: 40px;
	padding: 20px;
	/*background-color: #ffffec; */
	background-color: #FFF6ED;
/*	border: 1px dashed #ff9933; */
}
#charge #online .ttl {
	margin-bottom: 0.8em;
	color: #f60;
	font-size: larger;
	font-weight: bold;
}
#charge #online .ttl span {
	display: inline-block;
	margin-right: 0.5em;
	padding: 5px;
	background-color: #f60;
	color: #fff;
	font-weight: bold;
	line-height: 1;
	border-radius: 5px;
}
#charge #online img {
	width: 33%;
}
#charge #online #online_wrapper {
	display: flex;
}

@media (max-width:768px) {
	#charge #online {
		margin: 0 0 1em;
	}
}
@media (max-width:480px) {
	#charge #online {
		padding: 20px 14px;
	}
	#charge #online img {
		width: 100%;
		float: none;
		margin: 0 0 0.8em;
	}
}



/* 納入計算式　※未使用
--------------------------------------------------------- */
.toggle .br{display:inline-block; margin-left:1em;}
.calculation{
	background:#f7c8dc;
	padding:1em;
	margin-bottom:2.5em;
	font-size: 90%;
}

.calculation div{
	display:inline-block;
	margin-right:4.6%;
	vertical-align:top;
	position:relative;
	box-sizing:border-box;
}
.calculation div:after{
	width:1em;
	height:1em;
	position:absolute;
	top:1em;
	right:-1.4em;
	font-weight:bold;
	color:#191919;
	font-size:150%;
}
.calculation .entry {width: 20%;}
.calculation.ex_tax .entry {width: 15%;}

.calculation .year {width: 20%;}
.calculation.ex_tax .year {width: 15%;}

.calculation .overhead {width:14%; text-align:right;}

.calculation .overhead2 { width: 20%; }
.calculation.ex_tax .overhead2,
.calculation .tax{ width: 15%; }

.calculation .option{width:32%;}

.calculation .plus:after{ content:'＋'; }
.calculation .equal:after{ content:'＝'; }

.calculation .total{ width: 23%; margin-right: 0;}
.calculation.ex_tax .total{ width: 18%; margin-right: 0;}

.ch_j .calculation .entry,
/*.ch_j .calculation .year{ width:12%; }*/
.ch_j .calculation .option{width:20%;}
/*.ch_j .calculation div { margin-right:2.8%; }
.ch_j .calculation div:after {right:-1.1em; }*/
.ch_j .calculation .total{ width:23%; margin-right:0;}

.tsudai .calculation .entry {width: 28%;}
.tsudai .calculation .year {width: 28%;}
.tsudai .calculation .total {width: 28%;}



.calculation div dl{ border:solid 1px #abaeab; margin-bottom:0.5em; }
.calculation div dt,
.calculation div .price{
	padding:0.5em 0;
	text-align:center;
	background:#efefef;
	border-bottom:solid 1px #abaeab;
	box-sizing:border-box;
}
.calculation div dt {
	line-height: 1.2;
}
.calculation div .price{
	background:#fff;
	border:none;
}
.calculation .total dl{
	border:solid 3px #1b1b1b;
}
.calculation div .price span{
	font-weight:bold;
	display:inline-block;
	margin-right:0.25em;
}

.calculation .year .price,
.calculation .total .price,
.calculation .tax .price,
.calculation .overhead .price,
.calculation .overhead2 .price,
.calculation .option .price{
	text-align:right;
	padding-right:0.5em;
}
.cap{
	text-align:left;
	padding-left:1em;
	font-size:80%;
	position:relative;
	margin-bottom:0;
}
.cap:before{
	content:'＊';
	width:1em;
	height:1em;
	position:absolute;
	left:0;
}
.calculation .cap {
	line-height: 1.3;
}

@media (max-width:768px) {
	.toggle{position:relative;}
	.toggle .br{display:block; margin-left:0;}
	
	#main .toggle .no-pc{margin-bottom:0;}
	.toggle .btn{
		width:1.5em;
		height:1.5em;
		display:block;
		position:absolute;
		right:1em;
		top:0;
		bottom:0;
		margin:auto 0;
		background:url(/common/images/sp/icon_ttl_arrow_off.png) no-repeat center;
		background-size:contain;
		cursor:pointer;
	}
	.toggle .on .btn{background:url(/common/images/sp/icon_ttl_arrow_on.png) no-repeat center; background-size:contain;}
	.sltoggle{display:none;}
	.calculation{background:none; padding:1em;margin-bottom: 0;}
	.calculation div{display:block; background:#E6EFFF; padding:1em 1em 0; width:100%; border:solid 1px #000;}
	
	.calculation .entry,
	.calculation.ex_tax .entry,
	.ch_j .calculation .entry,
	.tsudai .calculation .entry {
		width: 100%;
		border-bottom:none;
	}
	
	.calculation .year,
	.calculation.ex_tax .year,
	.ch_j .calculation .year {
		width: 100%;
		border-top:none;
		border-bottom:none;
	}
	.tsudai .calculation .year {
		border-bottom: 1px solid #000;
	}
	.calculation .overhead {
		width: 100%;
		margin-bottom:0;
		border-top:none;
		border-bottom:none;
	}
	.calculation .overhead2,
	.calculation.ex_tax .overhead2,
	.calculation .option,
	.ch_j .calculation .option,
	.tsudai .calculation .year {
		width: 100%;
		margin-bottom:3.6em;
		padding-bottom: 1em;
		border-top:none;
	}
	.calculation .tax {
		width: 100%;
		margin-bottom:5em;
		padding-bottom: 1em;
	}
	
	.calculation .plus:after {
		content: none;
	}
	.calculation .plus_sp:after {
		content: '＋';
		font-size:200%;
		width:2.5em;
		text-align:center;
		height:1em;
		top:inherit;
		left:0;
		right:0 !important;
		bottom:-1.5em;
		margin:0 auto;
	}
	.calculation .equal:after {
		content:'| |';
		font-size:200%;
		width:2.5em;
		text-align:center;
		height:1em;
		top:inherit;
		left:0;
		right:0 !important;
		bottom:-1em;
		margin:0 auto;
	}
	.calculation div dl{ border:#000 solid 1px; background:#fff; padding:0.5em; display:table; width:100%; margin:0; box-sizing:border-box;}
	.calculation .total,
	.calculation.ex_tax .total,
	.ch_j .calculation .total,
	.tsudai .calculation .total {
		width: 100%;
		border:none; padding:0; background:none;
	}
	.calculation .total dl{background:#E6EFFF; width:100%; padding:1em 2em; border:solid 1px #000;}
	.calculation div dt,.calculation div .price{display:inline-block; display:table-cell; margin:0; background:none; border:none;}
	.calculation div dt{text-align:left; font-weight:bold;}
	.calculation div .price{text-align:right; padding:0;}
	.calculation div .price span{font-weight:normal;}
	#main .calculation .cap{
		margin: 5px 0 0;
	}
	
	.nounyu{margin-bottom:8%;}
	
	.calculation .nounyu h4 {
		padding: 10px;
		background-color: #0e357f;
		color: #fff;
	}

}
@media (max-width:480px) {
	.calculation {
		padding: 0 1em 1em;
		font-size: 100%;
	}
	#charge .calculation p:first-child {
		padding: 0;
	}
}