@charset "UTF-8";

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 100;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 200;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 300;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Bold");
  font-weight: bold;
}

body {
  font: 14px  "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
      min-width: 1020px;
}
.clearfix:after {
  content: " ";
  clear: both;
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
}
.clearfix {
  display: inline-block;
  min-height: 1%;
}
/*\*/
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}
/**/
.ao-inner a img:hover {
  background-color:transparent;
  filter: alpha(opacity=100);
  -moz-opacity: 1.0;
  -khtml-opacity: 1.0;
  opacity: 1.0;
}


/*.cse input.gsc-search-button, input.gsc-search-button {
  font-family: inherit;
  font-size: 12px;
  font-weight: bold;
  color: #000;
  padding: 0 8px;
}
.cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 {
  padding: 3px 3px !important;
  position: relative !important;
  top: -1px !important;
}
.gsc-input-box {
  height: 20px !important;
}
.cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 {
  width: 12px !important;
  height: 12px !important;
  min-width: 12px !important;
  margin-top: 0px !important;
  top: 2px !important;
}
table.gsc-search-box td {
  vertical-align: middle;
  text-align: left;
}
.gsc-search-box-tools .gsc-search-box .gsc-input {
}*/



/*akajoyから流用*/

#ao-everyone {
  position: relative;
  overflow: hidden;
  background: url(/img/aka-img/top/everyone_bg.png) 50% 50% no-repeat;
  background-size: cover;
  padding: 0 0 138px 0;
}

#ao-everyone h2 {
  margin-top: 138px;
  margin-bottom: 74px;
}
#ao-everyone .text {
  display: block;
  margin: 0 auto 57px;
}
#ao-everyone .btn {
  -webkit-transition: .25s ease;
  transition: .25s ease;
  width: 329px;
  display: block;
  margin: 0 auto;
  border: #fff solid 1px;
  padding: 15px 15px 15px 0;
  font-size: 20px;
  color: #fff;
  position: relative;
  letter-spacing: 0.2em;
  text-decoration:none;
}
@media all and (-ms-high-contrast:none) {
  #ao-everyone .btn {
    padding: 17px 15px 13px 0;
  }
}

#ao-everyone .btn:after {
  content: "";
  width: 16px;
  height: 16px;
  border-top: #fff solid 1px;
  border-right: #fff solid 1px;
  display: block;
  position: absolute;
  top: 50%;
  right: 16px;
  margin-top: -8px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
#ao-everyone .btn:hover {
  opacity: .6;
}


#ao-joyad {
  position: relative;
  overflow: hidden;
  height: 596px;
  background: url(/img/aka-img/top/joyad_bg.png) 50% 50% no-repeat;
  background-size: cover;
}
#ao-joyad h2 {
  margin-top: 30px;
}
#ao-joyad .logo {
  display: block;
  margin: -10px auto 25px;
}
#ao-joyad .btn {
  -webkit-transition: .25s ease;
  transition: .25s ease;
  width: 329px;
  display: block;
  margin: 0 auto;
  border: #fff solid 1px;
  padding: 15px 15px 15px 0;
  font-size: 20px;
  color: #fff;
  position: relative;
  letter-spacing: 0.2em;
  background: rgba(0, 0, 0, 0.35);
  text-decoration:none;
}
@media all and (-ms-high-contrast:none) {
  #ao-joyad .btn {
    padding: 17px 15px 13px 0;
  }
}
#ao-joyad .btn:hover {
    opacity: .6;
}
#ao-joyad .btn:after {
  content: "";
  width: 16px;
  height: 16px;
  border-top: #fff solid 1px;
  border-right: #fff solid 1px;
  display: block;
  position: absolute;
  top: 50%;
  right: 16px;
  margin-top: -8px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}


/* ぱんくず
---------------------------------------------*/
#panBox {
  width: 1020px;
  margin: 10px auto;
  text-align: left;
  overflow: hidden;
}
#panBox li {
  float: left;
  padding: 0 0 0 20px;
  margin: 0 0 0 10px;
  font-size: 11px;
  background: url(https://joyfit.jp/img/aojoy/about/pan_icon.gif) 0 40% no-repeat;
  
}
#panBox li:first-child {
  background: none;
  margin: 0;
  padding: 0;
}
#panBox li a {
  color: #323232;
  text-decoration: none;
}
#panBox li a:hover {
  text-decoration: underline;
}


/*common_style*/
.ao-inner {
  width: 1020px;
  margin: 0 auto;
  position: relative;
}
.ao-flex {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  justify-content: space-around;
  -webkit-justify-content: space-around;
  -ms-justify-content: space-around;
}
.ao-content a.ao-fade img{
  -webkit-transition: .5s ease;
  transition: .5s ease;
  opacity: 1.0;
}
.ao-content a.ao-fade:hover img {
  -webkit-transition: .5s ease;
  transition: .5s ease;
  opacity:0.6;
}

.ao-important_news {
  margin-bottom: 0; /* 2020-05-12 kato */
}
.ao-important_news table {
  width: 100%;
  margin: 0 auto;
  font-size: 13px;
}
.ao-important_news table th {
  width: 20%; /* 2020-03-03 kato */
  text-align: center; /* 2020-03-03 kato */
  background: #333;
  color: #fff;
  padding: 40px;
  vertical-align: middle;
}
.ao-important_news table td {
  vertical-align: middle;
  text-align: left;
  font-size: 13px;
  /*padding: 1em 15px .5em;*/ /*2020-03-16 kato*/
  background: #fff;
  text-align: center;
}
.ao-important_news table td a {
  color:#333;
}
.ao-important_news table td ul { /*2020-03-16 kato*/
  padding: 14px;
  /*max-height: 90px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;*/
}
.ao-important_news table ul {
  /*padding: 10px 0;*/
}

.ao-important_news table td li {
  line-height: 19px;
  /*margin-bottom: .5em;*/
}
.ao-important_news table td li + li { margin-top: .5em; }

span.supText {
  vertical-align: top !important;
      position: relative;
      font-size: 12px !important;
top: -0.1em;
left:-3px;
}

.ao-header_top {
  display:table;
  padding-bottom: 24px;
}
.ao-header_top h1, .ao-header_top .ao-top_nav {
  display:table-cell;
  line-height: 1;
}
.ao-header_top h1 {
  vertical-align: bottom;
  text-align: left;
}
.ao-header_top .ao-top_nav {
  vertical-align: middle;
}
.ao-header_top .ao-top_nav_fst {
  display:flex;
  display:-webkit-flex;
  justify-content:flex-end;
  -webkit-justify-content:flex-end;
  flex-wrap:wrap;
  margin-bottom: 28px;
  padding-top:2px;
}
.ao-header_top .ao-top_nav_fst li {
  padding-left:2px;
}
.ao-header_top .ao-top_nav .ao-top_nav_fst li:last-child {
  width:152px;
}
/*カスタム検索結果*/
/*#___gcse_0 {
  float: left !important;
  border: 1px solid #ddd;
  padding: 8px 0 9px;
}
.cse .gsc-control-cse, .gsc-control-cse {
  background-color: transparent !important;
}
.gsc-control-wrapper-cse {
  width: 147px !important;
}
.gsc-search-button:first-child {
  position: absolute;
  top: -8px;
  right: 0;
  border: none;
  background-color: #ddd;
  padding: 12px 10px;
}
.gsc-search-button:hover {
  opacity: 1;
}
form.gsc-search-box {
  margin-bottom: 0 !important;
}
.gsc-input-box {
  border: none !important;
  background: transparent !important;
}
.gsib_a {
  padding: 0 !important;
}
.gsc-input-box {
  border: none !important;
  background: transparent !important;
}
.cse .gsc-control-cse, .gsc-control-cse {
  padding: 0 !important;
  position: relative !important;
  top: 0px !important;
}
table.gsc-search-box {
  margin-bottom: 0 !important;
}
td.gsc-input {
  width: 107px;
  float: left;
}
.gsc-search-box-tools .gsc-search-box .gsc-input {
  padding-right: 0 !important;
  padding-top: 2px;
}
input.gsc-input {
  border: none;
  height: 18px !important;
  margin: 0 !important;
  background: inherit !important;
  text-indent: .5em !important;
}

.gsc-control-cse .gs-spelling, .gsc-control-cse .gs-result .gs-title, .gsc-control-cse .gs-result .gs-title * {
  text-align: left;
}*/

.ao-top_nav_scd {
  display:table;
  float: right;
}
.ao-top_nav_scd li {
  padding-left:30px;
  font-size:12px;
  display: table-cell;
  vertical-align: middle;
}
.ao-top_nav_scd li:last-child {
  padding-left:8px;
}
.ao-top_nav_scd a {
  color:#999;
  text-decoration:none;
}
.ao-top_nav_scd a:hover {
  text-decoration:underline;
}
.ao-header_global_nav {
  background:#002059;
  font-size:14px;
  font-weight:bold;
  border-bottom:1px solid #fff;;
}
.ao-header_global_nav ul {
  display:table;
  width: 100%;
  line-height:1;
}
.ao-header_global_nav ul li {
  display:table-cell;
}
.ao-header_global_nav a {
  color:#fff;
  text-decoration:none;
  padding: 25px 0 27px;
  display: block;
  position:relative;
}
.ao-header_global_nav a:hover:after {
  content:'';
  width:100%;
  height:5px;
  position:absolute;
  left: 0;
  bottom:0;
  background:#fff;
}


/********************/
/********************/
/*CONTENTS_AREA*/
/********************/

.ao-content a img:hover {
  background-color:transparent;
  filter: alpha(opacity=100);
  -moz-opacity: 1.0;
  -khtml-opacity: 1.0;
  opacity: 1.0;
}


/*TOP*/
.ao-section h3 {
  font-size:48px;
  letter-spacing: 8px;
  font-weight:bold;
}

