@charset "UTF-8";

/* ------------------------------------------------ */
.sub-header {
  display: -webkit-flex; /* Safari */
  display: flex;
}

.sub-header .site-title {
width: 228px;
}

.sub-header .corner-title {
width: 688px;
}

.sub-visual {
background: #fff;
text-align: center;
padding: 8px;
margin-bottom: 20px;
}
 
/* ------------------------------------------------ */
.content p {
margin-bottom: 20px;
}
@media print, screen and (min-width: 736px) {
.content {
padding: 20px;
margin-bottom: 37px;
background: #fff;
}



#main.subPage {
padding: 10px 42px 42px 42px;
}

h1 {
padding: 30px 20px;
background: #EB5E44;
color: #fff;
font-size: 150%;
margin-bottom: 20px;
}

h2 {
padding: 0 20px;
color: #EB5E44;
font-size: 130%;
margin-bottom: 20px;
border-bottom: 3px solid #EB5E44;
}

h3 {
padding: 0 20px;
color: #EB5E44;
font-size: 110%;
margin-bottom: 20px;
border-bottom: 2px dotted #EB5E44;
}
}

/* survey
------------------------------------------------ */

.survey .sp-title {
position:relative;
background:url(/trend/images/sp-survey-title.jpg) no-repeat 50% 50%;
background-size: cover;
height: 170px;
width: 100%;
}

.survey .sp-title a {
display:block;
height: 170px;
width: 100%;
text-decoration: none;
}

.survey .content {
background: #fff;
padding: 10px;
}


/* ------------------------ */

.survey-1 h1 {
padding: 10px;
background: none;
color: #AF9749;
border: 3px solid #AF9749;
border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;
margin-bottom: 10px;
font-weight: bold;
}

.survey-1 h2 {
display: inline-block;
padding: 0;
color: #333;
font-size: 100%;
font-weight: bold;
border-bottom: 2px solid #AF9749;
margin-bottom: 10px;
}

/* ------------------------ */

.survey-2 h1 {
padding: 10px;
background: none;
color: #3DA1CD;
border: 3px solid #3DA1CD;
border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;
margin-bottom: 10px;
font-weight: bold;
}
.survey-2 h2 {
display: inline-block;
padding: 0;
color: #333;
font-size: 100%;
font-weight: bold;
border-bottom: 2px solid #3DA1CD;
margin-bottom: 10px;
}


/* ------------------------ */

.survey-3 h1 {
padding: 10px;
background: none;
color: #EE86A7;
border: 3px solid #EE86A7;
border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;
margin-bottom: 10px;
font-weight: bold;
}

.survey-3 h2 {
display: inline-block;
padding: 0;
color: #333;
font-size: 100%;
font-weight: bold;
border-bottom: 2px solid #EE86A7;
margin-bottom: 10px;
}

/* ------------------------ */

.survey-4 h1 {
padding: 10px;
background: none;
color: #6CBB5A;
border: 3px solid #6CBB5A;
border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;
margin-bottom: 10px;
font-weight: bold;
}

.survey-4 h2 {
display: inline-block;
padding: 0;
color: #333;
font-size: 100%;
font-weight: bold;
border-bottom: 2px solid #6CBB5A;
margin-bottom: 10px;
}

/* ------------------------ */

.survey-5 h1 {
padding: 10px;
background: none;
color: #A587BD;
border: 3px solid #A587BD;
border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;
margin-bottom: 10px;
font-weight: bold;
}

.survey-5 h2 {
display: inline-block;
padding: 0;
color: #333;
font-size: 100%;
font-weight: bold;
border-bottom: 2px solid #A587BD;
margin-bottom: 10px;
}
/* ------------------------ */

.survey-6 h1 {
padding: 10px;
background: none;
color: #F6AD3A;
border: 3px solid #F6AD3A;
border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;
margin-bottom: 10px;
font-weight: bold;
}

.survey-6 h2 {
display: inline-block;
padding: 0;
color: #333;
font-size: 100%;
font-weight: bold;
border-bottom: 2px solid #F6AD3A;
margin-bottom: 10px;
}

/* ------------------------ */

.survey-7 h1 {
padding: 10px;
background: none;
color: #F6AE3C;
border: 3px solid #F6AE3C;
border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;
margin-bottom: 10px;
font-weight: bold;
}

.survey-7 h2 {
display: inline-block;
padding: 0;
color: #333;
font-size: 100%;
font-weight: bold;
border-bottom: 2px solid #F6AE3C;
margin-bottom: 10px;
}
/* ------------------------ */

.survey .graph {
margin-bottom: 20px;
}

.survey .gBox {
margin-bottom: 20px;
}

.survey .gBox .title {
font-weight: bold;
margin-bottom: 5px;
}
.survey .gBox .comment {
padding: 0 5px;
display:block;
background: #C8E4F0;
border: none;
}


.survey .gBox .image {
display:block;
margin: 0 auto 10px auto;
text-align: center;
width: 90%;
}

/* survey tobira
------------------------ */

