#pc-view { display: none; }
#sp-view { display: block; }

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline;
}
html { line-height: 1 }
ol,
ul { list-style: none }
table {
    border-collapse: collapse;
    border-spacing: 0;
}
caption,
th,
td {
    text-align: left;
    font-weight: normal;
    vertical-align: middle;
}
q,
blockquote { quotes: none }
q:before,
q:after,
blockquote:before,
blockquote:after {
    content: "";
    content: none;
}
a img { border: none }
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary { display: block }
body {
    margin: 0;
    padding: 0;
    color: #333;
    font-family: "?q???M?m?p?S Pro W3","Hiragino Kaku Gothic Pro","???C???I",Meiryo,Osaka,"?l?r ?o?S?V?b?N","MS PGothic",sans-serif;
    text-align: left;
    -webkit-text-size-adjust: 100%;
}
a {
    color: #336699;
    text-decoration: none;
}
.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.font-blue {
	color:#56a6bb;
}

.totaltop #sp-header #site-title a,
.howtobuy #sp-header #site-title a,
.etc #sp-header #site-title a,
.synergy #sp-header #site-title a,
.column #sp-header #site-title a{
    background-image: url(../img/sp/logo.png);
    background-size: 320px 57px;
    background-position: 0 center;
    background-repeat: no-repeat;
    display: block;
    float: left;
    height: 60px;
    width: 320px;
}
.toothpaste #sp-header #site-title a {
    background-image: url(../img/sp/logo-toothpaste.png);
    background-size: 221px 57px;
    background-position: 0 center;
    background-repeat: no-repeat;
    display: block;
    float: left;
    height: 60px;
    width: 221px;
}
.mouthwash #sp-header #site-title a {
    background-image: url(../img/sp/logo-mouthwash.png);
    background-size: 221px 57px;
    background-position: 0 center;
    background-repeat: no-repeat;
    display: block;
    float: left;
    height: 60px;
    width: 221px;
}
.mouthspray #sp-header #site-title a {
    background-image: url(../img/sp/logo-mouthspray.png);
    background-size: 221px 57px;
    background-position: 0 center;
    background-repeat: no-repeat;
    display: block;
    float: left;
    height: 60px;
    width: 221px;
}
#sp-header #site-title a span { display: none }
#sp-header .head-sub-bt {
    float: right;
    margin: 3px 10px 0;
}
#sp-header .head-sub-bt .menu-bt {
    display: block;
    width: 43px;
    height: 54px;
    background-image: url(../img/sp/nav-menu.png);
    background-size: 43px 54px;
    background-position: 0 center;
    background-repeat: no-repeat;
}
#sp-header .head-sub-bt .menu-bt span { display: none }
#sp-newmark {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 63px;
    height: 63px;
    background: url(../img/sp/mark-limited.png) 0 0 no-repeat;
}
#sp-newmark span { display: none }
#sp-nav ul { border-top: 1px solid #dbdbdb }
#sp-nav li {
    border-bottom: 1px solid #dbdbdb;
    background: url('../img/sp/nav-arrow.png?1361411815') right center no-repeat,-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #ddf4ff));
    background: url('../img/sp/nav-arrow.png?1361411815') right center no-repeat,-webkit-linear-gradient(center top, #ffffff,#ddf4ff);
    background: url('../img/sp/nav-arrow.png?1361411815') right center no-repeat,-moz-linear-gradient(center top, #ffffff,#ddf4ff);
    background: url('../img/sp/nav-arrow.png?1361411815') right center no-repeat,-o-linear-gradient(center top, #ffffff,#ddf4ff);
    background: url('../img/sp/nav-arrow.png?1361411815') right center no-repeat,linear-gradient(center top, #ffffff,#ddf4ff);
}
#sp-nav li a {
    padding: 10px 30px 10px 10px;
    display: block;
    font-family: '?q???M?m???? Pro W6','Hiragino Mincho Pro','?l?r ?o????','MS PMincho',serif;
}
#sp-nav li a:hover {
    color: #fff;
    background: #72C8EB url('../img/sp/nav-arrow.png?1361411815') right center no-repeat;
}
.page-sp-index #sp-nav li a { padding: 15px 30px 15px 10px }
.page-sp-index #sp-nav li span {
    font-size: 16px;
    line-height: 18px;
    display: inline;
    font-weight: bold;
}
.page-sp-under #sp-nav ul { margin: 0 0 15px 0 }
.page-sp-under #sp-nav ul li span {
    font-size: 14px;
    line-height: 16px;
    display: inline;
    font-weight: bold;
}
.page-sp-under #sp-body { margin: 0 0 15px 0 }
.page-sp-under #sp-footer { border-top: 1px dotted gray }

