@charset "utf-8";
/* =================================================
	top
================================================= */

/* .title_category01 ----------------------- */
@media only screen and (max-width: 768px) {
	.title_category01 {
		padding:18px 0;
		text-align:center;
		font-weight:900;
		font-style:italic;
		font-size:20px;
		line-height:1.1;
	}
}

@media print,screen and (min-width: 769px) {
	.title_category01 {
		padding:50px 0 30px;
		text-align:center;
		font-weight:900;
		font-style:italic;
		font-size:40px;
		line-height:1.1;
	}
}

/* #sec_carousel ----------------------- */
@media only screen and (max-width: 768px) {
	#sec_carousel {
		padding:15px 0;
		background:url(../img/top/sec_carousel_bg01_sp.jpg) no-repeat center top;
		background-size:cover;
	}
	
	#sec_carousel .slick-list {
		padding: 0 !important;
	}
}

@media print,screen and (min-width: 769px) {
	#sec_carousel {
		padding:35px 0 45px;
		background:url(../img/top/sec_carousel_bg01_pc.jpg) no-repeat center top;
		background-size:cover;
	}
	
	#sec_carousel .slider-for {
		border: 5px solid #ccc;
		box-shadow: #ccc;
	}
	
	#sec_carousel .slider-for li img {
		border-right: 5px solid #ccc;
	}
	
	#sec_carousel .slider-for li .slider_inner_btn {
		position:absolute;
		right:165px;
		bottom:50px;
		display:block;
		padding-left:30px;
		width:340px;
		background:#f27900;
		box-shadow:0 3px 1px 1px rgba(0,0,0,0.2);
		font-weight:700;
		font-size:20px;
		line-height:60px;
	}
	
	#sec_carousel .slider-for li .slider_inner_btn::after {
		position:absolute;
		top:50%;
		right:30px;
		display:block;
		margin-top:-5px;
		width:10px;
		height:10px;
		border-top:2px solid #fff;
		border-right:2px solid #fff;
		content:"";
		-webkit-transform:rotate(45deg);
		-moz-transform:rotate(45deg);
		-o-transform:rotate(45deg);
		transform:rotate(45deg);
		-ms-transform:rotate(45deg);
	}
	
	#sec_carousel .slider-for li a.slider_inner_btn:link,#sec_carousel .slider-for li a.slider_inner_btn:visited {
		color:#fff;
		text-decoration:none;
	}
	
	#sec_carousel .slider-for li a.slider_inner_btn:hover,#sec_carousel .slider-for li a.slider_inner_btn:active {
		color:#fff;
		text-decoration:none;
		opacity:.8;
	}
	
	#sec_carousel .slider-nav {
		margin:15px auto 0;
		width:380px;
	}
	
	#sec_carousel .slider-nav li {
		margin-right:5px;
		outline:none;
		border:2px solid #cdcdcd;
		cursor:pointer;
	}
	
	#sec_carousel .slider-nav li:hover {
		opacity:.8;
	}
	
	#sec_carousel .slider-nav li.slick-center {
		border:2px solid #68438c;
	}
}

/* #sec_carousel ----------------------- */
@media only screen and (max-width: 768px) {
	#sec_info {
		border:1px solid #cdcdcd;
		border-right:none;
		border-left:none;
		background:#ffe0e0 url(../img/top/sec_info_bg01.png) repeat-y center top;
	}
	
	#sec_info dl {
		display:table;
	}
	
	#sec_info dt {
		display:table-cell;
		padding:8px 5px 8px 20px;
		width:11rem;
		background:#ffe0e0 url(../img/common/icon_notice.png) no-repeat 5px 50%;
		background-size:12px auto;
		color:#ad2323;
		vertical-align:middle;
		font-weight:700;
		font-size:11px;
		line-height:1.4;
	}
	
	#sec_info dd {
		display:table-cell;
		padding:8px 10px;
		background:#ffefef;
		vertical-align:middle;
		font-size:11px;
		line-height:1.4;
	}
	
	#sec_info dd a:link,#sec_info dd a:visited,#sec_info dd a:hover,#sec_info dd a:active {
		text-decoration:underline;
	}
}

@media print,screen and (min-width: 769px) {
	#sec_info {
		border:1px solid #cdcdcd;
		border-right:none;
		border-left:none;
		background:#ffe0e0 url(../img/top/sec_info_bg01.png) repeat-y center top;
	}
	
	#sec_info dl {
		display:table;
		margin:0 auto;
		padding:10px 0;
		width:1200px;
	}
	
	#sec_info dt {
		display:table-cell;
		padding:0 10px 0 35px;
		width:16%;
		background:url(../img/common/icon_notice.png) no-repeat 10px 50%;
		background-size:20px auto;
		color:#ad2323;
		font-weight:700;
		font-size:16px;
		line-height:1.4;
	}
	
	#sec_info dd {
		display:table-cell;
		padding-left:15px;
		font-size:16px;
		line-height:1.4;
	}
	
	#sec_info dd a:link,#sec_info dd a:visited {
		text-decoration:underline;
	}
	
	#sec_info dd a:hover,#sec_info dd a:active {
		text-decoration:none;
	}
}

