@charset "Shift_JIS";

/* [xx] rd/index.html

=========================================================================================== */
span.kome {
    font-size: 8px!important;
    vertical-align: top;
    line-height: 2em;
}
.newLine {
    padding-top: 1em;
}

#Contents.rdContents {
    padding-left: 0!important;
    padding-right: 0!important;
    padding-bottom: 0;
}
.rdGrid {  width: 100%;  }
.contentsWidth {
    max-width: 1275px;
    margin: 0 auto;
}

.contentpersonsWidth {
max-width: 760px;
margin: 70px auto;
padding-left: 72px;
}
.contentpersonsWidth2 {
max-width: 860px;
margin: 30px auto;
padding: 0;
line-height: 1.8;
}
.contentpersonsWidth1person {
max-width: 760px;
margin: 70px auto;
padding-left: 0;
}

.person_name2{display: inline-block; width: 100px; padding-right: 8px; font-weight: bold; vertical-align: top;}
.person_text2{display: inline-block; width: 86.73575%;}

@media screen and (max-width: 767px) {
    #Contents.rdContents {
        padding-bottom: 1px;
    }

}

.rdButtonStyle .link {
    display: inline-block;
    min-width: 160px;
    min-height: 18px;
    margin: 0 0 15px;
    text-align: center;
    font-size: 83%;
    line-height: 130%;
    background-image: url(/rd/image/top/icon_link_right_black.png);
    background-repeat: no-repeat;
    background-position: 175px center;
    word-break: break-all;
}
.rdButtonStyle .link.js_areacolumnbtn {
    cursor: pointer;
    float: none;
    width: auto;
}
.rdButtonStyle.white .link {
    background-image: url(/rd/image/top/icon_link_right_white.png);
    background-repeat: no-repeat;
}
.rdButtonStyle.small .link {
    min-width: 100px;
    background-position: 120px center;
}
.rdButtonStyle .link{
    padding: 9px 22px 9px 15px;
    color: #000;
    text-decoration: none;
    border: solid 1px #000;
}

.rdButtonStyle.white .link{
    padding: 9px 22px 9px 15px;
    color: #FFF;
    text-decoration: none;
    border: solid 1px #FFF;
}

.rdButtonStyle .link:hover,
.rdButtonStyle.white .link:hover,
.js_areacolumnbtn:hover .rdButtonStyle .link,
.js_areacolumnbtn:hover .rdButtonStyle.white .link {
    color: #FFF;
    background-color: #e60027;
    background-image: url(/rd/image/top/icon_link_right_white.png);
    border: solid 1px #e60027;
}
@media screen and (max-width: 767px) {
    .rdButtonStyle .link {
        min-width: 125px;
        min-height: 12px;
        margin-top: 6px;
    }
    .rdButtonStyle .link{
        font-size: 10px;
    }
    .rdButtonStyle .link,
    .rdButtonStyle.white .link,
    .rdButtonStyle.small .link {
        padding: 7px 13px 7px 5px;
        min-width: 74px;
        background-position: 78px center;
    }
}

.person{text-indent: -70px;line-height: 2em;margin-bottom: 40px;}
.person2{margin-top: 30px;line-height: 2em;}


.rdDark {
    background: #111122;
}
.rdDark2 {
    background: #002244;
}
.rdGray {
    background: #f4f4f4;
}

.rdInfo.whatsNew {
    padding-top: 50px;
    padding-bottom: 72px;
}
.rdInfo.whatsNew.first {
   padding-top: 0;
    padding-bottom: 0;
}

.rdInfo.col2 {
    padding-top: 68px;
    padding-bottom: 72px;
}

.rdInfo.col2 .Column2{
    width: 450px;
}
.rdInfo.col2 .Column2.LastItem {
    margin-left: 63px;
}
.rdInfoTtl {
    position: relative;
    font-size: 100%;
    line-height: 1.875;
    border-bottom: 1px solid #e60027;
}
.rdInfoTtl h3 {
    color: #000;
    font-size: 150%;
    margin: 0 0 9px;
}
.rdInfoTtl .FMLinkListStyle {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0;
}
.rdInfoTtl .FMLinkListStyle li a{
    color: #000;
}
.rdInfoTtl .FMLinkListStyle li a:hover{
    color: #b1000e;
    text-decoration: underline;
}