.buy-bt-sp,
.buy-bt-sp-m,
.buy-bt-sp-s {
    margin: 15px 0;
    text-align: center;
}

.buy-bt-sp a {
    display: inline-block;
    font-size: 18px;
    text-shadow: 0 -1px 0 #3394b4;
    -webkit-box-shadow: 1px 1px 2px #999;
    -moz-box-shadow: 1px 1px 2px #999;
    box-shadow: 1px 1px 2px #999;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    background: url('../img/sp/nav-arrow.png?1361411815') right center no-repeat,url('../img/sp/bt-buy-p.png?1361357552') 10px 0 no-repeat,-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #5fceee), color-stop(100%, #00a6c9));
    background: url('../img/sp/nav-arrow.png?1361411815') right center no-repeat,url('../img/sp/bt-buy-p.png?1361357552') 10px 0 no-repeat,-webkit-linear-gradient(center top, #5fceee,#00a6c9);
    background: url('../img/sp/nav-arrow.png?1361411815') right center no-repeat,url('../img/sp/bt-buy-p.png?1361357552') 10px 0 no-repeat,-moz-linear-gradient(center top, #5fceee,#00a6c9);
    background: url('../img/sp/nav-arrow.png?1361411815') right center no-repeat,url('../img/sp/bt-buy-p.png?1361357552') 10px 0 no-repeat,-o-linear-gradient(center top, #5fceee,#00a6c9);
    background: url('../img/sp/nav-arrow.png?1361411815') right center no-repeat,url('../img/sp/bt-buy-p.png?1361357552') 10px 0 no-repeat,linear-gradient(center top, #5fceee,#00a6c9);
    padding: 20px 35px 20px 40px;
    color: #fff !important;
    font-weight: bold;
}

.buy-bt-sp-m a {
    display: inline-block;
    font-size: 18px;
    text-shadow: 0 -1px 0 #3394b4;
    -webkit-box-shadow: 1px 1px 2px #999;
    -moz-box-shadow: 1px 1px 2px #999;
    box-shadow: 1px 1px 2px #999;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    background: url('../img/sp/nav-arrow.png?1361411815') right center no-repeat,url('../img/sp/bt-buy-m.png?1361357552') 7px 0 no-repeat,-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #5fceee), color-stop(100%, #00a6c9));
    background: url('../img/sp/nav-arrow.png?1361411815') right center no-repeat,url('../img/sp/bt-buy-m.png?1361357552') 7px 0 no-repeat,-webkit-linear-gradient(center top, #5fceee,#00a6c9);
    background: url('../img/sp/nav-arrow.png?1361411815') right center no-repeat,url('../img/sp/bt-buy-m.png?1361357552') 7px 0 no-repeat,-moz-linear-gradient(center top, #5fceee,#00a6c9);
    background: url('../img/sp/nav-arrow.png?1361411815') right center no-repeat,url('../img/sp/bt-buy-m.png?1361357552') 7px 0 no-repeat,-o-linear-gradient(center top, #5fceee,#00a6c9);
    background: url('../img/sp/nav-arrow.png?1361411815') right center no-repeat,url('../img/sp/bt-buy-m.png?1361357552') 7px 0 no-repeat,linear-gradient(center top, #5fceee,#00a6c9);
    padding: 20px 35px 20px 40px;
    color: #fff !important;
    font-weight: bold;
}

.buy-bt-sp-s a {
    display: inline-block;
    font-size: 18px;
    text-shadow: 0 -1px 0 #3394b4;
    -webkit-box-shadow: 1px 1px 2px #999;
    -moz-box-shadow: 1px 1px 2px #999;
    box-shadow: 1px 1px 2px #999;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    background: url('../img/sp/nav-arrow.png?1361411815') right center no-repeat,url('../img/sp/bt-buy-s.png?1361357552') 7px 0 no-repeat,-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #5fceee), color-stop(100%, #00a6c9));
    background: url('../img/sp/nav-arrow.png?1361411815') right center no-repeat,url('../img/sp/bt-buy-s.png?1361357552') 7px 0 no-repeat,-webkit-linear-gradient(center top, #5fceee,#00a6c9);
    background: url('../img/sp/nav-arrow.png?1361411815') right center no-repeat,url('../img/sp/bt-buy-s.png?1361357552') 7px 0 no-repeat,-moz-linear-gradient(center top, #5fceee,#00a6c9);
    background: url('../img/sp/nav-arrow.png?1361411815') right center no-repeat,url('../img/sp/bt-buy-s.png?1361357552') 7px 0 no-repeat,-o-linear-gradient(center top, #5fceee,#00a6c9);
    background: url('../img/sp/nav-arrow.png?1361411815') right center no-repeat,url('../img/sp/bt-buy-s.png?1361357552') 7px 0 no-repeat,linear-gradient(center top, #5fceee,#00a6c9);
    padding: 20px 35px 20px 40px;
    color: #fff !important;
    font-weight: bold;
}

.buy-bt-l {
    margin: 15px 0;
    text-align: center;
}
.buy-bt-l a {
    width: 205px;
    display: inline-block;
    font-size: 18px;
    text-shadow: 0 -1px 0 #3394b4;
    -webkit-box-shadow: 1px 1px 2px #999;
    -moz-box-shadow: 1px 1px 2px #999;
    box-shadow: 1px 1px 2px #999;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    background: url('../img/sp/nav-arrow.png?1361411815') right center no-repeat,url('http://www.orapearl.jp/assets/img/sp/bt-buy-p-l.png?1361775703') 10px bottom no-repeat,-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #50bbe1), color-stop(100%, #0e92b4));
    background: url('../img/sp/nav-arrow.png?1361411815') right center no-repeat,url('http://www.orapearl.jp/assets/img/sp/bt-buy-p-l.png?1361775703') 10px bottom no-repeat,-webkit-linear-gradient(center top, #50bbe1,#0e92b4);
    background: url('../img/sp/nav-arrow.png?1361411815') right center no-repeat,url('http://www.orapearl.jp/assets/img/sp/bt-buy-p-l.png?1361775703') 10px bottom no-repeat,-moz-linear-gradient(center top, #50bbe1,#0e92b4);
    background: url('../img/sp/nav-arrow.png?1361411815') right center no-repeat,url('http://www.orapearl.jp/assets/img/sp/bt-buy-p-l.png?1361775703') 10px bottom no-repeat,-o-linear-gradient(center top, #50bbe1,#0e92b4);
    background: url('../img/sp/nav-arrow.png?1361411815') right center no-repeat,url('http://www.orapearl.jp/assets/img/sp/bt-buy-p-l.png?1361775703') 10px bottom no-repeat,linear-gradient(center top, #50bbe1,#0e92b4);
    padding: 20px 35px 20px 40px;
    color: #fff !important;
    font-weight: bold;
}
.buy-bt-l a span {
    font-size: 14px;
    color: #eaea08;
}

.buy-bt-hb {
    margin: 15px 0;
    text-align: center;
}
.buy-bt-hb a {
    display: inline-block;
    font-size: 18px;
    text-shadow: 0 -1px 0 #3394b4;
    -webkit-box-shadow: 1px 1px 2px #999;
    -moz-box-shadow: 1px 1px 2px #999;
    box-shadow: 1px 1px 2px #999;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    background: url('../img/sp/nav-arrow.png?1361411815') right center no-repeat,-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #50bbe1), color-stop(100%, #0e92b4));
    background: url('../img/sp/nav-arrow.png?1361411815') right center no-repeat,-webkit-linear-gradient(center top, #50bbe1,#0e92b4);
    background: url('../img/sp/nav-arrow.png?1361411815') right center no-repeat,-moz-linear-gradient(center top, #50bbe1,#0e92b4);
    background: url('../img/sp/nav-arrow.png?1361411815') right center no-repeat,-o-linear-gradient(center top, #50bbe1,#0e92b4);
    background: url('../img/sp/nav-arrow.png?1361411815') right center no-repeat,linear-gradient(center top, #50bbe1,#0e92b4);
    padding: 10px 35px 10px 20px;
    color: #fff !important;
    font-weight: bold;
}
.buy-bt-hb a span {
    font-size: 14px;
    color: #eaea08;
}


.banner,
.img-wrapp {
    text-align: center;
    margin: 0 0 25px 0;
}
.img-wrapp img {
	max-width:100%;
}
.img-wrapp-inner {
    text-align: center;
    padding: 0 0 15px 0;
}
.img-wrapp p.cap {
margin:5px 0 0 0;
font-size:12px;
line-height:16px;
}

#sp-footer-link { background-color: #72c8eb; }
#sp-footer-link .footer-link-wrap {
    margin: 0 auto;
    padding: 10px 0;
    width: 90%;
}
#sp-footer-link .left-wrap {
    float: left;
    width: 60%;
}
#sp-footer-link .right-wrap {
    float: left;
    width: 40%;
}
#sp-footer-link ul li {
    font-size: 13px;
    padding: 5px 10px;
    background: url(../img/sp/nav-arrow-footer.png) 0 center no-repeat;
}
#sp-footer-link ul li a { color: #fff }
#sp-copy {
    background: url("../img/common/footer_logo.gif") 10px 0 no-repeat;
    margin: 10px 0 0 0;
    padding: 20px 0 10px 10px;
    color: #808080;
    font-size: 10px;
}
.product-img img,
.product-img-effect img {
    height: auto;
    max-width: 100%;
    width: auto;
}

/* index ???i */
.product-img-totalindex {
	position:relative;
	z-index:100;
}
.line-top-wrap {
	border-top:1px solid #e1e1e1;
}
.product-img-totalindex .bg-img img {
    height: auto;
    max-width: 100%;
    width: auto;
}
.bt-for-product {
	position:absolute;
	z-index:200;
	bottom:7%;
	text-align:center;
	width:100%;
}

.bt-for-product a {
    display: inline-block;
    font-size: 16px;
    -webkit-box-shadow: 1px 1px 2px #999;
    -moz-box-shadow: 1px 1px 2px #999;
    box-shadow: 1px 1px 2px #999;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    background: url('../img/sp/nav-arrow.png?1361411815') right center no-repeat,-webkit-gradient(linear, 50% 0%, 50% 100%, from(#ffffff), color-stop(0%, #ffffff), color-stop(100%, #d9f5ff));
    background: url('../img/sp/nav-arrow.png?1361411815') right center no-repeat,-webkit-linear-gradient(top, #ffffff,#ffffff,#d9f5ff);
    background: url('../img/sp/nav-arrow.png?1361411815') right center no-repeat,-moz-linear-gradient(top, #ffffff,#ffffff,#d9f5ff);
    background: url('../img/sp/nav-arrow.png?1361411815') right center no-repeat,-o-linear-gradient(top, #ffffff,#ffffff,#d9f5ff);
    background: url('../img/sp/nav-arrow.png?1361411815') right center no-repeat,linear-gradient(top, #ffffff,#ffffff,#d9f5ff);
    padding: 10px 0;
    color: #005d95 !important;
    font-weight: bold;
    width:170px;
}

.bt-for-product a .to-mouthspray {
  padding-right: 21px;
}

/* index ???i */


.product-img-effect {
	border-top:1px solid #dbdbdb;
}

#carousel-sp-voice {
    width: 100%;
    height: 100px;
}
#carousel-sp-voice .viewport {
    overflow: hidden;
    margin: 0 auto;
    padding: 0;
    width: 320px;
    height: 100px;
}
#carousel-sp-voice .flipsnap { width: 3000px }
#carousel-sp-voice .item {
    color: #666666;
    float: left;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 320px;
}
#carousel-sp-voice .pointer {
    text-align: center;
    margin: -16px 0 0 0;
}
#carousel-sp-voice .pointer span {
    background: #ccc;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    display: inline-block;
    height: 6px;
    width: 6px;
    margin: 0 4px;
}
#carousel-sp-voice .pointer span.current { background: #e04a4a }
#sp-page-title {
    -webkit-box-shadow: 0 1px 3px #ccc;
    -moz-box-shadow: 0 1px 3px #ccc;
    box-shadow: 0 1px 3px #ccc;
    margin: 0 0 20px 0;
    font-family: '?q???M?m???? Pro W6','Hiragino Mincho Pro','?l?r ?o????','MS PMincho',serif;
}
#sp-page-title h1 {
    font-size: 18px;
    padding: 15px 10px;
    background: url(../img/sp/under-title-bg.png) right 0 no-repeat;
    font-weight: bold;
    color: #fff;
}
#sp-page-title h1.mouthspray {
    background: url(../img/sp/under-title-bg-mouthspray.png) right 0 no-repeat;
}
#sp-page-title .sub-title {
    font-size: 14px;
    line-height: 16px;
    font-weight: bold;
    color: #000;
    padding: 10px;
}
.section-wrap {
    border-top: 1px dotted gray;
    padding: 15px 0;
}
.section-wrap-noline { padding: 0 }
.section-wrap-voice {
    margin: 0 0 15px 0;
    padding: 15px 10px;
    background: #fef4f8;
}
.section-wrap h2,
.section-wrap-noline h2 {
    font-size: 16px;
    line-height: 18px;
    background: url(../img/sp/bar-heading-blue.png) 0 center no-repeat;
    background-size: 6px 100%;
    font-weight: bold;
    color: #0b92b3;
    padding: 3px 0 2px 12px;
    margin: 0 0 10px 10px;
}
.section-wrap h2 b { color: #222 }
.section-wrap .sub-info h2 {
    font-size: 14px;
    line-height: 16px;
    background: none;
    font-weight: bold;
    color: #333;
    padding: 0 10px;
    margin: 0 0 5px 0;
}
.section-wrap-voice h2 {
    font-size: 16px;
    line-height: 18px;
    font-weight: bold;
    color: #000;
    padding: 0 10px;
    margin: 0 0 10px 0;
}
.section-wrap-voice h2 b { color: #f46593 }
.section-wrap-voice h2 span { font-size: 12px }
.section-wrap h2.icon-jissyo {
    font-size: 16px;
    line-height: 18px;
    background: url(../img/sp/icon-jissyo.png) 0 0 no-repeat;
    background-size: 57px 36px;
    font-weight: bold;
    color: #0b92b3;
    padding: 40px 0 2px 0;
    margin: 0 0 10px 10px;
}
.section-wrap-noline h2.icon-faq,
.section-wrap h2.icon-faq {
    font-size: 16px;
    line-height: 18px;
    background: url(../img/sp/icon-q.png) 0 center no-repeat;
    background-size: 22px 22px;
    font-weight: bold;
    color: #0b92b3;
    padding: 3px 0 2px 28px;
    margin: 0 0 10px 10px;
}
.section-wrap h2.icon-brush {
    background-size: 25px 29px;
    font-size: 16px;
    line-height: 18px;
    font-weight: bold;
    color: #0b92b3;
    padding: 5px 0 5px 25px;
    margin: 0 0 10px 10px;
}
.section-wrap h2.b-no1 { background: url(../img/sp/icon-b01.png) 0 0 no-repeat }
.section-wrap h2.b-no2 { background: url(../img/sp/icon-b02.png) 0 0 no-repeat }
.section-wrap h2.b-no3 { background: url(../img/sp/icon-b03.png) 0 0 no-repeat }
.section-wrap h2.b-no4 { background: url(../img/sp/icon-b04.png) 0 0 no-repeat }
.section-wrap h2.b-no5 { background: url(../img/sp/icon-b05.png) 0 0 no-repeat }
.section-wrap h2.b-no6 { background: url(../img/sp/icon-b06.png) 0 0 no-repeat }
.section-wrap h3,
.section-wrap-noline h3 {
    font-size: 14px;
    line-height: 16px;
    font-weight: bold;
    color: #0b92b3;
    margin: 0 0 10px 10px;
    padding: 0;
}
.section-wrap-voice p,
.section-wrap p {
    font-size: 14px;
    line-height: 24px;
    padding: 0 10px;
    text-align: justify;
}
.section-wrap-noline p {
    font-size: 14px;
    line-height: 24px;
    padding: 0 10px 15px 10px;
    text-align: justify;
}
.section-wrap p b,
.section-wrap-noline p b { font-weight: bold }
.section-wrap-voice img {
    margin: 0 10px 10px 10px;
    float: left;
}
.wrap-gray { background: #f5f4f4 }
.wrap-gray b { font-weight: bold }
.space-top {
    margin: 10px 0 0 0;
    padding: 10px 0 0 0;
}
.space-top-bottom { padding: 0 0 10px 0 }
.space-top-bottom p { padding: 10px 10px 0 10px }
.bow-radius-blue {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    border: 2px solid #0b92b3;
    width: 85%;
    margin: 0 auto;
    padding: 10px 0;
}
.bow-radius-blue h2 {
    background: none !important;
    font-size: 16px;
    font-weight: bold;
    color: #0b92b3;
    padding: 3px 0 2px 0;
    margin: 0 0 10px 10px;
}
.bow-radius-blue h2.bar {
    background: url(../img/sp/bar-heading-blue.png) 0 center no-repeat  !important;
    background-size: 6px 100% !important;
    padding: 3px 0 2px 12px !important;
}
.section-wrap ul {
    list-style-image: url("../img/toothpaste/spec/list-element.gif");
    padding: 10px 15px 10px 35px;
}

.section-wrap ul li {
    font-size: 14px;
    line-height: 16px;
    margin: 0 0 5px 0;
}
.section-wrap .sub-info { padding: 10px 0 }
.section-wrap-noline ul,
.section-wrap .sub-info ul,
.sitemap .section-wrap ul {
    list-style-image: none;
    list-style-type: disc;
    padding: 5px 15px 10px 35px;
}
.section-wrap-noline ul li,
.section-wrap .sub-info ul li,
.section-wrap .sub-info ul p{
    font-size: 14px;
    line-height: 16px;
    margin: 0 0 5px 0;
}
.section-wrap .sub-info ul p{
	padding:0;
}

.section-wrap ol { padding: 15px 15px 15px 35px }
.section-wrap ol li {
    list-style-type: decimal;
    font-size: 14px;
    line-height: 16px;
    margin: 0 0 5px 0;
}
.section-wrap ul li b,
.section-wrap-noline ul li b { font-weight: bold }
#nav-sub .heading {
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    padding: 5px 0;
    text-align: center;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #50bbe1), color-stop(100%, #0e92b4));
    background: -webkit-linear-gradient(center top, #50bbe1,#0e92b4);
    background: -moz-linear-gradient(center top, #50bbe1,#0e92b4);
    background: -o-linear-gradient(center top, #50bbe1,#0e92b4);
    background: linear-gradient(center top, #50bbe1,#0e92b4);
}
#nav-sub ul li {
    float: left;
    width: 50%;
    font-size: 13px;
    font-weight: bold;
}
#nav-sub ul li a {
    display: block;
    color: #333;
    padding: 7px 5px 7px 16px;
    background: url('http://www.orapearl.jp/assets/img/sp/nav-arrow-sub.png?1361443389') 7px center no-repeat,-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e0e2e2));
    background: url('http://www.orapearl.jp/assets/img/sp/nav-arrow-sub.png?1361443389') 7px center no-repeat,-webkit-linear-gradient(center top, #ffffff,#e0e2e2);
    background: url('http://www.orapearl.jp/assets/img/sp/nav-arrow-sub.png?1361443389') 7px center no-repeat,-moz-linear-gradient(center top, #ffffff,#e0e2e2);
    background: url('http://www.orapearl.jp/assets/img/sp/nav-arrow-sub.png?1361443389') 7px center no-repeat,-o-linear-gradient(center top, #ffffff,#e0e2e2);
    background: url('http://www.orapearl.jp/assets/img/sp/nav-arrow-sub.png?1361443389') 7px center no-repeat,linear-gradient(center top, #ffffff,#e0e2e2);
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
#nav-sub ul li a:hover {
    color: #fff;
    background: url('http://www.orapearl.jp/assets/img/sp/nav-arrow-sub.png?1361443389') 7px center no-repeat,-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #aaaaaa), color-stop(100%, #999999));
    background: url('http://www.orapearl.jp/assets/img/sp/nav-arrow-sub.png?1361443389') 7px center no-repeat,-webkit-linear-gradient(center top, #aaaaaa,#999999);
    background: url('http://www.orapearl.jp/assets/img/sp/nav-arrow-sub.png?1361443389') 7px center no-repeat,-moz-linear-gradient(center top, #aaaaaa,#999999);
    background: url('http://www.orapearl.jp/assets/img/sp/nav-arrow-sub.png?1361443389') 7px center no-repeat,-o-linear-gradient(center top, #aaaaaa,#999999);
    background: url('http://www.orapearl.jp/assets/img/sp/nav-arrow-sub.png?1361443389') 7px center no-repeat,linear-gradient(center top, #aaaaaa,#999999);
}
.section-wrap-noline dl {
    font-size: 14px;
    line-height: 16px;
    padding: 0 10px;
    text-align: justify;
}
.section-wrap-noline dl dt {
    float: left;
    width: 20%;
    font-weight: bold;
    margin: 0 0 5px 0;
}
.section-wrap-noline dl dd {
    float: left;
    width: 80%;
    margin: 0 0 8px 0;
}
.ph-left {
    float: right;
    margin: 0 10px 0 0;
}

/*--------------------------------------
    ????????N???m??
---------------------------------------*/

.column-wrapp{
	margin:0 auto;
	background:url("../img/column/bg-index-sp.jpg") center 0 no-repeat;
	background-size:100% auto;
}

.column-header{}
.column-header .inner{
	padding:15px 0 0;
}
.column-logo{
	width:227px;
	height:44px;
	margin:0 auto;
	padding:0;
	background:url("../img/column/logo.png") 0 0 no-repeat;
	background-size:227px 44px;
}
.column-logo span{
	display:none;
}
.column-header .inner .sns-btn{
  margin:10px 0;
  text-align:center;
}
.column-header .summary{
	margin:0 auto;
}
.column-header .summary p{
	padding:10px 15px;
	font-size:14px;
	line-height:140%;
}

.column-contents{}

.column-related-list,
.column-contents-list{
    list-style: none;
    margin: 20px 0;
    padding: 0 8px;
}
.column-related-list .column-item,
.column-contents-list .column-item{
	display:inline-block;
	width:50%;
	margin:0 0 20px;
    vertical-align:top;
}
.column-item-photo{
	padding:0 8px;
	text-align:center;
}
.column-item-photo img{
	max-width:100%;
}
.column-item-text{
	margin:6px 0 0 0;
	padding:0 5px;
	font-size:14px;
	line-height:140%;
	text-align:center;
	color:#4b6064;
	font-weight:bold;
}
.column-item-text span{
	font-size:12px;
}



/* ?R?????L?? */
.column-layout-entry{
	background-image:	url("../img/column/bg-entry.png"),
								url("../img/column/bg-index-sp.jpg");
	background-repeat:	no-repeat;
	background-position:	0 -26px,
									center 0;
	background-size:	auto,
							100% auto;
}

.column-layout-entry .column-contents{
	margin:40px 0 0 0;
	background:#fff;
}

.column-entry-wrapp{
	padding:10px 10px 0;
}


.column-entry .sns-btn{
  margin:0;
}

.column-entry .column-number{
	margin:0 0 5px 0;
	font-size:12px;
	color:#0099b6;
	font-weight:bold;
}

.column-entry .entry-title{
	margin:0 0 30px 0;
	font-size:20px;
	line-height:130%;
	font-weight:bold;
	color:#006fa2;
}

.column-entry .entry-body{

}

.column-entry .entry-body .ph-right{
	margin:0 0 20px;
	text-align:center;
}
.column-entry .entry-body .ph-center{
    margin:0 0 10px;
    text-align: center;
}
.column-entry .entry-body .ph-center img{
    max-width:100%;
}


.column-entry .entry-body p{
	margin:0 0 20px 0;
	padding:0;
	font-size:16px;
	line-height:200%;
}
.column-entry .entry-body .line-wrapp{
    display:block;
    margin:10px 0 0 0;
    padding:10px;
    font-size:14px;
    line-height:180%;
    background: #ffffef;
    border:2px solid #009e57;
    border-radius: 10px;
}
.column-entry .entry-body .line-wrapp--blue{
	background: #fff;
	border:2px solid #006fa2;
}
.column-entry .entry-body .line-wrapp b{
    color:#009e57;
}

.entry-body .line-wrapp ul,
.entry-body .line-wrapp ol {
    margin: 0 0 0 26px;
}

.entry-body .line-wrapp ul {
    list-style-type: disc;
}
.entry-body .line-wrapp ol {
    list-style-type: decimal;
}

.title-sec{
	font-size:18px;
	margin:0 0 10px 0;
	color: #006fa2;
}
.title-sec--green{
	color:#009e57;
}

.title-ter{
	font-size:14px;
}

.column-entry .entry-body p span.marker {
  background: linear-gradient(transparent 50%, yellow 50%);
}

.bg--round-green,
.bg--round-pink,
.bg--round-red,
.bg--round-yellow,
.bg--round-orange,
.bg--round-purple{
    margin:0 0 15px;
	padding:5px 15px;
	color:#fff;
	border-radius: 10px;
}
.bg--round-green{ background: #67ae28; }
.bg--round-pink{ background: #e4007f; }
.bg--round-red{ background: #e4000b; }
.bg--round-yellow{ background: #e4cd00; }
.bg--round-orange{ background: #ed6d00; }
.bg--round-purple{ background: #920783; }


.panel,
.panel-equ {
	width:100%;
	margin:0 0 16px;
}
.panel__block p {
    margin: 0 0 10px 0;
}
.panel__block ul,
.panel__block ol {
    margin: 0 0 0 26px;
}
.panel__block ul {
    list-style-type: disc;
}
.panel__block ol {
    list-style-type: decimal;
}
.panel__block ol li,
.panel__block ul li {
    margin:0 0 10px;
    font-size:16px;
    line-height: 140%;
}
.panel__block--img{
    text-align: center;
}

.panel-equ .panel__block{
	width:100%;
	margin:0 0 10px;
}
.panel-equ .panel__block .title-ter{
    margin:0;
    border-radius: 2px 2px 0 0;
}
.panel-equ .panel__block p{
	padding:5px 10px;
	margin:0 !important;
}
.panel-equ .panel__block.b--red{
	border: 2px solid #e4000b;
	border-radius: 5px;
}
.panel-equ .panel__block.b--green{
	border: 2px solid #67ae28;
	border-radius: 5px;
}
.panel-equ .panel__block.b--yellow{
	border: 2px solid #e4cd00;
	border-radius: 5px;
}


.column-related{
	margin:16px 0;
}

.column-related-title{
	display:inline-block;
	padding:8px 14px;
	font-size:16px;
	color:#fff;
	background-color:#009e57;
}

.back-list-column-btn-wrapp{
	text-align:center;
}
.back-list-column-btn-wrapp a{
	display:inline-block;
	margin:0 0 60px 0;
	padding:8px 14px;
	font-size:16px;
	color:#fff;
	background-color:#009e57;
	border-radius:5px;
}

/* mouthspray-spec ----- */
.img-wrapp img.sp {
  max-width: 155px;
}

.mouthspray .section-wrap p {
  margin-bottom: 30px;
}

.mouthspray .section-wrap p strong {
  font-weight: 600;
}

.mouthspray .section-wrap span.rmark {
  font-size: 0.2em;
  vertical-align: top;
}

.mouthspray .section-wrap .useful-case {
  width: 100%;
  margin: 0 0 10px 10px;
}

.mouthspray .section-wrap .useful-case ul {
  list-style-type: none;
  list-style-image: none;
  overflow: hidden;
  width: 100%;
  height: auto;
  padding: 0;
}

.mouthspray .section-wrap .useful-case ul li {
  float: left;
  width: 45%;
  height: auto;
  margin-right: 5%;
  margin-bottom: 5%;
}

.mouthspray .section-wrap .useful-case ul li:nth-child(even) {
  margin-right: 0;
}

.mouthspray .section-wrap .useful-case ul li:nth-child(5) {
  margin-bottom: 0;
}

.mouthspray .section-wrap .useful-case ul li img {
  max-width: 100%;
}

/* mouthspray ----- */
.mouthspray .section-wrap .self-check {
	position: relative;
	padding-bottom: 2px;
	margin-bottom: 28px;
}

.mouthspray .section-wrap .self-check .self-check-list {
	width: 95%;
	height: auto;
  margin: 0 auto;
	background: #f5f5f5;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.4);
}

.mouthspray .section-wrap .self-check .self-check-list h3 {
	padding: 15px 0 0 0;
	font-size: 1.0em;
	color: #ea609e;
}

.mouthspray .section-wrap .self-check .self-check-list h3::before {
	content: url(../img/mouthspray/about/pen-sp.png);
	padding-right: 10px;
	position: relative;
	top: 4px;
	left: 0;
}

.mouthspray .section-wrap .self-check .self-check-list .check01 {
  width: 120px;
  height: auto;
	position: absolute;
	top: 180px;
	left: 200px;
}

.mouthspray .section-wrap .self-check .self-check-list .check01 img {
  max-width: 100%;
}

.mouthspray .section-wrap .self-check .self-check-list ul {
	list-style-type: none;
  list-style-image: none;
	width: 95%;
	height: auto;
	padding: 10px 0 15px;
	margin: 0 auto;
	border-top: 1px dotted #ea609e;
}

.mouthspray .section-wrap .self-check .self-check-list ul li {
	width: 95%;
	height: auto;
	padding: 10px 0;
	border-bottom: 1px dotted #696969;
  font-size: 0.8em;
}

.mouthspray .section-wrap .self-check .self-check-illust {
	text-align: center;
	vertical-align: bottom;
}

.mouthspray .section-wrap .self-check .self-check-illust .check02 {
  width: 120px;
  height: auto;
	padding-top: 30px;
  margin: 0 auto;
  text-align: center;
}

.mouthspray .section-wrap .self-check .self-check-illust img {
	max-width: 100%;
}

.mouthspray .section-wrap .saliva {
	width: 95%;
	height: auto;
	margin: 30px auto;
}

.mouthspray .section-wrap .saliva img {
	max-width: 100%;
}

.mouthspray .section-wrap .saliva-case dl.case {
	width: 95%;
	height: auto;
	border: 1px solid #999;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
  margin: 0 auto 10px;
	overflow: hidden;
}

.mouthspray .section-wrap .saliva-case dl.case:first-child {
  margin-top: 20px;
}

.mouthspray .section-wrap .saliva-case dl.case dt {
	float: right;
	display: inline-block;
	width: 60%;
	height: auto;
	line-height: 1.5;
	margin-top: 30px;
	margin-right: 10px;
	font-size: 0.8em;
}

.mouthspray .section-wrap .saliva-case dl.case04 dt {
	margin-top: 20px;
}

.mouthspray .section-wrap .saliva-case dl.case dd {
	float: left;
	display: inline-block;
	width: 30%;
	height: auto;
	margin: 10px;
	overflow: hidden;
}

.mouthspray .section-wrap .saliva-case dl.case dd img {
	max-width: 100%;
}

.mouthspray .section-wrap p.img-src {
	margin: 20px auto 0;
	font-size: 0.8em;
	text-align: right;
}


/* mouthspray-faq ----- */
.section-wrap h2.mouthspray-q,
.section-wrap-noline h2.mouthspray-q {
  background: none;
  padding: 0;
  line-height: 1.5;
}

.section-wrap h2.mouthspray-q::before,
.section-wrap-noline h2.mouthspray-q::before {
  background: none;
  content: url(../img/mouthspray/faq/icon-q.png);
  padding-right: 5px;
  position: relative;
  top: 5px;
  left: 0;
}

.section-wrap p.mouthspray-a {
  margin-bottom: 0;
}


/* swiper カルーセル add 2018.11.26 miya */
.swiper-container{
    text-align: center !important;
}
.swiper-container .swiper-slide img{
    max-width: 100% !important;
    height: auto !important;
}
.swiper-pagination{
    position:relative !important;
    margin:10px 0 !important;
}

/* //////////////////////////////

sns 2019.01.09

////////////////////////////// */
.sns {
    display: block;
    margin-bottom: 25px;
    text-align: center;
}

.sns ul {
	list-style-type: none;
	display: inline-block;
	padding: 0;
}

.sns ul li {
	display: inline-block;
	width: auto;
	height: 44px;
}

.sns ul li:last-child {
	margin-left: 20px;
}

.sns ul li img {
	width: auto;
	max-height: 44px;
}