@charset "UTF-8";
/*
 Theme Name: SANGO Child
 Theme URI: https://saruwakakun.design
 Author: SARUWAKA
 Author URI: https://saruwakakun.com
 Template: sango-theme
*/
/*こちらはSANGOの子テーマ用CSSです。以下にCSSを記入していきましょう。*/


body{
	background-color: #444;
	font-family:Helvetica,Arial,Hiragino Sans,"ヒラギノ角ゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;
}

.header {
    background: transparent;
	background-color: #444 !important;
    margin-top: 10px;
    margin-bottom: 0px;
    text-align: center;
	box-shadow: none;
}
.article-header {
    margin: 15px;
}
@media only screen and (max-width: 767px){
.article-header {
    margin: 0;
}
}
@media only screen and (min-width: 768px){
.article-header {
    margin: 15px;
}
.page-title {
    margin: 5px 5px 0px 0px !important;
}
}
@media only screen and (min-width: 1030px){
.article-header {
    margin: 15px;
}
}


#entry {
    border-radius: 0px;
}

.entry-content ul {
    padding: 1.5em 1em 1.5em 1.5em;
    border: solid 1px #dcdcdc;
}

.widget {
    border-radius: 4px;
}
.widgettitle {
    background-image: linear-gradient(60deg, #29323c 0%, #485563 100%);
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}


h1{
    font-size: 1em;
    line-height: 1.3;
}
.entry-content {
    padding:15px!important;
}
.page-title {
    margin: 5px 15px 0px 15px;
    padding: 5px 0px;
    font-size: 1.2em;
}


.entry-content h2 {
    font-weight: bold;
    color: #fff;
    border-radius: 2px;
    padding: 8px;
    line-height: 1.3;
    position: relative;
    background: #FF5722;
}
.entry-content h2:before{
	content:"\f2e7";
  font-family: "Font Awesome 5 Free";
	color:#fff;
	font-weight:bold;
  display: inline-block;
	padding-right:5px;
}

.entry-content h3 {
    color: #fff;
    border-left-style: none;
    border-radius: 2px;
    padding: 8px;
    line-height: 1.3;
    background: #FF9800;
    font-size: 1em;
}
.entry-content h3:before{
	content:"\f787";
  font-family: "Font Awesome 5 Free";
	color:#fff;
	font-weight:bold;
  display: inline-block;
	padding-right:3px;
}

.entry-content strong {
    background: #ffbfbb5c;
    padding: 2px;
}


.entry-content table {
    border: 2px solid #FFC107;
}
.entry-content td {
    border-right: 2px solid #FFC107;
}
.entry-content td:last-child{
    font-size: 0.8em;
}
.entry-content tr:not(:last-child) {
    border-bottom: 2px solid #FFC107;
}

table.nutrition td:nth-child(4+X){
	font-size:0.8em
}




td.orange{
    background: #fff9da;
    color: #FF9800;
    font-weight: bold;
}


section ul {
  border: solid 1px whitesmoke;
  padding: 0.5em 1em 0.5em 2.3em;
  position: relative;
  background: #fafafa;
}

section ul li {
  line-height: 1.5;
  padding: 0.5em 0;
  list-style-type: none!important;
}

section ul li:before {
  font-family: "FontAwesome";
  content: "\f0da";
  position: absolute;
  left : 1em; /*左端からのアイコンまで*/
  color: #ffb36b; /*アイコン色*/
}










.rate-box {
    max-width: 100%;
}




*, *:before, *:after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.cp_cssslider {
    width: 100%;
    padding-top: 230px;
    position: relative;
    margin: 0em auto;
    margin-top: 0em;
    text-align: center;
}
.cp_cssslider > img {
position: absolute;
left: 0;
top: 0;
transition: all 0.5s;
border-radius: 0px;
box-shadow:0px 0px 5px 0px rgba(0,0,0,0.3);
}
.cp_cssslider input[name='cp_switch'] {
display: none;
}
/* サムネイル */
.cp_cssslider label {
margin: 15px 5px 0 5px;
border: 2px solid #ffffff;
display: inline-block;
cursor: pointer;
transition: all 0.5s ease;
opacity: 0.6;
border-radius: 4px;
}
.cp_cssslider label:hover {
opacity: 0.9;
}
.cp_cssslider label img {
display: block;
width: 75px;
border-radius: 2px;
}
.cp_cssslider input[name='cp_switch']:checked + label {
border: 2px solid #FF7043;
opacity: 1;
}
.cp_cssslider input[name='cp_switch'] ~ img {
opacity: 0;
}
.cp_cssslider input[name='cp_switch']:checked + label + img {
opacity: 1;
}


@media screen and (max-width: 320px) {
.cp_cssslider {
    padding-top: 235px;
}
.cp_cssslider label img {
    width: 62px;
}
.word_on_photo {
    left: 2%;
    bottom: 25%;
}
.protein_on_photo, .fat_on_photo, .carbohydrate_on_photo{
    bottom: 38.5%;
}
.protein_on_photo {
    left: 4.5%;
}
.fat_on_photo {
    left: 30%;
}
.carbohydrate_on_photo {
    left: 45%;
}
}
@media screen and (min-width: 321px) and (max-width: 375px) {
.cp_cssslider {
    padding-top: 275px;
}
.cp_cssslider label img {
    width: 72px;
}
.protein_on_photo, .fat_on_photo, .carbohydrate_on_photo{
    bottom: 33%;
}
.protein_on_photo{
    left: 4%;
}
.fat_on_photo{
    left: 25%;
}
.carbohydrate_on_photo{
    left: 37%;
}
}
@media screen and (min-width: 376px) and (max-width: 414px) {
.cp_cssslider {
    padding-top: 305px;
}
.cp_cssslider label img {
    width: 80px;
}
.protein_on_photo, .fat_on_photo, .carbohydrate_on_photo{
    bottom: 31.5%;
}
.protein_on_photo{
    left: 4%;
}
.fat_on_photo {
    left: 24%;
}
.carbohydrate_on_photo {
    left: 35.7%;
}
}
@media screen and (min-width: 415px) and (max-width: 568px) {
.cp_cssslider {
    padding-top: 425px;
}
.cp_cssslider label img {
    width: 120px;
}
.protein_on_photo, .fat_on_photo, .carbohydrate_on_photo {
    bottom: 31%;
}
.protein_on_photo{
    left: 4%;
}
.fat_on_photo {
    left: 19%;
}
.carbohydrate_on_photo {
    left: 27.7%;
}
}
@media screen and (min-width: 569px) and (max-width: 667px) {
.cp_cssslider {
    padding-top: 500px;
}
.cp_cssslider label img {
    width: 145px;
}
.protein_on_photo, .fat_on_photo, .carbohydrate_on_photo {
    bottom: 30%;
}
.fat_on_photo {
    left: 17%;
}
.carbohydrate_on_photo {
    left: 24.5%;
}
}
@media screen and (min-width: 668px) and (max-width: 736px) {
.cp_cssslider {
    padding-top: 550px;
}
.cp_cssslider label img {
    width: 160px;
}
.protein_on_photo, .fat_on_photo, .carbohydrate_on_photo {
    bottom: 30%;
}
.fat_on_photo {
    left: 16%;
}
.carbohydrate_on_photo {
    left: 23%;
}
}
@media screen and (min-width: 737px) and (max-width: 823px) {
.cp_cssslider {
    padding-top: 340px;
}
.cp_cssslider label img {
    width: 88px;
}
.word_on_photo {
    bottom: 30% !important;
}
.protein_on_photo, .fat_on_photo, .carbohydrate_on_photo {
    bottom: 36%;
}
.protein_on_photo {
    left: 4%;
}
.fat_on_photo {
    left: 24%;
}
.carbohydrate_on_photo {
    left: 35.5%;
}
}
@media screen and (min-width: 824px) and (max-width: 1024px) {
.cp_cssslider {
    padding-top: 440px;
}
.cp_cssslider label img {
    width: 130px;
}
.protein_on_photo, .fat_on_photo, .carbohydrate_on_photo {
    bottom: 31%;
}
.protein_on_photo {
    left: 4%;
}
.fat_on_photo {
    left: 19%;
}
.carbohydrate_on_photo {
    left: 28%;
}
}
@media screen and (min-width: 1025px) and (max-width: 1366px) {
.cp_cssslider {
    padding-top: 520px;
}
.cp_cssslider label img {
    width: 155px;
}
.protein_on_photo, .fat_on_photo, .carbohydrate_on_photo {
    bottom: 30%;
}
.protein_on_photo {
    left: 4%;
}
.fat_on_photo {
    left: 17%;
}
.carbohydrate_on_photo {
    left: 25%;
}
}
@media screen and (min-width: 1367px){
.cp_cssslider {
    padding-top: 520px;
}
.cp_cssslider label img {
    width: 155px;
}
.protein_on_photo, .fat_on_photo, .carbohydrate_on_photo {
    bottom: 29%;
}
.protein_on_photo {
    left: 4%;
}
.fat_on_photo {
    left: 18%;
}
.carbohydrate_on_photo {
    left: 26.5%;
}
}


.word_on_photo{
    position: absolute;
    z-index: 999;
    color: #ffffff;
    font-weight: bold;
	text-align:left;
	line-height:1.2;
    left: 4%;
    bottom: 25%;
}
.protein_on_photo, .fat_on_photo, .carbohydrate_on_photo{
	position: absolute;
    z-index: 999;
    color: #ffffff;
    font-weight: bold;
    font-size: 0.7em;
    border-radius: 2px;
    padding: 0em 0.4em;
}
.protein_on_photo{
    background: #ffc107;
}
.fat_on_photo{
    background: #fab;
}
.carbohydrate_on_photo{
    background: #668ad8;
}





.row {
    display: flex;
    background: transparent;
    margin-left: -5px;
    margin-right: -5px;
}
.col1, .col2, .col3, .col4 {
  width: 100%;
}
.num1, .num2, .num3, .num4 {
    text-align: center;
    font-size: 1.2rem;
    margin: 5px;
    padding: 3px 0;
    border-radius: 3px;
	font-weight:bold;
	color:#fff;
}
.num1{
	background-color:#ffb36b;
}
.num2{
	background-color:#fab;
}
.num3{
	background-color:#668ad8;
}
.num4{
	background-color:#555;
}
.col1:before, .col2:before, .col3:before, .col4:before {
    font-size: 0.8em;
	font-weight:bold;
    text-align: center;
    display: block;
    margin-bottom: -5px;
}
.col1:before{
    content: "たんぱく質";
	color:#ffb36b;
}
.col2:before{
	content: "脂質";
	color:#fab;
}
.col3:before{
	content: "炭水化物";
	color:#668ad8;
}
.col4:before{
	content: "カロリー";
	color:#555;
}



.row2 {
    display: flex;
    background: transparent;
    margin: 5px;
}
.col_a, .col_b, .col_c, .col_d {
  width: 100%;
}
.num_a_1, .num_b_1, .num_c_1, .num_d_1 {
    text-align: center;
    font-size: 2em;
    font-weight: bold;
    margin: 5px 5px 0px 5px;
    padding: 10px 0;
    border-radius: 0px;
    color: #ffffff;
    line-height: 1;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}
.num_a_1{
    background: #ffc107;
}
.num_b_1{
    background: #ff89a0;
}
.num_c_1{
    background: #668ad8;
}
.num_a_2, .num_b_2, .num_c_2, .num_d_2 {
    text-align: center;
    font-size: 1em;
    font-weight: bold;
    margin: 0px 5px 0px 5px;
    padding: 6px 0;
    border-radius: 0px;
    color: #ffffff;
    line-height: 1;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
}
.num_a_2{
    background: #fddd7f;
}
.num_b_2{
    background: #fab;
}

.num_c_2{
    background: #a9c1f5;
}












.nothumb .page-title:after {
  display:none;
}















#breadcrumb {
    display: none;
}







