#width {
	width:990px;
}
.adspecial_type1 h1, .adspecial_type1 h2, .adspecial_type1 h3, .adspecial_type1 h4, .adspecial_type1 h5, .adspecial_type1 h6 {
	display:block;
}
.adspecial_type1 {
	margin:20px auto;
	text-align: center;
	width: 970px;
}
.adspecial_type1 .frame_header{
	margin-bottom: 10px;
	text-align: left;
}
.adspecial_type1 .frame_col_left_container {
	width: 970px;
	float: left;
	position:relative;
	background: #fafafa;
	right: 320px;
	text-align: left;
}
.adspecial_type1 .frame_col_right_container {
	overflow:hidden;
	width: 970px;
	float: left;
	position:relative;
	background: #ccc;
}
.adspecial_type1 .frame_col_left {
	float:left;
	width:650px;
	position:relative;
	left: 320px;
}
.adspecial_type1 .frame_col_left_inner {
	padding: 0 10px 0 0;
}
.adspecial_type1 .frame_col_right {
	float:left;
	width:320px;
	position:relative;
	left: 320px;
}
.adspecial_type1 .frame_col_right_inner {
	padding: 0 10px;
}
* html .adspecial_type1 .frame_col_right_inner{
	width: 300px;
}
* html .adspecial_type1 .frame_col_left {
	overflow: hidden;
}
* html .adspecial_type1 .frame_col_right{
	overflow: hidden;
}


/* 2011/02リニューアル対応-------------------------------------------------------------------------------- */

.adspecial_type1{
margin-top: 0;
padding-top: 20px;
}

#block_story {
margin-left: 10px;
}

.style_block1{
margin-left: 10px;
}

p.more{
margin-top: 0px;
}

.style_indexlist1 li{
font-weight: normal;
list-style-image: none;
line-height: 1.3;
background-position:  4px 7px;
}
.style_indexlist1 li a{
line-height: 1.5;
}

.style_indexlist1 li.stronger a {
font-weight: bold;
}

.style_indexlist1 li.largersize{
font-size: 14px;
}

.style_indexlist1 li a img {
border: 1px solid #666666;
float: left;
margin: 0 5px 5px 0;
}

h4.ttl_backnumber {
background: url('/media/z/2011/bg_h2_underline.gif') repeat-x 0 bottom;
color: #961515;
font-size: 16px;
font-weight: bold;
line-height: 1.2;
margin-bottom: 10px;
padding-bottom: 7px;
}

.backnumber p.summary{
overflow: hidden;
_zoom: 1;
}


/*#ff0000*/

/* フレーム設定-------------------------------------------------------------------------------- */
#adspecial_sbcs_201910{
margin-left: 0;
padding: 0;
}

footer{
margin-top:0;
}


#adspecial_sbcs_201910.adspecial_type1{
margin:0 auto;
padding:0;
}

#adspecial_sbcs_201910.adspecial_type1 .frame_col_left{
width:980px;
}

#adspecial_sbcs_201910.adspecial_type1 .frame_col_left_container {
background: #ffffff;
width:980px;
}

#adspecial_sbcs_201910.adspecial_type1 .frame_col_right_container {
background: #ffffff;
}

#contents{padding:0 !important;}
#content{padding:0 !important;}

#adspecial_sbcs_201910.adspecial_type1{width:100%;}
#adspecial_sbcs_201910.adspecial_type1 .frame_header{
margin-left:0;
margin-bottom:0 !important;
position:relative;
}


#adspecial_sbcs_201910.adspecial_type1 #block_story{
margin-left:0;
}


/*スポンサー表示*/
#adspecial_sbcs_201910.adspecial_type1 .block_sponsored{
clear:both;
margin:0 auto !important;
padding:4% !important;
color:#333;
border:none !important;
border-top:1px solid #666 !important;
}

#adspecial_sbcs_201910.adspecial_type1 .block_sponsored a{
color:#4cbad8;
}


/*1カラム記事の調整*/

#adspecial_sbcs_201910.adspecial_type1 .article_body p{
margin:3% 0 !important;
font-size:110% !important;
}


/*写真調整*/


