/*
Theme Name: Jinro Lab
Author: AD5
Author URI: http://wordpress.ad5.jp/
Version: 0.1.0
Text Domain: jinro-lab
*/

/*--------------------------------------------------------------
0.0 Color Policy
--------------------------------------------------------------*/
/*

dark #418f91

*/

/*--------------------------------------------------------------
0.1 TODO
--------------------------------------------------------------*/
/*
ランキング

投稿の著者
TOP・サイドバーの充実

不要ファイルの削除
不要CSSの削除
*/

/*--------------------------------------------------------------
1.0 Normalize
--------------------------------------------------------------*/

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {margin:0; padding:0; border:0; outline:0; font-size:102%; vertical-align:baseline; background:transparent;}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}

ul,ol {list-style:none;}

blockquote, q {quotes:none;}
blockquote:before, blockquote:after,q:before, q:after {content:''; content:none;}

a {margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; outline:none;}

del {text-decoration:line-through;}

abbr[title], dfn[title] {border-bottom:1px dotted; cursor:help;}

table {border-collapse:collapse; border-spacing:0;}

input, select {vertical-align:middle;}

img {vertical-align:bottom; border:none; font-size:0; line-height:0;}

em {font-style:normal;}

body {-webkit-text-size-adjust:none; font-family: Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'ƒqƒ‰ƒMƒmŠpƒS ProN W3', 'ƒ‚ƒŠƒTƒ VƒS R', 'Droid Sans', ƒƒCƒŠƒI, 'sans-serif'; font-size:14px;}

address {font-style:normal;}

/*--------------------------------------------------------------
2.0 Default
--------------------------------------------------------------*/