.rdInfoLists {
    padding-top: 25px;
    margin-left: 0;
}
.rdInfoLists.LinkListStyle2 {
    font-size: 100%;
}
.rdInfo .FMLinkListStyle li .more{
    font-size: 125%;
}
.rdInfoLists li {
    font-size: 90%;
    line-height: 1.9;
    padding-bottom: 11px;
    letter-spacing: -0.02em;
}
.media .rdInfoLists li a{
    text-decoration: none;
}
.media .rdInfoLists li a:hover{
    text-decoration: underline;
}
.rdInfo.col2 .rdInfoLists li {
    padding-bottom: 12px;
}
.rdInfoLists li .category {
    display: inline-block;
    background: #959595;
    color: #FFF;
    padding: 0 3px;
    line-height: 19px;
    margin: 0 4px 0 0;
}
.rdInfoLists li .date {
    display: inline-block;
    padding-right: 5px;
    color: #363636;
    letter-spacing: -0.06em;
}


.col2Wrapper {
    background: #ffffff;
    padding: 0 0 0px;
}
.col2Wrapper .singleCol{
    float: left;
    width: 50%;
}
@media screen and (min-width: 768px) and (max-width: 994px) {
    .rdInfo {
        margin: 0 15px;
    }
    .rdInfo.col2 .ColumnSet {
        display: table;
        margin: 0;
    }
    .rdInfo.col2 .Column2 {
        display: table-cell;
        width: 50%;
        box-sizing: border-box;
    }

    .rdInfo.col2 .Column2.FirstItem{
        padding-right: 31px;
        padding-left: 0;
    }
    .rdInfo.col2 .Column2.LastItem{
        padding-left: 31px;
        margin-left: 0;
    }

}
@media screen and (max-width: 767px) {
    .rdInfoTtl .FMLinkListStyle {
        top: 0;
    }
    .rdInfoTtl {
        font-size: 14px;
        padding-top: 11px;
    }
    .rdInfoTtl h3 {
        margin: 0 0 14px;
    }
    .rdInfoTtl .more {
        font-size: 14px;
        margin-right: 0;
    }
    .rdInfo {
        margin: 0 15px;
    }
    .rdInfoLists {
        padding-top: 16px;
    }
    .rdInfoLists li {
        line-height: 1.5;
        padding-bottom: 16px;
    }
    .rdInfoLists li .category {
        padding: 0 3px;
        line-height: 1.5;
    }
    .rdInfo.whatsNew {
        padding: 0 0 23px;
    }
    .rdInfo.whatsNew .rdInfoTtl .FMLinkListStyle{
        top: 8px;
    }
    .rdInfo.col2 .rdInfoTtl h3{
        margin: 0 0 18px;
    }
    .rdInfo.col2 {
        padding-top: 0;
        padding-bottom: 22px;
    }
    .rdInfo.col2 .Column2 {
        width: auto;
    }
    .rdInfo.col2 .rdInfoTtl {
        margin-top: 17px;
        padding-top: 0;
    }
    .rdInfo.col2 .rdInfoTtl .more{
        top: 0;
    }
    .rdInfo.col2 .Column2.LastItem {
        margin: 0;
    }
    .rdInfo.col2 .Column2.LastItem .rdInfoTtl {
        margin-top: 32px;
    }
    .rdInfo.col2 .Column2.LastItem .rdInfoTtl h3 {
        margin: 0 0 15px;
    }
}

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

    .col2Wrapper {
        padding: 0;
    }
    .col2Wrapper .singleCol {
        float: none;
        width: 100%;
    }
}


.RdSocial.rdSocialCenter {
    text-align: center;
    padding-top: 15px;
}
.RdSocial.rdSocialCenter .socialShareButtons{
    padding-top: 0;
    padding-left: 0;
}
.RdSocial.rdSocialCenter div{
    vertical-align: top;
    float: none;
}


@media screen and (max-width: 767px) {
    .RdSocial.rdSocialCenter {
        padding-top: 10px;
    }
}

.rdLightGray {
    background: #f4f4f4;
}


.FatBanner.noBorder {
    border-top: none;
    padding-top: 36px;
}
@media screen and (max-width: 767px) {
    .FatBanner.noBorder {
        padding-top: 15px;
        margin-top: -15px;
    }

}


/* [xx] ?��?��?��W?��g?��b?��v

=========================================================================================== */

#TopicPath ul {
    padding-top: 15px;
    padding-bottom: 15px;
}