.ao-catch {
  line-height:0;
  text-align: left;
  position:relative;
  display: table;
  width: 100%;
  box-sizing: border-box;
}
.ao-tab {
  position:fixed;
  right:0;
  top: 218px;
  z-index: 9999;
}
.ao-catch img {
  width:100%;
  height: auto;
}
.ao-catch .ao-catch_left {
  padding: 0 0.1% 0 0;
display: table-cell;
width: 66.4%;
    box-sizing: border-box;
    overflow: hidden;
}
#ao-hero_wrap {
  position: relative;
  width: 100%;
  /*padding-top: 56.25%;*/
  height: 36.9vw;
}
#ao-hero_wrap iframe {
  position: absolute;
top: -2px;
right: 0px;
width: 101% !important;
height: 101% !important;
}

#ao-hero { width: 100%; height: 584px; overflow: hidden; position: relative; background: #000; }
#ao-hero .aka-inner { height: 584px; }
#ao-hero table { width: 100%; max-width: 1020px; position: absolute; bottom: 64px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); display: none; }
#ao-hero td { border: #fff solid 1px; }
#ao-hero td:nth-child(2) { width: 95px; }
#ao-hero td:nth-child(4) { width: 95px; }
#ao-hero td:nth-child(5) { width: 95px; }
#ao-hero td:nth-child(6) { width: 95px; }
#ao-hero td a { background: url(/img/aka-img/top/hero_nav_bg.png); color: #fff; font-size: 16px; display: block; padding: 10px 0; }
#ao-hero td a:hover { color: #c21632; opacity: 1; }
#ao-hero_bg_cover { position: absolute; top: 0; left: 0; width: 100%; height: 584px; }
#ao-hero_slide {
/*  position: absolute;
    top: 0;
    left: 0;*/
    /*display: none;*/
        /*width: 100%;*/
  }
#ao-hero_slide ul {}
#ao-hero_slide li {
/*position: absolute;
top: 0px;
left: 0;
bottom: 0;
right: 0;
display: none;*/
/*background-image: url(/img/ao-img/top/catch01.jpg);
background-size: cover;*/
}
#ao-hero_slide a { display: block; }
#ao-hero_slide img {}

  #ao-btn_sound {
    width: 58px;
  height: 20px;
  position: absolute;
  bottom: 15px;
  left: 20px;
  opacity: 0;
  background: url(/img/aka-img/top/hero_btn_sound_off.png) 0 50% no-repeat;
  z-index: 9999;
  }
  #ao-btn_sound.on {
    background: url(/img/aka-img/top/hero_btn_sound_on.png) 0 50% no-repeat;
}
#ao-hero_wrap:hover #ao-btn_sound {
  opacity: 1.0;
}
#movie {
    transition: opacity 1s ease 0s;
    opacity: 0;
}
#movie.show {
    opacity: 1;
}


.ao-catch .ao-catch_right{
  display:table-cell;
  vertical-align: top;
      width: 33.5%;
          box-sizing: border-box;
}
.ao-catch .ao-catch_right a {
  display:block;
  position:relative;
}
.ao-catch .ao-catch_right a:first-child {
  margin-bottom:0.4%;
}
.ao-catch_right div {
  font-size:1.8vw;
  color:#fff;
  position: absolute;
  left: 0;
  bottom: 0;
  line-height: 1.4;
  z-index:100;
  padding-left: 3%;
  padding-bottom: 1%;
  width: 97%;
}
.ao-catch_right div span {
  font-size:1.2vw;
  display:block;
}
.ao-catch_slider li {
  margin:6px 0 6px 6px;
}
.ao-catch_slider li img {
  width: 100%;
  height:auto;
}
.ao-catch_slider li a {
  position:relative;
  display: block;
  text-align:left;
}
.ao-catch_slider li div {
  font-size:1.8vw;
  color:#fff;
  position: absolute;
  left: 0;
  bottom: 0;
  line-height: 1.4;
  z-index:100;
  padding-left: 3%;
  padding-bottom: 1%;
  width: 97%;
}
.ao-catch_slider li div span {
  font-size:1.2vw;
  display:block;
}