.survey-tobira .pageTitle {
background: url(/trend/images/survey-bg.gif);
padding: 10px;
margin-bottom: 20px;
}

.survey-tobira .pageTitle h1 {
font-size: 130%;
font-weight: bold;
margin-bottom: 10px;
text-align: center;
}
.survey-tobira .pageTitle .subTitle {
font-size: 110%;
font-weight: bold;
margin-bottom: 10px;
text-align: center;
}
.survey-tobira .pageTitle .author {
margin-bottom: 10px;
font-weight: bold;
}


.survey-tobira h2 {
padding: 10px;
background: none;
color: #EB5E44;
border: 3px solid #EB5E44;
border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;
font-size: 100%;
margin-bottom: 10px;
font-weight: bold;
}

.survey-tobira h3 {
padding: 0;
color: #EB5E44;
font-size: 100%;
font-weight: bold;
margin-bottom: 10px;
border-bottom: none;

}

.survey-tobira h4 {
padding: 0;
font-weight: bold;
font-size: 100%;
margin-bottom: 10px;
border:none;
color: #EB5E44;
}

.survey .gaiyo {
margin-bottom: 20px;
}

.survey .gaiyo dt {
font-weight: bold;
width:110px;
padding: 0 0 0 3px;
}

.survey .gaiyo dd {
margin: -1.7em 0 3px 0;
padding: 0 0 3px 120px;
border-bottom:1px dotted #EB5E44;
}

/* ------------------------------------------------ */


@media print, screen and (min-width: 736px) {
/* survey
------------------------------------------------ */

.survey .content {
margin-bottom: 0;
padding: 20px;
}


.survey strong {
color: #EB5E44;
font-weight: bold;
}

.survey .graph {
margin-bottom: 20px;
}

.survey .gBox {
padding: 0 50px;
margin-bottom: 20px;
text-align: center;

}

.survey .graph .gBox {
padding: 0;
}

.survey .graph .box-l {
float: left;
width: 389px;
padding: 20px;
//border:2px solid #EB5E44;
border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;
}

.survey .graph .box-r {
float: right;
width: 389px;
padding: 20px;
//border:2px solid #EB5E44;
border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;
}

.survey .gBox .title {
margin-bottom: 20px;
font-weight: bold;
color: #333;
display:block;
text-align: left;
font-size: 130%;
}

.survey .gBox .comment {
padding: 10px;
display:block;
background: #C8E4F0;
border: none;
}

.survey .gBox .image {
display:block;
margin: 0 auto 10px auto;
}


.survey .gBox .image.w600 {
width: 600px;
}

.survey .gBox .image.w650 {
width: 650px;
}

.survey .gBox .image.w700 {
width: 700px;
}

.survey .gBox .image.w750 {
width: 750px;
}

.survey .gBox .image.w250 {
width: 250px;
}

.survey .gBox .image.w350 {
width: 350px;
}

.survey .gBox .image.w300 {
width: 300px;
}

.survey .gBox .image.w500 {
width: 500px;
}

.survey .gBox .image.w550 {
width: 550px;
}

.survey .gBox .image.w450 {
width: 450px;
}

.survey .gBox .image.w400 {
width: 400px;
}

/* ------------------------ */
.survey .gaiyo {
margin: 20px 50px;
}

/* survey-title
------------------------ */


.survey-tobira h1 {
padding: 0;
background: none;
color: #333;
//border: 3px solid #EB5E44;
//border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;
font-size: 200%;
font-weight: bold;
line-height: 1.5;
text-align: center;
margin: 0 0 20px 0;
}

.survey-tobira h2 {
padding: 20px;
background: none;
color: #EB5E44;
border: 3px solid #EB5E44;
border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;
}

.survey-tobira h3 {
padding: 0;
color: #EB5E44;
font-size: 130%;
font-weight: bold;
margin-bottom: 0;
border-bottom: none;
position:absolute;
top:0;
left:20px;
width: 160px;
padding-left: 1.3em;
text-indent: -1.3em;
line-height: 1.4;
}

.survey-tobira h4 {
padding: 0;
font-weight: bold;
font-size: 110%;
margin-bottom: 20px;
border:none;
color: #EB5E44;
}

.survey-tobira .column {
padding-left: 190px;
position:relative;
}

/* ------------------------ */

.survey-1 h1 {
padding: 20px;
background: none;
color: #AF9749;
border: 3px solid #AF9749;
border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;
}

.survey-1 h2 {
display: inline-block;
padding: 0;
color: #333;
font-size: 130%;
font-weight: bold;
border-color: #AF9749;
}

/* ------------------------ */

.survey-2 h1 {
padding: 20px;
background: none;
color: #3DA1CD;
border: 3px solid #3DA1CD;
border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;
}

.survey-2 h2 {
display: inline-block;
padding: 0;
color: #333;
font-size: 130%;
font-weight: bold;
border-color: #3DA1CD;
}


/* ------------------------ */

.survey-3 h1 {
padding: 20px;
background: none;
color: #EE86A7;
border: 3px solid #EE86A7;
border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;
}

.survey-3 h2 {
display: inline-block;
padding: 0;
color: #333;
font-size: 130%;
font-weight: bold;
border-color: #EE86A7;
}

/* ------------------------ */

.survey-4 h1 {
padding: 20px;
background: none;
color: #6CBB5A;
border: 3px solid #6CBB5A;
border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;
}

.survey-4 h2 {
display: inline-block;
padding: 0;
color: #333;
font-size: 130%;
font-weight: bold;
border-color: #6CBB5A;
}

/* ------------------------ */

.survey-5 h1 {
padding: 20px;
background: none;
color: #A587BD;
border: 3px solid #A587BD;
border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;
}

.survey-5 h2 {
display: inline-block;
padding: 0;
color: #333;
font-size: 130%;
font-weight: bold;
border-color: #A587BD;
}

/* ------------------------ */

.survey-6 h1 {
padding: 20px;
background: none;
color: #F6AD3A;
border: 3px solid #F6AD3A;
border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;
}

.survey-6 h2 {
display: inline-block;
padding: 0;
color: #333;
font-size: 130%;
font-weight: bold;
border-color: #F6AD3A;
}

/* ------------------------ */

.survey-7 h1 {
padding: 20px;
background: none;
color: #F6AE3C;
border: 3px solid #F6AE3C;
border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;
}

.survey-7 h2 {
display: inline-block;
padding: 0;
color: #333;
font-size: 130%;
font-weight: bold;
border-color: #F6AE3C;
}

/* ------------------------ */

.survey .gBox.free,
.survey .gBox.free .title {
text-align: left;
}

.survey .gBox.free ul {

}

.survey .gBox.free ul li {
padding: 0 0.5em 5px 1.5em;
margin-bottom: 5px;
border-bottom: 1px dotted #A588BC;
text-indent: -1em;
}

.survey .gBox.free ul li:before {
content: "\25CF";
color: #A588BC;
}


/* survey tobira
------------------------ */

.survey-tobira .pageTitle {
background: url(/trend/images/survey-bg.gif);
padding: 50px 100px;
margin-bottom: 20px;
}

.survey-tobira .pageTitle h1{
font-size: 200%;
font-weight: bold;
line-height: 1.5;
text-align: center;
margin-bottom: 20px;
}
.survey-tobira .pageTitle .subTitle {
font-size: 150%;
line-height: 1.5;
text-align: center;
margin-bottom: 20px;
}
.survey-tobira .pageTitle .author {
line-height: 1.5;
text-align: center;
margin-bottom: 40px;
}

}