.special_description{font-size: 12px;width: 965px;margin: 15px auto 0;}
.special_description.vol2{text-align: center;}
.special_description_box{width: 760px;margin: 60px auto 10px;line-height: 2em;}
.special_description_box p.RightAdjust{margin-right: 10px; color:#999999;}
.specialBlock.manyperson .specialBlockTxtBoxInner{margin-bottom: 20px;}
.specialcontents{background:#f4f4f4; padding: 40px 15px !important;padding-top:77px;margin-bottom: 30px;}
.specialcontents h2{margin-bottom: 30px;}
@media screen and (min-width: 1px){
    #TopicPath ul li {
        background: none;
    }
    #TopicPath ul li:before{
        content: '>';
        padding-right: 7px;
        margin-left: -7px;
    }
    #TopicPath ul li.FirstItem:before{
        content: none;
    }
}

.specialGrid {
    width: 100%;
}

.socialShareButtons{
    padding-top: 15px;
}
.socialShareButtons ul{
    text-align: center;
    letter-spacing: -.4em;
}
.socialShareButtons ul li{
    display: inline-block;
    letter-spacing: normal;
    padding: 0 5px;
    margin: 0 0 5px;
}
.socialShareButtons ul li a{
    display: block;
    width: 90px;
    height: 40px;
    line-height: 40px;
    color: #FFFFFF;
    font-size: 13px;
    text-decoration: none;
    padding-left: 33px;
    border-radius: 4px;
    background-repeat: no-repeat;
}
.socialShareButtons ul li a:hover{
    opacity: 0.8;
}
.socialShareButtons ul li.fb a{
    background-color: #3b5999;
    background-image: url(/rd/image/top/icn_fb.png);
    background-size: 12px 26px;
    background-position: 15px 8px;
}
.socialShareButtons ul li.lk a{
    background-color: #0079ba;
    background-image: url(/rd/image/top/icn_in.png);
    background-size: 22px 23px;
    background-position: 11px 9px;
}
.socialShareButtons ul li.tw a{
    background-color: #1da1f2;
    background-image: url(/rd/image/top/icn_tw.png);
    background-size: 21px 17px;
    background-position: 12px 12px;
}
.socialShareButtons ul li.ht a{
    background-color: #00a4de;
    background-image: url(/rd/image/top/icn_ht.png);
    background-size: 20px 18px;
    background-position: 9px 10px;
    padding-left: 32px;
    width: 93px;
}
.socialShareButtons ul li.ln a{
    background-color: #00b900;
    background-image: url(/rd/image/top/icn_ln.png);
    background-size: 22px 22px;
    background-position: 11px 9px;
}
.socialShareButtons ul li.gp a{
    background-color: #dc4e41;
    background-image: url(/rd/image/top/icn_gp.png);
    background-size: 28px 18px;
    background-position: 10px 10px;
}

.socialShareButtons ul li.fb span{
    color:#3b5999;
	font-size:80%;
}
.socialShareButtons ul li.lk span{
    color:#0079ba;
	font-size:80%;
}
.socialShareButtons ul li.tw span{
    color:#1da1f2;
	font-size:80%;
}
.socialShareButtons ul li.ht span{
    color:#00a4de;
	font-size:80%;
}
.socialShareButtons ul li.ln span{
    color:#00b900;
	font-size:80%;
}
.socialShareButtons ul li.gp span{
    color:#dc4e41;
	font-size:80%;
}

.PC .socialShareButtons ul li.ln{
    display: none;
}
.PC .socialShareButtons ul li.ht,
.SP .socialShareButtons ul li.ht{
    display: none;
}

@media screen and (max-width: 994px) {
	 .Column2 .socialShareButtons{
        padding-top: 0;
    }
    .Column2 .socialShareButtons ul{
        letter-spacing: -.4em;
        margin: 30px -5px;
    }
    .Column2 .socialShareButtons ul li{
        width: auto;
        letter-spacing: normal;
        padding: 0 5px;
    }
    .Column2 .socialShareButtons ul li a{
        display: block;
        width: 40px;
        height: 40px;
        line-height: 40px;
        color: #FFFFFF;
        font-size: 0;
        text-decoration: none;
        padding-left: 0;
        border-radius: 2px;
        background-repeat: no-repeat;
    }
    .Column2 .socialShareButtons ul li a:hover{
        opacity: 0.8;
    }
    .Column2 .socialShareButtons ul li.fb a{
        background-size: 11px 24px;
        background-position: 14px 8px;
    }
    .Column2 .socialShareButtons ul li.lk a{
        background-size: 20px 21px;
        background-position: 10px 9px;
    }
    .Column2 .socialShareButtons ul li.tw a{
        background-size: 20px 16px;
        background-position: 10px 12px;
    }
    .Column2 .socialShareButtons ul li.ht a{
        background-size: 20px 18px;
        background-position: 11px 11px;
        padding-left: 0;
        width: 40px;
    }
    .Column2 .socialShareButtons ul li.ln a{
        background-size: 22px 22px;
        background-position: 9px 10px;
    }
    .Column2 .socialShareButtons ul li.gp a{
        background-size: 26px 16px;
        background-position: 6px 12px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1280px) {
	.specialOverviewGrid #lecturer, #lecturer.specialBlock,#references.specialBlock {
	        padding-left: 15px!important;
	        padding-right: 15px!important;
	    }
    .socialShareButtons ul li a{
        width: 82px;
    }
}