/*slider*/
.slick-slider
{
  position: relative;

  display: block;
  box-sizing: border-box;

  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;

  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list
{
  position: relative;

  display: block;
  overflow: hidden;

  margin: 0;
  padding: 0;
}
.slick-list:focus
{
  outline: none;
}
.slick-list.dragging
{
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track
{
  position: relative;
  top: 0;
  left: 0;

  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
  display: table;

  content: '';
}
.slick-track:after
{
  clear: both;
}
.slick-loading .slick-track
{
  visibility: hidden;
}

.slick-slide
{
  display: none;
  float: left;

  height: 100%;
  min-height: 1px;
}
[dir='rtl'] .slick-slide
{
  float: right;
}
.slick-slide img
{
  display: block;
}
.slick-slide.slick-loading img
{
  display: none;
}
.slick-slide.dragging img
{
  pointer-events: none;
}
.slick-initialized .slick-slide
{
  display: block;
}
.slick-loading .slick-slide
{
  visibility: hidden;
}
.slick-vertical .slick-slide
{
  display: block;

  height: auto;

  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}
.ao-catch_slider button {
  display:none !important;
}
/*slider*/

.ao-section_fst {
  background:#f2f2f2;
  /*padding-top: 50px;*/
  padding-top: 10px;
}
.ao-section_fst h2 {
  padding: 0 0 14px;
}
.ao-section_fst_nav {
  background:#001e54;
  position:relative;
  height: 120px;
}
.ao-section_fst_nav ul {
  justify-content: space-between;
  -webkit-justify-content: space-between;
  background:#f2f2f2 url(/img/ao-img/top/box_banner_bg.png) 0 0 no-repeat;
  background-size: 1020px 120px;
  padding-top: 20px;
  line-height: 0;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -510px;
}
.ao-section_fst_nav ul li a {
  display:block;
  background:#fff;
}
.ao-section_fst_nav ul li {
      border-left: 1px solid #68a7fd;
}
.ao-section_fst_nav ul li:last-child {
  border-right:1px solid #68a7fd;
  color: #fff;
}

.ao-facility {
  padding:120px 0 100px;
  background:#fff url(/img/ao-img/top/facility_bg.jpg) center 0 no-repeat;
  color:#000;
  background-size: contain;
}
.ao-facility h3 {
  margin-bottom:50px;
}
.ao-facility a.ao-facility_banner {
  display: inline-block;
  background: #fff;
  line-height: 0;
  margin-bottom:50px;
}

.ao-lineup_ao-image_area {
  overflow: hidden;
}
.ao-lineup_image_large ul {
}
.ao-lineup_image_large ul li {
  line-height: 1;
  position: relative;
  display: none;
}
.ao-lineup_image_large ul li img {
  width:96%;
}
.ao-lineup_image_large ul li.selected {
  display: block;
}
.ao-lineup_image_large ul li p {
  width: 92%;
  text-align: left;
  padding: 7px 2%;
  position: absolute;
  bottom: 2px;
  left: 50%;
  margin-left: -48%;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.5);
  clear: both;
}
@media all and (-ms-high-contrast:none) {
  .ao-lineup_image_large ul li p {
    padding: 7px 2% 3px;
  }
}
.ao-lineup_image_large ul li p span {
  float: right;
}
ul.ao-lineup_thm {
  margin-top: 30px;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  justify-content:space-between;
  -webkit-justify-content:space-between;
}
ul.ao-lineup_thm li {
  position: relative;
  width: 170px;
  margin-bottom: 10px;
  -webkit-transition: all .25s ease;
  transition: all .25s ease;
}
ul.ao-lineup_thm li.selected a img {
  transition: .5s ease;
  opacity: 0.6;
}
ul.ao-lineup_thm li a {
  display: block;
  position: relative;
  text-decoration: none;
}
ul.ao-lineup_thm li a img {
  width:100%;
}
/*ul.ao-lineup_thm li a:after {
content: "▼";
color: #c21632;
position: absolute;
top: -25px;
left: 50%;
font-size: 24px;
margin-left: -12px;
-webkit-transition: all .25s ease;
transition: all .25s ease;
opacity: 0;
display: block;
}*/
/*ul.ao-lineup_thm li a:hover:after {
top: -19px;
opacity: 1;
}
ul.ao-lineup_thm li.selected a:after {
top: -19px;
opacity: 1;
}*/
ul.ao-lineup_thm li .ao-lineup_thm_off p {
  font-size: 12px;
  font-weight: 600;
color: #000;
}



.ao-search {
  color:#000;
  padding-top:100px;
  background:#f2f2f2 url(/img/ao-img/top/search_bg.png) center 0 no-repeat;
  background-size:auto 100%;
  overflow: hidden;
}
.ao-search h3 {
  margin-bottom:36px;
}
.ao-search .ao-read_area {
  margin-bottom:50px;
}
.ao-search .ao-read_area p {
  font-size:16px;
  line-height: 1.8;
}
.ao-search .ao-read_area p span {
  font-size: 35px;
  line-height: 1.4;
  vertical-align: bottom;
}
.ao-search .ao-read_area p:first-child {
  font-size:24px;
  margin-bottom:30px;
}


/* 2018/12/4 修正対応分 */
.ao-search .ao-search_attention {
  width: 900px;
  margin: 0 auto 40px;
}



.ao-search ul.ao-search_box {
    margin: 0 auto 60px auto;
    width: 840px;
}
.ao-search ul.ao-search_box li {
  /*width: 280px;
  background: #0060e6;
  border-radius:10px;
  box-shadow: #ddd 0px 0px 6px 3px;
  position:relative;*/
}
.ao-search ul.ao-search_box li a {
  /*display:block;
  padding: 36px 0 56px;
  text-decoration:none;
  -webkit-transition: .5s ease;
  transition: .5s ease;
  opacity:1.0;
  line-height: 1.2;*/
}
.ao-search ul.ao-search_box li a:hover {
  -webkit-transition: .5s ease;
  transition: .5s ease;
  opacity: 0.6;
}
.ao-search ul.ao-search_box li p.ao-search01 {
  font-size:24px;
  letter-spacing:3px;
  color:#fff;
  font-weight:bold;
  margin-bottom:4px;
}
.ao-search ul.ao-search_box li p.ao-search02 {
  font-size:14px;
  color:#fff;
  margin-bottom:4px;
}
.ao-search ul.ao-search_box li p.ao-search03 {
  font-size:24px;
  color:#fff;
}
.ao-search ul.ao-search_box li:after {
  /*content: '';
  position: absolute;
  left: 50%;
  bottom: 18px;
  width: 10px;
  height: 10px;
  border-style: solid;
  border-color: transparent #fff #fff transparent;
  border-width: 2px;
  background: transparent;
  transform: rotate(45deg) translateX(-70%);*/
}
.ao-search h4 {
  color:#002059;
  background:#d8d8d8;
  display:inline-block;
  border-radius:10px 10px 0 0;
  padding:10px 44px 4px;
  font-size:20px;
  letter-spacing:3px;
  font-weight:bold;
}
.ao-search_shop {
  background:#d8d8d8;
  padding:30px 0
}
.ao-search_shop ul {

}
.ao-search_shop ul li {
}

.ao-flow {
  padding:100px 0;
  background: #002059 url(/img/ao-img/top/flow_bg.jpg) center 0 no-repeat;
  background-size:auto 100%;
  color: #fff;
}
.ao-flow h3 {
  letter-spacing:1px;
  margin-bottom:50px;
}
.ao-flow h3 span {
  font-size: 73px;
  line-height: 84px;
  vertical-align: bottom;
}
.ao-flow .ao-read_area {
  color:#fff;
  font-size:16px;
  margin-bottom:50px;
}
.ao-flow ul {
  margin-bottom: 75px;
}

.ao-flow ul li {
  /*background:#fff;*/
  padding-bottom: 85px;
  position:relative;
  width:322px;
  text-align: left;
}
.ao-flow ul li > div {
  padding:0 20px 20px;
}
.ao-flow ul li > div img {
  margin-bottom:14px;
}
.ao-flow ul li div div.ao-flow_icon {
  padding:120px 0 50px;
  font-size:18px;
  color:#002059;
  font-weight:bold;
  text-align: center;
}
.ao-flow ul li div div.ao-flow_icon span {
  font-size:24px;
}
.ao-flow ul li div p {
  color:#fff;
  font-size:14px;
  margin-bottom:10px;
}
.ao-flow ul li div p.note {
  font-size: 78.4%;
  text-indent: -1em;
  padding-left: 1em;
}
.ao-flow_icon01 {
  background:url(/img/ao-img/top/flow_icon01.png) left 110px top 40px no-repeat
}
.ao-flow_icon02 {
  background:url(/img/ao-img/top/flow_icon02.png) center top 84px no-repeat;
}
.ao-flow_icon03 {
  background:url(/img/ao-img/top/flow_icon03.png) center top 84px no-repeat;
}
.ao-flow ul li a {
  display:block;
  background:#0060e6;
  color:#fff;
  border-radius: 34px;
  text-align:center;
}
.ao-flow ul li a {
  font-size: 16px;
    text-decoration: none;
    position: absolute;
    width: 100%;
    bottom: 0;
    -webkit-transition: .5s ease;
    transition: .5s ease;
    opacity: 1.0;
}
.ao-flow ul li a:hover {
  -webkit-transition: .5s ease;
  transition: .5s ease;
  opacity: 0.6;
}
.ao-flow ul li a div {
  padding:12px;
      line-height: 1.5;
}
.ao-flow ul li a span {
  font-size:14px;
  display:block;
}
.ao-flow ul li a:after {
  content: '';
  position: absolute;
  right:10px;
  top: 25%;
  width: 10px;
  height: 10px;
  border-style: solid;
  border-color: transparent #fff #fff transparent;
  border-width: 1px;
  background: transparent;
  transform: rotate(-45deg) translateX(-70%);
}

.ao-sougoriyou {
  padding:144px 0 100px;
}


/* 2018/12/4 修正 */
.ao-sougoriyou p {
  width:840px;
  margin:30px auto 60px;
}


.ao-sougoriyou .ao-read_area {
      margin-bottom: 40px;
}
.ao-sougo {
  position:relative;
  margin-bottom: 100px;
}
.ao-sougo .ao-inner {
  z-index:100;}
  .ao-sougo .ao-sougo01 {
    width: 60%;
    height: 150px;
    position: absolute;
    top: -44px;
    background: #1f2a5d;
  }
  .ao-sougo .ao-sougo02 {
    width: 60%;
    height: 150px;
    position: absolute;
    top: 44px;
    right: 0;
    background: #c5112d;
    -webkit-transition: .9s ease;
    transition: .9s ease;
  }
  .ao-sougo .ao-sougo03 {
    width: 60%;
    height: 150px;
    position: absolute;
    top: 170px;
    background: #007880;
  }
  .ao-sougo .ao-sougo04 {
    width: 60%;
    height: 150px;
    position: absolute;
    top: 170px;
    background: #000;
  }




  .ao-program {
    border-top:14px solid #000a1b;
    background:#002059;
    padding-top:100px;
    color:#000;
  }
  .ao-program h3 {
    font-size:36px;
    letter-spacing:0px;
    margin-bottom:45px;
    color:#fff;
  }
  .ao-program h3 span.ao-program_span1 {
    font-size:24px;
    display:block;
  }
  .ao-program h3 span.ao-program_span2 {
    font-size: 53px;
    line-height: 68px;
    vertical-align: bottom;
  }

  .ao-program_thum ul {
    display:flex;
    display:-webkit-flex;
    justify-content:space-between;
    -webkit-justify-content:space-between;
    flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
  }
  .ao-program_thum ul li {
    width:25%;
    line-height: 0;
  }
  .ao-program_thum ul li img {
    width:100%;
  }
  .ao-program_thum ul li a {
    overflow:hidden;
    position:relative;
    color:#fff;
    display: block;
  }
  .ao-program_thum ul li a div {
    position: absolute;
    text-align: left;
    bottom: -37%;
    padding: 10px 15px;
    background: rgba(0,0,0,0.5);
    line-height: 1.7;
    z-index: 9998;
    height: 46%;
    -webkit-transition: .5s ease;
    transition: .5s ease;
  }
  .ao-program_thum ul li a div.thum_on {
    bottom:0;
    -webkit-transition: .5s ease;
    transition: .5s ease;
  }
  .ao-program_thum ul li a div p {
    font-size:1.3vw;
    color:#fff;
  }
  .ao-program_thum ul li a div .ao-program_ttl {
    font-size:1.4vw;
    font-weight:bold;
    margin-bottom:20px;
  }

  .aojoy_top #cboxOverlay {
    background: #000;
    opacity: 0.6;
    filter: alpha(opacity = 60);
  }
  .aojoy_top #cboxLoadedContent {
    background: #fff;
    padding: 1px;
  }

.ao-top_popup {
  width: 800px;
margin: 0 auto;
padding: 60px;
}
.ao-top_popup h1 {
  margin-bottom:50px;
}
.ao-top_popup .ao-table {
  display: table;
text-align: left;
}
.ao-top_popup .ao-table h3 {
  font-size: 16px;
      margin-bottom: 30px;
      font-weight: 600;
      color: #002059;
      padding-left: 1em;
      position: relative;
      line-height: 1;
}
.ao-top_popup .ao-table h3:before {
  content: '';
width: 4px;
height: 1em;
background: #002059;
border-radius: 6px;
position: absolute;
left: 0;
top: 0;
}
.ao-top_popup .ao-table p {
font-size:14px;
}
.ao-top_popup .ao-table .ao-top_popup01 {
      display: table-cell;
          width: 47%;
}
.ao-top_popup .ao-table .ao-top_popup02 {
      display: table-cell;
      width: 47%;
padding-left: 6%;
}

  .aojoy_top .osusume_pop {
    width:auto;
    text-align: left;
    background: #fff;
    padding: 60px;
  }

  .ao-training {
    height:668px;
    background:#faf7f5 url(/img/ao-img/top/training_bg.png) 0 center no-repeat;
    color:#000;
    background-size:auto 100%;
  }
  .ao-training h3 {
    padding-top:90px;
  }
  .ao-training .ao-inner {
    padding-top: 129px;
  }
  .ao-training .ao-inner > div {
    width:546px;
    text-align:left;
    text-align:justify;
    float:right;
    line-height:1.7;
  }
  .ao-training .ao-inner > div div {
    margin-bottom: 30px;
  }
  .ao-training div p {
    font-size:16px;
  }
  .ao-training div p span {
    font-size:14px;
  }


  .ao-chottofit {
    padding:100px 0;
  }
  .ao-chottofit h3 {
    background:url(/img/ao-img/top/chottofit.png) center 0 no-repeat;
    height:220px;
    text-indent:-9999px;
  }
  .ao-chottofit p {
    font-size:16px;
    margin-bottom:50px;
  }


  .ao-bluebtn {
    display: inline-block;
    background: #0060e6;
    padding: 20px 40px;
    border-radius: 34px;
    color: #fff;
    font-size: 16px;
    text-decoration: none;
    opacity:1.0;
    -webkit-transition: .5s ease;
    transition: .5s ease;
    width: 300px;
    position: relative;
  }
  @media all and (-ms-high-contrast:none) {
    .ao-bluebtn {
      padding: 20px 40px 16px;
    }
  }
  .ao-bluebtn:after {
    content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    border-style: solid;
    border-color: transparent #fff #fff transparent;
    border-width: 2px;
    background: transparent;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 40%;
    right:6%;
      }


  .ao-bluebtn.ao2:after {
    content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    border-style: solid;
    border-color: transparent #fff #fff transparent;
    border-width: 2px;
    background: transparent;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: absolute;
    top: 40%;
    right:6%;
      }

  .ao-bluebtn_wh:after {
    content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    border-style: solid;
    border-color: transparent #fff #fff transparent;
    border-width: 2px;
    background: transparent;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: absolute;
    top: 30%;
    right:6%;
      }

  .ao-bluebtn:hover {
    -webkit-transition: .5s ease;
    transition: .5s ease;
    opacity:0.6;
  }

  .ao-shokuseikatsu {
    background:url(/img/ao-img/top/shokuseikatsu_bg.png) center 0 no-repeat;
    background-size:100% auto;
    padding:100px 0;
  }
  .ao-shokuseikatsu h3 {
    margin-bottom: 20px;
  }
  .ao-shokuseikatsu p.ao-shokuseikatsu_read {
    margin-bottom:100px;
    font-size:16px;
  }
  .ao-shokuseikatsu p {
    line-height:1.8;
  }
  .ao-shokuseikatsu h4 {
    margin-bottom:60px;
  }

  .ao-kantan_recipe {
    margin-bottom:120px;
  }
  .ao-kantanrecipe_box {
    display:table;
    padding: 0 25px;
  }
  .ao-recipe_movie_area { width: 398px; height: 400px; overflow: hidden; position: relative; }