.food_top {
    display: flex;
    padding: 16px;
    margin: 10px 10px 0px 10px;
    border-radius: 2px;
    color: #ffffff;
    background-position: center;
	 background-size: cover;
    position: relative;
}
.food_top::before {
    background-color: rgba(0,0,0,0.4);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: ' ';
}


.top_left{
    display: block;
    margin-right: 10px !important;
    flex: 1;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    background-position: center;
    line-height: 1;
    z-index: 1;
}
.top_left img {
    width: 92px;
    margin-left: 0px;
    border-radius: 2px;
    box-shadow: 2px 2px 4px -1px #32373c;
}

.top_right {
    text-align: right;
    z-index: 1;
    width: 70%;
    line-height: 1;
}
.top_right .common_name {
    font-size: 1em;
	 font-weight:bold;
    margin: 0 0 5px;
    display: block;
}
.top_right a {
    text-decoration:underline;
}
.top_right p.middle{
    margin: 0;
    font-size: 0.8em;
}
.top_right p.bottom{
    margin: 20px 0 0 0;
    vertical-align: bottom;
    font-size: 1em;
    line-height: 1;
}



.scroll-nav {
    height: 40px;
    overflow-y: hidden;
    background: #eaedf2;
    margin: 0 10px;
    border-radius: 2px;
}