@media screen and (max-width: 830px) {
    .RdSocial div {
        padding-left: 0;
    }
    .socialShareButtons{
        padding-top: 0;
    }
    .socialShareButtons ul{
        letter-spacing: -.4em;
        margin: 0 -5px;
    }
    .socialShareButtons ul li{
        width: auto;
        letter-spacing: normal;
        padding: 0 5px;
    }
    .socialShareButtons ul li a{
        display: block;
        width: 40px;
        height: 40px;
        line-height: 40px;
        color: #FFFFFF;
        font-size: 0;
        text-decoration: none;
        padding-left: 0;
        border-radius: 2px;
        background-repeat: no-repeat;
    }
    .socialShareButtons ul li a:hover{
        opacity: 0.8;
    }
    .socialShareButtons ul li.fb a{
        background-size: 11px 24px;
        background-position: 14px 8px;
    }
    .socialShareButtons ul li.lk a{
        background-size: 20px 21px;
        background-position: 10px 9px;
    }
    .socialShareButtons ul li.tw a{
        background-size: 20px 16px;
        background-position: 10px 12px;
    }
    .socialShareButtons ul li.ht a{
        background-size: 20px 18px;
        background-position: 11px 11px;
        padding-left: 0;
        width: 40px;
    }
    .socialShareButtons ul li.ln a{
        background-size: 22px 22px;
        background-position: 9px 10px;
    }
    .socialShareButtons ul li.gp a{
        background-size: 26px 16px;
        background-position: 6px 12px;
    }
    .Column2 .socialShareButtons ul{
        letter-spacing: -.4em;
        margin: 0 -5px;
    }
}

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

	#lecturer.specialBlock .lecturerRBox {
    display: table-cell;
    vertical-align: top;
    width: auto;
}
	#lecturer.specialBlock .lecturerThumb {
    width: 180px;
}
    .specialGrid .socialShareButtons{
        padding-top: 0;
    }
    .specialGrid .specialBlock#overview {
        background-size: cover;
    }
}
.specialBlockTtl {
    padding: 85px 0 43px;
}
.renzoku .specialBlockTtl {
padding: 70px 0 53px;
}
.specialBlockTtl.firstItem {
    padding: 48px 0 40px;
}
.specialBlockTtl h2 {
    text-align: center;
    font-size: 200%;
    font-weight: bold;
    line-height: 1;
    padding-top: 44px;
	margin-top: 30px;
}
.specialBlockTtl h2:first-child {
	    padding-top: 14px;
}

.specialcontents.specialBlockTtl h2 {
font-weight: 500;
}
.renzoku .specialBlockTtl h2 {
margin: 0;
padding: 0;
}
.specialBlock {
    padding: 18px 0 82px;
}
.specialBlock#overview {
    padding: 112px 0 82px;
    background: url(/rd/sc/ai/image/overview_bg.jpg) top center no-repeat;
    background-size: 100% auto;
}
.specialBlock h3{
    font-size: 218%;
    text-align: center;
    color: #000;
    line-height: 1.5;
}
.specialBlock .subTtl {
    padding-top: 15px;
    text-align: center;
    font-size: 87.5%;
}
.specialBlock .txt {
    width: 611px;
    margin: 0 auto;
    padding-top: 35px;
    line-height: 1.9;
}
.specialBlock .rdButtonStyle {
    text-align: center;
    padding-top: 54px;
}

