@charset "utf-8";
/* CSS Document */


#mainimage .slider {
    width: 100%;
    margin: 0 auto;
}


#mainimage img {
    max-width: 100%;
    height: auto;
}

.mainimage .slick-slide {
    margin:0;
}



/*slick setting*/

.mainimage .slick-slide:not(.slick-center) {
    -webkit-filter: opacity(30%);
    -moz-filter: opacity(30%);
    -o-filter: opacity(30%);
    -ms-filter: opacity(30%);
    filter: opacity(30%);
    transition: 0.2s linear;
position:relative;
}

/*slick setting*/

.slick-prev:before,
.slick-next:before {
    color: #000;
}



#mainimage {
width: 100%;
	
}

#mainimage ul {
	margin:0;
	padding:0;
	list-style:none;
	background-color: #000000;
	font-size: 0;
	line-height: 0;
}

#mainimage  li {
	margin:0;
	padding:0;
}

#mainimage li img { 
    width: 870px; 
    height: 370px; 	
    text-align:center;
}

#mainimage .slick-next { right: 20px; z-index: 99;}
#mainimage .slick-prev { left: 15px; z-index: 100;}

.slide-arrow{
  position: absolute;
  top: 30%;
  margin-top: -15px;
}
.prev-arrow {
	left:-40px;
}
.next-arrow {
	right:-40px;
}

.main_slide-arrow{
  position: absolute;
  top: 50%;
  margin-top: -28px;
}
.main_prev-arrow {
	left:20px;
	z-index:20;
}
.main_next-arrow {
	right:20px;
}




#block01 {
	width:96%;
	max-width:1200px;
	margin:0 auto;
	padding:0;
}


#block01  h2 {
	margin:0;
	padding:0;
	font-family: "Century";
	background:url(../images/h2_line.png) repeat-y left;
	font-weight:normal;
	padding-left:20px;
	font-size:200%;
	margin-bottom:40px;
	line-height:110%;
}

#block01 .al ul {
	margin:0;
	padding:0;
	list-style:none;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	font-weight: 500;
}

#block01 .al li {
	margin:0;
	padding:0;
/*	width:25%;
	float:left;*/
	position:relative;
	text-align:center;
}

#block01 .al li dl {
	margin:0;
	padding:0;
}

#block01 .al li dt {
	margin:0;
	padding:10px 0 0;
	height: 10px;
	display: block;
	


}

#block01 .al li dd {
	margin:30px 0 0;
	padding:0 10px;
}

#block01 .al li dd strong {
	color:#CC3333;
}

#block01 .al li .new {
	position:absolute;
	top:0;
	right:0;
}


#block01  .al-item_img{
	height: 280px;
}


#block02 {
	width:96%;
	max-width:1200px;
	margin:0 auto;
	padding:70px 0;
}

#block02 img {
	width: auto;
	max-width:100%;
	height:auto;
}



#block03 {
	width:96%;
	max-width:1200px;
	margin:0 auto;
	padding:70px 0 40px;
}

#block03  h2 {
	margin:0;
	padding:0;
	font-family: "Century";
	background:url(../images/h2_line.png) repeat-y left;
	font-weight:normal;
	padding-left:20px;
	font-size:200%;
	margin-bottom:40px;
	line-height:110%;
}

#block03 div.pickupbox{
}

#block03 div.pickupbox ul {
	width:100%;
	margin:0;
	padding:0;
	border-color:#999900;
	border-style:solid;
	border-width:1px 1px 0px 0px;
	box-sizing:border-box;
	list-style:none;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}

#block03 div.pickupbox li {
	width:33.33333333%;
	float:left;
	border-color:#999900;
	border-style:solid;
	border-width:0 0 1px 1px;
	box-sizing:border-box;
	position:relative;
}

#block03 div.pickupbox li dl {
	margin:0;
	padding:2em;
}

#block03 div.pickupbox li dt {
	margin:0;
	padding:0;
	vertical-align:middle;
	min-height:220px;
	width:100%;
	text-align:center;
	position:relative;
}

#block03 div.pickupbox li dt .flag {
	position:absolute;
	left:0;
	bottom:5px;
}


#block03 div.pickupbox li dd {
	margin:0;
	padding:0;
	width:100%;
	line-height:160%;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	font-weight: 500;
	font-size:86%;
}

#block03 div.pickupbox li dd strong {
	color:#660033;
	font-weight:bold;
}