#adspecial_sbcs_201910.adspecial_type1 .article_body .left{
margin-left:0 !important;
}

#adspecial_sbcs_201910.adspecial_type1 .article_body .right{
margin-right:0 !important;
}

#adspecial_sbcs_201910.adspecial_type1 .leaf_content .img-xl{
max-width:300px;
}

#adspecial_sbcs_201910.adspecial_type1 .leaf_content .left img,
#adspecial_sbcs_201910.adspecial_type1 .leaf_content .right img{
margin-bottom:7px;
}


.pc{display:block;}
.sp{display:none;}





/* Headline設定-------------------------------------------------------------------------------- */


/*anime*/

@keyframes fadein{
  0% {
    opacity: 0;}

  100% {
    opacity: 1;}
}


@keyframes topin{
  0% {
    opacity: 0;
    transform: translateY(-70px);
}

  100% {
    opacity: 1;
    transform: translateY(0);
}
}

@keyframes bottomin{
  0% {
    opacity: 0;
    transform: translateY(70px);
}

  100% {
    opacity: 1;
    transform: translateY(0);
}
}



#adspecial_sbcs_201910.adspecial_type1 .frame_header{
background:url(/extra/sbcs_201910/media/35144018/head_title.jpg) right top no-repeat;
height:450px;
background-size:cover;
position:relative;
animation: fadein 1.5s linear 0.3s forwards;
opacity:0;
overflow:hidden;
}

#adspecial_sbcs_201910.adspecial_type1 .frame_header img{
animation: bottomin 0.5s linear 0.8s forwards;
opacity:0;
}

#adspecial_sbcs_201910.adspecial_type1 h1{
position:absolute;
top:0;
left:0;
padding:3%;
color:#fff;
line-height:1.4;
font-weight:bold;
background:rgba(36, 155, 210, 0.85);
width:55%;
animation: topin 0.5s linear 1.0s forwards;
opacity:0;
}

#adspecial_sbcs_201910.adspecial_type1 h1 span{
display:block;
text-align:left;
}

#adspecial_sbcs_201910.adspecial_type1 .ttl01{
font-size:160%;
}

#adspecial_sbcs_201910.adspecial_type1 .ttl02{
font-size:230%;
}


#adspecial_sbcs_201910.adspecial_type1 .lead_block{
color:#444;
padding:3% 0;
line-height:1.5;
border-bottom:1px solid #ccc;
}


#adspecial_sbcs_201910.adspecial_type1 .lead_block span{
animation: fadein 1.0s linear 1.8s forwards;
opacity:0;
}


#adspecial_sbcs_201910.adspecial_type1 h2{
text-align:center;
font-size:170%;
margin:8% auto;
position:relative;
color:#19a5d1;
/*border:1px solid #cccccc;*/
}

#adspecial_sbcs_201910.adspecial_type1 h2:before,
#adspecial_sbcs_201910.adspecial_type1 h2:after{
content:"";
position:absolute;
height:1px;
background-color:#30b2d8;
left:20%;
width:60%;
}



#adspecial_sbcs_201910.adspecial_type1 h2:before{
top:0;
}

#adspecial_sbcs_201910.adspecial_type1 h2:after{
bottom:0;
}

#adspecial_sbcs_201910.adspecial_type1 h2 span{
display:block;
position:relative;
padding:4% 0;
}


#adspecial_sbcs_201910.adspecial_type1 h2 span:before{
content:"";
position:absolute;
top:-25px;
/*left:24%;*/
left:15%;
width:50px;
height:50px;
/*background: rgb(20,133,171);
background: linear-gradient(-45deg, rgba(20,133,171,1) 0%, rgba(56,193,235,1) 50%, rgba(110,236,255,1) 100%);*/
background: rgb(26,155,199);
background: linear-gradient(-45deg, rgba(26,155,199,1) 0%, rgba(56,193,235,1) 50%, rgba(82,200,145,1) 100%);
transform:rotate(0);
z-index:100;
transition:1.0s ease;
opacity:0;
}