/* nav
------------------------ */
.survey .survey-nav {
background: #fff;;
font-weight: bold;
padding: 10px 10px 0 10px;
}

.survey .survey-nav.bottom {
margin-bottom: 20px;
padding-bottom: 20px;
}

.survey .survey-nav a {
display:block;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
color: #fff;
padding: 5px;
text-align: center;
margin-bottom: 5px;
}

.survey .survey-nav a.last {
margin-bottom: 0;
}


.survey .survey-nav a.linex2 {
line-height: 27px;
}

.survey .survey-nav a.btn-1 {
background: #AF9749;
border-color: #AF9749;
}
.survey .survey-nav a.btn-2 {
background: #3AA1CD;
border-color: #3AA1CD;
}
.survey .survey-nav a.btn-3 {
background: #EE86A7;
border-color: #EE86A7;
}
.survey .survey-nav a.btn-4 {
background: #6CBB5A;
border-color: #6CBB5A;
}
.survey .survey-nav a.btn-5 {
background: #A587BD;
border-color: #A587BD;
}
.survey .survey-nav a.btn-6 {
background: #F6AD3A;
margin-right: 0;
border-color: #F6AD3A;
}

.survey .survey-nav a.btn-7 {
background: #EB5E44;
border-color: #EB5E44;
}

.survey .survey-nav a:hover {
text-decoration: none;
}

.survey .survey-nav a.btn-1:hover {
background: #fff;
color: #AF9749;
}
.survey .survey-nav a.btn-2:hover {
background: #fff;
color: #3AA1CD;
}
.survey .survey-nav a.btn-3:hover {
background: #fff;
color: #EE86A7;
}
.survey .survey-nav a.btn-4:hover {
background: #fff;
color: #6CBB5A;
}
.survey .survey-nav a.btn-5:hover {
background: #fff;
color: #A587BD;
}
.survey .survey-nav a.btn-6:hover {
background: #fff;
color: #F6AD3A;
}

.survey .survey-nav a.btn-7:hover {
background: #fff;
color: #EB5E44;
}

@media print, screen and (min-width: 736px) {

.survey .survey-nav {
  display: -webkit-flex; /* Safari */
  display: flex;
    -webkit-justify-content: space-between; /* Safari */
  justify-content:         space-between;
text-align: center;
padding: 8px 8px 0 8px;
background: #fff;;
font-weight: bold;
}
.survey .survey-nav a {
width: 100%;
height: 54px;
padding: 0;
display:block;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
line-height: 54px;
color: #fff;
margin-right: 8px;
border:1px solid #a9a9a9;
margin-bottom: 0;
}


}