body {line-height: 1.8; color: #102;}
a {color: #102;}
a:hover {color: #535b58;}
* {box-sizing:border-box;}

@media (min-width: 768px) {
	/* Desktop */
	body {font-size: 16px;}
	.sp-only {display: none !important;}
}

@media (max-width: 767px) {
	/* Mobile */
	body {font-size: 14px;}
	.sp-hidden {display: none !important;}
	img {max-width: 100%; height: auto;}
	iframe {max-width: 100%; height: auto;}
}

/*--------------------------------------------------------------
3.0 Module
--------------------------------------------------------------*/

.clearfix:after {content: ""; display: block; clear: both;}
.tac {text-align: center;}
.tar {text-align: right;}
.w10p {width: 10%;}
.w15p {width: 15%;}
.w20p {width: 20%;}
.w25p {width: 25%;}
.w30p {width: 30%;}
.w35p {width: 35%;}
.w40p {width: 40%;}
.w50p {width: 50%;}
.w60p {width: 60%;}
.w70p {width: 70%;}

/*--------------------------------------------------------------
3.1 Admin Bar
--------------------------------------------------------------*/
#wpadminbar {top: auto; bottom: 0; position: fixed;}
#wpadminbar .menupop .ab-sub-wrapper {bottom: 32px;}
@media screen and (max-width: 782px) {
	#wpadminbar .menupop .ab-sub-wrapper {bottom: 46px;}	
}

/*--------------------------------------------------------------
4.0 Layout
--------------------------------------------------------------*/

header {background: #57BFC2;}

.main-nav ul::after {content: ""; display: block; clear: both;}
.main-nav li {float: left; width: 20%;}
.main-nav li:nth-child(1) {background: #6D63F2;}
.main-nav li:nth-child(2) {background: #F062D7;}
.main-nav li:nth-child(3) {background: #EB8C5A;}
.main-nav li:nth-child(4) {background: #F2D96B;}
.main-nav li:nth-child(5) {background: #74D156;}
.main-nav a {display: block; text-align: center; color: #FFF; text-decoration: none;}

.site-branding a {display: block;}
.site-branding a img {width: auto; height: 50px;}

footer {margin-top: 20px; padding-top: 20px; padding-bottom: 20px; background: #57BFC2; border-top: 1px solid #DDDDDD; color: #FFFFFF; font-size: 0.8em;}
footer a,
footer a:hover {color: #FFFFFF;}
.footer-nav {margin-bottom: 25px;}
.site-copyright {text-align: center;}

@media (min-width: 768px) {
	/* Desktop */
	.page-body {padding-top: 65px;}

	header {position: fixed; left: 0; top: 0; z-index: 100; width: 100%;}
	.main-nav {float: right; width: 600px;}
	.main-nav a {height: 50px; padding: 10px 0; line-height: 30px; font-size: 14px;}
	.main-nav a i {margin-right: 5px;}

	.site-branding {float: left; width: 168px; height: 50px; padding: 0 15px;}
	.site-branding a {display: block;}
	.site-tagline {float: left; width: calc(100% - 768px); height: 40px; padding: 0 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height:50px; text-align: right; font-size:12px; color: #EFF6F7; font-weight: normal;}

	.footer-nav ul {margin-bottom: 15px;}
	.footer-nav li {float: left; margin-right: 15px;}

	.col-full {position: relative; width: 1100px; margin-left: auto; margin-right: auto;}
	.col-full::after {content: ""; display: block; clear: both;}
	.layout-3-column .col-group-left {float: left; width: 870px; margin-right: 20px;}
	.layout-3-column .col-group-left::after {content: ""; display: block; clear: both;}
	.layout-3-column .col-primary {float: right; width: 640px;}
	.layout-3-column .col-secondary {float: left; width: 210px;}
	.layout-3-column .col-aside {float: left; width: 210px;}
	.layout-2-column-right .col-primary {float: right; width: 870px;}
	.layout-2-column-right .col-secondary {float: left; width: 210px;}

	.breadcramb {margin-top: -5px; margin-bottom: 10px; font-size: 12px; line-height: 12px; color: #888;}
	.breadcramb a {color: #888;}
	.breadcramb-list::after {content: ""; display: block; clear: both;}
	.breadcramb-list > span {position: relative; float: left; padding-left: 15px;}
	.breadcramb-list > span::before {content:"\f0da"; position: absolute; left: 7px; top: -1px; z-index: 0; color: #BBB; font: normal normal normal 14px/1 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
}

@media (max-width: 767px) {
	/* Mobile */
	header {padding-top: 40px;}

	.site-tagline {display: none;}
	.site-branding a {display: block; padding: 0 5px; text-align: center;}

	.main-nav {position: fixed; left: 0; top: 0; z-index: 100; width: 100%;}
	.main-nav a {height: 40px; padding: 5px 0; overflow: hidden; line-height: 10px; font-size: 10px;}
	.main-nav a i {display: block; height: 15px; margin-bottom: 5px; line-height: 15px; font-size: 15px;}
	.main-nav a span {display: none;}

	.footer-nav ul {padding: 0 15px;}
	.footer-nav li {float: left; margin-right: 15px; margin-bottom: 10px;}

	.col-secondary .widget-banner-list {display: none;}

	.breadcramb {padding: 9px 0; font-size: 12px; line-height: 12px; color: #888; width: 100%; height: 30px; overflow: hidden;}
	.breadcramb a {color: #888;}
	.breadcramb-list {white-space: nowrap; overflow: scroll; height: 45px;}
	.breadcramb-list > span {display: inline-block; position: relative; padding-left: 15px;}
	.breadcramb-list > span::before {content:"\f0da"; position: absolute; left: 7px; top: -1px; z-index: 0; color: #BBB; font: normal normal normal 14px/1 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
}

/*--------------------------------------------------------------
5.0 Sections and Widgets
--------------------------------------------------------------*/

.title-style01 {padding: 10px; background: #FFF; border-bottom: 1px solid #57BFC2; -webkit-box-shadow: 0px 0px 1px #CCCCCC; box-shadow: 0px 0px 1px #CCCCCC;}
.title-style01 i {position: relative; top: 2px; margin-left: 0.1em; margin-right: 0.2em; font-size: 1.5em; color: #57BFC2;}
.title-style01.section-title i {font-size: 1.4em; margin-right: 0.3em;}
.title-style01.title-app {border-bottom: 1px solid #F062D7;}
.title-style01.title-app i {color: #F062D7;}

.title-style02 {position: relative; padding: 10px 15px; line-height: 29px; background: #57BFC2; color: #FFFFFF; border-top: 1px solid #408; border-bottom: 1px solid #102;}

.title-style03 {padding: 10px; background: #102; border-bottom: 1px solid #57BFC2; color:#FFF; -webkit-box-shadow: 0px 0px 1px #CCCCCC; box-shadow: 0px 0px 1px #CCCCCC;}
.title-style03 i {margin-left: 0.1em; margin-right: 0.2em; font-size: 1.5em; color: #408;}

i.fa.u1 {position: relative; top: -1px;}
i.fa.d1 {position: relative; top: 1px;}
i.fa.d2 {position: relative; top: 2px;}
i.fa.d3 {position: relative; top: 3px;}

.widget {margin-bottom: 20px;}
.widget-title {}
.widget-body {}

.widget-term-list01 .widget-body {background: #EFF6F7; border-bottom: 1px solid #DDDDDD;}

.widget-search .widget-body {padding: 10px; background: #EFF6F7; border-bottom: 1px solid #DDDDDD;}
.widget-search .part-form {margin-bottom: 10px;}
.widget-search .part-form input {float: left; width: 70%; height: 30px; padding: 5px;}
.widget-search .part-form button {float: right; width: 25%; height: 30px; color: #FFFFFF; background: #57BFC2; border: none; border-bottom: 1px solid #418f91;}
.widget-search .part-keywords {font-size: 14px;}
.widget-search .part-keywords .part-title {font-weight: bold;}
.widget-search .part-keywords li {display: inline-block; margin-right: 5px;}

.widget-banner-list {}
.widget-banner-list figure {}
.widget-banner-list figure img {display: block; width: 100%; height: auto;}
.widget-banner-list figcaption {margin-top: 5px; font-size: 14px;}

.page-title {margin-bottom: 20px; font-size: 18px;}

.section-default {margin-bottom: 20px; padding: 10px 20px; background: #FFF; border-bottom: 1px solid #57BFC2; -webkit-box-shadow: 0px 0px 1px #CCCCCC; box-shadow: 0px 0px 1px #CCCCCC;}
.part-content-default h1 {margin: 60px -10px 15px; padding: 5px 15px; font-size: 28px; color: #FFF; background: #57BFC2;}
.part-content-default h2 {margin: 20px -10px 15px; padding: 20px 15px 5px 60px; font-size: 24px; background: #FFF; border-bottom: 3px solid #57BFC2; background-image: url(https://osaka-jinro-lab.com/wp-content/uploads/2021/05/h2logo.png); background-size: 50px;
background-repeat: no-repeat; background-position: left bottom;}
.part-content-default h3 {margin: 45px 0 15px; padding: 0 10px; font-size: 20px; border-left: 10px solid #57BFC2;}
.part-content-default h4 {margin-top: 30px; margin-bottom: 15px; font-size: 18px;}
.part-content-default h5 {margin-bottom: 15px; font-weight: 16px;}
.part-content-default p {margin-bottom: 15px;}
.part-content-default ul {margin-bottom: 15px; padding-left: 0; list-style-type: none;}
.part-content-default ul li {position: relative; margin-bottom: 5px; padding-left: 30px;}
.part-content-default ul li::before {content:"\f0da"; position: absolute; left: 15px; top: 3px; z-index: 0; color: #57BFC2; font: normal normal normal 14px/1 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.part-content-default ol {margin-bottom: 15px; padding-left: 30px; list-style-type: decimal;}
.part-content-default h1:first-child,
.part-content-default h2:first-child,
.part-content-default h3:first-child,
.part-content-default h4:first-child,
.part-content-default h5:first-child {margin-top: -10px;}
.part-content-default h1 + h2,
.part-content-default h1 + h3,
.part-content-default h1 + h4,
.part-content-default h1 + h5,
.part-content-default h2 + h3,
.part-content-default h2 + h4,
.part-content-default h2 + h5,
.part-content-default h3 + h4,
.part-content-default h3 + h5,
.part-content-default h4 + h5 {margin-top: 0;}

.section-article-list01 .part-image {position: relative;}
.section-article-list01 .part-image-rank {display: block; position: absolute; left: 10px; top: 0; z-index: 10; width: 30px; height: 30px; line-height: 30px; text-align: center; background: #57BFC2; color: #FFF; font-size: 18px;}
.section-article-list01 .part-image-rank::after {content:""; display: block; position: absolute; left: 0; top: 20px; z-index: 5; border-left: 15px solid #57BFC2; border-right: 15px solid #57BFC2; border-top: 10px solid transparent; border-bottom: 10px solid transparent;}
.section-article-list01 .part-description-link a i {position: relative; top: 1px; margin-right: 8px; font-size: 1.2em;}

.widget-article-list01 li {position: relative;}
.widget-article-list01 .part-image-rank {display: block; position: absolute; left: 5px; top: 5px; z-index: 10; width: 20px; height: 20px; line-height: 20px; text-align: center; background: #57BFC2; color: #FFF; font-size: 14px;}
.widget-article-list01 .part-image-rank::after {content:""; display: block; position: absolute; left: 0; top: 14px; z-index: 5; border-left: 10px solid #57BFC2; border-right: 10px solid #57BFC2; border-top: 6px solid transparent; border-bottom: 6px solid transparent;}

.part-image-rank.rank-1 {background-color: #D9A441; background: linear-gradient(to bottom, #EDCD93, #D9A441 50%);}
.part-image-rank.rank-1::after {border-left-color: #D9A441; border-right-color: #D9A441;}
.part-image-rank.rank-2 {background-color: #CCC2C2; background: linear-gradient(to bottom, #E8E3E3, #CCC2C2 50%);}
.part-image-rank.rank-2::after {border-left-color: #CCC2C2; border-right-color: #CCC2C2;}
.part-image-rank.rank-3 {background-color: #965A38; background: linear-gradient(to bottom, #CEA086, #965A38 50%);}
.part-image-rank.rank-3::after {border-left-color: #965A38; border-right-color: #965A38;}

.section-event-detail {margin-bottom: 20px;}
.section-event-detail .section-title {margin-bottom: 20px; font-size: 18px;}
.section-event-detail .part-image {text-align: center;}
.section-event-detail .part-image img {max-width: 100%; height: auto;}
.section-event-detail .part-sammary {margin-bottom: 20px; padding: 10px; background: #EFF6F7;}
.section-event-detail .part-sammary p {margin-bottom: 1em;}
.section-event-detail .part-sammary blockquote {position:relative; padding: 1em 2em; color: #666;}
.section-event-detail .part-sammary blockquote::before {content:"\201c"; position: absolute; left: 0; top: -0.2em; font-size: 3em; font-weight: bold; color: #AAA;}
.section-event-detail .part-sammary blockquote::after {content:"\201d"; position: absolute; right: 0; bottom: -0.5em; font-size: 3em; font-weight: bold; color: #AAA;}
.section-event-detail .part-sammary p:last-child {margin-bottom: 0;}
.section-event-detail .part-content {padding: 0 10px;}
.section-event-detail .part-content dl {margin-bottom: 10px;}
.section-event-detail .part-content dt {margin-top: 10px; color: #57BFC2; font-weight: bold;}
.section-event-detail .part-link {margin-bottom: 10px; text-align: center;}
.section-event-detail .part-note {padding: 10px; background: #EFF6F7; font-size: 12px;}
.section-event-detail .part-tags {position: relative; margin-top: -10px; margin-bottom: 20px; padding: 0 10px 0 25px; font-size: 12px;}
.section-event-detail .part-tags i {position: absolute; left: 10px; top: 3px; color: #57BFC2;}
.section-event-detail .part-tags a {color: #57BFC2; white-space: nowrap;}

.section-event-detail .part-schedule {margin-bottom: 20px;}
.section-event-detail .part-schedule ul {padding: 10px;}
.section-event-detail .part-schedule li {margin-bottom: 10px;}
.section-event-detail .part-schedule-date {font-weight: bold; color: #57BFC2;}
.section-event-detail .part-schedule-none {padding: 10px;}

.section-event-detail .part-access,
.section-event-detail .part-price,
.section-event-detail .part-reservation {margin-bottom: 20px;}
.section-event-detail .part-access-content,
.section-event-detail .part-price-content,
.section-event-detail .part-reservation-content {padding: 10px;}
.section-event-detail .part-access-content p,
.section-event-detail .part-price-content p,
.section-event-detail .part-reservation-content p {margin-top: 10px; margin-bottom: 10px;}
.section-event-detail .part-access-content p:first-child,
.section-event-detail .part-price-content p:first-child,
.section-event-detail .part-reservation-content p:first-child {margin-top: 0;}
.section-event-detail .part-access-content p:last-child,
.section-event-detail .part-price-content p:last-child,
.section-event-detail .part-reservation-content p:last-child {margin-bottom: 0;}

.section-event-download {position: relative; margin-bottom: 20px; padding: 80px 25px 25px; background: #457D44; border-top: 1px solid #014400; border-bottom: 1px solid #DDDDDD;}
.section-event-download::before {content:"\f019"; position: absolute; left: -15px; top: 0; z-index: 0; color: #FFF; opacity: 0.7; font: normal normal normal 80px/1 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.section-event-download .section-title {position: absolute; left: 0; top: 25px; width: 100%; text-align: center; line-height: 20px; color: #014400;}
.section-event-download .part-message {margin-bottom: 20px;}
.section-event-download .part-message.success {color: #102;}
.section-event-download .part-message.error {color: #F00;}
.section-event-download .part-form {margin-bottom: 20px;}
.section-event-download .part-form dl {margin-bottom: 20px;}
.section-event-download .part-form dt {margin-bottom: 10px; color: #014400; font-weight: bold;}
.section-event-download .part-form input[type=checkbox] {margin-right:5px; vertical-align:middle;}
.section-event-download .part-description {font-size: 14px;}

.section-event-author {position: relative; margin-bottom: 40px; padding: 20px; overflow: hidden; -webkit-box-shadow: 0 1px 1px #CCC; box-shadow: 0 1px 1px #CCC;}
.section-event-author.has-icon::before {content:"\f040"; position: absolute; left: 10px; top: -20px; z-index: 0; color: #57BFC2; opacity: 0.2; font: normal normal normal 80px/1 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.section-event-author .section-title {margin-bottom: 20px; text-align: center; font-size: 18px; color: #57BFC2;}
.section-event-author .part-image img {width: 100%;}
.section-event-author .part-description .block-title {margin-bottom: 10px;}
.section-event-author .part-description p {font-size: 14px;}
.section-event-author .part-description-link a {display: block; padding: 5px 0; text-align: center; text-decoration: none; background: #57BFC2; color: #FFFFFF;}
.section-event-author .part-description-link a i {position: relative; top: 1px; margin-right: 8px; font-size: 1.5em;}

.section-app-step {margin-bottom: 20px; background: #f7dcf2;}
.section-app-step .part-question {position: relative; padding: 30px 30px 30px 60px;}
.section-app-step .part-question em {position: absolute; left: 20px; top: 28px; font-size: 16px; color: #F062D7; font-weight: bold;}
.section-app-step .part-answers {padding: 20px 30px;}
.section-app-step .part-answers p {margin-bottom: 15px;}
.section-app-step .part-answers button {width: 100%; padding: 10px 0; text-align: center; background: #F062D7; color: #FFF; font-size: 14px;}
.section-app-step .part-image {padding: 30px 10px;}
.section-app-step .part-image img {width: 100%; height: auto;}
.section-app-step .part-description {padding: 30px;}
.section-app-step .part-button {padding: 30px 10px;}
.section-app-step .part-lead-share {margin-bottom: 15px; text-align: center; font-size: 18px;}
.section-app-step .part-lead-share i {color: #F062D7;}

.icon-ended {position: relative; top: -3px; display: inline-block; margin-left: 5px; padding: 1px 3px; background: #AAA; color: #FFF; font-size: 0.7em; font-style: normal; border-radius: 3px;}
.icon-official {position: relative; top: -3px; display: inline-block; margin-left: 5px; padding: 1px 5px; background: linear-gradient(#E5BB33, #CCA119); color: #FFF; font-size: 0.7em; font-style: normal; border-radius: 3px;}

.ad-main {margin-bottom: 20px;}

@media (min-width: 768px) {
	/* Desktop */
	.title-style02::after {content: ""; position: absolute; right: 40px; bottom:-1px; width: 0; height: 0; border-bottom: 25px solid rgba(255,255,255,0.2); border-right: 15px solid rgba(255,255,255,0.2); border-top: 25px solid transparent; border-left: 15px solid transparent;}
	.title-style02::before {content: ""; position: absolute; right: 10px; bottom: -1px; width: 0; height: 0; border-top: 25px solid rgba(255,255,255,0.2); border-left: 15px solid rgba(255,255,255,0.2); border-bottom: 25px solid transparent; border-right: 15px solid transparent;}

	.section-article-list01 {margin-bottom: 20px;}
	.section-article-list01 .section-title {margin-bottom: 20px; font-size: 18px;}
	.section-article-list01 .box {margin-bottom: 20px; padding: 10px; background: #FFF; border-bottom: 1px solid #57BFC2; -webkit-box-shadow: 0px 0px 1px #CCCCCC; box-shadow: 0px 0px 1px #CCCCCC;}
	.section-article-list01 .box-title {margin-bottom: 5px; font-size: 18px; font-weight: bold;}
	.section-article-list01 .box-title a {color: #57BFC2;}
	.section-article-list01 .part-image {float: left; width: 300px; margin-right: 20px;}
	.section-article-list01 .part-image img {width: 100%;}
	.section-article-list01 .part-description {float: right; width: 300px;}
	.section-article-list01 .part-description-author {margin-bottom: 5px; color: #888;}
	.section-article-list01 .part-description-meta {margin-bottom: 5px; font-size: 12px;}
	.section-article-list01 .part-description-meta::after {content:""; display: block; clear: both;}
	.section-article-list01 .part-description-meta .date {float: right; color: #666;}
	.section-article-list01 .part-description-meta .category a {display: inline-block; padding: 0 5px; border: 1px solid #CCC; color: #666; border-radius: 5px; text-decoration: none;}
	.section-article-list01 .part-description-meta .category a.article-category-strategy {color: #6D63F2; border: 1px solid #6D63F2;}
	.section-article-list01 .part-description-meta .category a.article-category-report {color: #EB8C5A; border: 1px solid #EB8C5A;}
	.section-article-list01 .part-description-meta .category a.article-category-movie {color: #F062D7; border: 1px solid #F062D7;}
	.section-article-list01 .part-description-meta .category a.article-category-press {color: #74D156; border: 1px solid #74D156;}
	.section-article-list01 .part-description-sammary {margin-bottom: 10px; font-size: 13px; word-break: break-all;}
	.section-article-list01 .part-description-link a {display: block; padding: 5px 0; text-align: center; text-decoration: none; background: #57BFC2; color: #FFFFFF;}
	.section-article-list01 .more {display: block; margin-bottom: 20px; padding: 10px; background: #EFF6F7; text-align: center; -webkit-box-shadow: 0px 0px 1px #CCCCCC; box-shadow: 0px 0px 1px #CCCCCC; color: #57BFC2; text-decoration: none;}

	.section-article-list01-wide .part-image {float: none; width: 100%; margin-right: 0; margin-bottom: 10px;}
	.section-article-list01-wide .part-description {float: none; width: 100%;}
	.section-article-list01-wide .part-description-sammary {font-size: 16px;}

	.section-article-list02 {margin-bottom: 20px;}
	.section-article-list02 .section-title {margin-bottom: 20px; padding: 10px;}
	.section-article-list02 ul {}
	.section-article-list02 li {float: left; width: 200px; margin-right: 20px; margin-bottom: 10px;}
	.section-article-list02 li:nth-child(3n) {margin-right: 0;}
	.section-article-list02 li .part-image {margin-bottom: 10px;}
	.section-article-list02 li .part-image img {width: 100%;}
	.section-article-list02 li .part-title {font-size: 13px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
	.section-article-list02 .more {display: block; margin-bottom: 20px; padding: 10px; background: #EFF6F7; text-align: center; -webkit-box-shadow: 0px 0px 1px #CCCCCC; box-shadow: 0px 0px 1px #CCCCCC; color: #57BFC2; text-decoration: none;}

	.section-event-detail .part-image {margin-bottom: 20px;}

	.section-event-download .section-title {font-size: 18px;  letter-spacing: 2px;}
	.section-event-download input[type=text] {float: left; width: 65%; height: 40px; padding: 10px; font-size: 16px;}
	.section-event-download button {float: right; width: 30%; height: 40px; font-size: 18px;}

	.section-event-author {border: 1px solid #57BFC2;}
	.section-event-author .part-image {float: left; width: 200px; margin-right: 20px;}
	.section-event-author .part-description {float: left; width: 378px; padding-bottom: 40px;}
	.section-event-author .part-description-link {position: absolute; right: 20px; bottom: 20px; width: 378px;}

	.widget-term-list01 ul {list-style-type: none;}
	.widget-term-list01 li {border-bottom: 1px solid #EEE;}
	.widget-term-list01 li:last-child {border: none;}
	.widget-term-list01 li a {display: block; padding: 10px; text-decoration: none;}
	.widget-term-list01 li a::before {content: "\f0da"; position: relative; top: -1px; display: inline-block; margin-right: 8px; color: #57BFC2; font: normal normal normal 12px/1 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

	.widget-article-list01 li {margin-bottom: 10px; padding: 10px; background: #EFF6F7; border-bottom: 1px solid #DDDDDD;}
	.widget-article-list01 li:last-child {margin-bottom: 0;}
	.widget-article-list01 li .part-image {margin-bottom: 10px;}
	.widget-article-list01 li .part-image img {width: 100%;}

	.widget-info-list01 li {margin-bottom: 10px; padding: 10px; background: #EFF6F7; border-bottom: 1px solid #DDDDDD;}
	.widget-info-list01 li:last-child {margin-bottom: 0;}
	.widget-info-list01 li a {text-decoration: none;}
	.widget-info-list01 li .part-image {margin-bottom: 10px;}
	.widget-info-list01 li .part-image img {width: 100%;}
	.widget-info-list01 li .part-title {text-decoration: underline;}
	.widget-info-list01 li .part-sammary {font-size: 12px;}

	.widget-search .widget-title {margin-bottom:10px;}
	.widget-article-list01 .widget-title {margin-bottom: 10px;}
	.widget-info-list01 .widget-title {margin-bottom: 10px;}

	.widget-banner-list figure {margin-bottom: 20px;}

	.part-content-default h1 {font-size: 28px;}
	.part-content-default h2 {font-size: 24px;}
	.part-content-default h3 {font-size: 20px;}
	.part-content-default h4 {font-size: 18px;}
	.part-content-default h5 {font-size: 16px;}
}

@media (max-width: 767px) {
	/* Mobile */
	.section-article-list01 {margin-bottom: 20px;}
	.section-article-list01 .section-title {font-size: 16px;}
	.section-article-list01 .box {position: relative; padding: 10px; border-bottom: 1px solid #DDDDDD; background: linear-gradient(to bottom, #FFF, #FFF 90%, #EEE);}
	.section-article-list01 .box-title {margin-bottom: 5px; font-size: 16px; font-weight: bold;}
	.section-article-list01 .box-title a {color: #57BFC2;}
	.section-article-list01 .part-image {margin-bottom: 5px;}
	.section-article-list01 .part-image img {width: 100%;}
	.section-article-list01 .part-description {min-height: 50px}
	.section-article-list01 .part-description-author {margin-bottom: 5px; font-size: 14px;}
	.section-article-list01 .part-description-meta {margin-bottom: 5px; font-size: 12px;}
	.section-article-list01 .part-description-meta::after {content:""; display: block; clear: both;}
	.section-article-list01 .part-description-meta .date {float: right; color: #666;}
	.section-article-list01 .part-description-meta .category a {display: inline-block; padding: 0 5px; border: 1px solid #CCC; color: #666; border-radius: 5px; text-decoration: none;}
	.section-article-list01 .part-description-meta .category a.article-category-strategy {color: #6D63F2; border: 1px solid #6D63F2;}
	.section-article-list01 .part-description-meta .category a.article-category-report {color: #EB8C5A; border: 1px solid #EB8C5A;}
	.section-article-list01 .part-description-meta .category a.article-category-movie {color: #F062D7; border: 1px solid #F062D7;}
	.section-article-list01 .part-description-meta .category a.article-category-press {color: #74D156; border: 1px solid #74D156;}
	.section-article-list01 .part-description-sammary {margin-bottom: 5px; font-size: 12px; word-break: break-all;}
	.section-article-list01 .part-description-link a {display: block; padding: 5px 0; text-align: center; text-decoration: none; background: #57BFC2; color: #FFFFFF;}
	.section-article-list01 .more {display: block; padding: 10px; border-bottom: 1px solid #DDDDDD; text-align: center; background: linear-gradient(to bottom, #FFF, #FFF 70%, #EEE); color: #57BFC2; text-decoration: none;}

	.section-article-list01-compact .box:nth-of-type(n+2) {display:table;}
	.section-article-list01-compact .box:nth-of-type(n+2) .part-image {display:table-cell; width: 30%;}
	.section-article-list01-compact .box:nth-of-type(n+2) .part-description {display:table-cell; width: 70%; padding-left: 10px; vertical-align: top;}
	.section-article-list01-compact .box:nth-of-type(n+2) .part-description-sammary {display: none;}
	.section-article-list01-compact .box:nth-of-type(n+2) .part-description-link {display: none;}

	.section-article-list01-wide .part-description-sammary {font-size: 14px;}

	.section-article-list02 {margin-bottom: 20px;}
	.section-article-list02 .section-title {font-size: 16px;}
	.section-article-list02 ul {}
	.section-article-list02 li {border-bottom: 1px solid #DDDDDD; background: linear-gradient(to bottom, #FFF, #FFF 90%, #EEE);}
	.section-article-list02 li a {display: table; width: 100%; padding: 10px;}
	.section-article-list02 li .part-image {display: table-cell; width: 81px; height: 50px; vertical-align: middle;}
	.section-article-list02 li .part-title {display: table-cell; height: 50px; padding-left: 10px; vertical-align: middle;}
	.section-article-list02 li .part-image img {width: 100%;}
	.section-article-list02 .more {display: block; padding: 10px; border-bottom: 1px solid #DDDDDD; text-align: center; background: linear-gradient(to bottom, #FFF, #FFF 80%, #EEE); color: #57BFC2; text-decoration: none;}

	.section-event-detail .part-image {margin-bottom: 10px; padding: 0 10px;}
	.section-event-detail .part-image img {max-width: 100%;}
	.section-event-detail .part-content {padding: 0 10px;}
	.section-event-detail .part-content img {max-width: 100%; height: auto;}

	.section-event-download .section-title {font-size: 16px;}
	.section-event-download input[type=text] {width: 100%; height: 40px; margin-bottom: 15px; padding: 10px; font-size: 16px;}
	.section-event-download button {width: 100%; height: 40px; font-size: 18px;}

	.section-event-author {border-top: 1px solid #57BFC2; border-bottom: 1px solid #57BFC2;}
	.section-event-author .part-image {width: 200px; text-align: center; margin: 0 auto 10px;}
	.section-event-author .part-description .block-title {text-align: center;}
	.section-event-author .part-description-link {padding-top: 10px;}

	.widget-term-list01 ul {list-style-type: none; padding: 5px;}
	.widget-term-list01 ul::after {content: ""; display: block; clear: both;}
	.widget-term-list01 li {float: left; margin:5px;}
	.widget-term-list01 li a {display: block; padding: 5px 10px; background: #FFF; border: 1px solid #DDDDDD; border-radius: 5px; text-decoration: none;}

	.widget-article-list01 {}
	.widget-article-list01 li {border-bottom: 1px solid #DDDDDD; background: linear-gradient(to bottom, #FFF, #FFF 90%, #EEE);}
	.widget-article-list01 li a {display: table; width: 100%; padding: 10px;}
	.widget-article-list01 li .part-image {display: table-cell; width: 81px; height: 50px; vertical-align: middle;}
	.widget-article-list01 li .part-title {display: table-cell; height: 50px; padding-left: 10px; vertical-align: middle;}
	.widget-article-list01 li .part-image img {width: 100%;}

	.widget-info-list01 li {margin-bottom: 10px; padding: 10px; background: #EFF6F7; border-bottom: 1px solid #DDDDDD;}
	.widget-info-list01 li:last-child {margin-bottom: 0;}
	.widget-info-list01 li a {text-decoration: none;}
	.widget-info-list01 li .part-image {margin-bottom: 10px;}
	.widget-info-list01 li .part-image img {width: 100%;}
	.widget-info-list01 li .part-title {text-decoration: underline;}
	.widget-info-list01 li .part-sammary {font-size: 12px;}

	.widget-search .widget-title {font-size: 16px;}
	.widget-term-list01 .widget-title {font-size: 16px;}
	.widget-article-list01 .widget-title {font-size: 16px;}

	.widget-banner-list {padding: 0 10px;}
	.widget-banner-list figure {margin-bottom: 10px;}

	.part-content-default h1 {font-size: 22px;}
	.part-content-default h2 {font-size: 20px;}
	.part-content-default h3 {font-size: 18px;}
	.part-content-default h4 {font-size: 16px;}
	.part-content-default h5 {font-size: 14px;}
}


/*--------------------------------------------------------------
6.0 Parts
--------------------------------------------------------------*/

.btn-primary,
.btn-secondary,
.btn-app {display: inline-block; text-align: center; text-decoration: none; border: none; border-radius: 3px;}
.btn-primary {background: #57BFC2; color: #FFFFFF; border-bottom: 1px solid #418f91;}
.btn-secondary {background: #EFF6F7; color: #57BFC2; border-bottom: 1px solid #57BFC2;}
.btn-app {background: #F062D7; color: #FFFFFF; border-bottom: 1px solid #c14dac;}
.btn-primary:hover {color: #FFFFFF; border-bottom: 1px solid #57BFC2;}
.btn-secondary:hover {color: #FFFFFF; border-bottom: 1px solid #EFF6F7;}
.btn-primary:hover {color: #FFFFFF; border-bottom: 1px solid #F062D7;}

.btn-inline {padding: 5px;}
.btn-small {min-width: 120px; height: 25px; padding: 5px 10px; line-height: 15px; font-size: 15px;}
.btn-medium {min-width: 200px; height: 40px; padding: 10px; line-height: 20px; font-size: 20px;}

@media (min-width: 768px) {
	/* Desktop */
	.btn-header {width: 180px; height: 35px; line-height: 25px; padding: 5px;}
	.btn-header-long {width: 180px; height: 35px; line-height: 25px; padding: 5px;}
}

@media (max-width: 767px) {
	/* Mobile */
	.btn-header {width: 70px; height: 30px; line-height: 20px; padding: 5px; font-size: 12px;}
	.btn-header span {display: none;}
	.btn-header-long {width: 130px; height: 30px; line-height: 20px; padding: 5px; font-size: 12px;}
}

ul.page-numbers {margin-top: 20px;margin-bottom: 20px; padding: 10px; text-align: center; background: #EFF6F7; border-bottom: 1px solid #DDDDDD;}
ul.page-numbers li {display: inline-block; margin: 0 5px;}
ul.page-numbers li a,
ul.page-numbers li span {display: block; width: 30px; padding: 5px 0; text-align: center;}
ul.page-numbers li a {color: #FFFFFF; background: #57BFC2; border: 1px solid #57BFC2; text-decoration: none;}
ul.page-numbers li span {color: #57BFC2; background: #FFFFFF; border: 1px solid #57BFC2;}

.now-printing {background: #EEE; color: #CCC; text-align: center; overflow: hidden;}
.now-printing-200-200 {width: 200px; height: 200px; line-height: 200px;}

.part-form-message {margin-bottom: 20px; padding: 10px; background: #EEE; border: 1px solid #888;}
.part-form-message-success {background: #EFE; border-color: #0C0; color: #0C0;}
.part-form-message-error {background: #FEE; border-color: #F00; color: #F00;}

.tabs {background: #EFF6F7;}
.tabs::after {content:""; display: block; clear: both;}
.tabs li {float: left;}
.tabs li a,
.tabs li.active {display: block; height: 40px; overflow: hidden; padding: 0 15px; text-align: center; line-height: 40px;}
.tabs li a {text-decoration: none;}
.tabs li.active {color: #57BFC2; background: linear-gradient(to bottom, #EFF6F7, #EFF6F7 90%, #57BFC2);}

.tabs-2 li {width: 50%;}
.tabs-3 li {width: 33.3%;}

@media (min-width: 768px) {
	/* Desktop */
	.tabs {margin-bottom: 20px;}
}
@media (max-width: 767px) {
	/* Mobile */
	.tabs {margin-bottom: 10px;}
}

.noa {padding: 10px;}

.social-buttons {margin:10px 0; padding:0 10px; line-height: 1;}
.social-buttons > * {display: inline-block; vertical-align: bottom;}

/*--------------------------------------------------------------
7.0 Local
--------------------------------------------------------------*/

.part-event-search {margin-bottom: 20px; padding: 10px; background: #EFF6F7; border-top: 1px solid #57BFC2; border-bottom: 1px solid #DDDDDD;}
.part-event-search-form input {float: left; width: 70%; height: 30px; padding: 5px;}
.part-event-search-form button {float: right; width: 25%; height: 30px; color: #FFFFFF; background: #57BFC2; border: none; border-bottom: 1px solid #418f91;}
.part-event-search-category {margin:5px -5px -5px;}
.part-event-search-category:first-child {margin-top: -5px;}
.part-event-search-category li {float: left; margin:5px;}
.part-event-search-category li a {display: block; padding: 5px 10px; background: #FFF; border: 1px solid #DDDDDD; border-radius: 5px; text-decoration: none;}
.part-event-search-category li.active a {display: block; padding: 5px 10px; background: #FFF; border: 1px solid #57BFC2; border-radius: 5px; text-decoration: none;}
.part-event-search-note {margin-top: 10px;}

.section-form {padding: 0 20px 20px; background: #EFF6F7; border-bottom: 1px solid #DDDDDD;}
.section-form .section-title {margin: 0 -20px 20px;}
.part-form-list {margin-bottom: 20px;}
.part-form-list dt {margin-bottom: 10px; font-weight: bold;}
.part-form-list dd {margin-bottom: 20px;}
.part-form-action {margin-bottom: 20px; text-align: center;}

.form-required::before {content:"*"; color:#C00;}
.form-input-error {color: #C00; margin-bottom: 10px;}

.form-input {margin-bottom: 10px;}
.form-input input,
.form-input select,
.form-input textarea {font-size: 16px; padding: 5px; border: 1px solid #CCC;}
.form-input input,
.form-input select {height: 40px; line-height: 30px;}
.form-input-long input,
.form-input-long select {width: 100%;}
.form-input-medium input,
.form-input-medium select {width: 60%;}
.form-input-short input,
.form-input-short select {width: 40%;}
.form-textarea-small textarea {width: 100%; height: 50px;}
.form-textarea-medium textarea {width: 100%; height: 100px;}
.form-textarea-large textarea {width: 100%; height: 150px;}
.form-input-image input {max-width: 100%;}
input[disabled] {background: #DDD;}

/*
	Mypage
*/

.section-mypage-list .status-publish td {background: #FFF;}
.section-mypage-list .status-draft td {background: #FEE;}
.section-mypage-list .status-pending td {background: #FFD;}
.section-mypage-list .status-trash td {background: #DDD;}

@media (min-width: 768px) {
	/* Desktop */
	.section-mypage-list {padding: 10px; background: #FFF; border-bottom: 1px solid #57BFC2; -webkit-box-shadow: 0px 0px 1px #CCCCCC; box-shadow: 0px 0px 1px #CCCCCC;}
	.section-mypage-list .section-title {margin: -10px -10px 20px;}
	.section-mypage-list .part-head-btn {margin-bottom: 20px;}
	.section-mypage-list .part-head-btn {text-align: right;}
	.section-mypage-list table {width: 100%; margin-bottom: 20px;}
	.section-mypage-list th,
	.section-mypage-list td {padding: 10px;}
	.section-mypage-list tbody th,
	.section-mypage-list tbody td {border-bottom: 1px solid #CCC}
	.section-mypage-list tbody th {text-align: left;}
	.section-mypage-list thead th,
	.section-mypage-list thead td {border-bottom: 2px solid #57BFC2}

	.section-mypage-form {padding: 0 20px 20px; background: #EFF6F7; border-bottom: 1px solid #DDDDDD;}
	.section-mypage-form .section-title {margin:0 -20px 20px;}
}

@media (max-width: 767px) {
	/* Mobile */
	.section-mypage-list {padding: 10px; background: #FFF; border-bottom: 1px solid #57BFC2; -webkit-box-shadow: 0px 0px 1px #CCCCCC; box-shadow: 0px 0px 1px #CCCCCC;}
	.section-mypage-list .section-title {margin: -10px -10px 20px;}
	.section-mypage-list .part-head-btn {margin-bottom: 20px;}
	.section-mypage-list .part-head-btn {text-align: right;}
	/*
	.section-mypage-list table {width: 100%; margin-bottom: 20px;}
	.section-mypage-list th,
	.section-mypage-list td {padding: 10px;}
	.section-mypage-list tbody th,
	.section-mypage-list tbody td {border-bottom: 1px solid #CCC}
	.section-mypage-list thead th,
	.section-mypage-list thead td {border-bottom: 2px solid #57BFC2}
	*/
	/*
	table.mypage-event-list,
	.mypage-event-list colgroup,
	.mypage-event-list col,
	.mypage-event-list tbody,
	.mypage-event-list tr,
	.mypage-event-list th,
	.mypage-event-list td {display: block !important; width: 100%;}
	*/
	.mypage-event-list {width: 100%; border-top: 1px solid #57BFC2;}
	.mypage-event-list th,
	.mypage-event-list td {padding: 5px 10px; text-align: left; width: 100%;}
	.mypage-event-list th {padding-top: 10px; color: #57BFC2;}
	.mypage-event-list tr:nth-child(4n) td {padding-bottom: 10px; border-bottom: 1px solid #CCC;}

	.section-mypage-form {padding: 0 20px 20px; background: #EFF6F7; border-bottom: 1px solid #DDDDDD;}
	.section-mypage-form .section-title {margin:0 -20px 20px;}

}


/* 必須マーク */
.must{
	color: #fff;
	margin-right: 10px;
	padding: 6px 10px;
	background: #F92931;
	border-radius: 20px;
}

/* 任意マーク */
.free {
	color: #fff;
	margin-right: 10px;
	padding: 6px 10px;
	background: #424242;
	border-radius: 20px;
}

/* 項目名を太字にする */
form p {
	font-weight: 600;
	margin-top: 14px;
}

/* 入力項目を見やすくする */
input.wpcf7-form-control.wpcf7-text,
textarea.wpcf7-form-control.wpcf7-textarea {
	width: 100%;
	padding: 8px 15px;
	margin-right: 10px;
	margin-top: 10px;
	border: 1px solid #d0d5d8;
	border-radius: 3px;
}
textarea.wpcf7-form-control.wpcf7-textarea {
	height: 200px;
}

/* 必須項目の入力欄を黄色にする */
input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
	background: rgba(255, 255, 142, 0.46);
}

/* 送信ボタンを見やすくする */
input.wpcf7-submit {
	width: 100%;
	height: 80px;
	background: #27c038;
	color: #fff;
	font-size: 20px;
	font-weight: 600;
}

/* エラーメッセージを見やすくする */
span.wpcf7-not-valid-tip,
.wpcf7-response-output.wpcf7-validation-errors {
	color: red;
	font-weight: 600;
}

.futo {
	font-weight: bold;
}

.deka {
	font-size: 120%;
}

.dekadeka {
	font-size: 150%;
}

.dekadekadeka {
	font-size: 200%;
}

.dekadekadekadeka {
	font-size: 300%;
}

.red {
	color: red;
}

.m-top10 {
	margin-top: 10px;
}

.m-top30 {
	margin-top: 30px;
}

.m-top50 {
	margin-top: 50px;
}

.m-top100 {
	margin-top: 100px;
}

.m-btm10 {
	margin-bottom: 10px !important;
}

.m-btm30 {
	margin-bottom: 30px !important;
}

.m-btm50 {
	margin-bottom: 50px !important;
}

.m-btm100 {
	margin-bottom: 100px !important;
}

.ad_unit {
	width: 95%;
	margin: 0 auto;
}

.meishi{
	margin:20px 2%;
	text-align: center;
}

.meishi h2{
	text-align:center;
	color: blue;
	font-size: 120%;
}

.meishi img{
}

.meishi p{
	text-align:center;
	width: 70%;
	margin: 0 auto;
}

.video {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  margin-bottom: 10px;
}
 
.video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.job{
	width: 100%;
}

.job td{
	background-color: #fff;
	height: 50px;
	text-align: center;
	width: 25%;
	border-style: none;
    vertical-align: middle;
	font-weight: bold;
    border: 1px solid #ddd;
	padding: 2%;
}

.job td:nth-child(odd) {
	background-color: #eee;
}

.job_list{
	width: 100%;
}

.job_list td{
	background-color: #fff;
	height: 50px;
	text-align: center;
	width: 10%;
	border-style: none;
    vertical-align: middle;
    border: 1px solid #ddd;
	padding: 1%;
    font-size: 70%;
    line-height: normal;
}

.job_list td:nth-child(odd) {
	background-color: #eee;
}

.job_list a{
    text-decoration: none;
    color: blue;
}

.player{
	width: 100%;
    margin-bottom: 1em;
}

.player td{
	background-color: #fff;
	height: 50px;
	width: 1%;
	text-align: center;
	border-style: none;
    vertical-align: middle;
	font-weight: bold;
    border: 1px solid #ddd;
}

.player td:nth-child(odd) {
	background-color: #eee;
}

.player .s {
	text-decoration: line-through;
}

.part-content-default {
word-break: break-all;
}

.cal{
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	}
	
.cal th{
	font-size: 12px;
    font-size: 1.2rem;
    line-height: 1;
    padding: 5px 0;
    font-weight: normal;
    background-color: #eee;
	border: 1px solid #ccc;
	width: 16.6%;
    font-size: 90%;
}
	
.cal td{
	border: 1px solid #ccc;
    height: 5em;
    padding: 0px 3px;
	background-color: #fff;
}

.cal td p{
    margin: 0px;
	font-size: 80%;
}

.calbg{
    background-image: url(https://osaka-jinro-lab.com/wp-content/uploads/2019/10/calbg.jpg);
    background-size: cover;
    background-position: center;
}

.calbg_2{
    background-image: url(https://osaka-jinro-lab.com/wp-content/uploads/2019/10/calbg_2.jpg);
    background-size: cover;
    background-position: center;
}


.box15 {
    padding: 0.2em 0.5em;
    margin: 2em auto;
    color: #565656;
    background: #ffeaea;
    box-shadow: 0px 0px 0px 10px #ffeaea;
    border: dashed 2px #ffc3c3;
    border-radius: 8px;
	width: 90%;
}
.box15 p {
    margin: 0; 
    padding: 0;
}



.btn-gradient-radius {
  display: inline-block;
  font-weight: bold;
  padding: 7px 20px;
  border-radius: 25px;
  text-decoration: none;
  color: #FFF;
  background-image: linear-gradient(45deg, #FFC107 0%, #ff8b5f 100%);
  transition: .4s;
}

.btn-gradient-radius:hover {
  background-image: linear-gradient(45deg, #FFC107 0%, #f76a35 100%);
}



/*↓アコーディオンパネル*/
.hidden_box {
    margin: 2em 0;/*前後の余白*/
    padding: 0;
}

/*ボタン装飾*/
.hidden_box label {
    padding: 15px;
    font-weight: bold;
    border: solid 2px black;
    cursor :pointer;
}

/*ボタンホバー時*/
.hidden_box label:hover {
    background: #efefef;
}

/*チェックは見えなくする*/
.hidden_box input {
    display: none;
}

/*中身を非表示にしておく*/
.hidden_box .hidden_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
.hidden_box input:checked ~ .hidden_show {
    padding: 10px 0;
    height: auto;
    opacity: 1;
}
/*↑アコーディオンパネル*/


.section-app-step .part-image img {
    width: 30%;
}

.section-app-step .part-image {
    padding: 30px 10px;
    text-align: center;
}

.column_menu td {
    background-color: #f5f5f5;
    height: 35px;
    text-align: center;
    width: 10%;
    border-style: none;
    vertical-align: middle;
    border: 1px solid #dde4e6;
    padding: 1%;
    font-size: 80%;
    line-height: normal;
    color: #404040;
    font-weight: bold;
}

.column_menu td a {
	text-decoration: none;
}

.column_menu {
	margin-top: -15px;
    margin-bottom: 5px;
}

/*↓オビ*/
#click{
	display: block;
    position: fixed;
    bottom: 0px;
	right: 0px;
    z-index: 9999;
}

@media ( min-width : 700px ){
#click img{
    max-height: 50px;
}
}
/*↑オビ*/

/*↓商品一覧*/
.product{
	font-size: 0.7rem;
    line-height: 1.7rem;
    margin: 0 0 15px;
    border-bottom: 1px solid #d1d8e2;
    width: 100%;
    table-layout: auto;
    box-shadow: rgb(0 0 0 / 5%) 0 1px 1px 0;
    border-collapse: collapse;
}
.product_left{
	text-align: center;
    border: 1px #d1d8e2 solid;
	font-weight: normal;
    vertical-align: middle;
	padding: 5px;
}
.product th{
    background-color: #f1f4f7;
    text-align: center;
	border: 1px #d1d8e2 solid;
    vertical-align: middle;
}
.product td{
    background-color: #fff;
    text-align: center;
    border: 1px #d1d8e2 solid;
	font-weight: normal;
    vertical-align: middle;
}
.product_about{
    text-align: left !important;
    line-height: 1rem;
    padding: 5px;
}
.product_btn {
  position: relative;
  display: inline-block;
  font-weight: bold;
  padding: 0.25em 0.5em;
  text-decoration: none;
  color: #FFF;
  background: #57BFC2;
  transition: .4s;
  text-align: center;
  padding: 10px;
  margin: 10px 25%;
  width: 50%;
}