#adspecial_sbcs_201910.adspecial_type1 h2 span:after{
content:"";
position:absolute;
bottom:-20px;
/*right:24%;*/
right:15%;
width:45px;
height:45px;
/*background: rgb(20,133,171);
background: linear-gradient(45deg, rgba(20,133,171,1) 0%, rgba(56,193,235,1) 50%, rgba(110,236,255,1) 100%);*/
background: rgb(26,155,199);
background: linear-gradient(45deg, rgba(26,155,199,1) 0%, rgba(56,193,235,1) 50%, rgba(82,200,145,1) 100%);
transform:rotate(0);
z-index:200;
transition:1.0s ease;
opacity:0;
}



#adspecial_sbcs_201910.adspecial_type1 h2 span.move:before{
left:28%;
opacity:1;
transform:rotate(70deg);
}

#adspecial_sbcs_201910.adspecial_type1 h2 span.move:after{
right:28%;
opacity:1;
transform:rotate(-70deg);
}



/* add style 201910 -------------------------------------------------------------------------------- */



#adspecial_sbcs_201910.adspecial_type1 .info_block{
width:100%;
text-align:center;
}

#adspecial_sbcs_201910.adspecial_type1 .info_block h3{
background-color:#19a5d1;
color:#ffffff;
padding:2%;
width:60%;
}


#adspecial_sbcs_201910.adspecial_type1 .info_block img{
margin:35px auto;
}

#adspecial_sbcs_201910.adspecial_type1 .info_block img:hover{
opacity:0.7;
transition:0.3s ease;
}






/* 左本文Additional CSS設定-------------------------------------------------------------------------------- */

#adspecial_sbcs_201910.adspecial_type1 .frame_col_left #block_story p {
	line-height:1.8em;
}

#adspecial_sbcs_201910.adspecial_type1 .frame_col_left #block_story p{
	margin:1em 10px;
	font-size:16px;
}

#adspecial_sbcs_201910.adspecial_type1 .article_leaf_paging_word {
	font-size:12px;
	margin:20px 0px 30px 0;
	text-align:right;
}

#adspecial_sbcs_201910.adspecial_type1 .frame_col_left #block_story.article_body {
	margin-top:0;
}




/* 左側WP誘導CSS設定--------------------------------------------------------------------------------*/

#adspecial_sbcs_201910.adspecial_type1 .block_wp {
	margin-bottom:20px;
}
#adspecial_sbcs_201910.adspecial_type1 .bottomwp {
	border-bottom:1px dotted #999999;
	margin-bottom:10px;
	margin-left:25px;
	margin-right:25px;
	padding-bottom:10px;
}
#adspecial_sbcs_201910.adspecial_type1 .bottomwp.last {
	border:medium none;
}
#adspecial_sbcs_201910.adspecial_type1 .bottomwp a:hover img{
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}
#adspecial_sbcs_201910.adspecial_type1 .bottomwp a:hover{
	text-decoration:none;
}
#adspecial_sbcs_201910.adspecial_type1 .bottomwp a:hover h4{
	text-decoration:underline;
}
#adspecial_sbcs_201910.adspecial_type1 .bottomwp h4{
	border:none;
	font-size:12px;
	font-weight:normal;
	margin-top:2px;
}



/* 左側バックナンバーCSS設定--------------------------------------------------------------------------------*/
#adspecial_sbcs_201910.adspecial_type1 .block_backnumber {
	margin-bottom:20px;
	margin-left: 10px;
}
#adspecial_sbcs_201910.adspecial_type1 .block_backnumber .backnumber {
	margin-bottom:10px;
}
#adspecial_sbcs_201910.adspecial_type1 .block_backnumber .backnumber a img {
	margin:0 10px 10px 10px;
	float:left;
	vertical-align:top;
	border:1px solid #999;
}
#adspecial_sbcs_201910.adspecial_type1 .block_backnumber .backnumber a:hover img {
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}
#adspecial_sbcs_201910.adspecial_type1 .block_backnumber .backnumber a h5.title {
	border-bottom:none;
	font-size:14px;
	display:inline;
}
#adspecial_sbcs_201910.adspecial_type1 .block_backnumber .backnumber p {
	margin-top:3px;
}
#adspecial_sbcs_201910.adspecial_type1 .block_backnumber .backnumber a:hover h5.title {
	text-decoration:underline;
}
#adspecial_sbcs_201910.adspecial_type1 .block_backnumber .backnumber .property {
	color:#666666;
	font-size:10px;
}
#adspecial_sbcs_201910.adspecial_type1 .block_backnumber .backnumber .property a{
	margin-left:5px;
}