#videoDigest .contentsWidth {
    display: table;
}
#videoDigest .contentsWidth .vDCol1{
    padding: 0 10px;
    width: 50%;
    float: left;
    box-sizing: border-box;
}
#videoDigest .contentsWidth .vDCol1.latest{
    padding-bottom: 28px;
    width: 100%;
}
#videoDigest.renzoku .contentsWidth .vDCol1.latest{
padding-bottom: 0px;
width: 100%;
}
#videoDigest .contentsWidth .vDCol1.latest .vDTtl{
    padding: 0 0 8px;
}
#videoDigest .contentsWidth .vDCol1 .vDThumb{
    padding-top: 17px;
}
.renzoku .vDThumb{padding-top: 70px!important;}
#videoDigest .contentsWidth .vDCol1 .rdButtonStyle{
    padding-top: 30px;
}
#videoDigest .contentsWidth .vDTtl{
    font-size: 120%;
    font-weight: bold;
    padding: 10px 0 4px;
    color: #e60027;
}
#videoDigest .contentsWidth .vDTxt{
    font-size: 85%;
    line-height: 1.45;
}
#videoDigest .contentsWidth .rdButtonStyle .link{
    min-width: 132px;
    background-position: 150px center;
}

#references.specialBlock {
    padding: 0 0 50px;
}
#references.specialBlock h2 {
    font-size: 150%;
    font-weight: normal;
    line-height: 1;
    border-bottom: 1px solid #e60027;
    padding: 8px 0 15px;
    margin-bottom: 20px;
    background: none;
}
#references.specialBlock .referencesThumb{
    padding-right: 20px;
}
#references.specialBlock .referencesName{
    font-size: 125%;
}
#references.specialBlock .referencesTtl{
    padding-top: 15px;
}
#references.specialBlock .specialBlockTxtBoxInner {
    display: table;
    width: 100%;
}
#references.specialBlock .referencesThumb,
#references.specialBlock .referencesTxtBox{
    display: table-cell;
    vertical-align: top;
}
#references.specialBlock .referencesTxt,
#references.specialBlock .referencesLinkWrapper{
    font-size: 87.5%;
    line-height: 1.78;
    padding-top: 10px;
}
#references.specialBlock .referencesLinkWrapper{
    padding-top: 0;
}
#references.specialBlock .referencesLinkWrapper .lecturerRefLabel{
    float: left;
}
#references.specialBlock .referencesLinkWrapper .LinkListStyle2{
    font-size: 100%;
    display: inline-block;
}

#lecturer.specialBlock {
    padding-top: 50px;
}
.specialOverviewGrid #lecturer{
    padding-top: 0;
}
.specialOverviewGrid #lecturer.chapter{
    padding-top: 50px;
}
#lecturer.specialBlock h2 {
    font-size: 150%;
    font-weight: normal;
    line-height: 1;
    border-bottom: 1px solid #e60027;
    padding: 8px 0 15px;
    margin-bottom: 20px;
    background: none;
}
#lecturer.specialBlock .lecturerThumb{
    padding-right: 20px;
	float: left;
}
#lecturer.specialBlock .lecturerName{
    font-size: 125%;
}
#lecturer.specialBlock .specialBlockTxtBoxInner {
    display: table;
    width: 100%;
}
#lecturer.specialBlock .lecturerThumb,
#lecturer.specialBlock .lecturerRBox{
   /* display: table-cell;*/
    vertical-align: top;
}
#lecturer.specialBlock .lecturerTxt,
#lecturer.specialBlock .lecturerLinkWrapper{
    font-size: 87.5%;
    line-height: 1.78;
    padding-top: 10px;
}
#lecturer.specialBlock .lecturerLinkWrapper .lecturerRefLabel{
    float: left;
}
#lecturer.specialBlock .lecturerLinkWrapper .LinkListStyle2{
    font-size: 100%;
    display: inline-block;
}

.FatBanner.rdFatBanner {
    padding-top: 95px;
}
@media screen and (max-width: 965px) {
.special_description {
    margin: 0px 0 30px;
    font-size: 12px;
    padding-left: 12px;
    padding-right: 12px;
    width: auto;

}
	.special_description.vol2 {text-align: left;}
}
@media screen and (min-width: 768px) and (max-width: 965px) {

    #references.specialBlock .references.Thumb {
        width: 180px;
    }

    #references.specialBlock,
    #lecturer.specialBlock {
        padding-left: 15px;
        padding-right: 15px;
    }
    .specialOverviewGrid #lecturer,
    #lecturer.specialBlock{
        padding-left: 15px;
        padding-right: 15px;
    }
    .specialPageTop ul{
        padding-right: 15px;
    }
	.special_description_box {

  width:auto;
    padding-left: 15px;
    padding-right: 15px;
	}
	.contentpersonsWidth,
	.contentpersonsWidth1person {
		max-width: 86%;
	}
	.contentpersonsWidth2 {
    max-width: 96%;
	}
	.person_name2{width: 14%; padding-right: 2%; }
    .person_text2{width: 80%;}

}