/* quiz
------------------------------------------------ */

.quiz .content {
background: #fff;
padding: 10px;
margin-bottom: 20px;
}

.quiz .sp-title {
margin-bottom: 20px;
padding: 40px 10px;
text-align: center;
}

.quiz.cat-1 .sp-title {
background:url(/trend/images/sp-quiz-cat1.jpg) 50% 50%;
background-size: cover;
}

.quiz.cat-2 .sp-title {
background: url(/trend/images/sp-quiz-cat2.jpg) 50% 50%;
background-size: cover;
}

.quiz.cat-3 .sp-title {
background:url(/trend/images/sp-quiz-cat3.jpg) 50% 50%;
background-size: cover;
}

.quiz.cat-4 .sp-title {
background:url(/trend/images/sp-quiz-cat4.jpg) 50% 50%;
background-size: cover;
}

.quiz .sp-title .mainTitle {
display: inline-block;
font-size: 150%;
font-weight: bold;
text-align: center;
margin-bottom: 0;
background: rgba(255,255,255,0.8);
margin-bottom: 10px;
padding: 0 5px;
}

.quiz .sp-title .subTitle {
display: inline-block;
font-size: 120%;
background: rgba(255,255,255,0.8);
padding: 0 5px;
margin-bottom: 10px;
}


.quiz .sp-title .lead {
background: rgba(255,255,255,0.8);
text-align: left;
margin-bottom: 10px;
padding: 0 5px;
}

.quiz .sp-title .author {
padding: 0 5px;
background: rgba(255,255,255,0.8);
text-align: left;
font-weight: bold;
}
.quiz .sp-title .author span {
display:block;
padding-left: 3em;
text-indent: -3em;
}


.quiz .answer-area {
display:block;
}

.quiz .question {
font-weight: bold;
  line-height: 100px;
  font-size: 140%;
  margin-bottom: 20px;
line-height: 1.5;
}

.quiz .question span {
float: left;
  display:block;
  border-radius: 50%;
  height: 100px;
  width: 100px;
  background: #EB5E44;
  color: #fff;
line-height: 100px;
font-size: 110%;
text-align: center;
margin-right: 20px;
}

.quiz .open-area {
clear: both;

}

.quiz .btn-area {
  display: -webkit-flex; /* Safari */
  display: flex;
  font-size: 140%;
  text-align: center;
  margin-bottom: 20px;
}

.quiz .btn-area li {
  -webkit-flex-grow: 1; /* Safari */
  flex-grow:         1;
  background: #fee9b4;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  margin: 0 10px;
  cursor: pointer;
  padding: 10px;
}

.quiz .btn-area li:hover {
background: #FF9A60;
color: #fff;
}

.quiz .btn-open {
  background: #EB5E44;
  color: #fff;
  text-align: center;
    font-size: 140%;
      border-radius: 6px;-moz-border-radius: 6px;-webkit-border-radius: 6px;
  cursor: pointer;
  margin-bottom: 20px;
}

.quiz .btn-open:hover {
background: #FF9A60;
color: #fff;
}

.quiz .answer-area {
margin: 20px 0;
}

.quiz .answer-area .answer {
  background: #fee9b4;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  font-size: 180%;
  text-align: center;
  margin-bottom: 20px;
  padding: 10px;
}

.quiz .answer-area .answer span {
margin-right: 20px;
font-size: 80%;
}

.quiz .answer-area .figure {
padding: 20px;
border: 1px solid #EB5E44;
border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;
font-size: 90%;
}

.quiz .answer-area .figure img {
display:block;
margin-bottom: 20px;
}

.quiz .btn-next {
text-align: center;
}

.quiz .btn-next a {
display:inline-block;
padding: 5px 10px;
background: #D9D9DA;
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
color: #EB5F44;
box-shadow: 0 0 5px rgba(0,0,0,.5);
}

.quiz .btn-next a:hover {
text-decoration: none;
background: #EB5F44;
color: #fff;
}

.quiz .pageNate {
margin-top: 80px;
  -webkit-flex-direction: row; /* Safari */
  flex-direction:         row;
  -webkit-justify-content: space-between; /* Safari */
  justify-content:         space-between;
}


/* ------------------------ */

/* nav
------------------------ */
.quiz .quiz-menu.bottom {
background: #fff;;
font-weight: bold;
padding: 10px;
margin-bottom: 20px;
}

.quiz .quiz-menu.bottom a {
display:block;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
color: #fff;
padding: 5px;
text-align: center;
margin-bottom: 5px;
background: #EB5E44;
}

.quiz .quiz-menu.bottom a.last {
margin-bottom: 0;
}