/* #sec_lineup ----------------------- */
@media only screen and (max-width: 768px) {
	#sec_lineup {
		padding-bottom:20px;
		background:url(../img/top/sec_lineup_bg01.png) repeat center top;
		background-size:75% auto;
	}
	
	#sec_lineup .title_category01 {
		padding:30px 0 25px;
	}
	
	.list_products {
		padding:0 0 10px;
		font-size:0;
	}
	
	.list_products li {
		display:inline-block;
		margin:0 0 20px;
		width:48.5%;
		border:1px solid #ccc;
		border-radius:4px;
		background:#fff;
		box-shadow:0 3px 1px 1px rgba(0,0,0,0.2);
		vertical-align:top;
		font-size:16px;
	}
	
	.list_products li:nth-child(odd) {
		margin-right:3%;
	}
	
	.list_products li a {
		display:block;
	}
	
	.list_products li a:link,.list_products li a:visited {
		text-decoration:none;
	}
	
	.list_products li a:hover,.list_products li a:active {
		text-decoration:none;
		opacity:.8;
	}
	
	.list_products li dl {
		padding:15px 10px;
	}
	
	.list_products li dt {
		margin-bottom:5px;
		color:#68438c;
		text-align:center;
		font-weight:700;
		font-size:1.4rem;
	}
	
	.list_products li dt strong {
		display:block;
	}
	
	.list_products li dd {
		position:relative;
		font-size:1rem;
	}
	
	.list_links {
		margin:0 auto -10px;
		width:87.5%;
		text-align:center;
		font-size:0;
	}
	
	.list_links li {
		margin-bottom:15px;
		color:#f27900;
		text-align:right;
		font-weight:700;
		font-size:15px;
	}
	
	.list_links li a {
		position:relative;
		display:block;
		padding:20px 40px 20px 0;
		width:100%;
		border:1px solid #f27900;
		background:#fff;
		box-shadow:0 3px 1px 1px rgba(0,0,0,0.2);
	}
	
	.list_links li a:link,.list_links li a:visited {
		color:#f27900;
		text-decoration:none;
	}
	
	.list_links li a:hover,.list_links li a:active {
		color:#f27900;
		text-decoration:none;
		opacity:.8;
	}
	
	.list_links li a::after {
		position:absolute;
		top:50%;
		right:20px;
		display:block;
		margin-top:-4px;
		width:8px;
		height:8px;
		border-top:2px solid #f27900;
		border-right:2px solid #f27900;
		content:"";
		-webkit-transform:rotate(45deg);
		-moz-transform:rotate(45deg);
		-o-transform:rotate(45deg);
		transform:rotate(45deg);
		-ms-transform:rotate(45deg);
	}
	
	.list_links .link_catalog a::before {
		position:absolute;
		bottom:6px;
		left:10px;
		width:139px;
		height:92px;
		background:url(../img/top/sec_lineup_img_web_catalog.png) no-repeat left bottom;
		background-size:65% auto;
		content:"";
	}
	
	.list_links .link_movie a::before {
		position:absolute;
		bottom:12px;
		left:12px;
		width:111px;
		height:63px;
		background:url(../img/top/sec_lineup_img_movie_library.png) no-repeat left bottom;
		background-size:65% auto;
		content:"";
	}
}

