

/* ---------------------------------------------------------------------------------------------- */
/* -- history css -- */


.u-fontmin {
	font-family: "������", YuMincho, "�q���M�m���� ProN W3", "Hiragino Mincho ProN", "HG����E", "�l�r �o����", "�l�r ����", serif;
	letter-spacing:0.15em;
}

.u-fontgothic {
	font-family: -apple-system, Roboto, "���S�V�b�N��", YuGothic, "���S�V�b�N Medium", "YuGothic M", "�q���M�m�p�S Pro W3", "Hiragino Kaku Gothic Pro", "���C���I", Meiryo, sans-serif;
}

/* ---------------------------------------------------------------------------------------------- */
/* accordion */
div.acdn {
	width:100%; 
	box-sizing: border-box;
	margin-top:5px;
}
div.acdn h2 {
	width:100%;
	box-sizing: border-box;
	font-size:100%;
	padding:30px 0 40px;
	background-color:#ECF2F4;
	cursor: pointer;
	position:relative;
}

div.acdn.gray h2 {
	background-color:#E2E3E3;
}
div.acdn h2:before {
	position:absolute;
	bottom:13px;
	left:49%;
	display:block;
	content:"";
	width:32px;
	height:17px;
	margin:0 auto;
	background-image:url(../img/acdn_black_op.png);
	background-repeat:no-repeat;
	background-position:0 0;
	background-size:32px;
}
div.acdn h2.active:before {
	background-image:url(../img/acdn_black_cl.png);
}
div.acdn.grad h2 {
	background: -webkit-gradient(linear,left top,right top,from(#DCDEE0),color-stop(.5,#F3F3F4),to(#DCDEE0));
	background: -webkit-linear-gradient(left,#DCDEE0,#F3F3F4,#DCDEE0);
	background: -moz-linear-gradient(left,#DCDEE0,#F3F3F4,#DCDEE0);
	background: -o-linear-gradient(left,#DCDEE0,#F3F3F4,#DCDEE0);
	background: linear-gradient(to right,#DCDEE0,#F3F3F4,#DCDEE0);
}
div.acdn h2 div.acdn_btn_inner {
	box-sizing: border-box;
	width:100%;
	max-width:1060px;
	padding:0;
	margin:0 auto;
}
div.acdn h2 div.acdn_btn_inner p {
	width:140px;
	font-size:0;
	line-height:0;
	padding:0 10px;
	margin:0 auto;
}
div.acdn h2 div.acdn_btn_inner p img {
	width:100%;
}


div.acdn .child {
	display: none;
}


div.acdn div.prd_contents {
	width:100%;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #FFFFFF), color-stop(0.00, #E1E1E1));
background: -webkit-linear-gradient(#E1E1E1, #FFFFFF);
background: -moz-linear-gradient(#E1E1E1, #FFFFFF);
background: -o-linear-gradient(#E1E1E1, #FFFFFF);
background: -ms-linear-gradient(#E1E1E1, #FFFFFF);
background: linear-gradient(#E1E1E1, #FFFFFF);
}
div.acdn div.prd_contents div.inner {
	width:100%;
	max-width:976px;
	padding:40px 0;
	margin:0 auto;
}
div.acdn div.prd_contents h3 {
	width:100%;
	font-size:150%;
	color: #073487;
	text-align:center;
	padding:0 0 40px;
	margin: 0 auto;
}
div.acdn div.prd_contents h3 span {
	display:block;
	font-size:140%;
	padding-top:20px;
}
div.acdn div.prd_contents h3 img {
	width:100%;
}
div.acdn div.prd_contents div.prd_block {
	box-sizing: border-box;
	display:table;
	margin:0 auto;
}
div.acdn div.prd_contents div.inner div.prd_block:nth-of-type(n+2) {
	padding-top:50px;
}
div.acdn div.prd_contents div.prd_block.box3 {
	width:100%;
	max-width:850px;
}
div.acdn div.prd_contents div.prd_block.box2 {
	width:100%;
	max-width:568px;
}
div.acdn div.prd_contents div.prd_block.box1 {
	width:100%;
	max-width:850px;
}
div.acdn div.prd_contents div.prd_block div.prd_box {
	box-sizing: border-box;
	display:table-cell;
	vertical-align:top;
	text-align:center;
}
div.acdn div.prd_contents div.prd_block.box3 div.prd_box {
	width:33.33%;
}
div.acdn div.prd_contents div.prd_block.box2 div.prd_box {
	width:50%;
}
div.acdn div.prd_contents div.prd_block.box1 div.prd_box {
	width:100%;
}
div.acdn div.prd_contents div.prd_block.box3 div.prd_box p.thumb,
div.acdn div.prd_contents div.prd_block.box2 div.prd_box p.thumb {
	width:46%;
	font-size:0;
	line-height:0;
	margin:0 auto;
}
div.acdn div.prd_contents div.prd_block.box1 div.prd_box p.thumb {
	width:18%;
	font-size:0;
	line-height:0;
	margin:0 auto;
}
div.acdn div.prd_contents div.prd_block div.prd_box p.thumb img {
	width:100%;
}
div.acdn div.prd_contents div.prd_block div.prd_box h4 {
	font-size:120%;
	line-height:120%;
	padding:10px 0;
}
div.acdn div.prd_contents div.prd_block div.prd_box h4.lh {
	padding:25px 0 18px;
}
div.acdn div.prd_contents div.prd_block div.prd_box dl {
	box-sizing: border-box;
	width:120px;
	text-align:center;
	padding:0;
	margin:0 auto;
	border:1px solid #073487;
}
div.acdn div.prd_contents div.prd_block div.prd_box dl dt {
	box-sizing: border-box;
	font-size:80%;
	line-height:100%;
	color:#FFF;
	padding:2px 0;
	margin:0 auto;
	background-color:#073487;
}
div.acdn div.prd_contents div.prd_block div.prd_box dl dd {
	box-sizing: border-box;
	font-size:80%;
	line-height:100%;
	color:#073487;
	padding:2px 0;
	margin:0 auto;
	background-color:#FFF;
}

div.acdn div.awd_contents {
	width:100%;
	border-top:2px solid #DDD;
}
div.acdn div.awd_contents div.inner {
	width:100%;
	max-width:976px;
	padding:40px 0;
	margin:0 auto;
}
div.acdn div.awd_contents div.awd_block {
	box-sizing: border-box;
	display:table;
	margin:0 auto;
}
div.acdn div.awd_contents div.inner div.awd_block:nth-of-type(n+2) {
	padding-top:50px;
}
div.acdn div.awd_contents div.awd_block.box3,
div.acdn div.awd_contents div.awd_block.box2,
div.acdn div.awd_contents div.awd_block.box1 {
	width:100%;
	max-width:850px;
}
div.acdn div.awd_contents div.awd_block div.awd_box {
	box-sizing: border-box;
	display:table-cell;
	vertical-align:top;
	text-align:center;
}
div.acdn div.awd_contents div.awd_block.box3 div.awd_box {
	width:33.33%;
}
div.acdn div.awd_contents div.awd_block.box2 div.awd_box {
	width:50%;
}
div.acdn div.awd_contents div.awd_block.box0 div.awd_box,
div.acdn div.awd_contents div.awd_block.box1 div.awd_box {
	width:100%;
}
div.acdn div.awd_contents div.awd_block.box0 div.awd_box p.thumb,
div.acdn div.awd_contents div.awd_block.box3 div.awd_box p.thumb,
div.acdn div.awd_contents div.awd_block.box2 div.awd_box p.thumb {
	width:37%;
	font-size:0;
	line-height:0;
	margin:0 auto;
}
div.acdn div.awd_contents div.awd_block.box1 div.awd_box p.thumb {
	width:16%;  
	font-size:0;
	line-height:0;
	margin:0 auto;
}
div.acdn div.awd_contents div.awd_block div.awd_box p.thumb img {
	width:100%;
}
div.acdn div.awd_contents div.awd_block div.awd_box h4 {
	font-size:130%;
	line-height:120%;
	color:#073487;
	padding:10px 0;
}
div.acdn div.awd_contents div.awd_block div.awd_box h4 span {
	display:block;
	font-size:90%;
	line-height:120%;
	color:#000;
	padding:10px 0;
}
div.acdn div.awd_contents div.awd_block div.awd_box p.text {
	font-size:90%;
	line-height:120%;
	color:#000;
}











/* ###################### break tablet ###################### */
@media screen and (min-width: 769px) and (max-width: 1024px) {



}

/* ###################### break smartphone ###################### */
@media screen and (max-width: 768px) {


div.mainimage {
	padding:20px 0;
	margin:0 auto;
	border-bottom:2px solid #CCC;
}
div.mainimage dl {
	width:90%;
	margin:0 auto;
}
div.mainimage dl dt {
	width:45%;
	font-size:0;
	line-height:0;
	padding:0 0 10px;
}
div.mainimage dl dt img {
	width:100%;
}
div.mainimage dl dd {
	font-size:75%;
	line-height:180%;
	color:#333;
}


/* accordion */
div.acdn h2 {
	padding:15px 0 25px;
}
div.acdn h2:before {
	bottom:8px;
	left:48%;
	width:22px;
	height:11px;
	background-size:22px;
}
div.acdn h2 div.acdn_btn_inner {
	max-width:100%;
}
div.acdn h2 div.acdn_btn_inner p {
	width:20%;
	padding:0;
}



div.acdn div.prd_contents {
}
div.acdn div.prd_contents div.inner {
	max-width:100%;
	padding:30px 0;
}
div.acdn div.prd_contents h3 {
	font-size:100%;
	padding:0 0 20px;
	margin: 0 auto;
}
div.acdn div.prd_contents h3 span {
	font-size:140%;
	padding-top:16px;
}
div.acdn div.prd_contents div.prd_block {
	display:block;
}
div.acdn div.prd_contents div.inner div.prd_block:nth-of-type(n+2) {
	padding-top:20px;
}
div.acdn div.prd_contents div.prd_block.box3,
div.acdn div.prd_contents div.prd_block.box2,
div.acdn div.prd_contents div.prd_block.box1 {
	width:100%;
	max-width:100%;
}
div.acdn div.prd_contents div.prd_block div.prd_box {
	display:block;
}
div.acdn div.prd_contents div.prd_block div.prd_box:nth-of-type(n+2) {
	padding-top:20px;
}
div.acdn div.prd_contents div.prd_block.box3 div.prd_box,
div.acdn div.prd_contents div.prd_block.box2 div.prd_box,
div.acdn div.prd_contents div.prd_block.box1 div.prd_box {
	width:100%;
}
div.acdn div.prd_contents div.prd_block.box3 div.prd_box p.thumb,
div.acdn div.prd_contents div.prd_block.box2 div.prd_box p.thumb,
div.acdn div.prd_contents div.prd_block.box1 div.prd_box p.thumb {
	width:40%;
}
div.acdn div.prd_contents div.prd_block div.prd_box h4 {
	font-size:100%;
	padding:0 0 10px;
}
div.acdn div.prd_contents div.prd_block div.prd_box h4.lh {
	padding:0 0 10px;
}
div.acdn div.prd_contents div.prd_block div.prd_box dl {
	box-sizing: border-box;
	width:40%;
}
div.acdn div.prd_contents div.prd_block div.prd_box dl dt {
}
div.acdn div.prd_contents div.prd_block div.prd_box dl dd {
}

div.acdn div.awd_contents div.inner {
	max-width:100%;
	padding:20px 0;
}
div.acdn div.awd_contents div.awd_block {
	display:block;
}
div.acdn div.awd_contents div.inner div.awd_block:nth-of-type(n+2) {
	padding-top:20px;
}
div.acdn div.awd_contents div.awd_block.box3,
div.acdn div.awd_contents div.awd_block.box2,
div.acdn div.awd_contents div.awd_block.box1 {
	width:100%;
	max-width:100%;
}
div.acdn div.awd_contents div.awd_block div.awd_box {
	display:block;
}
div.acdn div.awd_contents div.awd_block div.awd_box:nth-of-type(n+2) {
	padding-top:20px;
}
div.acdn div.awd_contents div.awd_block.box3 div.awd_box,
div.acdn div.awd_contents div.awd_block.box2 div.awd_box,
div.acdn div.awd_contents div.awd_block.box1 div.awd_box {
	width:100%;
}
div.acdn div.awd_contents div.awd_block.box3 div.awd_box p.thumb,
div.acdn div.awd_contents div.awd_block.box2 div.awd_box p.thumb,
div.acdn div.awd_contents div.awd_block.box1 div.awd_box p.thumb {
	width:40%;
}
div.acdn div.awd_contents div.awd_block div.awd_box h4 {
	font-size:100%;
	padding:10px 0;
}
div.acdn div.awd_contents div.awd_block div.awd_box h4 span {
}
div.acdn div.awd_contents div.awd_block div.awd_box p.text {
	font-size:80%;
}





}