/* 中身がスクロールするビュー */
.scroll-nav__view {
  -webkit-overflow-scrolling: touch;
  overflow-x: scroll;
}

/* 実際にスクロールするオブジェクト */
.scroll-nav__list {
  /* tableにすることで、横幅指定をすることなくmargin: autoによる中央寄せが可能になる */
  display: table;
  list-style: none;
  margin: 0 auto;
  /* 下方向に余分なpadding部分を持たせ、そこにスクロールバーが表示される */
  padding: 0 0 24px 0;
}

.scroll-nav__item {
  /* itemを横並びに、かつ親要素がその親要素の横幅からはみだすことが可能になる */
  display: table-cell;
  font-weight:bold;
}

.scroll-nav a {
  display: block;
  padding: 12px;
  /* 文字列の自動改行を禁止 */
  white-space: nowrap;
    font-size: 0.8em !important;
    font-weight: bold;
    text-decoration: underline;
    text-align: center;
    border-right: 1px solid #ddd;
    margin: 0 !important;
}
.scroll-nav li.scroll-nav__item:last-child a {
    border-right: none;
}
.scroll-nav a.related::before {
    content: '関連食品';
    padding: 3px 6px;
	background:orange;
}











table.fooddata{
    width: 100%;
	 margin-bottom:15px;
}
table.fooddata tr{
    border-bottom: 1px solid #e0e0e0;
}
table.fooddata th{
    padding: 10px 10px;
    font-size: 0.8em;
    font-weight: normal;
    float: left;
}
table.fooddata td{
    padding: 7px 10px;
    float: right;
}
table.fooddata td.related_food{
    max-width: 65%;
    line-height: 1.2;
    font-size: 0.8em;
	 padding:10px;
}
table.fooddata td.related_food a{
    text-decoration: underline;
    display: block;
    margin: 3px 0;
}
table.fooddata td.related_food a:before {
    content: '\f0c1';
    display: inline-block;
    font-family: "FontAwesome";
    padding-right: 3px;
    color: #aaa;
}