/* 左側バナー枠CSS設定*/
#adspecial_sbcs_201910.adspecial_type1 .block_banner {
	margin-bottom:20px;
	margin-left: 10px;
}
#adspecial_sbcs_201910.adspecial_type1 .block_banner .banner img{
	margin:0 auto 10px;
	display:block;
}
#adspecial_sbcs_201910.adspecial_type1 .block_banner .banner a:hover img{
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}






/* フォトグリッド --------------------------------------------------------------------------*/
#adspecial_sbcs_201910.adspecial_type1 .article_body div.photo_grid {margin-bottom: 1em;}
#adspecial_sbcs_201910.adspecial_type1 .article_body .right {
	margin-left: 1em;
	float: right;
}
#adspecial_sbcs_201910.adspecial_type1 .article_body .left {
	margin-left: 1em;
	float: left;
}
#adspecial_sbcs_201910.adspecial_type1 .article_body .center table{
	margin: 0 auto;
}
#adspecial_sbcs_201910.adspecial_type1 .article_body .photo_grid table {border-collapse: collapse;}
#adspecial_sbcs_201910.adspecial_type1 .article_body .photo_grid td {
	margin: 0;
	padding: 0;
	vertical-align: top;
}

#adspecial_sbcs_201910.adspecial_type1 .article_body .photo {
	padding: 10px;
	background: #FFF none repeat scroll 0%;
	border: 1px solid #CCC;
	margin-right: 15px;
}
#adspecial_sbcs_201910.adspecial_type1 .article_body .photo .caption {
	width: 150px;
	margin-top: 10px;
	font-size: 12px;
	line-height: 120%;
}
#adspecial_sbcs_201910.adspecial_type1 .article_body .photo .border {border: 1px solid #CCC;}
#adspecial_sbcs_201910.adspecial_type1 .article_body .photo .image {position: relative;}
#adspecial_sbcs_201910.adspecial_type1 .article_body .photo img.main {margin: 10px;}
#adspecial_sbcs_201910.adspecial_type1 .article_body ul {
	margin: 10px 0 0;
	padding: 0 0 0 10px;
}
#adspecial_sbcs_201910.adspecial_type1 .article_body .photo .glass {
	z-index: 2;
	position: absolute;
	right: 0;
	bottom: 0;
}



/* レスポンシブ --------------------------------------------------------------------------*/

@media screen and (max-width: 800px) {
  #adspecial_sbcs_201910.adspecial_type1,
  #adspecial_sbcs_201910.adspecial_type1 .frame_col_right_container,
  #adspecial_sbcs_201910.adspecial_type1 .frame_col_left_container,
  #adspecial_sbcs_201910.adspecial_type1 .frame_col_left,
  #adspecial_sbcs_201910.adspecial_type1 .frame_col_right {
  width: auto !important;
  float: none;
  }
  #adspecial_sbcs_201910.adspecial_type1 .article_body .left,
  #adspecial_sbcs_201910.adspecial_type1 .article_body .right,
  #adspecial_sbcs_201910.adspecial_type1 .article_body .center {
    float: none;
    max-width: 100%;
    text-align: center;
  }
  #adspecial_sbcs_201910.adspecial_type1 img {
    display: block;
    width: auto !important;
    max-width: 100% !important;
    height: auto;
    margin: 0 auto 10px;
  }




/*1カラム記事の調整*/

#adspecial_sbcs_201910.adspecial_type1 .article_body p{
margin:20px 2% !important;
}



.pc{display:none;}
.sp{display:block;}



#adspecial_sbcs_201910.adspecial_type1 .frame_header img{
position:absolute;
bottom:0 !important;
left:0 !important;
}


#adspecial_sbcs_201910.adspecial_type1 h1{
width:70%;
padding:5%;
}


#adspecial_sbcs_201910.adspecial_type1 .ttl01{
font-size:150%;
}

