@charset "utf-8";

/*==================================================================
  PC用スタイル ↓
===================================================================*/

@media (min-width: 769px) {
  .br-sp{
    display:none;
  }
  /*====================================================================
    page__ttl
  =====================================================================*/
  .page__ttl{
    width: 100%;
    height: 130px;
    padding-top: 50px;
    background-color: #898989;
    /*background: url(../images/pages/company/ttl_bg.jpg) center center #000 no-repeat;*/
  }
    .page__ttl span{
      display: block;
      width: 1090px;
      height: 0;
      margin: 0 auto;
      padding-top: 34px;
      overflow: hidden;
      background: url(../images/pages/poririnplatinum/poririnplatinum_ttl.png) left center no-repeat;
    }


  /*====================================================================
    poririnplatinum
  =====================================================================*/

  .poririnplatinum{
    width: 1090px;
    margin: 0 auto 130px auto;
  }


  /*=================================
    下層ページ・ページサブタイトル
  ==================================*/
  .subHead01 {
    height:32px;
    overflow:hidden;
    padding:0px 20px 0px 40px;
    font-size:120%;
    font-weight:bold;
    background-image:url(../images/pages/poririnplatinum/subHead_bg.gif);
    background-repeat:no-repeat;
    background-position:0px 0px;
    border-bottom:solid 1px #10d0ff;
  }


  /*=============================================
    ポリリンプラチナホワイトニングシステム
  =============================================*/

  /* 共通 */
  #whitening .subHead01,
  #recommend .subHead01,
  #features .subHead01,
  #flow .subHead01{
    margin-bottom:30px;
  }

  /* きらきらで透明感のある白い歯へ */
  #whitening {
    width:1090px;
    margin-top: 30px;
    margin-bottom:50px;
  }
  #whitening figure {
    width:325px;
    float:left;
  }
  #whitening p{
    width: 730px;
    float:right;
  }

  /* こんな方にオススメ */
  #recommend,
  #recommend {
    width:1090px;
    margin-bottom: 50px;
  }
  #recommend ul{
    width:1090px;

  }
  #recommend ul li {
    width:197px;
    float:left;
    margin:0 100px 10px 0;
  }
  #recommend ul li:nth-child(4n) {
    margin-right:0;
  }
  #recommend ul li img{
    margin-bottom:3px;
  }

  /* 痛くならない？「ポリリンプラチナホワイトニングシステム」の特徴 */
  #features {
    width:1090px;
    margin-bottom:50px;
  }
  #features ul {
    width:640px;
    height:0;
    padding-top:102px;
    display:block;
    overflow:hidden;
    background:url(../images/pages/poririnplatinum/features.gif) no-repeat;
    margin:0 auto 30px auto;
  }

  #features table {
    width:1090px;
    border-collapse:collapse;
    border:1px solid #2F5129;
    margin:17px 30px 0 0;
  }
  #features table tr th,
  #features table tr td {
    border-collapse:collapse;
    border:1px solid #2F5129;
  }
  #features table tr th {
    color:#000;
    font-size:110%;
    font-weight:bolder;
    text-align:left;
    padding:20px 10px 20px 53px;
  }
  #features table tr td {
    padding:12px 10px;
  }
  #features table tr #bad,
  #features table tr #good {
    width:185px;
  }
  #features table tr #bad{
    background:url(../images/pages/poririnplatinum/bad.gif) 10px center no-repeat;
  }
  #features table tr #good{
    background:url(../images/pages/poririnplatinum/good.gif) 10px center no-repeat;
  }
  #features table tr .item {
    width:113px;
    color:#4B4BAA;
    font-size:110%;
    font-weight:bolder;
    background:#DBF8FF;
    text-align:center;
    vertical-align:middle;
    padding:0;
  }
  #features table tr .emphasis {
    background:#FFFBC7;
  }
  #features table tr .emphasis strong {
    color:#EC6D34;
  }

  #features .notice{
    display: none;
  }
  
  
  /* ステインの付着を防ぎ、歯を健康で美しく */
  #condition{
    width:1090px;
    margin-bottom: 50px;
  }
  #condition .subHead01{
    margin-bottom:17px;
  }
  #condition .text{
    margin:0 0 27px 0;
  }
  #condition figure{
    width:610px;
    margin: 30px auto;
  }
  #condition ul{
    width:1090px;
    margin:20px 30px 0 0;
  }
  #condition ul li {
    width: 538px;
    float:left;
    border-right:1px solid #878787;
    padding-right:14px;
    margin-right:14px;
  }
  #condition ul li:nth-child(2n) {
    border-right:none;
    padding-right:0;
    margin-right:0;
  }
  #condition ul li h4{
    line-height:40px;
    color:#FFF;
    font-size:130%;
    font-weight:bolder;
    background:#4B4BAA;
    padding:0 10px;
    margin-bottom:17px;
  }

  /* ポリリンプラチナホワイトニングシステム施術の流れ */
  #flow{
    width: 1090px;
    margin-bottom:20px;
  }
  #flow ul{
    width:1090px;
    margin-top: 20px;
    margin-right:30px;
    background:url(../images/pages/poririnplatinum/arrow.png) center 70px no-repeat, url(../images/pages/poririnplatinum/arrow.png) center 222px no-repeat;
  }
  #flow ul li{
    width: 530px;
    background:#DBF8FF;
    padding:15px;
    float:left;
    margin:0 30px 15px 0;
    overflow:hidden;
  }
  #flow ul li:nth-child(2n){
    margin-right:0;
  }
  #flow ul li figure{
    width:116px;
    float:left;
    margin-right:12px;
  }

  #flow ul #fl05{
    width:1090px;
    margin:0;
  }
  #flow ul #fl05 p{
    width:660px;
    float:left;
  }
  #flow ul #fl05 ul{
    width:230px;
    background:none;
    padding:3px 0;
    margin:0 6px 0 0;
    float:right;
  }
  #flow ul #fl05 ul li{
    width:109px;
    height:0;
    padding:109px 0 0 0;
    display:block;
    overflow:hidden;
    float:left;
    margin:0 12px 0 0;
  }
  #flow ul #fl05 ul li:last-child{
    margin-right:0;
  }
  #flow ul #fl05 ul #circle01{
    background:url(../images/pages/poririnplatinum/flow-circle01.png) no-repeat;
  }
  #flow ul #fl05 ul #circle02{
    background:url(../images/pages/poririnplatinum/flow-circle02.png) no-repeat;
  }

  /*
  #price{
    width:640px;
    margin-bottom:32px;
  }
  #price .subHead01{
    margin-bottom:10px;
  }
  */
  #flow table {
    width: 1090px;
    border-collapse:collapse;
    border:1px solid #494346;
    margin:30px 30px 20px 0;
  }
  #flow table tr th,
  #flow table tr td{
    font-size:110%;
    border-collapse:collapse;
    border:1px solid #7E7A7C;
    padding:8px 10px;
  }
  #flow table tr th{
    width: 630px;
    text-align:left;
  }
  #flow table tr td{
    color:#4B4BAA;
    text-align:center;
  }

  #price dl{
    width:615px;
    margin-right:25px;
  }
  #price dl dt{
    width:254px;
    height:0;
    padding-top:42px;
    display:block;
    overflow:hidden;
    background:url(../images/pages/poririnplatinum/privilege.png) no-repeat;
    float:left;
  }
  #price dl dd{
    width:355px;
    float:right;
  }
  #price dl dd strong{
    color:#4B4BAA;
  }
  
  

  
}