@media screen and (max-width: 767px) {
    .specialBlockTtl.firstItem {
        padding-top: 15px;
        padding-bottom: 12px;
        font-size: 50%;
        border-top: 1px solid #ccc;
        margin: 0px 0 0;
    }
	.special_description_box{margin: 0;}
.renzoku .specialBlockTtl{
padding-top: 30px;
padding-bottom: 15px;
}
#videoDigest.renzoku .contentsWidth .vDCol1.latest{
padding: 0 15px 0 15px;
}
    .specialBlockTtl {
        padding-top: 15px;
        font-size: 50%;
        padding-bottom: 1px;
    }

	.specialcontents .portalColumn{
width: 100%;
margin: 0 0px 15px!important;
}
.specialcontents h3 {
padding: 3px 5px!important;
line-height: 1.6em!important;
}
    .specialBlockTtl h2 {
        margin-left: 0;
        margin-right: 0;
        background-image: none;
    }
	.specialBlockTtl.firstItem h2 {
margin-top: 20px;
}
    .specialBlock .subTtl {
        padding-top: 11px;
    }
    .specialBlock#overview h3{
        font-size: 175%;
    }
    .specialBlock#overview {
        font-size: 67.5%;
        padding: 42px 0 18px;
        background-size: 100% auto;
    }
    .specialBlock .txt {
        width: auto;
        font-size: 120%;
        padding-left: 12px;
        padding-right: 12px;
        line-height: 1.8;
    }

	.special_description_box {
width: auto;
font-size: 81%;
padding-left: 12px;
padding-right: 12px;
line-height: 1.8;
padding-top:30px;
/*padding-bottom: 12px;*/
border-top: 1px solid #ccc;
margin: 0px 0 15px;
}
.RdSocial {
margin-bottom: 0px;
}

.contentpersonsWidth,
.contentpersonsWidth1person {
padding-left: 12px;
padding-right: 12px;
width:auto;
margin: 10px 0 ;
}
.contentpersonsWidth2 {
max-width: auto;
margin: 30px 12px;
font-size: 170%;
}
.person_name2{width: auto;}
.person_text2{width: auto;}
.person2{line-height: 1.8}
.specialBlockTtl.firstItem p.person{text-indent: 0;line-height: 1.8;font-size: 170%;margin-bottom: 20px;margin-top: 30px;}

    .specialBlock .rdButtonStyle {
        padding-top: 25px;
    }
    #videoDigest {
        padding: 0;
    }
    #videoDigest .contentsWidth {
        display: block;
    }
    #videoDigest .contentsWidth .vDCol1 {
        display: block;
        float: left;
    }
    #videoDigest .contentsWidth .vDCol1.latest {
        padding: 7px 15px 0 15px;
    }
    #videoDigest .contentsWidth .vDCol1 .vDTtl{
        font-size: 87.5%;
        padding-top: 0;
        padding-bottom: 7px;
    }
    #videoDigest .contentsWidth .vDCol1 .vDTxt{
        font-size: 80%;
        line-height: 1.45;
    }
    #videoDigest .contentsWidth .vDCol1 .vDThumb {
        padding-top: 11px;
    }
	.renzoku .vDThumb{padding-top:30px!important;}