/* ------------------------------------------------ */
/* ------------------------------------------------ */
@media print, screen and (min-width: 736px) {
/* quiz
------------------------------------------------ */

.quiz .content {
padding: 20px;
}


.quiz .box-quiz {
margin-bottom: 40px;
}

.quiz .question {
  line-height: 100px;
}

.quiz .question.lines {
  line-height: 50px;
}
.quiz .question.linesx3 {
  line-height: 33px;
}

.quiz .answer-area {
  display: -webkit-flex; /* Safari */
  display: flex;
  -webkit-justify-content: space-between; /* Safari */
  justify-content:         space-between;
}

.quiz .answer-area.wide {
display:block;
}

.quiz .answer-area .box-l,
.quiz .answer-area .box-r {
width: 435px;
}

/* ------------------------ */

.quiz .quiz-menu {
margin-bottom: 20px;
text-align: center;
background: #fff;
margin-top: -30px;
padding: 8px;
margin-bottom: 20px;
background: #fff;
text-align: center;
}
.quiz .quiz-menu ul {
color: #EB5E44;
  display: -webkit-flex; /* Safari */
  display: flex;
 border:4px solid #EB5E44;
width: 894px;
margin: 0 auto;
}

.quiz .quiz-menu ul li {
  -webkit-flex-grow: 1; /* Safari */
  flex-grow:         1;
  border-right:2px solid #EB5E44;
    border-left:2px solid #EB5E44;
 }

.quiz .quiz-menu ul li a {
display:block;
 padding: 5px;
}

.quiz .quiz-menu ul li a:hover {
background: #EB5E44;
color: #fff;
text-decoration:none;
}

.quiz .quiz-menu ul li:last-child {
  border-right: none;
}

.quiz .quiz-menu ul li:first-child {
  border-left: none;
}

.quiz .quiz-menu ul li span {
display:block;
font-weight: normal;
}


}


/* oshiete
------------------------------------------------ */

.oshiete .sp-title {
margin-bottom: 20px;
padding: 10px;
background:url(/trend/images/title-l-oshiete-sp-bg.jpg) 0 0;
}
.oshiete .sp-title .mainTitle {
font-size: 150%;
font-weight: bold;
text-align: center;
margin-bottom: 0;
}
 
.oshiete .sp-title .sp-flex {
margin-bottom: 10px;
  -webkit-justify-content: space-around; /* Safari */
  justify-content:         space-around;
}


.oshiete .sp-title .author {
font-weight: bold;
padding-left: 3em;
text-indent: -3em;
margin: 10px 0;
}

.oshiete .content {
margin-bottom: 20px;
padding: 10px;
background: #F4F4F4;
}

.oshiete .oshiete-wrap {
padding-bottom: 10px;
margin-bottom: 10px;
background: url(/trend/images/oshiete-title-bg.gif) repeat-x 0 bottom;
}

.oshiete .sub-visual .mokuji {
text-align: left;
}

.oshiete .sub-visual .mokuji a {
display:block;
color: #333;
}
.oshiete .sub-visual .mokuji a span {
color: #EB5F44;
}

.oshiete h1 {
padding: 0px;
background: none;
color: #333;
font-size: 150%;
margin-bottom: 20px;
padding-bottom: 5px;
background: url(/trend/images/oshiete-title-bg.gif) repeat-x 0 bottom;
}

.oshiete h1 span {
color: #EB5F44;
}

.oshiete .sandBoy {
min-height: 62px;
background: url(/trend/images/oshiete-boy.gif) no-repeat 0 0;
margin-bottom: 20px;
}

.oshiete .sandBoy .text-area {
margin: 0 0 0 80px;
padding: 20px;
background: #D7E8C4;
border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;
}

.oshiete .doctor {
min-height: 64px;
background: url(/trend/images/oshiete-doctor.gif) no-repeat right top;
margin-bottom: 20px;
}

.oshiete .doctor .text-area {
margin: 0 82px 0 0;
padding: 20px;
background: #FEEAB5;
border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;
}


.oshiete .btn-next {
text-align: center;
}

.oshiete .btn-next a {
display:inline-block;
padding: 5px 40px;
background: #D9D9DA;
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
color: #EB5F44;
box-shadow: 0 0 5px rgba(0,0,0,.5);
}

.oshiete .sp-title .mokuji a {
display:inline-block;
padding: 5px 10px;
background: #D9D9DA;
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
color: #EB5F44;
box-shadow: 0 0 5px rgba(0,0,0,.5);
}


.oshiete .sp-title .mokuji a {
display:block;
margin-bottom: 10px;
}


.oshiete .sp-title .mokuji a:hover,
.oshiete .btn-next a:hover {
text-decoration: none;
background: #EB5F44;
color: #fff;
}

