/* ---------------------------------------------------------------------------------------------- */
/* -- caoslite css -- */



/* ---------------------------------------------------------------------------------------------- */
/* 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:50%;
	display:block;
	content:"";
	width:32px;
	height:17px;
	margin:0 auto;
	background-image:url(../../caos/img/acdn_black_op.png);
	background-repeat:no-repeat;
	background-position:0 0;
	background-size:32px;
}
div.acdn h2.active:before {
	background-image:url(../../caos/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:100%;
	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:87%;
	max-width:848px;
	padding:40px 0 70px;
	margin:0 auto;
}
div.acdn div.prd_contents p.lead {
	font-size:88%;
	line-height:180%;
	text-align:center;
	margin:0 auto;
}
div.acdn div.prd_contents p.image {
	width:87%;
	max-width:848px;
	font-size:0;
	line-height:0;
	text-align:center;
	padding:60px 0 0;
	margin:0 auto;
}
div.acdn div.prd_contents p.image.img01 {
	width:93%;
	max-width:790px;
}
div.acdn div.prd_contents p.image.img02 {
	width:47%;
	max-width:396px;
}
div.acdn div.prd_contents p.image.img03 {
	width:72%;
	max-width:610px;
}
div.acdn div.prd_contents p.image.img04 {
	width:96%;
	max-width:848px;
}
div.acdn div.prd_contents p.image img {
	width:100%;
}
div.acdn div.prd_contents p.image.small {
	max-width:500px;
}

div.acdn div.prd_contents div.attention {
	box-sizing: border-box;
	width:100%;
	padding:0;
	margin:40px auto 0;
	border:1px solid #333;
}
div.acdn div.prd_contents div.attention h4 {
	font-size:130%;
	line-height:120%;
	text-align:center;
	color:#FFF;
	padding:10px 0;
	background-color:#1670A7;
}
div.acdn div.prd_contents div.attention.xex h4 {
	background-color:#C51B1E;
}
div.acdn div.prd_contents div.attention.sb h4 {
	background-color:#1C7DC1;
}
div.acdn div.prd_contents div.attention.f h4 {
	background-color:#E68011;
}
div.acdn div.prd_contents div.attention h4 span {
	text-decoration:underline;
}
div.acdn div.prd_contents div.attention h4 img {
	width:28px;
	vertical-align:middle;
	margin-right:5px;
}
div.acdn div.prd_contents div.attention p {
	font-size:90%;
	line-height:140%;
	padding:10px;
}

div.acdn div.prd_contents div.bg_column {
	box-sizing: border-box;
	width:96%;
	max-width:630px;
	padding:24px 40px;
	margin:24px auto 0;
	background-color:#F3F8FB;
}
div.acdn div.prd_contents div.bg_column.xex {
	background-color:#FDF3F4;
}
div.acdn div.prd_contents div.bg_column.sb {
	background-color:#EBF1F7;
}
div.acdn div.prd_contents div.bg_column.f {
	background-color:#FEF9F2;
}
div.acdn div.prd_contents div.bg_column div.bgc_block {
	box-sizing: border-box;
}
div.acdn div.prd_contents div.bg_column div.bgc_block:nth-child(n+2) {
	padding-top:24px;
}
div.acdn div.prd_contents div.bg_column div.bgc_block h3 {
	box-sizing: border-box;
	font-size:120%;
	line-height:120%;
	color:#1776B4;
	padding:0;
	margin:0 0 0 -10px;
}
div.acdn div.prd_contents div.bg_column.xex div.bgc_block h3 {
	color:#C51B1E;
}
div.acdn div.prd_contents div.bg_column.sb div.bgc_block h3 {
	color:#1C7DC1;
}
div.acdn div.prd_contents div.bg_column.f div.bgc_block h3 {
	color:#E68011;
}
div.acdn div.prd_contents div.bg_column div.bgc_block p.bgc_txt {
	font-size:90%;
	line-height:120%;
	color:#333;
	padding:10px 0 0;
	margin:0;
}
div.acdn div.prd_contents div.bg_column div.bgc_block p.bgc_img {
	width:90%;
	max-width:500px;
	padding:10px 0 0;
	margin:0 auto;
}
div.acdn div.prd_contents div.bg_column div.bgc_block p.bgc_img img {
	width:100%;
}

div.acdn div.prd_contents p.btn {
	width:45%;
	font-size:90%;
	line-height:120%;
	text-align:center;
	padding:30px 0 0;
	margin:0 auto;
}
div.acdn div.prd_contents p.btn a {
	display:block;
	color:#1776B4;
	padding:8px 0 8px;
	border:1px solid #1776B4;
	border-radius:18px;
}
div.acdn div.prd_contents p.btn a:hover {
	text-decoration:underline;
}
div.acdn div.prd_contents p.btn a span {
	padding:5px 10px 5px 28px;
	background-image:url(../../common/img/arrow_cyan.png);
	background-repeat:no-repeat;
	background-position:10px 48%;
	background-size:13px;
}

div.acdn div.prd_contents p.btn.xex a {
	color:#C51B1E;
	border:1px solid #C51B1E;
}
div.acdn div.prd_contents p.btn.xex a span {
	background-image:url(../../common/img/arrow_red.png);
}
div.acdn div.prd_contents p.btn.sb a {
	color:#1C7DC1;
	border:1px solid #1C7DC1;
}
div.acdn div.prd_contents p.btn.sb a span {
	background-image:url(../../common/img/arrow_cyan.png);
}
div.acdn div.prd_contents p.btn.f a {
	color:#E68011;
	border:1px solid #E68011;
}
div.acdn div.prd_contents p.btn.f a span {
	background-image:url(../../common/img/arrow_yellow.png);
}


div.acdn div.prd_contents h3.img_title {
	width:37%;
	max-width:310px;
	font-size:0;
	line-height:0;
	text-align:center;
	padding:70px 0 30px;
	margin:0 auto;
}
div.acdn div.prd_contents h3.img_title img {
	width:100%;
}
div.acdn div.prd_contents div.video {
	width:90%;
	max-width:760px;
	padding:30px 0 0;
	margin:0 auto;
}
div.acdn div.prd_contents div.video div.prologue-video {
	width:100%;
	padding-bottom: 56.25%;
	height:0px;
	position: relative;
}
div.acdn div.prd_contents div.video div.prologue-video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
div.acdn div.prd_contents div.video p.lead {
	text-align:left;
	padding:30px 0 0;
}

div.acdn div.prd_contents div.lineup_table {
}
div.acdn div.prd_contents div.lineup_table:nth-child(n+2) {
	padding-top:24px;
}
div.acdn div.prd_contents div.lineup_table p.price {
	font-size:76%;
	line-height:140%;
	text-align:right;
	padding:0 0 5px;
}
div.acdn div.prd_contents div.lineup_table div.scroll {
	width:100%;
}
div.acdn div.prd_contents div.lineup_table span.sp_scroll {
	display:none;
}
div.acdn div.prd_contents div.lineup_table div.scroll p {
	width:100%;
}
div.acdn div.prd_contents div.lineup_table div.scroll p img {
	width:100%;
}
div.acdn div.prd_contents div.lineup_table div.btmtext {
	padding:5px 0 0;
}
div.acdn div.prd_contents div.lineup_table div.btmtext:after {
	content: ""; clear: both; height: 0; display: block; visibility: hidden;
}
div.acdn div.prd_contents div.lineup_table div.btmtext p.text {
	font-size:76%;
	line-height:140%;
}
div.acdn div.prd_contents div.lineup_table div.btmtext p.img {
	width:154px;
	float:right;
	font-size:0;
	line-height:0;
	padding:0 0 0 20px;
}
div.acdn div.prd_contents ul.attention {
	width:100%;
	clear:both;
	font-size:76%;
	line-height:140%;
	padding:50px 0 0;
}
div.acdn div.prd_contents ul.attention li {
	padding-left:2.5em;
	text-indent:-2.5em;
	padding-bottom:4px;
}
div.acdn div.prd_contents ul.attention li.ex {
	padding-left:3em;
	text-indent:-3em;
}
div.acdn div.prd_contents ul.at_top {
	padding:5px 0 0;
}




/* bottom_bnr */
div.bottom_bnr {
	width:100%;
	padding:0 0 5px;
	margin-top:5px;
}
div.bottom_bnr h2 {
	width:100%;
	font-size:0;
	line-height:0;
	text-align:center;
	padding:5px 0;
}
div.bottom_bnr h2 img {
	width:90%;
	margin:0 auto;
}
div.bottom_bnr div.bnr_text_area {
	width:100%;
	text-align:center;
	padding:30px 0 15px;
	background-color:#E5EAF5;
}
div.bottom_bnr div.bnr_text_area div.bnr_tx_main img {
	width:90%;
	margin:0 auto;
}
div.bottom_bnr div.bnr_text_area p.link {
	font-size:110%;
	line-height:120%;
	color:#EFAB18;
	padding:20px 0 0;
}
div.bottom_bnr div.bnr_text_area p.link a {
	color:#073487;
	padding:2px 0 2px 20px;
	background-image:url(../../common/img/arrow_blue.png);
	background-repeat:no-repeat;
	background-position:0 45%;
	background-size:13px;
}
div.bottom_bnr div.bnr_text_area p.link a:hover {
	text-decoration:underline;
}