#block03 div.pickupbox li dd a {
	color:#660033;
}

#block03 div.pickupbox li .nom {
	font-family: "Pinyon Script";
	font-size:40px;
	border:#999900 1px solid;
	position:absolute;
	top:-1px;
	left:-1px;
	width:60px;
	padding:16px 0;
	color:#999900;
	text-align:center;
}

#block03 div.pickupbox li .spec {
	position:absolute;
	text-align:right;
	width:45%;
	top:15px;
	right:10px;
	font-size:75%;
}
	


#block03 .btn {
	width:300px;
	margin:30px auto 0;
	border:#999900 1px solid;
	color:#999900;
	text-align:center;
	font-family: "Averia Serif Libre";
	border-radius: 2px;		/* CSS3草案 */
	-webkit-border-radius: 2px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 2px;	/* Firefox用 */
}

#block03 .btn a {
	display:block;
	width:100%;
	padding:12px 0px;
	color:#999900;
	box-sizing:border-box;
	background:url(../images/more_bg.png) no-repeat 250px center;
}


#block04 {
	width:96%;
	max-width:1200px;
	margin:0 auto;
	padding:70px 0 40px;
}

#block04  h2 {
	margin:0;
	padding:0;
	font-family: "Century";
	font-weight:normal;
	font-size:200%;
	margin-bottom:40px;
	line-height:110%;
	text-align:center;
}


#block04 .origin {
	width:50%;
	float:left;
	padding:2.5em;
	box-sizing:border-box;
}


#block04 .origin dl {
	margin:0;
	padding:0;
}

#block04 .origin dt {
	margin:0;
	padding:0;
	text-align:center;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight:bold;
	font-size:110%;
	margin-bottom:15px;
}

#block04 .origin dd {
	text-align:left;
	margin:0;
	padding:0;
	font-size:90%;
	line-height:180%;
}

#block04 .origin ul {
	text-align: center;
	padding:0;
	list-style:none;
	margin-top:20px;
	font-size:86%;
	line-height:180%;
}

#block04 .origin li {
	margin:0;
	padding:0;
	width:23%;
	margin-right:4%;
	float:left;
}

#block04 .origin li.w30 {
	width:30%;
}





#block05 {
	width:96%;
	max-width:1200px;
	margin:0 auto;
	padding:0;
}

#block05 ul {
	margin:0;
	padding:0;
	list-style:none;
}

#block05 li {
	width:49.2%;
	float:left;
	margin-right:1.6%;
	margin-bottom:20px;
}

#block05 li:nth-child(2n) {
	margin-right:0;
}

#block05 li img {
	width:auto;
	max-width:100%;
	height:auto;
}


#block06 {
	width:96%;
	max-width:1200px;
	margin:0 auto;
	padding:70px 0 40px;
}

#block06 h2 {
	margin:0;
	padding:0;
	font-family: "Century";
	background:url(../images/h2_line.png) repeat-y left;
	font-weight:normal;
	padding-left:20px;
	font-size:200%;
	margin-bottom:40px;
	line-height:110%;
}

#block06 h3 {
	margin:0;
	padding:0;
	font-family: "Century";
	font-weight:normal;
	padding-left:5px;
	font-size:180%;
	margin-bottom:40px;
	line-height:110%;
}

#block06 ul {
	margin:0 0 0 0;
	padding:0;
	list-style:none;
}

#block06 li {
	margin:0;
	padding:0 0;
	width:25%;
	float:left;
}

#block06 li img {
	width: auto;
	height:auto;
	max-width:100%;
}


#block07 {
	width:96%;
	max-width:1200px;
	margin:0 auto;
	padding:70px 0 40px;
}


.newslink{
	color: #999900!important;
	border-bottom: solid 1px  #999900!important;
	font-weight: bold;
	padding-bottom: 0;
	
}



#block07 h2 {
	margin:0;
	padding:0;
	font-family: "Century";
	background:url(../images/h2_line.png) repeat-y left;
	font-weight:normal;
	padding-left:20px;
	font-size:200%;
	margin-bottom:40px;
	line-height:110%;
}

#block07 dl {
	margin:0;
	padding:0;
	font-size:90%;
}

#block07 dt {
	margin:0;
	padding:0;
	width:10%;
	float:left;
}