@media print,screen and (min-width: 769px) {
	#sec_lineup {
		padding-bottom:80px;
		background:url(../img/top/sec_lineup_bg01.png) repeat center top;
		background-size:auto;
	}
	
	#sec_lineup .title_category01 {
		padding:80px 0;
	}
	
	.list_products {
		padding:0 30px 50px;
		font-size:0;
	}
	
	.list_products li {
		display:inline-block;
		margin:0 20px 45px;
		width:340px;
		border:1px solid #ccc;
		border-radius:4px;
		background:#fff;
		box-shadow:0 3px 1px 1px rgba(0,0,0,0.2);
		vertical-align:top;
		font-size:16px;
	}
	
	.list_products li a {
		display:block;
	}
	
	.list_products li a:link,.list_products li a:visited {
		text-decoration:none;
	}
	
	.list_products li a:hover,.list_products li a:active {
		text-decoration:none;
		opacity:.8;
	}
	
	.list_products li dl {
		padding:30px 30px 25px;
		min-height: 328px;
	}
	
	.list_products li dt {
		margin-bottom:5px;
		color:#68438c;
		text-align:center;
		font-weight:700;
		font-size:22px;
	}
	
	.list_products li dt strong {
		display:block;
	}
	
	.list_products li dd {
		position:relative;
	}
	
	.list_links {
		text-align:center;
		font-size:0;
	}
	
	.list_links li {
		display:inline-block;
		margin:0 20px;
		color:#f27900;
		text-align:right;
		font-weight:700;
		font-size:24px;
	}
	
	.list_links li a {
		position:relative;
		display:block;
		padding:30px 70px 30px 0;
		width:415px;
		border:1px solid #f27900;
		background:#fff;
		box-shadow:0 3px 1px 1px rgba(0,0,0,0.2);
	}
	
	.list_links li a:link,.list_links li a:visited {
		color:#f27900;
		text-decoration:none;
	}
	
	.list_links li a:hover,.list_links li a:active {
		color:#f27900;
		text-decoration:none;
		opacity:.8;
	}
	
	.list_links li a::after {
		position:absolute;
		top:50%;
		right:40px;
		display:block;
		margin-top:-6px;
		width:12px;
		height:12px;
		border-top:3px solid #f27900;
		border-right:3px solid #f27900;
		content:"";
		-webkit-transform:rotate(45deg);
		-moz-transform:rotate(45deg);
		-o-transform:rotate(45deg);
		transform:rotate(45deg);
		-ms-transform:rotate(45deg);
	}
	
	.list_links .link_catalog a::before {
		position:absolute;
		bottom:12px;
		left:15px;
		width:139px;
		height:92px;
		background:url(../img/top/sec_lineup_img_web_catalog.png) no-repeat left bottom;
		background-size:100% auto;
		content:"";
	}
	
	.list_links .link_movie a::before {
		position:absolute;
		bottom:18px;
		left:25px;
		width:111px;
		height:63px;
		background:url(../img/top/sec_lineup_img_movie_library.png) no-repeat left bottom;
		background-size:100% auto;
		content:"";
	}
}

/* #sec_lineup ----------------------- */
@media only screen and (max-width: 768px) {
	#sec_pickup {
		padding:25px 0 15px;
		background:url(../img/top/sec_pickup_bg01.png) repeat center top;
		background-size:auto;
	}
	
	.list_pickup_bnr {
		margin:0 auto;
		width:87.5%;
		font-size:0;
	}
	
	.list_pickup_bnr li {
		margin-bottom:15px;
		border:6px solid #68438c;
		box-shadow:3px 3px 0 0 rgba(0,0,0,0.4);
		font-size:14px;
	}
}

@media print,screen and (min-width: 769px) {
	#sec_pickup {
		padding:70px 0;
		background:url(../img/top/sec_pickup_bg01.png) repeat center top;
		background-size:auto;
	}
	
	.list_pickup_bnr {
		padding:0 20px;
		font-size:0;
		text-align: center;
	}
	
	.list_pickup_bnr li {
		display:inline-block;
		padding:0 30px;
		font-size:14px;
	}
	
	.list_pickup_bnr li a {
		display:block;
		width:508px;
		border:6px solid #68438c;
		box-shadow:3px 3px 0 0 rgba(0,0,0,0.4);
	}
	
	.list_pickup_bnr li a:link,.list_pickup_bnr li a:visited {
	}
	
	.list_pickup_bnr li a:hover,.list_pickup_bnr li a:active {
		opacity:.8;
	}
}

/* #sec_case ----------------------- */
@media only screen and (max-width: 768px) {
	#sec_case {
		padding:25px 0;
		background:url(../img/top/sec_case_bg01_sp.jpg) no-repeat center top;
		background-size:cover;
		overflow: hidden;
	}
	
	#sec_case .slick-list {
		padding: 0 !important;
	}
	
	.box_case {
		border-top:5px solid #68438c;
		background:#fff;
	}
	
	.case_head_read {
		padding:0 6.25%;
		text-align:center;
		font-size:10px;
	}
	
	.box_case_inner {
		overflow:hidden;
		margin:15px 1% 35px;
		padding:15px 1.5%;
		border:1px solid #e0e0e0;
		background:url(../img/top/sec_case_bg02.png) repeat center top;
		background-size:9px auto;
	}
	
	.box_case_inner .case_img {
		padding:0 1.5%;
	}
	
	.box_case_inner h3 {
		position:relative;
		margin:10px 0 20px;
		padding:10px 0 5px 60px;
		font-weight:700;
		font-size:18px;
	}
	
	.box_case_inner h3 span {
		position:absolute;
		top:0;
		left:0;
		padding-top:14px;
		width:50px;
		height:50px;
		background:url(../img/top/sec_case_badge01.png) no-repeat left top;
		background-size:contain;
		color:#fff;
		text-align:center;
		letter-spacing:-1px;
		font-weight:700;
		font-size:11px;
		line-height:1.2;
	}
	
	.box_case_inner p {
		margin:0 0 20px;
		font-size:10px;
	}
	
	.box_case_inner ul {
		overflow:hidden;
		margin:0 0 20px;
	}
	
	.box_case_inner ul li {
		position:relative;
		float:left;
		padding:0 0 5px 7px;
		width:48%;
		font-weight:700;
		font-size:10px;
	}
	
	.box_case_inner ul li::after {
		position:absolute;
		top:0;
		left:0;
		display:block;
		content:"･";
	}
	
	.box_case_inner ul li nth-child(odd) {
		clear:both;
	}
	
	.box_case_inner .btn_link01 {
		width:85%;
	}
}