table.fooddata2{
    width: 90%;
    margin: 0 auto;
    margin-top: 5px;
    margin-bottom: 15px;
}
table.fooddata2 tr{
    border-bottom: 1px solid #e0e0e0;
	 line-height:1.2;
}
table.fooddata2 th {
    padding: 5px 10px;
    font-size: 0.8em;
    font-weight: normal;
    float: left;
}
table.fooddata2 td {
    padding: 4px 10px;
    float: right;
}



#searchform div {
    position: relative;
    max-width: 100%;
    margin: 10px 0px;
}
#searchsubmit {
    background-color: #ffb36b !important;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    position: absolute;
    top: 0;
    right: 0;
    width: 45px;
    height: 45px;
    padding: 0;
    border: none;
    color: aliceblue;
    font-size: 20px;
    text-align: center;
    vertical-align: middle;
    line-height: 40px;
}




table.nutrition {
    border: none;
    width: 100%;
    line-height: 1.2;
    color: #555;
    display: table-cell;
    padding: 0 1em;
	height:150px;
}
table.nutrition tbody{
	width: 100%;
    display: inline-table;
}
table.nutrition td{
	font-size:0.8em;
}

.background{
    padding: 10px;
    background-color: #8be4f0;
    background-image: linear-gradient(-90deg, #80deea 50%, transparent 50%, transparent);
    background-size: 14px 14px;
}
.background table.nutrition{
    background: #fff;
    border-radius: 2px;
    display: block;
}










.explain_box {
    margin: 10px;
    padding: 10px 10px;
    border: 1px solid #e0e0e0;
    border-radius: 2px;
    font-size: 0.8em;
    line-height: 1.4;
}
.explain_box a{
	text-decoration:underline;
}


a.related {
    margin: 0;
    display: block;
    line-height: 1.6;
    font-size: 1em;
    font-weight: bold;
}
a.related::before {
    content: '関連';
    color: #ffffff;
    background: #ffb36b;
    padding: 3px 9px;
    display: inline-block;
    margin-right: 8px;
    margin-top: -3px;
    line-height: 1.2;
    border-radius: 2px;
    font-size: 0.8em;
    vertical-align: text-top;
}




.scroll{
    max-width: 1000px;
    overflow: auto;
}
.scroll table {
    table-layout: fixed;
    min-width: 100%;
	border:1px solid #eee;
}
.scroll table tr{
	border-bottom:1px solid #eee !important;
}
.scroll table th {
    width: 75px;
    padding: 5px;
    line-height: 1.4;
	border:1px solid #eee;
}
.scroll table td {
    width: 100px;
	padding:5px;
	border:1px solid #eee;
	text-align:right;
    line-height: 1.4;
}
.scroll table th:first-child {
    width: 150px;
    font-size: 0.8em;
    text-align: left;
}
.scroll table td:first-child {
    width: 150px;
	line-height:1.4;
	font-size:1em;
	text-align:left;
}
.scroll table td:last-child {
	font-size:1em;
}









section ul li:before {
    display:none;
}








.cp_actab {
	position: relative;
	overflow: hidden;
	width: 100%;
	margin: 0 auto;
	color: #ffffff;
}
.cp_actab input {
	position: absolute;
	z-index: -1;
	opacity: 0;
}
.cp_actab label {
    font-weight: bold;
    line-height: 3;
    position: relative;
    display: block;
    padding: 0 0 0 1em;
    cursor: pointer;
    margin: 0 0 1px 0;
    background: transparent;
    color: #32373c;
    border-bottom: 1px solid #eaeaea;
	font-size:1em;
}
.cp_actab .cp_actab-content {
    overflow: hidden;
    max-height: 0;
    -webkit-transition: max-height 0.35s;
    transition: max-height 0.35s;
    color: #333333;
    background: transparent;
}
.cp_actab .cp_actab-content p {
	margin: 1em;
}
/* :checked */
.cp_actab input:checked ~ .cp_actab-content {
	max-height: 1000em;
}
/* Icon */
.cp_actab label::after {
	line-height: 3;
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 3em;
	height: 3em;
	-webkit-transition: all 0.35s;
	transition: all 0.35s;
	text-align: center;
}
.cp_actab input[type=checkbox] + label::after {
	content: '+';
}
.cp_actab input[type=checkbox]:checked + label::after {
	transform: rotate(315deg);
}


.cp_actab ul{
    margin: 0.5em 0.5em 0.5em 30px;
}
.cp_actab li{
	padding: 0px 10px 0px 0px;
    border-bottom: 1px solid #eaeaea;
	font-weight:bold;
	font-size:1em;
}

.cp_actab a{
	display:block;
	padding: 8px 0;
}












table.calendar {
    display: table;
    width: 100%;
    text-align: center;
}
table.calendar td{
	font-weight:bold;
}
table.calendar td a {
    display: block;
    font-size: 20px;
    background: aliceblue;
    border-radius: 2px;
    margin: 1px;
}









@media screen and (max-width: 600px) {
    #mini-calendar thead {
        display: none;
    }
    #mini-calendar th,
    #mini-calendar td {
        display: block;
        width: 100%;
        padding: 0;
    }
    #mini-calendar td {
        height: auto;
        display: -webkit-flex;
        display: flex;
    }
    #mini-calendar .calendar-none {
        display: none
    }
 
    #mini-calendar .calendar-labels {
        padding: 5px;
    }
    #mini-calendar [class*=calender-label] {
        display: inline-block;
        padding: 5px;
        margin-top: 0;
        margin-right: 5px;
        font-size: 12px;
    }
 
    /* 日付 */
    #mini-calendar td .calendar-day-number {
        font-weight: normal;
        padding: 7px;
        font-size: 18px;
        display: block;
        background: #f2e6cd;
        margin-bottom: 0;
        width: 75px;
        height: auto;
    }
    #mini-calendar td.calendar-holiday .calendar-day-number,
    #mini-calendar td.calendar-sun .calendar-day-number {
        background: #f8c7c7;
    }
    #mini-calendar td.calendar-sat .calendar-day-number {
        background: #c8ebfe;
    }
    /* モバイル用曜日を追加 */
    #mini-calendar td i:after {
        font-size: 12px;
        position: relative;
        left: -5px;
    }
    #mini-calendar td:nth-child(1) i:after {
        content: "（日）";
    }
    #mini-calendar td:nth-child(2) i:after {
        content: "（月）";
    }
    #mini-calendar td:nth-child(3) i:after {
        content: "（火）";
    }
    #mini-calendar td:nth-child(4) i:after {
        content: "（水）";
    }
    #mini-calendar td:nth-child(5) i:after {
        content: "（木）";
    }
    #mini-calendar td:nth-child(6) i:after {
        content: "（金）";
    }
    #mini-calendar td:nth-child(7) i:after {
        content: "（土）";
    }
}