.renzoku .vDThumb:first-child{padding-top:15px!important;}
    #videoDigest .contentsWidth .vDCol1 .rdButtonStyle {
        padding-top: 9px;
    }
    #videoDigest .contentsWidth .rdButtonStyle .link {
        min-width: 88px;
        background-position: 93px center;
    }
    .specialOverviewGrid #videoDigest {
        margin-left: 15px;
    }
    .specialOverviewGrid #videoDigest.specialOverviewBlock.chapter {
        margin-left: 0;
    }
    .specialOverviewGrid #lecturer.specialBlock {
        margin-left: 15px;
    }
    .specialOverviewGrid #lecturer.specialBlock.chapter {
        padding-top: 30px;
        margin-left: 0;
    }
    .specialOverviewGrid #videoDigest .contentsWidth {
        display: flex;
        flex-wrap: wrap;
    }
    #references.specialBlock {
        padding: 30px 0 0;
    }
    #references.specialBlock h2 {
        margin: 0 10px;
        font-size: 87.5%;
        padding-top: 11px;
        padding-bottom: 5px;
    }
    #references.specialBlock .referencesThumb {
        float: none;
        width: 27%;
        margin: 0 auto;
        padding-left: 30px;
        padding-top: 8px;
    }
    #references.specialBlock .referencesName {
        font-size: 87.5%;
        text-align: center;
        padding-top: 12px;
    }
    #references.specialBlock .referencesTxt{
        font-size: 80%;
        padding-left: 15px;
        padding-right: 15px;
    }
    #references.specialBlock .specialBlockTxtBoxInner {
        display: block;
        width: auto;
    }
    #references.specialBlock .referencesThumb,
    #references.specialBlock .referencesTxtBox{
        display: block;
    }
    #references.specialBlock .referencesLinkWrapper{
        font-size: 80%;
        padding: 10px 15px 0;
    }
    #references.specialBlock .referencesLinkWrapper .LinkListStyle2 li {
        padding: 5px 0;
    }
    #references.specialBlock .referencesLinkWrapper .LinkListStyle2 li a{
        background-size: 14px;
        padding-right: 12px;
        text-decoration: underline;
    }
    #lecturer.specialBlock {
        padding-top: 20px;
        padding-bottom: 30px;
    }
    #lecturer.specialBlock h2 {
        margin: 0 10px;
        font-size: 87.5%;
        padding-top: 11px;
        padding-bottom: 5px;
    }
    #lecturer.specialBlock .lecturerThumb {
        /*float: none;*/
        width: 27%;
        margin: 0;
        padding-right: 10px;
        padding-left: 10px;
        padding-top: 8px;
    }
    #lecturer.specialBlock .lecturerRBox {
        display: block;
    }

    #lecturer.specialBlock .lecturerParamsBox {
        /*position: absolute;*/
        top: 0;
        height: 27%;
        padding-left: 27%;
        margin-left: 20px;
    }
    #lecturer.specialBlock .lecturerName {
        font-size: 87.5%;
        font-weight: bold;
        padding-top: 12px;
    }
    #lecturer.specialBlock .lecturerTtl {
        padding-top: 10px;
        font-size: 80%;
    }
    #lecturer.specialBlock .lecturerTxt{
        font-size: 80%;
        padding-left: 10px;
        padding-right: 10px;
    }
    #lecturer.specialBlock .specialBlockTxtBoxInner {
        display: block;
        width: auto;
        position: relative;
    }
    #lecturer.specialBlock .lecturerThumb,
    #lecturer.specialBlock .lecturerTxtBox{
        display: block;
    }
    #lecturer.specialBlock .lecturerLinkWrapper{
        font-size: 80%;
        padding: 10px 15px 0;
    }
    #lecturer.specialBlock .lecturerLinkWrapper .LinkListStyle2 li a{
        background-size: 14px;
        padding-right: 12px;
        text-decoration: underline;
    }
    .contentsWidth.specialPageTop {
        padding-top: 30px;
        padding-right: 15px;
    }
}

/* [xx] ?��?��?��WOverview

=========================================================================================== */





.specialOverviewBlockWrapper {
    background: url(/rd/sc/ai/image/001_overview_bg.jpg) top center no-repeat;
    background-size: 100% auto;
    padding-bottom: 24px;
}
.specialOverviewBlockWrapper.chapter {
    background-image: none;
}
.specialOverviewBlockWrapper .RdSocial.rdSocialCenter{
    padding-top: 72px;
}

.specialOverviewBlock .specialOverviewBlockTtl h2 {
    text-align: center;
    font-size: 150%;
    padding-top: 53px;
    color: #000;
    background: none;
}
.specialOverviewBlock .specialOverviewBlockTxtBox .chapterTtl {
    /*padding-top: 30px;*/
    text-align: center;
    font-size: 172%;
    font-weight: bold;
    color: #FF0000;
    padding-top: 19px;
}
.specialOverviewBlock .specialOverviewBlockTxtBox h3.mainTtl {
    padding-top: 10px;
}
.specialOverviewBlock .specialOverviewBlockTxtBox h3 {
    font-size: 218.75%;
    text-align: center;
    font-weight: bold;
    padding-top: 35px;
    line-height: 1.5;
    color: #000;

}
.specialOverviewBlock .specialOverviewBlockTxtBox .subTtl {
    padding-top: 13px;
    text-align: center;
    font-size: 87.5%;
}
.specialOverviewBlock .specialChapterThumb {
    margin-top: 64px;
}
.specialOverviewBlock .specialChapterThumb .contentsWidth .inner {
    position: relative;
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
}
.specialOverviewBlock .specialChapterThumb .contentsWidth iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}
.RdSocial.rdSocialCenter.specialOverviewSocial {
    padding-top: 66px;
}