/*==================================================================
  スマートフォン用スタイル ↓
===================================================================*/

@media (max-width: 768px) {
  /*====================================================================
    page__ttl
  =====================================================================*/
  .page__ttl{
    width: 100%;
    height: 60px;
    padding-top: 21px;
    background-color: #898989;
  }
    .page__ttl span{
      display: block;
      width: 100%;
      height: 0;
      margin: 0 auto;
      padding-top: 20px;
      overflow: hidden;
      background: url(../images/pages/poririnplatinum/poririnplatinum_ttl.png) left 15px center no-repeat;
      background-size: 277px 14px;
    }

  /*====================================================================
    poririnplatinum
  =====================================================================*/

  .poririnplatinum{
    width: 100%;
    margin: 0 auto;
  }

  /*=================================
    下層ページ・ページサブタイトル
  ==================================*/
  .subHead01 {
    min-height:32px;
    padding:0px 20px 5px 40px;
    font-size: 100%;
    font-weight:bold;
    background-image:url(../images/pages/poririnplatinum/subHead_bg.gif) ;
    background-repeat: no-repeat;
    background-position: left bottom 0;
    border-bottom:solid 1px #10d0ff;
  }


  /*=============================================
    ポリリンプラチナホワイトニングシステム
  =============================================*/

  /* 共通 */
  #whitening .subHead01,
  #recommend .subHead01,
  #features .subHead01,
  #flow .subHead01{
    margin-bottom:15px;
  }

  /* きらきらで透明感のある白い歯へ */
  #whitening {
    width: 100%;
    margin-top: 15px;
    margin-bottom: 20px;
  }
  #whitening figure {
    width: 100%;
    margin-bottom: 15px;
  }

  #whitening figure img{
    width: 100%;
    height: auto;
    vertical-align: bottom;
  }
  
  
  #whitening p{
    width: 100%;
    font-size: 0.95em;
  }

  /* こんな方にオススメ */
  #recommend,
  #recommend {
    width:100%;
    margin-bottom: 20px;
  }
  #recommend ul{
    width: 100%;

  }
  #recommend ul li {
    width:49%;
    float:left;
    margin-right: 2%;
    margin-bottom: 10px;
    font-size: 1.4rem;
  }
  #recommend ul li:nth-child(2n) {
    margin-right:0;
  }
  #recommend ul li img{
    width: 100%;
    height: auto;
    margin-bottom:3px;
  }

  /* 痛くならない？「ポリリンプラチナホワイトニングシステム」の特徴 */
  #features {
    width:100%;
    margin-bottom: 20px;
    font-size: 0.95em;
  }
  #features ul {
    width: 100%;
    height:0;
    padding-top: 16.7213%;
    display:block;
    overflow:hidden;
    background:url(../images/pages/poririnplatinum/features.gif) no-repeat;
    background-size: contain;
    margin:0 auto 15px auto;
  }
  #features .notice{
    font-size: 1.2rem!important;
    margin-top: 15px;
    margin-bottom: 5px;
    text-align: right;
  }
  #features .over-wrap{
    overflow: auto;
    position: relative;
  }
  
  #features table {
    width: 660px;
    border-collapse:collapse;
    border:1px solid #2F5129;
  }
  #features table tr th,
  #features table tr td {
    border-collapse:collapse;
    border:1px solid #2F5129;
  }
  #features table tr th {
    color:#000;
    font-size: 0.95em;
    font-weight:bolder;
    text-align:left;
    padding: 15px 10px 15px 53px;
  }
  #features table tr td {
    padding: 5px 10px;
    font-size: 0.95em;
  }
  #features table tr #bad,
  #features table tr #good {
    width:185px;
  }
  #features table tr #bad{
    background:url(../images/pages/poririnplatinum/bad.gif) 10px center no-repeat;
  }
  #features table tr #good{
    background:url(../images/pages/poririnplatinum/good.gif) 10px center no-repeat;
  }
  #features table tr .item {
    width:70px;
    color:#4B4BAA;
    font-size: 100%;
    font-weight:bolder;
    background:#DBF8FF;
    text-align:center;
    vertical-align:middle;
    padding:0;
  }
  #features table tr .emphasis {
    background:#FFFBC7;
  }
  #features table tr .emphasis strong {
    color:#EC6D34;
  }

  /* ステインの付着を防ぎ、歯を健康で美しく */
  #condition{
    width: 100%;
    margin-bottom: 20px;
  }
  #condition .subHead01{
    margin-bottom:17px;
  }
  #condition .text{
    font-size: 0.95em;
    margin:0 0 15px 0;
  }
  #condition figure{
    width:100%;
    margin: 15px auto;
  }
  
  #condition figure img{
    width: 100%;
    height: auto;
  }
  
  
  #condition ul{
    width: 100%;
    margin:20px 30px 0 0;
  }
  #condition ul li {
    width: 100%;
  }
  #condition ul li:nth-child(1) {
    margin-bottom: 15px;
  }
  #condition ul li h4{
    line-height:40px;
    color:#FFF;
    font-size: 1.6rem;
    font-weight:bolder;
    background:#4B4BAA;
    padding:0 10px;
    margin-bottom:10px;
  }

  /* ポリリンプラチナホワイトニングシステム施術の流れ */
  #flow{
    width: 100%;
  }
  #flow ul{
    width: 100%;
    margin-top: 20px;
    margin-right:30px;
    /*background:url(../images/pages/poririnplatinum/arrow.png) center 70px no-repeat, url(../images/pages/poririnplatinum/arrow.png) center 222px no-repeat;*/
  }
  #flow ul li{
    width: 100%;
    background:#DBF8FF;
    padding:15px;
    float:left;
    margin:0 0 10px 0;
    overflow:hidden;
    font-size: 0.95em;
  }
  #flow ul li:nth-child(2n){
    margin-right:0;
  }
  #flow ul li figure{
    width:80px;
    float:left;
    margin-right:12px;
  }
  
  #flow ul li figure img{
    width: 100%;
    height: auto;
    vertical-align: bottom;
  }
  

  #flow ul #fl05{
    width:100%;
    margin:0;
  }
  #flow ul #fl05 p{

  }
  #flow ul #fl05 ul{
    width:170px;
    background:none;
    padding: 10px 0 0 0;
    margin: 0 auto;
  }
  #flow ul #fl05 ul li{
    width:80px;
    height:0;
    padding:80px 0 0 0;
    display:block;
    overflow:hidden;
    float:left;
    margin:0 10px 0 0;
  }
  #flow ul #fl05 ul li:last-child{
    margin-right:0;
  }
  #flow ul #fl05 ul #circle01{
    background:url(../images/pages/poririnplatinum/flow-circle01.png) no-repeat;
    background-size: 80px 80px;
  }
  #flow ul #fl05 ul #circle02{
    background:url(../images/pages/poririnplatinum/flow-circle02.png) no-repeat;
    background-size: 80px 80px;
  }

  /*
  #price{
    width:640px;
    margin-bottom:32px;
  }
  #price .subHead01{
    margin-bottom:10px;
  }
  */
  #flow table {
    width: 100%;
    border-collapse:collapse;
    border:1px solid #494346;
    margin: 20px 0 0 0;
  }
  #flow table tr th,
  #flow table tr td{
    font-size: 0.95em;
    border-collapse:collapse;
    border:1px solid #7E7A7C;
    padding: 5px 10px;
  }
  #flow table tr th{

    text-align:left;
  }
  #flow table tr td{
    width: 110px;
    color:#4B4BAA;
    text-align:center;
  }

  /*price dl{
    width:615px;
    margin-right:25px;
  }
  #price dl dt{
    width:254px;
    height:0;
    padding-top:42px;
    display:block;
    overflow:hidden;
    background:url(../images/pages/poririnplatinum/privilege.png) no-repeat;
    float:left;
  }
  #price dl dd{
    width:355px;
    float:right;
  }
  #price dl dd strong{
    color:#4B4BAA;
  }*/

}