rt {
    font-size: 33%;
}






table.daybyday tr {
    width: 100%;
}
table.daybyday td:first-child {
    background: #6bb6ff;
    font-weight: bold;
    color: #fff;
    width: 10%;
    text-align: center;
    padding: 10px;
    border-bottom: 1px solid #cce7ff;
    word-break: keep-all;
}
table.daybyday td:last-child {
    background: #f4f9fe;
    width: 50%;
    padding: 10px;
    border-bottom: 1px solid #cce7ff;
    line-height: 2.5;
}

table.daybyday td:last-child a {
    color: #ffffff;
    padding: 5px 5px;
    line-height: 1.4;
    font-size: 1em;
    display: -webkit-inline-box;
    font-weight: bold;
    margin: 10px 10px 10px 0;
    border-radius: 2px;
    background: #ffb36b;
    box-shadow: 1px 1px 1px #555d6691;
}



table.daybyday td:last-child a.linktoday {
    background: transparent;
    color: #68a0f0;
    box-shadow: none;
    font-size: 0.8em;
    display: block;
    margin: 0;
    float: right;
    padding: 15px 0 0 0;
	line-height:1.2;
    text-decoration: underline;
}











.entry-content blockquote{
    border: none;
    border-radius: 2px;
    background: #f9f9f9;
}