div.bottom_bnr.kit h2 {
	background-color:#00164B;
}
div.bottom_bnr.kit h2 img {
	max-width:534px; 
}
div.bottom_bnr.kit div.bnr_text_area div.bnr_tx_main img {
	max-width:818px; 
}

div.bottom_bnr.lwink h2 {
	background-color:#073487;
}
div.bottom_bnr.lwink h2 img {
	max-width:188px; 
}
div.bottom_bnr.lwink div.bnr_text_area div.bnr_tx_main img {
	max-width:876px; 
}






/* ###################### break tablet ###################### */
@media screen and (min-width: 769px) and (max-width: 1024px) {



}

/* ###################### break smartphone ###################### */
@media screen and (max-width: 768px) {



/* accordion */
div.acdn h2 {
	padding:15px 0 25px;
}
div.acdn h2:before {
	bottom:8px;
	left:50%;
	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 {
	padding:0;
}
div.acdn div.prd_contents {
	box-sizing: border-box;
	width:100%;
	max-width:100%;
	padding:20px 10px 30px;
}
div.acdn div.prd_contents p.lead {
	text-align:left;
}
div.acdn div.prd_contents p.image {
	box-sizing: border-box;
	width:100%;
	max-width:100%;
	padding:20px 10px 0;
}
div.acdn div.prd_contents p.image.img01,
div.acdn div.prd_contents p.image.img02,
div.acdn div.prd_contents p.image.img03,
div.acdn div.prd_contents p.image.img04 {
	width:100%;
	max-width:100%;
}

div.acdn div.prd_contents div.attention {
	box-sizing: border-box;
	width:100%;
	max-width:100%;
	padding:0;
}
div.acdn div.prd_contents div.attention h4 {
	font-size:100%;
}
div.acdn div.prd_contents div.attention h4 img {
	width:20px;
}

div.acdn div.prd_contents div.bg_column {
	width:96%;
	max-width:96%;
	padding:15px 20px;
	margin:20px auto 0;
}
div.acdn div.prd_contents div.bg_column div.bgc_block:nth-child(n+2) {
	padding-top:15px;
}
div.acdn div.prd_contents div.bg_column div.bgc_block h3 {
	font-size:100%;
}
div.acdn div.prd_contents div.bg_column div.bgc_block p.bgc_txt {
	font-size:90%;
}
div.acdn div.prd_contents div.bg_column div.bgc_block p.bgc_img {
	width:96%;
	max-width:96%;
}

div.acdn div.prd_contents p.btn {
	width:90%;
}
div.acdn div.prd_contents p.btn a:hover {
	text-decoration:none;
}

div.acdn div.prd_contents h3.img_title {
	width:70%;
	max-width:70%;
	padding:30px 0 30px;
}
div.acdn div.prd_contents div.video {
	width:100%;
	max-width:100%;
}

div.acdn div.prd_contents div.lineup_table span.sp_scroll {
	display:block;
	font-size:76%;
	line-height:120%;
	text-align:center;
	padding:7px 0;
	background-color:#F0F0F0;
	border-radius:5px 5px 0 0;
}
div.acdn div.prd_contents div.lineup_table div.scroll {
	overflow-x: scroll;
	overflow-y: hidden;
}
div.acdn div.prd_contents div.lineup_table div.scroll p {
	width:250%;
}
div.acdn div.prd_contents ul.attention {
	padding:30px 0 0;
}


/* bottom_bnr */
div.bottom_bnr {
}
div.bottom_bnr h2 {
	padding:10px 0;
}
div.bottom_bnr h2 span {
	display:block;
	padding:0 0 5px;
}
div.bottom_bnr div.bnr_text_area {
	padding:20px 0;
}
div.bottom_bnr div.bnr_text_area div.bnr_tx_main {
	display:block;
}
div.bottom_bnr div.bnr_text_area div.bnr_tx_main p {
	display:block;
}
div.bottom_bnr div.bnr_text_area div.bnr_tx_main p.l_text {
	text-align:center;
}
div.bottom_bnr div.bnr_text_area div.bnr_tx_main p.c_img {
	width:80%;
	max-width:80%; 
	text-align:center;
	padding:10px 0;
	margin:0 auto;
}
div.bottom_bnr div.bnr_text_area div.bnr_tx_main p.r_text {
	text-align:center;
}
div.bottom_bnr div.bnr_text_area p.link a:hover {
	text-decoration:none;
}


div.bottom_bnr.kit h2 img {
	max-width:70% !important;
}
div.bottom_bnr.kit div.bnr_text_area div.bnr_tx_main img {
	max-width:80% !important; 
}

div.bottom_bnr.lwink h2 img {
	max-width:40% !important; 
}
div.bottom_bnr.lwink div.bnr_text_area div.bnr_tx_main img {
	max-width:80% !important; 
}



}