@media print,screen and (min-width: 769px) {
	#sec_case {
		padding:60px 0;
		background:url(../img/top/sec_case_bg01_pc.jpg) no-repeat center top;
		background-size:cover;
	}
	
	#sec_case .slick-list {
		padding: 0 !important;
	}
	
	.box_case {
		border:5px solid #68438c;
		border-right:0;
		border-left:0;
		background:#fff;
	}
	
	.case_head_read {
		text-align:center;
		font-size:18px;
	}
	
	.box_case_inner {
		overflow:hidden;
		margin:35px 60px 50px;
		padding:40px 60px 45px;
		border:1px solid #e0e0e0;
		background:url(../img/top/sec_case_bg02.png) repeat center top;
		background-size:auto;
	}
	
	.box_case_inner:focus,
	.box_case_inner:active {
		outline:none;
	}
	
	.box_case_inner .case_img {
		float:left;
		padding-top:60px;
		width:480px;
	}
	
	.box_case_inner h3 {
		position:relative;
		margin:-10px 0 40px 545px;
		padding-left:117px;
		font-weight:700;
		font-size:28px;
	}
	
	.box_case_inner h3 span {
		position:absolute;
		top:-30px;
		left:0;
		padding-top:28px;
		width:83px;
		height:83px;
		background:url(../img/top/sec_case_badge01.png) no-repeat left top;
		background-size:auto;
		color:#fff;
		text-align:center;
		font-weight:700;
		font-size:14px;
		line-height:1.2;
	}
	
	.box_case_inner p {
		margin:0 0 20px 545px;
		font-size:14px;
	}
	
	.box_case_inner ul {
		overflow:hidden;
		margin:0 0 35px 545px;
	}
	
	.box_case_inner ul li {
		position:relative;
		float:left;
		padding:0 0 5px 10px;
		width:48%;
		font-weight:700;
	}
	
	.box_case_inner ul li::after {
		position:absolute;
		top:0;
		left:0;
		display:block;
		content:"･";
	}
	
	.box_case_inner ul li nth-child(odd) {
		clear:both;
	}
	
	.box_case_inner .btn_link01 {
		margin-left:570px;
	}
}

/* #sec_flow ----------------------- */
@media only screen and (max-width: 768px) {
	#sec_flow {
		margin-bottom:30px;
		padding:0 0 25px;
		background:url(../img/top/sec_flow_bg01.png) repeat center top;
		background-size:15px auto;
	}
	
	#sec_flow h3 {
		margin-top:-10px;
		color:#68438c;
		text-align:center;
		font-weight:700;
		font-size:1.4rem;
	}
	
	.box_flow {
		position:relative;
		padding:60px 0 15px;
	}
	
	.box_flow .flow_note01 {
		position:absolute;
		top:10px;
		left:24%;
		width:100px;
	}
}

@media print,screen and (min-width: 769px) {
	#sec_flow {
		padding:20px 0 70px;
		background:url(../img/top/sec_flow_bg01.png) repeat center top;
		background-size:auto;
	}
	
	#sec_flow h3 {
		color:#68438c;
		text-align:center;
		font-weight:700;
		font-size:20px;
	}
	
	.box_flow {
		position:relative;
		padding:55px 9px 50px;
	}
	
	.box_flow .flow_note01 {
		position:absolute;
		top:-25px;
		left:126px;
	}
	
	.box_flow .flow_note02 {
		position:absolute;
		right:152px;
		bottom:-32px;
	}
}

/* #sec_news ----------------------- */
@media only screen and (max-width: 768px) {
	#sec_news {
	}
}

@media print,screen and (min-width: 769px) {
	#sec_news .wrapper {
		padding-top:75px;
		width:1000px;
	}
	
	#sec_news .list_article ul {
		overflow:auto;
		height:400px;
	}
}




@media print {
	.list_products li {
		float: left;
	}
}