.scroll strong {
    background: linear-gradient(transparent 60%, #fff707 60%);
}









blockquote.wp-embedded-content p{
	margin:0;
}







.yyi-rinker-title{
    padding-left: 10px;
    line-height: 1;
    font-weight: bold;
    font-size: 1em;
}
ul.yyi-rinker-links{
	display:inline;
}














.modal_btn1,.modal_btn2,.modal_btn3,.modal_btn4,.modal_btn5,.modal_btn6,.modal_btn7,.modal_btn8,.modal_btn9,.modal_btn10,.modal_btn11,.modal_btn12,.modal_btn13,.modal_btn14,.modal_btn15,.modal_btn16,.modal_btn17,.modal_btn18,.modal_btn19,.modal_btn20,.modal_btn21,.modal_btn22,.modal_btn23,.modal_btn24,.modal_btn25,.modal_btn26,.modal_btn27,.modal_btn28,.modal_btn29,.modal_btn30,.modal_btn31,.modal_btn32,.modal_btn33 {
    position: relative;
    text-align: center;
    transition: box-shadow 250ms ease;
	text-decoration:underline;
}

.modal_btn1::after,.modal_btn2::after,.modal_btn3::after,.modal_btn4::after,.modal_btn5::after,.modal_btn6::after,.modal_btn7::after,.modal_btn8::after,.modal_btn9::after,.modal_btn10::after,.modal_btn11::after,.modal_btn12::after,.modal_btn13::after,.modal_btn14::after,.modal_btn15::after,.modal_btn16::after,.modal_btn17::after,.modal_btn18::after,.modal_btn19::after,.modal_btn20::after,.modal_btn21::after,.modal_btn22::after,.modal_btn23::after,.modal_btn24::after,.modal_btn25::after,.modal_btn26::after,.modal_btn27::after,.modal_btn28::after,.modal_btn29::after,.modal_btn30::after,.modal_btn31::after,.modal_btn32::after,.modal_btn33::after {
	content: "\f128";
    font-family: 'FontAwesome';
    color: blue;
    font-weight: bold;
    font-size: 0.8em;
    position: relative;
    display: none;
    vertical-align: bottom;
    padding-left: 2px;
}

.modal_bg1,.modal_bg2,.modal_bg3,.modal_bg4,.modal_bg5,.modal_bg6,.modal_bg7,.modal_bg8,.modal_bg9,.modal_bg10,.modal_bg11,.modal_bg12,.modal_bg13,.modal_bg14,.modal_bg15,.modal_bg16,.modal_bg17,.modal_bg18,.modal_bg19,.modal_bg20,.modal_bg21,.modal_bg22,.modal_bg23,.modal_bg24,.modal_bg25,.modal_bg26,.modal_bg27,.modal_bg28,.modal_bg29,.modal_bg30,.modal_bg31,.modal_bg32,.modal_bg33 {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: 10;
	visibility: hidden;
	transition: background-color 250ms linear;
}

.modal_cont1,.modal_cont2,.modal_cont3,.modal_cont4,.modal_cont5,.modal_cont6,.modal_cont7,.modal_cont8,.modal_cont9,.modal_cont10,.modal_cont11,.modal_cont12,.modal_cont13,.modal_cont14,.modal_cont15,.modal_cont16,.modal_cont17,.modal_cont18,.modal_cont19,.modal_cont20,.modal_cont21,.modal_cont22,.modal_cont23,.modal_cont24,.modal_cont25,.modal_cont26,.modal_cont27,.modal_cont28,.modal_cont29,.modal_cont30,.modal_cont31,.modal_cont32,.modal_cont33 {
	position: fixed;
	top: 35%;
	left: 50%;
	width: 50%;
	height: auto;
	max-height:95%;
	overflow-y: scroll;
	margin-top: -18%;
	margin-left: -25%;
	padding: 20px 30px;
	background-color: white;
	border-radius: 4px;
	box-shadow: 0 0 50px rgba(0, 0, 0, 0.5);
	transform: scale(0);
	transition: transform 250ms ease;
	visibility: hidden;
	z-index: 20;
}

p.modal_exp{
	line-height: 1.4;
	margin-top: 0px;
	font-size:14px;
}
p.modal_exp img{
	padding:10px 0px;
}

.modal_cl1,.modal_cl2,.modal_cl3,.modal_cl4,.modal_cl5,.modal_cl6,.modal_cl7,.modal_cl8,.modal_cl9,.modal_cl10,.modal_cl11,.modal_cl12,.modal_cl13,.modal_cl14,.modal_cl15,.modal_cl16,.modal_cl17,.modal_cl18,.modal_cl19,.modal_cl20,.modal_cl21,.modal_cl22,.modal_cl23,.modal_cl24,.modal_cl25,.modal_cl26,.modal_cl27,.modal_cl28,.modal_cl29,.modal_cl30,.modal_cl31,.modal_cl32,.modal_cl33 {
    background: #F44336;
    padding: 5px 10px;
    border-radius: 2px;
    color: #fff;
    display: block;
    text-align: center;
}


#modal1,#modal2,#modal3,#modal4,#modal5,#modal6,#modal7,#modal8,#modal9,#modal10,#modal11,#modal12,#modal13,#modal14,#modal15,#modal16,#modal17,#modal18,#modal19,#modal20,#modal21,#modal22,#modal23,#modal24,#modal25,#modal26,#modal27,#modal28,#modal29,#modal30,#modal31,#modal32,#modal33 {
	display: none;
}

#modal1:checked ~ .modal_bg1,#modal2:checked ~ .modal_bg2,#modal3:checked ~ .modal_bg3,#modal4:checked ~ .modal_bg4,#modal5:checked ~ .modal_bg5,#modal6:checked ~ .modal_bg6,#modal7:checked ~ .modal_bg7,#modal8:checked ~ .modal_bg8,#modal9:checked ~ .modal_bg9,#modal10:checked ~ .modal_bg10,#modal11:checked ~ .modal_bg11,#modal12:checked ~ .modal_bg12,#modal13:checked ~ .modal_bg13,#modal14:checked ~ .modal_bg14,#modal15:checked ~ .modal_bg15,#modal16:checked ~ .modal_bg16,#modal17:checked ~ .modal_bg17,#modal18:checked ~ .modal_bg18,#modal19:checked ~ .modal_bg19,#modal20:checked ~ .modal_bg20,#modal21:checked ~ .modal_bg21,#modal22:checked ~ .modal_bg22,#modal23:checked ~ .modal_bg23,#modal24:checked ~ .modal_bg24,#modal25:checked ~ .modal_bg25,#modal26:checked ~ .modal_bg26,#modal27:checked ~ .modal_bg27,#modal28:checked ~ .modal_bg28,#modal29:checked ~ .modal_bg29,#modal30:checked ~ .modal_bg30,#modal31:checked ~ .modal_bg31,#modal32:checked ~ .modal_bg32,#modal33:checked ~ .modal_bg33 {
	visibility: visible;
	background-color: #000000;
	opacity: 0.7;
	transition: background-color 250ms linear;
}

