/* =========================================================
   セクションコメントブロック
========================================================= */

/* サブ・セクションコメントブロック
--------------------------- */

/*
 * グループコメントブロック
 * 複数行になるドキュメントや説明の際に最適
 */


/* 基本コメント */


/* =========================================================
   共通
========================================================= */
p {
    font-size: 14px;
    line-height: 1.6;
    color: #333;
}

.bold {
    font-weight: bold;
}

/* margin */
.mt0{margin-top: 0!important;}
.mt5{margin-top: 5px!important;}
.mt10{margin-top: 10px!important;}
.mt15{margin-top: 15px!important;}
.mt20{margin-top: 20px!important;}
.mt25{margin-top: 25px!important;}
.mt30{margin-top: 30px!important;}
.mt35{margin-top: 35px!important;}
.mt40{margin-top: 40px!important;}
.mt45{margin-top: 45px!important;}
.mt50{margin-top: 50px!important;}

.mb0{margin-bottom: 0!important;}
.mb5{margin-bottom: 5px!important;}
.mb10{margin-bottom: 10px!important;}
.mb15{margin-bottom: 15px!important;}
.mb20{margin-bottom: 20px!important;}
.mb25{margin-bottom: 25px!important;}
.mb30{margin-bottom: 30px!important;}
.mb35{margin-bottom: 35px!important;}
.mb40{margin-bottom: 40px!important;}
.mb45{margin-bottom: 45px!important;}
.mb50{margin-bottom: 50px!important;}


/* padding */
.pt0{padding-top: 0!important;}
.pt5{padding-top: 5px!important;}
.pt10{padding-top: 10px!important;}
.pt15{padding-top: 15px!important;}
.pt20{padding-top: 20px!important;}
.pt25{padding-top: 25px!important;}
.pt30{padding-top: 30px!important;}
.pt35{padding-top: 35px!important;}
.pt40{padding-top: 40px!important;}
.pt45{padding-top: 45px!important;}
.pt50{padding-top: 50px!important;}

.pb0{padding-bottom: 0!important;}
.pb5{padding-bottom: 5px!important;}
.pb10{padding-bottom: 10px!important;}
.pb15{padding-bottom: 15px!important;}
.pb20{padding-bottom: 20px!important;}
.pb25{padding-bottom: 25px!important;}
.pb30{padding-bottom: 30px!important;}
.pb35{padding-bottom: 35px!important;}
.pb40{padding-bottom: 40px!important;}
.pb45{padding-bottom: 45px!important;}
.pb50{padding-bottom: 50px!important;}

.pl-wrap {
	width: 980px;
	margin: 0 auto;
}