.specialOverviewWidth {
    max-width: 765px;
    margin: 0 auto;
    padding-top: 32px;
}
.specialOverviewWidth.first {
    padding-top: 64px;
}
.specialOverviewWidth p{
    text-indent: 1em;
    line-height: 2.2;
}
.specialOverviewWidth.topBorder{
    border-top: 1px solid #ccc;
    margin-top: 33px;
    padding-top: 42px;
    text-indent: 0;
}
.specialOverviewWidth.topBorder p:first-child{
    padding-top: 0;
}
.specialOverviewWidth.topBorder p{
    text-indent: 0;
    padding-top: 15px;
}
.specialOverviewWidth.topBorder p.Txt{
    line-height: 1.8;
    font-size: 87.5%;
    padding-top: 5px;
}
.specialOverviewBlock.imgBlock {
    padding-top: 48px;
    padding-bottom: 19px;
}
#videoDigest.specialOverviewBlock .contentsWidth {
    max-width: 985px;
    padding-top: 10px;
}
#videoDigest.specialOverviewBlock .vDCol1 {
    width: 33.3%;
}
#videoDigest.specialOverviewBlock .vDCol1 img {
    width: 100%;
}
#videoDigest.specialOverviewBlock .vDCol1.hide {
    opacity: 0.3;
}
#videoDigest.specialOverviewBlock {
    padding-bottom: 69px;

}
#videoDigest.specialOverviewBlock.chapter {
    padding-bottom: 20px;
}

@media screen and (min-width: 768px) and (max-width: 1280px) {
    .JS .GridSet.specialOverviewGrid {
        width: 100%;
        margin: 0;
    }
    .JS .GridSet.specialOverviewGrid .Grid4{
        padding: 0;
    }
    .specialOverviewWidth {
        padding-left: 15px;
        padding-right: 15px;
    }
    #videoDigest.specialOverviewBlock {
        width: 100%;
    }
    #videoDigest.specialOverviewBlock .contentsWidth {
        box-sizing: border-box;
    }
}

@media screen and (max-width: 767px) {
    .specialOverviewBlock .specialOverviewBlockTtl h2 {
        margin: 0;
        padding: 40px 0 0;
    }
    .specialOverviewBlock .specialOverviewBlockTxtBox h3 {
        padding-top: 11px;
        font-size: 120%;
    }
    .specialOverviewBlock .specialOverviewBlockTxtBox .subTtl {
        padding-top: 0;
        font-size: 64%;
    }
    .specialOverviewBlock .specialOverviewBlockTxtBox .chapterTtl {
        padding-top: 15px;
        text-align: center;
        font-size: 100%;
        font-weight: bold;
        color: #FF0000;
    }
    .specialOverviewBlock .specialChapterThumb {
        margin-top: 20px;
    }
    .socialShareButtons {
        padding-top: 26px;
    }
    .specialOverviewWidth,
    .specialOverviewWidth.first {
        padding-top: 20px;
        padding-left: 10px;
        padding-right: 10px;

    }
    .specialOverviewWidth p {
        font-size: 80%;
        line-height: 1.7;
    }
    .RdSocial.rdSocialCenter.specialOverviewSocial {
        padding-top: 20px;
    }
    .specialOverviewBlockWrapper {
        padding-bottom: 0;
    }
    #videoDigest.specialOverviewBlock .vDCol1 {
        width: 50%;
    }
    .specialOverviewBlock.imgBlock {

    }
}

.specialBlock#overview.chapterBlock {
    padding: 66px 0 27px;
    background-position: center center;
    margin-bottom: 80px;
}

.FMLinkListStyle li a.js_areacolumnbtn {
    float: none;
    width: auto;
    margin-right: 0;
}


@media screen and (min-width: 768px) and (max-width: 1280px) {
    .specialBlock#overview {
        background-size: cover;
    }
    .specialBlock#overview.chapterBlock {
        background-size: 100% auto;
        margin-bottom: 0;
    }
	#lecturer.specialBlock .lecturerThumb {
	width: 180px;
}
	#lecturer.specialBlock .lecturerRBox {
	display: table-cell;
	vertical-align: top;
	width: 760px;
}
}


@media screen and (max-width: 767px) {
    .specialBlock#overview {
        font-size: 67.5%;
        padding: 42px 0 18px;
        background-size: auto 100%;
    }
    .specialBlock#overview.chapterBlock {
        background-size: 100% auto;
        margin-bottom: 0;
    }
}