#block07 dd {
	margin:0;
	padding:0;
	padding-left:10%;
	border-bottom:#DDDDDD 1px solid;
	padding-bottom:10px;
	margin-bottom:20px;
}


#block07 dt {
	margin:0;
	padding:0;
	width:10%;
	float:left;
}

#block07 dd {
	margin:0;
	padding:0;
	padding-left:10%;
	border-bottom:#DDDDDD 1px solid;
	padding-bottom:10px;
	margin-bottom:20px;
}


#block08 {
	width:96%;
	max-width:1200px;
	margin:0 auto;
	padding:70px 0 40px;
}

#block08 h2 {
	margin:0;
	padding:0;
	font-family: "Century";
	background:url(../images/h2_line.png) repeat-y left;
	font-weight:normal;
	padding-left:20px;
	font-size:200%;
	margin-bottom:40px;
	line-height:110%;
}

#block08 dl {
	margin:0;
	padding:0;
	font-size:90%;
}

#block08 dt {
	margin:0;
	padding:0;
	width:10%;
	float:left;
}

#block08 dd {
	margin:0;
	padding:0;
	padding-left:10%;
	border-bottom:#DDDDDD 1px solid;
	padding-bottom:10px;
	margin-bottom:20px;
}


#block08 dt {
	margin:0;
	padding:0;
	width:10%;
	float:left;
}

#block08 dd {
	margin:0;
	padding:0;
	padding-left:10%;
	border-bottom:#DDDDDD 1px solid;
	padding-bottom:10px;
	margin-bottom:20px;
}

#block09 {
	margin:0 auto;    
	width:96%;    
    max-width:1200px;    
}

#block09 ul {
	margin:20px 0px -40px 0px;
	padding:0;
	list-style:none;
    text-align: center;
    display: flex;
}

#block09 li {
	padding:0;
    margin: 0 1%;
    width:calc(98%/3);
	float:left;
}

#block09 li img {
	width: auto;
	height:auto;
	max-width:100%;
}

#block_sns {
    display: flex;
	margin:0 auto;    
	width:80%;    
    max-width:1200px;
    justify-content: center;
	padding-bottom:10px;
	margin-bottom:50px;
}

@media screen and (max-width:1200px)
{
	
.showPC{
display: block;
}
	
.showSP{
display: none;
}
	

.prev-arrow {
	left:0px;
	z-index: 5;
}
.next-arrow {
	right:0px;
z-index: 5;
}

#block04 .origin li {
	margin:0;
	padding:0;
	width:40%;
	margin-right:4%;
	float:left;
}

#block04 .origin li.w30 {
	width:48%;
}
	
	
}


/* タブレットレイアウト : 768 px ～ 959 px*/
@media screen and (max-width:959px)
{

.showPC{
display: none;
}
	

.showSP{
display: block;
}

.slider_inline{
    position:relative;
    width:100%;
    height:0;
    padding-top:175%;
}

#block01  .al-item_img{
	height: 280px;
}

#block06 {
	width:96%;
	margin:0 auto;
	padding:70px 0 40px;
}

#block06 h2 {
	margin:0;
	padding:0;
	font-family: "Century";
	background:url(../images/h2_line.png) repeat-y left;
	font-weight:normal;
	padding-left:20px;
	font-size:200%;
	margin-bottom:40px;
	line-height:110%;
}

#block06 ul {
	margin:0 0 0 0;
	padding:0;
	list-style:none;
}

#block06 li {
	margin:0;
	padding:0;
	width:25%;
	float:left;
}

#block06 li img {
	width: auto;
	height:auto;
	max-width:100%;
}


}


/* スマホ設定  768 以下*/
@media screen and (max-width:767px)
{

.showPC{
display: none;
}
	

.showSP{
display: block;
}
	
#inline-frame
{
	width:100%;
	height: 1000px;
}

#mainimage li img {

 width: 400px; height:170px; 	
 text-align:center;
 margin-top:20px;
 background-color: #FFFFFF;
}
	

	
#block01  h2 {

	font-size:160%;

}
	#block01 .al ul {
font-size: 90%;
}


#block01  .al-item_img{
	height: 220px;
}
	

	
#block02 {
	width:92%;
	padding:30px 0;
}

#block03 {
	width:92%;
}

#block03  h2 {

	font-size:160%;

}


#block03 div.pickupbox ul {
	width:100%;
	margin:0;
	padding:0;
	border-color:#999900;
	border-style:solid;
	border-width:1px 1px 0px 0px;
	box-sizing:border-box;
	list-style:none;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}