.oshiete .figure  {
text-align:center;
background: #fff;
padding: 10px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

.oshiete .figure .cap {
text-align: left;
margin-top: 10px;
font-size: 90%;
}

@media print, screen and (min-width: 736px) {

.oshiete .content {
padding: 20px;

}
.oshiete .sub-visual {
position:relative;
}

.oshiete .sub-visual .mokuji {
position:absolute;
bottom:52px;
left: 310px;
text-align: left;
}

.oshiete .oshiete-wrap {
padding: 0 50px 10px;
margin-bottom: 20px;
background: url(/trend/images/oshiete-title-bg.gif) repeat-x 0 bottom;
}

.oshiete .title-area {
background: url(/trend/images/oshiete-title-bg.gif) repeat-x 0 50% ;
margin-bottom: 20px;text-align: center;
}

.oshiete h1 {
display: inline-block;
padding: 0 20px;
background: none;
color: #333;
font-size: 150%;
text-align: center;
margin-bottom: 0;
background: #F4F4F4;
}

.oshiete .sandBoy {
min-height: 62px;
background: url(/trend/images/oshiete-boy.gif) no-repeat 0 0;
margin-bottom: 20px;
}

.oshiete .sandBoy .text-area {
margin: 0 82px 0 80px;
padding: 20px;
background: #D7E8C4;
border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;
}

.oshiete .doctor {
min-height: 64px;
background: url(/trend/images/oshiete-doctor.gif) no-repeat right top;
margin-bottom: 20px;
}

.oshiete .doctor .text-area {
margin: 0 82px 0 80px;
padding: 20px;
background: #FEEAB5;
border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;
}

.oshiete .banner-3min {
text-align: center;
}
}

/* ------------------------------------------------ */

.shiruniwa .sub-visual .mokuji a {
display:block;
color: #333;
}
.shiruniwa .sub-visual .mokuji a:hover {
color:#EB5E44;
text-decoration:none;
}

.shiruniwa .sub-visual .mokuji a:active {
color:#EB5E44;
text-decoration:none;
}
.shiruniwa .sub-visual .mokuji {
position:absolute;
bottom:65px;
left: 0;
width: 894px;
text-align: center;
font-size: 140%;
}



.shiruniwa .sp-title {
margin-bottom: 20px;
padding: 10px;
background:url(/trend/images/sp-title-l-shiruniwa.jpg) 0 0;
}

.shiruniwa .sp-title .wrap {
background: rgba(255,255,255,0.8);
padding: 0 5px;
}

.shiruniwa .sp-title .mainTitle {
font-size: 150%;
font-weight: bold;
text-align: center;
margin-bottom: 0;
padding: .5em 0;
}
 
.shiruniwa .sp-title .sp-flex {
margin-bottom: 10px;
  -webkit-justify-content: space-around; /* Safari */
  justify-content:         space-around;
}


.shiruniwa .sp-title .author {
font-weight: bold;
padding-left: 3em;
text-indent: -3em;
margin: 10px 0;
}

.shiruniwa .content {
margin-bottom: 20px;
padding: 10px;
background: #F4F4F4;
}


.shiruniwa h1 {
padding: 0px;
background: none;
color: #333;
font-size: 150%;
margin-bottom: 20px;
padding-bottom: 5px;
background: url(/trend/images/oshiete-title-bg.gif) repeat-x 0 bottom;
}



.shiruniwa .sp-title .mokuji a {
display:inline-block;
padding: 5px 10px;
background: #D9D9DA;
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
color: #EB5F44;
box-shadow: 0 0 5px rgba(0,0,0,.5);
}

.shiruniwa .sp-title .mokuji a:hover,
.shiruniwa .btn-next a:hover {
text-decoration: none;
background: #EB5F44;
color: #fff;
}

@media print, screen and (min-width: 736px) {

.shiruniwa .content {
padding: 20px;
}
.shiruniwa .sub-visual {
position:relative;
}

.shiruniwa .title-area {
background: url(/trend/images/oshiete-title-bg.gif) repeat-x 0 50% ;
margin-bottom: 20px;text-align: center;
}

.shiruniwa h1 {
display: inline-block;
padding: 0 20px;
background: none;
color: #333;
font-size: 150%;
text-align: center;
margin-bottom: 0;
background: #F4F4F4;
}
}

/* shiruniwa 20170601
------------------------------------------------ */

.shiruniwa .chigai ul {
list-style: disc;
margin-left: 1em;
}

.shiruniwa .chigai .note {
font-size: 90%;
}

@media screen and (max-width: 735px) {

.shiruniwa .chigai .pageMenu {
list-style: none;
margin: 0 0 20px 0;
padding-bottom: 20px;
border-bottom: 3px solid #EB5E44;
  display: -webkit-flex; /* Safari */
  display: flex;
  -webkit-justify-content: space-between; /* Safari */
  justify-content:         space-between;
}

.shiruniwa .chigai .pageMenu a {
display: block;
text-align: center;
width: 32%;
background: #255B18;
padding: 5px 0;
border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;
color: #fff;
}


.shiruniwa .chigai h1 span {
font-size: 18px;
display:block;
}

.shiruniwa .chigai .box {
border-bottom: 3px solid #EB5E44;
margin-bottom: 20px;
}

.shiruniwa .chigai h2 {
padding: 15px 10px;
background: #255B18;
color: #fff;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
font-size: 100%;
margin-bottom: 10px;
font-weight: bold;
}

.shiruniwa .chigai h3 {
padding: 0 5px;
color: #EB5E44;
font-size: 100%;
margin-bottom: 10px;
border-bottom: 2px dotted #EB5E44;
}

.shiruniwa .chigai .box a {
display:block;
background: #FCA9B0;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
padding: 5px 10px;
color: #333;
}


.shiruniwa .chigai .box p {
margin-bottom: 10px;
}


}


@media print, screen and (min-width: 736px) {
.shiruniwa .chigai table {
background: #fff;
font-size: 90%;
}

.shiruniwa .chigai table th,
.shiruniwa .chigai table td {
border: 1px solid #255B18;
padding: 5px;
}

.shiruniwa .chigai table th {
text-align: center;
background: #F9F3A9;
font-weight: bold;
}

.shiruniwa .chigai table td {
vertical-align: top;
}



.shiruniwa .chigai table a {
display:block;
background:#FCA9B0;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
padding: 5px;
color: #333;
font-weight: normal;
}



.shiruniwa .chigai table a:link {
color: #333;
}

.shiruniwa .chigai table a:hover {
background: #EB5E43;
color: #fff;
}

.shiruniwa .chigai table .col1 {
border-top: 1px solid #255B18;
border-bottom: 1px solid #255B18;
border-left: 1px solid #255B18;
border-right: 1px solid #fff;
background: #255B18;
width: 96px;
color: #fff;
}

.shiruniwa .chigai table th.col2,
.shiruniwa .chigai table th.col3,
.shiruniwa .chigai table th.col4 {
border-top: 1px solid #255B18 !important;
border-bottom: none !important;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
border-color: #fff;
background: #255B18;
width: 260px;
color: #fff;
}

.shiruniwa .chigai table th.col4 {
border-right: 1px solid #255B18;
}

.shiruniwa .chigai table th.col5,
.shiruniwa .chigai table th.col6,
.shiruniwa .chigai table th.col7 {
border-top: none !important;
border-bottom: 1px solid #255B18 !important;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
background: #255B18;
color: #fff;
padding-top: 0;
}

.shiruniwa .chigai table th.col7 {
border-right: 1px solid #255B18;
}

}

/* 20180117 糖尿病3分間ラーニング 血糖トレンド編
------------------------------------------------ */

.trend3min .content-wrap {
padding: 10px;
background: #fff;
margin-bottom: 20px;
}

.trend3min .titleArea {
background: #EEEFF4;
padding: 20px;
}


.trend3min .content {
background: #EEEFF4;
margin: 0;
padding: 0 10px 10px;
}

.trend3min .box {
position:relative;
margin-bottom: 20px;
padding: 20px;
background: #fff;
border: 3px solid #006AB8;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

.trend3min h2 {
border: none;
padding:0;
font-size: 130%;
color: #EB5E44;
padding-left: 3.8em;
text-indent: -3.8em;
}
.trend3min h2 span {
color: #333
}

.trend3min .box .btn {
text-align: center;
}


.trend3min h1 {
margin: 0;
padding: 0;
background: none;
}

@media print, screen and (min-width: 736px) {
.trend3min .titleArea {
text-align: center;
}

.trend3min .box .btn {
position:absolute;
top:30px;
right:20px;
}
.trend3min .box .thumbnail {
display:block;
float: right;
margin-left: 2em;
}

.trend3min .content {
padding: 0 40px 20px;
}

}

/* ------------------------------------------------ */
/* 20180517 yomikata
------------------------------------------------ */

/* layout
------------------------------------------------ */

.yomikata .content {
margin-bottom: 20px;
padding: 10px;
background: #F4F4F4;
}

@media print, screen and (min-width: 736px) {
.yomikata .content {
padding: 20px;
background: #F4F4F4;
}

.yomikata .content-wrap {
padding: 0 100px;
}
}

/* コーナータイトル
------------------------------------------------ */
.yomikata .sub-visual {
background: url(/trend/images/title-yomikata-bg.png) no-repeat 50% 50%;
padding: 20px;
}
.yomikata .cornerTitle {
text-align: center;
}

.yomikata .cornerTitle span {
display: inline-block;
padding: 0 5px;
background: #fff;
font-size: 140%;
margin-bottom: 20px;
font-weight: bold;
}

.yomikata .sub-visual img {
display: none;
}
.yomikata .sub-visual .lead,
.yomikata .sub-visual .textR {
text-align: left;
}

.yomikata .sub-visual .textR {
font-weight: bold;
}

.yomikata .sub-visual .lead,
.yomikata .sub-visual .lead p {
margin-bottom: 1em;
}

@media print, screen and (min-width: 736px) {
.yomikata .cornerTitle {
display: none;
}
.yomikata .sub-visual {
position:relative;
background: #fff;
padding: 11px;
}
.yomikata .sub-visual img {
display: block;
}
.yomikata .sub-visual .lead {
position:absolute;
top: 130px;
left:0;
text-align: center;
width: 916px;
}
.yomikata .sub-visual .lead p {
font-size: 120%;
margin-bottom: 20px;
font-weight: bold;
}

.yomikata .sub-visual .textR {
font-weight: normal;
text-align: right;
}
}

/* ページタイトル h1
------------------------------------------------ */

.yomikata .title-area h1 {
padding: 0px;
background: none;
color: #333;
font-size: 180%;
margin-bottom: 20px;
padding-bottom: 5px;
background: url(/trend/images/oshiete-title-bg.gif) repeat-x 0 bottom;
font-weight: bold;
}

@media print, screen and (min-width: 736px) {
.yomikata .title-area {
background: url(/trend/images/oshiete-title-bg.gif) repeat-x 0 50% ;
margin-bottom: 20px;text-align: center;
}

.yomikata .title-area h1 {
display: inline-block;
padding: 0 20px;
text-align: center;
margin-bottom: 0;
background: #F4F4F4;
}
}

/* 文字など
------------------------------------------------ */

.yomikata .punctuate {
color: #EB5E44;
font-weight: bold;
font-size: 120%;
}
.yomikata .punctuate2 {
color: #779B2E;
font-weight: bold;
font-size: 120%;
}
.yomikata .punctuate3 {
color: #2E499B;
font-weight: bold;
font-size: 120%;
}

.yomikata .waku {
padding: 1em;
border: 2px solid #EB5E44;
border-radius: 10px;
margin-bottom: 1em;
background: #fff;
}

.yomikata .cyu {
color: #EB5E44;
}

.yomikata ul.disc {
list-style: disc;
margin-left: 1em;
margin-bottom: 1em;
padding-left: 1em;
}

.yomikata ul.cyu {
margin-bottom: 1em;
padding-left: 1em;
text-indent: -1em;
}

@media print, screen and (min-width: 736px) {
.yomikata .lead {
text-align: center;
}
}

/* ------------------------------------------------ */

.yomikata ul.point {
font-size: 120%;
}

.yomikata ul.point li {
padding: .5em 0;
border-bottom: 2px dotted #EB5E44;
padding-left: 1.4em;
text-indent: -1.4em;
}

.yomikata ul.point li:before {

font-family: FontAwesome;
content : "\f14a";
margin-right: .5em;
color: #EB5E44;
}

.yomikata ul.point li:first-child {
padding-top: 0;
}

.yomikata ul.point li:last-child {
padding-bottom: 0;
border: none;
}

@media print, screen and (min-width: 736px) {
.yomikata ul.point li {
padding: .5em 5em;
border-bottom: 2px dotted #EB5E44;
}

}

/* 図版
------------------------------------------------ */

.yomikata .figure {
text-align: center;
margin-bottom: 1em;
}

.yomikata .figure .title {
font-weight: bold;
}

/* ページボタン
------------------------------------------------ */

.yomikata ul.buttons {
margin-bottom: 2em;
font-weight: bold;
}



.yomikata .buttons a {
display:block;
color: #fff;
padding: .5em;
margin-bottom: .5em;
}

.yomikata .buttons .n1 a {
background: #FF8EAA;
}

.yomikata .buttons .n1 a:hover {
background: #FF4271;
}

.yomikata .buttons .n2 a {
background: #9AE587;
}

.yomikata .buttons .n2 a:hover {
background: #63E542;
}

.yomikata .buttons .n3 a {
background: #F9C063;
}

.yomikata .buttons .n3 a:hover {
background: #F9A318;
}

@media print, screen and (min-width: 736px) {
.yomikata ul.buttons {
text-align: center;
}

.yomikata ul.buttons {
padding: 0 200px;
text-align: center;
font-weight: bold;
}
.yomikata ul.buttons.bottom {
padding: 0 100px;
}
}

/* 20180906 血糖トレンドフォーラム
------------------------------------------------ */

.forum .sub-visual .wrap {
background: #F9D3CC;
padding: 10px;
text-align: left;
}

.forum .lead {
margin-bottom: 0;
text-align: left;
}

.forum .sub-visual .wrap .title {
font-size: 130%;
font-weight: bold;
}

.forum .content {
background: #fff;
margin-bottom: 20px;
}

.forum a.box {
display:block;
color: #333;
}

.forum a.box.libre {
border-bottom: 2px dotted #eb5e43;
}

.forum a.box .wrap-flex {
padding: 10px;
}


.forum a.box .wrap-flex:hover {
background: #F9D3CC;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}

.forum .box .wrap-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
     -ms-flex-pack: justify;
   justify-content: space-between;
}

.forum .box .wrap-flex .text {
width: 60%;
}
.forum .box .wrap-flex .thumbnail {
width: 38%;
}


.forum .box .title {
font-size: 130%;
padding: 10px;
color: #fff;
text-align: center;
background: #eb5e43;
margin-bottom: 10px;
}

@media print, screen and (min-width: 736px) {

.forum .sub-visual .wrap {
width: 834px;
margin: 0 auto;
padding: 30px;
text-align: center;
}

.forum a.box .wrap-flex {
padding: 20px;
}

.forum .sub-visual .wrap .title {
margin-bottom: 30px;
}

.forum .sub-visual .wrap .title {
margin-bottom: 30px;
}

.forum a.box {
display:block;
margin: 0 70px;
color: #333;
}
.forum .box .title {
font-size: 150%;
padding: 20px;
color: #fff;
text-align: center;
background: #eb5e43;
margin-bottom: 30px;
}


}