/* ボタン */
.pl-btn {
    position: relative;
    background: -webkit-gradient(linear, left top, left bottom, from(#5fc3a3),to(#37b48c));
    background: -webkit-linear-gradient(top, #5fc3a3 0%,#37b48c 100%);
    background: linear-gradient(to bottom, #5fc3a3 0%,#37b48c 100%);
    font-size: 16px;
    text-align: center;
    border-radius: 5px;
    margin: 40px auto;
    position: relative;
    width: 420px;
}

.pl-btn:hover {
    opacity: 0.8;
    text-decoration: none;
    cursor: pointer;
}

.pl-btn::after {
    position: absolute;
    top: 14px;
    right: 7px;
    content: '';
    margin-right: 10px;
    width: 12px;
    height: 12px;
    -webkit-transform: rotate(44deg);
            transform: rotate(44deg);
    border-bottom: 3px solid #fff;
    border-right: 3px solid #fff;
    display: inline-block;
}

.pl-btn__link {
    text-decoration: none;
    color: #fff;
    line-height: 50px;
    width: 100%;
    display: inline-block;
}

.pl-btn__link:link {
    color: #fff;
}

.pl-btn__link:visited {
    color: #fff;
}

.pl-btn__link:hover {
    text-decoration: none;
}

/* =========================================================
   注意文言
========================================================= */
.mainTop {
	width:980px;
	margin:auto;
	text-align:left;
}

.seasonoff {
	border: 3px solid #FF0004;
	margin: 10px 0 15px;
	padding: 3px 7px;
	text-align: left;
}

.seasonoff p {
	line-height:1.5em;
	font-size:17px;
}
.seasonoff .txt_red {
	color:#FF0004;
	font-weight:bold;
}


/* =========================================================
   pl-mv
========================================================= */
.pl-mv {
    position: relative;
    background: url(/car/service/carseat/images/mv_980x500.jpg) no-repeat;
    height: 500px;
    margin-bottom: 40px;
}

.pl-mv__header {
    position: absolute;
    right: 30px;
    top: 170px;
    font-size: 24px;
    color: #333;
    line-height: 45px;
    text-align: left;
    padding: 20px 0 0 28px;
    width: 485px;
    height: 174px;
    background: url(/car/service/carseat/images/pl-mv__header.png) no-repeat;
}

.pl-mv__header.tc {
    background: url(/car/service/carseat/images/pl-mv__header_tc.png) no-repeat;
    height: 233px;
    width: 387px;
}

.pl-mv__header.en {
    background: url(/car/service/carseat/images/pl-mv__header_en.png) no-repeat;
    height: 276px;
    width: 479px;
}

.pl-mv__header.kr {
    background: url(/car/service/carseat/images/pl-mv__header_kr.png) no-repeat;
    height: 228px;
    padding: 15px 0 0 15px;
    width: 358px;
}

.pl-mv__header__small {
    display: block;
    line-height: 30px;
    margin-bottom: 6px;
}

.pl-mv__header__middle {
    font-weight: bold;
    font-size: 30px;
    display: block;
    line-height: 40px;
    margin-bottom: 15px;
}

.pl-mv__header__large {
    font-size: 40px;
    font-weight: bold;
}

.pl-mv__header__large .\--isWhite {
    color: #fff;
    background: #59bdee;
    padding: 0 2px;
}

.pl-mv__header__large .\--isBlue {
    color: #59bdee;
}

.pl-mv__header__large .\--isSmall {
    font-size: 30px;
    font-weight: normal;
}

/* =========================================================
   pl-content
========================================================= */
.pl-contentBox {
    margin-bottom: 80px;
}

.pl-contentBox__lead {
    margin-bottom: 30px;
}

/* 見出し1 */
.pl-contentBox__heading {
    position: relative;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    background-color: #59bdee ;
/*    background: url(/car/service/carseat/images/pattern.png);*/
    padding: 12px 0 12px 20px;
    margin-bottom: 30px;
}

.pl-contentBox__heading::after {
    content: '';
    display: inline-block;
    position: absolute;
    right: 6px;
    top: 0;
    background: url(/car/service/carseat/images/ico_29x32_seat.png) no-repeat 0 50%;
    width: 29px;
    height: 43px;
    background-size: 29px 32px;
}

/* 見出し2 */
.pl-contentBox__subHeading {
    position: relative;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    line-height: 2.2;
    background: url(/car/service/carseat/images/ui_940x2_border-dotted.png) no-repeat bottom center;
    padding-left: 30px;
    margin: 65px 0 20px;
}

.pl-contentBox__subHeading::before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 6px;
    left: 0px;
    background: url(/car/service/carseat/images/ico_18x20_seat.png) no-repeat;
    width: 21px;
    height: 24px;
}

.pl-contentBox__text {
    color: #505050;
    margin-bottom: 30px;
}
.pl-contentBox__text.notice {
    margin-top: 28px;
    font-size: 14px;
    color: #ff0004;
}

.pl-contentBox__text.recommend {
    margin-bottom: 25px;
    text-align: center;
    font-size: 18px;
    line-height: 30px;
    font-weight: bold;
}

.pl-contentBox__table {
    width: 100%;
    border-collapse: collapse;
}

.pl-contentBox__table th,
.pl-contentBox__table td {
    width: 234px;
    padding: 8px;
    font-size: 14px;
    line-height: 1.5em;
    border: 1px solid #a0acba;
}

.pl-contentBox__table th {
    background-color: #eceef1;
    text-align: center;
}

.pl-contentBox__table th:empty {
    width: 214px;
    border: none;
    background-color: transparent;
}

.pl-contentBox__table th.\--isCompany {
    width: 214px;
    text-align: left;
}
/* flexbox */
.pl-flexbox {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
}


.txt_annotation{
    font-size: 12px;
    line-height: 17px;
    color: #7d7d7d;
}

/* チャイルドシート種類
--------------------------- */
.pl-description {
    width: 320px;
}

.pl-description__thumb {
    width: 120px;
}

.pl-description__thumb img {
    margin-bottom: 10px;
    width: 100%;
}

.pl-description__text {
    width: 200px;
}

.pl-description__text h2 {
    font-size: 18px;
    font-weight: bold;
    color:#59bdee;
    line-height: 27px;
}

.pl-description__text p {
    width: 620px;
    margin-bottom: 20px;
}

.pl-description__text ul {
    margin: 0 0 0 18px;
}

.pl-description__text li {
    list-style: disc outside;
    line-height: 22px;
}


/* Q&A
--------------------------- */
.pl-qa {
    width: 920px;
    margin: 0 auto;
}

.pl-qa__title {
    position: relative;
    font-size: 14px;
    font-weight: bold;
    color: #013893;
    line-height: 44px;
    padding-left: 55px;
}

.pl-contentBox.\--isEn .pl-qa__title {
    font-size: 16px;
}



.pl-qa__title::before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    display: inline-block;
    background: url(/car/service/carseat/images/ico_question.png) no-repeat;
    width: 40px;
    height: 40px;
}

.pl-qa__title::after {
    content: "";
    display: inline-block;
    background: url(/car/service/carseat/images/ui_border.png) no-repeat bottom;
    width: 920px;
    height: 2px;
    position: absolute;
    bottom: -5px;
    left: 50%;
    margin-left: -460px;
}


.pl-qa__content {
    position: relative;
    padding: 0 0 0 55px;
    margin: 20px 0 30px;
    line-height: 1.6;
}

.pl-qa__content::before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    display: inline-block;
    background: url(/car/service/carseat/images/ico_answer.png) no-repeat;
    width: 40px;
    height: 40px;
}

.pl-qa__content p {
    margin-bottom: 1em;
}


/* button
--------------------------- */
.pl-button {
    margin: 20px auto 0;
    text-align: center;
}

.pl-button__link {
    display: inline-block;
    position: relative;
    width: 620px;
    line-height: 50px;
    border-radius: 4px;
    background: #f27b11;
    -webkit-box-shadow: #d8670b 0 4px 0, rgba(0,0,0,0.2) 0 3px 3px;
    box-shadow: #d8670b 0 4px 0, rgba(0,0,0,0.2) 0 3px 3px;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    text-shadow: 0px -1px 1px rgba(0,0,0,0.2);
    vertical-align: middle;
    cursor: pointer;
    margin: 0 auto;
    font-feature-settings: 'pkna';
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.pl-button__link::after {
    content: '＞';
}

.pl-button__link:link,
.pl-button__link:visited {
    color: #fff;
}

.pl-button__link:hover {
    text-decoration: none;
    position: relative;
    top: -1px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.1)),to(rgba(255,255,255,0)));
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.1),rgba(255,255,255,0));
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.1),rgba(255,255,255,0));
    -webkit-box-shadow: #d8670b 0 4px 0, #f27b11 0 4px 10px;
    box-shadow: #d8670b 0 4px 0, #f27b11 0 4px 10px;
}