#adspecial_sbcs_201910.adspecial_type1 .ttl02{
font-size:200%;
}



#adspecial_sbcs_201910.adspecial_type1 .lead_block{
margin:0 5%;
}

#adspecial_sbcs_201910.adspecial_type1 h2{
font-size:140%;
width:90%;
}


#adspecial_sbcs_201910.adspecial_type1 h2:before,
#adspecial_sbcs_201910.adspecial_type1 h2:after{
width:100%;
left:0;
}

#adspecial_sbcs_201910.adspecial_type1 h2 span:before{
content:"";
position:absolute;
top:-25px;
left:5%;
width:50px;
height:50px;
background: rgb(26,155,199);
background: linear-gradient(-45deg, rgba(26,155,199,1) 0%, rgba(56,193,235,1) 50%, rgba(82,200,145,1) 100%);
transform:rotate(0);
z-index:100;
transition:1.0s ease;
opacity:0;
}


#adspecial_sbcs_201910.adspecial_type1 h2 span:after{
content:"";
position:absolute;
bottom:-20px;
right:5%;
width:45px;
height:45px;
background: rgb(26,155,199);
background: linear-gradient(45deg, rgba(26,155,199,1) 0%, rgba(56,193,235,1) 50%, rgba(82,200,145,1) 100%);
transform:rotate(0);
z-index:200;
transition:1.0s ease;
opacity:0;
}



#adspecial_sbcs_201910.adspecial_type1 h2 span.move:before{
left:15%;
opacity:1;
transform:rotate(70deg);
}

#adspecial_sbcs_201910.adspecial_type1 h2 span.move:after{
right:15%;
opacity:1;
transform:rotate(-70deg);
}



}


@media screen and (max-width: 480px) {

#adspecial_sbcs_201910.adspecial_type1 .frame_header{
height:350px;
}

#adspecial_sbcs_201910.adspecial_type1 h1{
width:100%;
padding:5%;
}

#adspecial_sbcs_201910.adspecial_type1 .ttl01{
font-size:140%;
}

#adspecial_sbcs_201910.adspecial_type1 .ttl02{
font-size:160%;
}


#adspecial_sbcs_201910.adspecial_type1 h2{
font-size:120%;
}

#adspecial_sbcs_201910.adspecial_type1 h2 span{
padding:8% 0;
}


#adspecial_sbcs_201910.adspecial_type1 h2 span:before{
content:"";
position:absolute;
top:-15px;
left:0;
width:25px;
height:25px;
background: rgb(26,155,199);
background: linear-gradient(-45deg, rgba(26,155,199,1) 0%, rgba(56,193,235,1) 50%, rgba(82,200,145,1) 100%);
transform:rotate(0);
z-index:100;
transition:1.0s ease;
opacity:0;
}


#adspecial_sbcs_201910.adspecial_type1 h2 span:after{
content:"";
position:absolute;
bottom:-10px;
right:0;
width:20px;
height:20px;
background: rgb(26,155,199);
background: linear-gradient(45deg, rgba(26,155,199,1) 0%, rgba(56,193,235,1) 50%, rgba(82,200,145,1) 100%);
transform:rotate(0);
z-index:200;
transition:1.0s ease;
opacity:0;
}


#adspecial_sbcs_201910.adspecial_type1 h2 span.move:before{
left:10%;
opacity:1;
transform:rotate(70deg);
}

#adspecial_sbcs_201910.adspecial_type1 h2 span.move:after{
right:10%;
opacity:1;
transform:rotate(-70deg);
}



}

/*#ff0000*/


/* 1column adjust CSS 　以下flat版のみ追記
-----------------------------------------------*/
.adspecial_type1 .frame_col_left{
position:static;
width:970px;
float: none;
}

.adspecial_type1 .frame_col_left_container{
float: none;
position:static;
}

.adspecial_type1 .bottomwp{
	margin: 0 auto;
	text-align: center;
}

#adspecial_sbcs_201910.adspecial_type1 h2.adspecial{
	width: auto;
}

.adspecial_type1 .frame_col_left_inner {
	padding: 0;
}

#adspecial_sbcs_201910.adspecial_type1 .article_body ul {
	margin:10px 25px;
}