#modal1:checked ~ .modal_cont1,#modal2:checked ~ .modal_cont2,#modal3:checked ~ .modal_cont3,#modal4:checked ~ .modal_cont4,#modal5:checked ~ .modal_cont5,#modal6:checked ~ .modal_cont6,#modal7:checked ~ .modal_cont7,#modal8:checked ~ .modal_cont8,#modal9:checked ~ .modal_cont9,#modal10:checked ~ .modal_cont10,#modal11:checked ~ .modal_cont11,#modal12:checked ~ .modal_cont12,#modal13:checked ~ .modal_cont13,#modal14:checked ~ .modal_cont14,#modal15:checked ~ .modal_cont15,#modal16:checked ~ .modal_cont16,#modal17:checked ~ .modal_cont17,#modal18:checked ~ .modal_cont18,#modal19:checked ~ .modal_cont19,#modal20:checked ~ .modal_cont20,#modal21:checked ~ .modal_cont21,#modal22:checked ~ .modal_cont22,#modal23:checked ~ .modal_cont23,#modal24:checked ~ .modal_cont24,#modal25:checked ~ .modal_cont25,#modal26:checked ~ .modal_cont26,#modal27:checked ~ .modal_cont27,#modal28:checked ~ .modal_cont28,#modal29:checked ~ .modal_cont29,#modal30:checked ~ .modal_cont30,#modal31:checked ~ .modal_cont31,#modal32:checked ~ .modal_cont32,#modal33:checked ~ .modal_cont33 {
	visibility: visible;
	transform: scale(1);
	transition: transform 250ms ease;
	z-index: 111;
}

@media only screen and (max-width: 480px) {
.modal_cont1,.modal_cont2,.modal_cont3,.modal_cont4,.modal_cont5,.modal_cont6,.modal_cont7,.modal_cont8,.modal_cont9,.modal_cont10,.modal_cont11,.modal_cont12,.modal_cont13,.modal_cont14,.modal_cont15,.modal_cont16,.modal_cont17,.modal_cont18,.modal_cont19,.modal_cont20,.modal_cont21,.modal_cont22,.modal_cont23,.modal_cont24,.modal_cont25,.modal_cont26,.modal_cont27,.modal_cont28,.modal_cont29,.modal_cont30,.modal_cont31,.modal_cont32,.modal_cont33 {
	top: 25%;
	left: 30%;
	width: 90%;
}
}







#sidebar1 #searchform div {
    margin: 0px 0px;
}


.search-title {
    color: #fff;
}


.memo p {
    margin: 10px 0 5px;
}


.wpcf7{
	padding:10px;
}





.entry-meta {
    margin: 0 0 0px;
}


.main-bdr {
    list-style: none;
}




table.suppliments{
	margin:25px 0;
	padding:10px;
	border:1px solid #eee;
	text-align:center;
	position:relative;
}
table.suppliments:after {
    content: '価格は2020年4月時点';
    color: #ddd;
    font-size: 10px;
    display: block;
    position: absolute;
    right: -2px;
    bottom: -20px;
}
blockquote.suppli_data {
    font-size: 12px;
    line-height: 1.2;
    margin-bottom: 15px;
    height: 60px;
    padding: 10px;
    display: block;
    overflow-y: scroll;
    border: 1px solid #eee;
    background: #f8f9fa;
    border-radius: 1px;
}
blockquote.suppli_data:before{
	display:none;
}
blockquote.suppli_data p{
	margin:0;
}

table.suppliments tr,table.supplimentstr:not(:last-child){
	border:none !important;
}
table.suppliments th,table.suppliments th:last-child{
	border:1px solid #eee;
}
table.suppliments td,table.suppliments td:last-child{
	border:1px solid #eee;
	font-size:1em;
	padding:10px 10px 18px;
	position:relative;
}
table.suppliments tr td:nth-child(1) {
    width: 30%;
    line-height: 1.2;
    font-size: 0.8em;
	border-top:none;
	 border-bottom:none;
}
table.suppliments tr td:nth-child(1) img.aligncenter {
   margin:0 auto !important;
}
table.suppliments tr td:nth-child(2) {
    width: 30%;
}
table.suppliments tr td:nth-child(3) {
    width: 30%;
}

td.suppli_kakaku {
	font-size:1.2em !important;
	color:#F44336;
	font-weight:bold;
}
td.suppli_ichien{
	  color: #F44336;
    font-weight: bold;
}