.ao-recipe_movie_area iframe { position: absolute; left: -156px; top: 0; }
  .ao-kantanrecipe_box_left, .ao-kantanrecipe_box_right {
    display: table-cell;
    vertical-align: top;
    text-align:left;
    text-align:justify;
  }
  .ao-kantanrecipe_box_right {
    padding-left: 50px;
    position:relative;
  }
  .ao-kantanrecipe_cat {
    display: inline-block;
    background: #ff8c13;
    color: #fff;
    font-size: 14px;
    padding: 9px 16px;
    line-height: 1;
    margin-bottom:27px;
      border-radius: 10px;
  }
  @media all and (-ms-high-contrast:none) {
    .ao-kantanrecipe_cat {
      padding: 9px 16px 7px;
    }
  }
  .ao-kantan_recipe h5 {
    font-size:24px;
    font-weight:bold;
    margin-bottom:30px;
  }
  .ao-shokuseikatsu .ao-kantan_recipe p {
    font-size:16px;
    color:#666;
    margin-bottom:0;
  }
  .ao-shokuseikatsu .ao-kantan_recipe a.ao-recipe_post {
    font-size:16px;
    color:#000;
    margin-bottom:50px;
  }
  .ao-kantanrecipe_list {
    float: right;
margin-top: 90px;
  }
  .ao-column ul {
    margin-bottom:78px;
  }
  .ao-column ul li {
    border-left:1px solid #ccc;
    text-align:left;
    width:338px;
  }
  .ao-column ul li:last-child {
    border-right: 1px solid #ccc;
  }
  .ao-column ul li a {
    text-decoration:none;
    display: block;
    padding-bottom: 10px;
    -webkit-transition: .5s ease;
    transition: .5s ease;
  }
  .ao-column ul li a img {
    width:338px;
    height:auto;
  }
  .ao-column ul li a:hover {
    background: #f2f2f2;
    -webkit-transition: .5s ease;
    transition: .5s ease;
  }
  .ao-column ul li h5 {
    font-size:18px;
    font-weight:bold;
    padding:20px;
    color:#000;
  }
  .ao-column ul li p {
    font-size:12px;
    text-align:left;
    text-align:justify;
    padding:0 20px;
    color:#666;
  }

  #ao-bnr_area {
    background:url(/img/ao-img/common/bnr_area.png) 0 0 repeat;
    padding: 30px 0;
    min-width: 1020px;
  }
  #ao-bnr_area ul {
    text-align: center;
    font-size: 0;
  }
  #ao-bnr_area li {
    display: inline-block;
    margin: 0 7px;
  }
  #ao-bnr_area a {
    display: block;
  }


  /*chotto_fit*/
  .ao-chotto_fit_hero { display: block; margin: 0 auto; }
  .ao-chotto_fit_nav { height: 440px; position: relative;}
  .ao-chotto_fit_nav h4 { width: 100%; position: absolute; left: 0; bottom: 13px; text-align: center; color: #c21632; font-size: 16px; }
  .ao-chotto_fit_nav_body { height: 440px; background: url(/img/ao-img/chotto_fit/body.png) 0% 63px no-repeat; text-align: left; }

  .ao-chotto_fit_nav_btn_c { width: 300px; height: 440px; float: left; position: relative; }
  .ao-chotto_fit_nav_btn_l {
    width: 352px;
    float: left;
    margin-top: 95px;
    position: relative;
    margin-right: 14px;}
  .ao-chotto_fit_nav_btn_r { width: 352px; float: left; margin-top: 95px; position: relative; }
  .ao-chotto_fit_nav_btn_l li, .ao-chotto_fit_nav_btn_r li { }
  .ao-chotto_fit_nav_btn_l a, .ao-chotto_fit_nav_btn_l span, .ao-chotto_fit_nav_btn_r a, .ao-chotto_fit_nav_btn_r span {display: block;
  padding: 2px 0 2px;
}
  @media all and (-ms-high-contrast:none) {
    .ao-chotto_fit_nav_btn_l a, .ao-chotto_fit_nav_btn_l span, .ao-chotto_fit_nav_btn_r a, .ao-chotto_fit_nav_btn_r span {
      padding: 4px 0 0px;
    }
  }

  /*.ao-chotto_fit_nav_btn_l a{color:#fff;}*/
  .ao-chotto_fit_nav_btn_l a:hover {
    opacity: 1;
    -webkit-transition: 0s ease;
    /* transition: .25s ease; */
  }

  .ao-chotto_fit_nav_btn_l a .icon span, .ao-chotto_fit_nav_btn_l span .icon span, .ao-chotto_fit_nav_btn_r a .icon span, .ao-chotto_fit_nav_btn_r span .icon span {opacity: 1; }
  .ao-chotto_fit_nav_btn_l a .icon small, .ao-chotto_fit_nav_btn_l span .icon small, .ao-chotto_fit_nav_btn_r a .icon small, .ao-chotto_fit_nav_btn_r span .icon small { font-size: 14px; display: block; }
  .ao-chotto_fit_nav_btn_l a .text, .ao-chotto_fit_nav_btn_l span .text, .ao-chotto_fit_nav_btn_r a .text, .ao-chotto_fit_nav_btn_r span .text {}
    .ao-chotto_fit_nav_btn_l a:hover, .ao-chotto_fit_nav_btn_r a:hover { opacity: 1; }
    .ao-chotto_fit_nav_btn_l a:hover .icon, .ao-chotto_fit_nav_btn_r a:hover .icon { }

    .ao-chotto_fit_nav_btn_l a:hover .icon span, .ao-chotto_fit_nav_btn_r a:hover .icon span {}
      .ao-chotto_fit_nav_btn_c img { position: absolute; }
      .ao-chotto_fit_nav_btn_c .ao-parts { opacity: 0; -webkit-transition: .25s ease; transition: .25s ease; }
      .ao-chotto_fit_nav_btn_c .ao-parts.on { opacity: 1; }
      .ao-chotto_fit_nav_btn_c .ao-line_chest { width: 135px; height: 84px; position: absolute; top: 52px; left: -31px; background: url(/img/ao-img/chotto_fit/line_chest.png); }
      .ao-chotto_fit_nav_btn_c .ao-line_chest.on { background: url(/img/ao-img/chotto_fit/line_chest_on.png); }
      .ao-chotto_fit_nav_btn_c .ao-line_belly_up { width: 141px; height: 79px; position: absolute; top: 181px; left: -31px; background: url(/img/ao-img/chotto_fit/line_belly_up.png); }
      .ao-chotto_fit_nav_btn_c .ao-line_belly_up.on { background: url(/img/ao-img/chotto_fit/line_belly_up_on.png); }
      .ao-chotto_fit_nav_btn_c .ao-line_hip { width: 101px; height: 23px; position: absolute; top: 192px; left: 277px; background: url(/img/ao-img/chotto_fit/line_hip.png); }
      .ao-chotto_fit_nav_btn_c .ao-line_hip.on { background: url(/img/ao-img/chotto_fit/line_hip_on.png); }
      .ao-chotto_fit_nav_btn_c .ao-chest { top: 113px; left: 42px; }
      .ao-chotto_fit_nav_btn_c .ao-belly_up { top: 158px; left: 44px; }
      .ao-chotto_fit_nav_btn_c .ao-hip { top: 192px; left: 180px; }


      .ao-chotto_fit_nav_btn_l ul {}
        .ao-chotto_fit_nav_body ul li {
          margin-bottom:18px;
        }
        .ao-chotto_fit_nav_body ul li .ao-table {
          display:table;
          width:100%;
          position: relative;
        }
        .ao-chotto_fit_nav_body ul li .ao-table:before{
          content: '';
          width: 20px;
          height: 20px;
          -webkit-border-radius: 50%;
          border-radius: 50%;
          background: #d0d0d0;
          position: absolute;
          top: 50%;
          margin-top: -10px;
          right: 0;
          z-index: 999;
        }
        .ao-chotto_fit_nav_body ul li a .ao-table:before {
          background: #0060e6;
        }
        .ao-chotto_fit_nav_body ul li a:hover .ao-table:before {
          background: #ff0000;
        }
        .ao-chotto_fit_nav_body ul li .ao-table:after{
          content: '';
          position: absolute;
          top: 50%;
          margin-top: -5px;
          right: 6px;
          width: 6px;
          height: 6px;
          border-top: 1px solid #fff;
          border-right: 1px solid #fff;
          -webkit-transform: rotate(45deg);
          transform: rotate(135deg);
          z-index: 1000;
        }
        .ao-chotto_fit_nav_body ul li.mb10 {
          margin-bottom: 10px;
        }
        .ao-chotto_fit_nav_body ul li .ao-table .icon {
          display:table-cell;
          font-size:16px;
          vertical-align:middle;
          padding-right: 4px;
          width:110px;
        }
        .ao-chotto_fit_nav_body ul li .ao-table .icon p {
          background:#d0d0d0;
          border-radius:6px;
          color: #fff;
          text-align:center;
        }
        .ao-chotto_fit_nav_body ul li a {
          text-decoration:none;
        }
        .ao-chotto_fit_nav_body ul li a .ao-table .icon p {
          background:#0060e6;
        }
        .ao-chotto_fit_nav_body ul li a:hover .ao-table .icon p {
          background:#ff0000;
        }
        .ao-chotto_fit_nav_body ul li .ao-table .text {
          display:table-cell;
          font-size:14px;
          vertical-align:middle;
          color:#a0a0a0;
          position:relative;
          text-align:left;
        }
        .ao-chotto_fit_nav_body ul li .ao-table .text span {
          position: relative;
          z-index: 999;
          background: #fff;
          line-height: 19px;
          display: inline-block;
          padding-right: 4px;
        }

        .ao-chotto_fit_nav_body ul li .ao-table .text:before {
          content: '';
          width: 100%;
          position: absolute;
          border-bottom: 1px dotted;
          top: 50%;
          z-index: 1;
        }
        .ao-chotto_fit_nav_body ul li a .ao-table .text {
          color:#0060e6;
        }
        .ao-chotto_fit_nav_body ul li a:hover .ao-table .text {
          color:#ff0000;
        }













        .ao-chotto_fit_info { overflow: hidden; position: relative; }
        .ao-chotto_fit_info_btn { width: 460px; height: 62px; background: url(/img/ao-img/chotto_fit/btn_info_down.png); display: block; margin: 30px auto 0; overflow: hidden; }
        .ao-chotto_fit_info_btn.on { background: url(/img/ao-img/chotto_fit/btn_info_up.png); }
        .ao-chotto_fit_info_btn span { font-size: 16px; margin-top: 12px; display: block; }
        .ao-chotto_fit_info_text { overflow: hidden; margin-top: 10px; max-height: 0; -webkit-transition: 1s ease; transition: 1s ease; }
        .ao-chotto_fit_info_text.on { max-height: 500px; }
        .ao-chotto_fit_info_text p { font-size: 16px; line-height: 2; }
        .ao-chotto_fit_info_text img { display: block; margin: 30px auto 0; }
        .ao-chotto_fit_list p.last_read {
          margin:40px 0;
          font-size:16px;
        }
        .ao-chotto_fit_list ul {
          display: flex;
          display: -webkit-flex;
          flex-wrap: wrap;
          justify-content: space-between;
          -webkit-flex-wrap: wrap;
          -webkit-justify-content: space-between;
        }
        .ao-chotto_fit_list ul li {
          display:table;
          margin-top:50px;
        }
        .ao-chotto_fit_list ul li div {
          display:table-cell;
          vertical-align: middle;
        }
        .ao-chotto_fit_thum01 {
          background: #002059;
          color: #fff;
          width: 170px;
          border-right: 1px solid #fff;
        }
        .ao-chotto_fit_thum01 h4 {
          font-size:20px;
        }
        .ao-chotto_fit_thum01 h4:after {
          content:'';
          height: 5px;
          border-radius: 3px;
          background: #0060e6;
          display: block;
          width: 80%;
          margin: 8px auto;
        }
        .ao-chotto_fit_thum02 {
        }
        .ao-chotto_fit_thum02 a {
          display:block;
          position:relative;
          line-height: 0;
          background: #ccc;
        }
        .ao-chotto_fit_thum02 a span {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translateY(-50%) translateX(-50%);
          -webkit-transform: translateY(-50%) translateX(-50%);
          font-size:18px;
          background:rgba(255,255,255,0.9);
          line-height: 1;
          padding:6px 28px;
          border-radius:4px;
          z-index:99;
        }
        @media all and (-ms-high-contrast:none) {
          .ao-chotto_fit_thum02 a span {
            padding:8px 28px 2px;
          }
        }
        .ao-chotto_fit_thum02 a:after {
          content:'';
          width:100%;
          height:100%;
          background:url(/img/ao-img/chotto_fit/thum_bg.png) 0 0 no-repeat;
          background-size:100%;
          position: absolute;
          left: 0;
          top: 0;
          z-index:98;
        }
        .ao-chotto_fit_thum02 a:hover:after {
          background:none;
        }
        .ao-chotto_fit_thum02 a .shokyu {
          color:#ffc107;
          -webkit-transition: .3s ease-in-out;
          transition: .3s ease-in-out;
        }
        .ao-chotto_fit_thum02 a .chukyu {
          color:#0060e6;
          -webkit-transition: .3s ease-in-out;
          transition: .3s ease-in-out;
        }
        .ao-chotto_fit_thum02 a:hover .shokyu {
          color:#fff;
          background:#ffc107;
          -webkit-transition: .3s ease-in-out;
          transition: .3s ease-in-out;
        }
        .ao-chotto_fit_thum02 a:hover .chukyu {
          color:#fff;
          background:#0060e6;
          -webkit-transition: .3s ease-in-out;
          transition: .3s ease-in-out;
        }
        .ao-chotto_fit_thum02 a img {
          box-sizing: border-box;
          border: 0px solid rgba(255,255,255,0.8);
          width: 306px;
          height: 152px;
          -webkit-transition: .3s ease-in-out;
          transition: .3s ease-in-out;
        }
        .ao-chotto_fit_thum02 a:hover img  {
          border: 7px solid rgba(255,255,255,0.8);
        }


        .ao-chotto_fit_page h2 { font-size: 24px; margin-top: 57px; margin-bottom: 50px; text-align: left;line-height: 26px;}
        .ao-chotto_fit_page h2 span { position: static;
          display: inline-block;
          margin: 0 .5em;
          line-height: 26px;
          text-align: center;
          padding-bottom: 0px;
          vertical-align: top; }
          .ao-chotto_fit_page .ao-step_area { overflow: hidden; margin-bottom: 60px; position: relative; }
          .ao-chotto_fit_page .ao-strep_box { position: relative; width: 485px; float: left; }
          .ao-chotto_fit_page .ao-strep_box:nth-child(2n) { float: right; }
          .ao-chotto_fit_page .ao-strep_box .ao-pic { display: block; margin: 65px auto 20px; }
          .ao-chotto_fit_page .ao-strep_box .ao-step { width: 120px;
            height: 120px;
            position: absolute;
            top: 0;
            left: 0;
            text-align: center;
            color: #fff;
            background: #c21632;
            border-radius: 100%;
            line-height: 120px;
            font-size: 20px;
            letter-spacing: .1em;}
            .ao-chotto_fit_page .ao-strep_box .ao-step span { width: 120px; height: 120px; display: table-cell; vertical-align: middle; font-size: 20px; letter-spacing: .1em; }
            .ao-chotto_fit_page .ao-strep_box p { width: 442px; margin: 0 auto; text-align: left; font-size: 15px; line-height: 1.73; }
            .ao-chotto_fit_page .ao-strength_up { width: 473px; height: 473px; float: left; background: #c21632; border-radius: 100%; overflow-x: hidden; margin-bottom: 60px; }
            .ao-chotto_fit_page .ao-strength_up .title { margin-top: 40px; margin-bottom: 20px; }
            .ao-chotto_fit_page .ao-strength_up .pic { margin-bottom: 15px; }
            .ao-chotto_fit_page .ao-strength_up p { font-size: 15px; width: 360px; margin: 0 auto; text-align: left; color: #fff; }
            .ao-chotto_fit_page .ao-onepoint { width: 372px; float: right; background: url(/img/ao-img/chotto_fit/onepoint_bg.png); padding: 40px 35px 25px; margin-right: 23px; margin-bottom: 60px; }
            .ao-chotto_fit_page .ao-onepoint h4 { font-size: 20px; padding-bottom: 14px; margin-bottom: 28px; border-bottom: #c21632 solid 4px; text-align: left; }
            .ao-chotto_fit_page .ao-onepoint img { margin-bottom: 20px; }
            .ao-chotto_fit_page .ao-onepoint p { text-align: left; }
            .ao-chotto_fit_page .ao-step_box_w { overflow-x: hidden; position: relative; padding-top: 40px; margin-bottom: 80px; }
            .ao-chotto_fit_page .ao-step_box_w:last-child { margin-bottom: 0; }
            .ao-chotto_fit_page .ao-step_box_w .ao-step_box_l { width: 442px; float: left; margin-left: 50px; margin-bottom: 1em; position: relative; }
            .ao-chotto_fit_page .ao-step_box_w .ao-step_box_l p { text-align: right; margin-bottom: .5em; }
            .ao-chotto_fit_page .ao-step_box_w .ao-step_box_r { width: 442px; float: right; margin-right: 50px; margin-bottom: 1em; position: relative; }
            .ao-chotto_fit_page .ao-step_box_w .ao-step_box_r p { text-align: right; margin-bottom: .5em; }
            .ao-chotto_fit_page .ao-step_box_w .ao-step_text { clear: both; text-align: left; margin-left: 50px; }
            .ao-chotto_fit_page .ao-step_box_w .ao-step { width: 120px; height: 120px; position: absolute; top: 0; left: 0; text-align: center; color: #fff; background: #c21632; border-radius: 100%; }
            .ao-chotto_fit_page .ao-step_box_w .ao-step span { width: 120px; height: 120px; display: table-cell; vertical-align: middle; font-size: 20px; letter-spacing: .1em; }
            .ao-chotto_fit_page .belly_up_elementary .arrow { position: absolute; top: 310px; left: 50%; margin-left: -35px; }
            .ao-chotto_fit_page .belly_up_intermediate .arrow { position: absolute; top: 310px; left: 50%; margin-left: -35px; }
            .ao-chotto_fit_page .chest_elementary .arrow { position: absolute; top: 310px; left: 50%; margin-left: -35px; }
            .ao-chotto_fit_page .chest_intermediate .arrow { position: absolute; top: 310px; left: 50%; margin-left: -35px; }
            .ao-chotto_fit_page .hip_elementary .ao-strep_box { margin-bottom: 120px; }
            .ao-chotto_fit_page .hip_elementary .ao-strep_box:last-child { margin-bottom: 0; }
            .ao-chotto_fit_page .hip_elementary .arrow { position: absolute; top: 310px; left: 50%; margin-left: -35px; }
            .ao-chotto_fit_page .hip_elementary .arrow2 { position: absolute; top: 610px; left: 50%; margin-left: -35px; }
            .ao-chotto_fit_page .hip_intermediate .arrow { position: absolute; top: 540px; left: 50%; margin-left: -10px; }

            .ao-chotto_fit_ttl {
              display: table;
              width: 100%;
              color: #fff;
              margin:50px 0 70px;
            }
            .ao-chotto_fit_ttl_fst {
              display: table-cell;
              text-align: center;
              width: 200px;
              border-radius: 24px 0 0 24px;
              padding: 13px 0;
              font-size:24px;
            }
            @media all and (-ms-high-contrast:none) {
              .ao-chotto_fit_ttl_fst {
                padding: 13px 0 9px;
              }
            }
            .ao-chotto_fit_ttl .ao-shokyu {
              background: #ffc107;
            }
            .ao-chotto_fit_ttl .ao-chukyu {
              background: #388bff;
            }
            .ao-chotto_fit_ttl_sec {
              display: table-cell;
              text-align: left;
              background: #0060e6;
              padding: 0 16px;
              border-radius: 0 24px 24px 0;
            }
            .ao-chotto_fit_ttl_sec span.fst {
              font-size:24px;
            }
            .ao-chotto_fit_ttl_sec span.sec {
              font-size:16px;
              float: right;
              padding: 8px 0 0 0;
            }
            .ao-stepbox {
              display:table;
              line-height:0;
              width: 980px;
              margin: 0 auto;
            }
            .ao-stepbox div {
              line-height:1.7;
              text-align:left;
            }
            .ao-stepbox .ao-step01 {
              display: table-cell;
              width: 442px;
              line-height: 0;
              position:relative;
            }
            .ao-stepbox .ao-step01:before {
              content:'';
              width:140px;
              height:78px;
              background:url(/img/ao-img/chotto_fit/step01.png) 0 0 no-repeat;
              position:absolute;
              top:-40px;
              left:-20px;
            }
            .ao-stepbox .ao-step02 {
              display: table-cell;
              width: 442px;
              padding-left: 96px;
              line-height: 0;
              position:relative;
              background:url(/img/ao-img/chotto_fit/arrow01.png) 20px center no-repeat;
            }
            .ao-stepbox .ao-step02:before {
              content:'';
              width:140px;
              height:78px;
              background:url(/img/ao-img/chotto_fit/step02.png) 0 0 no-repeat;
              position:absolute;
              top:-40px;
              right: 320px;
            }
            .ao-stepbox-single {
              width: 442px;
              margin:80px 0 0 20px;
            }
            .ao-stepbox .ao-step03 {
              display: table-cell;
              width: 442px;
              line-height: 0;
              position:relative;
            }
            .ao-stepbox .ao-step03:before {
              content:'';
              width:140px;
              height:78px;
              background:url(/img/ao-img/chotto_fit/step03.png) 0 0 no-repeat;
              position:absolute;
              top:-40px;
              left:-20px;
            }
            .ao-stepbox .ao-step03:after {
              content:'';
              width:51px;
              height:35px;
              background:url(/img/ao-img/chotto_fit/arrow02.png) 0 0 no-repeat;
              position:absolute;
              top: -60px;
              right: -72px;
            }
            .ao-stepbox .heightLine-group1 {
              background:#f2f2f2;
              padding:27px;
            }

            .ao-chotto_fit_secbox {
              margin-top:35px;
            }

            .ao-chotto_fit_secbox div:last-child {
              float:right;
              margin-right: 20px;
            }
            .ao-chotto_fit_secbox div:first-child {
              float:left;
              margin-left: 20px;
            }
            .ao-chotto_fit_secbox_div {
              width:442px;
            }
            .ao-chotto_fit_secbox_div p {
              text-align:left;
            }
            .ao-chotto_fit_secbox_div .align_center {
              margin: 14px 0;
            }

            .ao-stepdouble {
              position:relative;
              width: 884px;
              margin: 0 auto;
              line-height: 0;
            }
            .ao-step01double {
              padding-bottom: 120px;
              background:url(/img/ao-img/chotto_fit/arrow03.png) center bottom 40px no-repeat;
            }

            .ao-step01double:before {
              content:'';
              width:140px;
              height:78px;
              background:url(/img/ao-img/chotto_fit/step01.png) 0 0 no-repeat;
              position:absolute;
              top:-40px;
              left:-20px;
              z-index:100;
            }
            .ao-step02double:before {
              content:'';
              width:140px;
              height:78px;
              background:url(/img/ao-img/chotto_fit/step02.png) 0 0 no-repeat;
              position:absolute;
              top:-40px;
              left:-20px;
              z-index:100;
            }
            .ao-stepdouble_img01 {
              position:relative;
              float:left;
            }
            .ao-stepdouble_img01 span {
              position:absolute;
              top:-13px;
              right:0;
            }
            .ao-stepdouble_img02 {
              position:relative;
            }
            .ao-stepdouble_img02 span {
              position:absolute;
              top:-13px;
              right:0;
            }
            .ao-stepdouble .heightLine-group1 {
              clear:both;
              background:#f2f2f2;
              padding:27px;
              line-height:1.7;
              text-align:left;
            }

            /*ao_column*/
            .ao-health_column_hero {
              margin-bottom: 50px;
              /*width:1020px;*/
            }
            .ao-health_column_top_left {
              width: 262px;
              float: left;
            }
            .ao-health_column_top_left a {
              text-decoration:none;
              color:#000;
            }
            .ao-health_column_top_left .ao-left_content_inner {
              margin-bottom: 30px;
            }
            .ao-health_column_top_left h2 {
              font-size: 20px;
              color: #c0bfbf;
              text-align: left;
              margin-bottom: 13px;
            }
            .ao-health_column_top_left p {
              text-align: left;
            }
            .ao-health_column_top_right {
              /*width: 757px;
              float: right;
              border-left: 1px solid #f3f3f3; 2019-05-30修正*/
            }
            .ao-health_column_top_right a {
              text-decoration:none;
              color:#000;
            }
            .ao-health_column_top_right .ao-health_column_top_content {
              /*margin-left: 26px;
              margin-right: 15px; 2019-05-30修正*/
              margin-left: 0;
              margin-right: 0;
              margin-bottom: 20px;
              padding-bottom: 20px;
              border-bottom: #f3f3f3 solid 1px;
            }

            .ao-health_column_top_right .ao-health_column_top_content h2 {
              font-size: 20px;
              text-align: left;
              font-weight: 400;
              margin-top: 2px;
              margin-bottom: 20px;
              color: #002059;
              font-weight: 600;
              position: relative;
              padding-bottom: 10px;
            }
            .ao-health_column_top_right .ao-health_column_top_content h2:after {
              content: '';
              width: 100%;
              height: 4px;
              background: #0060e6;
              border-radius: 4px;
              position: absolute;
              left: 0;
              bottom: 0;
            }
            .ao-health_column_top_right .ao-health_column_top_content a:hover h2 {
            }
            .ao-health_column_top_right .ao-health_column_top_content .ao-health_column_top_content_img_thm {
              position: absolute;
              left: 0;
              top: 0;
            }
            .ao-health_column_top_right .ao-health_column_top_content .ao-health_column_top_content_menu_img {
              position: relative;
              width: 174px;
              height: 120px;
              float: left;
              margin-right: 20px;
            }
            .ao-health_column_top_right .ao-health_column_top_content a:hover .ao-health_column_top_content_menu_img {
              opacity: .6;
            }
            .ao-health_column_top_right .ao-health_column_top_content .ao-health_column_top_content_info:after {
              content: ".";
              display: block;
              visibility: hidden;
              height: 0.1px;
              font-size: 0.1em;
              line-height: 0;
              clear: both;
            }
            .ao-health_column_top_right .ao-health_column_top_content .ao-health_column_top_content_info p {
              float: left;
              margin-right: 20px;
              line-height: 26px;
            }
            .ao-health_column_top_right .ao-health_column_top_content .ao-health_column_top_content_info img {
              float: left;
              margin-right: 13px;
              width: 100%;
            }
            .ao-health_column_top_right .ao-health_column_top_content p.ao-health_column_top_content_menu_des {
              width: 500px;
              float: left;
              text-align: left;
              font-size: 15px;
            }
            .ao-health_column_top_right .ao-health_column_top_content p.ao-health_column_top_content_menu_next {
              float: right;
            }
            .ao-health_column_top_right .ao-health_column_top_content a .ao-bluebtn {
              display: inline-block;
              background: #fff;
              padding: 7px 21px;
              color: #0060e6;
              font-size: 14px;
              text-decoration: none;
              opacity: 1.0;
              -webkit-transition: .5s ease;
              transition: .5s ease;
              border:2px solid #0060e6;
              width: auto;
            }
            @media all and (-ms-high-contrast:none) {
              .ao-health_column_top_right .ao-health_column_top_content a .ao-bluebtn {
                padding: 7px 21px 3px;
              }
            }
            .ao-health_column_top_right .ao-health_column_top_content a:hover .ao-bluebtn {
              background: #0060e6;
              color: #fff;
              opacity: 1.0;
              -webkit-transition: .5s ease;
              transition: .5s ease;
            }
            .ao-health_column_top_right .ao-health_column_top_content a .ao-bluebtn:after {
              content: '';
              height: 8px;
              display: inline-block;
              width: 8px;
              margin-left: 10px;
              border-color: transparent #0060e6 #0060e6 transparent;
            }
            .ao-health_column_top_right .ao-health_column_top_content a:hover .ao-bluebtn:after {
              content: '';
              border-color: transparent #fff #fff transparent;
            }
            .ao-health_column_top_right .ao-health_column_top_content {
              /*margin-left: 26px;
              margin-right: 15px; 2019-05-30修正*/
              margin-left: 0;
              margin-right: 0;
              margin-bottom: 20px;
              padding-bottom: 20px;
              border-bottom: #f3f3f3 solid 1px;
            }
            .ao-health_column_top_right .ao-health_column_top_content:last-child {
              border-bottom: none;
              margin-bottom: 120px;
            }
            .ao-health-column-kiji h2 {
              font-size: 24px;
              text-align: left;
              font-weight: 400;
              margin-top: 2px;
              margin-bottom: 20px;
              color: #002059;
              font-weight: 600;
              position: relative;
              padding-bottom: 10px;
            }
            .ao-health-column-kiji h2:after {
              content: '';
              width: 100%;
              height: 4px;
              background: #0060e6;
              border-radius: 4px;
              position: absolute;
              left: 0;
              bottom: 0;
            }
            .ao-health-column-kiji-list li {
              margin-bottom: 75px;
            }
            .ao-health-column-kiji-list li div {
              width: 484px;
              text-align: left;
              text-align: justify;
              text-justify: inter-ideograph;
            }

            .ao-button-prev {
              margin: 50px 0 40px;
            }

            .ao-button-prev a {
              display: inline-block;
              background: #fff;
              padding: 16px 24px;
              border-radius: 34px;
              color: #0060e6;
              font-size: 16px;
              font-weight: 600;
              text-decoration: none;
              opacity: 1.0;
              -webkit-transition: .5s ease;
              transition: .5s ease;
              border:2px solid #0060e6;
              margin:0 20px;
              width: 300px;
            }
            @media all and (-ms-high-contrast:none) {
              .ao-button-prev a {
                padding: 16px 24px 12px;
              }
            }
            .ao-button-prev a:hover{
              background: #0060e6;
              color: #fff;
              opacity: 1.0;
              -webkit-transition: .5s ease;
              transition: .5s ease;
            }
            .ao-button-prev a:before {
              content: '';
              width: 10px;
              height: 10px;
              display: inline-block;
              margin-right: 10px;
              border-style: solid;
              border-color: transparent transparent #0060e6 #0060e6;
              border-width: 2px;
              -webkit-transform: rotate(45deg);
              transform: rotate(45deg);
              background: transparent;
            }

            .ao-button-prev a:hover:before {
              content: '';
              border-color: transparent transparent #fff #fff;
            }

            .ao-health-column-kiji-list li div p {
              font-size: 15px;
              margin-bottom: 0.7em;
              line-height: 1.8;
            }
            .ao-health-column-kiji-list li:nth-child(odd) div {
              float: left;
            }
            .ao-health-column-kiji-list li:nth-child(odd) img {
              float: right;
            }
            .ao-health-column-kiji-list li:nth-child(even) div {
              float: right;
            }
            .ao-health-column-kiji-list li:nth-child(even) img {
              float: left;
            }
            .ao-ichiran_top {
              font-size: 20px;
              color: #c0bfbf;
              text-align: left;
              margin-bottom: 13px;
              /*margin-left: 26px;*/
            }

            .ao-health_knowledge_page_calc { background: #ececec; clear: both; overflow: hidden; border-radius: 25px; font-weight: bold; color: #797979; }
            .ao-health_knowledge_page_calc h3 {
              background: #002059; text-align: center; color: #fff; font-size: 24px; font-weight: normal; line-height: 1; padding: 16px 0 0;     border-bottom: 3px solid #002059;
              margin-bottom: 25px;}
              .ao-health_knowledge_page_calc h3 span { display: block; font-size: 14px; line-height: 2.5; margin-bottom: 3px; }
              .ao-health_knowledge_page_calc .ao-health_knowledge_page_calc_body { text-align: center; font-size: 20px; position: relative; }
              .ao-health_knowledge_page_calc .ao-health_knowledge_page_calc_body .ao-health_knowledge_page_calc_body_top { position: relative; margin-bottom: 30px; }
              .ao-health_knowledge_page_calc .ao-health_knowledge_page_calc_body .ao-health_knowledge_page_calc_body_top sup {
    vertical-align: top;
}
              .ao-health_knowledge_page_calc .ao-health_knowledge_page_calc_body .ao-health_knowledge_page_calc_body_btm { position: relative; margin-top: 20px; margin-bottom: 10px; }
              .ao-health_knowledge_page_calc .ao-health_knowledge_page_calc_body .ao-health_knowledge_page_calc_body_btm span { position: static; display: inline-block; }
              .ao-health_knowledge_page_calc .ao-health_knowledge_page_calc_body .ao-health_knowledge_page_calc_body_btm span:nth-child(3) { margin-left: 3em; position: relative; top: 16px; }
              .ao-health_knowledge_page_calc .ao-health_knowledge_page_calc_body .ao-health_knowledge_page_calc_body_btm input { display: inline-block; border: #0060e6 solid 3px; }
              .ao-health_knowledge_page_calc .ao-health_knowledge_page_calc_body .ao-health_knowledge_page_calc_body_btm small { position: static; display: block; padding: 1em; text-align: right; }
              .ao-health_knowledge_page_calc .ao-health_knowledge_page_calc_body small { position: absolute; text-align: left; font-size: 13px; top: 60px; right: 23px; }
              .ao-health_knowledge_page_calc .ao-health_knowledge_page_calc_body span { clear: both; display: inline-block; text-align: left; position: absolute; }
              .ao-health_knowledge_page_calc .ao-health_knowledge_page_calc_body input, .ao-health_knowledge_page_calc .ao-health_knowledge_page_calc_body select { margin: 0 .3em; display: inline-block; line-height: 2.2;height: 2.2em; border: #cfcfcf solid 4px; text-align: center; }
              .ao-health_knowledge_page_calc .ao-health_knowledge_page_calc_body select { -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; padding: 0 1.5em 0 .5em;    margin-right: 1em; background: #fff url(/img/ao-img/health_column/arrow_wh.png) 100% 50% no-repeat; height: 50px; }
              .ao-health_knowledge_page_calc .ao-health_knowledge_page_calc_body select::-ms-expand { display: none; }
              .ao-health_knowledge_page_calc .ao-health_knowledge_page_calc_body p { display: inline-block; width: 31px; }
              .ao-health_knowledge_page_calc .ao-health_knowledge_page_calc_body .ao-health_knowledge_page_calc_body_line { position: absolute; top: 0px; margin-left: -15px; }
              .ao-health_knowledge_page_calc_body_table { margin-top: 40px; }
              .ao-health_knowledge_page_calc_body_table h4 { text-align: center; font-size: 16px; color: #565656; margin-bottom: 18px; }
              .ao-health_knowledge_page_calc_body_table table { width: 100%; margin-bottom: 55px; }
              .ao-health_knowledge_page_calc_body_table table th { border: #bdbdbd solid 1px; background: #ececec; padding: .5em 1em; text-align: center; }
              .ao-health_knowledge_page_calc_body_table table td { border: #bdbdbd solid 1px; padding: .5em 1em; text-align: center; }
              .ao-health_knowledge_page_calc_body_table table .ao-health_knowledge_page_calc_body_table_level .ao-health_knowledge_page_calc_body_table_15 { background: #f5c77c; color: #fff; border-bottom: #fad99e solid 1px; }
              .ao-health_knowledge_page_calc_body_table table .ao-health_knowledge_page_calc_body_table_level .ao-health_knowledge_page_calc_body_table_17 { background: #f2ba69; color: #fff; border-bottom: #fad99e solid 1px; }
              .ao-health_knowledge_page_calc_body_table table .ao-health_knowledge_page_calc_body_table_level .ao-health_knowledge_page_calc_body_table_20 { background: #f5b459; color: #fff; border-bottom: #fad99e solid 1px; }
              .ao-health_knowledge_page_calc_body_table table .ao-health_knowledge_page_calc_body_table_text .ao-health_knowledge_page_calc_body_table_15 { background: #faf0de; color: #565656; }
              .ao-health_knowledge_page_calc_body_table table .ao-health_knowledge_page_calc_body_table_text .ao-health_knowledge_page_calc_body_table_17 { background: #f7e1bc; color: #565656; }
              .ao-health_knowledge_page_calc_body_table table .ao-health_knowledge_page_calc_body_table_text .ao-health_knowledge_page_calc_body_table_20 { background: #fad99e; color: #565656; }
              .ao-health_knowledge_page_calc_body_table table .ao-health_knowledge_page_calc_body_table_text th, .ao-health_knowledge_page_calc_body_table table .ao-health_knowledge_page_calc_body_table_text td { padding: 1em; }
              .ao-health_knowledge_page_calc_body_table p { color: #000;    text-align: left;}





              /*recipe_hero*/
              .ao-recipe_hero { margin-bottom: 50px; }
              .ao-recipe_top_left { width: 262px; float: left; border-right: 1px solid #f3f3f3; }
              .ao-recipe_top_left p { text-align: left; }
              .ao-recipe_top_left a {text-decoration:none;color:#000;}
              .ao-recipe_top_left h2 { font-size: 20px; color: #c0bfbf; text-align: left; margin-bottom: 13px; }
              .ao-recipe_top_left .ao-left_content_inner { margin-bottom: 30px; }
              .ao-recipe_top_left .ao-recipe_category {
                width: 230px;
                padding: 10px;
                margin-bottom: 3px;
                box-sizing: border-box;
                background:#f5f5f5;
              }
              .ao-recipe_top_left .ao-recipe_category p { color: #333333; position: relative; }
              .ao-recipe_top_left .ao-recipe_category p:after {
                content: "";
                font-size: 0px;
                width: 0;
                height: 0;
                border-style: solid;
                border-width: 6px 0 6px 10.4px;
                border-color: transparent transparent transparent #fff;
                position: absolute;
                top: 50%;
                left: -24px;
                margin-top: -6px;
              }
              .ao-recipe_top_left .ao-recipe_category.ao-bulk {
                border-left: 20px solid #ff9711;
              }
              .ao-recipe_top_left .ao-recipe_category.ao-diet {
                border-left: 20px solid #d77bc4;
              }
              .ao-recipe_top_left .ao-recipe_category.ao-recovery {
                border-left: 20px solid #86b731;
              }
              .ao-recipe_top_left .ao-recipe_category.ao-b_skin {
                border-left: 20px solid #f578b9;
              }
              .ao-recipe_top_left .ao-recipe_category.ao-enteral {
                border-left: 20px solid #967345;
              }
              .ao-recipe_top_left .ao-recipe_category.ao-cut_solt {
                border-left: 20px solid #57adae;
              }
              .ao-recipe_top_left .ao-recipe_profile { background: #f3f3f3; border-radius: 7px; width: 200px; padding: 18px; }
              .ao-recipe_top_left .ao-recipe_profile img { margin-bottom: 18px; }
              .ao-recipe_top_left .ao-recipe_profile h3 { font-size: 18px; text-align: left; margin-bottom: 15px; text-align: center; }
              .ao-recipe_top_right { width: 757px; float: right; }
              .ao-recipe_top_right a {
                text-decoration:none;
                color:#000;
              }
              .ao-recipe_top_right .ao-recipe_top_content { margin-left: 26px; margin-right: 15px; margin-bottom: 20px; padding-bottom: 20px; border-bottom: #f3f3f3 solid 1px; }
              .ao-recipe_top_right .ao-recipe_top_content:last-child { border-bottom: none; margin-bottom: 120px; }
              .ao-recipe_top_right .ao-recipe_top_content a:hover { opacity: 1;  }
              .ao-recipe_top_right .ao-recipe_top_content a:hover .ao-recipe_top_content_menu_img { opacity: 0.6; }
              .ao-recipe_top_right .ao-recipe_top_content a:hover p.ao-recipe_top_content_menu_next {}

                .ao-recipe_top_right .ao-recipe_top_content h2 { font-size: 20px; text-align: left; font-weight: bold; margin-top: 12px; margin-bottom: 20px; }

                .ao-recipe_top_right .ao-recipe_top_content h2 {
                  font-size: 20px;
                  text-align: left;
                  font-weight: 400;
                  margin-top: 2px;
                  margin-bottom: 20px;
                  color: #002059;
                  font-weight: 600;
                  position: relative;
                  padding-bottom: 10px;
                }
                .ao-recipe_top_right .ao-recipe_top_content a:hover h2 {
                  text-decoration:none;
                }
                .ao-recipe_top_right .ao-recipe_top_content h2:after {
                  content: '';
                  width: 100%;
                  height: 4px;
                  background: #0060e6;
                  border-radius: 4px;
                  position: absolute;
                  left: 0;
                  bottom: 0;
                }
                .ao-recipe_top_right .ao-recipe_top_content a .ao-bluebtn {
                  display: inline-block;
                  background: #fff;
                  padding: 7px 21px;
                  border-radius: 34px;
                  color: #0060e6;
                  font-size: 14px;
                  text-decoration: none;
                  opacity: 1.0;
                  -webkit-transition: .5s ease;
                  transition: .5s ease;
                  border:2px solid #0060e6;
                  width: auto;
                }
                @media all and (-ms-high-contrast:none) {
                  .ao-recipe_top_right .ao-recipe_top_content a .ao-bluebtn {
                    padding: 7px 21px 3px;
                  }
                }
                .ao-recipe_top_right .ao-recipe_top_content a:hover .ao-bluebtn {
                  background: #0060e6;
                  color: #fff;
                  opacity: 1.0;
                  -webkit-transition: .5s ease;
                  transition: .5s ease;
                }
                .ao-recipe_top_right .ao-recipe_top_content a .ao-bluebtn:after {
                  content: '';
                  height: 8px;
                  display: inline-block;
                  width: 8px;
                  margin-left: 10px;
                  border-color: transparent #0060e6 #0060e6 transparent;
                }
                .ao-recipe_top_right .ao-recipe_top_content a:hover .ao-bluebtn:after {
                  content: '';
                  border-color: transparent #fff #fff transparent;
                }

                .ao-recipe_top_right .ao-recipe_top_content .ao-recipe_top_content_menu_img { position: relative; width: 120px; height: 120px; float: left; margin-right: 20px; }
                .ao-recipe_top_right .ao-recipe_top_content .ao-recipe_top_content_img_thm { position: absolute; left: 0; top: 0; }
                .ao-recipe_top_right .ao-recipe_top_content .ao-recipe_top_content_menu_play { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto 0 auto 30px; -webkit-transition: .25s ease; transition: .25s ease; }
                .ao-recipe_top_right .ao-recipe_top_content p.ao-recipe_top_content_menu_des { width: 550px; float: left; text-align: left; }

                .ao-recipe_top_right .ao-recipe_top_content p.ao-recipe_top_content_menu_next {position: absolute; bottom: 0; right: 0; text-align: right;text-decoration:none;}
                .ao-recipe_top_content_info { margin-bottom: 0.5em; overflow: hidden; position: relative; }
                .ao-recipe_top_content_info:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both; }
                .ao-recipe_top_content_info img { float: left; margin-right: 13px; }
                .ao-recipe_top_content_info p { float: left; margin-right: 20px; line-height: 26px; }
                .ao-recipe_category_thm { float: left; width: 111px;border-radius: 5px;font-size: 13px; }
                .ao-recipe_category_thm p {
                  color: #fff; margin-right: 0 !important; float: none !important; line-height: 1;
                  padding: 5px 0;
                }
                @media all and (-ms-high-contrast:none) {
                  .ao-recipe_category_thm p {
                    padding: 5px 0 1px;
                  }
                }
                .ao-recipe_page_left { float: left; width: 398px; }
                .ao-recipe_movie_area { width: 398px; height: 400px; overflow: hidden; position: relative; }
                .ao-recipe_movie_area iframe { position: absolute; left: -156px; top: 0; }
                .ao-recipe_page_right { float: right; width: 515px; }
                .ao-recipe_page_right h2 { font-size: 24px; text-align: left; font-weight: bold; margin: 0.5em 0; }
                .ao-recipe_page_right p.ao-recipe_top_content_menu_des { text-align: left; margin-bottom: 30px; }
                .ao-recipe_page_right .ao-recipe_category_thm { float: none; }
                .ao-recipe_page_right ul li { text-align: left; line-height: 38px; border-bottom: 1px solid #e0e0e0; }
                .ao-recipe_page_right ul li span { float: right; }
                .ao-recipe_page_content_box { margin-bottom: 70px; }
                .ao-recipe_page_play_box { position: relative; }
                .ao-recipe_page_play_box .ao-recipe_page_play_img { position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto; }
                .ao-recipe_sns { margin-top: 30px; }
                .ao-recipe_sns ul { text-align: left; font-size: 0; overflow: hidden; }
                .ao-recipe_sns li { display: inline-block; margin-right: 14px; overflow: hidden; }
                .ao-recipe_sns a { display: block; }
                .ao-bulk { background: #ff9711; }
                .ao-diet { background: #d573c1; }
                .ao-recovery { background: #86b731; }
                .ao-b_skin { background: #f578b9; }
                .ao-enteral { background: #967345; }
                .ao-cut_solt { background: #57adae; }
                .ao-recipe_page_content h3 {font-size: 20px;
                  text-align: left;
                  font-weight: bold;
                  padding: 10px 24px 10px;
                  border-radius: 24px;
                  margin-bottom: 25px;
                  line-height: 1;
                  background: #0060e6;
                  color: #fff;}
                  @media all and (-ms-high-contrast:none) {
                    .ao-recipe_page_content h3 {
                      padding: 10px 24px 6px;
                    }
                  }
                  .ao-recipe_page_content:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both; }
                  .ao-recipe_page_content ul li.ao-recipe_page_step { float: left; width: 309px; margin-right: 33px; }
                  .ao-recipe_page_content ul li.ao-recipe_page_step h3 {
                    background:none;
                    color:#002059;position:relative;
                    padding-bottom: 10px;
                    margin-bottom: 20px;
                    padding-left: 0;
                  }
                  .ao-recipe_page_content ul li.ao-recipe_page_step h3:after {
                    content: '';
                    width: 100%;
                    height: 4px;
                    background: #0060e6;
                    border-radius: 4px;
                    position: absolute;
                    left: 0;
                    bottom: 0;
                  }
                  .ao-recipe_page_content ul li.ao-recipe_page_step:nth-child(3n) { margin-right: 0; }
                  .ao-recipe_page_content ul li.ao-recipe_page_step p { text-align: left; }


                  .ao-news_ttl {
                    font-size: 24px;
                    text-align: left;
                    margin-top: 2px;
                    margin-bottom: 20px;
                    color: #002059;
                    font-weight: 600;
                    position: relative;
                    padding-bottom: 10px;
                  }
                  .ao-news_ttl:after {
                    content: '';
                    width: 100%;
                    height: 4px;
                    background: #0060e6;
                    border-radius: 4px;
                    position: absolute;
                    left: 0;
                    bottom: 0;
                  }
                  .important_news_page {
                    display: table;
                    width: 100%;
                    padding: 40px 0;
                    text-align: left;
                  }
                  .important_news_page_archive {
                    display: table-cell;
                    text-align: left;
                    width: 15%;
                    display: none;
                  }
                  .important_news_page_archive h3 {
                    margin-bottom: 6px;
                  }
                  .important_news_page_box {
                    width: 100%;
                    display: table-cell;
                    text-align: left;
                    /*padding-left: 50px;*/
                    font-size: 17px;
                    /*border-left: 1px solid #ededed;*/
                  }
                  .important_news_page_box ul li {
                    margin-bottom: 36px;
                  }
                  .important_news_date {
                    font-size: 13px;
                    color: #aaa;
                  }
                  .important_news_page_box ul li a {
                    text-decoration: underline;
                  }
                  .important_news_page_box ul li p {
                    font-size: 15px;
                    margin-top: 3px;
                  }

                  .ao-bluebtn_wh {
                      display: inline-block;
                      background: #FFF;
                      padding: 20px 40px;
                      border-radius: 34px;
                      color: #0060e6;
                      font-size: 16px;
                      text-decoration: none;
                      opacity:1.0;
                      -webkit-transition: .5s ease;
                      transition: .5s ease;
                      width: 300px;
                      position: relative;
                  }
                  .ao-bluebtn_wh:after {
                    content: '';
                    height: 10px;
                    display: inline-block;
                    width: 10px;
                    border-color: transparent #0060e6 #0060e6 transparent;
                    margin: 1.5% 0 0 6%;
                    border-color: transparent #0060e6 #0060e6 transparent;
                    position: absolute;
                    }
/*既存上書き*/
#search .tit h2 {
  font-size: 17px;
  text-align: left;
  font-weight: bold;
}


/* --------------- 2018/03/16 レシピムービー調整 --------------- */
.ao-recipe_movie_area iframe {
    position: static;
    margin-left: -156px;
}
/* --------------- //2018/03/16 レシピムービー調整ここまで --------------- */

/*ie11*/
@media screen and (min-width: 0\0) and (min-resolution: +72dpi) {

.ao-flow ul li a div { transform: translateY(2px); }
.ao-flow .ao-bluebtn_wh { padding: 24px 40px 16px; }

}