@charset "utf-8";

 html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
font-style:normal;
}
html {
font-size: 62.5%;
}
body {
font-family:helvetica, Arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
line-height:1.5;
}
body > div {
font-size:1.3rem;
}
@media only screen and (max-width:640px) {
body > div {
font-size:1.4rem;
}
}
h1, h2, h3, h4, h5, h6 {
font-weight:normal;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
display:block;
}
ol, ul {
list-style:none;
}
blockquote, q {
quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content:'';
content:none;
}
a {
margin:0;
padding:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
text-decoration: none;
color: #333;
}
a:hover {
text-decoration: underline;
}
ins {
background-color:transparent;
color:#000;
text-decoration:none;
}
mark {
background-color:#ff9;
color:#000; 
font-style:italic;
font-weight:bold;
}
del {
text-decoration: line-through;
}
abbr[title], dfn[title] {
border-bottom:1px dotted;
cursor:help;
}
table {
border-collapse:collapse;
border-spacing:0;
}
hr {
display:block;
height:1px;
border:0;
border-top:1px solid #cccccc;
margin:1em 0;
padding:0;
}
input, select {
vertical-align:middle;
}
img {
border:0;
outline:0;
max-width:100%;
height:auto;
vertical-align:top; transition:.3s;
}
a img:hover {
opacity:0.8;
} .cf:before, .cf:after {content:"";display:table;}
.cf:after {clear:both;}
.cf {*zoom:1;}
* {
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
} @font-face {
font-family: 'LigatureSymbols';
src: url(//andb.life/wp-content/themes/beautystyle/font/LigatureSymbols/LigatureSymbols-2.11.eot);
src: url(//andb.life/wp-content/themes/beautystyle/font/LigatureSymbols/LigatureSymbols-2.11.eot?#iefix) format('embedded-opentype'),
url(//andb.life/wp-content/themes/beautystyle/font/LigatureSymbols/LigatureSymbols-2.11.woff) format('woff'),
url(//andb.life/wp-content/themes/beautystyle/font/LigatureSymbols/LigatureSymbols-2.11.ttf) format('truetype'),
url(//andb.life/wp-content/themes/beautystyle/font/LigatureSymbols/LigatureSymbols-2.11.svg#LigatureSymbols) format('svg');
font-weight: normal;
font-style: normal;
}
.lsf {
font-family: 'LigatureSymbols';
-webkit-text-rendering: optimizeLegibility;
-moz-text-rendering: optimizeLegibility;
-ms-text-rendering: optimizeLegibility;
-o-text-rendering: optimizeLegibility;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
-ms-font-smoothing: antialiased;
-o-font-smoothing: antialiased;
font-smoothing: antialiased;
-webkit-font-feature-settings: "liga" 1, "dlig" 1;
-moz-font-feature-settings: "liga=1, dlig=1";
-ms-font-feature-settings: "liga" 1, "dlig" 1;
-o-font-feature-settings: "liga" 1, "dlig" 1;
font-feature-settings: "liga" 1, "dlig" 1;
margin-right: 5%;
font-size: 2rem;
}
.lsf-icon:before {
content:attr(title);
margin-right:0.3em;
font-size:130%;
font-family: 'LigatureSymbols';
-webkit-text-rendering: optimizeLegibility;
-moz-text-rendering: optimizeLegibility;
-ms-text-rendering: optimizeLegibility;
-o-text-rendering: optimizeLegibility;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
-ms-font-smoothing: antialiased;
-o-font-smoothing: antialiased;
font-smoothing: antialiased;
-webkit-font-feature-settings: "liga" 1, "dlig" 1;
-moz-font-feature-settings: "liga=1, dlig=1";
-ms-font-feature-settings: "liga" 1, "dlig" 1;
-o-font-feature-settings: "liga" 1, "dlig" 1;
font-feature-settings: "liga" 1, "dlig" 1;
}
.mb40 { margin-bottom: 40px !important;} body {
background:#FFEAEE;
}
.textBtn:hover{
opacity: 0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha(opacity=80)"; transition: 0.3s;
}
.iconArea { overflow: hidden; width: 100%;}
.iconArea span { color: #fff; padding: 0.2% 2%; float: left; margin: 0 2% 1% 0; display: inline-block; background: #61AFAF;}
.iconArea .recipe     { background: #FF9900;}
.iconArea .beauty     { background: #FF6600;}
.iconArea .healthcare { background: #339900;}
.iconArea .hair	      { background: #0099CC;}
.iconArea .love       { background: #FF3366;}
.iconArea .psychology { background: #993399;}
.iconArea .special    { background: #DE5496;}
.iconArea .talk       { background: #003399;}
.iconArea .ingredient { background: #6666cc;}
.iconArea .makeup     { background: #48B96A;}
.iconArea .nail       { background: #CC3366;} footer {
font-size:90%;
border-top:1px solid #999999;
background:url(//andb.life/wp-content/themes/beautystyle/img/template/footer/back.gif);
position: relative;
z-index: 10;
}
footer .inner {
padding:30px 0;
position:relative;
width:1000px;
margin:0 auto;
}
footer .inner .category ,
footer .inner .about {
width:300px;
float:left;
margin-left:60px;
}
footer .inner .title {
font-size:200%;
font-weight:bold;
border-bottom:1px solid #999999;
margin-bottom:10px;
}
footer .inner .category li ,
footer .inner .about li {
float:left;
width:50%;
margin-bottom:5px
}
footer .inner .category li:before,
footer .inner .about li:before {
content: "・";
}
footer .inner .sns {
margin-top:45px;
float:right;
letter-spacing: -.40em;
width: 255px;
}
footer .inner .sns li {
display: inline-block;
letter-spacing: normal;
vertical-align:middle;
margin-left:8px;
}
footer .copy .inner {
width:1000px;
padding:15px 0;
}
footer .copy {
background:#333;
color:#FFF;
}
footer .copy .copyright {
float:left;
}
footer .copy .caution {
float:right;
}
.btnPagetop {
position: relative;
z-index: 11;
}
.btnPagetop .page_top {
position:fixed;
bottom: 4%;
right: 5%;
color:#fff;
font-size:20px;
text-decoration:none;
z-index: 1;
*zoom: 1;
} #appAnnounce {
position: relative;
border-top: 1px solid #F2CBD3;
background: #FFF url(//andb.life/wp-content/themes/beautystyle/img/template/footer/app_bg_pc.jpg) 10% 0 no-repeat;
background-position: -webkit-calc(50% - 400px);
background-position: calc(50% - 400px);
min-width: 965px;
margin-top: 80px;
}
#appAnnounce .inner {
position: relative;
width: 965px;
margin-right: auto;
margin-left: auto;
padding-top: 35px;
padding-bottom: 40px;
}
#appAnnounce .appImage .appLogo {
position: absolute;
left: 70px;
top: 26px;
width: 116px;
}
#appAnnounce .appImage .appDevice {
position: absolute;
left: 44px;
bottom: -140px;
}
#appAnnounce .appInfo {
margin-left: 528px;
font-family: "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic";
}
#appAnnounce .appInfo .hook {
color: #DE5496;
font-size: 23px;
letter-spacing: 1px;
}
#appAnnounce .appInfo .exp {
font-size: 14px;
margin-top: 20px;
}
#appAnnounce .appDL {
margin-top: 20px;
}
#appAnnounce .appDL .pc {
overflow: hidden;
}
#appAnnounce .appDL .pc a:first-child {
display: block;
float: left;
margin-right: 10px;
} .tagcloud {
width: 92%;
min-width: 290px;
margin: 0 auto 20px;
background: #FFF;
padding: 10px;
}
.tagcloud .ttl {
position: relative;
font-size: 128%;
line-height: 1;
padding: 5px 0 10px 30px;
}
.tagcloud .ttl:first-letter {
color:#E470A5;
}
.tagcloud .ttl::before,
.tagcloud .ttl::after {
content: "";
display: block;
border-radius: 50%;
position: absolute;
}
.tagcloud .ttl::before {
background: #000;
width: 20px;
height: 20px;
left: 2px;
top: 2px;
}
.tagcloud .ttl::after {
width: 10px;
height: 10px;
background: #FFF;
left: 7px;
top: 7px;
}
.tagcloud li {
display: inline-block;
vertical-align: top;
background: #FFF;
border: 1px #CCC solid;
margin-right: 8px;
margin-bottom: 8px;
}
.tagcloud li a {
padding:4px 8px 4px 28px;
display: block;
background: url(//andb.life/wp-content/themes/beautystyle/img/template/icon_tag.png) no-repeat 0 0;
-webkit-background-size: 17px 20px;
-o-background-size: 17px 20px;
background-size: 17px 20px;
background-position: 6px center;
-webkit-transition: .3s;
-moz-transition: .3s;
transition: .3s;
}
.tagcloud li a:hover {
text-decoration: none;
background-color: #F9DFEB;
} .button {
display: block;
width: 80%;
max-width: 280px;
font-family: inherit;
cursor: pointer;
border: 1px solid #ddd;
padding: 2% 6%;
font-size: 1.5rem;
font-weight: bold;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
color: #444;
transition: 0.5s;
letter-spacing: 1px;
margin: 30px auto 15px;
text-align: center;	
}
.button:hover {
text-decoration: none;
}
.button.std:hover {
background: #ddd;
}  .whats .title_text {
position:relative;
float:left;
font-size:180%;
padding-left:30px;
}
.whats .title_text:after {
position:absolute;
content:"";
display:inline-block;
background-image:url(//andb.life/wp-content/themes/beautystyle/img/index/icon_circle_1.gif);
top:19%;
left:6px;
width: 20px;
height: 20px;
background-size: 20px 20px;
}
.whats .title_text .small {
font-size:50%;
margin-left:10px;
}
.whats .more {
position:relative;
float:right;
margin-top:7px;
}
.whats .more:after {
position:absolute;
content:"";
display:inline-block;
background-image:url(//andb.life/wp-content/themes/beautystyle/img/index/icon_more_1.gif);
top:17%;
left:-16px;
width: 13px;
height: 13px;
background-size: 13px 13px;
}
.whats .line {
margin-bottom:20px;
}
.whats .line .box:last-child {
margin-right:0;
}
.whats .line .box .text .line {
margin-bottom:5px;
}
.whats .line .box .text .title {
margin-bottom: 0;
font-size: 15px;
}
.whats .line .box .text .line .iconArea { width: 75%; float: left; font-size: 1.125rem;}
.whats .line .box .text .line .text_box {
float:left;
letter-spacing: -.40em;
}
.whats .line .box .text .line .text_box .name ,
.whats .line .box .text .line .text_box .category {
display: inline-block;
letter-spacing: normal;
vertical-align:middle;
}
.index_contents .pickup .date {
float:right;
margin-top:4px;
padding:3px 8px;
background:#FFD2DB;
}
.index_contents .title_text:after {
position:absolute;
content:"";
display:inline-block;
background-image:url(//andb.life/wp-content/themes/beautystyle/img/index/icon_circle.gif);
top:19%;
left:6px;
width: 20px;
height: 20px;
background-size: 20px 20px;
}
.index_contents .title_text:first-letter {
color:#E470A5;
}
.index_contents .title {
margin-bottom:10px;
}
.index_contents .pickup .other .title {
font-size:95%;
}
.index_contents .pickup .other .image {
margin-bottom:5px;
}
.index_contents .pickup .other .second .column:nth-child(2n) {
margin-right:0px;
}
.index_contents .pickup .other .day { font-size: 1.125rem;}
.index_contents .pickup .other .iconArea { font-size: 1.125rem;}
.index_contents .pickup .other .column_title p {
border-bottom:1px solid #CCCCCC;
padding-left:25px;
position:relative;
}
.index_contents .pickup .other .column_title p:after {
position:absolute;
content:"";
display:inline-block;
background-image:url(//andb.life/wp-content/themes/beautystyle/img/index/icon_more.gif);
top:15%;
left:6px;
width: 13px;
height: 13px;
background-size: 13px 13px;
}
.index_contents .adviser .box:last-child {
border-bottom:none;
}
.index_contents .adviser .box .image ,
.index_contents .adviser .box .name ,
.index_contents .adviser .box .right {
display: inline-block;
letter-spacing: normal;
vertical-align:middle;
}
.index_contents .adviser .box .image .age {
font-size: 0.875rem;
}
.index_contents .adviser .box .name h3 {
font-size:90%;
}
.index_contents .adviser .box .name .intro {
font-size:80%;
}
.index_contents .pickup .search {
padding:10px 15px;
font-size:90%;
}
.index_contents .pickup .search .window {
margin-bottom:10px;
}
.index_contents .pickup .search .window input[type="submit"] {
border:none;
padding:5px 8px;
border-radius:3px;
color:#fff;
background:#E781B2;
background: -webkit-gradient(linear, left top, left bottom, from(#E781B2), to(#E46FA7));　 background: -moz-linear-gradient(top, #E781B2, #E46FA7);　 }
.index_contents .pickup .search .interest ul {
letter-spacing: -.40em;
}
.index_contents .pickup .search .interest ul li {
display: inline-block;
letter-spacing: normal;
margin-right:10px;
}
.index_contents .pickup .search .interest .topic {
color:#DA3F88;
}
.index_contents .pickup .search .surge .topic {
padding-bottom:5px;
margin-bottom:10px;
border-bottom:1px solid #999999;
}
.index_contents .pickup .search .surge .title:after {
position:absolute;
content:"";
display:inline-block;
background-image:url(//andb.life/wp-content/themes/beautystyle/img/index/icon_fukidashi.gif);
top:2%;
left:2px;
width: 20px;
height: 18px;
background-size: 20px 18px;
}
.index_contents .pickup .first .category {
margin: 0 0 2%;
}
.main .beauty {
background:#FFF;
border:2px solid #DE5496;
}
.main .beauty .title {
position:relative;
}
.main .beauty .title .more a {
color:#FFF;
}
.main .beauty .title .more:after {
position:absolute;
content:"";
display:inline-block;
background-image:url(//andb.life/wp-content/themes/beautystyle/img/index/icon_more_beauty.png);
top:17%;
left:-16px;
width: 13px;
height: 13px;
background-size: 13px 13px;
}
.main .content .list {
padding:10px;
overflow: hidden;
letter-spacing: -.40em;
}
.main .content .list .box { float: left;}
.main .content .list .box .image {
margin-bottom:10px;
text-align: center;
}
.main .content .list .box h3.title {
font-size: 1.5rem;
padding: 0;
}
.main .content .list .box .line {
letter-spacing: -.40em;
}
.main .content .list .box .line div {
display: inline-block;
letter-spacing: normal;
font-size:80%;
}
.main .content .list .box .line .date {
margin-right:10px;
}
.main .special,
.main .psycho,
.main .recipe
{
background:#FFF;
box-sizing:border-box;
margin-bottom:20px; box-shadow:rgba(247, 230, 233, 0.65098) 0px 0px 10px 7px;
-webkit-box-shadow:rgba(247, 230, 233, 0.65098) 0px 0px 10px 7px;
-moz-box-shadow:rgba(247, 230, 233, 0.65098) 0px 0px 10px 7px;
}
.main .special .title,
.main .psycho .title,
.main .recipe .title {
padding:10px;
}
.main .special .title_text,
.main .psycho .title_text,
.main .recipe .title_text {
position:relative;
font-size:180%;
padding-left:33px;
float:left;
}
.main .special .title_text:first-letter,
.main .psycho .title_text:first-letter,
.main .recipe .title_text:first-letter {
color:#E470A5;
}
.main .special .title_text:after,
.main .psycho .title_text:after,
.main .recipe .title_text:after {
position:absolute;
content:"";
display:inline-block;
top: 0.2rem;
left: 0;
width: 30px;
height: 30px;
background-size: 30px;
background-repeat: no-repeat;
}
.main .special .title_text:after {
background-image:url(//andb.life/wp-content/themes/beautystyle/img/index/icon_circle.png);
}
.main .psycho .title_text:after {
background-image:url(//andb.life/wp-content/themes/beautystyle/img/index/icon_heart.png);
}
.main .recipe .title_text:after {
background-image:url(//andb.life/wp-content/themes/beautystyle/img/index/icon_recipe.png);
}
.main .special .more,
.main .psycho .more,
.main .recipe .more {
margin-top:7px;
position:relative;
text-align:right;
}
.main .special .more:after,
.main .psycho .more:after,
.main .recipe .more:after {
position:absolute;
content:"";
display:inline-block;
background-image:url(//andb.life/wp-content/themes/beautystyle/img/index/icon_more.gif);
top:17%;
right: 8.5rem;
width: 13px;
height: 13px;
background-size: 13px 13px;
}
.sub .content {
margin-bottom:20px;
}
.sub .ranking {
background:#FFF;
padding:10px 3px;
}
.sub .ranking .title {
position:relative;
font-size:180%;
line-height:1;
padding:5px 0 10px 30px;
}
.sub .ranking .title:first-letter {
color:#E470A5;
}
.sub .ranking .title .small {
font-size:50%;
}
.sub .ranking .title:after {
position:absolute;
content:"";
display:inline-block;
background-image:url(//andb.life/wp-content/themes/beautystyle/img/index/icon_circle.gif);
top:10%;
left:6px;
width: 20px;
height: 20px;
background-size: 20px 20px;
}
.sub .ranking .box {
border-bottom:1px solid #CCCCCC;
padding:15px 3px;
letter-spacing: -.40em;
}
.sub .ranking .box:last-child { border: none;}
.sub .ranking .box .rank ,
.sub .ranking .box .image ,
.sub .ranking .box .title_text {
display: inline-block;
letter-spacing: normal;
vertical-align:middle;
}
.sub .ranking .box .rank {
font-size:180%;
margin-right:3px;
}
.sub .ranking .box .image {
width:60px;
}
.sub .ranking .box .title_text {
margin-left:5px;
width:185px;
}  .maincolumn.column01 { width: 100%;}
.maincolumn .topicpath {
margin-bottom:10px;
letter-spacing: -.40em;
}
.maincolumn .topicpath li {
display: inline-block;
letter-spacing: normal;
padding: 0 10px 0 0;
}
.maincolumn .topicpath li:after {
content: ">";
margin: 0 0 0 10px ;
}
.maincolumn .topicpath li:last-child:after {
content: "";
}
.maincolumn #breadcrumbs {
margin-bottom: 10px;
}
.maincolumn .articleWrap p {
font-size: 15px;
line-height: 2.0;
} .maincolumn .contents .date {
font-size:15px;
padding-left:3px;
padding-bottom:5px;
margin-bottom:10px;
border-bottom:1px dotted #000;
}
.maincolumn .contents .column_title {
padding-bottom:10px;
margin-bottom:15px;
border-bottom:1px dotted #000;
letter-spacing: -.40em;
}
.maincolumn .contents .column_title .icon ,
.maincolumn .contents .column_title h1 {
display: inline-block;
letter-spacing: normal;
vertical-align:middle;
}
.maincolumn .contents .column_title h1 {
font-size:21px;
font-weight:bold;
}
.maincolumn .contents .column_title .icon {
margin-right:15px;
}
.maincolumn .contents .line, 
.maincolumn .contents .line .writer {
letter-spacing: -.40em;
}
.maincolumn .contents .line .writer ,
.maincolumn .contents .line .sns ,
.maincolumn .contents .line .writer .photo ,
.maincolumn .contents .line .writer .name {
display: inline-block;
letter-spacing: normal;
vertical-align:middle;
}
.maincolumn .contents .line .sns {
float: right;
margin: 1% 0;
}
.maincolumn .contents .line .sns li {
float: left;
margin-right: 1rem;
}
.maincolumn .contents .line .sns li:last-child {
margin: 0;
}
.maincolumn .contents .line .writer {
width:50%;
}
.maincolumn .contents .line .writer .photo {
margin-right:3%;
border-radius: 50%;
}
.maincolumn .contents .chara_line .answer div ,
.maincolumn .contents .chara_line .mc div {
display: inline-block;
letter-spacing: normal;
vertical-align:middle;
}
.maincolumn .contents .chara_line .mc {
float:right;
width:49%;
letter-spacing: -.40em;
}
.maincolumn .contents .image {
text-align:center;
margin:25px auto;
}
.maincolumn .contents .client {
padding:9px 18px;
margin-bottom:10px;
border:1px solid #CCC;
background: #FAFAFA;
}
.maincolumn .contents .client .photo ,
.maincolumn .contents .client .name {
float:left;
}
.maincolumn .contents .client .photo {
box-sizing: border-box;
margin-right: 3%;
padding: 1%;
text-align: center;
width: 18%;
clear: both;
}
.maincolumn .contents .client .name {
padding-left: 3%;
width:79%;
border-left:1px solid #CCC;
}
.maincolumn .contents .client .name p {
padding-bottom:3px;
margin-bottom:3px;
border-bottom:1px solid #CCC;
}
.maincolumn .contents .client .name p:last-child {
border-bottom:none;
}
.maincolumn .contents .client .name .text {
color:#E36CA5;
font-weight:bold;
}
.maincolumn .contents .chara_line .answer span {
color:#3F7BB8;
font-weight:bold;
}
.maincolumn .contents .chara_line .mc span {
font-weight:bold;
}
.maincolumn .contents .cont_text .gray {
margin:30px auto 25px;
position:relative;
background:#EEEEEE;
padding:5px 0 5px 40px;
font-size:20px;
}
.maincolumn .contents .cont_text .gray:after {
position:absolute;
content:"";
display:inline-block;
background-image:url(//andb.life/wp-content/themes/beautystyle/img/detail/icon_circle.png);
top: 9px;
left:15px;
width: 20px;
height: 20px;
background-size: 20px 20px;
}
.maincolumn .contents .cont_text .center {
text-align:center;
}
.maincolumn .contents .cont_text .mc ,
.maincolumn .contents .cont_text .answer ,
.maincolumn .contents .cont_text .question {
margin-bottom:20px;
}
.maincolumn .contents .cont_text .answer ,
.maincolumn .contents .cont_text .question {
letter-spacing: -.40em;
}
.maincolumn .contents .cont_text .answer div ,
.maincolumn .contents .cont_text .question div {
display: inline-block;
letter-spacing: normal;
vertical-align:top;
}
.maincolumn .contents .cont_text .answer .name ,
.maincolumn .contents .cont_text .question .name {
margin: 5px 1% 0 0;
width:15%;
font-weight:bold;
font-size:15px;
}
.maincolumn .contents .cont_text .answer .text ,
.maincolumn .contents .cont_text .question .text {
width:83%;
box-sizing:border-box;
padding:15px 10px;
line-height:1.8;
font-size:15px;
}
.maincolumn .contents .cont_text .answer .text p ,
.maincolumn .contents .cont_text .question .text p {
margin: 0;
}
.maincolumn .contents .cont_text .question .name {
color:#E36CA5;
}
.maincolumn .contents .cont_text .answer .name {
color:#3F7AB8;
}
.maincolumn .contents .cont_text .answer .text {
background:#EBF2F8;
}
.maincolumn .contents .cont_text .question .text {
background:#FFF0F3;
}
.maincolumn .contents .cont_text .answer span ,
.maincolumn .contents .cont_text .question span {
color:#E36CA5;
}
.maincolumn .contents .cont_text .answer p.block ,
.maincolumn .contents .cont_text .question p.block {
margin-top:15px;
}
.maincolumn .contents .cont_text .writer_box .photo {
width: 80px;
border-radius: 50%;
}
.maincolumn .contents .cont_text .writer_box .text {
margin-left:20px;
font-size:90%;
}
.maincolumn .contents .cont_text .writer_box .text .name {
margin-bottom:5px;
font-size:150%;
}
.maincolumn .contents .cont_text .writer_box .text .right {
margin: 5px 0 0;
text-align:right;
}
.maincolumn .contents .cont_text .keyword p { margin-bottom: 1%;}
.maincolumn .contents .cont_text .keyword ul {
letter-spacing: -.40em;
margin-bottom:30px;
}
.maincolumn .contents .cont_text .keyword ul li {
display: inline-block;
letter-spacing: normal;
vertical-align:middle;
border:1px solid #CCCCCC;
background:#FFEAEE;
border-radius:4px;
padding:3px 5px;
margin: 0 1% 1% 0;
}
.maincolumn .relate h2 ,
.maincolumn .contents .cont_text .type02,
.maincolumn .contents.list h2 {
position:relative;
padding:0 0 3px 30px;
margin: 50px 0 15px;
font-size:150%;
border-bottom:1px solid #E36CA5;
background:#FFF;
}
.maincolumn .contents.list h2 {
border-bottom: none;
margin-top: 0;
}
.maincolumn .relate h2:after,
.maincolumn .contents .cont_text .type02:after,
.maincolumn .contents.list h2:after {
position:absolute;
content:"";
display:inline-block;
background-image:url(//andb.life/wp-content/themes/beautystyle/img/detail/icon_circle.png);
top: 3px;
left:5px;
width: 20px;
height: 20px;
background-size: 20px 20px;
}
.contents .cont_text p { margin: 0 0 5% 0;}
.contents .cont_text p.plr10 {
padding:0 10px;
}
.maincolumn .contents .cont_text .writer_box p.p0 {
padding:0;
}
.maincolumn .contents .cont_text.list h2 {
margin:0px auto 5px;
border-bottom:none;
}
.maincolumn .contents .cont_text.list .list_line {
letter-spacing: -.40em;
}
.maincolumn .contents .cont_text.list .list_line .list_box .image {
margin-top:0;
margin-bottom:15px;
}
.maincolumn .contents .cont_text.list .list_line .list_box .date {
border:none;
padding:0;
margin:2px 15px 0 0;
display: inline-block;
letter-spacing: normal;
vertical-align:middle;
}
.maincolumn .contents .cont_text.list .list_line .list_box .category {
display: inline-block;
letter-spacing: normal;
vertical-align:middle;
}
.maincolumn .contents .cont_text.list .list_line .list_box .title {
font-size:110%;
font-weight:bold;
margin-bottom:5px;
}
.maincolumn .contents .cont_text.list .list_line .list_box .line {
font-size:70%;
}
.maincolumn .contents .cont_text.list .list_line .list_box .line .date {
font-size:135%;
}
.maincolumn .contents .cont_text.list .list_line .list_box .line .category {
font-size:65%;
margin:0px auto;
padding:2px 3px;
background:#FF9900;
color:#FFF;
}
.maincolumn .contents .cont_text.list .list_line .list_box .line .category.skin {
background:#0099CC;
}
.maincolumn .contents .cont_text.list .list_line .list_box .line .category.health {
background:#66CC00;
}
.maincolumn .contents .cont_text.list .pager {
margin-top:25px;
}
.info .first .column_info {
margin-bottom:3px;
}
.info .first .column_info .category div {
display: inline-block;
letter-spacing: normal;
vertical-align:middle;
}
.info .first .column_info .category .day {
margin-right:15px;
}
.info .first .column_info .writer {
float:right;
font-size:105%;
font-weight:bold;
color:#999999;
} .maincolumn .contents .question_title {
border-bottom: 1px solid #e36ca5;
border-top: 1px solid #e36ca5;
font-size: 1.571rem;
font-weight: bold;
margin: 0 0 5%;
padding: 2% 0 2% 4em;
text-indent: -6.7rem;
}
.maincolumn .contents .question_title span {
color: #E36CA5;
}
.maincolumn .contents .choice {
border: 1px solid #ddd;
padding: 3%;
width: 80%;
margin: 0 auto 10%;
}
.maincolumn .contents .choice li {
border-bottom: 1px solid #ddd;
padding: 2% 0;
font-size: 1.571rem;
overflow: hidden;
}
.maincolumn .contents .choice li:last-child {
border: none;
}
.maincolumn .contents .choice li span {
color: #E36CA5;
margin: 0 6% 0 0;
float: left;
width: 20%;
}
.maincolumn .contents .choice li a {
float: right;
width: 73%;
} .maincolumn .contents .recipe_intro {
overflow: hidden;
margin: 0 0 5%;
}
.maincolumn .contents .recipe_intro .left {
float: left;
width: 300px;
}
.maincolumn .contents .recipe_intro .left img { width: 100%;}
.maincolumn .contents .recipe_intro .right {
float: right;
width: 280px;
}
.maincolumn .contents .recipe_intro .right p { line-height: 1.8; margin-bottom: 3%;}
.maincolumn .contents .recipe_intro .right dl { overflow: hidden;}
.maincolumn .contents .recipe_intro .right dl dt {
float: left;
width: 50px;
}
.maincolumn .contents .recipe_intro .right dl dd {
padding: 0 0 0 70px;
}
.maincolumn .contents .recipe_intro .right table {
width: 280px;
text-align: left;
font-size: 1.429rem;
}
.maincolumn .contents .recipe_intro .right table tr {
border-bottom: 1px dotted #ddd;
}
.maincolumn .contents .recipe_intro .right table th {
width: 35%;
font-weight: normal;
color: #629900;
padding: 2% 0;
}
.maincolumn .contents .recipe_intro .right table td { width: 55%;}
.maincolumn .contents .recipe_h2 {
color: #629900;
font-weight: bold;
padding: 1% 0;
margin: 0 0 2%;
border-bottom: 1px solid #ddd;
font-size: 1.714rem;
}
.maincolumn .contents .recipe_material { margin: 0 0 8%;}
.maincolumn .contents .recipe_material table {
width: 100%;
font-size: 1.429rem;
}
.maincolumn .contents .recipe_material table tr {
border-bottom: 1px dotted #ddd;
}
.maincolumn .contents .recipe_material table th {
padding: 2% 0;
text-align: left;
width: 30%;
font-weight: normal;
}
.maincolumn .contents .recipe_material table td {
text-align: right;
width: 65%;
}
.maincolumn .contents .recipe_howto {
margin: 0 0 8%;
}
.maincolumn .contents .recipe_howto ol {
padding:0;
margin:0;
list-style:none;
counter-reset:number;
}
.maincolumn .contents .recipe_howto ol li {
font-size: 1.571rem;
border-bottom: 1px dotted #ddd;
padding: 2% 0 2% 2em;
position: relative;
}
.maincolumn .contents .recipe_howto ol li:before {
counter-increment: number; content: counter(number);
float: left;
background: #629900;
width: 1.5em;
height: 1.5em;
border-radius: 50%;
color: #fff;
text-align: center;
line-height: 1.5;
margin: 0 2% 0 0;
position:absolute;
top: 1.175rem;
left: 0;
} .maincolumn .relate .line .box .image ,
.maincolumn .relate .line .box .text {
float:left;
}
.maincolumn .relate .line .box .image {
width:90px;
}
.maincolumn .relate .line .box .text {
margin-left:9px;
width:195px;
}
.maincolumn .relate .line {
letter-spacing: -.40em;
}
.maincolumn .relate .line .box {
display: inline-block;
letter-spacing: normal;
vertical-align:middle;
width:49%;
margin-right:2%;
margin-bottom:15px;
}
.maincolumn .relate .line .box:nth-of-type(2n) {
margin-right:0;
}
.maincolumn .relate .line .box .text .title {
font-size: 1.5rem;
margin: 0 0 3% 0;
}
.maincolumn .relate .line .box .text .iconArea {
font-size: 1.125rem;
}
.maincolumn .relate .line .box .text .writer {
text-align:right;
}
.maincolumn .relate .no-posts{
letter-spacing: normal;
} .maincolumn .snsBtn {
margin: 10px 0 10px;
overflow: hidden;
padding: 20px 0 10px;
}
.maincolumn .snsBtn li {
float: left;
width: 32%;
margin-right: 2%;
text-align: center;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.maincolumn .snsBtn li:last-child { margin-right: 0;}
.maincolumn .social-button {
color: white;
text-align: center;
font-size: 1.3rem;
padding: 2% 7%;
text-decoration: none;
display: inline-block;
width: 19rem;
transition:.3s;
}
.maincolumn .social-button:hover {
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
}
.maincolumn .facebook {
background-color: #3b5998;
}
.maincolumn .twitter {
background-color: #55acee;
}
.maincolumn .hatebu {
background-color: #0078c7;
}  .contents.list .cont_text .list_line { margin: 0 0 5%;}
.contents.list .cont_text .list_line .list_box {
display: inline-block;
letter-spacing: normal;
vertical-align:top;
width:200px;
margin-right: 10px;
margin-bottom:20px;
}
.contents.list .cont_text .list_line .list_box:nth-of-type(3n) { margin-right:0;}
.contents.list .image { margin: 0 0 4%;}
.contents.list h3.title { font-size: 1.625rem;}
.contents.list .date {
font-size: 1.125rem;
border-bottom: none;
margin: 0;
padding: 0;
}
.contents.list { padding:20px 10px;} .wp-pagenavi {
clear: both;
text-align:center;
}
.wp-pagenavi a, .wp-pagenavi span {
text-decoration: none;
border: 1px solid #FFD7DF;
border-radius: 2px;
padding: 6px 6px;
margin: 0px 4px;
background: #FFEAEE;
color: #333;
font-weight: bold;
font-size: 11px;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
border-color: #191919;
}
.wp-pagenavi span.current,
.wp-pagenavi span.extend {
background: none;
border: none;
}
.wp-pagenavi span.extend:nth-of-type(1),
.wp-pagenavi span.extend:nth-last-of-type(1) {
display:none;
}
.wp-pagenavi .previouspostslink {
background:url(//andb.life/wp-content/themes/beautystyle/img/list/arrow_prev.png) no-repeat #FFEAEE;
background-size:7px 12px;
padding: 6px 15px 6px 25px;
background-position: 12px center;
}
.wp-pagenavi .nextpostslink {
background:url(//andb.life/wp-content/themes/beautystyle/img/list/arrow_next.png) no-repeat #FFEAEE;
background-size:7px 12px;
padding: 6px 25px 6px 15px;
background-position: 46px center;
}  .maincolumn .contents .pri_term h2 {
font-size: 1.8rem;
font-weight: bold;
margin-bottom: 1rem;
}  .maincolumn .contents .pageForm { padding-bottom: 3%;}
.maincolumn .contents .pageForm .formIntro {
font-size: 1.425rem;
letter-spacing: 1px;
margin-bottom: 3%;
}
.maincolumn .contents .pageForm .formIntro a {
color: #DE5496;
}
.maincolumn .contents .pageForm .table {
display: table;
width: 100%;
padding: 0 2%;
font-size: 1.45rem;
letter-spacing: 1px;
margin-bottom: 2%;
}
.maincolumn .contents .pageForm .table dl {
display: table-row;
}
.maincolumn .contents .pageForm .table dl dt {
display: table-cell;
border-bottom: 1px solid #ccc;
padding: 3% 0 3% 3%;
width: 30%;
vertical-align: middle;
color: #555;
}
.maincolumn .contents .pageForm .table dl dt span {
color: #fff;
background: #E5525E;
padding: 1%;
font-size: 1.3rem;
margin-right: 5%;
}
.maincolumn .contents .pageForm .table dl dt:selection {
background: #DE5496;
}
.maincolumn .contents .pageForm .table dl dt:-moz-selection {
background: #DE5496;
}
.maincolumn .contents .pageForm .table dl dd {
display: table-cell;
border-bottom: 1px solid #ccc;
padding: 3%;
vertical-align: middle;
color: #444;
}
.maincolumn .contents .pageForm .table dl:last-child dd,
.maincolumn .contents .pageForm .table dl:last-child dt {
border: none;
}
.maincolumn .contents .pageForm .table dl dd select,
.maincolumn .contents .pageForm .table dl dd input,
.maincolumn .contents .pageForm .table dl dd textarea
{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px solid #ccc;
padding: 2%;
}
.maincolumn .contents .pageForm .table dl dd select {
color: #bbb;
width: 50%;
}
.maincolumn .contents .pageForm .table dl dd select option {
color: #444;
}
.maincolumn .contents .pageForm .table dl dd input,
.maincolumn .contents .pageForm .table dl dd textarea {
width: 100%;
}
.maincolumn .contents .pageForm .table dl dd .mwform-tel-field input {
width: 20%;
}
.maincolumn .contents .pageForm .table dl dd .error {
padding: 1% 0 0;
}
.maincolumn .contents .pageForm .btn_send {
text-align: center;
}
.maincolumn .contents .pageForm .btn_send input {
border: 1px solid #ddd;
padding: 1% 6%;
font-size: 1.6rem;
font-weight: bold;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
color: #444;
transition: 0.5s;
letter-spacing: 1px;
margin: 0 1%;
}
.maincolumn .contents .pageForm .btn_send input:hover {
background: #DE5496;
color: #fff;
}
.maincolumn .contents .pageForm .comp {
font-size: 1.425rem;
font-weight: bold;
margin-bottom: 20px;
}    @media only screen and (max-width: 640px) { .pc {
display:none;
}
.sp {
display:block;
}
header.sp {
border-bottom:1px solid #CCCCCC;
position:relative;
padding: 2% 3%;
height: 50px;
}
header.sp .sb-toggle-left {
margin-top: 5px;
}
header.sp .sb-toggle-left ,
header.sp .logo {
float:left;
}
header.sp #sb-site {
width:inherit;
margin-top:3px;
}
header.sp .button-toggle {
float:right;
width: 25px;
}
.menu.sp {
background:#FFF;
border-bottom:1px solid #CCC;
padding:10px 3%;
display: none;
}
.menu.sp .search .window {
margin-bottom:10px;
}
.menu.sp .search .window input[type="submit"] {
border:none;
padding:5px 8px;
border-radius:3px;
color:#fff;
background:#E781B2;
background: -webkit-gradient(linear, left top, left bottom, from(#E781B2), to(#E46FA7));　 background: -moz-linear-gradient(top, #E781B2, #E46FA7);　 }
.menu.sp .interest ul {
letter-spacing: -.40em;
}
.menu.sp .interest ul li {
display: inline-block; *display: inline;
*zoom: 1;
letter-spacing: normal;
margin-right:10px;
}
.menu.sp .interest .topic {
color:#DA3F88;
}
.menu.sp .search .window input[type="text"] {
background:#E4E4E4;
border:none;
border-radius:3px;
padding:5px;
width:82%;
}
.sb-toggle-left {
width: 28px;
}
header.sp .logo {
position:absolute;
top: 15%;
left: 50%;
margin-left: -45px;
width: 90px;
}
header.sp .sb-left {
font-size:130%;
z-index:2;
}
.sb-left li {
border-bottom:1px solid #CCC; padding: 5.5% 0 5.5% 20px;
position:relative;
}
.sb-left li a {
color:#333;
text-decoration:none;
}
.sb-left li.menu_1 a {
color:#FFF;
}
.sb-left li.menu_1 {
background:#E472A8;
color:#FFF;
}
.sb-left li:after {
position:absolute;
content:"";
display:inline-block;
top:22%;
left:8%;
width: 23px;
height: 25px;
background-size: 23px 25px;
} .sb-slidebar {
height: 100%;
overflow-y: auto; position: fixed;
top: 0;
z-index: 0; display: none; background-color: #FFF; }
footer {
font-size:85%;
background: #FFF;
border-top: 1px solid #CCC;
}
footer .inner {
padding:0 0 10px;
width: auto;
}
footer .inner .category,
footer .inner .about {
width:auto;
margin:0 auto;
float: none;
}
footer .inner .title {
border-bottom:none;
margin-bottom:0;
padding: 12px 15px;
line-height: 1;
background: #F0F0F0;
border-bottom: 1px solid #CCC;
}
footer .inner .category ul ,
footer .inner .about ul {
display: flex;
flex-wrap: wrap;
}
footer .inner .category li ,
footer .inner .about li {
border-bottom: 1px solid #CCC;
font-size: 12px;
margin-bottom: 0;
padding: 10px;
position: relative;
}
footer .inner .category li:before,
footer .inner .about li:before {
content:"";
display: block;
width: 10px;
height: 14px;
background: url(//andb.life/wp-content/themes/beautystyle/img/template/footer/arrow_right_pink.png) no-repeat center;
-webkit-background-size: contain;
-o-background-size: contain;
background-size: contain;
position: absolute;
right: 10px;
top: 50%;
margin-top: -5px;
}
footer .inner .category li:nth-child(2n+1) ,
footer .inner .about li:nth-child(2n+1) {
border-right: 1px solid #CCC;
}
footer .inner .category li a ,
footer .inner .about li a {
display: block;
}
footer .inner .sns {
margin-top:30px;
letter-spacing: -.40em;
text-align:center;
float: none;
width: auto;
}
footer .inner .sns li {
width: 40px;
margin-left: 20px;
}
footer .inner .sns li:first-child { margin: 0;}
footer .copy {
background:#333;
color:#FFF;
text-align:center;
}
footer .copy .inner {
width: auto;
}
footer .copy .copyright,
footer .copy .caution {
float:none;
} #appAnnounce {
border-bottom: 1px solid #F2CBD3;
background-image: url(//andb.life/wp-content/themes/beautystyle/img/template/footer/app_bg_sp.jpg);
-webkit-background-size: contain;
background-size: contain;
background-position: 0 0;
min-width: inherit;
margin-top: 10%;
margin-bottom: 80px;
padding-bottom: 7%;
}
#appAnnounce .inner {
width: 100%;
padding-top: 0;
padding-bottom: 0;
}
#appAnnounce .appImage {
position: relative;
}
#appAnnounce .appImage .appLogo {
position: static;
width: 26.5%;
margin: 9.5% 0 9.5% 8%;
}
#appAnnounce .appImage .appDevice {
position: absolute;
left: auto;
bottom: auto;
top: -70%;
right: 2%;
width: 79.5%;
}
#appAnnounce .appInfo {
margin-left: 0;
background: -moz-linear-gradient(top,  rgba(255,255,255,0.7) 0%, rgba(255,255,255,1) 48%);
background: -webkit-linear-gradient(top,  rgba(255,255,255,0.7) 0%,rgba(255,255,255,1) 48%);
background: linear-gradient(to bottom,  rgba(255,255,255,0.7) 0%,rgba(255,255,255,1) 48%);
position: relative;
z-index: 2;
padding-top: 5%;
}
#appAnnounce .appInfo .hook {
font-size: 4.7vw;
margin-left: 7.8%;
}
#appAnnounce .appInfo .exp {
font-size: 3.2vw;
margin-left: 7.8%;
margin-top: 3%;
}
#appAnnounce .appDL {
margin-top: 3.5%;
}
#appAnnounce .appDL .pc {
display: none;
}
#appAnnounce .appDL .appButton {
font-size: 3.7vw;
display: block;
width: 84%;
margin-left: auto;
margin-right: auto;
text-align: center;
color: #FFF;
border-radius: 5px;
border-radius: 1.5vw;
background: #e0619e;
background: -moz-linear-gradient(top,  #e0619e 0%, #dc4b91 100%);
background: -webkit-linear-gradient(top,  #e0619e 0%,#dc4b91 100%);
background: linear-gradient(to bottom,  #e0619e 0%,#dc4b91 100%);
padding: 2% 0;
text-decoration: none;
}  .index_contents {
margin:15px auto 20px;
}
.whats {
width:96%;
margin:0 auto 20px;
}
.whats .title {
padding:0 2%;
margin-bottom:10px;
}
.whats .title_text:first-letter {
color:#E470A5;
}
.whats .line .box {
float:left;
width:100%;
padding:10px 13px;
box-sizing:border-box; margin-bottom: 10px;
background:#FFF; box-shadow:rgba(247, 230, 233, 0.65098) 0px 0px 10px 7px;
-webkit-box-shadow:rgba(247, 230, 233, 0.65098) 0px 0px 10px 7px;
-moz-box-shadow:rgba(247, 230, 233, 0.65098) 0px 0px 10px 7px;
}
.whats .line .box .image {
text-align:center;
margin-bottom:10px;
margin-right: 3%;
width: 32%;
float: left;
}
.whats .line .box .text {
float: left;
width: 65%;
}
.whats .line .box .text .line .text_box .name {
font-size:100%;
}
.whats .line .box .text .line .text_box .category {
display:block;
font-size: 0.9375rem;
}
.whats .line .box .text .line .date {
text-align:right;
font-size:80%;
}
.whats .line .box .text .line .iconArea { width: 70%;}
.index_contents .pickup {
width:100%;
margin-bottom:20px;
}
.index_contents .pickup .info {
padding:10px 13px;
width:96%;
margin:0 auto 11px;
background:#FFF; box-shadow:rgba(247, 230, 233, 0.65098) 0px 0px 10px 7px;
-webkit-box-shadow:rgba(247, 230, 233, 0.65098) 0px 0px 10px 7px;
-moz-box-shadow:rgba(247, 230, 233, 0.65098) 0px 0px 10px 7px;
}
.index_contents .pickup .search {
background:#FFF;
width:96%;
margin:0 auto; box-shadow:rgba(247, 230, 233, 0.65098) 0px 0px 10px 7px;
-webkit-box-shadow:rgba(247, 230, 233, 0.65098) 0px 0px 10px 7px;
-moz-box-shadow:rgba(247, 230, 233, 0.65098) 0px 0px 10px 7px;
}
.index_contents .adviser {
background:#FFF;
width:96%;
margin:0 auto; box-shadow:rgba(247, 230, 233, 0.65098) 0px 0px 10px 7px;
-webkit-box-shadow:rgba(247, 230, 233, 0.65098) 0px 0px 10px 7px;
-moz-box-shadow:rgba(247, 230, 233, 0.65098) 0px 0px 10px 7px;
}
.index_contents .title_text {
position:relative;
font-size:165%;
vertical-align:middle;
padding-left:30px;
float:left;
z-index:1;
}
.index_contents .title_text .small {
font-size:47%;
}
.index_contents .pickup .first {
width:100%;
float:left;
}
.index_contents .pickup .first .title {
font-size:100%;
margin-bottom: 20px;
}
.index_contents .pickup .first .image {
margin-bottom:5px;
text-align:center;
}
.index_contents .pickup .other {
width:100%;
}
.index_contents .pickup .other .second .column {
width:49%;
float:left;
margin-right:2%;
}
.index_contents .pickup .other .image {
text-align:center;
}
.index_contents .adviser .title {
background:#000000;
color:#FFF;
font-weight:bold;
text-align:center;
padding:5px 0;
margin:5px auto 5px;
}
.index_contents .adviser .box {
padding:7px 0;
width:94%;
margin:0 auto;
letter-spacing: -.40em;
border-bottom:1px solid #CCCCCC;
}
.index_contents .adviser .box .image {
width:18%;
text-align:center;
}
.index_contents .adviser .box .name {
margin-left:1%;
width:58%;
}
.index_contents .adviser .box .right {
text-align:right;
width:23%;
font-size: 1rem;
}
.index_contents .pickup .search .window input[type="text"] {
background:#E4E4E4;
border:none;
border-radius:3px;
padding:5px;
width:83%;
}
.index_contents .pickup .search .box {
margin-bottom:10px;
}
.index_contents .pickup .search .surge {
width:100%;
}
.index_contents .pickup .search .surge .title {
position:relative;
padding-left:8%;
}
.index_contents .pickup .info .first .column_info .day {
display: inline-block;
}
.index_contents .pickup .info .first .column_info .writer {
float: none;
display: inline-block;
font-size: 1.3rem;
text-align: right;
}
.main .content {
width:96%;
margin:0 auto 20px;
}
.main .beauty .title .more {
position:absolute;
bottom:20%;
right:10px;
color:#FFF;
}
.main .content .list .box {
display: inline-block; *display: inline;
*zoom: 1;
letter-spacing: normal;
margin-right:2%;
width:49%;
margin-bottom:15px;
}
.main .content .list .box h3.title { font-size: 1.3rem;}
.main .content .list .box:nth-of-type(2n) {
margin-right:0;
}
.main .content .list .box .writer {
font-size: 1.2rem;
}
.main .special .more,
.main .psycho .more,
.main .recipe .more {
margin-top:3px;
}
.main .special .more:after,
.main .psycho .more:after,
.main .recipe .more:after {
position:absolute;
content:"";
display:inline-block;
background-image:url(//andb.life/wp-content/themes/beautystyle/img/index/icon_more.gif);
top:17%;
right: 9rem;
width: 13px;
height: 13px;
background-size: 13px;
}
.body .sub {
margin-bottom: 50px;
}
.sub .ad_box {
width:96%;
margin:0 auto 20px;
text-align:center;
}
.sub .facebook {
width:96%;
margin:0 auto;
text-align:center;
height: 550px;
}
.sub .banner {
text-align:center;
}
.main .special .title_text,
.main .psycho .title_text,
.main .recipe .title_text {
font-size: 1.8rem;
padding-left: 26px;
}
.main .special .title_text:after,
.main .psycho .title_text:after,
.main .recipe .title_text:after {
background-size: 24px;
}
.sub .ranking .box {
overflow: hidden;
}
.sub .ranking .box .rank { width: 8%; float: left;}
.sub .ranking .box .image { width: 18%; float: left;}
.sub .ranking .box .title_text { width: 70%; float: left;}
.main .special .more {
float:none;
text-align:right;
}  .child_catlist {
margin-bottom: 5%;
}
.child_catlist dt {
border: 1px #CCC solid;
background: #F3F3F3;
font-weight: bold;
font-size: 16px;
padding: 3% 14px;
position: relative;
}
.child_catlist dt:before {
content:"";
display: block;
width: 15px;
height: 3px;
background: #E574AA;
position: absolute;
right: 10px;
top: 50%;
margin-top: -1px;
}
.child_catlist dt:after {
content:"";
display: block;
width: 3px;
height: 15px;
background: #E574AA;
position: absolute;
right: 16px;
top: 50%;
margin-top: -7px;
-webkit-transition: .3s;
-moz-transition: .3s;
-ms-transition: .3s;
-o-transition: .3s;
transition: .3s;
}
.child_catlist dt.active:after {
transform: rotate(270deg);
}
.child_catlist dd {
border: 1px #CCC solid;
border-top: none;
display: none;
}
.child_catlist dd a {
padding:3% 20px 3% 12px;
display: block;
position: relative;
font-size: 15px;
}
.child_catlist dd a:after {
content:"";
display: block;
position: absolute;
width: 10px;
height: 14px;
right: 12px;
top: 50%;
margin-top: -7px;
background: url(//andb.life/wp-content/themes/beautystyle/img/template/footer/arrow_right_pink.png) no-repeat 0 0;
-webkit-background-size: 10px 14px;
-o-background-size: 10px 14px;
background-size: 10px 14px;
} .maincolumn {
width:96%;
margin:0 auto 20px;
}
.maincolumn.column01 { width: 95%;}
.maincolumn .topicpath li,
.maincolumn #breadcrumbs {
font-size: 1.125rem;
}
.maincolumn .articleWrap p {
font-size: 14px;
}
.contents ,
.relate {
background:#FFF;
box-sizing:border-box;
padding:10px 3%;
margin-bottom:20px; box-shadow:rgba(247, 230, 233, 0.65098) 0px 0px 10px 7px;
-webkit-box-shadow:rgba(247, 230, 233, 0.65098) 0px 0px 10px 7px;
-moz-box-shadow:rgba(247, 230, 233, 0.65098) 0px 0px 10px 7px;
}
.maincolumn .contents .date { font-size: 1.175rem;}
.maincolumn .contents .column_title h1 { font-size: 1.8rem; line-height: 1.4;}
.maincolumn .contents .column_title .icon {
width: 12%;
margin-right: 2%;
}
.maincolumn .contents .chara_line .answer {
float:left;
width:49%;
margin-right:2%;
letter-spacing: -.40em;
}
.maincolumn .contents .chara_line .photo {
width: 100%;
text-align: center;
margin: 0 0 3% 0;
}
.maincolumn .relate h2 ,
.maincolumn .contents.list h2,
.maincolumn .contents .cont_text .type02,
.maincolumn .contents .cont_text .gray {
font-size: 1.8rem;
}
.maincolumn .contents .cont_text .writer_box {
border:1px solid #CCCCCC;
padding:15px 3%;
margin: 30px 0;
}
.maincolumn .contents .cont_text .writer_box .photo {
margin:0 auto 20px;
}
.maincolumn .contents .cont_text .writer_box div {
}
.maincolumn .contents .cont_text .writer_box .text {
width: 90%;
margin: 0 auto;
}
.maincolumn .contents .cont_text .adbox {
text-align:center;
}
.maincolumn .contents .cont_text .adbox div {
margin-bottom:20px;
}
.maincolumn .contents .client .photo {
padding-right:3%;
width:27%;
margin: 0;
}
.maincolumn .contents .client .name {
margin-left:3%;
width:70%;
padding-left: 4%;
}
.maincolumn .contents .line .writer {
width:100%;
display:block;
margin-bottom:10px;
}
.maincolumn .contents .line .sns {
display:block;
margin-bottom: 3%;
}
.maincolumn {
margin-top: 8px;
} .maincolumn .contents .choice {
width: 100%;
}
.maincolumn .contents .choice li { font-size: 1.429rem;}
.maincolumn .contents .choice li span { margin: 0 4% 0 0; width: 25%;}
.maincolumn .contents .choice li a { width: 70%;} .maincolumn .contents .recipe_intro .left { width: 100%; margin: 0 0 3%;}
.maincolumn .contents .recipe_intro .right { width: 100%; margin: 0 0 3%}
.maincolumn .contents .recipe_intro .right table { width: 100%;}
.maincolumn .contents .recipe_howto ol li:before { top: 0.5rem;} .maincolumn .relate .line .box .image {
width: 100%;
text-align:center;
margin-bottom: 5%;
}
.maincolumn .relate .line .box .text {
margin-left: 0;
width: 100%;
}
.maincolumn .relate .line .box .text .writer { text-align: left;} .maincolumn .social-button {
width: auto;
font-size: 0.9rem;
padding: 2% 7% 5%;
}
.maincolumn .social-button .lsf {
font-size: 2.5rem;
display: block;
}  .contents.list .list_line { overflow: hidden;}
.contents.list .cont_text .list_line .list_box,
.contents.list .cont_text .list_line .list_box:nth-of-type(3n) {
width: 49%;
margin: 0 2% 5% 0;
float: left;
}
.contents.list .cont_text .list_line .list_box:nth-of-type(2n) { margin: 0 0 5% 0;}
.contents.list h3.title { font-size: 1.5rem;}
.contents.list .image { text-align: center;}  .maincolumn .contents .pageForm .table dl dt,
.maincolumn .contents .pageForm .table dl dd {
display: block;
width: 100%;
}
.maincolumn .contents .pageForm .table dl dt {
border: none;
padding: 5% 0 0 3%;
}
.maincolumn .contents .pageForm .table dl dd {
padding: 3% 3% 6% 3%;
}
.maincolumn .contents .pageForm .table dl dd select {
background: none;
color: #444;
}
.maincolumn .contents .pageForm .btn_send input {
background: #ddd;
border-radius: 5px;
padding: 2% 5%;
font-weight: normal;
-webkit-appearance: none;
}
.maincolumn .contents .pageForm .btn_send input:hover { color: #fff;}
.maincolumn .contents .pageForm .table dl dd select,
.maincolumn .contents .pageForm .table dl dd input,
.maincolumn .contents .pageForm .table dl dd textarea {
padding: 3%;
} }   @media only screen and (min-width: 641px) {
.pc {
display:block;
}
.sp {
display:none;
} header {
border-top:2px solid #000;
background:#FFF;
margin-bottom:25px;
font-size:135%;
}
header nav {
background:#000000;
color:#FFF;
}
header .inner {
width:1000px;
margin:0 auto 20px;
}
header .left {
float:left;
width:342px;
margin-left:40px;
}
header .left h1 ,
header .left p {
font-size:75%;
margin-top:15px;
margin-bottom:15px;
}
header .logo {
margin-left: 50px;
margin-top: 30px;
float:left;
text-align:center;
}
header .right {
width:315px;
float:right;
}
header .right .navi {
text-align:right;
float:right;
}
header .right .navi ul {
width:185px;
background:#000;
padding:3px 10px;
text-align:center;
color:#FFF;
letter-spacing: -.40em;
}
header .right .navi li {
display: inline-block; *display: inline;
*zoom: 1;
letter-spacing: normal;
vertical-align:middle;
font-size:85%;
}
header .right .sns ul {
letter-spacing: -.40em;
margin-top:60px;
}
header .right .sns ul li {
display: inline-block; *display: inline;
*zoom: 1;
letter-spacing: normal;
vertical-align:middle;
margin-right:10px;
}
header .right .sns ul li.regist {
font-size:125%;
width:130px;
text-align:center;
background:#E36CA5;
color:#FFF;
padding:3px 0;
border-radius:2px;
}
header nav ul { width:966px;
margin:0 auto;
text-align:center;
letter-spacing: -.40em;
}
header nav ul li img {
margin-right:20px;
}
header nav ul li {
display: inline-block;
letter-spacing: normal;
position: relative;
vertical-align:middle;
font-size:120%;
width: 16.6%;
width:calc(100% / 6);
}
header nav ul li:before {
content: "";
display: block;
width: 1px;
height: 24px;
background: #999;
position: absolute;
left: 0;
top: 50%;
margin-top: -12px;
}
header nav ul li a {
color: #fff;
text-decoration: none;
display: block;
padding: 12px 0;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
header nav ul li a:hover {
text-decoration: none;
opacity: 1 !important;
}
header nav ul li a::before {
content:"";
display: block;
position: absolute;
bottom: 0px;
height: 0px;
width: 100%;
background: #DE5496;
-webkit-transition: .2s ease-out;
-moz-transition: .2s ease-out;
-ms-transition: .2s ease-out;
-o-transition: .2s ease-out;
transition: .2s ease-out;
}
header nav ul li a:hover::before {
bottom: -2px;
height: 2px;
}
header nav ul li:last-child::after {
content: "";
display: block;
width: 1px;
height: 24px;
background: #999;
position: absolute;
right: 0;
top: 50%;
margin-top: -12px;
}
header .interest ul {
margin-top:10px;
letter-spacing: -.40em;
}
header .interest ul li {
display: inline-block; *display: inline;
*zoom: 1;
letter-spacing: normal;
margin-right:6px;
}
header .interest .topic {
color:#DA3F88;
}
header .interest {
font-size:85%;
}
header .search .window {
position:relative;
}
header .search .window input[type="text"] {
background:#F4F4F4;
border:1px solid #BEBEBE;
border-radius:3px;
padding:10px 10px 10px 35px;
width:260px;
position:relative;
}
header .search .window input[type="image"] {
position:absolute;
left:10px;
top:8px;
}
header .right .sns {
margin-top:60px;
letter-spacing: -.40em;
}
header .right .sns li {
display: inline-block; *display: inline;
*zoom: 1;
letter-spacing: normal;
vertical-align:middle;
margin-left:8px;
width:130px;
text-align:center;
}
header .right .sns li a {
display:block;
border-radius:3px;
padding:5px 0;
color:#FFF;
text-decoration: none;
}
header .right .sns li .regist {
background:#E472A8;
}
header .right .sns li .login{
background:#6F9ECE;
} .body {
width:965px;
margin:0 auto 40px;
}
.body .main {
width:650px;
float:left;
}
.body .sub {
width:290px;
float:right;
} .index_contents ,
.whats {
width:965px;
margin:0 auto 10px;
}
.whats .title {
margin-bottom:10px;
}
.whats .title_text:first-letter {
color:#E470A5;
}
.whats .line .box {
float:left;
width:470px;
padding:10px 13px;
box-sizing:border-box;
margin-right:25px;
margin-bottom:10px;
background:#FFF; box-shadow:rgba(247, 230, 233, 0.65098) 0px 0px 10px 7px;
-webkit-box-shadow:rgba(247, 230, 233, 0.65098) 0px 0px 10px 7px;
-moz-box-shadow:rgba(247, 230, 233, 0.65098) 0px 0px 10px 7px;
}
.whats .line .box:nth-child(2n) {
margin-right:0;
}
.whats .line .box:nth-child(n+7) { }
.whats .line .box .image {
width:150px;
float:left;
}
.whats .line .box .text {
width:280px;
float:right;
}
.whats .line .box .text .line .text_box .name {
font-size:130%;
}
.whats .line .box .text .line .text_box .category {
margin-left:10px;
font-size: 0.9375rem;
}
.whats .line .box .text .line .date {
text-align:right;
}
.index_contents .pickup {
width:650px;
float:left;
}
.index_contents .pickup .info {
padding:15px 13px;
margin-bottom:11px;
background:#FFF; box-shadow:rgba(247, 230, 233, 0.65098) 0px 0px 10px 7px;
-webkit-box-shadow:rgba(247, 230, 233, 0.65098) 0px 0px 10px 7px;
-moz-box-shadow:rgba(247, 230, 233, 0.65098) 0px 0px 10px 7px;
}
.index_contents .pickup .search {
background:#FFF; box-shadow:rgba(247, 230, 233, 0.65098) 0px 0px 10px 7px;
-webkit-box-shadow:rgba(247, 230, 233, 0.65098) 0px 0px 10px 7px;
-moz-box-shadow:rgba(247, 230, 233, 0.65098) 0px 0px 10px 7px;
}
.index_contents .adviser {
width:290px;
float:right;
background:#FFF; box-shadow:rgba(247, 230, 233, 0.65098) 0px 0px 10px 7px;
-webkit-box-shadow:rgba(247, 230, 233, 0.65098) 0px 0px 10px 7px;
-moz-box-shadow:rgba(247, 230, 233, 0.65098) 0px 0px 10px 7px;
}
.index_contents .title_text {
position:relative;
font-size:180%;
vertical-align:middle;
padding-left:30px;
float:left;
}
.index_contents .title_text .small {
font-size:60%;
margin-left:15px;
}
.index_contents .pickup .first {
width:300px;
float:left;
}
.index_contents .pickup .first .title {
font-size:130%;
font-weight:bold;
}
.index_contents .pickup .first .image {
margin-bottom:10px;
}
.index_contents .pickup .other {
width:310px;
float:right;
}
.index_contents .pickup .other .second .column {
width:150px;
float:left;
margin-right:10px;
}
.index_contents .title {
margin-bottom:15px;
}
.index_contents .pickup .other .image {
margin-bottom:10px;
}
.index_contents .adviser .title {
background:#000000;
color:#FFF;
font-weight:bold;
text-align:center;
padding:5px 0;
width:96%;
margin:5px auto 5px;
}
.index_contents .adviser .box {
padding:7px 0;
width:98%;
margin:0 auto;
letter-spacing: -.40em;
border-bottom:1px solid #CCCCCC;
}
.index_contents .adviser .box .image {
width: 55px;
text-align:center;
}
.index_contents .adviser .box .image img { width: 45px;}
.index_contents .adviser .box .name {
margin-left:5px;
width:150px;
}
.index_contents .adviser .box .right {
text-align:right;
width:72px;
font-size: 0.9375rem;
}
.index_contents .pickup .search .window input[type="text"] {
background:#E4E4E4;
border:none;
border-radius:3px;
padding:5px;
width:350px;
}
.index_contents .pickup .search .box {
float:left;
}
.index_contents .pickup .search .surge {
float:right;
width:195px;
}
.index_contents .pickup .search .surge .title {
position:relative;
text-align:right;
}
.main .content {
margin-bottom:20px;
}
.main .beauty .title .more {
position:absolute;
bottom:10px;
right:10px;
color:#FFF;
}
.main .content .list .box {
display: inline-block; *display: inline;
*zoom: 1;
letter-spacing: normal;
margin-right:13px;
width:200px;
margin-bottom:15px;
}
.main .content .list .box:nth-of-type(3n) {
margin-right:0;
}
.main .content .list .box:nth-of-type(3n+1) {
clear: both;
}
.main .content.psycho .list .box:nth-of-type(4),
.main .content.recipe .list .box:nth-of-type(4) {
display: none;
}
.info .first .column_info {
margin-bottom:10px;
}
.info .first .column_info .category div {
display: inline-block; *display: inline;
*zoom: 1;
letter-spacing: normal;
vertical-align:middle;
}
.info .first .column_info .category .day {
margin-right:15px;
}
.info .first .column_info .writer {
float:right;
font-size:105%;
font-weight:bold;
color:#999999;
} .maincolumn {
float:left;
width:650px;
}
.contents ,
.relate {
background:#FFF;
box-sizing:border-box;
padding:20px 25px;
margin-bottom:20px; box-shadow:rgba(247, 230, 233, 0.65098) 0px 0px 10px 7px;
-webkit-box-shadow:rgba(247, 230, 233, 0.65098) 0px 0px 10px 7px;
-moz-box-shadow:rgba(247, 230, 233, 0.65098) 0px 0px 10px 7px;
}
.maincolumn .contents .line {
margin-bottom:5px;
}
.maincolumn .contents .chara_line .answer {
float:left;
width:49%;
margin-right:2%;
letter-spacing: -.40em;
}
.maincolumn .contents .chara_line {
}
.maincolumn .contents .cont_text .writer_box {
letter-spacing: -.40em;
border:1px solid #CCCCCC;
padding:20px;
margin: 30px 0;
}
.maincolumn .contents .cont_text .writer_box div {
display: inline-block; *display: inline;
*zoom: 1;
letter-spacing: normal;
vertical-align:middle;
}
.maincolumn .contents .cont_text .writer_box .text {
width: 446px;
}
.maincolumn .contents .cont_text .adbox .left {
float:left;
}
.maincolumn .contents .cont_text .adbox .right {
float:right;
} .child_catlist {
margin-bottom: 12px;
}
.child_catlist dt {
display: none;
}
.child_catlist dd {
display: inline-block;
vertical-align: top;
border: 1px #CCC solid;
margin-right: 8px;
margin-bottom: 8px;
}
.child_catlist dd a {
padding:5px 10px 5px 28px;
display: block;
background: url(//andb.life/wp-content/themes/beautystyle/img/template/icon_tag.png) no-repeat 0 0;
-webkit-background-size: 17px 20px;
-o-background-size: 17px 20px;
background-size: 17px 20px;
background-position: 6px center;
-webkit-transition: .3s;
-moz-transition: .3s;
transition: .3s;
}
.child_catlist dd a:hover {
text-decoration: none;
background-color: #F9DFEB;
}
} .insertInstagram,
.insertComment {
margin: 20px;
}
.insertInstagram .insta_post_user_thumb {
display: inline-block;
width: 40px;
height: 40px;
-webkit-border-radius: 50%;
border-radius: 50%;
overflow: hidden;
vertical-align: middle;
margin-right: 10px;
position: relative;
z-index: 1;
}
.insertInstagram .insta_post_user_name {
display: inline-block;
vertical-align: middle;
}
.insertInstagram .insta_post_photo {
margin: 20px 0;
}
.insertInstagram .insta_post_comment,
.insertComment .insert_comment_box {
border: 2px solid #999;
padding: 20px;
margin: 5px 0 10px;
}
.maincolumn .insertInstagram .insta_post_comment p,
.maincolumn .insertComment .insert_comment_box p {
margin-bottom: 0;
line-height: 1.5;
}
.maincolumn .insertInstagram .insta_post_from,
.maincolumn .insertComment .insert_from {
text-align: right;
}
.maincolumn .insertComment .insert_from,
.maincolumn .insertComment .insert_from a {
color: #999;
}
.insertInstagram video {
width: 100%;
height: auto;
}
.insertComment .insert_comment_hook p {
margin-bottom: 0;
}
.maincolumn .contents .btn_try,
.maincolumn .contents .btn_solid {
text-align: center;
margin: 0 0 8%;
}
.maincolumn .contents .btn_try a,
.maincolumn .contents .btn_solid a {
color: #FFF;
display: inline-block;
padding: 2% 8%;
font-size: 1.6rem;
font-weight: bold;
transition: 0.5s;
letter-spacing: 1px;
position: relative;
z-index: 1;
-webkit-transition: .3s;
transition: .3s;
background: #ec9ac1;
background: -moz-linear-gradient(top,  #ec9ac1 0%, #e472a8 100%);
background: -webkit-linear-gradient(top,  #ec9ac1 0%,#e472a8 100%);
background: linear-gradient(to bottom,  #ec9ac1 0%,#e472a8 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec9ac1', endColorstr='#e472a8',GradientType=0 );
}
.maincolumn .contents .btn_try a::after {
content:"";
width: 10px;
height: 15px;
background: url(//andb.life/wp-content/themes/beautystyle/img/detail/arrow.png) 0 0 no-repeat;
-webkit-background-size: contain;
-o-background-size: contain;
background-size: contain;
position: absolute;
right: 14px;
top: 50%;
margin-top: -8px;
}
.maincolumn .contents .btn_try a:hover,
.maincolumn .contents .btn_solid a:hover {
text-decoration: none;
opacity: 0.8;
}
.maincolumn .contents .btn_solid a {
border-radius: 5px;
padding: 3% 8%;
background: #000;
}
.maincolumn .contents .btn_solid.is-s_pink a {
background: #E44480;
}
.maincolumn .contents .cont_text .type03 {
font-size: 140%;
font-weight: bold;
margin-bottom: 12px;
}
.maincolumn .contents .cont_text .type03::before {
content: '■';
color: #E36CA5;
font-size: 160%;
margin-right: 8px;
}
.maincolumn .contents .detail_2col {
overflow: hidden;
margin: 10px 0 20px;
}
.maincolumn .contents .detail_2col_left {
width: 49%;
float: left;
}
.maincolumn .contents .detail_2col_right {
width: 49%;
float: left;
}
.maincolumn .contents .detail_2col .btn_try {
margin-top: 10%;
}
.maincolumn .contents .detail_2col .btn_try a {
padding: 4% 20%;
}
.maincolumn .contents .detail_2col p {
line-height: 1.5;
}
.maincolumn .contents .detail_2col .detail_2col_text {
padding-top: 5%;
}
.maincolumn .contents .itemSummary {
margin-top: 8%;
}
.maincolumn .contents .itemSummary p {
line-height: 1.6;
}
.maincolumn .contents .itemSummary a {
text-decoration: underline;
}
.maincolumn .contents .text-center {
text-align: center;
}
.maincolumn .contents .text-left {
text-align: left;
}
.maincolumn .contents .text-right {
text-align: right;
}
.maincolumn .contents .text-bold {
font-weight: bold;
}
.text-underline {
text-decoration: underline;
}
.text-red {
color: #FF0000;
}
.text-pink {
color: #E36CA5;
}
.text-s_pink {
color: #FF3366;
}
.text-crimson {
color: #900;
}
.maincolumn .contents .text-size-10 {
font-size: 10px;
font-size: 1.0rem;
}
.maincolumn .contents .text-size-11 {
font-size: 11px;
font-size: 1.1rem;
}
.maincolumn .contents .text-size-12 {
font-size: 12px;
font-size: 1.2rem;
}
.maincolumn .contents .text-size-13 {
font-size: 13px;
font-size: 1.3rem;
}
.maincolumn .contents .text-size-13 {
font-size: 14px;
font-size: 1.4rem;
}
.maincolumn .contents .text-size-15 {
font-size: 15px;
font-size: 1.5rem;
}
.maincolumn .contents .text-size-16 {
font-size: 16px;
font-size: 1.6rem;
}
.maincolumn .contents .text-size-18 {
font-size: 18px;
font-size: 1.8rem;
}
.maincolumn .contents .text-size-20 {
font-size: 20px;
font-size: 2.0rem;
line-height: 1.4;
}
.maincolumn .contents .text-size-22 {
font-size: 22px;
font-size: 2.2rem;
line-height: 1.4;
}
.maincolumn .contents .text-size-24 {
font-size: 24px;
font-size: 2.4rem;
line-height: 1.4;
}
.maincolumn .contents .line-height-10 {
line-height: 1;
}
.maincolumn .contents .line-height-12 {
line-height: 1.2;
}
.maincolumn .contents .line-height-15 {
line-height: 1.5;
}
.maincolumn .contents .line-height-18 {
line-height: 1.8;
}
.maincolumn .contents .text-mincho {
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.maincolumn .contents .text-highlight { padding: 3px 0.2em;
}
.maincolumn .contents .text-highlight.yellow,
.maincolumn .contents .text-highlight.is-yellow {
background: #FFFF99;
}
.maincolumn .contents .text-highlight.is-gray {
background: #EFEFEF;
}
.maincolumn .contents .text-narrow {
line-height: 1.8;
}
.maincolumn .contents .brackets.type01 {
position: relative;
padding: 4%;
}
.maincolumn .contents .brackets.type01::before {
position: absolute;
content: "「";
top: 0;
left: -15px;
font-size: 26px;
}
.maincolumn .contents .brackets.type01:after {
position: absolute;
content: "」";
bottom: 0;
right: -15px;
font-size: 26px;
}
.maincolumn .contents .mt0 {
margin-top: 0px;
}
.maincolumn .contents .mt5 {
margin-top: 5px;
}
.maincolumn .contents .mt10 {
margin-top: 10px;
}
.maincolumn .contents .mt20 {
margin-top: 20px;
}
.maincolumn .contents .mt30 {
margin-top: 30px;
}
.maincolumn .contents .mt40 {
margin-top: 40px;
}
.maincolumn .contents .mb0 {
margin-bottom: 0px;
}
.maincolumn .contents .mb5 {
margin-bottom: 5px;
}
.maincolumn .contents .mb10 {
margin-bottom: 10px;
}
.maincolumn .contents .mb20 {
margin-bottom: 20px;
}
.maincolumn .contents .mb30 {
margin-bottom: 30px;
}
.maincolumn .contents .mb40 {
margin-bottom: 40px;
}
.maincolumn .contents .p15 {
padding: 15px;
}
.maincolumn .contents .p20 {
padding: 20px;
}
.maincolumn .contents .border-box {
border: 1px solid #000;
padding: 20px 30px;
}
.maincolumn .contents .border-box.w2 {
border-width: 2px;
}
.maincolumn .contents .border-box.is-gray {
border-color: #999;
}
.maincolumn .contents .border-box.is-gray-c {
border-color: #CCC;
}
.maincolumn .contents .box-round-5 {
border-radius: 5px;
}
.maincolumn .contents .box-round-10 {
border-radius: 10px;
}
.maincolumn .contents .box-round-15 {
border-radius: 15px;
}
.maincolumn .contents .box-table {
display: table;
}
.maincolumn .contents .box-inline-block {
display: inline-block;
}
.maincolumn .listBox {
width: 84%;
margin: 5% auto;
padding: 3% 7%;
}
.maincolumn .listBox.listBox-gray {
background: #ECECEC;
}
.maincolumn .listBox .listBoxTitle {
text-align:center;
font-size:15px;
margin-bottom:12px;
}
.maincolumn .listBox .listBoxlist {
font-size:18px;
margin:6px 0;
letter-spacing:1px;
line-height:1.3;
}
.maincolumn .box-fill-pink {
background: #FFF4F4;
}
.maincolumn .box-fill-f_gray {
background: #F4F4F4;
}
.maincolumn .articleWrap .itembox {
overflow: hidden;
display: table;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-ms-align-items: center;
align-items: center;
margin-bottom: 30px;
}
.maincolumn .articleWrap .itembox.bt {
border-top: 1px solid #CCC;
}
.maincolumn .articleWrap .itembox-image {
max-width: 320px;
margin-right: 20px;
margin-bottom: 20px;
display: table-cell;
vertical-align: middle;
text-align: center;
}
.maincolumn .articleWrap .itembox-text {
overflow: hidden;
line-height: 1.6;
margin-bottom: 0;
display: table-cell;
vertical-align: middle;
}
table.table_pink {
border-right:1px solid #f189b4;
border-bottom:1px solid #f189b4;
width: 100%;
table-layout: fixed;
}
table.table_pink th,
table.table_pink td {
border-left:1px solid #f189b4;
border-top:1px solid #f189b4;
text-align: center;
vertical-align: middle;
padding: 14px 3px;
font-size: 13px;
height: 64px;
}
table.table_pink th {
background:#f072a6;
color:#FFF;
font-weight:normal;
}
table.table_pink .table_small {
font-size: 12px;
}
.table_btn {
display:inline-block;
border-radius: 4px;
padding: 8px 7px;
width: -webkit-calc(100% - 30px);
width: calc(100% - 30px);
}
table.table_pink .table_btn {
background: #22bc67;
color:#FFF;
}
@media only screen and (max-width: 640px) {
.maincolumn .contents .btn_try a {
padding: 3% 28px;
}
.maincolumn .contents .cont_text .type02 {
margin-top: 10%;
}
.maincolumn .contents .cont_text .type03 {
font-size: 1.6rem;
margin-top: 7%;
}
.maincolumn .contents .detail_2col_left,
.maincolumn .contents .detail_2col_right{
width: 100%;
float: none;
}
.maincolumn .contents .detail_2col_image {
text-align: center;
max-width: 84%;
margin-left: auto;
margin-right: auto;
}
.maincolumn .contents .detail_2col .btn_try {
margin-top: 5%;
}
.maincolumn .listBox {
width: 90%;
padding: 5% 7%;
}
.maincolumn .listBox .listBoxlist {
font-size:15px;
margin:8px 0;
letter-spacing:normal;
}
.maincolumn .contents .text-size-16 {
font-size: 1.5rem;
}
.maincolumn .contents .text-size-18 {
font-size: 1.6rem;
}
.maincolumn .contents .text-size-20 {
font-size: 1.65rem;
line-height: 1.5;
}
.maincolumn .contents .text-size-22 {
font-size: 1.7rem;
line-height: 1.5;
}
.maincolumn .contents .text-size-24 {
font-size: 1.8rem;
line-height: 1.5;
}
.maincolumn .contents .border-box {
padding: 5%;
}
.maincolumn .articleWrap .itembox {
margin-bottom: 7%;
display: block;
}
.maincolumn .articleWrap .itembox-image {
max-width: 80%;
display: block;
margin: 0 auto 3%;
}
.maincolumn .articleWrap .itembox-text {
display: block;
}
table.table_pink th,
table.table_pink td {
padding: 6px 2px;
font-size: 10px;
}
table.table_pink .table_small {
font-size: 10px;
}
.table_btn {
padding: 4px 7px;
width: auto;
}
} #toc_container li,#toc_container ul {
margin: 0;
padding: 0
}
#toc_container.no_bullets li,
#toc_container.no_bullets ul,
#toc_container.no_bullets ul li,
.toc_widget_list.no_bullets,
.toc_widget_list.no_bullets li {
background: 0 0;
list-style-type: none;
list-style: none;
font-size: 14px;
line-height: 1.7;
}
#toc_container.have_bullets li {
padding-left: 12px
}
#toc_container ul ul {
margin-left: 1.5em
}
#toc_container {
background: #f9f9f9;
border: 1px solid #aaa;
margin-top: 30px;
padding: 16px 20px;
margin-bottom: 1em;
width: auto;
display: table;
font-size: 95%
}
#toc_container.toc_light_blue {
background: #edf6ff
}
#toc_container.toc_white {
background: #fff
}
#toc_container.toc_black {
background: #000
}
#toc_container.toc_transparent {
background: none transparent
}
#toc_container p.toc_title {
text-align: center;
font-weight: 700;
margin: 0;
padding: 0
}
#toc_container.toc_black p.toc_title {
color: #aaa
}
#toc_container span.toc_toggle {
font-weight: 400;
font-size: 90%
}
#toc_container p.toc_title+ul.toc_list {
margin-top: 1em
}
.toc_wrap_left {
float: left;
margin-right: 10px
}
.toc_wrap_right {
float: right;
margin-left: 10px
}
#toc_container a {
text-decoration: none;
text-shadow: none
}
#toc_container a:hover {
text-decoration: underline
}
.toc_sitemap_posts_letter {
font-size: 1.5em;
font-style: italic
}html, body, #sb-site, .sb-site-container, .sb-slidebar { margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
html, body {
width: 100%;
overflow-x: hidden; }
html {
height: 100%; }
body {
min-height: 100%;
height: auto;
position: relative; } html.sb-scroll-lock.sb-active:not(.sb-static) {
overflow: hidden;
} #sb-site, .sb-site-container { width: 100%;
position: relative;
z-index: 1; } #sb-site:before, #sb-site:after, .sb-site-container:before, .sb-site-container:after {
content: ' ';
display: table;
}
#sb-site:before, #sb-site:after, .sb-site-container:before, .sb-site-container:after {
clear: both;
} .sb-slidebar, .sb-slidebar * {
-webkit-transform: translateZ( 0px ); }
.sb-left {
left: 0; }
.sb-right {
right: 0; }
html.sb-static .sb-slidebar,
.sb-slidebar.sb-static {
position: absolute; }
.sb-slidebar.sb-active {
display: block; }
.sb-style-overlay {
z-index: 9999; }
.sb-momentum-scrolling {
-webkit-overflow-scrolling: touch; } .sb-slidebar {
width: 30%;
}
.sb-width-thin {
width: 15%;
}
.sb-width-wide {
width: 45%;
}
@media (max-width: 480px) { .sb-slidebar {
width: 70%;
}
.sb-width-thin {
width: 55%;
}
.sb-width-wide {
width: 85%;
}
}
@media (min-width: 481px) { .sb-slidebar {
width: 55%;
}
.sb-width-thin {
width: 40%;
}
.sb-width-wide {
width: 70%;
}
}
@media (min-width: 768px) { .sb-slidebar {
width: 40%;
}
.sb-width-thin {
width: 25%;
}
.sb-width-wide {
width: 55%;
}
}
@media (min-width: 992px) { .sb-slidebar {
width: 30%;
}
.sb-width-thin {
width: 15%;
}
.sb-width-wide {
width: 45%;
}
}
@media (min-width: 1200px) { .sb-slidebar {
width: 20%;
}
.sb-width-thin {
width: 5%;
}
.sb-width-wide {
width: 35%;
}
} .sb-slide, #sb-site, .sb-site-container, .sb-slidebar { -webkit-transition: -webkit-transform 400ms ease;
-moz-transition:    -moz-transform 400ms ease;
-o-transition:      -o-transform 400ms ease;
transition:         transform 400ms ease;
-webkit-transition-property: -webkit-transform, left, right; -webkit-backface-visibility: hidden; } .sb-hide { 
display: none; }
#sb-site {
min-height:inherit !important;
}
header.sp {
background:#FFF;
padding:11px 3%;
}[aos][aos][aos-easing=linear],body[aos-easing=linear] [aos]{-webkit-transition-timing-function:cubic-bezier(.25,.25,.75,.75);transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[aos][aos][aos-easing=ease],body[aos-easing=ease] [aos]{-webkit-transition-timing-function:cubic-bezier(.25,.1,.25,1);transition-timing-function:cubic-bezier(.25,.1,.25,1)}[aos][aos][aos-easing=ease-in],body[aos-easing=ease-in] [aos]{-webkit-transition-timing-function:cubic-bezier(.42,0,1,1);transition-timing-function:cubic-bezier(.42,0,1,1)}[aos][aos][aos-easing=ease-out],body[aos-easing=ease-out] [aos]{-webkit-transition-timing-function:cubic-bezier(0,0,.58,1);transition-timing-function:cubic-bezier(0,0,.58,1)}[aos][aos][aos-easing=ease-in-out],body[aos-easing=ease-in-out] [aos]{-webkit-transition-timing-function:cubic-bezier(.42,0,.58,1);transition-timing-function:cubic-bezier(.42,0,.58,1)}[aos][aos][aos-easing=ease-in-back],body[aos-easing=ease-in-back] [aos]{-webkit-transition-timing-function:cubic-bezier(.6,-.28,.735,.045);transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[aos][aos][aos-easing=ease-out-back],body[aos-easing=ease-out-back] [aos]{-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.275);transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[aos][aos][aos-easing=ease-in-out-back],body[aos-easing=ease-in-out-back] [aos]{-webkit-transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[aos][aos][aos-easing=ease-in-sine],body[aos-easing=ease-in-sine] [aos]{-webkit-transition-timing-function:cubic-bezier(.47,0,.745,.715);transition-timing-function:cubic-bezier(.47,0,.745,.715)}[aos][aos][aos-easing=ease-out-sine],body[aos-easing=ease-out-sine] [aos]{-webkit-transition-timing-function:cubic-bezier(.39,.575,.565,1);transition-timing-function:cubic-bezier(.39,.575,.565,1)}[aos][aos][aos-easing=ease-in-out-sine],body[aos-easing=ease-in-out-sine] [aos]{-webkit-transition-timing-function:cubic-bezier(.445,.05,.55,.95);transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[aos][aos][aos-easing=ease-in-quad],[aos][aos][aos-easing=ease-in-cubic],[aos][aos][aos-easing=ease-in-quart],body[aos-easing=ease-in-quad] [aos],body[aos-easing=ease-in-cubic] [aos],body[aos-easing=ease-in-quart] [aos]{-webkit-transition-timing-function:cubic-bezier(.55,.085,.68,.53);transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[aos][aos][aos-easing=ease-out-quad],[aos][aos][aos-easing=ease-out-cubic],[aos][aos][aos-easing=ease-out-quart],body[aos-easing=ease-out-quad] [aos],body[aos-easing=ease-out-cubic] [aos],body[aos-easing=ease-out-quart] [aos]{-webkit-transition-timing-function:cubic-bezier(.25,.46,.45,.94);transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[aos][aos][aos-easing=ease-in-out-quad],[aos][aos][aos-easing=ease-in-out-cubic],[aos][aos][aos-easing=ease-in-out-quart],body[aos-easing=ease-in-out-quad] [aos],body[aos-easing=ease-in-out-cubic] [aos],body[aos-easing=ease-in-out-quart] [aos]{-webkit-transition-timing-function:cubic-bezier(.455,.03,.515,.955);transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[aos][aos][aos-duration='50'],body[aos-duration='50'] [aos]{-webkit-transition-duration:50ms;transition-duration:50ms}[aos][aos][aos-duration='100'],body[aos-duration='100'] [aos]{-webkit-transition-duration:.1s;transition-duration:.1s}[aos][aos][aos-duration='150'],body[aos-duration='150'] [aos]{-webkit-transition-duration:150ms;transition-duration:150ms}[aos][aos][aos-duration='200'],body[aos-duration='200'] [aos]{-webkit-transition-duration:.2s;transition-duration:.2s}[aos][aos][aos-duration='250'],body[aos-duration='250'] [aos]{-webkit-transition-duration:250ms;transition-duration:250ms}[aos][aos][aos-duration='300'],body[aos-duration='300'] [aos]{-webkit-transition-duration:.3s;transition-duration:.3s}[aos][aos][aos-duration='350'],body[aos-duration='350'] [aos]{-webkit-transition-duration:350ms;transition-duration:350ms}[aos][aos][aos-duration='400'],body[aos-duration='400'] [aos]{-webkit-transition-duration:.4s;transition-duration:.4s}[aos][aos][aos-duration='450'],body[aos-duration='450'] [aos]{-webkit-transition-duration:450ms;transition-duration:450ms}[aos][aos][aos-duration='500'],body[aos-duration='500'] [aos]{-webkit-transition-duration:.5s;transition-duration:.5s}[aos][aos][aos-duration='550'],body[aos-duration='550'] [aos]{-webkit-transition-duration:550ms;transition-duration:550ms}[aos][aos][aos-duration='600'],body[aos-duration='600'] [aos]{-webkit-transition-duration:.6s;transition-duration:.6s}[aos][aos][aos-duration='650'],body[aos-duration='650'] [aos]{-webkit-transition-duration:650ms;transition-duration:650ms}[aos][aos][aos-duration='700'],body[aos-duration='700'] [aos]{-webkit-transition-duration:.7s;transition-duration:.7s}[aos][aos][aos-duration='750'],body[aos-duration='750'] [aos]{-webkit-transition-duration:750ms;transition-duration:750ms}[aos][aos][aos-duration='800'],body[aos-duration='800'] [aos]{-webkit-transition-duration:.8s;transition-duration:.8s}[aos][aos][aos-duration='850'],body[aos-duration='850'] [aos]{-webkit-transition-duration:850ms;transition-duration:850ms}[aos][aos][aos-duration='900'],body[aos-duration='900'] [aos]{-webkit-transition-duration:.9s;transition-duration:.9s}[aos][aos][aos-duration='950'],body[aos-duration='950'] [aos]{-webkit-transition-duration:950ms;transition-duration:950ms}[aos][aos][aos-duration='1000'],body[aos-duration='1000'] [aos]{-webkit-transition-duration:1s;transition-duration:1s}[aos][aos][aos-duration='1050'],body[aos-duration='1050'] [aos]{-webkit-transition-duration:1.05s;transition-duration:1.05s}[aos][aos][aos-duration='1100'],body[aos-duration='1100'] [aos]{-webkit-transition-duration:1.1s;transition-duration:1.1s}[aos][aos][aos-duration='1150'],body[aos-duration='1150'] [aos]{-webkit-transition-duration:1.15s;transition-duration:1.15s}[aos][aos][aos-duration='1200'],body[aos-duration='1200'] [aos]{-webkit-transition-duration:1.2s;transition-duration:1.2s}[aos][aos][aos-duration='1250'],body[aos-duration='1250'] [aos]{-webkit-transition-duration:1.25s;transition-duration:1.25s}[aos][aos][aos-duration='1300'],body[aos-duration='1300'] [aos]{-webkit-transition-duration:1.3s;transition-duration:1.3s}[aos][aos][aos-duration='1350'],body[aos-duration='1350'] [aos]{-webkit-transition-duration:1.35s;transition-duration:1.35s}[aos][aos][aos-duration='1400'],body[aos-duration='1400'] [aos]{-webkit-transition-duration:1.4s;transition-duration:1.4s}[aos][aos][aos-duration='1450'],body[aos-duration='1450'] [aos]{-webkit-transition-duration:1.45s;transition-duration:1.45s}[aos][aos][aos-duration='1500'],body[aos-duration='1500'] [aos]{-webkit-transition-duration:1.5s;transition-duration:1.5s}[aos][aos][aos-duration='1550'],body[aos-duration='1550'] [aos]{-webkit-transition-duration:1.55s;transition-duration:1.55s}[aos][aos][aos-duration='1600'],body[aos-duration='1600'] [aos]{-webkit-transition-duration:1.6s;transition-duration:1.6s}[aos][aos][aos-duration='1650'],body[aos-duration='1650'] [aos]{-webkit-transition-duration:1.65s;transition-duration:1.65s}[aos][aos][aos-duration='1700'],body[aos-duration='1700'] [aos]{-webkit-transition-duration:1.7s;transition-duration:1.7s}[aos][aos][aos-duration='1750'],body[aos-duration='1750'] [aos]{-webkit-transition-duration:1.75s;transition-duration:1.75s}[aos][aos][aos-duration='1800'],body[aos-duration='1800'] [aos]{-webkit-transition-duration:1.8s;transition-duration:1.8s}[aos][aos][aos-duration='1850'],body[aos-duration='1850'] [aos]{-webkit-transition-duration:1.85s;transition-duration:1.85s}[aos][aos][aos-duration='1900'],body[aos-duration='1900'] [aos]{-webkit-transition-duration:1.9s;transition-duration:1.9s}[aos][aos][aos-duration='1950'],body[aos-duration='1950'] [aos]{-webkit-transition-duration:1.95s;transition-duration:1.95s}[aos][aos][aos-duration='2000'],body[aos-duration='2000'] [aos]{-webkit-transition-duration:2s;transition-duration:2s}[aos][aos][aos-duration='2050'],body[aos-duration='2050'] [aos]{-webkit-transition-duration:2.05s;transition-duration:2.05s}[aos][aos][aos-duration='2100'],body[aos-duration='2100'] [aos]{-webkit-transition-duration:2.1s;transition-duration:2.1s}[aos][aos][aos-duration='2150'],body[aos-duration='2150'] [aos]{-webkit-transition-duration:2.15s;transition-duration:2.15s}[aos][aos][aos-duration='2200'],body[aos-duration='2200'] [aos]{-webkit-transition-duration:2.2s;transition-duration:2.2s}[aos][aos][aos-duration='2250'],body[aos-duration='2250'] [aos]{-webkit-transition-duration:2.25s;transition-duration:2.25s}[aos][aos][aos-duration='2300'],body[aos-duration='2300'] [aos]{-webkit-transition-duration:2.3s;transition-duration:2.3s}[aos][aos][aos-duration='2350'],body[aos-duration='2350'] [aos]{-webkit-transition-duration:2.35s;transition-duration:2.35s}[aos][aos][aos-duration='2400'],body[aos-duration='2400'] [aos]{-webkit-transition-duration:2.4s;transition-duration:2.4s}[aos][aos][aos-duration='2450'],body[aos-duration='2450'] [aos]{-webkit-transition-duration:2.45s;transition-duration:2.45s}[aos][aos][aos-duration='2500'],body[aos-duration='2500'] [aos]{-webkit-transition-duration:2.5s;transition-duration:2.5s}[aos][aos][aos-duration='2550'],body[aos-duration='2550'] [aos]{-webkit-transition-duration:2.55s;transition-duration:2.55s}[aos][aos][aos-duration='2600'],body[aos-duration='2600'] [aos]{-webkit-transition-duration:2.6s;transition-duration:2.6s}[aos][aos][aos-duration='2650'],body[aos-duration='2650'] [aos]{-webkit-transition-duration:2.65s;transition-duration:2.65s}[aos][aos][aos-duration='2700'],body[aos-duration='2700'] [aos]{-webkit-transition-duration:2.7s;transition-duration:2.7s}[aos][aos][aos-duration='2750'],body[aos-duration='2750'] [aos]{-webkit-transition-duration:2.75s;transition-duration:2.75s}[aos][aos][aos-duration='2800'],body[aos-duration='2800'] [aos]{-webkit-transition-duration:2.8s;transition-duration:2.8s}[aos][aos][aos-duration='2850'],body[aos-duration='2850'] [aos]{-webkit-transition-duration:2.85s;transition-duration:2.85s}[aos][aos][aos-duration='2900'],body[aos-duration='2900'] [aos]{-webkit-transition-duration:2.9s;transition-duration:2.9s}[aos][aos][aos-duration='2950'],body[aos-duration='2950'] [aos]{-webkit-transition-duration:2.95s;transition-duration:2.95s}[aos][aos][aos-duration='3000'],body[aos-duration='3000'] [aos]{-webkit-transition-duration:3s;transition-duration:3s}[aos][aos][aos-delay='50'],body[aos-delay='50'] [aos]{-webkit-transition-delay:0;transition-delay:0}[aos][aos][aos-delay='50'].aos-animate,body[aos-delay='50'] [aos].aos-animate{-webkit-transition-delay:50ms;transition-delay:50ms}[aos][aos][aos-delay='100'],body[aos-delay='100'] [aos]{-webkit-transition-delay:0;transition-delay:0}[aos][aos][aos-delay='100'].aos-animate,body[aos-delay='100'] [aos].aos-animate{-webkit-transition-delay:.1s;transition-delay:.1s}[aos][aos][aos-delay='150'],body[aos-delay='150'] [aos]{-webkit-transition-delay:0;transition-delay:0}[aos][aos][aos-delay='150'].aos-animate,body[aos-delay='150'] [aos].aos-animate{-webkit-transition-delay:150ms;transition-delay:150ms}[aos][aos][aos-delay='200'],body[aos-delay='200'] [aos]{-webkit-transition-delay:0;transition-delay:0}[aos][aos][aos-delay='200'].aos-animate,body[aos-delay='200'] [aos].aos-animate{-webkit-transition-delay:.2s;transition-delay:.2s}[aos][aos][aos-delay='250'],body[aos-delay='250'] [aos]{-webkit-transition-delay:0;transition-delay:0}[aos][aos][aos-delay='250'].aos-animate,body[aos-delay='250'] [aos].aos-animate{-webkit-transition-delay:250ms;transition-delay:250ms}[aos][aos][aos-delay='300'],body[aos-delay='300'] [aos]{-webkit-transition-delay:0;transition-delay:0}[aos][aos][aos-delay='300'].aos-animate,body[aos-delay='300'] [aos].aos-animate{-webkit-transition-delay:.3s;transition-delay:.3s}[aos][aos][aos-delay='350'],body[aos-delay='350'] [aos]{-webkit-transition-delay:0;transition-delay:0}[aos][aos][aos-delay='350'].aos-animate,body[aos-delay='350'] [aos].aos-animate{-webkit-transition-delay:350ms;transition-delay:350ms}[aos][aos][aos-delay='400'],body[aos-delay='400'] [aos]{-webkit-transition-delay:0;transition-delay:0}[aos][aos][aos-delay='400'].aos-animate,body[aos-delay='400'] [aos].aos-animate{-webkit-transition-delay:.4s;transition-delay:.4s}[aos][aos][aos-delay='450'],body[aos-delay='450'] [aos]{-webkit-transition-delay:0;transition-delay:0}[aos][aos][aos-delay='450'].aos-animate,body[aos-delay='450'] [aos].aos-animate{-webkit-transition-delay:450ms;transition-delay:450ms}[aos][aos][aos-delay='500'],body[aos-delay='500'] [aos]{-webkit-transition-delay:0;transition-delay:0}[aos][aos][aos-delay='500'].aos-animate,body[aos-delay='500'] [aos].aos-animate{-webkit-transition-delay:.5s;transition-delay:.5s}[aos][aos][aos-delay='550'],body[aos-delay='550'] [aos]{-webkit-transition-delay:0;transition-delay:0}[aos][aos][aos-delay='550'].aos-animate,body[aos-delay='550'] [aos].aos-animate{-webkit-transition-delay:550ms;transition-delay:550ms}[aos][aos][aos-delay='600'],body[aos-delay='600'] [aos]{-webkit-transition-delay:0;transition-delay:0}[aos][aos][aos-delay='600'].aos-animate,body[aos-delay='600'] [aos].aos-animate{-webkit-transition-delay:.6s;transition-delay:.6s}[aos][aos][aos-delay='650'],body[aos-delay='650'] [aos]{-webkit-transition-delay:0;transition-delay:0}[aos][aos][aos-delay='650'].aos-animate,body[aos-delay='650'] [aos].aos-animate{-webkit-transition-delay:650ms;transition-delay:650ms}[aos][aos][aos-delay='700'],body[aos-delay='700'] [aos]{-webkit-transition-delay:0;transition-delay:0}[aos][aos][aos-delay='700'].aos-animate,body[aos-delay='700'] [aos].aos-animate{-webkit-transition-delay:.7s;transition-delay:.7s}[aos][aos][aos-delay='750'],body[aos-delay='750'] [aos]{-webkit-transition-delay:0;transition-delay:0}[aos][aos][aos-delay='750'].aos-animate,body[aos-delay='750'] [aos].aos-animate{-webkit-transition-delay:750ms;transition-delay:750ms}[aos][aos][aos-delay='800'],body[aos-delay='800'] [aos]{-webkit-transition-delay:0;transition-delay:0}[aos][aos][aos-delay='800'].aos-animate,body[aos-delay='800'] [aos].aos-animate{-webkit-transition-delay:.8s;transition-delay:.8s}[aos][aos][aos-delay='850'],body[aos-delay='850'] [aos]{-webkit-transition-delay:0;transition-delay:0}[aos][aos][aos-delay='850'].aos-animate,body[aos-delay='850'] [aos].aos-animate{-webkit-transition-delay:850ms;transition-delay:850ms}[aos][aos][aos-delay='900'],body[aos-delay='900'] [aos]{-webkit-transition-delay:0;transition-delay:0}[aos][aos][aos-delay='900'].aos-animate,body[aos-delay='900'] [aos].aos-animate{-webkit-transition-delay:.9s;transition-delay:.9s}[aos][aos][aos-delay='950'],body[aos-delay='950'] [aos]{-webkit-transition-delay:0;transition-delay:0}[aos][aos][aos-delay='950'].aos-animate,body[aos-delay='950'] [aos].aos-animate{-webkit-transition-delay:950ms;transition-delay:950ms}[aos][aos][aos-delay='1000'],body[aos-delay='1000'] [aos]{-webkit-transition-delay:0;transition-delay:0}[aos][aos][aos-delay='1000'].aos-animate,body[aos-delay='1000'] [aos].aos-animate{-webkit-transition-delay:1s;transition-delay:1s}[aos][aos][aos-delay='1050'],body[aos-delay='1050'] [aos]{-webkit-transition-delay:0;transition-delay:0}[aos][aos][aos-delay='1050'].aos-animate,body[aos-delay='1050'] [aos].aos-animate{-webkit-transition-delay:1.05s;transition-delay:1.05s}[aos][aos][aos-delay='1100'],body[aos-delay='1100'] [aos]{-webkit-transition-delay:0;transition-delay:0}[aos][aos][aos-delay='1100'].aos-animate,body[aos-delay='1100'] [aos].aos-animate{-webkit-transition-delay:1.1s;transition-delay:1.1s}[aos][aos][aos-delay='1150'],body[aos-delay='1150'] [aos]{-webkit-transition-delay:0;transition-delay:0}[aos][aos][aos-delay='1150'].aos-animate,body[aos-delay='1150'] [aos].aos-animate{-webkit-transition-delay:1.15s;transition-delay:1.15s}[aos][aos][aos-delay='1200'],body[aos-delay='1200'] [aos]{-webkit-transition-delay:0;transition-delay:0}[aos][aos][aos-delay='1200'].aos-animate,body[aos-delay='1200'] [aos].aos-animate{-webkit-transition-delay:1.2s;transition-delay:1.2s}[aos][aos][aos-delay='1250'],body[aos-delay='1250'] [aos]{-webkit-transition-delay:0;transition-delay:0}[aos][aos][aos-delay='1250'].aos-animate,body[aos-delay='1250'] [aos].aos-animate{-webkit-transition-delay:1.25s;transition-delay:1.25s}[aos][aos][aos-delay='1300'],body[aos-delay='1300'] [aos]{-webkit-transition-delay:0;transition-delay:0}[aos][aos][aos-delay='1300'].aos-animate,body[aos-delay='1300'] [aos].aos-animate{-webkit-transition-delay:1.3s;transition-delay:1.3s}[aos][aos][aos-delay='1350'],body[aos-delay='1350'] [aos]{-webkit-transition-delay:0;transition-delay:0}[aos][aos][aos-delay='1350'].aos-animate,body[aos-delay='1350'] [aos].aos-animate{-webkit-transition-delay:1.35s;transition-delay:1.35s}[aos][aos][aos-delay='1400'],body[aos-delay='1400'] [aos]{-webkit-transition-delay:0;transition-delay:0}[aos][aos][aos-delay='1400'].aos-animate,body[aos-delay='1400'] [aos].aos-animate{-webkit-transition-delay:1.4s;transition-delay:1.4s}[aos][aos][aos-delay='1450'],body[aos-delay='1450'] [aos]{-webkit-transition-delay:0;transition-delay:0}[aos][aos][aos-delay='1450'].aos-animate,body[aos-delay='1450'] [aos].aos-animate{-webkit-transition-delay:1.45s;transition-delay:1.45s}[aos][aos][aos-delay='1500'],body[aos-delay='1500'] [aos]{-webkit-transition-delay:0;transition-delay:0}[aos][aos][aos-delay='1500'].aos-animate,body[aos-delay='1500'] [aos].aos-animate{-webkit-transition-delay:1.5s;transition-delay:1.5s}[aos][aos][aos-delay='1550'],body[aos-delay='1550'] [aos]{-webkit-transition-delay:0;transition-delay:0}[aos][aos][aos-delay='1550'].aos-animate,body[aos-delay='1550'] [aos].aos-animate{-webkit-transition-delay:1.55s;transition-delay:1.55s}[aos][aos][aos-delay='1600'],body[aos-delay='1600'] [aos]{-webkit-transition-delay:0;transition-delay:0}[aos][aos][aos-delay='1600'].aos-animate,body[aos-delay='1600'] [aos].aos-animate{-webkit-transition-delay:1.6s;transition-delay:1.6s}[aos][aos][aos-delay='1650'],body[aos-delay='1650'] [aos]{-webkit-transition-delay:0;transition-delay:0}[aos][aos][aos-delay='1650'].aos-animate,body[aos-delay='1650'] [aos].aos-animate{-webkit-transition-delay:1.65s;transition-delay:1.65s}[aos][aos][aos-delay='1700'],body[aos-delay='1700'] [aos]{-webkit-transition-delay:0;transition-delay:0}[aos][aos][aos-delay='1700'].aos-animate,body[aos-delay='1700'] [aos].aos-animate{-webkit-transition-delay:1.7s;transition-delay:1.7s}[aos][aos][aos-delay='1750'],body[aos-delay='1750'] [aos]{-webkit-transition-delay:0;transition-delay:0}[aos][aos][aos-delay='1750'].aos-animate,body[aos-delay='1750'] [aos].aos-animate{-webkit-transition-delay:1.75s;transition-delay:1.75s}[aos][aos][aos-delay='1800'],body[aos-delay='1800'] [aos]{-webkit-transition-delay:0;transition-delay:0}[aos][aos][aos-delay='1800'].aos-animate,body[aos-delay='1800'] [aos].aos-animate{-webkit-transition-delay:1.8s;transition-delay:1.8s}[aos][aos][aos-delay='1850'],body[aos-delay='1850'] [aos]{-webkit-transition-delay:0;transition-delay:0}[aos][aos][aos-delay='1850'].aos-animate,body[aos-delay='1850'] [aos].aos-animate{-webkit-transition-delay:1.85s;transition-delay:1.85s}[aos][aos][aos-delay='1900'],body[aos-delay='1900'] [aos]{-webkit-transition-delay:0;transition-delay:0}[aos][aos][aos-delay='1900'].aos-animate,body[aos-delay='1900'] [aos].aos-animate{-webkit-transition-delay:1.9s;transition-delay:1.9s}[aos][aos][aos-delay='1950'],body[aos-delay='1950'] [aos]{-webkit-transition-delay:0;transition-delay:0}[aos][aos][aos-delay='1950'].aos-animate,body[aos-delay='1950'] [aos].aos-animate{-webkit-transition-delay:1.95s;transition-delay:1.95s}[aos][aos][aos-delay='2000'],body[aos-delay='2000'] [aos]{-webkit-transition-delay:0;transition-delay:0}[aos][aos][aos-delay='2000'].aos-animate,body[aos-delay='2000'] [aos].aos-animate{-webkit-transition-delay:2s;transition-delay:2s}[aos][aos][aos-delay='2050'],body[aos-delay='2050'] [aos]{-webkit-transition-delay:0;transition-delay:0}[aos][aos][aos-delay='2050'].aos-animate,body[aos-delay='2050'] [aos].aos-animate{-webkit-transition-delay:2.05s;transition-delay:2.05s}[aos][aos][aos-delay='2100'],body[aos-delay='2100'] [aos]{-webkit-transition-delay:0;transition-delay:0}[aos][aos][aos-delay='2100'].aos-animate,body[aos-delay='2100'] [aos].aos-animate{-webkit-transition-delay:2.1s;transition-delay:2.1s}[aos][aos][aos-delay='2150'],body[aos-delay='2150'] [aos]{-webkit-transition-delay:0;transition-delay:0}[aos][aos][aos-delay='2150'].aos-animate,body[aos-delay='2150'] [aos].aos-animate{-webkit-transition-delay:2.15s;transition-delay:2.15s}[aos][aos][aos-delay='2200'],body[aos-delay='2200'] [aos]{-webkit-transition-delay:0;transition-delay:0}[aos][aos][aos-delay='2200'].aos-animate,body[aos-delay='2200'] [aos].aos-animate{-webkit-transition-delay:2.2s;transition-delay:2.2s}[aos][aos][aos-delay='2250'],body[aos-delay='2250'] [aos]{-webkit-transition-delay:0;transition-delay:0}[aos][aos][aos-delay='2250'].aos-animate,body[aos-delay='2250'] [aos].aos-animate{-webkit-transition-delay:2.25s;transition-delay:2.25s}[aos][aos][aos-delay='2300'],body[aos-delay='2300'] [aos]{-webkit-transition-delay:0;transition-delay:0}[aos][aos][aos-delay='2300'].aos-animate,body[aos-delay='2300'] [aos].aos-animate{-webkit-transition-delay:2.3s;transition-delay:2.3s}[aos][aos][aos-delay='2350'],body[aos-delay='2350'] [aos]{-webkit-transition-delay:0;transition-delay:0}[aos][aos][aos-delay='2350'].aos-animate,body[aos-delay='2350'] [aos].aos-animate{-webkit-transition-delay:2.35s;transition-delay:2.35s}[aos][aos][aos-delay='2400'],body[aos-delay='2400'] [aos]{-webkit-transition-delay:0;transition-delay:0}[aos][aos][aos-delay='2400'].aos-animate,body[aos-delay='2400'] [aos].aos-animate{-webkit-transition-delay:2.4s;transition-delay:2.4s}[aos][aos][aos-delay='2450'],body[aos-delay='2450'] [aos]{-webkit-transition-delay:0;transition-delay:0}[aos][aos][aos-delay='2450'].aos-animate,body[aos-delay='2450'] [aos].aos-animate{-webkit-transition-delay:2.45s;transition-delay:2.45s}[aos][aos][aos-delay='2500'],body[aos-delay='2500'] [aos]{-webkit-transition-delay:0;transition-delay:0}[aos][aos][aos-delay='2500'].aos-animate,body[aos-delay='2500'] [aos].aos-animate{-webkit-transition-delay:2.5s;transition-delay:2.5s}[aos][aos][aos-delay='2550'],body[aos-delay='2550'] [aos]{-webkit-transition-delay:0;transition-delay:0}[aos][aos][aos-delay='2550'].aos-animate,body[aos-delay='2550'] [aos].aos-animate{-webkit-transition-delay:2.55s;transition-delay:2.55s}[aos][aos][aos-delay='2600'],body[aos-delay='2600'] [aos]{-webkit-transition-delay:0;transition-delay:0}[aos][aos][aos-delay='2600'].aos-animate,body[aos-delay='2600'] [aos].aos-animate{-webkit-transition-delay:2.6s;transition-delay:2.6s}[aos][aos][aos-delay='2650'],body[aos-delay='2650'] [aos]{-webkit-transition-delay:0;transition-delay:0}[aos][aos][aos-delay='2650'].aos-animate,body[aos-delay='2650'] [aos].aos-animate{-webkit-transition-delay:2.65s;transition-delay:2.65s}[aos][aos][aos-delay='2700'],body[aos-delay='2700'] [aos]{-webkit-transition-delay:0;transition-delay:0}[aos][aos][aos-delay='2700'].aos-animate,body[aos-delay='2700'] [aos].aos-animate{-webkit-transition-delay:2.7s;transition-delay:2.7s}[aos][aos][aos-delay='2750'],body[aos-delay='2750'] [aos]{-webkit-transition-delay:0;transition-delay:0}[aos][aos][aos-delay='2750'].aos-animate,body[aos-delay='2750'] [aos].aos-animate{-webkit-transition-delay:2.75s;transition-delay:2.75s}[aos][aos][aos-delay='2800'],body[aos-delay='2800'] [aos]{-webkit-transition-delay:0;transition-delay:0}[aos][aos][aos-delay='2800'].aos-animate,body[aos-delay='2800'] [aos].aos-animate{-webkit-transition-delay:2.8s;transition-delay:2.8s}[aos][aos][aos-delay='2850'],body[aos-delay='2850'] [aos]{-webkit-transition-delay:0;transition-delay:0}[aos][aos][aos-delay='2850'].aos-animate,body[aos-delay='2850'] [aos].aos-animate{-webkit-transition-delay:2.85s;transition-delay:2.85s}[aos][aos][aos-delay='2900'],body[aos-delay='2900'] [aos]{-webkit-transition-delay:0;transition-delay:0}[aos][aos][aos-delay='2900'].aos-animate,body[aos-delay='2900'] [aos].aos-animate{-webkit-transition-delay:2.9s;transition-delay:2.9s}[aos][aos][aos-delay='2950'],body[aos-delay='2950'] [aos]{-webkit-transition-delay:0;transition-delay:0}[aos][aos][aos-delay='2950'].aos-animate,body[aos-delay='2950'] [aos].aos-animate{-webkit-transition-delay:2.95s;transition-delay:2.95s}[aos][aos][aos-delay='3000'],body[aos-delay='3000'] [aos]{-webkit-transition-delay:0;transition-delay:0}[aos][aos][aos-delay='3000'].aos-animate,body[aos-delay='3000'] [aos].aos-animate{-webkit-transition-delay:3s;transition-delay:3s}[aos^=fade][aos^=fade]{opacity:0;-webkit-transition-property:all;transition-property:all}[aos^=fade][aos^=fade].aos-animate{opacity:1}[aos=fade-up]{-webkit-transform:translate(0,100px);-ms-transform:translate(0,100px);transform:translate(0,100px)}[aos=fade-up].aos-animate{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}[aos=fade-down]{-webkit-transform:translate(0,-100px);-ms-transform:translate(0,-100px);transform:translate(0,-100px)}[aos=fade-down].aos-animate{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}[aos=fade-right]{-webkit-transform:translate(-100px,0);-ms-transform:translate(-100px,0);transform:translate(-100px,0)}[aos=fade-right].aos-animate{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}[aos=fade-left]{-webkit-transform:translate(100px,0);-ms-transform:translate(100px,0);transform:translate(100px,0)}[aos=fade-left].aos-animate{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}[aos=fade-up-right]{-webkit-transform:translate(-100px,100px);-ms-transform:translate(-100px,100px);transform:translate(-100px,100px)}[aos=fade-up-right].aos-animate{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}[aos=fade-up-left]{-webkit-transform:translate(100px,100px);-ms-transform:translate(100px,100px);transform:translate(100px,100px)}[aos=fade-up-left].aos-animate{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}[aos=fade-down-right]{-webkit-transform:translate(-100px,-100px);-ms-transform:translate(-100px,-100px);transform:translate(-100px,-100px)}[aos=fade-down-right].aos-animate{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}[aos=fade-down-left]{-webkit-transform:translate(100px,-100px);-ms-transform:translate(100px,-100px);transform:translate(100px,-100px)}[aos=fade-down-left].aos-animate{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}[aos^=zoom][aos^=zoom]{opacity:0;-webkit-transition-property:all;transition-property:all}[aos^=zoom][aos^=zoom].aos-animate{opacity:1}[aos=zoom-in]{-webkit-transform:scale(.6);-ms-transform:scale(.6);transform:scale(.6)}[aos=zoom-in].aos-animate{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}[aos=zoom-in-up]{-webkit-transform:translate(0,100px) scale(.6);-ms-transform:translate(0,100px) scale(.6);transform:translate(0,100px) scale(.6)}[aos=zoom-in-up].aos-animate{-webkit-transform:translate(0,0) scale(1);-ms-transform:translate(0,0) scale(1);transform:translate(0,0) scale(1)}[aos=zoom-in-down]{-webkit-transform:translate(0,-100px) scale(.6);-ms-transform:translate(0,-100px) scale(.6);transform:translate(0,-100px) scale(.6)}[aos=zoom-in-down].aos-animate{-webkit-transform:translate(0,0) scale(1);-ms-transform:translate(0,0) scale(1);transform:translate(0,0) scale(1)}[aos=zoom-in-right]{-webkit-transform:translate(-100px,0) scale(.6);-ms-transform:translate(-100px,0) scale(.6);transform:translate(-100px,0) scale(.6)}[aos=zoom-in-right].aos-animate{-webkit-transform:translate(0,0) scale(1);-ms-transform:translate(0,0) scale(1);transform:translate(0,0) scale(1)}[aos=zoom-in-left]{-webkit-transform:translate(100px,0) scale(.6);-ms-transform:translate(100px,0) scale(.6);transform:translate(100px,0) scale(.6)}[aos=zoom-in-left].aos-animate{-webkit-transform:translate(0,0) scale(1);-ms-transform:translate(0,0) scale(1);transform:translate(0,0) scale(1)}[aos=zoom-out]{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}[aos=zoom-out].aos-animate{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}[aos=zoom-out-up]{-webkit-transform:translate(0,100px) scale(1.2);-ms-transform:translate(0,100px) scale(1.2);transform:translate(0,100px) scale(1.2)}[aos=zoom-out-up].aos-animate{-webkit-transform:translate(0,0) scale(1);-ms-transform:translate(0,0) scale(1);transform:translate(0,0) scale(1)}[aos=zoom-out-down]{-webkit-transform:translate(0,-100px) scale(1.2);-ms-transform:translate(0,-100px) scale(1.2);transform:translate(0,-100px) scale(1.2)}[aos=zoom-out-down].aos-animate{-webkit-transform:translate(0,0) scale(1);-ms-transform:translate(0,0) scale(1);transform:translate(0,0) scale(1)}[aos=zoom-out-right]{-webkit-transform:translate(-100px,0) scale(1.2);-ms-transform:translate(-100px,0) scale(1.2);transform:translate(-100px,0) scale(1.2)}[aos=zoom-out-right].aos-animate{-webkit-transform:translate(0,0) scale(1);-ms-transform:translate(0,0) scale(1);transform:translate(0,0) scale(1)}[aos=zoom-out-left]{-webkit-transform:translate(100px,0) scale(1.2);-ms-transform:translate(100px,0) scale(1.2);transform:translate(100px,0) scale(1.2)}[aos=zoom-out-left].aos-animate{-webkit-transform:translate(0,0) scale(1);-ms-transform:translate(0,0) scale(1);transform:translate(0,0) scale(1)}[aos=slide-up]{-webkit-transform:translate(0,100%);-ms-transform:translate(0,100%);transform:translate(0,100%)}[aos=slide-up].aos-animate{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}[aos=slide-down]{-webkit-transform:translate(0,-100%);-ms-transform:translate(0,-100%);transform:translate(0,-100%)}[aos=slide-down].aos-animate{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}[aos=slide-right]{-webkit-transform:translate(-100%,0);-ms-transform:translate(-100%,0);transform:translate(-100%,0)}[aos=slide-right].aos-animate{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}[aos=slide-left]{-webkit-transform:translate(100%,0);-ms-transform:translate(100%,0);transform:translate(100%,0)}[aos=slide-left].aos-animate{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}[aos^=flip]{-webkit-backface-visibility:hidden;backface-visibility:hidden}[aos=flip-left]{-webkit-transform:perspective(2500px) rotateY(-100deg);transform:perspective(2500px) rotateY(-100deg)}[aos=flip-left].aos-animate{-webkit-transform:perspective(2500px) rotateY(0);transform:perspective(2500px) rotateY(0)}[aos=flip-right]{-webkit-transform:perspective(2500px) rotateY(100deg);transform:perspective(2500px) rotateY(100deg)}[aos=flip-right].aos-animate{-webkit-transform:perspective(2500px) rotateY(0);transform:perspective(2500px) rotateY(0)}[aos=flip-up]{-webkit-transform:perspective(2500px) rotateX(-100deg);transform:perspective(2500px) rotateX(-100deg)}[aos=flip-up].aos-animate{-webkit-transform:perspective(2500px) rotateX(0);transform:perspective(2500px) rotateX(0)}[aos=flip-down]{-webkit-transform:perspective(2500px) rotateX(100deg);transform:perspective(2500px) rotateX(100deg)}[aos=flip-down].aos-animate{-webkit-transform:perspective(2500px) rotateX(0);transform:perspective(2500px) rotateX(0)}