td.suppli_kakaku:after,td.suppli_ikkai:after,td.suppli_ichinichi:after,td.suppli_ichien:after {
    color: #ddd;
    font-size: 1em;
    font-weight: bold;
    display: block;
    position: absolute;
    right: 4px;
    bottom: -3px;
}
td.suppli_kakaku:after {
	content: '（税込み）';
    right: -4px;
    bottom: 0px;
	 font-size:12px;
}
td.suppli_ikkai:after {
	content: '/ 1回';
}
td.suppli_ichinichi:after {
	content: '/ 1日';
}
td.suppli_ichien:after {
	content: '/ 1円';
}



p.suppli_small {
    font-size: 12px;
    line-height: 1.4;
    margin: -15px 0 20px;
    text-align: right;
}

a.suppli_list_back{
    font-size: 12px;
    text-align: right;
    display: block;
}




#inner-content .hh.hhq {
    font-size: 16px !important;
}
#inner-content .hh.hhq + .hh.hha{
    font-size: 16px !important;
}






a.rakuten,a.amazon,a.yahoo,a.myprotein,a.iherb {
	display:inherit;
}


a.rakuten:before,a.amazon:before,a.yahoo:before,a.myprotein:before,a.iherb:before {
	content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 6px;
    background-size: contain;
    vertical-align: text-bottom;
}
a.rakuten:before {
    background-image: url(https://pfccheck.com/wp-content/uploads/2020/04/rakuten_logo.png);
}
a.amazon:before {
    background-image: url(https://pfccheck.com/wp-content/uploads/2020/04/amazon_logo.png);
}
a.yahoo:before {
    background-image: url(https://pfccheck.com/wp-content/uploads/2020/04/yahoo_logo.png);
}
a.myprotein:before {
    background-image: url(https://pfccheck.com/wp-content/uploads/2020/04/myprotein_logo.png);
}
a.iherb:before {
    background-image: url(https://pfccheck.com/wp-content/uploads/2020/04/iherb_logo.png);
}



a.myprotein:after {
    content: '';
    font-size: 0.8em;
    color: #F44336;
    margin-left: 5px;
    font-weight: bold;
    display: inline-block;
}











.mvm,.mv,.mm,.va,.vb,.vc,.vd,.ve,.vk,.ca,.mg,.fe,.zn{
    color: #fff;
    padding: 5px 7px 6px;
    margin-right: 5px;
    line-height: 1;
    font-weight: bold;
    font-size: 10px;
    border-radius: 5px;
    display: inline-block;
    vertical-align: text-bottom;
}
.mvm{
    background: #F44336;
}
.mv{
    background: #FF9800;
}
.mm{
    background: #607D8B;
}
.va{
    background: #ff4545;
}
.vb{
    background: #2196F3;
}
.vc{
    background: #f9d900;
}
.vd{
    background: #4caf50;
}
.ve{
    background: #ffb81e;
}
.vk{
    background: #bdcb32;
}
.ca{
    background: #ccc;
}
.mg{
    background: #8e9196;
}
.fe{
    background: #666;
}
.zn{
    background: #333;
}






.banner_random{
	padding: 10px;
	margin-bottom: 25px;
	border-radius: 3px;
	background: #f5f5f5;
}
.banner_random p{
	margin:10px 0px 0px;
	font-size:0.8em;
}





.slide_title {
    padding: 10px;
    font-weight: bold;
    line-height: 1.4;
    display: block;
    text-align: center;
    color: #444;
    border: 1px solid #eee;
    border-radius: 1px;
}

.slide-wrap {
    display: flex;
    margin: 0 auto;
    width: 100%;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    margin: 0 0 20px 0;
    padding: 15px 0;
    border-bottom: 2px solid #eee;
}
.slide-box {
    height: auto;
    margin-right: 5%;
    width: 24%;
    flex: 0 0 80%;
}

.slide-box table.suppliments {
	 margin:0;
}
.slide-box tr:first-child {
    height: 30px;
}
.slide-box table.suppliments p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin: 0;
}


.slide-box a.rakuten, .slide-box a.amazon, .slide-box a.yahoo, .slide-box a.myprotein, .slide-box a.iherb {
    display: inline-block;
    margin-right: 5px;
}






a.official {
    margin: 0;
    display: block;
    line-height: 1.6;
    font-size: 1em;
    font-weight: bold;
}
a.official::before {
	content: '公式';
    color: #ffffff;
    background: #6bb6ff;
    padding: 3px 9px;
    display: inline-block;
    margin-right: 8px;
    margin-top: -3px;
    line-height: 1.2;
    border-radius: 2px;
    font-size: 0.8em;
    vertical-align: text-top;
}



.entry-content .tl {
    background: none;
}




.commentlist {
    margin: 15px;
}
.prnx p {
    color: #fff;
}




.sidelong__img {
    font-size: 0;
}



twitter-widget#twitter-widget-0,twitter-widget#twitter-widget-1{
	margin-top:0 !important;
}
iframe#twitter-widget-0{
	margin-bottom:0 !important;
}






.c_linkto_text {
    font-size: 0.9em !important;
}