#block03 div.pickupbox li {
	width:100%;
	float:left;
	border-color:#999900;
	border-style:solid;
	border-width:0 0 1px 1px;
	box-sizing:border-box;
	position:relative;
}

#block03 div.pickupbox li dl {
	margin:0;
	padding:2em;
}

#block03 div.pickupbox li dt {
	margin:0;
	padding:0;
	vertical-align:middle;
	min-height:220px;
	width:100%;
	text-align:center;
	position:relative;
}

#block03 div.pickupbox li dt .flag {
	position:absolute;
	left:0;
	bottom:5px;
}


#block03 div.pickupbox li dd {
	margin:0;
	padding:0;
	width:100%;
	line-height:160%;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	font-weight: 500;
	font-size:86%;
}

#block03 div.pickupbox li dd strong {
	color:#660033;
	font-weight:bold;
}

#block03 div.pickupbox li .nom {
	font-family: "Pinyon Script";
	font-size:40px;
	border:#999900 1px solid;
	position:absolute;
	top:-1px;
	left:-1px;
	width:60px;
	padding:16px 0;
	color:#999900;
	text-align:center;
}

#block03 div.pickupbox li .spec {
	position:absolute;
	text-align:right;
	width:40%;
	top:15px;
	right:10px;
	font-size:80%;
}




#block04 {
	width:92%;
	padding:70px 0 40px;
}

#block04  h2 {
	font-size:160%;
}


#block04 .origin {
	width:100%;
	float:none;
	padding:0em;
	box-sizing:border-box;
}

#block04 .line {
	border-right: none;
	border-bottom:#DDDDDD 1px solid;
	padding-bottom:15px;
	margin-bottom:15px;
}

#block04 .origin dl {
	margin:0;
	padding:0;
}

#block04 .origin dt {
	margin:0;
	padding:0;
	text-align:center;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight:bold;
	font-size:110%;
	margin-bottom:15px;
}

#block04 .origin dd {
	margin:0;
	padding:0;
	font-size:90%;
	line-height:180%;
}

#block04 .origin ul {
	margin:0;
	padding:0;
	list-style:none;
	margin-top:20px;
	font-size:86%;
	line-height:180%;
}

#block04 .origin li {
	margin:0;
	padding:0;
	width:48%;
	margin-right:2px;
	float:left;
}

#block04 .origin li.w30 {
	width:48%;
}



#block05 {
	width:92%;
}

#block05 ul {
	margin:0;
	padding:0;
	list-style:none;
}

#block05 li {
	width:100%;
	float:none;
	margin-right:0%;
	margin-bottom:20px;
}

#block05 li:nth-child(2n) {
	margin-right:0;
}

#block05 li img {
	width:auto;
	max-width:100%;
	height:auto;
}


#block06 {
	width:92%;
	padding:70px 0 40px;
}

#block06 h2 {
	font-size:160%;
}
    
#block06 ul {
	margin:0 ;
	padding:0;
	list-style:none;
}   

#block06 li {
	margin:0;
	padding:0;
	width:50%;
	float:left;
}



#block07 {
	width:92%;
	padding:40px 0 40px;
}

#block07 h2 {
	font-size:160%;
}


#block07 dt {
	width:100%;
	float:none;
}

#block07 dd {
	padding-left:0%;
	margin-bottom:15px;
}

	
#block08 {
	width:92%;
	padding:40px 0 40px;
}

#block08 h2 {
	font-size:160%;
}


#block08 dt {
	width:100%;
	float:none;
}

#block08 dd {
	padding-left:0%;
	margin-bottom:15px;
}

#block09 {
	margin:0 auto;    
	width:96%;    
    max-width:1200px;   
    text-align: center;    
}
 
#block09 ul {
    width:100%;
	margin:10px 10px -20px 10px;
	padding:0;
	list-style:none;
    display: flex;    
    flex-wrap:wrap;
    align-items:center;
}
    
#block09 li {
	padding:0 10 10;
    margin: 0 0 1% 1%;
    width:46.5%;
	float:left;
}    
	
}
.ftbox02 a {
	color:white;
	text-decoration: none;
	display: inline-block;
	
}


@media screen and (max-width:375px)
{
#block_sns { 
	width:90%;
	margin-bottom:50px;  
}
}