@charset "UTF-8";
@charset 'UTF-8';
.top-title {
text-align: center;
margin-bottom: 1rem;
} .copy-link {
font-size: 12px;
margin-top: 1rem;
} .list_column_ttl .c_block__width-a {
width: 100%;
}
.list_column {
margin: 2rem 0;
}
.c_post-a.list_column a {
color: #e96312;
}
.c_post-a>ul.page-index {
padding: 20px;
}
@media screen and (max-width:768px) {
.c_block__info-a.list_column_ttl .c_block__strong {
font-size: 1.6rem;
}
}
.more_btn {
background-color: #e96312;
padding: 1rem;
width: 20%;
margin: 1rem auto;
text-align: center;
}
.more_btn a {
color: #fff;
font-weight: bold;
}
@media screen and (max-width:768px) {
.more_btn {
width: 60%;
}
}
.thumb-img {
width: 100%;
margin: 20px auto 5px;
}
#l_footer-a .c_inline_list-a li {
padding-bottom: 10px;
}
.list_column_ttl .c_block__width-a {
font-weight: normal;
}
.breadcrumbs {
padding: 20px 4%;
max-width: 1000px;
width: 100%;
margin: auto;
}
@media screen and (max-width:768px) {
.breadcrumbs {
max-width: 90%;
}
}
.c_nav__list li a {
font-weight: bolder;
font-size: 17px;
}
.ft_com {
padding: 10px 0;
}.wp-pagenavi {
clear: both;
}
.wp-pagenavi a, .wp-pagenavi span {
text-decoration: none;
border: 1px solid #BFBFBF;
padding: 3px 5px;
margin: 2px;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
border-color: #000;
}
.wp-pagenavi span.current {
font-weight: bold;
}.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
 .slick-loading .slick-list
{
background: #fff url(https://mytera.jp/wp-content/themes/mytera/assets/css/ajax-loader.gif) center center no-repeat;
} @font-face
{
font-family: 'slick';
font-weight: normal;
font-style: normal;
font-display: swap;
src: url(https://mytera.jp/wp-content/themes/mytera/assets/css/fonts/slick.eot);
src: url(https://mytera.jp/wp-content/themes/mytera/assets/css/fonts/slick.eot?#iefix) format('embedded-opentype'), url(https://mytera.jp/wp-content/themes/mytera/assets/css/fonts/slick.woff) format('woff'), url(https://mytera.jp/wp-content/themes/mytera/assets/css/fonts/slick.ttf) format('truetype'), url(https://mytera.jp/wp-content/themes/mytera/assets/css/fonts/slick.svg#slick) format('svg');
} .slick-prev,
.slick-next
{
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
opacity: .25;
}
.slick-prev:before,
.slick-next:before
{
font-family: 'slick';
font-size: 20px;
line-height: 1;
opacity: .75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev
{
left: -25px;
}
[dir='rtl'] .slick-prev
{
right: -25px;
left: auto;
}
.slick-prev:before
{
content: '←';
}
[dir='rtl'] .slick-prev:before
{
content: '→';
}
.slick-next
{
right: -25px;
}
[dir='rtl'] .slick-next
{
right: auto;
left: -25px;
}
.slick-next:before
{
content: '→';
}
[dir='rtl'] .slick-next:before
{
content: '←';
} .slick-dotted.slick-slider
{
margin-bottom: 30px;
}
.slick-dots
{
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li
{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button
{
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
opacity: 1;
}
.slick-dots li button:before
{
font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
opacity: .75;
color: black;
}

html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],
template {
display: none;
}
a {
background-color: transparent;
}
a:active,
a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
mark {
background: #ff0;
color: #000;
}
small {
font-size: 100%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 1em 40px;
max-width: 100%;
}
figure figcaption {
line-height: 1.9;
}
hr {
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html input[type=button],
input[type=reset],
input[type=submit] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type=checkbox],
input[type=radio] {
box-sizing: border-box;
padding: 0;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
height: auto;
}
input[type=search] {
-webkit-appearance: textfield;
box-sizing: content-box;
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}
@media screen and (max-width: 768px) {
.sp-none {
display: none;
}
}
.pc-none {
display: none;
}
@media screen and (max-width: 768px) {
.pc-none {
display: block;
}
}
.is-fixed {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
html {
font-size: 62.5%;
overflow-x: hidden;
}
body {
font-size: 14px;
font-family: "游ゴシック", YuGothic, "ＭＳ ゴシック", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", sans-serif;
color: #000;
-webkit-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased;
}
body, button, input {
line-height: 1.4;
}
img {
max-width: 100%;
height: auto;
}
a {
color: #000;
text-decoration: none;
transition: opacity 0.25s ease;
}
a:visited {
color: #000;
text-decoration: none;
}
a:hover, a:active, a:focus {
color: #000;
text-decoration: none;
opacity: 0.7;
}
@media screen and (max-width: 768px) {
a:hover, a:active, a:focus {
opacity: 1;
}
}
button {
transition: opacity 0.25s ease;
}
button:hover, button:active, button:focus {
opacity: 0.7;
}
@media screen and (max-width: 768px) {
button:hover, button:active, button:focus {
opacity: 1;
}
}
h1, h2, h3, h4, h5, h6,
p, ul, ol, dl, blockquote, pre {
margin: 0;
font-size: 1em;
}
td, th {
padding: 0;
}
ul, ol {
padding-left: 0;
}
li {
list-style-type: none;
}
dd {
margin-left: 0;
}
img {
vertical-align: bottom;
}
em {
font-style: normal;
font-weight: bold;
}
button,
input[type=button],
input[type=reset],
input[type=submit] {
margin: 0;
padding: 0;
border: 0;
background-color: transparent;
}
h1, h2, h3, h4,
p,
th, td {
word-break: normal;
word-wrap: break-word;
}
body {
overflow-x: hidden;
min-width: 1000px;
padding: 80px 0 0;
}
@media screen and (max-width: 768px) {
body {
min-width: 100%;
padding: 62px 0 0;
}
}
body.is_mytera_calendar, body.is_mytera_newspaper {
padding: 115px 0 0;
}
@media screen and (max-width: 768px) {
body.is_mytera_calendar, body.is_mytera_newspaper {
padding: 95px 0 0;
}
}
body.is_mytera_calendar #l_header-b .l_header__body .l_header__inner, body.is_mytera_newspaper #l_header-b .l_header__body .l_header__inner {
box-shadow: 0 -2px 2px rgba(0, 0, 0, 0.06);
}
body.is_mytera_calendar #l_header-b .l_header__body.is_floating + .l_header__mail, body.is_mytera_newspaper #l_header-b .l_header__body.is_floating + .l_header__mail {
top: 50px;
}
@media screen and (max-width: 768px) {
body.is_mytera_calendar #l_header-b .l_header__body.is_floating + .l_header__mail, body.is_mytera_newspaper #l_header-b .l_header__body.is_floating + .l_header__mail {
top: 55px;
}
}
body.is_mytera_calendar #l_header-b .l_header__body.is_floating + .l_header__mail + .c_nav_toggle-b, body.is_mytera_newspaper #l_header-b .l_header__body.is_floating + .l_header__mail + .c_nav_toggle-b {
top: 45px;
}
@media screen and (max-width: 768px) {
body.is_mytera_calendar #l_header-b .l_header__body.is_floating + .l_header__mail + .c_nav_toggle-b, body.is_mytera_newspaper #l_header-b .l_header__body.is_floating + .l_header__mail + .c_nav_toggle-b {
top: 48px;
}
}
body.is_mytera_calendar #l_header-b .c_nav_toggle-b, body.is_mytera_newspaper #l_header-b .c_nav_toggle-b {
top: 55px;
}
@media screen and (max-width: 768px) {
body.is_mytera_calendar #l_header-b .c_nav_toggle-b, body.is_mytera_newspaper #l_header-b .c_nav_toggle-b {
top: 50px;
}
}
body.is_mytera_calendar #l_header-b .l_header__mail, body.is_mytera_newspaper #l_header-b .l_header__mail {
top: 57px;
}
@media screen and (max-width: 768px) {
body.is_mytera_calendar #l_header-b .l_header__mail, body.is_mytera_newspaper #l_header-b .l_header__mail {
top: 55px;
}
}
.l_structure-a {
width: 1000px;
margin: 0 auto;
}
@media screen and (max-width: 768px) {
.l_structure-a {
width: 100%;
box-sizing: border-box;
}
}
.l_structure-b {
width: 720px;
margin: 0 auto;
}
@media screen and (max-width: 768px) {
.l_structure-b {
width: 100%;
box-sizing: border-box;
}
}
.l_structure-c {
width: 850px;
margin: 0 auto;
}
@media screen and (max-width: 768px) {
.l_structure-c {
width: 100%;
box-sizing: border-box;
}
}
.l_structure-d {
width: 940px;
margin: 0 auto;
}
@media screen and (max-width: 768px) {
.l_structure-d {
width: 100%;
box-sizing: border-box;
}
}
.l_structure-e {
width: 900px;
margin: 0 auto;
}
@media screen and (max-width: 768px) {
.l_structure-e {
width: 100%;
box-sizing: border-box;
}
}
.l_structure-e a {
text-decoration: underline;
color: #e96312;
}
.l_structure-f {
width: 800px;
margin: 0 auto;
}
@media screen and (max-width: 768px) {
.l_structure-f {
width: 100%;
box-sizing: border-box;
}
}
.l_structure-g {
width: 1000px;
margin: 0 auto;
}
@media screen and (max-width: 768px) {
.l_structure-g {
width: 100%;
box-sizing: border-box;
}
}
.l_structure-h {
margin: 0 auto;
}
@media screen and (max-width: 768px) {
.l_structure-h {
width: 100%;
box-sizing: border-box;
}
}
.l_structure-i {
width: 890px;
margin: 0 auto;
}
@media screen and (max-width: 768px) {
.l_structure-i {
width: 100%;
box-sizing: border-box;
}
}
.l_structure-j {
width: 600px;
margin: 0 auto;
}
@media screen and (max-width: 768px) {
.l_structure-j {
width: 100%;
box-sizing: border-box;
}
}
.l_structure-k {
width: 100%;
max-width: 1000px;
margin: 0 auto;
}
@media screen and (max-width: 768px) {
.l_structure-k {
box-sizing: border-box;
}
}
#l_header-a .l_header__logo {
padding: 9px 0;
}
#l_header-a .l_header__logo img {
height: 40px;
}
#l_header-a .l_header__body {
background: #fff;
margin: auto;
overflow: hidden;
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 99;
}
#l_header-a .l_header__body .hidden-not-floating {
display: none;
}
@media screen and (min-width: 768px) {
#l_header-a .l_header__body .hidden-floating {
display: inline-block;
}
#l_header-a .l_header__body.is_floating {
position: fixed;
}
#l_header-a .l_header__body.is_floating .hidden-not-floating {
display: inline-block;
}
#l_header-a .l_header__body.is_floating .hidden-floating {
display: none;
}
#l_header-a .l_header__body.is_floating .l_header__logo {
display: inline-block;
padding: 6px 0;
position: relative;
z-index: 1;
}
#l_header-a .l_header__body.is_floating .l_header__logo img {
height: 36px;
}
#l_header-a .l_header__body.is_floating #l_nav {
margin: auto;
position: absolute;
top: 0;
left: 0;
right: 0;
}
#l_header-a .l_header__body.is_floating #l_nav ul li {
width: 180px;
}
#l_header-a .l_header__body.is_floating #l_nav ul li:nth-child(1) a {
border-bottom: 7px solid #e96312;
}
#l_header-a .l_header__body.is_floating #l_nav ul li:nth-child(2) a {
border-bottom: 7px solid #399f3c;
}
#l_header-a .l_header__body.is_floating #l_nav ul li a {
padding: 12px 0 13px;
}
}
@media screen and (max-width: 768px) {
#l_header-a .l_header__body {
position: fixed;
}
}
#l_header-a .l_header__inner {
border-bottom: 2px solid #a99745;
}
@media screen and (max-width: 768px) {
#l_header-a .l_header__inner {
padding: 0 10px;
}
}
#l_header-a .l_structure-a {
position: relative;
}
#l_header-b .l_header__logo {
position: absolute;
padding: 11px 0;
left: 0;
right: 0;
text-align: center;
}
@media screen and (max-width: 768px) {
#l_header-b .l_header__logo {
padding: 6px 0;
}
}
#l_header-b .l_header__logo .header__icon {
width: 45px;
vertical-align: middle;
}
@media screen and (max-width: 768px) {
#l_header-b .l_header__logo .header__icon {
width: 38px;
}
}
#l_header-b .l_header__logo .header__title {
vertical-align: middle;
}
#l_header-b .l_header__logo .header__title[src*=top] {
width: 104px;
margin-left: 2px;
}
@media screen and (max-width: 768px) {
#l_header-b .l_header__logo .header__title[src*=top] {
width: 102px;
margin-left: 4px;
}
}
#l_header-b .l_header__logo .header__title[src*=tera01] {
width: 160px;
margin-left: 11px;
}
@media screen and (max-width: 768px) {
#l_header-b .l_header__logo .header__title[src*=tera01] {
width: 134px;
margin-left: 4px;
}
}
#l_header-b .l_header__logo .header__title[src*=calendar] {
width: 240px;
margin-left: 8px;
}
@media screen and (max-width: 768px) {
#l_header-b .l_header__logo .header__title[src*=calendar] {
width: 176px;
margin-left: 4px;
}
}
#l_header-b .l_header__logo .header__title[src*=paper] {
width: 160px;
margin-left: 12px;
}
@media screen and (max-width: 768px) {
#l_header-b .l_header__logo .header__title[src*=paper] {
width: 134px;
margin-left: 4px;
}
}
#l_header-b .l_header__inner {
position: relative;
height: 80px;
margin: 0 auto;
}
@media screen and (max-width: 768px) {
#l_header-b .l_header__inner {
height: 60px;
}
}
#l_header-b .l_header__mail {
position: absolute;
padding: 0;
top: 32px;
right: 11%;
z-index: 100;
width: 23px;
}
@media screen and (max-width: 768px) {
#l_header-b .l_header__mail {
position: fixed;
top: 20px;
right: 6%;
}
}
#l_header-b .c_nav_toggle-b {
position: absolute;
margin: 0;
top: 20px;
left: 10%;
}
@media screen and (max-width: 768px) {
#l_header-b .c_nav_toggle-b {
position: fixed;
top: 16px;
left: 2%;
}
}
#l_header-b .l_header__body {
background: #fff;
margin: auto;
overflow: hidden;
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 98;
}
#l_header-b .l_header__body .hidden-not-floating {
display: none;
}
#l_header-b .l_header__body.is_top {
border-bottom: 2px solid #e5e5e5;
}
#l_header-b .l_header__body.is_otera {
border-bottom: 2px solid #e96312;
}
#l_header-b .l_header__body.is_mytera_calendar {
border-bottom: 2px solid #e6c521;
}
#l_header-b .l_header__body.is_mytera_newspaper {
border-bottom: 2px solid #399f3c;
}
@media screen and (max-width: 768px) {
#l_header-b .l_header__body {
position: fixed;
}
}
@media screen and (min-width: 768px) {
#l_header-b .l_header__body.is_floating {
position: fixed;
}
#l_header-b .l_header__body.is_floating .hidden-not-floating {
display: inline-block;
}
#l_header-b .l_header__body.is_floating .hidden-floating {
display: none;
}
#l_header-b .l_header__body.is_floating .l_header__inner {
height: 50px;
}
#l_header-b .l_header__body.is_floating .l_header__logo {
padding: 7px 0;
}
#l_header-b .l_header__body.is_floating .l_header__logo .header__icon {
width: 30px;
}
#l_header-b .l_header__body.is_floating .l_header__logo .header__title {
vertical-align: middle;
}
#l_header-b .l_header__body.is_floating .l_header__logo .header__title[src*=top] {
width: 82px;
}
#l_header-b .l_header__body.is_floating .l_header__logo .header__title[src*=tera01] {
width: 108px;
margin-left: 12px;
}
#l_header-b .l_header__body.is_floating .l_header__logo .header__title[src*=calendar] {
width: 160px;
margin-left: 6px;
}
#l_header-b .l_header__body.is_floating .l_header__logo .header__title[src*=paper] {
width: 108px;
margin-left: 8px;
}
#l_header-b .l_header__body.is_floating + .l_header__mail {
position: fixed;
top: 17px;
}
#l_header-b .l_header__body.is_floating + .l_header__mail + .c_nav_toggle-b {
position: fixed;
top: 10px;
}
}
#l_bar {
width: 100%;
height: 35px;
padding: 0 11%;
background-color: #f6ebd0;
box-sizing: border-box;
}
@media screen and (max-width: 768px) {
#l_bar {
padding: 0 5.4%;
}
}
#l_bar .l_bar__inner {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
height: 100%;
margin: 0 auto;
}
#l_bar .l_bar__tera {
display: flex;
align-items: center;
}
#l_bar .l_bar__tera-icon {
display: flex;
align-items: center;
justify-content: center;
width: 22px;
height: 22px;
margin-right: 6px;
background-color: #e96312;
border-radius: 4px;
}
#l_bar .l_bar__tera-icon img {
width: 18px;
}
#l_bar .l_bar__tera-txt {
font-size: 1.4rem;
font-weight: bold;
border-bottom: 1px solid #e96312;
}
@media screen and (max-width: 768px) {
#l_bar .l_bar__tera-txt {
font-size: 1.2rem;
}
}
#l_bar .l_bar__top {
display: flex;
align-items: center;
height: 22px;
padding-left: 10px;
border-left: 1px solid rgba(0, 0, 0, 0.8);
font-size: 1rem;
color: rgba(0, 0, 0, 0.8);
}
@media screen and (max-width: 768px) {
#l_bar .l_bar__top {
padding-left: 16px;
}
}
#l_bar .l_bar__top img {
width: 8px;
height: 8px;
margin-left: 4px;
opacity: 0.8;
}
#l_footer-a {
border-top: 4px solid #e8d4a4;
background: rgba(238, 221, 180, 0.4);
padding: 40px 0 15px;
}
@media screen and (max-width: 768px) {
#l_footer-a {
padding: 20px 0 15px;
}
#l_footer-a .l_structure-b {
padding: 0 4%;
}
}
#l_nav {
text-align: center;
}
#l_nav.is_otera {
border-bottom: 2px solid #e96312;
}
#l_nav.is_otera li:nth-child(2) {
opacity: 0.3;
}
#l_nav.is_mytera {
border-bottom: 2px solid #399f3c;
}
#l_nav.is_mytera li:nth-child(1) {
opacity: 0.3;
}
#l_nav ul li {
width: 260px;
}
#l_nav ul li:nth-child(1) a {
border-bottom: 10px solid #e96312;
}
#l_nav ul li:nth-child(2) a {
border-bottom: 10px solid #399f3c;
}
#l_nav ul li a {
display: block;
padding: 35px 0 29px;
}
@media screen and (max-width: 768px) {
#l_nav ul li {
width: 50%;
}
#l_nav ul li:nth-child(1) a {
border-bottom: 8px solid #e96312;
}
#l_nav ul li:nth-child(2) a {
border-bottom: 8px solid #399f3c;
}
#l_nav ul li a {
padding: 18px 0 15px;
}
}
#l_nav-b {
margin: 16px 0 30px;
}
@media screen and (max-width: 768px) {
#l_nav-b {
margin: 24px 0 22px;
}
}
#l_main {
width: 650px;
float: left;
}
@media screen and (max-width: 768px) {
#l_main {
width: 100%;
float: none;
}
}
#l_sub {
width: 300px;
float: right;
}
@media screen and (max-width: 768px) {
#l_sub {
width: 100%;
float: none;
padding: 68px 0 0;
}
}
#l_contents .iframe_wrapper {
width: 100%;
height: 1100px;
border: solid 1px #dbdbdb;
box-sizing: border-box;
padding: 10px;
}
@media screen and (max-width: 768px) {
#l_contents .iframe_wrapper {
height: 500px;
overflow: auto;
-webkit-overflow-scrolling: touch;
}
}
#l_contents .iframe_wrapper iframe[title="HTML Form"] {
display: block;
max-width: 100%;
height: 100%;
}
@media screen and (max-width: 768px) {
#l_contents .iframe_wrapper iframe[title="HTML Form"] {
width: 100%;
height: 100%;
}
}
#l_contents blockquote {
border-radius: 10px;
background: #f5faf5 url(//mytera.jp/wp-content/themes/mytera/assets/images/icon_blockquote_02.png) 15px 15px no-repeat;
background-size: 25px 21px;
margin: 40px 0;
padding: 18px 50px 25px;
}
@media screen and (max-width: 768px) {
#l_contents blockquote {
background-size: 20px 16px;
padding: 14px 20px 20px 40px;
margin: 30px 0;
}
} .kiji-tag {
margin-top: 20px;
}
.kiji-tag ul {
display: flex;
flex-wrap: wrap;
}
.kiji-tag ul li {
margin: 0 10px 10px 0;
}
.kiji-tag ul li a {
color: #333;
background-color: #c5e7c6;
display: block;
padding: 5px 10px;
font-size: 12px;
}
@media screen and (max-width: 768px) {
.kiji-tag ul {
flex-wrap: wrap;
align-content: stretch;
}
.kiji-tag ul li {
margin-right: 1%;
margin-bottom: 1%;
}
}
@media screen and (max-width: 768px) {
.c_post-a + .kiji-tag {
margin: 20px 4% 0;
}
}
.grecaptcha-badge {
visibility: hidden;
}
.c_section-a {
padding: 50px 0;
}
@media screen and (max-width: 768px) {
.c_section-a {
padding: 33px 4%;
}
}
.c_section-a.is_mytera_newspaper {
padding: 0 0 50px;
background: rgba(57, 159, 60, 0.1);
}
@media screen and (max-width: 768px) {
.c_section-a.is_mytera_newspaper {
padding: 0 0 25px;
}
}
.c_section-a.is_mytera_newspaper .l_structure-c {
border-top: 6px solid #399f3c;
padding: 42px 0 0;
}
@media screen and (max-width: 768px) {
.c_section-a.is_mytera_newspaper .l_structure-c {
padding: 27px 4% 0;
}
}
.c_section-a.is_mytera_newspaper .c_block-a .c_block__col {
color: #399f3c;
}
.c_section-a.is_mytera_newspaper .c_block-a .c_block__col:nth-child(1) {
width: 237px;
}
@media screen and (max-width: 768px) {
.c_section-a.is_mytera_newspaper .c_block-a .c_block__col:nth-child(1) {
width: 187px;
margin: 0 auto 24px;
}
}
.c_section-a.is_otera_search, .c_section-a.is_otera_search-b {
padding: 0 0 50px;
background: rgba(233, 99, 18, 0.1);
}
@media screen and (max-width: 768px) {
.c_section-a.is_otera_search, .c_section-a.is_otera_search-b {
padding: 0 0 25px;
}
}
.c_section-a.is_otera_search .l_structure-d, .c_section-a.is_otera_search-b .l_structure-d {
padding: 48px 0 0;
position: relative;
}
.c_section-a.is_otera_search .l_structure-d:before, .c_section-a.is_otera_search-b .l_structure-d:before {
content: "";
width: 850px;
height: 6px;
background: #e96312;
margin: auto;
position: absolute;
top: 0;
left: 0;
right: 0;
}
@media screen and (max-width: 768px) {
.c_section-a.is_otera_search .l_structure-d, .c_section-a.is_otera_search-b .l_structure-d {
padding: 33px 4% 0;
}
.c_section-a.is_otera_search .l_structure-d:before, .c_section-a.is_otera_search-b .l_structure-d:before {
width: 100%;
height: 3px;
}
}
.c_section-a.is_otera_search-b {
border-top: 3px solid #e96312;
}
.c_section-a.is_otera_search-b .l_structure-d {
padding: 40px 0 0;
}
.c_section-a.is_otera_search-b .l_structure-d:before {
display: none;
}
@media screen and (max-width: 768px) {
.c_section-a.is_otera_search-b .l_structure-d {
padding: 30px 4% 0;
}
}
.c_section-a.is_mytera_calendar {
padding: 0 0 50px;
background: rgba(230, 197, 33, 0.07);
}
@media screen and (max-width: 768px) {
.c_section-a.is_mytera_calendar {
padding: 0 0 49px;
}
}
.c_section-a.is_mytera_calendar .l_structure-c {
border-top: 6px solid #e6c521;
padding: 39px 0 0;
}
@media screen and (max-width: 768px) {
.c_section-a.is_mytera_calendar .l_structure-c {
padding: 23px 4% 0;
}
}
.c_section-a.is_mytera_calendar .c_block-a .c_block__col {
color: #e6c521;
}
.c_section-a.is_mytera_calendar .c_block-a .c_block__col:nth-child(1) {
width: 294px;
}
@media screen and (max-width: 768px) {
.c_section-a.is_mytera_calendar .c_block-a {
padding-bottom: 45px;
}
.c_section-a.is_mytera_calendar .c_block-a .c_block__col:nth-child(1) {
margin: 0 auto 16px;
}
}
.c_section-b {
padding: 80px 0;
}
.c_section-b + .c_section-b {
padding-top: 20px;
padding-bottom: 80px;
}
.c_section-b + .c_inline_list-d {
margin-top: 0;
}
.c_section-b.is_mytera_related_tera {
width: 100%;
padding-top: 50px;
border-top: 3px solid #e96312;
}
.c_section-b.is_mytera_related_tera .wrapper {
margin: 0 auto;
width: 1000px;
}
@media screen and (max-width: 768px) {
.c_section-b.is_mytera_related_tera .wrapper {
width: 100%;
}
}
@media screen and (max-width: 768px) {
.c_section-b {
box-sizing: border-box;
padding: 35px 4%;
}
.c_section-b + [class*=c_section-b] {
padding-top: 15px;
padding-bottom: 35px;
}
.c_section-b.is_sm_unique-a {
padding-bottom: 0;
}
.c_section-b.is_sm_unique-a + .c_sub_section-a {
padding-top: 75px;
padding-bottom: 75px;
}
}
.c_section-c {
overflow: hidden;
padding: 0 0 150px;
}
.c_section-c + .c_section-b {
padding-top: 0;
}
@media screen and (max-width: 768px) {
.c_section-c {
padding: 0 4% 75px;
}
}
.c_section-d {
overflow: hidden;
padding: 0 0 100px;
}
.c_section-d + .c_section-b {
padding-top: 0;
}
@media screen and (max-width: 768px) {
.c_section-d {
padding: 0;
}
}
.c_section-e {
overflow: hidden;
padding: 50px 0 60px;
}
.c_section-e.is_bgcolor-a {
background: #f9f5e8;
}
@media screen and (max-width: 768px) {
.c_section-e {
padding: 20px 0;
}
}
.c_section-f {
overflow: hidden;
padding: 0 0 80px;
}
@media screen and (max-width: 768px) {
.c_section-f {
padding: 0 4% 80px;
}
}
.c_section-g {
overflow: hidden;
padding: 0 0 50px;
}
.c_section-g + .c_section-b {
padding-top: 0;
}
@media screen and (max-width: 768px) {
.c_section-g {
padding: 0 4%;
}
}
.c_section-h {
overflow: hidden;
padding: 0 0 150px;
}
.c_section-h + .c_section-b {
padding-top: 0;
}
@media screen and (max-width: 768px) {
.c_section-h {
padding: 0 4%;
}
}
.c_section-i {
overflow: hidden;
}
@media screen and (max-width: 768px) {
.c_section-i {
padding: 0 4%;
}
}
.c_section-i .c_block-k {
margin: 0 0 28px;
}
@media screen and (max-width: 768px) {
.c_section-i .c_block-k {
margin: 0 0 16px;
}
}
.c_section-i .c_tera-a {
margin: 50px 0;
}
.c_section-j {
border-width: 2px 0;
}
.c_section-j.is_otera {
margin-top: 30px;
padding: 45px 0 100px;
border-top: 3px #e96312 solid;
}
@media screen and (max-width: 768px) {
.c_section-j.is_otera {
padding: 16px 2.666666666% 36px;
}
}
.c_section-j.is_mytera_calendar {
border-top: 3px #e6c521 solid;
padding: 36px 0 100px;
}
@media screen and (max-width: 768px) {
.c_section-j.is_mytera_calendar {
padding: 25px 2.666666666% 50px;
}
}
.c_section-j.is_mytera_newspaper {
border-top: 3px #399f3c solid;
padding: 36px 0 100px;
}
@media screen and (max-width: 768px) {
.c_section-j.is_mytera_newspaper {
padding: 25px 2.666666666% 46px;
}
}
.c_section-j.is_twitter {
border-top: 3px #1da1f3 solid;
padding: 36px 0 0;
}
@media screen and (max-width: 768px) {
.c_section-j.is_twitter {
padding: 28px 2.666666666% 0;
}
}
.c_section-k {
overflow: hidden;
padding: 70px 0;
}
@media screen and (max-width: 768px) {
.c_section-k {
padding: 20px 4% 40px;
}
}
.c_section-l {
overflow: hidden;
padding: 70px 0;
}
@media screen and (max-width: 768px) {
.c_section-l {
padding: 20px 0 40px;
}
}
@media screen and (max-width: 768px) {
.c_section-l.is_mytera_newspaper {
padding: 30px 0 40px;
}
}
.c_section-m {
padding: 50px 0;
}
@media screen and (max-width: 768px) {
.c_section-m {
padding: 50px 4% 40px;
}
}
.c_section-o.is_otera {
margin-bottom: 40px;
border-top: 3px solid #e96312;
}
.c_section-o.is_otera .c_list-f {
padding-top: 50px;
}
.c_section-o.is_otera .c_inline_list-d {
margin-top: 40px;
}
@media screen and (max-width: 768px) {
.c_section-o.is_otera {
padding: 0 4%;
}
.c_section-o.is_otera .c_list-f {
padding-top: 32px;
}
.c_section-o.is_otera .c_inline_list-d {
margin-top: 22px;
}
.c_section-o.is_otera .c_block-q {
margin: 32px 0 24px;
}
}
.c_section-o.is_paper {
margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
.c_section-o.is_paper {
margin: 32px 4% 24px;
}
.c_section-o.is_paper .c_inline_list-d {
margin-bottom: 32px;
}
.c_section-o.is_paper .c_block-q {
margin: 0 0 24px;
}
}
.c_section-o.is_calendar {
margin-bottom: 40px;
}
.c_section-o.is_calendar .c_section-b {
padding: 0;
}
.c_section-o.is_calendar .c_grid-h .c_grid__col {
border: none;
}
.c_section-o.is_calendar .u_title-c {
margin-bottom: 30px;
}
.c_section-o.is_calendar .c_inline_list-d {
margin-top: 40px;
}
@media screen and (max-width: 768px) {
.c_section-o.is_calendar {
margin: 32px 4% 24px;
}
.c_section-o.is_calendar .u_title-c {
margin-bottom: 16px;
}
.c_section-o.is_calendar .c_inline_list-d {
margin-top: 24px;
}
.c_section-o.is_calendar .c_block-q {
margin: 32px 0 24px;
}
}
.c_section-p {
width: 600px;
margin: 80px auto 60px;
}
@media screen and (max-width: 768px) {
.c_section-p {
margin: 50px auto 60px;
width: 90%;
}
}
.c_section-p .c_block__title {
margin-bottom: 40px;
text-align: center;
font-size: 24px;
font-size: 2.4rem;
font-weight: bold;
}
.c_section-p .c_block__inner {
margin: 0 auto;
padding: 40px 60px;
border-top: 1px solid #bfbfbf;
}
@media screen and (max-width: 768px) {
.c_section-p .c_block__inner {
padding: 40px 0;
}
}
.c_section-p .c_block__inner > p {
margin: 25px 0;
font-size: 14px;
font-size: 1.4rem;
font-weight: bold;
color: #666;
line-height: 1.5;
}
@media screen and (max-width: 768px) {
.c_section-p .c_block__inner > p {
margin: 10px 0 16px;
}
}
.c_section-p .c_block__inner img[src*=mail] {
width: 202px;
}
@media screen and (max-width: 768px) {
.c_section-p .c_block__inner img[src*=mail] {
width: 195px;
}
}
.c_section-p .c_block__inner img[src*=post] {
width: 312px;
}
@media screen and (max-width: 768px) {
.c_section-p .c_block__inner img[src*=post] {
width: 300px;
}
}
.c_section-p .c_block__inner img[src*=sns] {
width: 158px;
}
.c_section-p .c_block__inner img[src*=wanted] {
width: 441px;
}
@media screen and (max-width: 768px) {
.c_section-p .c_block__inner img[src*=wanted] {
width: 244px;
}
}
.c_section-p .c_block__inner img[src*=writer] {
width: 438px;
}
@media screen and (max-width: 768px) {
.c_section-p .c_block__inner img[src*=writer] {
width: 275px;
}
}
.c_section-p .c_block__input label {
display: block;
font-weight: bold;
}
.c_section-p .c_block__input input {
box-sizing: border-box;
width: 100%;
margin: 10px 0 14px;
padding: 12px 14px;
border: 1px solid #dbdbdb;
border-radius: 10px;
background: #f6f6f6;
-webkit-appearance: none;
font-size: 16px;
font-size: 1.6rem;
letter-spacing: 0.1em;
}
@media screen and (max-width: 768px) {
.c_section-p .c_block__input input {
box-sizing: border-box;
width: 100%;
margin: 0 0 20px;
}
}
.c_section-p .c_block__radio {
margin: 0 0 16px;
text-align: center;
font-size: 16px;
font-size: 1.6rem;
letter-spacing: 0.1em;
}
.c_section-p .c_block__radio input {
display: inline-block;
margin: 0 8px 0 0;
}
.c_section-p .c_block__radio input + input {
margin: 0 8px 0 45px;
}
@media screen and (max-width: 768px) {
.c_section-p .c_block__radio input {
margin: 0 6px 0 0;
}
}
.c_section-p .c_block__mail_input label {
display: block;
font-weight: bold;
}
.c_section-p .c_block__mail_input input {
box-sizing: border-box;
width: 100%;
margin: 10px 0 16px;
padding: 12px 14px;
border: 1px solid #dbdbdb;
border-radius: 10px;
background: #f6f6f6;
-webkit-appearance: none;
font-size: 16px;
font-size: 1.6rem;
letter-spacing: 0.1em;
}
@media screen and (max-width: 768px) {
.c_section-p .c_block__mail_input input {
box-sizing: border-box;
width: 100%;
margin: 0 0 20px;
}
}
.c_section-p .c_block__mail_input textarea {
margin: 10px 0 24px;
padding: 12px 14px;
box-sizing: border-box;
width: 100%;
border: 1px solid #dbdbdb;
border-radius: 10px;
background: #f6f6f6;
font-size: 16px;
font-size: 1.6rem;
}
.c_section-p .c_block__mail_txt {
margin-bottom: 20px;
box-sizing: border-box;
padding: 20px;
border-radius: 10px;
background-color: #fcf1e6;
}
.c_section-p .c_block__mail_txt > label {
display: block;
font-weight: bold;
margin-bottom: 10px;
}
.c_section-p .c_block__mail_txt > p {
color: #666;
line-height: 1.5;
}
.c_section-p .c_block__mail_txt > p a {
text-decoration: underline;
color: #666;
}
.c_section-p .c_block__mail_check {
margin-top: 10px;
text-align: right;
font-weight: bold;
}
.c_sub_section-a {
padding: 50px 0;
}
.c_sub_section-a + .c_sub_section-a {
padding-top: 0;
}
@media screen and (max-width: 768px) {
.c_sub_section-a {
padding: 68px 4% 30px;
}
.c_sub_section-a.is_sm_unique-a {
padding-bottom: 0;
}
}
.c_sub_section-b {
padding: 0 0 50px;
}
.c_sub_section-b + .c_sub_section-a {
padding-top: 0;
}
@media screen and (max-width: 768px) {
.c_sub_section-b {
padding: 0 4% 30px;
}
.c_sub_section-b.is_sm_unique-a {
padding-bottom: 0;
}
}
.c_grid-a {
overflow: hidden;
}
.c_grid-a.is_2col .c_grid__col {
width: 46.66666%;
}
.c_grid-a.is_2col .c_grid__col + .c_grid__col {
margin: 0 0 0 60px;
}
@media screen and (max-width: 768px) {
.c_grid-a.is_2col .c_grid__col + .c_grid__col {
margin: 0 0 0 6.66666%;
}
}
.c_grid-a.is_2col + [class*=c_grid-a] {
padding: 50px 0 0;
}
@media screen and (max-width: 768px) {
.c_grid-a.is_2col + [class*=c_grid-a] {
padding: 30px 0 0;
}
}
.c_grid-a.is_2col-b .c_grid__col {
width: 46.66666%;
}
@media screen and (max-width: 768px) {
.c_grid-a.is_2col-b .c_grid__col {
width: 100%;
}
}
.c_grid-a.is_2col-b .c_grid__col + .c_grid__col {
margin: 0 0 0 60px;
}
@media screen and (max-width: 768px) {
.c_grid-a.is_2col-b .c_grid__col + .c_grid__col {
margin: 0;
padding: 35px 0 0;
}
}
.c_grid-a.is_2col-b + [class*=c_grid-a] {
padding: 50px 0 0;
}
@media screen and (max-width: 768px) {
.c_grid-a.is_2col-b + [class*=c_grid-a] {
padding: 35px 0 0;
}
}
.c_grid-a.is_2col-c .c_grid__col {
width: 46.66666%;
}
@media screen and (max-width: 768px) {
.c_grid-a.is_2col-c .c_grid__col {
width: 100%;
}
}
.c_grid-a.is_2col-c .c_grid__col + .c_grid__col {
margin: 0 0 0 60px;
}
@media screen and (max-width: 768px) {
.c_grid-a.is_2col-c .c_grid__col + .c_grid__col {
margin: 0;
}
}
.c_grid-a.is_2col-c + [class*=c_grid-a] {
padding: 50px 0 0;
}
@media screen and (max-width: 768px) {
.c_grid-a.is_2col-c + [class*=c_grid-a] {
padding: 30px 0 0;
}
}
.c_grid-a.is_3col .c_grid__col {
width: 31.7%;
}
@media screen and (max-width: 768px) {
.c_grid-a.is_3col .c_grid__col {
display: table;
float: none;
width: 100%;
}
.c_grid-a.is_3col .c_grid__col + .c_grid__col {
margin: 10px 0 0 0;
}
}
.c_grid-a.is_3col-b .c_grid__col {
width: 31.7%;
}
@media screen and (max-width: 768px) {
.c_grid-a.is_3col-b .c_grid__col {
display: table;
float: none;
width: 100%;
}
.c_grid-a.is_3col-b .c_grid__col + .c_grid__col {
margin: 30px 0 0 0;
}
}
.c_grid-a.is_4col .c_grid__col {
width: 23.6%;
}
@media screen and (max-width: 768px) {
.c_grid-a.is_4col {
font-size: 0px;
font-size: 0rem;
margin: 0 -2%;
}
.c_grid-a.is_4col .c_grid__col {
box-sizing: border-box;
display: inline-block;
width: 50%;
padding: 0 2%;
float: none;
vertical-align: top;
}
.c_grid-a.is_4col .c_grid__col:nth-child(n+3) {
margin: 25px 0 0;
}
.c_grid-a.is_4col .c_grid__img-a {
margin: 0 0 14px;
}
.c_grid-a.is_4col .c_grid__txt-a {
padding: 0 1.06666% 10px;
}
.c_grid-a.is_4col .c_grid__txt-d {
padding: 0 1.06666%;
}
}
.c_grid-a .c_grid__col {
float: left;
}
.c_grid-a .c_grid__col > a {
display: block;
}
.c_grid-a .c_grid__col + .c_grid__col {
margin: 0 0 0 15px;
}
@media screen and (max-width: 768px) {
.c_grid-a .c_grid__col + .c_grid__col {
margin: 0;
}
}
@media screen and (max-width: 768px) {
.c_grid-a .c_grid__img {
display: table-cell;
width: 50%;
font-size: 0px;
font-size: 0rem;
vertical-align: top;
}
}
@media screen and (max-width: 768px) {
.c_grid-a .c_grid__img > img {
width: 100%;
}
}
@media screen and (max-width: 768px) {
.c_grid-a .c_grid__info {
box-sizing: border-box;
display: table-cell;
width: 50%;
font-size: 0px;
font-size: 0rem;
vertical-align: middle;
margin: 0;
padding: 0 0 0 15px;
}
}
.c_grid-a .c_grid__img-a {
margin: 0 0 16px;
}
@media screen and (max-width: 768px) {
.c_grid-a .c_grid__img-a {
margin: 0;
}
}
.c_grid-a .c_grid__img-b {
margin: 0 0 20px;
}
.c_grid-a .c_grid__title-a {
font-size: 18px;
font-size: 1.8rem;
color: #000;
margin: 0 0 10px;
}
@media screen and (max-width: 768px) {
.c_grid-a .c_grid__title-a {
font-size: 15px;
font-size: 1.5rem;
}
}
.c_grid-a .c_grid__txt-a {
font-size: 12px;
font-size: 1.2rem;
color: #649566;
padding: 0 0 12px;
}
.c_grid-a .c_grid__txt-b {
font-size: 14px;
font-size: 1.4rem;
font-weight: bold;
border-bottom: 1px solid #399f3c;
margin: 0 0 8px;
padding: 0 0 6px;
}
@media screen and (max-width: 768px) {
.c_grid-a .c_grid__txt-b {
font-size: 12px;
font-size: 1.2rem;
}
}
.c_grid-a .c_grid__txt-c {
font-size: 13px;
font-size: 1.3rem;
}
@media screen and (max-width: 768px) {
.c_grid-a .c_grid__txt-c {
font-size: 12px;
font-size: 1.2rem;
}
}
.c_grid-a .c_grid__txt-d {
font-size: 14px;
font-size: 1.4rem;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.c_grid-a .c_grid__txt-d {
font-size: 12px;
font-size: 1.2rem;
}
}
.c_grid-a .c_grid__txt-e {
font-size: 14px;
font-size: 1.4rem;
color: #000;
}
.c_grid-a .c_grid__txt-f {
font-size: 12px;
font-size: 1.2rem;
color: #a7a7a7;
padding: 0 0 18px;
}
@media screen and (max-width: 768px) {
.c_grid-a .c_grid__txt-f {
padding: 0 0 15px;
}
}
.c_grid-a .c_grid__txt-g {
font-size: 12px;
font-size: 1.2rem;
color: #649566;
}
.c_grid-b {
overflow: hidden;
padding: 0 0 50px;
}
@media screen and (max-width: 768px) {
.c_grid-b {
padding: 0 0 8px;
}
}
.c_grid-b.is_2col .c_grid__col {
width: 47.6923%;
}
.c_grid-b.is_2col .c_grid__col:nth-child(2) {
float: right;
}
@media screen and (max-width: 768px) {
.c_grid-b.is_2col .c_grid__col {
width: 100%;
float: none;
}
.c_grid-b.is_2col .c_grid__col:nth-child(2) {
float: none;
}
}
.c_grid-b.is_3col .c_grid__col {
width: 30%;
}
.c_grid-b.is_3col .c_grid__col:nth-child(2) {
margin: 0 5%;
}
@media screen and (max-width: 768px) {
.c_grid-b.is_3col .c_grid__col {
width: 100%;
}
.c_grid-b.is_3col .c_grid__col:nth-child(2) {
margin: 0;
}
}
.c_grid-b .c_grid__col {
float: left;
}
.c_grid-b .c_grid__col > a {
display: block;
}
@media screen and (max-width: 768px) {
.c_grid-b .c_grid__col {
display: table;
float: none;
}
.c_grid-b .c_grid__col + .c_grid__col {
padding: 8px 0 0;
}
}
.c_grid-b .c_grid__img {
margin: 0 0 10px;
}
@media screen and (max-width: 768px) {
.c_grid-b .c_grid__img {
display: table-cell;
width: 50%;
font-size: 0px;
font-size: 0rem;
vertical-align: top;
padding: 0 5px 0 0;
}
}
@media screen and (max-width: 768px) {
.c_grid-b .c_grid__img > img {
width: 100%;
}
}
.c_grid-b .c_grid__img-b {
position: absolute;
top: 0;
right: 0;
width: 35px;
}
@media screen and (max-width: 768px) {
.c_grid-b .c_grid__img-b {
position: static;
width: 16px;
vertical-align: middle;
margin-left: 5px;
padding-bottom: 8px;
flex-shrink: 0;
}
}
.c_grid-b .c_grid__info, .c_grid-b .c_grid__info-d, .c_grid-b .c_grid__info-c, .c_grid-b .c_grid__info-b {
position: relative;
border-left: 2px solid #dbdbdb;
margin: 0 0 15px;
padding: 0 0 0 18px;
}
@media screen and (max-width: 768px) {
.c_grid-b .c_grid__info, .c_grid-b .c_grid__info-d, .c_grid-b .c_grid__info-c, .c_grid-b .c_grid__info-b {
box-sizing: border-box;
display: table-cell;
width: 50%;
font-size: 0px;
font-size: 0rem;
vertical-align: middle;
margin: 0;
padding: 0 0 0 15px;
}
}
.c_grid-b .c_grid__info-b {
border-left: 2px solid #399f3c;
}
.c_grid-b .c_grid__info-c {
border-left: 4px solid #e96312;
height: 170px;
}
.c_grid-b .c_grid__info-d {
border-left: none;
background-repeat: no-repeat;
background-position: left bottom, left bottom;
background-image: url(//mytera.jp/wp-content/themes/mytera/assets/images/paper_border_01.gif), url(//mytera.jp/wp-content/themes/mytera/assets/images/paper_border_02.gif);
background-size: 2px 50%, 2px 100%;
}
@media screen and (max-width: 768px) {
.c_grid-b .c_grid__inner {
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
align-items: flex-end;
}
}
.c_grid-b .c_grid__title-a {
font-size: 18px;
font-size: 1.8rem;
font-weight: bold;
padding: 0 0 5px;
}
@media screen and (max-width: 768px) {
.c_grid-b .c_grid__title-a {
font-size: 16px;
font-size: 1.6rem;
}
}
.c_grid-b .c_grid__title-b {
font-size: 12px;
font-size: 1.2rem;
color: #399f3c;
}
.c_grid-b .c_grid__title-c {
font-size: 20px;
font-size: 2rem;
font-weight: bold;
color: #e96312;
padding: 0 0 15px;
}
.c_grid-b .c_grid__txt-a {
font-size: 12px;
font-size: 1.2rem;
color: #c7804d;
padding: 6px 0 10px;
}
@media screen and (max-width: 768px) {
.c_grid-b .c_grid__txt-a {
padding: 3px 0 5px;
}
}
.c_grid-b .c_grid__txt-b {
font-size: 12px;
font-size: 1.2rem;
color: #a7a7a7;
padding: 0 0 5px;
}
@media screen and (max-width: 768px) {
.c_grid-b .c_grid__txt-b {
padding: 0 0 3px;
}
}
.c_grid-b .c_grid__txt-c {
font-size: 14px;
font-size: 1.4rem;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.c_grid-b .c_grid__txt-c {
font-size: 12px;
font-size: 1.2rem;
}
}
.c_grid-b .c_grid__txt-d {
font-size: 12px;
font-size: 1.2rem;
}
.c_grid-b .c_grid__txt-e {
font-size: 12px;
font-size: 1.2rem;
color: #a7a7a7;
text-align: right;
padding: 0 15px 0 0;
position: relative;
}
.c_grid-b .c_grid__txt-e:before {
content: "";
display: block;
width: 0;
height: 0;
border: 5px solid transparent;
border-left-color: #ccc;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
.c_grid-b .c_grid__txt-e {
display: none;
}
}
.c_grid-b .c_grid__txt-f {
font-size: 12px;
font-size: 1.2rem;
color: #a7a7a7;
padding: 0 0 18px;
}
@media screen and (max-width: 768px) {
.c_grid-b .c_grid__txt-f {
padding: 0 0 15px;
}
}
.c_grid-b .c_grid__txt-g {
font-size: 18px;
font-size: 1.8rem;
line-height: 1.9;
}
.c_grid-c {
overflow: hidden;
}
.c_grid-c + .c_grid-c {
padding: 60px 0 0;
}
@media screen and (max-width: 768px) {
.c_grid-c + .c_grid-c {
padding: 0;
}
}
.c_grid-c.is_2col .c_grid__col {
width: 47.6923%;
}
.c_grid-c.is_2col .c_grid__col:nth-child(2) {
float: right;
}
@media screen and (max-width: 768px) {
.c_grid-c.is_2col .c_grid__col {
width: 100%;
float: none;
}
.c_grid-c.is_2col .c_grid__col:nth-child(2) {
float: none;
}
.c_grid-c.is_2col .c_grid__col + .c_grid__col {
margin: 65px 0 0;
}
}
.c_grid-c.is_3col .c_grid__col {
width: 30%;
}
.c_grid-c.is_3col .c_grid__col:nth-child(2) {
margin: 0 5%;
}
@media screen and (max-width: 768px) {
.c_grid-c.is_3col .c_grid__col {
width: 100%;
margin: 0 0 45px 0;
}
.c_grid-c.is_3col .c_grid__col:nth-child(2) {
margin: 0 0 45px 0;
}
}
.c_grid-c .c_grid__col {
box-sizing: border-box;
float: left;
border-left: 2px solid #399f3c;
padding: 0 0 1px;
}
.c_grid-c .c_grid__info {
padding: 16px;
min-height: 106px;
box-sizing: border-box;
}
.c_grid-c .c_grid__title-a {
font-size: 20px;
font-size: 2rem;
}
@media screen and (max-width: 768px) {
.c_grid-c .c_grid__title-a {
font-size: 22px;
font-size: 2.2rem;
}
}
.c_grid-c .c_grid__txt-a {
font-size: 14px;
font-size: 1.4rem;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.c_grid-c .c_grid__txt-a {
font-size: 16px;
font-size: 1.6rem;
padding: 0 0 3px;
}
}
.c_grid-c .c_grid__txt-b {
font-size: 14px;
font-size: 1.4rem;
padding: 5px 0 0;
}
@media screen and (max-width: 768px) {
.c_grid-c .c_grid__txt-b {
font-size: 15px;
font-size: 1.5rem;
}
}
.c_grid-c .c_grid__txt-c {
font-size: 12px;
font-size: 1.2rem;
text-align: right;
padding: 20px 0 0;
}
.c_grid-c .c_list-a {
padding: 22px 0 0 22px;
}
.c_grid-d {
overflow: hidden;
}
.c_grid-d.is_2col .c_grid__col {
width: 46.47059%;
}
.c_grid-d.is_2col .c_grid__col + .c_grid__col {
margin: 0 0 0 57px;
}
.c_grid-d.is_2col + [class*=c_grid-d] {
padding: 21px 0 0;
}
@media screen and (max-width: 768px) {
.c_grid-d.is_2col .c_grid__col {
float: none;
width: 100%;
}
.c_grid-d.is_2col .c_grid__col + .c_grid__col {
margin: 18px 0 0;
}
.c_grid-d.is_2col + [class*=c_grid-d] {
padding: 18px 0 0;
}
}
.c_grid-d .c_grid__col {
float: left;
border-bottom: 1px rgba(0, 0, 0, 0.1) solid;
padding: 0 0 7px;
overflow: hidden;
}
.c_grid-d .c_grid__col > a {
display: block;
}
.c_grid-d .c_grid__col + .c_grid__col {
margin: 0 0 0 15px;
}
@media screen and (max-width: 768px) {
.c_grid-d .c_grid__col {
padding: 0 0 15px;
}
.c_grid-d .c_grid__col + .c_grid__col {
margin: 0;
}
}
.c_grid-d .c_grid__img {
width: 35.443038%;
float: left;
}
@media screen and (max-width: 768px) {
.c_grid-d .c_grid__img {
width: 50%;
}
}
.c_grid-d .c_grid__info {
float: right;
width: 59.4936708861%;
}
@media screen and (max-width: 768px) {
.c_grid-d .c_grid__info {
width: 45.652173913%;
}
}
.c_grid-d .c_grid__tag {
margin: 0 0 15px;
}
.c_grid-d .c_grid__category {
font-size: 13px;
font-size: 1.3rem;
color: #4c1d00;
display: inline-block;
border: 1px #e6c521 solid;
border-radius: 10px;
line-height: 18px;
background: #fff;
padding: 0 15px;
margin: 0 7px 0 0;
}
.c_grid-d .c_grid__address {
font-size: 13px;
font-size: 1.3rem;
color: #ab6532;
}
.c_grid-d .c_grid__title {
font-size: 18px;
font-size: 1.8rem;
font-weight: bold;
color: #333;
margin: 0 0 12px;
}
@media screen and (max-width: 768px) {
.c_grid-d .c_grid__title {
font-size: 16px;
font-size: 1.6rem;
margin-bottom: 10px;
}
}
.c_grid-d .c_grid__txt {
font-size: 12px;
font-size: 1.2rem;
color: #333;
line-height: 1.5em;
}
.c_grid-d .c_grid__list {
margin: 0 0 11px;
}
.c_grid-d .c_grid__list > dt, .c_grid-d .c_grid__list > dd {
font-size: 13px;
font-size: 1.3rem;
}
.c_grid-d .c_grid__list > dt {
float: left;
}
.c_grid-d .c_grid__list > dt:after {
content: "：";
}
.c_grid-d .c_grid__list > dd:after {
content: "";
display: table;
clear: both;
}
@media screen and (max-width: 768px) {
.c_grid-d .c_grid__list {
margin-bottom: 9px;
}
.c_grid-d .c_grid__list > dt, .c_grid-d .c_grid__list > dd {
font-size: 12px;
font-size: 1.2rem;
line-height: 1.6em;
}
}
.c_grid-e {
overflow: hidden;
padding: 0 0 50px;
}
@media screen and (max-width: 768px) {
.c_grid-e {
padding: 0;
}
}
.c_grid-e.is_2col .c_grid__col {
width: 46.511627907%;
}
.c_grid-e.is_2col .c_grid__col:nth-child(2) {
float: right;
}
@media screen and (max-width: 768px) {
.c_grid-e.is_2col .c_grid__col {
width: 100%;
float: none;
}
.c_grid-e.is_2col .c_grid__col:nth-child(2) {
float: none;
}
}
.c_grid-e .c_grid__col {
float: left;
}
.c_grid-e .c_grid__col > a {
display: block;
}
@media screen and (max-width: 768px) {
.c_grid-e .c_grid__col {
display: table;
float: none;
padding: 0 0 15px;
border-bottom: 1px rgba(0, 0, 0, 0.1) solid;
margin: 0 0 16px;
}
}
.c_grid-e .c_grid__img {
margin: 0 0 13px;
}
@media screen and (max-width: 768px) {
.c_grid-e .c_grid__img {
display: table-cell;
width: 49.7101449275%;
font-size: 0px;
font-size: 0rem;
vertical-align: top;
padding: 0 5px 0 0;
}
}
@media screen and (max-width: 768px) {
.c_grid-e .c_grid__img > img {
width: 100%;
}
}
.c_grid-e .c_grid__info {
padding: 0 0 0 16px;
border-left: 2px solid #e6c521;
}
.c_grid-e .c_grid__info .c_grid__tag {
display: block;
padding: 0 0 21px;
}
@media screen and (max-width: 768px) {
.c_grid-e .c_grid__info {
box-sizing: border-box;
display: table-cell;
border-left: none;
width: 50%;
font-size: 0px;
font-size: 0rem;
vertical-align: top;
margin: 0;
}
.c_grid-e .c_grid__info .c_grid__tag {
display: none;
}
}
.c_grid-e .c_grid__title-a {
font-size: 18px;
font-size: 1.8rem;
font-weight: bold;
padding: 0 0 5px;
}
@media screen and (max-width: 768px) {
.c_grid-e .c_grid__title-a {
font-size: 16px;
font-size: 1.6rem;
}
}
.c_grid-e .c_grid__tag {
display: none;
}
@media screen and (max-width: 768px) {
.c_grid-e .c_grid__tag {
display: block;
font-size: 0px;
font-size: 0rem;
margin: 0 0 14px;
}
}
.c_grid-e .c_grid__category {
font-size: 13px;
font-size: 1.3rem;
color: #4c1d00;
display: inline-block;
border: 1px #e6c521 solid;
border-radius: 10px;
line-height: 18px;
background: #fff;
padding: 0 15px;
margin: 0 7px 0 0;
}
@media screen and (max-width: 768px) {
.c_grid-e .c_grid__category {
font-size: 12px;
font-size: 1.2rem;
display: inline-block;
}
}
.c_grid-e .c_grid__address {
font-size: 13px;
font-size: 1.3rem;
color: #ab6532;
}
@media screen and (max-width: 768px) {
.c_grid-e .c_grid__address {
font-size: 12px;
font-size: 1.2rem;
display: inline-block;
}
}
.c_grid-e .c_grid__address + .c_grid__category {
margin: 6px 0 0;
}
.c_grid-e .c_grid__list > dt, .c_grid-e .c_grid__list > dd {
font-size: 13px;
font-size: 1.3rem;
}
.c_grid-e .c_grid__list > dt {
float: left;
}
.c_grid-e .c_grid__list > dt:after {
content: "：";
}
.c_grid-e .c_grid__list > dd:after {
content: "";
display: table;
clear: both;
}
@media screen and (max-width: 768px) {
.c_grid-e .c_grid__list > dt, .c_grid-e .c_grid__list > dd {
font-size: 12px;
font-size: 1.2rem;
line-height: 1.6em;
}
}
.c_grid-f {
overflow: hidden;
}
.c_grid-f.is_3col .c_grid__col {
width: 32.4%;
}
.c_grid-f.is_3col .c_grid__col:nth-child(2) {
margin: 0 1.4%;
}
.c_grid-f.is_3col + [class*=c_grid-f] {
padding: 10px 0 50px;
}
@media screen and (max-width: 768px) {
.c_grid-f.is_3col + [class*=c_grid-f] {
padding: 8px 0 25px;
}
}
@media screen and (max-width: 768px) {
.c_grid-f.is_3col .c_grid__col {
width: 100%;
}
.c_grid-f.is_3col .c_grid__col:nth-child(2) {
margin: 0;
}
}
.c_grid-f .c_grid__col {
position: relative;
float: left;
}
.c_grid-f .c_grid__col > a {
display: block;
}
@media screen and (max-width: 768px) {
.c_grid-f .c_grid__col {
display: table;
float: none;
}
.c_grid-f .c_grid__col + .c_grid__col {
padding: 8px 0 0;
}
}
@media screen and (max-width: 768px) {
.c_grid-f .c_grid__img-a > img {
width: 100%;
}
}
.c_grid-f .c_grid__img-b {
position: absolute;
top: 15px;
right: 15px;
width: 40px;
}
.c_grid-f .c_grid__img-b > img {
width: 100%;
}
.c_grid-f .c_grid__info {
box-sizing: border-box;
display: flex;
justify-content: space-between;
align-items: flex-end;
position: absolute;
bottom: 0;
width: 100%;
height: 100%;
padding: 15px;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0.7) 100%);
color: #fff;
overflow: hidden;
}
@media screen and (max-width: 768px) {
.c_grid-f .c_grid__info {
box-sizing: border-box;
font-size: 0px;
font-size: 0rem;
}
}
.c_grid-f .c_grid__title-a {
margin: 0 0 -4px;
font-size: 24px;
font-size: 2.4rem;
font-weight: bold;
}
.c_grid-f .c_grid__txt-a {
padding-bottom: 4px;
font-size: 11px;
font-size: 1.1rem;
font-weight: bold;
text-align: right;
}
.c_grid-f .c_grid__txt-b {
font-size: 14px;
font-size: 1.4rem;
font-weight: bold;
text-align: right;
}
.c_grid-g {
overflow: hidden;
}
.c_grid-g.is_4col .c_grid__col {
width: 22.5%;
}
.c_grid-g.is_4col + [class*=c_grid-g] {
padding: 36px 0 0;
}
@media screen and (max-width: 768px) {
.c_grid-g.is_4col + [class*=c_grid-g] {
padding: 24px 0 0;
}
}
@media screen and (max-width: 768px) {
.c_grid-g.is_4col {
font-size: 0px;
font-size: 0rem;
margin: 0 -2%;
}
.c_grid-g.is_4col .c_grid__col {
box-sizing: border-box;
display: inline-block;
width: 100%;
padding: 0 2%;
float: none;
vertical-align: top;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.c_grid-g.is_4col .c_grid__col {
padding: 0 2%;
}
}
@media screen and (max-width: 768px) {
.c_grid-g.is_4col .c_grid__col + .c_grid__col {
padding: 24px 2% 0;
}
.c_grid-g.is_4col .c_grid__col:nth-child(n+3) {
margin: 25px 0 0;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.c_grid-g.is_4col .c_grid__col:nth-child(n+3) {
margin: 0;
}
}
@media screen and (max-width: 768px) {
.c_grid-g.is_4col .c_grid__img-a {
margin: 0 0 14px;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.c_grid-g.is_4col .c_grid__img-a {
float: left;
width: 47%;
margin: 0;
padding: 0 3% 0 0;
}
}
@media screen and (max-width: 768px) {
.c_grid-g.is_4col .c_grid__txt-a {
padding: 0 1.06666% 10px;
}
.c_grid-g.is_4col .c_grid__txt-d {
padding: 0 1.06666%;
}
}
.c_grid-g .c_grid__col {
float: left;
}
.c_grid-g .c_grid__col > a {
display: block;
}
.c_grid-g .c_grid__col + .c_grid__col {
margin: 0 0 0 3.333333333%;
}
@media screen and (max-width: 768px) {
.c_grid-g .c_grid__col + .c_grid__col {
margin: 0;
}
}
.c_grid-g .c_grid__info {
font-size: 0px;
font-size: 0rem;
}
@media screen and (max-width: 768px) {
.c_grid-g .c_grid__info {
box-sizing: border-box;
display: table-cell;
width: 50%;
vertical-align: middle;
margin: 0;
}
}
.c_grid-g .c_grid__img-a {
margin: 0 0 10px;
}
@media screen and (max-width: 768px) {
.c_grid-g .c_grid__img-a {
margin: 0;
}
}
.c_grid-g .c_grid__img-b {
margin: 0 0 20px;
}
.c_grid-g .c_grid__title-a {
font-size: 18px;
font-size: 1.8rem;
color: #000;
margin: 0 0 10px;
}
@media screen and (max-width: 768px) {
.c_grid-g .c_grid__title-a {
font-size: 15px;
font-size: 1.5rem;
}
}
.c_grid-g .c_grid__txt-a {
font-size: 16px;
font-size: 1.6rem;
font-weight: bold;
padding: 0 0 14px;
}
@media screen and (max-width: 768px) {
.c_grid-g .c_grid__txt-a {
font-size: 18px;
font-size: 1.8rem;
}
}
.c_grid-g .c_grid__txt-b {
color: #999;
font-size: 14px;
font-size: 1.4rem;
}
.c_grid-g .c_grid__txt-c {
display: inline-block;
color: #999;
font-size: 14px;
font-size: 1.4rem;
}
.c_grid-g .c_grid__txt-d {
font-size: 16px;
font-size: 1.6rem;
font-weight: bold;
padding: 8px 0 0;
}
@media screen and (max-width: 768px) {
.c_grid-g .c_grid__txt-d {
font-size: 18px;
font-size: 1.8rem;
}
}
.c_grid-h {
overflow: hidden;
width: 850px;
margin: 0 auto;
}
@media screen and (max-width: 768px) {
.c_grid-h {
width: 100%;
}
}
.c_grid-h.is_2col {
display: flex;
flex-wrap: wrap;
}
.c_grid-h.is_2col .c_grid__col {
width: 395px;
border-bottom: 1px #f6f2e8 solid;
padding: 0 0 20px;
}
@media screen and (max-width: 768px) {
.c_grid-h.is_2col .c_grid__col {
box-sizing: border-box;
margin: 0 0 14px;
padding: 0 2% 14px;
width: 100%;
}
}
.c_grid-h.is_2col .c_grid__col > a {
display: block;
}
.c_grid-h.is_2col .c_grid__col:nth-child(even) {
margin: 0 0 0 60px;
}
@media screen and (max-width: 768px) {
.c_grid-h.is_2col .c_grid__col:nth-child(even) {
margin: 0 0 14px;
}
}
.c_grid-h.is_2col .c_grid__col:nth-child(n+3) {
padding: 20px 0;
}
@media screen and (max-width: 768px) {
.c_grid-h.is_2col .c_grid__col:nth-child(n+3) {
padding: 0 2% 14px;
}
}
@media screen and (max-width: 768px) {
.c_grid-h.is_2col .c_grid__col:last-child {
border: none;
margin: 0;
padding: 0 2%;
}
}
.c_grid-h .c_grid__img {
width: 35.443038%;
float: left;
}
@media screen and (max-width: 768px) {
.c_grid-h .c_grid__img {
width: 26.5%;
}
}
.c_grid-h .c_grid__info {
float: right;
width: 59.4936708861%;
}
@media screen and (max-width: 768px) {
.c_grid-h .c_grid__info {
width: 68%;
}
}
.c_grid-h .c_grid__tag {
margin: 0 0 15px;
}
.c_grid-h .c_grid__category {
font-size: 13px;
font-size: 1.3rem;
color: #4c1d00;
display: inline-block;
border: 1px #e6c521 solid;
border-radius: 10px;
line-height: 18px;
background: #fff;
padding: 0 15px;
margin: 0 7px 0 0;
}
.c_grid-h .c_grid__address {
font-size: 13px;
font-size: 1.3rem;
color: #ab6532;
}
.c_grid-h .c_grid__title {
font-size: 18px;
font-size: 1.8rem;
font-weight: bold;
color: #333;
margin: 0 0 24px;
}
@media screen and (max-width: 768px) {
.c_grid-h .c_grid__title {
margin-bottom: 10px;
line-height: 1.3em;
}
}
.c_grid-h .c_grid__txt {
font-size: 12px;
font-size: 1.2rem;
color: #333;
line-height: 1.5em;
}
.c_grid-h .c_grid__list {
margin: 0 0 11px;
}
.c_grid-h .c_grid__list > dt {
color: #666;
font-size: 12px;
font-size: 1.2rem;
font-weight: bold;
}
.c_grid-h .c_grid__list > dt:after {
content: "：";
}
.c_grid-h .c_grid__list > dd {
font-size: 16px;
font-size: 1.6rem;
font-weight: bold;
}
.c_grid-h .c_grid__list > dd:after {
content: "";
display: table;
clear: both;
}
@media screen and (max-width: 768px) {
.c_grid-h .c_grid__list {
margin: 0;
}
.c_grid-h .c_grid__list > dt, .c_grid-h .c_grid__list > dd {
line-height: 1.6em;
}
}
.c_grid-i {
display: flex;
flex-wrap: wrap;
font-size: 0px;
font-size: 0rem;
}
.c_grid-i.is_3col .c_grid__col, .c_grid-i.is_3col .c_grid__col-b {
position: relative;
width: 300px;
margin: 0 50px 70px 0;
}
.c_grid-i.is_3col .c_grid__col:nth-child(3n), .c_grid-i.is_3col .c_grid__col-b:nth-child(3n) {
margin: 0 0 70px 0;
}
@media screen and (max-width: 768px) {
.c_grid-i.is_3col .c_grid__col, .c_grid-i.is_3col .c_grid__col-b {
box-sizing: border-box;
display: inline-block;
float: none;
margin: 0;
width: 100%;
vertical-align: top;
}
.c_grid-i.is_3col .c_grid__col.is_pickup, .c_grid-i.is_3col .c_grid__col-b.is_pickup {
background-color: #d7ecd8;
}
.c_grid-i.is_3col .c_grid__col:nth-child(3n), .c_grid-i.is_3col .c_grid__col-b:nth-child(3n) {
margin: 0;
}
.c_grid-i.is_3col .c_grid__col:last-child, .c_grid-i.is_3col .c_grid__col-b:last-child {
margin-bottom: 50px;
}
}
@media screen and (max-width: 768px) {
.c_grid-i.is_3col .c_grid__img {
float: left;
width: 47%;
margin: 0;
padding: 0 3% 0 0;
}
}
@media screen and (max-width: 768px) {
.c_grid-i .c_grid__col.is_pickup, .c_grid-i .c_grid__col-b.is_pickup {
background-color: #d7ecd8;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.c_grid-i .c_grid__col.is_pickup > a, .c_grid-i .c_grid__col-b.is_pickup > a {
border: none;
}
}
@media screen and (max-width: 768px) {
.c_grid-i .c_grid__col.is_pickup + .is_pickup, .c_grid-i .c_grid__col-b.is_pickup + .is_pickup {
border-top: 1px solid #ccc;
}
}
.c_grid-i .c_grid__col > a, .c_grid-i .c_grid__col-b > a {
display: block;
}
@media screen and (max-width: 768px) {
.c_grid-i .c_grid__col > a, .c_grid-i .c_grid__col-b > a {
margin: 0 4%;
padding: 16px 0;
border-bottom: 1px solid #ccc;
overflow: hidden;
}
}
.c_grid-i .c_grid__col.no_border > a {
border: none;
}
.c_grid-i .c_grid__col .c_grid__info {
font-size: 0px;
font-size: 0rem;
}
@media screen and (max-width: 768px) {
.c_grid-i .c_grid__col .c_grid__info {
box-sizing: border-box;
display: flex;
flex-direction: column-reverse;
width: 50%;
margin: 0;
}
}
.c_grid-i .c_grid__col .c_grid__img {
margin: 0 0 10px;
}
@media screen and (max-width: 768px) {
.c_grid-i .c_grid__col .c_grid__img {
margin: 0;
}
}
.c_grid-i .c_grid__col .c_grid__img-b {
margin: 0 0 20px;
}
.c_grid-i .c_grid__col .c_grid__title-a {
font-size: 18px;
font-size: 1.8rem;
color: #000;
}
@media screen and (max-width: 768px) {
.c_grid-i .c_grid__col .c_grid__title-a {
font-size: 15px;
font-size: 1.5rem;
}
}
.c_grid-i .c_grid__col .c_grid__txt-a {
font-size: 16px;
font-size: 1.6rem;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.c_grid-i .c_grid__col .c_grid__txt-a {
font-size: 18px;
font-size: 1.8rem;
}
}
.c_grid-i .c_grid__col .c_grid__txt-b {
color: #999;
font-size: 14px;
font-size: 1.4rem;
}
.c_grid-i .c_grid__col .c_grid__txt-c {
display: inline-block;
color: #999;
font-size: 14px;
font-size: 1.4rem;
line-height: 25px;
}
@media screen and (max-width: 768px) {
.c_grid-i .c_grid__col .c_grid__txt-c {
line-height: 1.4;
}
}
.c_grid-i .c_grid__col .c_grid__txt-d {
font-size: 16px;
font-size: 1.6rem;
font-weight: bold;
padding: 8px 0 0;
}
@media screen and (max-width: 768px) {
.c_grid-i .c_grid__col .c_grid__txt-d {
font-size: 18px;
font-size: 1.8rem;
padding: 0 0 10px;
}
}
@media screen and (max-width: 768px) {
.c_grid-i .c_grid__col-b {
border: none;
background-color: #fbe0d0;
}
}
@media screen and (max-width: 768px) {
.c_grid-i .c_grid__col-b > a {
border: none;
}
}
.c_grid-i .c_grid__col-b .c_grid__img {
position: relative;
}
.c_grid-i .c_grid__col-b .c_grid__tera-type {
position: absolute;
top: 10px;
right: 10px;
z-index: 1;
width: 40px;
cursor: pointer;
}
.c_grid-i .c_grid__col-b .c_grid__icon-pc {
margin: 10px 0 0;
color: #999;
font-size: 14px;
font-size: 1.4rem;
}
@media screen and (max-width: 768px) {
.c_grid-i .c_grid__col-b .c_grid__icon-pc {
display: none;
}
}
.c_grid-i .c_grid__col-b .c_grid__icon-pc img {
width: 30px;
vertical-align: middle;
padding: 0 6px 0 0;
}
.c_grid-i .c_grid__col-b .c_grid__icon-sp {
display: none;
}
@media screen and (max-width: 768px) {
.c_grid-i .c_grid__col-b .c_grid__icon-sp {
display: block;
font-size: 14px;
font-size: 1.4rem;
}
.c_grid-i .c_grid__col-b .c_grid__icon-sp img {
width: 25px;
vertical-align: middle;
padding: 0 6px 0 0;
}
}
.c_grid-i .c_grid__col-b .c_grid__info {
display: flex;
justify-content: space-between;
margin: 8px 0 0;
}
@media screen and (max-width: 768px) {
.c_grid-i .c_grid__col-b .c_grid__info {
flex-direction: column;
margin: 16px 0 0;
}
}
.c_grid-i .c_grid__col-b .c_grid__inner {
text-align: right;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.c_grid-i .c_grid__col-b .c_grid__inner {
text-align: left;
}
}
.c_grid-i .c_grid__col-b .c_grid__txt-a {
font-size: 16px;
font-size: 1.6rem;
color: #e96312;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.c_grid-i .c_grid__col-b .c_grid__txt-a {
font-size: 14px;
font-size: 1.4rem;
color: #000;
}
}
.c_grid-i .c_grid__col-b .c_grid__txt-b {
font-size: 16px;
font-size: 1.6rem;
color: #000;
}
@media screen and (max-width: 768px) {
.c_grid-i .c_grid__col-b .c_grid__txt-b {
font-size: 14px;
font-size: 1.4rem;
}
}
.c_grid-i .c_grid__col-b .c_grid__title-a {
font-size: 24px;
font-size: 2.4rem;
}
@media screen and (max-width: 768px) {
.c_grid-i .c_grid__col-b .c_grid__title-a {
font-size: 18px;
font-size: 1.8rem;
margin: 10px 0 0;
}
}
.c_grid-j {
display: flex;
flex-wrap: wrap;
margin: 60px 0 0;
}
@media screen and (max-width: 768px) {
.c_grid-j {
margin: 40px 0 0;
padding: 0 2%;
box-sizing: border-box;
}
}
.c_grid-j.is_3col .c_grid__col {
position: relative;
width: 300px;
margin: 0 50px 70px 0;
}
@media screen and (max-width: 768px) {
.c_grid-j.is_3col .c_grid__col {
width: 100%;
margin: 0 0 35px;
}
}
.c_grid-j.is_3col .c_grid__col:nth-child(3n) {
margin: 0 0 70px;
}
.c_grid-j .c_grid__img {
position: relative;
}
@media screen and (max-width: 768px) {
.c_grid-j .c_grid__img img {
width: 100%;
}
}
.c_grid-j .c_grid__tera-type {
position: absolute;
z-index: 1;
top: 10px;
right: 10px;
width: 40px;
cursor: pointer;
}
.c_grid-j .c_grid__info {
display: flex;
justify-content: space-between;
margin: 15px 0 0;
}
.c_grid-j .c_grid__txt-a {
font-size: 16px;
font-size: 1.6rem;
color: #e96312;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.c_grid-j .c_grid__txt-a {
font-size: 18px;
font-size: 1.8rem;
}
}
.c_grid-j .c_grid__inner {
text-align: right;
font-weight: bold;
}
.c_grid-j .c_grid__txt-b {
font-size: 16px;
font-size: 1.6rem;
}
@media screen and (max-width: 768px) {
.c_grid-j .c_grid__txt-b {
font-size: 18px;
font-size: 1.8rem;
}
}
.c_grid-j .c_grid__title-a {
font-size: 24px;
font-size: 2.4rem;
}
@media screen and (max-width: 768px) {
.c_grid-j .c_grid__title-a {
font-size: 27px;
font-size: 2.7rem;
}
}
.c_grid-j .slick-slide {
margin: 0 50px 70px 0;
}
.c_block-a {
display: table;
table-layout: fixed;
width: 710px;
margin: 0 auto;
padding: 0 0 40px;
}
@media screen and (max-width: 768px) {
.c_block-a {
width: 100%;
padding: 0 0 25px;
}
}
.c_block-a .c_block__col {
display: table-cell;
vertical-align: middle;
}
.c_block-a .c_block__col + .c_block__col {
padding: 0 0 0 32px;
}
@media screen and (max-width: 768px) {
.c_block-a .c_block__col {
display: block;
}
.c_block-a .c_block__col + .c_block__col {
padding: 0;
}
}
.c_block-b {
margin: 0 0 40px;
}
@media screen and (max-width: 768px) {
.c_block-b {
margin: -5px 0 0;
padding: 0 4%;
}
}
.c_block-b.is_bgcolor-a {
background: rgba(233, 99, 18, 0.1);
}
.c_block-b .l_structure-a {
display: table;
padding: 13px 0;
}
@media screen and (max-width: 768px) {
.c_block-b .l_structure-g {
padding: 11px 0 21px 0;
}
}
.c_block-b .c_breadcrumb-a {
display: table-cell;
vertical-align: middle;
}
.c_block-b .c_search-b {
display: table-cell;
vertical-align: middle;
text-align: right;
}
@media screen and (max-width: 768px) {
.c_block-b .c_search-b {
display: none;
}
}
.c_block-b .c_search-f {
display: none;
vertical-align: middle;
text-align: right;
}
@media screen and (max-width: 768px) {
.c_block-b .c_search-f {
display: table-cell;
}
}
.c_block-c {
overflow: hidden;
}
.c_block-c + .c_block-c {
margin-top: 50px;
}
.c_block-c .c_block__img {
float: left;
width: 420px;
}
@media screen and (max-width: 768px) {
.c_block-c .c_block__img {
float: none;
width: 100%;
padding: 0 0 45px;
}
}
.c_block-c .c_block__info {
float: right;
width: 440px;
}
@media screen and (max-width: 768px) {
.c_block-c .c_block__info {
float: none;
width: 100%;
}
}
.c_block-c .c_block__title-a {
font-size: 18px;
font-size: 1.8rem;
color: #000;
font-weight: bold;
margin: 0 0 25px;
}
@media screen and (max-width: 768px) {
.c_block-c .c_block__title-a {
font-size: 15px;
font-size: 1.5rem;
margin: 0 0 15px;
}
}
.c_block-c .c_block__txt-a {
font-size: 14px;
font-size: 1.4rem;
color: #000;
line-height: 2;
margin: 0 0 30px;
}
@media screen and (max-width: 768px) {
.c_block-c .c_block__txt-a {
margin: 0 0 15px;
}
}
.c_block-c .c_block__txt-b {
font-size: 16px;
font-size: 1.6rem;
color: #000;
line-height: 2;
margin: 0 0 30px;
text-align: center;
}
@media screen and (max-width: 768px) {
.c_block-c .c_block__txt-b {
font-size: 15px;
font-size: 1.5rem;
margin: 0 0 20px;
}
}
.c_block-c .c_block__list-a {
color: #785e2b;
border-left: 1px solid #999;
background: #f9f5e8;
padding: 13px 20px;
}
.c_block-c .c_block__list-a li {
text-indent: -1.25rem;
padding-left: 1rem;
}
.c_block-c .c_block__list-a li:before {
content: "・";
}
.c_block-c .c_block__list-a li + li {
padding-top: 14px;
}
@media screen and (max-width: 768px) {
.c_block-c .c_block__list-a {
font-size: 12px;
font-size: 1.2rem;
}
.c_block-c .c_block__list-a li + li {
padding-top: 8px;
}
}
.c_block-c .c_table-b {
margin: 0 0 30px;
}
.c_block-c .c_block__audio {
max-width: 500px;
margin: 0 auto;
}
.c_block-d {
overflow: hidden;
}
.c_block-d .c_block__img {
float: left;
width: 205px;
}
@media screen and (min-width: 768px) {
.c_block-d .c_block__img .c_block__title-a {
display: none;
}
}
@media screen and (max-width: 768px) {
.c_block-d .c_block__img {
float: none;
width: 100%;
}
.c_block-d .c_block__img .c_block__title-a {
display: inline-block;
width: 67.86666%;
font-size: 18px;
font-size: 1.8rem;
margin: 0;
vertical-align: middle;
}
}
.c_block-d .c_block__info {
float: right;
width: 630px;
padding: 6px 0 0;
}
@media screen and (max-width: 768px) {
.c_block-d .c_block__info {
float: none;
width: 100%;
padding: 0;
}
.c_block-d .c_block__info .c_block__title-a {
display: none;
}
}
.c_block-d .c_block__imgcircle {
box-sizing: border-box;
width: 205px;
height: 205px;
border-radius: 50%;
border: solid 8px #e0ccb1;
overflow: hidden;
}
@media screen and (max-width: 768px) {
.c_block-d .c_block__imgcircle {
display: inline-block;
padding: 0;
margin: 0 5px;
width: 26%;
max-width: 100%;
height: auto;
border: solid 4px #e0ccb1;
vertical-align: middle;
}
}
.c_block-d .c_block__imgcircle > img {
display: block;
border-radius: 50%;
}
.c_block-d .c_block__title-a {
font-size: 20px;
font-size: 2rem;
font-weight: bold;
font-family: "游明朝", YuMincho, "ＭＳ 明朝", "Hiragino Mincho ProN", "Hiragino Mincho Pro", serif;
margin: 0 0 25px;
}
.c_block-d .c_block__txt-a {
font-size: 16px;
font-size: 1.6rem;
font-family: "游明朝", YuMincho, "ＭＳ 明朝", "Hiragino Mincho ProN", "Hiragino Mincho Pro", serif;
line-height: 1.9;
}
@media screen and (max-width: 768px) {
.c_block-d .c_block__txt-a {
font-size: 15px;
font-size: 1.5rem;
padding: 20px 0 0;
}
}
.c_block-e {
overflow: hidden;
background-color: #fff;
padding: 8px 36px 8px 32px;
}
@media screen and (max-width: 768px) {
.c_block-e {
padding: 8px 10px 8px;
}
}
.c_block-e + .c_block-e {
margin-top: 50px;
}
@media screen and (max-width: 768px) {
.c_block-e + .c_block-e {
margin-top: 15px;
}
}
.c_block-e .c_block__img {
float: left;
width: 140px;
padding: 30px 0 0;
text-align: center;
}
.c_block-e .c_block__img > img {
width: 80px;
}
@media screen and (max-width: 768px) {
.c_block-e .c_block__img {
float: none;
width: 100%;
padding: 15px 0 0;
text-align: left;
}
.c_block-e .c_block__img .c_block__title-a {
display: inline-block;
font-size: 18px;
font-size: 1.8rem;
width: 80%;
}
.c_block-e .c_block__img > img {
width: 40px;
vertical-align: middle;
}
}
.c_block-e .c_block__info {
float: right;
width: 650px;
padding: 6px 0 0;
}
@media screen and (max-width: 768px) {
.c_block-e .c_block__info {
float: none;
width: 100%;
padding: 0;
}
.c_block-e .c_block__info .c_block__title-a {
display: none;
}
}
.c_block-e .c_block__title-a {
font-size: 20px;
font-size: 2rem;
font-weight: bold;
padding: 10px 0;
margin: 0;
}
@media screen and (max-width: 768px) {
.c_block-e .c_block__title-a {
padding: 0 0 0 2%;
vertical-align: middle;
}
}
.c_block-e .c_block__txt-a {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.9;
padding: 18px 2px;
}
@media screen and (max-width: 768px) {
.c_block-e .c_block__txt-a {
font-size: 15px;
font-size: 1.5rem;
padding: 15px 0;
}
}
.c_block-e .c_block__list-a {
line-height: 1.9;
}
.c_block-e .c_block__list-a > li {
padding: 15px 2px;
border-bottom: 1px #ccc solid;
}
.c_block-e .c_block__list-a > li:last-child {
border-bottom: none;
}
.c_block-e.is_color-a {
border: 6px #7bc1c5 solid;
outline: 1px #008299 solid;
}
.c_block-e.is_color-a .c_block__title-a {
color: #008299;
}
.c_block-e.is_color-a .c_block__list-a > li {
border-color: rgba(123, 193, 197, 0.3);
}
.c_block-e.is_color-b {
border: 6px #f6937b solid;
outline: 1px #d96b65 solid;
}
.c_block-e.is_color-b .c_block__title-a {
color: #d96b65;
}
.c_block-e.is_color-b .c_block__list-a > li {
border-color: rgba(246, 147, 123, 0.3);
}
.c_block-f {
box-sizing: border-box;
width: 420px;
min-height: 170px;
border: 1px #dcdcdc solid;
box-shadow: inset 0px 0px 0px 9px #f8efef, inset 0px 0px 0px 11px #e96312;
margin: 0 auto;
padding: 11px;
position: relative;
}
@media screen and (max-width: 768px) {
.c_block-f {
width: 100%;
min-height: 150px;
}
}
.c_block-f .c_block__title {
font-size: 18px;
font-size: 1.8rem;
text-align: center;
background-color: rgba(233, 99, 18, 0.3);
padding: 8px 0;
}
.c_block-f .c_block__txt-a {
font-size: 32px;
font-size: 3.2rem;
text-align: center;
margin: 24px 0 21px;
}
@media screen and (max-width: 768px) {
.c_block-f .c_block__txt-a {
font-size: 28px;
font-size: 2.8rem;
margin: 15px 0 12px;
}
}
.c_block-f .c_block__txt-b {
font-size: 12px;
font-size: 1.2rem;
color: #666;
line-height: 1.6;
text-align: center;
margin: 0 0 12px;
}
@media screen and (max-width: 768px) {
.c_block-f .c_block__txt-b {
font-size: 14px;
font-size: 1.4rem;
width: 209px;
margin: 0 auto 15px;
}
} .c_mytera-desk {
width: 500px;
}
@media screen and (max-width: 768px) {
.c_mytera-desk {
width: 100%;
}
}
.c_mytera-desk_top {
width: 500px;
margin-top: 80px;
}
@media screen and (max-width: 768px) {
.c_mytera-desk_top {
width: 100%;
margin-top: 30px;
}
.c_mytera-desk_top .c_block__txt-b {
width: 100%;
}
}
.c_block-g {
overflow: hidden;
font-size: 0px;
font-size: 0rem;
}
.c_block-g .c_block__img {
display: inline-block;
vertical-align: top;
width: 150px;
}
@media screen and (max-width: 768px) {
.c_block-g .c_block__img {
width: 32%;
padding: 0 0 45px;
}
}
.c_block-g .c_block__img img {
width: 100%;
}
.c_block-g .c_block__info {
display: inline-block;
vertical-align: top;
width: 410px;
padding: 0 41px;
}
@media screen and (max-width: 768px) {
.c_block-g .c_block__info {
width: 62%;
padding: 0 0 0 4%;
}
}
.c_block-g .c_block__title-a {
font-size: 18px;
font-size: 1.8rem;
color: #000;
font-weight: bold;
margin: 0 0 25px;
}
@media screen and (max-width: 768px) {
.c_block-g .c_block__title-a {
font-size: 16px;
font-size: 1.6rem;
margin: 0 0 15px;
}
}
.c_block-g .c_block__txt-a {
font-size: 14px;
font-size: 1.4rem;
color: #000;
line-height: 2;
margin: 0 0 30px;
}
@media screen and (max-width: 768px) {
.c_block-g .c_block__txt-a {
font-size: 16px;
font-size: 1.6rem;
}
}
.c_block-g .c_block__list-a {
display: inline-block;
vertical-align: top;
width: 209px;
color: #785e2b;
border-left: 1px solid #999;
background: #f9f5e8;
padding: 13px 20px;
}
.c_block-g .c_block__list-a li {
font-size: 14px;
font-size: 1.4rem;
text-indent: -1.25rem;
padding-left: 1rem;
}
.c_block-g .c_block__list-a li:before {
content: "・";
}
.c_block-g .c_block__list-a li + li {
padding-top: 14px;
}
@media screen and (max-width: 768px) {
.c_block-g .c_block__list-a {
font-size: 12px;
font-size: 1.2rem;
display: block;
width: 100%;
box-sizing: border-box;
}
.c_block-g .c_block__list-a li + li {
padding-top: 8px;
}
}
.c_block-h {
overflow: hidden;
width: 100%;
border: 1px #c73434 solid;
display: table;
}
@media screen and (max-width: 768px) {
.c_block-h {
display: block;
}
}
.c_block-h .c_block__title-a {
display: table-cell;
font-size: 18px;
font-size: 1.8rem;
color: #c73434;
font-weight: bold;
text-align: center;
vertical-align: middle;
width: 26.666667%;
background-color: rgba(199, 52, 52, 0.2);
}
@media screen and (max-width: 768px) {
.c_block-h .c_block__title-a {
display: block;
width: 100%;
font-size: 16px;
font-size: 1.6rem;
padding: 25px 0;
}
}
.c_block-h .c_block__list-a {
width: 73.3333333%;
display: table-cell;
box-sizing: border-box;
padding: 20px 0 25px 30px;
line-height: 1.9;
}
@media screen and (max-width: 768px) {
.c_block-h .c_block__list-a {
display: block;
width: 100%;
padding: 20px 10px 20px 16px;
font-size: 16px;
font-size: 1.6rem;
}
}
.c_block-h .c_block__list-a li {
text-indent: -1.25rem;
padding-left: 1rem;
}
.c_block-h .c_block__list-a li:before {
content: "・";
}
.c_block-h .c_block__list-a li + li {
padding-top: 5px;
}
.c_block-i {
overflow: hidden;
}
.c_block-i + .c_block-i {
margin-top: 50px;
}
.c_block-i .c_block__img {
float: left;
width: 110px;
}
@media screen and (max-width: 768px) {
.c_block-i .c_block__img {
float: none;
width: 100%;
}
.c_block-i .c_block__img .c_block__title-a {
display: inline-block;
font-size: 18px;
font-size: 1.8rem;
margin: 0 2.3188%;
vertical-align: middle;
text-align: left;
}
}
.c_block-i .c_block__info {
float: right;
width: 738px;
}
@media screen and (max-width: 768px) {
.c_block-i .c_block__info {
float: none;
width: 100%;
}
}
.c_block-i .c_block__imgcircle {
box-sizing: border-box;
width: 110px;
border-radius: 50%;
padding: 8px;
overflow: hidden;
}
@media screen and (max-width: 768px) {
.c_block-i .c_block__imgcircle {
display: inline-block;
width: 61px;
padding: 3px;
vertical-align: middle;
}
}
.c_block-i .c_block__imgcircle > img {
width: 100%;
height: auto;
border-radius: 50%;
}
.c_block-i .c_block__title-a {
font-size: 18px;
font-size: 1.8rem;
color: #7b4521;
font-weight: bold;
margin: 0 0 25px;
text-align: center;
}
@media screen and (max-width: 768px) {
.c_block-i .c_block__title-a {
font-size: 16px;
font-size: 1.6rem;
}
}
.c_block-i .c_block__comment-a {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.9;
color: #7b4521;
border: 1px #b88947 solid;
border-radius: 10px;
background-color: #f3f3f3;
padding: 15px 30px;
position: relative;
}
.c_block-i .c_block__comment-a:before {
content: " ";
border-right: 14px #b88947 solid;
border-top: 10px transparent solid;
border-bottom: 10px transparent solid;
position: absolute;
top: 10px;
left: -14px;
}
.c_block-i .c_block__comment-a:after {
content: " ";
border-right: 14px #f3f3f3 solid;
border-top: 10px transparent solid;
border-bottom: 10px transparent solid;
position: absolute;
top: 10px;
left: -12px;
}
@media screen and (max-width: 768px) {
.c_block-i .c_block__comment-a {
font-size: 16px;
font-size: 1.6rem;
margin: 0 0 0 72px;
}
}
.c_block-j {
overflow: hidden;
border: 2px #e96312 solid;
border-width: 2px 0;
}
.c_block-j .c_block__img {
float: left;
width: 50px;
}
@media screen and (max-width: 768px) {
.c_block-j .c_block__img {
float: none;
width: 100%;
padding: 0 0 45px;
}
}
.c_block-j .c_block__img > .c_block__title-a {
margin-top: 15px;
}
.c_block-j .c_block__info {
float: right;
width: 738px;
}
@media screen and (max-width: 768px) {
.c_block-j .c_block__info {
float: none;
width: 100%;
}
}
.c_block-j .c_block__title-a {
font-size: 18px;
font-size: 1.8rem;
color: #e96312;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.c_block-j .c_block__title-a {
font-size: 15px;
font-size: 1.5rem;
margin: 0 0 15px;
}
}
.c_block-j .c_block__txt-a {
font-size: 13px;
font-size: 1.3rem;
color: #666;
line-height: 1.4;
margin: 0 0 30px;
}
@media screen and (max-width: 768px) {
.c_block-j .c_block__txt-a {
margin: 0 0 15px;
}
}
.c_block-k {
overflow: hidden;
margin: 40px 0;
}
.c_block-k.c_block-bgcolor-a .c_block__info-a {
border-bottom: 2px #399f3c solid;
background: rgba(57, 159, 60, 0.1);
}
.c_block-k.c_block-bgcolor-a .c_block__strong {
color: #399f3c;
}
.c_block-k.c_block-bgcolor-b .c_block__info-a {
border-bottom: 2px #e96312 solid;
background: rgba(233, 99, 18, 0.1);
}
.c_block-k.c_block-bgcolor-b .c_block__strong {
color: #e96312;
}
.c_block-k.c_block-bgcolor-c .c_block__info-c {
border-bottom: 2px #e6c521 solid;
background: rgba(230, 197, 33, 0.1);
}
.c_block-k.c_block-bgcolor-c .c_block__strong {
color: #e6c521;
}
.c_block-k .c_block__info-a {
overflow: hidden;
padding: 20px 20px 15px;
}
.c_block-k .c_block__info-b {
overflow: hidden;
padding: 0 0 7px;
vertical-align: middle;
}
.c_block-k .c_block__info-b .c_btn {
float: right;
}
.c_block-k .c_block__info-c {
overflow: hidden;
padding: 13px 20px 15px;
}
.c_block-k .c_block__txt, .c_block-k .c_block__txt-c, .c_block-k .c_block__txt-b {
font-size: 14px;
font-size: 1.4rem;
}
.c_block-k .c_block__txt-b {
float: left;
}
.c_block-k .c_block__txt-c {
float: right;
text-align: right;
}
.c_block-k .c_block__strong {
font-size: 28px;
font-size: 2.8rem;
}
.c_block-k .c_block__width-a {
width: 75%;
}
.c_block-k .c_block__width-b {
width: 25%;
}
.c_block-l {
overflow: hidden;
padding: 0 0 20px;
}
.c_block-l .c_block__title-a {
font-size: 24px;
font-size: 2.4rem;
font-weight: bold;
text-align: center;
padding: 0 0 45px;
}
.c_block-l .c_block__title-b {
font-size: 20px;
font-size: 2rem;
font-weight: bold;
padding: 0 0 45px;
}
.c_block-l .c_block__title-c {
font-size: 18px;
font-size: 1.8rem;
font-weight: bold;
padding: 0 0 10px;
}
.c_block-l .c_block__txt-a {
font-size: 16px;
font-size: 1.6rem;
line-height: 1.9;
padding: 0 0 40px;
}
.c_block-l .c_block__txt-a + .c_block__title-a {
padding: 80px 0 45px;
}
.c_block-l .c_block__img-a {
text-align: center;
padding: 25px 0 55px;
}
.c_block-l .c_block__table-a {
width: 100%;
}
.c_block-l .c_block__list-a {
font-size: 16px;
font-size: 1.6rem;
line-height: 1.9;
text-indent: 2em;
padding: 5px 0 45px;
}
@media screen and (max-width: 768px) {
.c_block-l .c_block__list-a {
text-indent: 0em;
}
}
.c_block-l .c_block__list-b {
font-size: 0px;
font-size: 0rem;
padding: 0 0 55px;
}
.c_block-l .c_block__list-b.is_2col li {
width: 50%;
display: inline-block;
}
.c_block-l .c_block__list-b.is_3col li {
width: 33.3333%;
display: inline-block;
}
.c_block-l .c_block__list-c, .c_block-l .c_block__list-e, .c_block-l .c_block__list-d {
font-size: 16px;
font-size: 1.6rem;
line-height: 1.9;
padding: 0 0 45px 30px;
}
.c_block-l .c_block__list-c li, .c_block-l .c_block__list-e li, .c_block-l .c_block__list-d li {
list-style-type: disc;
}
.c_block-l .c_block__list-d {
padding: 0 0 45px 30px;
}
.c_block-l .c_block__list-d li {
list-style-type: decimal;
}
.c_block-l .c_block__list-d li ol {
padding: 10px 0;
}
.c_block-l .c_block__list-d li ol li {
list-style-type: none;
}
.c_block-l .c_block__list-e {
padding: 0 0 45px 0;
}
.c_block-l .c_block__list-e li {
list-style-type: none;
}
.c_block-l .c_block__width-a {
width: 52.875%;
}
.c_block-l .c_block__mail_link-a {
padding: 0 0 45px;
}
.c_block-m {
max-width: 682px;
margin: 0 auto 65px;
overflow: hidden;
}
.c_block-m > a {
display: block;
}
.c_block-m .c_block__img {
width: 38.1231671554%;
float: left;
}
@media screen and (max-width: 768px) {
.c_block-m .c_block__img {
width: 50%;
}
}
.c_block-m .c_block__info {
float: right;
width: 56.4516129032%;
}
.c_block-m .c_block__info .c_block__tag {
display: block;
}
@media screen and (max-width: 768px) {
.c_block-m .c_block__info {
width: 45.652173913%;
}
.c_block-m .c_block__info .c_block__tag {
display: none;
}
}
.c_block-m .c_block__tag {
margin: 0 0 15px;
display: none;
}
@media screen and (max-width: 768px) {
.c_block-m .c_block__tag {
display: block;
}
}
.c_block-m .c_block__category {
font-size: 13px;
font-size: 1.3rem;
color: #4c1d00;
display: inline-block;
border: 1px #e6c521 solid;
border-radius: 10px;
line-height: 18px;
background: #fff;
padding: 0 15px;
margin: 0 6px 6px 0;
}
.c_block-m .c_block__address {
font-size: 13px;
font-size: 1.3rem;
color: #ab6532;
}
.c_block-m .c_block__title {
font-size: 24px;
font-size: 2.4rem;
font-weight: bold;
color: #333;
margin: 0 0 15px;
}
@media screen and (max-width: 768px) {
.c_block-m .c_block__title {
font-size: 16px;
font-size: 1.6rem;
margin-bottom: 8px;
}
}
.c_block-m .c_block__txt {
font-size: 12px;
font-size: 1.2rem;
color: #333;
line-height: 1.5em;
}
.c_block-m .c_block__list {
margin: 0 0 15px;
}
.c_block-m .c_block__list > dt, .c_block-m .c_block__list > dd {
font-size: 14px;
font-size: 1.4rem;
}
.c_block-m .c_block__list > dt {
float: left;
}
.c_block-m .c_block__list > dt:after {
content: "：";
}
.c_block-m .c_block__list > dd:after {
content: "";
display: table;
clear: both;
}
@media screen and (max-width: 768px) {
.c_block-m .c_block__list {
margin-bottom: 9px;
}
.c_block-m .c_block__list > dt, .c_block-m .c_block__list > dd {
font-size: 12px;
font-size: 1.2rem;
line-height: 1.6em;
}
}
.c_block-n {
overflow: hidden;
padding: 0 0 20px;
}
.c_block-n .c_block__title-a {
font-size: 24px;
font-size: 2.4rem;
font-weight: bold;
text-align: center;
padding: 0 0 45px;
}
.c_block-n .c_block__title-b {
font-size: 20px;
font-size: 2rem;
font-weight: bold;
padding: 0 0 45px;
}
.c_block-n .c_block__title-c {
font-size: 18px;
font-size: 1.8rem;
font-weight: bold;
padding: 0 0 10px;
}
.c_block-n .c_block__txt-a {
font-size: 16px;
font-size: 1.6rem;
line-height: 1.9;
padding: 0 0 40px;
}
.c_block-n .c_block__txt-a + .c_block__title-a {
padding: 80px 0 45px;
}
@media screen and (max-width: 768px) {
.c_block-n .c_block__txt-a {
width: 600px;
max-width: 100%;
margin: 0 auto;
}
.c_block-n .c_block__txt-a br {
display: none;
}
}
.c_block-n .c_block__img-a {
text-align: center;
padding: 25px 0 55px;
}
.c_block-n .c_block__table-a {
width: 100%;
}
.c_block-n .c_block__list-a {
padding: 20px 0;
margin: 0 auto 50px auto;
width: 600px;
max-width: 100%;
border: 2px solid #eeddb4;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
box-sizing: border-box;
font-size: 16px;
font-size: 1.6rem;
line-height: 1.9;
text-indent: 2em;
}
@media screen and (max-width: 768px) {
.c_block-n .c_block__list-a {
padding: 20px;
text-indent: 0em;
}
}
.c_block-n .c_block__width-a {
width: 52.875%;
}
.c_block-n .c_block__mail_link-a {
padding: 0 0 45px;
}
@media screen and (max-width: 768px) {
.c_block-o .c_block__info {
width: 100%;
}
}
.c_block-o .c_block__title-a {
font-size: 20px;
font-size: 2rem;
font-weight: bold;
font-family: "游明朝", YuMincho, "ＭＳ 明朝", "Hiragino Mincho ProN", "Hiragino Mincho Pro", serif;
margin: 0 0 25px;
}
@media screen and (max-width: 768px) {
.c_block-o .c_block__title-a {
font-size: 18px;
font-size: 1.8rem;
margin: 0;
}
}
.c_block-o .c_block__txt-a {
font-size: 16px;
font-size: 1.6rem;
font-family: "游明朝", YuMincho, "ＭＳ 明朝", "Hiragino Mincho ProN", "Hiragino Mincho Pro", serif;
line-height: 1.9;
}
@media screen and (max-width: 768px) {
.c_block-o .c_block__txt-a {
font-size: 15px;
font-size: 1.5rem;
padding: 20px 0 0;
}
}
.c_block-p {
padding: 0 0 40px;
text-align: center;
}
@media screen and (max-width: 768px) {
.c_block-p {
padding: 0 0 24px;
}
}
.c_block-p .c_block__title-a img {
height: 100%;
}
.c_block-p .c_block__title-a.is_otera {
height: 45px;
padding-bottom: 36px;
}
@media screen and (max-width: 768px) {
.c_block-p .c_block__title-a.is_otera {
height: 36px;
padding-bottom: 20px;
}
}
.c_block-p .c_block__title-a.is_mytera_calendar {
height: 58px;
padding-bottom: 30px;
}
@media screen and (max-width: 768px) {
.c_block-p .c_block__title-a.is_mytera_calendar {
height: 46px;
padding-bottom: 18px;
}
}
.c_block-p .c_block__title-a.is_mytera_newspaper {
height: 62px;
padding-bottom: 24px;
}
@media screen and (max-width: 768px) {
.c_block-p .c_block__title-a.is_mytera_newspaper {
height: 50px;
padding-bottom: 20px;
}
}
.c_block-p .c_block__title-a.is_twitter {
height: 45px;
padding-bottom: 24px;
}
@media screen and (max-width: 768px) {
.c_block-p .c_block__title-a.is_twitter {
height: 40px;
padding-bottom: 8px;
}
}
.c_block-p .c_block__txt-a {
width: 680px;
margin: 0 auto;
color: #666;
font-size: 16px;
font-size: 1.6rem;
font-weight: bold;
line-height: 1.8;
}
@media screen and (max-width: 768px) {
.c_block-p .c_block__txt-a {
width: 100%;
font-size: 14px;
font-size: 1.4rem;
line-height: 1.5;
}
}
.c_block-p .c_block__txt-b {
width: 680px;
margin: 0 auto;
color: #666;
font-size: 16px;
font-size: 1.6rem;
font-weight: bold;
line-height: 1.4;
}
@media screen and (max-width: 768px) {
.c_block-p .c_block__txt-b {
width: 100%;
}
}
.c_block-p + .c_grid-j {
margin: 0;
}
.c_block-q {
margin: 50px auto 40px;
padding: 20px 0;
border-radius: 14px;
color: #666;
text-align: center;
}
@media screen and (max-width: 768px) {
.c_block-q {
margin: 0 4%;
padding: 20px 1.5% 6px;
}
}
.c_block-q + [class*=c_block-q] {
margin: 27px 0 55px;
}
@media screen and (max-width: 768px) {
.c_block-q + [class*=c_block-q] {
margin: 25px 4% 25px;
}
}
.c_block-q.is_top {
margin: 35px auto;
}
.c_block-q.is_mail {
background-color: #e3ce9f;
}
.c_block-q.is_mail .c_btn {
display: block;
margin: 0 auto;
}
.c_block-q.is_post {
background-color: #f8d0b7;
}
.c_block-q .c_block__title {
height: 45px;
padding: 0 0 14px;
font-size: 28px;
font-size: 2.8rem;
color: #000;
}
@media screen and (max-width: 768px) {
.c_block-q .c_block__title {
padding: 0 0 10px;
}
}
.c_block-q .c_block__title img {
height: 100%;
}
.c_block-q .c_block__txt-a {
width: 470px;
margin: 0 auto;
padding: 0 0 14px;
font-size: 14px;
font-size: 1.4rem;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.c_block-q .c_block__txt-a {
width: 96%;
padding: 0 0 10px;
text-align: left;
}
}
.c_block-q .c_block__txt-b {
width: 470px;
margin: 0 auto;
padding: 0 0 14px;
font-size: 14px;
font-size: 1.4rem;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.c_block-q .c_block__txt-b {
width: 96%;
padding: 0 0 20px;
text-align: left;
}
}
.c_block-q .c_block__input {
box-sizing: border-box;
width: 335px;
margin: 0 0 14px;
padding: 12px 14px;
border: 1px solid #dbdbdb;
border-radius: 10px;
background: #fff;
-webkit-appearance: none;
font-size: 16px;
font-size: 1.6rem;
letter-spacing: 0.1em;
}
@media screen and (max-width: 768px) {
.c_block-q .c_block__input {
box-sizing: border-box;
width: 100%;
margin: 0 0 20px;
}
}
.c_block-q .c_block__radio {
margin: 0 0 16px;
font-size: 16px;
font-size: 1.6rem;
letter-spacing: 0.1em;
}
.c_block-q .c_block__radio input {
display: inline-block;
margin: 0 8px 0 0;
}
.c_block-q .c_block__radio input + input {
margin: 0 8px 0 45px;
}
@media screen and (max-width: 768px) {
.c_block-q .c_block__radio input {
margin: 0 6px 0 0;
}
}
.c_block-r {
display: flex;
justify-content: center;
align-items: center;
font-size: 16px;
font-size: 1.6rem;
color: #fff;
font-weight: bold;
padding: 6px 0;
}
@media screen and (max-width: 768px) {
.c_block-r {
padding: 10px 20px;
font-size: 14px;
font-size: 1.4rem;
line-height: 1.5;
}
}
.c_block-r.is_otera {
background-color: #e96312;
}
.c_block-r.is_otera img {
width: 25px;
padding: 0 15px 0 0;
}
@media screen and (max-width: 768px) {
.c_block-r.is_otera img {
width: 40px;
padding: 0 12px;
}
}
.c_block-r.is_mytera_calendar {
background-color: #e6c521;
}
.c_block-r.is_mytera_calendar img {
width: 25px;
height: 100%;
padding: 0 15px 0 0;
}
@media screen and (max-width: 768px) {
.c_block-r.is_mytera_calendar img {
width: 40px;
padding: 0 12px;
}
}
.c_block-r.is_mytera_newspaper {
background-color: #399f3c;
}
.c_block-r.is_mytera_newspaper img {
width: 25px;
height: 100%;
padding: 0 12px 0 0;
}
@media screen and (max-width: 768px) {
.c_block-r.is_mytera_newspaper img {
width: 40px;
padding: 0 12px;
}
}
.c_block-s {
width: 500px;
margin: 30px auto 0;
}
@media screen and (max-width: 768px) {
.c_block-s {
width: 100%;
margin: 20px auto 0;
padding: 0 4%;
box-sizing: border-box;
}
}
.c_block-s img {
width: 100%;
margin: 0 0 15px;
}
.c_block-s .c_block__info {
font-size: 0px;
font-size: 0rem;
}
.c_block-s .c_block__txt-a {
text-align: center;
color: #399f3c;
font-size: 24px;
font-size: 2.4rem;
font-weight: bold;
letter-spacing: 0.2em;
padding-bottom: 30px;
}
@media screen and (max-width: 768px) {
.c_block-s .c_block__txt-a {
font-size: 18px;
font-size: 1.8rem;
padding-bottom: 20px;
}
}
.c_block-s .c_block__txt-b {
display: inline-block;
font-size: 16px;
font-size: 1.6rem;
color: #666;
}
.c_block-s .c_block__txt-c {
padding: 12px 0 0;
font-size: 20px;
font-size: 2rem;
}
.c_block-t .c_block__inner {
overflow: hidden;
}
.c_block-t .c_block__inner + .c_block__inner {
margin-top: 75px;
}
@media screen and (max-width: 768px) {
.c_block-t .c_block__inner + .c_block__inner {
margin-top: 50px;
}
}
.c_block-t .c_block__inner-b {
box-sizing: border-box;
width: 600px;
margin: 75px auto 0;
padding: 50px 64px 0;
border-top: 1px solid #bfbfbf;
}
@media screen and (max-width: 768px) {
.c_block-t .c_block__inner-b {
margin: 50px auto 0;
padding: 40px 4%;
width: 100%;
}
}
.c_block-t .c_block__inner-b > p {
margin: 20px 0 18px;
font-size: 14px;
font-size: 1.4rem;
font-weight: bold;
color: #666;
line-height: 1.5;
}
@media screen and (max-width: 768px) {
.c_block-t .c_block__inner-b > p {
margin: 10px 0 16px;
}
}
.c_block-t .c_block__inner-b img {
width: 441px;
}
@media screen and (max-width: 768px) {
.c_block-t .c_block__inner-b img {
width: 244px;
}
}
.c_block-t .c_block__title-a {
margin-bottom: 50px;
text-align: center;
font-size: 24px;
font-size: 2.4rem;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.c_block-t .c_block__title-a {
margin-bottom: 22px;
}
}
.c_block-t .c_block__title-a img {
width: 116px;
margin-bottom: 16px;
}
.c_block-t .c_block__txt-a {
margin-bottom: 50px;
font-size: 18px;
font-size: 1.8rem;
font-weight: bold;
line-height: 1.5;
}
.c_block-t .c_block__txt-b {
margin-bottom: 8px;
font-size: 18px;
font-size: 1.8rem;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.c_block-t .c_block__txt-b {
line-height: 1.5;
}
}
.c_block-t .c_block__txt-c {
margin-bottom: 16px;
font-weight: bold;
line-height: 1.7;
}
.c_block-t .c_block__txt-d {
line-height: 2;
color: #7b4521;
}
@media screen and (max-width: 768px) {
.c_block-t .c_block__txt-d {
line-height: 1.8;
}
}
.c_block-t .c_block__list li {
overflow: hidden;
}
.c_block-t .c_block__list li + li {
margin-top: 50px;
}
@media screen and (max-width: 768px) {
.c_block-t .c_block__list li + li {
margin-top: 24px;
}
}
.c_block-t .c_block__img {
float: left;
width: 123px;
}
@media screen and (max-width: 768px) {
.c_block-t .c_block__img {
width: 18%;
}
}
.c_block-t .c_block__imgcircle {
box-sizing: border-box;
width: 123px;
height: 123px;
overflow: hidden;
margin: 0 auto;
border-radius: 50%;
border: solid 4px #e0ccb1;
}
@media screen and (max-width: 768px) {
.c_block-t .c_block__imgcircle {
width: 100%;
height: 100%;
margin-bottom: 13px;
border: solid 2px #e0ccb1;
}
}
.c_block-t .c_block__imgcircle > img {
width: 100%;
height: 100%;
border-radius: 50%;
}
.c_block-t .imgcircle_color-b {
border: solid 4px #7bc1c5;
}
@media screen and (max-width: 768px) {
.c_block-t .imgcircle_color-b {
border: solid 2px #7bc1c5;
}
}
.c_block-t .c_block__comment-a {
float: right;
box-sizing: border-box;
width: 740px;
font-size: 14px;
font-size: 1.4rem;
font-family: "游ゴシック", YuGothic, "ＭＳ ゴシック", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", sans-serif;
line-height: 1.9;
border: 1px #b88947 solid;
border-radius: 10px;
background-color: #fff;
padding: 24px 32px 24px 28px;
position: relative;
}
@media screen and (max-width: 768px) {
.c_block-t .c_block__comment-a {
width: 76%;
margin-left: 15px;
padding: 18px 18px 24px 16px;
}
}
.c_block-t .c_block__comment-a:before {
content: " ";
border-right: 13px #b88947 solid;
border-top: 6px transparent solid;
border-bottom: 6px transparent solid;
position: absolute;
top: 10px;
left: -13px;
}
.c_block-t .c_block__comment-a:after {
content: " ";
border-right: 13px #fff solid;
border-top: 6px transparent solid;
border-bottom: 6px transparent solid;
position: absolute;
top: 10px;
left: -11px;
}
.c_block-t .comment_color-b {
border: 1px #7bc1c5 solid;
}
.c_block-t .comment_color-b:before {
border-right: 13px #7bc1c5 solid;
}
.c_block-t .comment_color-b .c_block__txt-d {
color: #008299;
}
.c_btn_group-a {
text-align: center;
padding: 50px 0 0;
}
@media screen and (max-width: 768px) {
.c_btn_group-a {
padding: 25px 0 0;
}
}
.c_btn_group-a a {
text-decoration: none;
}
.c_btn_group-b {
text-align: center;
padding: 0 0 50px;
}
@media screen and (max-width: 768px) {
.c_btn_group-b {
padding: 0 0 25px;
}
}
.c_btn_group-c {
text-align: center;
padding: 20px 0 0;
}
@media screen and (max-width: 768px) {
.c_btn_group-c {
padding: 10px 0 0;
}
}
.c_btn_group-d {
text-align: center;
padding: 80px 0 0;
}
@media screen and (max-width: 768px) {
.c_btn_group-d {
padding: 35px 0 0;
}
}
.c_btn_group-e {
position: fixed;
right: 15px;
bottom: 80px;
}
.c_btn_group-f {
margin-top: 40px;
text-align: center;
font-size: 0px;
font-size: 0rem;
}
@media screen and (max-width: 768px) {
.c_btn_group-f {
margin: 35px 0 0;
}
}
.c_btn_group-f > .c_btn-b {
display: inline-block;
}
.c_btn_group-f > .c_btn-b + .c_btn-b {
margin: 0 0 0 45px;
}
@media screen and (max-width: 768px) {
.c_btn_group-f > .c_btn-b + .c_btn-b {
margin: 35px 0 0;
}
}
.c_btn_group-f a {
text-decoration: none;
}
.c_btn_group-g {
text-align: center;
padding: 43px 0 0;
}
@media screen and (max-width: 768px) {
.c_btn_group-g {
padding: 50px 0 0;
}
}
.c_btn_group-h {
text-align: center;
padding: 43px 0 0;
}
@media screen and (max-width: 768px) {
.c_btn_group-h {
padding: 24px 0 0;
}
}
.c_btn_group-i {
text-align: center;
padding: 0 0 50px;
}
@media screen and (max-width: 768px) {
.c_btn_group-i {
padding: 0 0 35px;
}
}
.c_btn_group-j {
display: none;
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
gap: 16px;
grid-template-columns: 1fr 60px;
padding: 12px 16px;
background-color: #f9f5e8;
}
@media screen and (max-width: 768px) {
.c_btn_group-j {
display: grid;
}
}
.c_btn_group-j .c_btn-b {
display: flex;
align-items: center;
justify-content: center;
height: 50px;
background: #e96312;
font-size: 16px;
font-weight: bold;
color: #fff;
box-shadow: 0px 4px 0px 0px #92400f;
text-decoration: none;
}
.c_btn_group-j .c_btn-b--sm {
width: 60px;
}
.c_btn_group-j .c_btn-b--sm .icon_mail {
margin-right: 0;
}
.c_btn {
display: inline-block;
line-height: 32px;
border-radius: 6px;
padding: 0 1.6em;
text-decoration: none;
}
.c_btn.c_btn_bgcolor-a {
font-weight: bold;
color: #fff;
background: #399f3c;
}
.c_btn.c_btn_bgcolor-b {
font-weight: bold;
color: #fff;
background: #e96312;
}
.c_btn.c_btn_bgcolor-c {
font-weight: bold;
color: #fff;
background: #efb436;
}
.c_btn.c_btn_bgcolor-d {
font-weight: bold;
color: #fff;
background: #bc9d58;
}
.c_btn.c_btn_arrow-a {
padding-right: 2.4em;
position: relative;
}
.c_btn.c_btn_arrow-a:before {
content: "";
width: 9px;
height: 9px;
border-right: 1px solid rgba(255, 255, 255, 0.5);
border-bottom: 1px solid rgba(255, 255, 255, 0.5);
margin: -5px 0 0;
position: absolute;
right: 12px;
top: 50%;
transform: rotate(-45deg);
}
.c_btn.c_btn_size-a {
box-sizing: border-box;
min-width: 200px;
}
.c_btn.c_btn_size-b {
box-sizing: border-box;
min-width: 190px;
}
.c_btn.c_btn_size-c {
box-sizing: border-box;
min-width: 335px;
line-height: 49px;
border-radius: 10px;
}
@media screen and (max-width: 768px) {
.c_btn.c_btn_size-c {
min-width: 100%;
}
}
.c_btn.c_btn_size-d {
box-sizing: border-box;
min-width: 190px;
line-height: 36px;
letter-spacing: 0.1em;
}
@media screen and (max-width: 768px) {
.c_btn.c_btn_size-d {
min-width: 100%;
line-height: 50px;
border-radius: 10px;
}
}
.c_btn.c_btn_size-e {
width: 480px;
line-height: 46px;
text-align: center;
border-radius: 10px;
padding: 0;
text-decoration: none;
}
@media screen and (max-width: 768px) {
.c_btn.c_btn_size-e {
width: 100%;
}
}
.c_btn.c_btn_size-e + .c_btn_size-e {
margin-top: 16px;
}
.c_btn.c_btn_fsize-a {
font-size: 16px;
font-size: 1.6rem;
}
.c_btn.c_btn_fsize-b {
font-size: 14px;
font-size: 1.4rem;
}
.c_btn.c_btn_fsize-c {
font-size: 19px;
font-size: 1.9rem;
}
.c_btn.c_btn_fsize-d {
font-size: 16px;
font-size: 1.6rem;
}
@media screen and (max-width: 768px) {
.c_btn.c_btn_fsize-d {
font-size: 19px;
font-size: 1.9rem;
}
}
.c_btn-b {
display: inline-block;
border-radius: 5px;
}
.c_btn-b.c_btn_arrow-a {
position: relative;
}
.c_btn-b.c_btn_arrow-a:before {
content: "";
width: 16px;
height: 16px;
background-image: url(//mytera.jp/wp-content/themes/mytera/assets/images/icon_arrow_r02.png);
background-repeat: no-repeat;
background-position: center;
background-size: 16px auto;
vertical-align: -2px;
position: absolute;
margin: auto;
top: 0;
bottom: 0;
right: 10px;
}
.c_btn-b.c_bgcolor-a {
font-weight: bold;
color: #fff;
background: #e96312;
}
.c_btn-b.c_bgcolor-b {
font-weight: bold;
color: #fff;
background: #399f3c;
}
.c_btn-b.c_btn_size-a {
box-sizing: border-box;
min-width: 345px;
line-height: 4;
}
@media screen and (max-width: 768px) {
.c_btn-b.c_btn_size-a {
min-width: 100%;
}
}
.c_btn-b.c_btn_size-b {
box-sizing: border-box;
min-width: 240px;
line-height: 36px;
}
@media screen and (max-width: 768px) {
.c_btn-b.c_btn_size-b {
width: 100%;
line-height: 50px;
}
}
.c_btn-b.c_btn_size-c {
box-sizing: border-box;
width: 345px;
line-height: 4.5;
}
@media screen and (max-width: 768px) {
.c_btn-b.c_btn_size-c {
width: 100%;
}
}
.c_btn-b.c_btn_fsize-a {
font-size: 20px;
font-size: 2rem;
}
.c_btn-b.c_btn_fsize-b {
font-size: 16px;
font-size: 1.6rem;
}
.c_btn-b.c_btn_fsize-c {
font-size: 19px;
font-size: 1.9rem;
}
.c_btn-b.c_btn_fsize-d {
font-size: 18px;
font-size: 1.8rem;
}
@media screen and (max-width: 768px) {
.c_btn-b.c_btn_fsize-d {
font-size: 16px;
font-size: 1.6rem;
}
}
.c_btn-b.is_box_shadow-a {
box-shadow: 0px 4px 0px 0px #92400f;
}
.c_btn-b.is_letter_spacing-a {
letter-spacing: -0.1rem;
}
.c_btn-c.c_btn_size-a {
width: 50px;
height: 50px;
}
.c_btn-c.c_btn_bgimg-a {
background-position: center;
background-image: url(//mytera.jp/wp-content/themes/mytera/assets/images/btn_pagetop.png);
background-size: 50px auto;
}
.c_btn-c a {
display: block;
padding: 25px 25px 6px;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}
.c_btn-d {
display: inline-block;
border-radius: 10px;
}
.c_btn-d.c_btn_arrow-a {
position: relative;
}
.c_btn-d.c_btn_arrow-a:before {
content: "";
width: 16px;
height: 16px;
background-position: center;
background-repeat: no-repeat;
background-image: url(//mytera.jp/wp-content/themes/mytera/assets/images/icon_arrow_r02.png);
background-size: 16px auto;
vertical-align: -2px;
position: absolute;
margin: auto;
top: 0;
bottom: 0;
right: 10px;
}
.c_btn-d.c_bgcolor-a {
font-weight: bold;
color: #fff;
background: #e17800;
}
.c_btn-d.c_btn_size-a {
box-sizing: border-box;
min-width: 480px;
line-height: 2.5625;
}
@media screen and (max-width: 768px) {
.c_btn-d.c_btn_size-a {
min-width: 60%;
}
}
.c_btn-d.c_btn_fsize-a {
font-size: 16px;
font-size: 1.6rem;
}
.c_btn-d.is_box_shadow-a {
box-shadow: 0px 4px 0px 0px #92400f;
}
.c_btn-d.is_letter_spacing-a {
letter-spacing: -0.1rem;
}
.c_title-a {
font-size: 24px;
font-size: 2.4rem;
font-weight: bold;
text-align: center;
letter-spacing: 0.5em;
}
.c_title-a.is_otera .c_title__item {
border-color: #e96312;
}
.c_title-a.is_mytera .c_title__item {
border-color: #399f3c;
}
.c_title-a.is_calendar .c_title__item {
border-color: #e6c521;
}
.c_title-a .c_title__item {
display: inline-block;
border-top: 4px solid #e96312;
padding: 10px 0 45px 0.5em;
}
@media screen and (max-width: 768px) {
.c_title-a {
font-size: 19px;
font-size: 1.9rem;
}
}
.c_title-b {
font-size: 32px;
font-size: 3.2rem;
font-weight: bold;
text-align: center;
}
.c_title-b.is_color-a {
color: #e96312;
}
.c_title-b .c_title__item {
display: inline-block;
padding: 20px 0 60px;
}
@media screen and (max-width: 768px) {
.c_title-b {
font-size: 19px;
font-size: 1.9rem;
}
}
.c_title-c {
font-size: 20px;
font-size: 2rem;
font-weight: bold;
text-align: center;
}
.c_title-c.is_calendar .c_title__item {
border-color: #e6c521;
}
.c_title-c .c_title__item {
display: inline-block;
border-top: 4px solid #e96312;
padding: 8px 0.15em 39px;
}
@media screen and (max-width: 768px) {
.c_title-c {
font-size: 19px;
font-size: 1.9rem;
}
}
.c_title-d {
text-align: center;
}
.c_title-d.is_otera {
height: 45px;
margin-bottom: 36px;
}
.c_title-d.is_otera img {
height: 100%;
}
.c_title-d.is_mytera .c_title__item {
border-color: #399f3c;
}
.c_title-d.is_calendar .c_title__item {
border-color: #e6c521;
}
.c_title-d .c_title__item {
display: inline-block;
border-top: 4px solid #e96312;
padding: 10px 0 45px 0.5em;
}
@media screen and (max-width: 768px) {
.c_title-d {
font-size: 19px;
font-size: 1.9rem;
}
}
.c_list-a > li + li {
margin: 15px 0 0;
}
.c_list-a > li a {
display: table;
table-layout: fixed;
width: 100%;
}
.c_list-a .c_list__img {
display: table-cell;
width: 70px;
vertical-align: middle;
padding: 0 15px 0 0;
}
.c_list-a .c_list__info {
display: table-cell;
vertical-align: middle;
border-bottom: 1px solid #ccc;
}
.c_list-a .c_list__txt-a {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.6;
}
@media screen and (max-width: 768px) {
.c_list-a .c_list__txt-a {
font-size: 15px;
font-size: 1.5rem;
line-height: 1.4;
}
}
.c_list-a .c_list__txt-b {
font-size: 12px;
font-size: 1.2rem;
color: #999;
padding: 5px 0 3px;
position: relative;
}
@media screen and (max-width: 768px) {
.c_list-a .c_list__txt-b {
font-size: 13px;
font-size: 1.3rem;
padding: 3px 0 1px;
}
}
.c_list-a .c_list__txt-b .label {
position: absolute;
right: 0;
}
.c_list-b > li {
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
padding: 0 0 19px;
}
@media screen and (max-width: 768px) {
.c_list-b > li {
padding: 0 4% 19px;
}
}
.c_list-b > li + li {
margin: 19px 0 0;
}
.c_list-b > li a {
display: table;
table-layout: fixed;
width: 100%;
}
.c_list-b .c_list__img {
display: table-cell;
width: 70px;
vertical-align: middle;
padding: 0 15px 0 0;
}
.c_list-b .c_list__info {
display: table-cell;
vertical-align: middle;
}
.c_list-c > li + li {
margin: 67px 0 0;
}
@media screen and (max-width: 768px) {
.c_list-c > li + li {
margin: 48px 0 0;
}
}
.c_list-d > li {
font-size: 0px;
font-size: 0rem;
border-top: #e5e5e5 1px solid;
overflow: hidden;
}
.c_list-d > li:last-child {
border-bottom: #e5e5e5 1px solid;
}
.c_list-d > li > a {
display: block;
padding: 17px 12px 14px 15px;
}
.c_list-d .c_list__date {
font-size: 14px;
font-size: 1.4rem;
margin: 0 20px 0 0;
}
.c_list-d .c_list__tag {
font-size: 13px;
font-size: 1.3rem;
color: #666;
border: 1px #e6c521 solid;
padding: 3px 15px;
border-radius: 10px;
margin: 0 30px 0 0;
line-height: 1;
}
.c_list-d .c_list__text {
font-size: 16px;
font-size: 1.6rem;
font-weight: bold;
}
.c_list-d .c_list__time {
font-size: 14px;
font-size: 1.4rem;
color: #666;
float: right;
}
@media screen and (max-width: 768px) {
.c_list-d .c_list__date {
display: block;
margin: 0 0 6px;
}
.c_list-d .c_list__tag {
display: inline-block;
margin: 0 0 6px;
}
.c_list-d .c_list__text {
display: block;
margin: 0 0 6px;
}
.c_list-d .c_list__time {
display: block;
float: none;
}
}
.c_list-e {
width: 100%;
margin: 0 auto;
}
.c_list-e > li {
border-top: 1px solid rgba(0, 0, 0, 0.2);
padding: 8px 0 10px;
}
@media screen and (max-width: 768px) {
.c_list-e > li {
padding: 24px 4%;
}
}
.c_list-e > li:last-child {
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.c_list-e > li a {
display: table;
table-layout: fixed;
width: 100%;
}
.c_list-e .c_list__img_wrap {
display: table-cell;
width: 156px;
height: 104px;
vertical-align: middle;
overflow: hidden;
position: relative;
}
@media screen and (max-width: 768px) {
.c_list-e .c_list__img_wrap {
width: 19%;
}
.c_list-e .c_list__img_wrap > img {
width: 150%;
max-width: none;
height: auto;
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
}
}
.c_list-e .c_list__info {
display: table-cell;
vertical-align: middle;
padding: 0 0 0 50px;
}
@media screen and (max-width: 768px) {
.c_list-e .c_list__info {
padding-left: 3.6%;
}
}
.c_list-e .c_list__date {
color: #a7a7a7;
font-size: 12px;
font-size: 1.2rem;
margin: 0 0 12px;
}
.c_list-e .c_list_title {
color: #399f3c;
font-size: 12px;
font-size: 1.2rem;
font-weight: bold;
margin: 0;
}
.c_list-e .c_list__txt {
font-size: 14px;
font-size: 1.4rem;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.c_list-e .c_list__txt {
font-size: 12px;
font-size: 1.2rem;
}
}
.c_list-f {
display: flex;
flex-wrap: wrap;
justify-content: center;
width: 940px;
margin: 0 auto;
padding: 40px 0 0;
}
@media screen and (max-width: 768px) {
.c_list-f {
width: 100%;
padding: 20px 0 0;
justify-content: space-between;
}
}
.c_list-f li {
min-width: 92px;
margin: 0 10px 10px 0;
padding: 8px 6px;
box-sizing: border-box;
border-radius: 5px;
border: 1px solid #eee;
color: #333;
font-size: 16px;
font-size: 1.6rem;
font-weight: bold;
text-align: center;
}
.c_list-f li:last-child {
margin-right: 0;
}
@media screen and (max-width: 768px) {
.c_list-f li {
min-width: auto;
width: 32%;
margin: 0 0 10px;
}
}
.c_list-f.is_otera li {
background-color: #f8d0b7;
}
.c_list-f.is_mytera_calendar li {
background-color: #f9e8b1;
}
.c_list-f.is_mytera_newspaper {
width: 890px;
}
@media screen and (max-width: 768px) {
.c_list-f.is_mytera_newspaper {
width: 96%;
margin: 0 auto;
padding: 20px 0 0;
justify-content: space-between;
}
}
.c_list-f.is_mytera_newspaper li {
background-color: #c5e7c6;
}
@media screen and (max-width: 768px) {
.c_list-f.is_mytera_newspaper li {
padding: 0;
}
.c_list-f.is_mytera_newspaper li a {
padding: 4% 0;
display: block;
font-size: 0.875rem;
}
}
.c_list-f.is_mytera_newspaper li.reverse {
background-color: #fff;
border: 1px solid #399f3c;
}
.c_list-f.is_mytera_newspaper li.reverse a {
color: #399f3c;
}
@media screen and (max-width: 768px) {
.c_list-f.is_mytera_newspaper li.reverse {
width: 100%;
padding: 0;
}
.c_list-f.is_mytera_newspaper li.reverse a {
padding: 2% 0;
}
}
.c_list-g {
display: flex;
justify-content: space-between;
width: 1000px;
margin: 0 auto;
padding: 0 0 40px;
}
@media screen and (max-width: 768px) {
.c_list-g {
padding: 0 0 20px;
}
}
@media screen and (max-width: 768px) {
.c_list-g__wrap {
overflow-y: hidden;
}
}
.c_list-g li {
width: 230px;
height: 115px;
box-sizing: border-box;
border-radius: 5px;
overflow: hidden;
font-size: 19px;
font-size: 1.9rem;
font-weight: bold;
line-height: 1.6;
}
.c_list-g li a {
display: flex;
height: 100%;
align-items: center;
background-color: #f6f6f6;
}
.c_list-g li a .c_list__img {
width: 90px;
height: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.c_list-g li a p {
width: 140px;
max-height: 115px;
padding: 0 20px 0 35px;
box-sizing: border-box;
}
.c_list-g.is_otera li {
background-color: #f8d0b7;
}
.c_list-g.is_mytera_calendar li {
background-color: #f9e8b1;
}
.c_list-g.is_mytera_newspaper li {
background-color: #c5e7c6;
}
.c_orderd_list-a {
width: 700px;
margin: 0 auto;
counter-reset: number;
}
@media screen and (max-width: 768px) {
.c_orderd_list-a {
width: 100%;
}
}
.c_orderd_list-a > li {
font-size: 16px;
font-size: 1.6rem;
width: 640px;
margin-left: 60px;
padding: 0 0 25px;
padding-bottom: 25px;
border-bottom: 1px #ccc solid;
position: relative;
}
.c_orderd_list-a > li + li {
padding-top: 30px;
}
.c_orderd_list-a > li:before {
counter-increment: number;
content: counter(number);
position: absolute;
left: -60px;
font-size: 20px;
font-size: 2rem;
font-weight: bold;
text-align: center;
line-height: 1.6;
width: 32px;
height: 32px;
border: 4px #e96312 solid;
border-radius: 50%;
margin-top: -10px;
}
.c_orderd_list-a > li:after {
content: " ";
position: absolute;
width: 0px;
height: 0px;
border-top: 12px #e96312 solid;
border-right: 7px transparent solid;
border-left: 7px transparent solid;
left: -46px;
bottom: -7px;
}
.c_orderd_list-a > li:last-child:after {
border: none;
}
.c_orderd_list-a > li a {
color: #e96312;
text-decoration: underline;
margin-left: 10px;
}
@media screen and (max-width: 768px) {
.c_orderd_list-a > li {
width: 86.9565%;
margin-left: 13.0435%;
}
.c_orderd_list-a > li:before {
left: -13.0435%;
font-size: 16px;
font-size: 1.6rem;
width: 26px;
height: 26px;
border: 3px #e96312 solid;
margin-top: -6px;
}
.c_orderd_list-a > li:after {
left: -11%;
}
}
.c_orderd_list-a .c_list__img {
display: table-cell;
width: 70px;
vertical-align: middle;
padding: 0 15px 0 0;
}
.c_orderd_list-a .c_list__info {
display: table-cell;
vertical-align: middle;
border-bottom: 1px solid #ccc;
}
.c_orderd_list-a .c_list__txt-a {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.6;
}
@media screen and (max-width: 768px) {
.c_orderd_list-a .c_list__txt-a {
font-size: 15px;
font-size: 1.5rem;
line-height: 1.4;
}
}
.c_orderd_list-a .c_list__txt-b {
font-size: 12px;
font-size: 1.2rem;
color: #999;
padding: 5px 0 3px;
position: relative;
}
@media screen and (max-width: 768px) {
.c_orderd_list-a .c_list__txt-b {
font-size: 13px;
font-size: 1.3rem;
padding: 3px 0 0px;
}
}
.c_orderd_list-a .c_list__txt-b .label {
position: absolute;
top: 4px;
right: 0;
}
.c_inline_list-a {
font-size: 0px;
font-size: 0rem;
}
.c_inline_list-a li {
display: inline-block;
font-size: 12px;
font-size: 1.2rem;
}
.c_inline_list-a.is_otera {
text-align: center;
padding: 0 0 50px;
}
.c_inline_list-a.is_otera li {
margin: 0 20px;
}
@media screen and (max-width: 768px) {
.c_inline_list-a.is_otera li {
width: 25%;
padding: 0 3.73333%;
}
.c_inline_list-a.is_otera li:nth-child(n+4) {
padding: 28px 0 0;
}
}
.c_inline_list-a.is_otera img {
width: 120px;
}
.c_inline_list-b {
overflow: hidden;
font-size: 0px;
font-size: 0rem;
}
.c_inline_list-b > li {
font-size: 18px;
font-size: 1.8rem;
text-align: center;
background-color: #f9f5e8;
border-radius: 10px;
display: inline-block;
padding: 10px 0 13px;
}
@media screen and (min-width: 768px) {
.c_inline_list-b > li {
width: 31.111111%;
margin-right: 3.3333333%;
}
.c_inline_list-b > li:nth-child(3n) {
margin-right: 0;
}
.c_inline_list-b > li:nth-child(n+4) {
margin-top: 30px;
}
}
@media screen and (max-width: 768px) {
.c_inline_list-b > li {
font-size: 16px;
font-size: 1.6rem;
width: 48.550725%;
margin-right: 2.8985507%;
}
.c_inline_list-b > li:nth-child(2n) {
margin-right: 0;
}
.c_inline_list-b > li:nth-child(n+3) {
margin-top: 20px;
}
}
.c_inline_list-c {
display: flex;
justify-content: center;
}
.c_inline_list-c li {
text-align: center;
display: block;
box-sizing: border-box;
width: 223px;
height: 110px;
}
@media screen and (max-width: 768px) {
.c_inline_list-c li {
width: 28%;
max-width: 105px;
height: 136px;
}
}
.c_inline_list-c li a {
display: block;
width: 100%;
height: 100%;
}
@media screen and (max-width: 768px) {
.c_inline_list-c li .nav_icon, .c_inline_list-c li .nav_txt {
display: none;
}
}
.c_inline_list-c li .nav_icon_sp {
display: none;
}
@media screen and (max-width: 768px) {
.c_inline_list-c li .nav_icon_sp {
display: block;
margin: 0 auto;
padding: 9px 0 0;
}
}
.c_inline_list-c li:nth-child(1) {
border-top: 4px solid #e96312;
border-bottom: 1px solid #e96312;
border-left: 1px solid #e96312;
border-right: 1px solid #e96312;
}
.c_inline_list-c li:nth-child(1) .nav_icon {
width: 138px;
padding-top: 25px;
}
.c_inline_list-c li:nth-child(1) .nav_txt {
width: 98px;
padding-top: 16px;
}
@media screen and (max-width: 768px) {
.c_inline_list-c li:nth-child(1) .nav_icon_sp {
width: 60px;
}
}
.c_inline_list-c li:nth-child(2) {
margin: 0 15px;
border-top: 4px solid #ecc84b;
border-bottom: 1px solid #ecc84b;
border-left: 1px solid #ecc84b;
border-right: 1px solid #ecc84b;
}
.c_inline_list-c li:nth-child(2) .nav_icon {
width: 162px;
padding-top: 16px;
}
.c_inline_list-c li:nth-child(2) .nav_txt {
width: 149px;
padding-top: 15px;
}
@media screen and (max-width: 768px) {
.c_inline_list-c li:nth-child(2) .nav_icon_sp {
width: 75px;
}
}
.c_inline_list-c li:nth-child(3) {
border-top: 4px solid #45a556;
border-bottom: 1px solid #45a556;
border-left: 1px solid #45a556;
border-right: 1px solid #45a556;
}
.c_inline_list-c li:nth-child(3) .nav_icon {
width: 140px;
padding-top: 14px;
}
.c_inline_list-c li:nth-child(3) .nav_txt {
width: 98px;
padding-top: 13px;
}
@media screen and (max-width: 768px) {
.c_inline_list-c li:nth-child(3) .nav_icon_sp {
width: 53px;
}
}
.c_inline_list-d {
display: flex;
justify-content: center;
margin-top: 60px;
}
@media screen and (max-width: 768px) {
.c_inline_list-d {
justify-content: space-between;
margin-top: 25px;
}
}
.c_inline_list-d li {
text-align: center;
box-sizing: border-box;
width: 400px;
height: 110px;
}
@media screen and (max-width: 768px) {
.c_inline_list-d li {
width: 48%;
height: 116px;
}
}
.c_inline_list-d li + li {
margin-left: 30px;
}
@media screen and (max-width: 768px) {
.c_inline_list-d li + li {
margin: 0;
}
}
.c_inline_list-d li a {
display: block;
width: 100%;
height: 100%;
}
@media screen and (max-width: 768px) {
.c_inline_list-d li a {
display: flex;
align-items: center;
}
}
@media screen and (max-width: 768px) {
.c_inline_list-d li .nav_pc {
display: none;
}
}
.c_inline_list-d li .nav_sp {
display: none;
}
@media screen and (max-width: 768px) {
.c_inline_list-d li .nav_sp {
display: block;
margin: 0 auto;
}
}
.c_inline_list-d li.is_otera {
border-top: 4px solid #e96312;
border-bottom: 1px solid #e96312;
border-left: 1px solid #e96312;
border-right: 1px solid #e96312;
}
.c_inline_list-d li.is_otera .nav_pc {
width: 285px;
padding-top: 36px;
}
@media screen and (max-width: 768px) {
.c_inline_list-d li.is_otera .nav_sp {
width: 94px;
}
}
.c_inline_list-d li.is_mytera_calendar {
border-top: 4px solid #ecc84b;
border-bottom: 1px solid #ecc84b;
border-left: 1px solid #ecc84b;
border-right: 1px solid #ecc84b;
}
.c_inline_list-d li.is_mytera_calendar .nav_pc {
width: 368px;
padding-top: 30px;
}
@media screen and (max-width: 768px) {
.c_inline_list-d li.is_mytera_calendar .nav_sp {
width: 140px;
}
}
.c_inline_list-d li.is_mytera_newspaper {
border-top: 4px solid #45a556;
border-bottom: 1px solid #45a556;
border-left: 1px solid #45a556;
border-right: 1px solid #45a556;
}
.c_inline_list-d li.is_mytera_newspaper .nav_pc {
width: 280px;
padding-top: 28px;
}
@media screen and (max-width: 768px) {
.c_inline_list-d li.is_mytera_newspaper .nav_sp {
width: 94px;
}
}
.c_inline_list-e {
display: flex;
justify-content: space-between;
align-items: center;
width: 600px;
margin: 0 auto 40px;
}
@media screen and (max-width: 768px) {
.c_inline_list-e {
width: 100%;
margin: 0 auto 15px;
}
}
.c_inline_list-e img {
width: 120px;
}
@media screen and (max-width: 768px) {
.c_inline_list-e img {
width: 80px;
}
}
.c_list_point.is_point-a > li a:before {
background: #399f3c;
}
.c_list_point.is_point-b > li a:before {
background: #e6c521;
}
@media screen and (max-width: 768px) {
.c_list_point > li {
padding: 0 3%;
}
}
.c_list_point > li + li {
margin: 10px 0 0;
}
.c_list_point > li a {
display: inline-block;
padding: 0 30px;
position: relative;
vertical-align: top;
}
.c_list_point > li a:before {
content: "";
width: 8px;
height: 8px;
border-radius: 50%;
position: absolute;
left: 10px;
top: 49%;
transform: translateY(-50%);
}
.c_list-recommend {
font-size: 14px;
font-size: 1.4rem;
font-weight: bold;
border: #ffc000 solid;
border-width: 2px 0;
margin: 0 0 30px;
}
@media screen and (max-width: 768px) {
.c_list-recommend {
font-size: 16px;
font-size: 1.6rem;
}
}
.c_list-recommend dt {
background-color: rgba(255, 192, 0, 0.2);
padding: 5px 18px;
}
.c_list-recommend dd li {
padding: 8px 18px 8px 58px;
border-bottom: 1px #ffc000 solid;
position: relative;
background-position: 18px center;
background-repeat: no-repeat;
background-image: url(//mytera.jp/wp-content/themes/mytera/assets/images/icon_user01.png);
background-size: 19px auto;
}
.c_list-recommend dd li:last-child {
border-bottom: none;
}
.c_sns-a {
font-size: 0px;
font-size: 0rem;
}
.c_sns-a .c_sns__txt-a {
display: inline-block;
font-size: 12px;
font-size: 1.2rem;
line-height: 1;
color: #666;
vertical-align: middle;
border-radius: 4px;
border: 1px solid #dcdcdc;
background: #eaeaea;
margin: 0 8px 0 0;
padding: 8px 10px;
}
@media screen and (max-width: 768px) {
.c_sns-a .c_sns__txt-a {
margin: 0 0 8px 0;
}
}
.c_sns-a > ul {
display: inline-block;
}
@media screen and (max-width: 768px) {
.c_sns-a > ul {
display: block;
}
}
.c_sns-a li {
display: inline-block;
vertical-align: middle;
}
.c_sns-a li + li {
margin: 0 0 0 8px;
}
.c_sns-a li > a > img {
width: 30px;
}
.c_sns-b {
margin: 35px 0 0;
font-size: 0px;
font-size: 0rem;
}
.c_sns-b .c_sns__txt-a {
display: inline-block;
font-size: 12px;
font-size: 1.2rem;
line-height: 1;
color: #666;
vertical-align: middle;
border-radius: 4px;
border: 1px solid #dcdcdc;
background: #eaeaea;
margin: 0 8px 0 0;
padding: 8px 10px;
}
@media screen and (max-width: 768px) {
.c_sns-b .c_sns__txt-a {
margin: 0 0 8px 0;
}
}
.c_sns-b > ul {
display: inline-block;
}
@media screen and (max-width: 768px) {
.c_sns-b > ul {
display: block;
}
}
.c_sns-b li {
display: inline-block;
vertical-align: middle;
}
.c_sns-b li + li {
margin: 0 0 0 8px;
}
.c_sns-b li > a > img {
width: 30px;
}
.c_sns-c {
width: 500px;
margin: 0 auto;
}
@media screen and (max-width: 768px) {
.c_sns-c {
width: 90%;
}
}
.c_sns-d {
display: flex;
justify-content: center;
margin-bottom: 40px;
}
.c_sns-d .c_sns__fb, .c_sns-d .c_sns__twitter {
width: 50px;
height: 50px;
}
@media screen and (max-width: 768px) {
.c_sns-d .c_sns__fb, .c_sns-d .c_sns__twitter {
width: 60px;
height: 60px;
}
}
.c_sns-d .c_sns__fb svg {
fill: #315ba8;
}
.c_sns-d .c_sns__twitter svg {
fill: #008fde;
}
.c_sns-d li + li {
margin-left: 15px;
}
.c_hero-a {
display: table;
width: 100%;
height: 420px;
font-family: "游明朝", YuMincho, "ＭＳ 明朝", "Hiragino Mincho ProN", "Hiragino Mincho Pro", serif;
text-align: center;
background: center center no-repeat;
background-size: cover;
}
.c_hero-a .c_hero__inner {
display: table-cell;
text-align: center;
vertical-align: middle;
color: #fff;
}
.c_hero-a .c_hero__txt-a {
font-size: 47px;
font-size: 4.7rem;
margin: 0 0 10px;
}
.c_hero-a .c_hero__txt-b {
font-size: 21px;
font-size: 2.1rem;
}
@media screen and (max-width: 768px) {
.c_hero-a {
height: 210px;
}
.c_hero-a .c_hero__txt-a {
font-size: 23px;
font-size: 2.3rem;
}
.c_hero-a .c_hero__txt-b {
font-size: 14px;
font-size: 1.4rem;
}
}
.c_hero-b {
background: rgba(57, 159, 60, 0.3);
padding: 0 0 20px;
overflow: hidden;
}
.c_hero-b .c_hero__inner {
padding: 28px 0;
}
.c_hero-b .c_hero__txt-a {
font-size: 16px;
font-size: 1.6rem;
font-family: "游明朝", YuMincho, "ＭＳ 明朝", "Hiragino Mincho ProN", "Hiragino Mincho Pro", serif;
text-align: center;
}
@media screen and (max-width: 768px) {
.c_hero-b .c_hero__txt-a {
white-space: pre;
}
.c_hero-b .c_hero__txt-a br {
display: none;
}
}
.c_hero-c {
overflow: hidden;
padding: 0 0 40px;
}
@media screen and (max-width: 768px) {
.c_hero-c {
padding: 0 0 30px;
}
}
.c_hero-c .c_hero__img {
float: right;
width: 680px;
}
@media screen and (max-width: 768px) {
.c_hero-c .c_hero__img {
float: none;
width: 100%;
margin: 0 0 15px;
}
}
.c_hero-c .c_hero__img-b {
float: right;
width: 45px;
margin-bottom: 12px;
}
@media screen and (max-width: 768px) {
.c_hero-c .c_hero__img-b {
margin-bottom: 0;
}
}
.c_hero-c .c_hero__img-b a {
display: block;
}
.c_hero-c .c_hero__img-b img {
width: 100%;
}
.c_hero-c .c_hero__pr {
border: 1px solid #f6937b;
border-radius: 10px;
padding: 10px 30px;
position: relative;
margin-top: 20px;
}
@media screen and (max-width: 768px) {
.c_hero-c .c_hero__pr {
margin: 4% 4% 6%;
}
}
.c_hero-c .c_hero__pr p {
font-size: 1.4rem;
text-align: center;
font-weight: 600;
letter-spacing: 0.05rem;
line-height: 1.5;
}
.c_hero-c .c_hero__info {
float: left;
width: 270px;
}
@media screen and (max-width: 768px) {
.c_hero-c .c_hero__info {
position: relative;
box-sizing: border-box;
float: none;
width: 100%;
padding: 0 4%;
}
}
.c_hero-c .c_hero__inner {
overflow: hidden;
}
@media screen and (max-width: 768px) {
.c_hero-c .c_hero__inner {
margin-bottom: 8px;
}
}
.c_hero-c .c_hero__title-a {
font-size: 48px;
font-size: 4.8rem;
display: block;
color: #b88947;
margin: 0 0 10px;
}
@media screen and (max-width: 768px) {
.c_hero-c .c_hero__title-a {
font-size: 27px;
font-size: 2.7rem;
font-weight: normal;
padding: 0 8px;
}
}
.c_hero-c .c_hero__txt-a {
display: inline-block;
font-size: 14px;
font-size: 1.4rem;
color: #666;
line-height: 1;
border: 1px solid #dcdcdc;
margin: 0 0 50px;
padding: 4px 8px;
}
@media screen and (max-width: 768px) {
.c_hero-c .c_hero__txt-a {
margin: 0 0 12px;
}
}
.c_hero-c .c_hero__txt-b {
font-size: 18px;
font-size: 1.8rem;
display: block;
color: #666;
border-bottom: 1px solid #dcdcdc;
margin: 0 0 3px;
padding: 0 0 6px;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.c_hero-c .c_hero__txt-b {
font-size: 16px;
font-size: 1.6rem;
padding: 0 8px 6px;
}
}
.c_hero-c .c_hero__txt-c {
font-size: 20px;
font-size: 2rem;
}
@media screen and (max-width: 768px) {
.c_hero-c .c_hero__txt-c {
font-size: 16px;
font-size: 1.6rem;
white-space: normal;
padding: 0 8px;
}
}
.c_hero-c .c_hero__txt-d {
font-size: 12px;
font-size: 1.2rem;
color: #666;
border-left: 2px solid #e96312;
margin: 50px 0 0;
padding: 0 0 0 15px;
}
@media screen and (max-width: 768px) {
.c_hero-c .c_hero__txt-d {
font-size: 13px;
font-size: 1.3rem;
margin: 30px 0 0;
}
}
.c_hero-c .c_hero__subtitle-a {
font-size: 24px;
font-size: 2.4rem;
display: block;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.c_hero-c .c_hero__subtitle-a {
display: inline-block;
font-size: 18px;
font-size: 1.8rem;
margin: 0 10px 0 0;
}
}
.c_hero-c .c_hero__subtxt-a {
display: block;
font-size: 13px;
font-size: 1.3rem;
color: #333;
margin: 0 0 10px;
}
@media screen and (max-width: 768px) {
.c_hero-c .c_hero__subtxt-a {
margin: 0;
}
}
.c_hero-d {
box-sizing: border-box;
min-height: 180px;
background: left center no-repeat;
background-size: cover;
padding: 35px 27px;
margin: 40px 0;
}
.c_hero-d.is_mytera_calendar {
margin: 20px 0 44px;
}
@media screen and (max-width: 768px) {
.c_hero-d {
min-height: 110px;
margin: 0 0 20px;
padding: 15px;
}
}
.c_hero-d .c_hero__title-a {
font-size: 32px;
font-size: 3.2rem;
padding: 5px 0 0;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.c_hero-d .c_hero__title-a {
font-size: 22px;
font-size: 2.2rem;
}
}
.c_hero-d .c_hero__txt-a {
font-size: 18px;
font-size: 1.8rem;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.c_hero-d .c_hero__txt-a {
font-size: 16px;
font-size: 1.6rem;
}
}
.c_hero-d .c_hero__txt-b {
font-size: 16px;
font-size: 1.6rem;
padding: 5px 0 0;
}
@media screen and (max-width: 768px) {
.c_hero-d .c_hero__txt-b {
font-size: 15px;
font-size: 1.5rem;
}
}
.c_hero-e {
box-sizing: border-box;
min-height: 180px;
background: #e6c521 url(//mytera.jp/wp-content/themes/mytera/assets/images/bg_calendar01.jpg) center center no-repeat;
background-position-x: right;
background-size: cover;
padding: 35px 27px 35px;
margin: 40px 0;
}
.c_hero-e.is_mytera_calendar {
margin: 20px 0 44px;
}
@media screen and (max-width: 768px) {
.c_hero-e {
min-height: 105px;
margin: 0 0 20px;
padding: 15px;
background: #e6c521 url(//mytera.jp/wp-content/themes/mytera/assets/images/bg_calendar02.png) center right no-repeat;
background-size: contain;
}
}
.c_hero-e .c_hero__title-a {
color: #fff;
padding: 20px 0 0;
width: 278px;
}
@media screen and (max-width: 768px) {
.c_hero-e .c_hero__title-a {
padding: 8px 0 0;
width: 225px;
}
}
.c_hero-e .c_hero__txt-a {
font-size: 18px;
font-size: 1.8rem;
font-weight: bold;
color: #fff;
}
@media screen and (max-width: 768px) {
.c_hero-e .c_hero__txt-a {
font-size: 16px;
font-size: 1.6rem;
}
}
.c_hero-e .c_hero__txt-b {
color: #fff;
padding: 25px 0 0;
width: 138px;
}
@media screen and (max-width: 768px) {
.c_hero-e .c_hero__txt-b {
padding: 10px 0 0;
width: 112px;
}
}
.c_hero-f {
overflow: hidden;
}
.c_hero-f .c_hero__inner {
padding: 100px 0;
max-width: 90%;
display: block;
width: 800px;
margin: 0 auto;
text-align: center;
vertical-align: middle;
color: #fff;
}
@media screen and (max-width: 768px) {
.c_hero-f .c_hero__inner {
padding: 50px 0;
width: 260px;
}
}
.c_hero-f .c_hero__txt-a {
font-family: "游明朝", YuMincho, "ＭＳ 明朝", "Hiragino Mincho ProN", "Hiragino Mincho Pro", serif;
text-align: center;
position: relative;
color: #fff;
font-size: 47px;
font-size: 4.7rem;
margin: 0 0 10px;
}
.c_hero-f .c_hero__txt-b {
font-family: "游明朝", YuMincho, "ＭＳ 明朝", "Hiragino Mincho ProN", "Hiragino Mincho Pro", serif;
position: relative;
color: #fff;
font-size: 21px;
font-size: 2.1rem;
}
@media screen and (max-width: 768px) {
.c_hero-f {
height: 210px;
}
.c_hero-f .c_hero__txt-a {
font-size: 23px;
font-size: 2.3rem;
}
.c_hero-f .c_hero__txt-b {
font-size: 14px;
font-size: 1.4rem;
}
}
.c_hero-f .swiper-container {
width: 100%;
}
.c_hero-f .swiper-slide {
width: 100%;
height: 420px;
text-align: center;
background: #fff center center no-repeat;
background-size: cover;
display: flex;
justify-content: center;
align-items: center;
}
@media screen and (max-width: 768px) {
.c_hero-f .swiper-slide {
height: 210px;
}
}
.c_nav_list-a li + li {
margin: 0 0 0 10px;
}
.c_nav_list-a li + li:before {
content: "｜";
padding: 0 10px 0 0;
}
@media screen and (max-width: 768px) {
.c_nav_list-a li {
font-size: 13px;
font-size: 1.3rem;
}
.c_nav_list-a li + li {
margin: 0 0 0 6px;
}
.c_nav_list-a li + li:before {
padding: 0 6px 0 0;
}
}
.c_nav-a {
display: none;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.9);
padding: 80px 0 0 0;
z-index: 99;
}
.c_nav-a ul {
font-weight: bold;
position: fixed;
right: 4%;
}
.c_nav-a ul li {
margin: 0 0 36px 0;
}
.c_nav-a ul li a {
font-size: 14px;
font-size: 1.4rem;
}
.c_nav-b {
display: none;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.95);
padding: 95px 0 0 0;
z-index: 99;
}
@media screen and (max-width: 768px) {
.c_nav-b {
padding: 64px 0 0 0;
}
}
@media screen and (max-width: 768px) {
.c_nav-b .c_nav__inner {
height: 100%;
overflow-y: scroll;
}
}
.c_nav-b .c_inline_list-c {
width: 700px;
margin: 0 auto;
}
@media screen and (max-width: 768px) {
.c_nav-b .c_inline_list-c {
width: 100%;
}
}
.c_nav-b .c_nav__list {
width: 225px;
margin: 48px auto 0;
font-weight: bold;
text-align: center;
right: 4%;
}
@media screen and (max-width: 768px) {
.c_nav-b .c_nav__list {
margin: 24px auto 0;
padding: 0 4% 200px;
width: 100%;
box-sizing: border-box;
}
}
.c_nav-b .c_nav__list li {
position: relative;
margin-bottom: 10px;
}
.c_nav-b .c_nav__list li a {
display: block;
height: 36px;
line-height: 36px;
font-size: 14px;
font-size: 1.4rem;
}
.c_nav-b .c_nav__list li::after {
position: absolute;
top: 0;
bottom: 0;
right: 0;
margin: auto;
content: "";
width: 10px;
height: 16px;
background-size: contain;
background-repeat: no-repeat;
background-image: url(//mytera.jp/wp-content/themes/mytera/assets/images/nav_arrow01.png);
vertical-align: middle;
}
.c_nav-b .c_nav__list img {
vertical-align: middle;
}
.c_nav-b .c_nav__list img[src*=top] {
width: 94px;
}
.c_nav-b .c_nav__list img[src*=about] {
width: 102px;
}
.c_nav-b .c_nav__list img[src*=detail] {
width: 145px;
}
.c_nav-b .c_nav__list img[src*=company] {
width: 70px;
}
.c_nav-b .c_nav__list img[src*=diag] {
width: 124px;
}
.c_nav-b .c_nav__list img[src*=intern] {
width: 122px;
}
.c_nav-b .c_nav__list img[src*=member] {
width: 105px;
}
.c_nav-b .c_nav__list img[src*=voice] {
width: 138px;
}
.c_nav-b .c_nav__list img[src*=writer] {
width: 103px;
}
.c_nav-b .c_nav__list img[src*=kikou] {
width: 105px;
}
.c_nav_toggle-a {
display: none;
width: 33px;
height: 33px;
position: fixed;
right: 4%;
top: 12px;
transform: translateX(7px);
z-index: 100;
}
.c_nav_toggle-a .c_nav_toggle__bar {
display: block;
width: 19px;
height: 2px;
background: #936610;
margin: auto;
transition: all 0.25s ease;
position: absolute;
left: 0;
right: 0;
}
.c_nav_toggle-a .c_nav_toggle__bar:nth-child(1) {
top: 8px;
}
.c_nav_toggle-a .c_nav_toggle__bar:nth-child(2) {
top: 15px;
}
.c_nav_toggle-a .c_nav_toggle__bar:nth-child(3) {
top: 22px;
}
.c_nav_toggle-a.js_active .c_nav_toggle__bar:nth-child(1) {
transform: translateY(7px) rotate(-315deg);
}
.c_nav_toggle-a.js_active .c_nav_toggle__bar:nth-child(2) {
width: 0;
}
.c_nav_toggle-a.js_active .c_nav_toggle__bar:nth-child(3) {
transform: translateY(-7px) rotate(315deg);
}
@media screen and (max-width: 768px) {
.c_nav_toggle-a {
display: block;
}
}
.c_nav_toggle-b {
width: 33px;
height: 33px;
transform: translateX(7px);
z-index: 100;
}
.c_nav_toggle-b .c_nav_toggle__bar {
display: block;
width: 19px;
height: 2px;
background: #936610;
margin: auto;
transition: all 0.25s ease;
position: absolute;
left: 0;
right: 0;
}
.c_nav_toggle-b .c_nav_toggle__bar:nth-child(1) {
top: 8px;
}
.c_nav_toggle-b .c_nav_toggle__bar:nth-child(2) {
top: 15px;
}
.c_nav_toggle-b .c_nav_toggle__bar:nth-child(3) {
top: 22px;
}
.c_nav_toggle-b.js_active .c_nav_toggle__bar:nth-child(1) {
transform: translateY(7px) rotate(-315deg);
}
.c_nav_toggle-b.js_active .c_nav_toggle__bar:nth-child(2) {
width: 0;
}
.c_nav_toggle-b.js_active .c_nav_toggle__bar:nth-child(3) {
transform: translateY(-7px) rotate(315deg);
}
.c_bnr_list-a {
font-size: 0px;
font-size: 0rem;
text-align: center;
}
.c_bnr_list-a li {
display: inline-block;
width: 244px;
}
.c_bnr_list-a li + li {
margin: 0 0 0 8px;
}
@media screen and (max-width: 768px) {
.c_bnr_list-a {
margin: 0 -1.33333%;
}
.c_bnr_list-a li {
box-sizing: border-box;
width: 50%;
padding: 0 1.33333%;
}
.c_bnr_list-a li + li {
margin: 0;
}
.c_bnr_list-a li:nth-child(n+3) {
padding-top: 7px;
}
}
.c_bnr_list-b + .c_bnr_list-b {
padding: 60px 0 0;
}
@media screen and (max-width: 768px) {
.c_bnr_list-b + .c_bnr_list-b {
padding: 27px 0 0;
}
}
.c_bnr_list-b li + li {
padding: 10px 0 0;
}
@media screen and (max-width: 768px) {
.c_bnr_list-b.is_sm_unique-a {
font-size: 0px;
font-size: 0rem;
}
.c_bnr_list-b.is_sm_unique-a li {
display: inline-block;
width: 48%;
}
.c_bnr_list-b.is_sm_unique-a li:nth-child(even) {
margin: 0 0 0 4%;
}
.c_bnr_list-b.is_sm_unique-b > li {
width: 80%;
margin: 0 auto;
}
.c_bnr_list-b img {
display: block;
margin: 0 auto;
}
}
.c_tab-a {
position: relative;
padding: 43px 0 0;
}
.c_tab_detail-a {
border-bottom: 1px solid rgba(169, 151, 69, 0.3);
overflow: hidden;
}
@media screen and (min-width: 768px) {
.c_tab_detail-a {
background: #fff;
margin: auto;
position: absolute;
left: 0;
right: 0;
top: 0;
}
.c_tab_detail-a.is_floating {
padding: 13px 0 0;
position: fixed;
top: 50px;
z-index: 99;
}
.c_tab_detail-a.is_floating .c_tab_detail__info {
opacity: 1;
}
}
@media screen and (max-width: 768px) {
.c_tab_detail-a {
border: none;
border-top: 3px solid #d9d9d9;
border-bottom: 3px solid #d9d9d9;
}
}
.c_tab_detail-a .c_tab_detail__info {
float: left;
width: 270px;
opacity: 0;
transition: opacity 0.25s ease;
}
@media screen and (max-width: 768px) {
.c_tab_detail-a .c_tab_detail__info {
display: none;
}
}
.c_tab_detail-a .c_tab_detail__body {
float: right;
width: 680px;
}
@media screen and (max-width: 768px) {
.c_tab_detail-a .c_tab_detail__body {
float: none;
width: 100%;
box-sizing: border-box;
border: solid 1px #999;
}
}
.c_tab_detail-a .c_tab_detail__txt-a {
display: inline-block;
color: #666;
background: #ccc;
margin: 0 10px 0 0;
padding: 5px 8px;
vertical-align: middle;
}
.c_tab_detail-a .c_tab_detail__txt-b {
display: inline-block;
font-size: 18px;
font-size: 1.8rem;
font-weight: bold;
vertical-align: middle;
}
.c_tab_detail-a .c_tab_detail__list-a {
float: left;
display: table;
width: 50%;
min-height: 29px;
font-size: 12px;
font-size: 1.2rem;
}
@media screen and (max-width: 768px) {
.c_tab_detail-a .c_tab_detail__list-a {
float: none;
width: 100%;
table-layout: fixed;
}
.c_tab_detail-a .c_tab_detail__list-a + .c_tab_detail__list-a {
border-top: 1px solid #999999;
}
.c_tab_detail-a .c_tab_detail__list-a li {
width: 20%;
vertical-align: middle;
}
.c_tab_detail-a .c_tab_detail__list-a li + li {
border-left: 1px solid #999999;
}
.c_tab_detail-a .c_tab_detail__list-a li.c_tab_detail__item05, .c_tab_detail-a .c_tab_detail__list-a li.c_tab_detail__item09 {
padding: 0;
}
.c_tab_detail-a .c_tab_detail__list-a li.c_tab_detail__item06 {
border: none;
}
.c_tab_detail-a .c_tab_detail__list-a li.is_current, .c_tab_detail-a .c_tab_detail__list-a li:hover {
background: #e96312;
}
.c_tab_detail-a .c_tab_detail__list-a li.is_current > a, .c_tab_detail-a .c_tab_detail__list-a li:hover > a {
color: #fff;
}
.c_tab_detail-a .c_tab_detail__list-a li.is_current > a:before, .c_tab_detail-a .c_tab_detail__list-a li:hover > a:before {
border-top: 8px solid #FFF;
bottom: 4px;
}
.c_tab_detail-a .c_tab_detail__list-a li.is_disable {
background: #f4f4f4;
}
.c_tab_detail-a .c_tab_detail__list-a li.is_disable a {
cursor: default;
color: #d9d9d9;
}
.c_tab_detail-a .c_tab_detail__list-a li.is_disable:hover a {
color: #d9d9d9;
}
.c_tab_detail-a .c_tab_detail__list-a li > a {
border: none;
padding: 16px 5px;
}
}
.c_tab_detail-a .c_tab_detail__list-a li {
display: table-cell;
width: 20%;
text-align: center;
vertical-align: bottom;
padding: 0 0 0 1px;
}
.c_tab_detail-a .c_tab_detail__list-a li > a {
display: block;
font-weight: bold;
border-bottom: 4px solid rgba(233, 99, 18, 0.2);
padding: 2px 0 20px;
}
.c_tab_detail-a .c_tab_detail__list-a li > a:hover {
opacity: 1;
}
.c_tab_detail-a .c_tab_detail__list-a li.is_current > a, .c_tab_detail-a .c_tab_detail__list-a li:hover > a {
position: relative;
}
.c_tab_detail-a .c_tab_detail__list-a li.is_current > a:before, .c_tab_detail-a .c_tab_detail__list-a li:hover > a:before {
content: "";
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 6px solid #f00;
margin: auto;
position: absolute;
left: 0;
right: 0;
bottom: 9px;
}
.c_tab_detail-a .c_tab_detail__list-a li.is_current.c_tab_detail__item01 > a, .c_tab_detail-a .c_tab_detail__list-a li.is_current.c_tab_detail__item02 > a, .c_tab_detail-a .c_tab_detail__list-a li.is_current.c_tab_detail__item03 > a, .c_tab_detail-a .c_tab_detail__list-a li.is_current.c_tab_detail__item04 > a, .c_tab_detail-a .c_tab_detail__list-a li:hover.c_tab_detail__item01 > a, .c_tab_detail-a .c_tab_detail__list-a li:hover.c_tab_detail__item02 > a, .c_tab_detail-a .c_tab_detail__list-a li:hover.c_tab_detail__item03 > a, .c_tab_detail-a .c_tab_detail__list-a li:hover.c_tab_detail__item04 > a {
border-bottom-color: #e96312;
}
.c_tab_detail-a .c_tab_detail__list-a li.is_current.c_tab_detail__item05 > a, .c_tab_detail-a .c_tab_detail__list-a li.is_current.c_tab_detail__item06 > a, .c_tab_detail-a .c_tab_detail__list-a li.is_current.c_tab_detail__item07 > a, .c_tab_detail-a .c_tab_detail__list-a li.is_current.c_tab_detail__item08 > a, .c_tab_detail-a .c_tab_detail__list-a li:hover.c_tab_detail__item05 > a, .c_tab_detail-a .c_tab_detail__list-a li:hover.c_tab_detail__item06 > a, .c_tab_detail-a .c_tab_detail__list-a li:hover.c_tab_detail__item07 > a, .c_tab_detail-a .c_tab_detail__list-a li:hover.c_tab_detail__item08 > a {
border-bottom-color: #9d3ed9;
}
.c_tab_detail-a .c_tab_detail__list-a li.is_current.c_tab_detail__item09 > a, .c_tab_detail-a .c_tab_detail__list-a li.is_current.c_tab_detail__item10 > a, .c_tab_detail-a .c_tab_detail__list-a li:hover.c_tab_detail__item09 > a, .c_tab_detail-a .c_tab_detail__list-a li:hover.c_tab_detail__item10 > a {
border-bottom-color: black;
}
.c_tab_detail-a .c_tab_detail__list-a li.is_disable:hover > a:before {
display: none;
}
.c_tab_detail-a .c_tab_detail__list-a li.is_disable > a {
cursor: default;
color: #d9d9d9;
}
.c_tab_detail-a .c_tab_detail__list-a li.is_disable.c_tab_detail__item01 > a, .c_tab_detail-a .c_tab_detail__list-a li.is_disable.c_tab_detail__item02 > a, .c_tab_detail-a .c_tab_detail__list-a li.is_disable.c_tab_detail__item03 > a, .c_tab_detail-a .c_tab_detail__list-a li.is_disable.c_tab_detail__item04 > a {
border-bottom-color: rgba(233, 99, 18, 0.1);
}
.c_tab_detail-a .c_tab_detail__list-a li.is_disable.c_tab_detail__item05 > a, .c_tab_detail-a .c_tab_detail__list-a li.is_disable.c_tab_detail__item06 > a, .c_tab_detail-a .c_tab_detail__list-a li.is_disable.c_tab_detail__item07 > a, .c_tab_detail-a .c_tab_detail__list-a li.is_disable.c_tab_detail__item08 > a {
border-bottom-color: rgba(157, 62, 217, 0.1);
}
.c_tab_detail-a .c_tab_detail__list-a li.is_disable.c_tab_detail__item09 > a, .c_tab_detail-a .c_tab_detail__list-a li.is_disable.c_tab_detail__item10 > a {
border-bottom-color: rgba(0, 0, 0, 0.1);
}
.c_tab_detail-a .c_tab_detail__list-a li.c_tab_detail__item05 > a, .c_tab_detail-a .c_tab_detail__list-a li.c_tab_detail__item06 > a, .c_tab_detail-a .c_tab_detail__list-a li.c_tab_detail__item07 > a, .c_tab_detail-a .c_tab_detail__list-a li.c_tab_detail__item08 > a {
border-bottom-color: rgba(157, 62, 217, 0.2);
}
.c_tab_detail-a .c_tab_detail__list-a li.c_tab_detail__item09 > a, .c_tab_detail-a .c_tab_detail__list-a li.c_tab_detail__item10 > a {
border-bottom-color: rgba(0, 0, 0, 0.2);
}
.c_tab-b {
border-bottom: 1px solid rgba(169, 151, 69, 0.3);
}
@media screen and (max-width: 768px) {
.c_tab-b {
padding: 43px 0 0;
}
}
.c_tab_detail-a {
border-bottom: 1px solid rgba(169, 151, 69, 0.3);
overflow: hidden;
}
@media screen and (min-width: 768px) {
.c_tab_detail-a {
background: #fff;
margin: auto;
position: absolute;
left: 0;
right: 0;
top: 0;
}
.c_tab_detail-a.is_floating {
padding: 13px 0 0;
position: fixed;
top: 50px;
z-index: 99;
}
.c_tab_detail-a.is_floating .c_tab_detail__info {
opacity: 1;
}
}
@media screen and (max-width: 768px) {
.c_tab_detail-a {
border: none;
border-top: 3px solid #d9d9d9;
border-bottom: 3px solid #d9d9d9;
}
}
.c_tab_detail-a .c_tab_detail__info {
float: left;
width: 270px;
opacity: 0;
transition: opacity 0.25s ease;
}
@media screen and (max-width: 768px) {
.c_tab_detail-a .c_tab_detail__info {
display: none;
}
}
.c_tab_detail-a .c_tab_detail__body {
float: right;
width: 680px;
}
@media screen and (max-width: 768px) {
.c_tab_detail-a .c_tab_detail__body {
float: none;
width: 100%;
box-sizing: border-box;
border: solid 1px #999;
}
}
.c_tab_detail-a .c_tab_detail__txt-a {
display: inline-block;
color: #666;
background: #ccc;
margin: 0 10px 0 0;
padding: 5px 8px;
vertical-align: middle;
}
.c_tab_detail-a .c_tab_detail__txt-b {
display: inline-block;
font-size: 18px;
font-size: 1.8rem;
font-weight: bold;
vertical-align: middle;
}
.c_tab_detail-a .c_tab_detail__list-a {
float: left;
display: table;
width: 50%;
min-height: 29px;
font-size: 12px;
font-size: 1.2rem;
}
@media screen and (max-width: 768px) {
.c_tab_detail-a .c_tab_detail__list-a {
float: none;
width: 100%;
table-layout: fixed;
}
.c_tab_detail-a .c_tab_detail__list-a + .c_tab_detail__list-a {
border-top: 1px solid #999999;
}
.c_tab_detail-a .c_tab_detail__list-a li {
width: 20%;
vertical-align: middle;
}
.c_tab_detail-a .c_tab_detail__list-a li + li {
border-left: 1px solid #999999;
}
.c_tab_detail-a .c_tab_detail__list-a li.c_tab_detail__item05, .c_tab_detail-a .c_tab_detail__list-a li.c_tab_detail__item09 {
padding: 0;
}
.c_tab_detail-a .c_tab_detail__list-a li.c_tab_detail__item06 {
border: none;
}
.c_tab_detail-a .c_tab_detail__list-a li.is_current, .c_tab_detail-a .c_tab_detail__list-a li:hover {
background: #e96312;
}
.c_tab_detail-a .c_tab_detail__list-a li.is_current > a, .c_tab_detail-a .c_tab_detail__list-a li:hover > a {
color: #fff;
}
.c_tab_detail-a .c_tab_detail__list-a li.is_current > a:before, .c_tab_detail-a .c_tab_detail__list-a li:hover > a:before {
border-top: 8px solid #FFF;
bottom: 4px;
}
.c_tab_detail-a .c_tab_detail__list-a li.is_disable {
background: #f4f4f4;
}
.c_tab_detail-a .c_tab_detail__list-a li.is_disable a {
cursor: default;
color: #d9d9d9;
}
.c_tab_detail-a .c_tab_detail__list-a li.is_disable:hover a {
color: #d9d9d9;
}
.c_tab_detail-a .c_tab_detail__list-a li > a {
border: none;
padding: 16px 5px;
}
}
.c_tab_detail-a .c_tab_detail__list-a li {
display: table-cell;
width: 20%;
text-align: center;
vertical-align: bottom;
padding: 0 0 0 1px;
}
.c_tab_detail-a .c_tab_detail__list-a li > a {
display: block;
font-weight: bold;
border-bottom: 4px solid rgba(233, 99, 18, 0.2);
padding: 2px 0 20px;
}
.c_tab_detail-a .c_tab_detail__list-a li > a:hover {
opacity: 1;
}
.c_tab_detail-a .c_tab_detail__list-a li.is_current > a, .c_tab_detail-a .c_tab_detail__list-a li:hover > a {
position: relative;
}
.c_tab_detail-a .c_tab_detail__list-a li.is_current > a:before, .c_tab_detail-a .c_tab_detail__list-a li:hover > a:before {
content: "";
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 6px solid #f00;
margin: auto;
position: absolute;
left: 0;
right: 0;
bottom: 9px;
}
.c_tab_detail-a .c_tab_detail__list-a li.is_current.c_tab_detail__item01 > a, .c_tab_detail-a .c_tab_detail__list-a li.is_current.c_tab_detail__item02 > a, .c_tab_detail-a .c_tab_detail__list-a li.is_current.c_tab_detail__item03 > a, .c_tab_detail-a .c_tab_detail__list-a li.is_current.c_tab_detail__item04 > a, .c_tab_detail-a .c_tab_detail__list-a li:hover.c_tab_detail__item01 > a, .c_tab_detail-a .c_tab_detail__list-a li:hover.c_tab_detail__item02 > a, .c_tab_detail-a .c_tab_detail__list-a li:hover.c_tab_detail__item03 > a, .c_tab_detail-a .c_tab_detail__list-a li:hover.c_tab_detail__item04 > a {
border-bottom-color: #e96312;
}
.c_tab_detail-a .c_tab_detail__list-a li.is_current.c_tab_detail__item05 > a, .c_tab_detail-a .c_tab_detail__list-a li.is_current.c_tab_detail__item06 > a, .c_tab_detail-a .c_tab_detail__list-a li.is_current.c_tab_detail__item07 > a, .c_tab_detail-a .c_tab_detail__list-a li.is_current.c_tab_detail__item08 > a, .c_tab_detail-a .c_tab_detail__list-a li:hover.c_tab_detail__item05 > a, .c_tab_detail-a .c_tab_detail__list-a li:hover.c_tab_detail__item06 > a, .c_tab_detail-a .c_tab_detail__list-a li:hover.c_tab_detail__item07 > a, .c_tab_detail-a .c_tab_detail__list-a li:hover.c_tab_detail__item08 > a {
border-bottom-color: #9d3ed9;
}
.c_tab_detail-a .c_tab_detail__list-a li.is_current.c_tab_detail__item09 > a, .c_tab_detail-a .c_tab_detail__list-a li.is_current.c_tab_detail__item10 > a, .c_tab_detail-a .c_tab_detail__list-a li:hover.c_tab_detail__item09 > a, .c_tab_detail-a .c_tab_detail__list-a li:hover.c_tab_detail__item10 > a {
border-bottom-color: black;
}
.c_tab_detail-a .c_tab_detail__list-a li.is_disable:hover > a:before {
display: none;
}
.c_tab_detail-a .c_tab_detail__list-a li.is_disable > a {
cursor: default;
color: #d9d9d9;
}
.c_tab_detail-a .c_tab_detail__list-a li.is_disable.c_tab_detail__item01 > a, .c_tab_detail-a .c_tab_detail__list-a li.is_disable.c_tab_detail__item02 > a, .c_tab_detail-a .c_tab_detail__list-a li.is_disable.c_tab_detail__item03 > a, .c_tab_detail-a .c_tab_detail__list-a li.is_disable.c_tab_detail__item04 > a {
border-bottom-color: rgba(233, 99, 18, 0.1);
}
.c_tab_detail-a .c_tab_detail__list-a li.is_disable.c_tab_detail__item05 > a, .c_tab_detail-a .c_tab_detail__list-a li.is_disable.c_tab_detail__item06 > a, .c_tab_detail-a .c_tab_detail__list-a li.is_disable.c_tab_detail__item07 > a, .c_tab_detail-a .c_tab_detail__list-a li.is_disable.c_tab_detail__item08 > a {
border-bottom-color: rgba(157, 62, 217, 0.1);
}
.c_tab_detail-a .c_tab_detail__list-a li.is_disable.c_tab_detail__item09 > a, .c_tab_detail-a .c_tab_detail__list-a li.is_disable.c_tab_detail__item10 > a {
border-bottom-color: rgba(0, 0, 0, 0.1);
}
.c_tab_detail-a .c_tab_detail__list-a li.c_tab_detail__item05 > a, .c_tab_detail-a .c_tab_detail__list-a li.c_tab_detail__item06 > a, .c_tab_detail-a .c_tab_detail__list-a li.c_tab_detail__item07 > a, .c_tab_detail-a .c_tab_detail__list-a li.c_tab_detail__item08 > a {
border-bottom-color: rgba(157, 62, 217, 0.2);
}
.c_tab_detail-a .c_tab_detail__list-a li.c_tab_detail__item09 > a, .c_tab_detail-a .c_tab_detail__list-a li.c_tab_detail__item10 > a {
border-bottom-color: rgba(0, 0, 0, 0.2);
}
.c_tab-a {
position: relative;
padding: 43px 0 0;
}
.c_tab_detail-a {
border-bottom: 1px solid rgba(169, 151, 69, 0.3);
overflow: hidden;
}
@media screen and (min-width: 768px) {
.c_tab_detail-a {
background: #fff;
margin: auto;
position: absolute;
left: 0;
right: 0;
top: 0;
}
.c_tab_detail-a.is_floating {
padding: 13px 0 0;
position: fixed;
top: 50px;
z-index: 99;
}
.c_tab_detail-a.is_floating .c_tab_detail__info {
opacity: 1;
}
}
@media screen and (max-width: 768px) {
.c_tab_detail-a {
border: none;
border-top: 3px solid #d9d9d9;
border-bottom: 3px solid #d9d9d9;
}
}
.c_tab_detail-a .c_tab_detail__info {
float: left;
width: 270px;
opacity: 0;
transition: opacity 0.25s ease;
}
@media screen and (max-width: 768px) {
.c_tab_detail-a .c_tab_detail__info {
display: none;
}
}
.c_tab_detail-a .c_tab_detail__body {
float: right;
width: 680px;
}
@media screen and (max-width: 768px) {
.c_tab_detail-a .c_tab_detail__body {
float: none;
width: 100%;
box-sizing: border-box;
border: solid 1px #999;
}
}
.c_tab_detail-a .c_tab_detail__txt-a {
display: inline-block;
color: #666;
background: #ccc;
margin: 0 10px 0 0;
padding: 5px 8px;
vertical-align: middle;
}
.c_tab_detail-a .c_tab_detail__txt-b {
display: inline-block;
font-size: 18px;
font-size: 1.8rem;
font-weight: bold;
vertical-align: middle;
}
.c_tab_detail-a .c_tab_detail__list-a {
float: left;
display: table;
width: 50%;
min-height: 29px;
font-size: 12px;
font-size: 1.2rem;
}
@media screen and (max-width: 768px) {
.c_tab_detail-a .c_tab_detail__list-a {
float: none;
width: 100%;
table-layout: fixed;
}
.c_tab_detail-a .c_tab_detail__list-a + .c_tab_detail__list-a {
border-top: 1px solid #999999;
}
.c_tab_detail-a .c_tab_detail__list-a li {
width: 20%;
vertical-align: middle;
}
.c_tab_detail-a .c_tab_detail__list-a li + li {
border-left: 1px solid #999999;
}
.c_tab_detail-a .c_tab_detail__list-a li.c_tab_detail__item05, .c_tab_detail-a .c_tab_detail__list-a li.c_tab_detail__item09 {
padding: 0;
}
.c_tab_detail-a .c_tab_detail__list-a li.c_tab_detail__item06 {
border: none;
}
.c_tab_detail-a .c_tab_detail__list-a li.is_current, .c_tab_detail-a .c_tab_detail__list-a li:hover {
background: #e96312;
}
.c_tab_detail-a .c_tab_detail__list-a li.is_current > a, .c_tab_detail-a .c_tab_detail__list-a li:hover > a {
color: #fff;
}
.c_tab_detail-a .c_tab_detail__list-a li.is_current > a:before, .c_tab_detail-a .c_tab_detail__list-a li:hover > a:before {
border-top: 8px solid #FFF;
bottom: 4px;
}
.c_tab_detail-a .c_tab_detail__list-a li.is_disable {
background: #f4f4f4;
}
.c_tab_detail-a .c_tab_detail__list-a li.is_disable a {
cursor: default;
color: #d9d9d9;
}
.c_tab_detail-a .c_tab_detail__list-a li.is_disable:hover a {
color: #d9d9d9;
}
.c_tab_detail-a .c_tab_detail__list-a li > a {
border: none;
padding: 16px 5px;
}
}
.c_tab_detail-a .c_tab_detail__list-a li {
display: table-cell;
width: 20%;
text-align: center;
vertical-align: bottom;
padding: 0 0 0 1px;
}
.c_tab_detail-a .c_tab_detail__list-a li > a {
display: block;
font-weight: bold;
border-bottom: 4px solid rgba(233, 99, 18, 0.2);
padding: 2px 0 20px;
}
.c_tab_detail-a .c_tab_detail__list-a li > a:hover {
opacity: 1;
}
.c_tab_detail-a .c_tab_detail__list-a li.is_current > a, .c_tab_detail-a .c_tab_detail__list-a li:hover > a {
position: relative;
}
.c_tab_detail-a .c_tab_detail__list-a li.is_current > a:before, .c_tab_detail-a .c_tab_detail__list-a li:hover > a:before {
content: "";
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 6px solid #f00;
margin: auto;
position: absolute;
left: 0;
right: 0;
bottom: 9px;
}
.c_tab_detail-a .c_tab_detail__list-a li.is_current.c_tab_detail__item01 > a, .c_tab_detail-a .c_tab_detail__list-a li.is_current.c_tab_detail__item02 > a, .c_tab_detail-a .c_tab_detail__list-a li.is_current.c_tab_detail__item03 > a, .c_tab_detail-a .c_tab_detail__list-a li.is_current.c_tab_detail__item04 > a, .c_tab_detail-a .c_tab_detail__list-a li:hover.c_tab_detail__item01 > a, .c_tab_detail-a .c_tab_detail__list-a li:hover.c_tab_detail__item02 > a, .c_tab_detail-a .c_tab_detail__list-a li:hover.c_tab_detail__item03 > a, .c_tab_detail-a .c_tab_detail__list-a li:hover.c_tab_detail__item04 > a {
border-bottom-color: #e96312;
}
.c_tab_detail-a .c_tab_detail__list-a li.is_current.c_tab_detail__item05 > a, .c_tab_detail-a .c_tab_detail__list-a li.is_current.c_tab_detail__item06 > a, .c_tab_detail-a .c_tab_detail__list-a li.is_current.c_tab_detail__item07 > a, .c_tab_detail-a .c_tab_detail__list-a li.is_current.c_tab_detail__item08 > a, .c_tab_detail-a .c_tab_detail__list-a li:hover.c_tab_detail__item05 > a, .c_tab_detail-a .c_tab_detail__list-a li:hover.c_tab_detail__item06 > a, .c_tab_detail-a .c_tab_detail__list-a li:hover.c_tab_detail__item07 > a, .c_tab_detail-a .c_tab_detail__list-a li:hover.c_tab_detail__item08 > a {
border-bottom-color: #9d3ed9;
}
.c_tab_detail-a .c_tab_detail__list-a li.is_current.c_tab_detail__item09 > a, .c_tab_detail-a .c_tab_detail__list-a li.is_current.c_tab_detail__item10 > a, .c_tab_detail-a .c_tab_detail__list-a li:hover.c_tab_detail__item09 > a, .c_tab_detail-a .c_tab_detail__list-a li:hover.c_tab_detail__item10 > a {
border-bottom-color: black;
}
.c_tab_detail-a .c_tab_detail__list-a li.is_disable:hover > a:before {
display: none;
}
.c_tab_detail-a .c_tab_detail__list-a li.is_disable > a {
cursor: default;
color: #d9d9d9;
}
.c_tab_detail-a .c_tab_detail__list-a li.is_disable.c_tab_detail__item01 > a, .c_tab_detail-a .c_tab_detail__list-a li.is_disable.c_tab_detail__item02 > a, .c_tab_detail-a .c_tab_detail__list-a li.is_disable.c_tab_detail__item03 > a, .c_tab_detail-a .c_tab_detail__list-a li.is_disable.c_tab_detail__item04 > a {
border-bottom-color: rgba(233, 99, 18, 0.1);
}
.c_tab_detail-a .c_tab_detail__list-a li.is_disable.c_tab_detail__item05 > a, .c_tab_detail-a .c_tab_detail__list-a li.is_disable.c_tab_detail__item06 > a, .c_tab_detail-a .c_tab_detail__list-a li.is_disable.c_tab_detail__item07 > a, .c_tab_detail-a .c_tab_detail__list-a li.is_disable.c_tab_detail__item08 > a {
border-bottom-color: rgba(157, 62, 217, 0.1);
}
.c_tab_detail-a .c_tab_detail__list-a li.is_disable.c_tab_detail__item09 > a, .c_tab_detail-a .c_tab_detail__list-a li.is_disable.c_tab_detail__item10 > a {
border-bottom-color: rgba(0, 0, 0, 0.1);
}
.c_tab_detail-a .c_tab_detail__list-a li.c_tab_detail__item05 > a, .c_tab_detail-a .c_tab_detail__list-a li.c_tab_detail__item06 > a, .c_tab_detail-a .c_tab_detail__list-a li.c_tab_detail__item07 > a, .c_tab_detail-a .c_tab_detail__list-a li.c_tab_detail__item08 > a {
border-bottom-color: rgba(157, 62, 217, 0.2);
}
.c_tab_detail-a .c_tab_detail__list-a li.c_tab_detail__item09 > a, .c_tab_detail-a .c_tab_detail__list-a li.c_tab_detail__item10 > a {
border-bottom-color: rgba(0, 0, 0, 0.2);
}
.c_header_post-a {
border-top: 3px solid #399f3c;
padding: 20px 0 35px;
}
.c_header_post-a.is_calendar {
border-color: #e6c521;
}
@media screen and (max-width: 768px) {
.c_header_post-a {
margin: 0 4%;
padding: 10px 0 35px;
}
}
.c_header_post-a .c_header_post__title-a {
font-size: 24px;
font-size: 2.4rem;
}
@media screen and (max-width: 768px) {
.c_header_post-a .c_header_post__title-a {
font-size: 20px;
font-size: 2rem;
}
}
.c_header_post-a .c_header_post__txt-a {
font-size: 16px;
font-size: 1.6rem;
color: #666;
margin: 0 0 20px;
padding: 5px 0 0;
}
@media screen and (max-width: 768px) {
.c_header_post-a .c_header_post__txt-a {
padding: 20px 0 0;
}
}
.c_header_post-a .c_header_post__txt-b {
font-size: 16px;
font-size: 1.6rem;
font-weight: bold;
color: #666;
margin: 0 0 20px;
padding: 5px 0 0;
}
@media screen and (max-width: 768px) {
.c_header_post-a .c_header_post__txt-b {
padding: 20px 0 0;
}
}
.c_header_post-a .c_header_post__category-a > li + li {
margin: 0 0 0 10px;
}
.c_header_post-a .c_header_post__category-a > li > a {
display: inline-block;
font-size: 12px;
font-size: 1.2rem;
line-height: 1;
border-radius: 9px;
background: #e2e1ce;
padding: 3px 10px;
}
.c_header_post-a .c_header_post__category-b {
margin: 0 0 10px;
}
.c_header_post-a .c_header_post__category-b > li {
color: #666;
}
.c_header_post-a .c_header_post__category-b > li + li {
margin: 0 0 0 12px;
}
.c_header_post-a .c_header_post__category-b .c_header_post__category-c {
font-size: 13px;
font-size: 1.3rem;
display: inline-block;
border: 1px #dcdcdc solid;
line-height: 23px;
background: #fff;
padding: 0 10px;
}
.c_header_post-a .c_header_post__category-b .c_header_post__category-d {
font-size: 13px;
font-size: 1.3rem;
display: inline-block;
border: 1px #e6c521 solid;
border-radius: 10px;
line-height: 18px;
background: #fff;
}
.c_header_post-a .c_header_post__category-b .c_header_post__category-d a {
display: block;
padding: 0 15px;
color: #666;
}
.c_header_post-b {
margin: 60px 0 30px;
font-size: 20px;
font-size: 2rem;
font-weight: bold;
border-bottom: 1px solid #399f3c;
}
@media screen and (max-width: 768px) {
.c_header_post-b {
margin: 30px 0 20px;
font-size: 18px;
font-size: 1.8rem;
}
}
.c_post-a *:first-child {
margin-top: 0;
}
@media screen and (max-width: 768px) {
.c_post-a {
padding: 0 4%;
}
}
.c_post-a p {
font-size: 16px;
font-size: 1.6rem;
line-height: 1.9;
}
.c_post-a p + p {
padding: 35px 0 0;
}
@media screen and (max-width: 768px) {
.c_post-a p + p {
padding: 20px 0 0;
}
}
.c_post-a p img {
display: block;
margin: 0 auto;
}
.c_post-a > ul, .c_post-a ol {
padding: 35px 0 0 20px;
font-size: 16px;
font-size: 1.6rem;
line-height: 1.9;
}
@media screen and (max-width: 768px) {
.c_post-a > ul, .c_post-a ol {
padding: 20px 0 0 20px;
}
}
.c_post-a > ul li, .c_post-a ol li {
list-style-type: disc;
}
.c_post-a > ul + p, .c_post-a ol + p {
padding: 35px 0 0;
}
@media screen and (max-width: 768px) {
.c_post-a > ul + p, .c_post-a ol + p {
padding: 20px 0 0;
}
}
.c_post-a > ol li {
list-style-type: decimal;
}
.c_post-a a {
text-decoration: underline;
color: #399f3c;
}
@media screen and (max-width: 768px) {
.c_post-a iframe {
height: 51.9vw;
}
}
.c_post-b {
margin: 0 0 40px;
}
.c_post-b *:first-child {
margin-top: 0;
}
@media screen and (max-width: 768px) {
.c_post-b {
padding: 0 4%;
}
}
.c_post-b p {
font-size: 16px;
font-size: 1.6rem;
line-height: 1.9;
}
.c_post-b p + p {
padding: 35px 0 0;
}
@media screen and (max-width: 768px) {
.c_post-b p + p {
padding: 20px 0 0;
}
}
.c_post-b p img {
display: block;
margin: 0 auto;
}
.c_post-b > ul, .c_post-b ol {
padding: 35px 0 0 20px;
font-size: 16px;
font-size: 1.6rem;
line-height: 1.9;
}
@media screen and (max-width: 768px) {
.c_post-b > ul, .c_post-b ol {
padding: 20px 0 0 20px;
}
}
.c_post-b > ul li, .c_post-b ol li {
list-style-type: disc;
}
.c_post-b > ul + p, .c_post-b ol + p {
padding: 35px 0 0;
}
@media screen and (max-width: 768px) {
.c_post-b > ul + p, .c_post-b ol + p {
padding: 20px 0 0;
}
}
.c_post-b > ol li {
list-style-type: decimal;
}
.c_post-b > .c_tera-a {
margin: 40px 0;
}
.c_post-b a {
text-decoration: underline;
color: #d6b000;
}
.c_profile-a {
box-sizing: border-box;
display: table;
width: 100%;
border-top: 2px solid rgba(57, 159, 60, 0.2);
border-bottom: 2px solid rgba(57, 159, 60, 0.2);
background: rgba(241, 248, 244, 0.7);
margin: 50px 0 0;
padding: 30px 25px;
}
.c_profile-a.is_calendar {
border-color: rgba(230, 197, 33, 0.2);
background: rgba(230, 197, 33, 0.1);
margin: 40px 0 0;
}
.c_profile-a.is_calendar + .c_profile-a {
margin: 20px 0 0;
}
@media screen and (max-width: 768px) {
.c_profile-a {
box-sizing: border-box;
width: 92%;
margin: 50px 4% 0;
padding: 30px 4% 50px;
position: relative;
}
.c_profile-a.is_calendar {
width: 100%;
margin: 40px 0 0;
}
}
.c_profile-a .c_profile__img {
display: table-cell;
width: 120px;
vertical-align: middle;
padding: 0 25px 0 0;
}
@media screen and (max-width: 768px) {
.c_profile-a .c_profile__img {
width: 95px;
vertical-align: top;
padding: 0 5% 0 0;
}
}
.c_profile-a .c_profile__img .c_profile__imgcircle {
width: 120px;
height: 120px;
border-radius: 50%;
overflow: hidden;
}
@media screen and (max-width: 768px) {
.c_profile-a .c_profile__img .c_profile__imgcircle {
width: 96px;
height: 96px;
}
}
.c_profile-a .c_profile__info {
display: table-cell;
vertical-align: middle;
}
.c_profile-a .c_profile__title-a {
font-size: 16px;
font-size: 1.6rem;
font-weight: bold;
margin: 0 0 20px;
}
.c_profile-a .c_profile__txt-a {
padding: 0;
font-size: 14px;
font-size: 1.4rem;
line-height: 1.8;
}
@media screen and (max-width: 768px) {
.c_profile-a .c_profile__txt-a {
font-size: 13px;
font-size: 1.3rem;
}
}
.c_profile-a .c_profile__txt-b {
padding: 20px 0 0;
}
@media screen and (max-width: 768px) {
.c_profile-a .c_profile__txt-b {
width: 100%;
text-align: center;
position: absolute;
left: 0;
bottom: 15px;
}
}
.c_profile-a .c_profile__txt-b a {
color: #399f3c;
}
.c_profile-a .c_profile__txt-b a + a {
margin: 0 0 0 24px;
}
.c_profile-b {
overflow: hidden;
}
.c_profile-b .c_profile__img {
float: left;
width: 205px;
}
@media screen and (max-width: 768px) {
.c_profile-b .c_profile__img {
float: none;
width: 100%;
}
}
.c_profile-b .c_profile__info {
float: right;
width: 630px;
padding: 6px 0 0;
}
@media screen and (max-width: 768px) {
.c_profile-b .c_profile__info {
float: none;
width: 100%;
padding: 0;
}
}
.c_profile-b .c_profile__imgcircle {
box-sizing: border-box;
width: 205px;
height: 205px;
overflow: hidden;
margin: 0 auto;
border-radius: 50%;
border: solid 8px #e0ccb1;
position: relative;
}
@media screen and (max-width: 768px) {
.c_profile-b .c_profile__imgcircle {
margin-bottom: 13px;
}
}
.c_profile-b .c_profile__imgcircle > img {
width: 100%;
height: 100%;
border-radius: 50%;
position: absolute;
top: 0;
left: 0;
}
.c_profile-b .c_profile__title-a {
font-size: 20px;
font-size: 2rem;
font-family: "游ゴシック", YuGothic, "ＭＳ ゴシック", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", sans-serif;
margin: 0 0 10px;
}
.c_profile-b .c_profile__txt-a {
font-size: 14px;
font-size: 1.4rem;
font-family: "游ゴシック", YuGothic, "ＭＳ ゴシック", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", sans-serif;
line-height: 1.9;
}
.c_profile-b .c_profile__txt-a + .c_profile__txt-a {
margin: 10px 0 0;
}
.c_profile-b .c_profile__txt-a + .c_profile__comment-a {
margin: 20px 0 0;
}
@media screen and (max-width: 768px) {
.c_profile-b .c_profile__txt-a + .c_profile__comment-a {
margin: 20px 0 0 15px;
}
}
.c_profile-b .c_profile__comment-a {
font-size: 14px;
font-size: 1.4rem;
font-family: "游ゴシック", YuGothic, "ＭＳ ゴシック", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", sans-serif;
line-height: 1.9;
border: 1px #eee9dd solid;
border-radius: 10px;
background-color: #f4f1e9;
padding: 15px 25px 18px 20px;
position: relative;
}
@media screen and (max-width: 768px) {
.c_profile-b .c_profile__comment-a {
margin-left: 15px;
}
}
.c_profile-b .c_profile__comment-a:before {
content: " ";
border-right: 13px #eee9dd solid;
border-top: 6px transparent solid;
border-bottom: 6px transparent solid;
position: absolute;
top: 10px;
left: -13px;
}
.c_profile-b .c_profile__comment-a:after {
content: " ";
border-right: 13px #f4f1e9 solid;
border-top: 6px transparent solid;
border-bottom: 6px transparent solid;
position: absolute;
top: 10px;
left: -11px;
}
.c_profile-c {
overflow: hidden;
margin: 40px 0;
}
@media screen and (max-width: 768px) {
.c_profile-c {
margin: 30px 0;
}
}
.c_profile-c .c_profile__img {
float: left;
width: 205px;
}
@media screen and (max-width: 768px) {
.c_profile-c .c_profile__img {
float: none;
width: 100%;
}
}
.c_profile-c .c_profile__info {
float: right;
width: 410px;
padding: 6px 0 0;
}
@media screen and (max-width: 768px) {
.c_profile-c .c_profile__info {
float: none;
width: 100%;
padding: 0;
}
}
.c_profile-c .c_profile__imgcircle {
box-sizing: border-box;
width: 205px;
height: 205px;
overflow: hidden;
margin: 0 auto;
border-radius: 50%;
border: solid 8px #e0ccb1;
position: relative;
}
@media screen and (max-width: 768px) {
.c_profile-c .c_profile__imgcircle {
margin-bottom: 13px;
}
}
.c_profile-c .c_profile__imgcircle > img {
width: 100%;
height: 100%;
border-radius: 50%;
position: absolute;
top: 0;
left: 0;
}
.c_profile-c .c_profile__title-a {
font-size: 20px;
font-size: 2rem;
font-family: "游ゴシック", YuGothic, "ＭＳ ゴシック", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", sans-serif;
margin: 0 0 10px;
line-height: 1.4;
}
.c_profile-c .c_profile__txt-a {
font-size: 14px;
font-size: 1.4rem;
font-family: "游ゴシック", YuGothic, "ＭＳ ゴシック", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", sans-serif;
line-height: 1.9;
margin: 0 0 10px;
padding: 0;
}
.c_profile-c .c_profile__txt-b {
font-size: 14px;
font-size: 1.4rem;
font-family: "游ゴシック", YuGothic, "ＭＳ ゴシック", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", sans-serif;
line-height: 1.9;
padding: 0;
}
.c_profile-c .c_profile__comment-a {
font-size: 14px;
font-size: 1.4rem;
font-family: "游ゴシック", YuGothic, "ＭＳ ゴシック", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", sans-serif;
line-height: 1.9;
border: 1px #eee9dd solid;
border-radius: 10px;
background-color: #f4f1e9;
padding: 15px 25px 18px 20px;
position: relative;
}
@media screen and (max-width: 768px) {
.c_profile-c .c_profile__comment-a {
margin-left: 15px;
}
}
.c_profile-c .c_profile__comment-a:before {
content: " ";
border-right: 13px #eee9dd solid;
border-top: 6px transparent solid;
border-bottom: 6px transparent solid;
position: absolute;
top: 10px;
left: -13px;
}
.c_profile-c .c_profile__comment-a:after {
content: " ";
border-right: 13px #f4f1e9 solid;
border-top: 6px transparent solid;
border-bottom: 6px transparent solid;
position: absolute;
top: 10px;
left: -11px;
}
.c_profile-d {
overflow: hidden;
}
.c_profile-d .c_profile__img {
float: left;
width: 205px;
}
@media screen and (max-width: 768px) {
.c_profile-d .c_profile__img {
float: none;
width: 100%;
}
}
.c_profile-d .c_profile__info {
float: right;
width: 630px;
padding: 6px 0 0;
}
@media screen and (max-width: 768px) {
.c_profile-d .c_profile__info {
float: none;
width: 100%;
padding: 0;
}
}
.c_profile-d .c_profile__imgcircle {
box-sizing: border-box;
width: 205px;
height: 205px;
overflow: hidden;
margin: 0 auto;
border-radius: 50%;
border: solid 8px #e0ccb1;
position: relative;
}
@media screen and (max-width: 768px) {
.c_profile-d .c_profile__imgcircle {
margin-bottom: 13px;
}
}
.c_profile-d .c_profile__imgcircle > img {
width: 100%;
height: 100%;
border-radius: 50%;
position: absolute;
top: 0;
left: 0;
}
.c_profile-d .c_profile__title-a {
font-size: 20px;
font-size: 2rem;
font-family: "游ゴシック", YuGothic, "ＭＳ ゴシック", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", sans-serif;
margin: 0 0 10px;
}
.c_profile-d .c_profile__txt-a {
font-size: 14px;
font-size: 1.4rem;
font-family: "游ゴシック", YuGothic, "ＭＳ ゴシック", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", sans-serif;
line-height: 1.9;
}
.c_profile-d .c_profile__txt-a + .c_profile__txt-a {
margin: 10px 0 0;
}
.c_profile-d .c_profile__txt-a + .c_profile__comment-a {
margin: 20px 0 0;
}
@media screen and (max-width: 768px) {
.c_profile-d .c_profile__txt-a + .c_profile__comment-a {
margin: 20px 0 0 15px;
}
}
.c_profile-d .c_profile__comment-a {
font-size: 14px;
font-size: 1.4rem;
font-family: "游ゴシック", YuGothic, "ＭＳ ゴシック", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", sans-serif;
line-height: 1.9;
border: 1px #eee9dd solid;
border-radius: 10px;
background-color: #f4f1e9;
padding: 15px 25px 18px 20px;
position: relative;
}
@media screen and (max-width: 768px) {
.c_profile-d .c_profile__comment-a {
margin-left: 15px;
}
}
.c_profile-d .c_profile__comment-a:before {
content: " ";
border-right: 13px #eee9dd solid;
border-top: 6px transparent solid;
border-bottom: 6px transparent solid;
position: absolute;
top: 10px;
left: -13px;
}
.c_profile-d .c_profile__comment-a:after {
content: " ";
border-right: 13px #f4f1e9 solid;
border-top: 6px transparent solid;
border-bottom: 6px transparent solid;
position: absolute;
top: 10px;
left: -11px;
}
.c_interview-a {
border-radius: 17px;
border: 2px solid #a6e5a8;
background: #fff;
margin: 0 0 40px;
padding: 20px 27px;
overflow: hidden;
}
.c_interview-a.is_mytera_newspaper .c_interview__col:nth-child(1) {
width: 105px;
margin: 20px 42px 0 15px;
}
.c_interview-a.is_mytera_newspaper .c_interview__col:nth-child(2) {
float: right;
width: 630px;
}
@media screen and (max-width: 768px) {
.c_interview-a.is_mytera_newspaper .c_interview__col:nth-child(1) {
width: 426px;
max-width: 100%;
height: 75px;
margin: 0 auto 25px;
padding: 0;
background-image: url(//mytera.jp/wp-content/themes/mytera/assets/images/top/title_oterabito_sp.png);
background-size: contain;
background-position: center;
}
.c_interview-a.is_mytera_newspaper .c_interview__col:nth-child(1) img {
display: none;
}
.c_interview-a.is_mytera_newspaper .c_interview__col:nth-child(2) {
float: none;
width: 100%;
}
}
.c_interview-a .c_interview__col {
float: left;
}
@media screen and (max-width: 768px) {
.c_interview-a .c_interview__col {
float: none;
}
}
.c_interview-b {
border: 6px solid #399f3c;
background: #f3fef3;
margin: 0 0 40px;
padding: 24px 24px 24px 24px;
overflow: hidden;
}
.c_interview-b .c_interview__img {
float: left;
width: 270px;
}
@media screen and (max-width: 768px) {
.c_interview-b .c_interview__img {
float: none;
width: 100%;
}
}
.c_interview-b .c_interview__info {
float: right;
width: 530px;
padding: 0;
}
@media screen and (max-width: 768px) {
.c_interview-b .c_interview__info {
float: none;
width: 100%;
padding: 0;
}
}
.c_interview-b .c_interview__imgsquare {
box-sizing: border-box;
width: 270px;
border: 1px #dcdcdc solid;
overflow: hidden;
}
@media screen and (max-width: 768px) {
.c_interview-b .c_interview__imgsquare {
width: 100%;
margin: 0 0 21px;
}
}
.c_interview-b .c_interview__imgsquare > img {
width: 100%;
}
.c_interview-b .c_interview__bnr-a {
margin: 0 0 24px;
}
.c_interview-b .c_interview__title-a {
font-size: 20px;
font-size: 2rem;
color: #399f3c;
font-weight: bold;
margin: 0 0 6px;
}
@media screen and (max-width: 768px) {
.c_interview-b .c_interview__title-a {
font-size: 16px;
font-size: 1.6rem;
}
}
.c_interview-b .c_interview__txt-a {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.9;
margin: 0 0 12px;
}
.c_interview-b .c_interview__btn_group-a {
text-align: center;
float: right;
}
@media screen and (max-width: 768px) {
.c_interview-b .c_interview__btn_group-a {
width: 100%;
}
}
.c_footer_bnr-a {
font-size: 0px;
font-size: 0rem;
text-align: center;
padding: 40px 0 0;
}
.c_footer_bnr-a a {
display: inline-block;
margin: 0 14px;
}
.c_footer_bnr-a a > img {
height: 52px;
}
.c_footer_block-a {
display: table;
width: 100%;
}
.c_footer_block-a .c_footer_block__col {
display: table-cell;
text-align: center;
vertical-align: middle;
}
@media screen and (max-width: 768px) {
.c_footer_block-a .c_footer_block__col {
display: block;
}
}
.c_search-a {
box-sizing: border-box;
width: 940px;
height: 42px;
line-height: 42px;
font-size: 16px;
font-size: 1.6rem;
border-radius: 6px;
background: rgba(233, 99, 18, 0.3);
margin: 0 auto;
padding: 3px 4px;
overflow: hidden;
}
@media screen and (max-width: 768px) {
.c_search-a {
width: 100%;
height: auto;
line-height: auto;
margin: 0;
padding: 5px 6px;
}
}
.c_search-a select {
box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0;
outline: none;
color: #999;
background: transparent;
vertical-align: top;
}
.c_search-a input {
box-sizing: border-box;
border: none;
padding: 0;
vertical-align: top;
outline: none;
background: #f6f6f6;
color: #999;
}
.c_search-a button {
box-sizing: border-box;
outline: none;
}
.c_search-a .c_search__select {
float: left;
height: 36px;
background: #f6f6f6;
position: relative;
}
@media screen and (max-width: 768px) {
.c_search-a .c_search__select {
float: none;
display: block;
height: auto;
}
}
.c_search-a .c_search__select select {
width: 181px;
height: 36px;
line-height: 36px;
border: 1px solid #e5e5e5;
padding: 0 20px;
position: relative;
z-index: 1;
}
.c_search-a .c_search__select select::-ms-expand {
display: none;
}
@media screen and (max-width: 768px) {
.c_search-a .c_search__select select {
width: 100%;
height: 48px;
line-height: 48px;
padding: 0 12px;
}
}
.c_search-a .c_search__select:first-child {
border-radius: 6px 0 0 6px;
}
.c_search-a .c_search__select:first-child select {
border-radius: 6px 0 0 6px;
}
@media screen and (max-width: 768px) {
.c_search-a .c_search__select:first-child {
border-radius: 10px 10px 0 0;
}
.c_search-a .c_search__select:first-child select {
border-radius: 10px 10px 0 0;
}
}
.c_search-a .c_search__select + .c_search__select select {
border-left: none;
}
@media screen and (max-width: 768px) {
.c_search-a .c_search__select + .c_search__select select {
border-top: none;
border-left: 1px solid #e5e5e5;
}
}
.c_search-a .c_search__select:before {
content: "";
display: block;
width: 0;
height: 0;
border-top: 8px solid #999;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-25%);
}
@media screen and (max-width: 768px) {
.c_search-a .c_search__select:before {
right: 16px;
}
}
.c_search-a .c_search__txt {
float: left;
width: 239px;
height: 36px;
line-height: 36px;
border: 1px solid #e5e5e5;
border-left: none;
padding: 0 20px;
}
@media screen and (max-width: 768px) {
.c_search-a .c_search__txt {
float: none;
width: 100%;
height: 48px;
line-height: normal;
border-radius: 0 0 10px 10px;
border: 1px solid #e5e5e5;
border-top: none;
margin: 0 0 10px;
padding: 0 12px;
}
}
.c_search-a .c_search__btn {
float: left;
width: 150px;
height: 36px;
line-height: 36px;
font-size: 16px;
font-size: 1.6rem;
font-weight: bold;
color: #fff;
border-radius: 0 6px 6px 0;
background: #e96312;
}
@media screen and (max-width: 768px) {
.c_search-a .c_search__btn {
float: none;
width: 100%;
height: 49px;
line-height: 49px;
border-radius: 10px;
}
}
.c_search-b {
width: 276px;
height: 30px;
overflow: hidden;
}
.c_search-b select {
box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0;
outline: none;
color: #999;
background: transparent;
vertical-align: top;
}
.c_search-b input {
box-sizing: border-box;
border: none;
padding: 0;
vertical-align: top;
outline: none;
background: #f6f6f6;
color: #999;
}
.c_search-b button {
box-sizing: border-box;
outline: none;
}
.c_search-b .c_search__select {
float: left;
height: 30px;
}
.c_search-b .c_search__select select {
width: 100px;
height: 30px;
line-height: 30px;
border-radius: 6px 0 0 6px;
border: 1px solid #e5e5e5;
background: #fff;
padding: 0 8px;
}
.c_search-b .c_search__select select::-ms-expand {
display: none;
}
@media screen and (max-width: 768px) {
.c_search-b .c_search__select {
display: none;
}
}
.c_search-b .c_search__txt {
float: left;
width: 139px;
height: 30px;
line-height: 30px;
border: 1px solid #e5e5e5;
border-left: none;
background: #fff;
padding: 0 8px;
}
@media screen and (max-width: 768px) {
.c_search-b .c_search__txt {
display: none;
}
}
.c_search-b .c_search__btn {
width: 37px;
height: 30px;
border-radius: 0 6px 6px 0;
background: #e96312;
}
.c_search-b .c_search__btn .icon_search-b {
margin: 0;
}
@media screen and (max-width: 768px) {
.c_search-b .c_search__btn {
display: none;
}
}
.c_search-c {
box-sizing: border-box;
width: 474px;
height: 42px;
line-height: 42px;
font-size: 16px;
font-size: 1.6rem;
border-radius: 10px;
background: rgba(233, 99, 18, 0.3);
margin: 0 auto;
padding: 3px 4px;
overflow: hidden;
}
@media screen and (max-width: 768px) {
.c_search-c {
width: 100%;
height: auto;
line-height: auto;
margin: 0;
padding: 5px 6px;
}
}
.c_search-c.is_paper {
background: rgba(57, 159, 60, 0.3);
}
.c_search-c.is_paper .c_search__btn {
background: #399f3c;
}
.c_search-c input {
box-sizing: border-box;
border: none;
padding: 0;
vertical-align: top;
outline: none;
background: #f6f6f6;
color: #999;
}
.c_search-c button {
box-sizing: border-box;
outline: none;
}
.c_search-c .c_search__txt {
float: left;
width: 316px;
height: 36px;
box-sizing: border-box;
line-height: 36px;
border: 1px solid #e5e5e5;
border-left: none;
padding: 0 20px;
}
.c_search-c .c_search__txt:first-child {
border-radius: 6px 0 0 6px;
}
@media screen and (max-width: 768px) {
.c_search-c .c_search__txt {
float: none;
width: 100%;
height: 48px;
line-height: normal;
border-radius: 6px;
border: 1px solid #e5e5e5;
border-top: none;
margin: 0 0 10px;
padding: 0 12px;
}
.c_search-c .c_search__txt:first-child {
border-radius: 6px;
}
}
.c_search-c .c_search__btn {
float: left;
width: 150px;
height: 36px;
line-height: 36px;
font-size: 16px;
font-size: 1.6rem;
font-weight: bold;
color: #fff;
border-radius: 0 6px 6px 0;
background: #e96312;
}
@media screen and (max-width: 768px) {
.c_search-c .c_search__btn {
float: none;
width: 100%;
height: 49px;
line-height: 49px;
border-radius: 6px;
}
}
.c_search-d {
position: relative;
overflow: hidden;
}
.c_block__info-b + .c_search-d .c_search-d__search {
padding: 80px 0;
}
@media screen and (max-width: 768px) {
.c_block__info-b + .c_search-d .c_search-d__search {
padding: 35px 4%;
}
}
.c_block__info-b + .c_search-d .c_search-d__hide {
padding: 0;
}
@media screen and (max-width: 768px) {
.c_block__info-b + .c_search-d .c_search-d__hide {
padding: 0;
}
}
.c_search-d__hide {
height: 0;
}
.c_search-d__btn {
outline: none;
}
.c_search-e {
box-sizing: border-box;
width: 100%;
height: auto;
line-height: auto;
font-size: 16px;
font-size: 1.6rem;
border-radius: 10px;
background: rgba(233, 99, 18, 0.3);
padding: 5px 6px;
margin: 0;
overflow: hidden;
}
@media screen and (min-width: 768px) {
.c_search-e {
display: none;
}
}
.c_search-e select {
box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0;
outline: none;
color: #999;
background: transparent;
vertical-align: top;
}
.c_search-e input {
box-sizing: border-box;
border: none;
padding: 0;
vertical-align: top;
outline: none;
background: #f6f6f6;
color: #999;
}
.c_search-e button {
box-sizing: border-box;
outline: none;
}
.c_search-e .c_search__select {
display: block;
float: none;
height: auto;
background: #f6f6f6;
position: relative;
}
.c_search-e .c_search__select select {
width: 100%;
height: 48px;
line-height: 48px;
padding: 0 12px;
border: 1px solid #e5e5e5;
position: relative;
z-index: 1;
}
.c_search-e .c_search__select select::-ms-expand {
display: none;
}
.c_search-e .c_search__select:first-child {
border-radius: 6px 6px 0 0;
}
.c_search-e .c_search__select:first-child select {
border-radius: 6px 6px 0 0;
}
.c_search-e .c_search__select + .c_search__select select {
border-top: none;
border-left: 1px solid #e5e5e5;
}
.c_search-e .c_search__select:before {
content: "";
display: block;
width: 0;
height: 0;
border-top: 8px solid #999;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
position: absolute;
right: 16px;
top: 50%;
transform: translateY(-25%);
}
.c_search-e .c_search__txt {
float: none;
width: 100%;
height: 48px;
line-height: normal;
border-radius: 0 0 6px 6px;
border: 1px solid #e5e5e5;
border-top: none;
margin: 0 0 10px;
padding: 0 12px;
}
.c_search-e .c_search__btn {
float: none;
width: 100%;
height: 49px;
line-height: 49px;
border-radius: 6px;
font-size: 16px;
font-size: 1.6rem;
font-weight: bold;
color: #fff;
background: #e96312;
}
.c_search-e__hide {
display: none;
}
.c_search-f {
overflow: hidden;
}
.c_search-f button {
box-sizing: border-box;
outline: none;
}
.c_search-f__btn {
background: #e96312;
width: 30px;
height: 30px;
border-radius: 6px;
margin: 5px 0 0;
}
.c_search-g {
box-sizing: border-box;
width: 940px;
height: 42px;
line-height: 42px;
font-size: 16px;
font-size: 1.6rem;
border-radius: 10px;
background: #f8e5b7;
margin: 0 auto;
padding: 3px 4px;
overflow: hidden;
}
@media screen and (max-width: 768px) {
.c_search-g {
width: 100%;
height: auto;
line-height: auto;
margin: 0;
padding: 5px 6px;
}
}
.c_search-g select {
box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0;
outline: none;
color: #999;
background: transparent;
vertical-align: top;
}
.c_search-g input {
box-sizing: border-box;
border: none;
padding: 0;
vertical-align: top;
outline: none;
background: #f6f6f6;
color: #999;
}
.c_search-g button {
box-sizing: border-box;
outline: none;
}
.c_search-g .c_search__select {
float: left;
height: 36px;
background: #f6f6f6;
position: relative;
}
@media screen and (max-width: 768px) {
.c_search-g .c_search__select {
float: none;
display: block;
height: auto;
}
}
.c_search-g .c_search__select select {
width: 245px;
height: 36px;
line-height: 36px;
border: 1px solid #e5e5e5;
padding: 0 20px;
position: relative;
z-index: 1;
}
.c_search-g .c_search__select select::-ms-expand {
display: none;
}
@media screen and (max-width: 768px) {
.c_search-g .c_search__select select {
width: 100%;
height: 48px;
line-height: 48px;
padding: 0 12px;
}
}
.c_search-g .c_search__select:first-child {
border-radius: 6px 0 0 6px;
}
.c_search-g .c_search__select:first-child select {
border-radius: 6px 0 0 6px;
}
@media screen and (max-width: 768px) {
.c_search-g .c_search__select:first-child {
border-radius: 10px 10px 0 0;
}
.c_search-g .c_search__select:first-child select {
border-radius: 10px 10px 0 0;
}
}
.c_search-g .c_search__select + .c_search__select select {
border-left: none;
}
@media screen and (max-width: 768px) {
.c_search-g .c_search__select + .c_search__select select {
border-top: none;
border-left: 1px solid #e5e5e5;
}
}
.c_search-g .c_search__select:before {
content: "";
display: block;
width: 0;
height: 0;
border-top: 8px solid #999;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-25%);
}
@media screen and (max-width: 768px) {
.c_search-g .c_search__select:before {
right: 16px;
}
}
.c_search-g .c_search__txt {
float: left;
width: 232px;
height: 36px;
line-height: 36px;
border: 1px solid #e5e5e5;
border-left: none;
padding: 0 20px;
}
@media screen and (max-width: 768px) {
.c_search-g .c_search__txt {
float: none;
width: 100%;
height: 48px;
line-height: normal;
border-radius: 0 0 10px 10px;
border: 1px solid #e5e5e5;
border-top: none;
margin: 0 0 10px;
padding: 0 12px;
}
}
.c_search-g .c_search__btn {
float: left;
width: 210px;
height: 36px;
line-height: 36px;
font-size: 16px;
font-size: 1.6rem;
font-weight: bold;
color: #fff;
border-radius: 0 6px 6px 0;
background: #e9aa12;
}
@media screen and (max-width: 768px) {
.c_search-g .c_search__btn {
float: none;
width: 100%;
height: 49px;
line-height: 49px;
border-radius: 10px;
}
}
.c_slider-a {
opacity: 0;
transition: opacity 0.1s;
}
.c_slider-a.slick-initialized {
opacity: 1;
}
.c_slider-a.slick-dotted.slick-slider {
margin-bottom: 90px;
}
@media screen and (max-width: 768px) {
.c_slider-a.slick-dotted.slick-slider {
margin: 0 0 50px;
}
}
.c_slider-a .c_slider__item > a {
position: relative;
display: block;
width: 560px;
height: 400px;
}
@media screen and (max-width: 768px) {
.c_slider-a .c_slider__item > a {
width: 280px;
height: 200px;
}
}
.c_slider-a .c_slider__item:nth-child(even) {
margin: 0 20px;
}
@media screen and (max-width: 768px) {
.c_slider-a .c_slider__item:nth-child(even) {
margin: 0 10px;
}
}
.c_slider-a .c_slider__img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@media screen and (max-width: 768px) {
.c_slider-a .c_slider__img {
width: 100%;
height: 100%;
}
}
.c_slider-a .c_slider__txt {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 20px;
box-sizing: border-box;
background-color: rgba(0, 0, 0, 0.6);
color: #fff;
font-size: 16px;
font-size: 1.6rem;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.c_slider-a .c_slider__txt {
padding: 10px;
line-height: 1.25;
}
}
.c_slider-a .slick-dots {
bottom: -40px;
}
@media screen and (max-width: 768px) {
.c_slider-a .slick-dots {
bottom: -30px;
}
}
.c_slider-a .slick-dots li {
margin: 0;
}
.c_slider-a .slick-dots li button:before {
color: #dbdbdb;
font-size: 14px;
opacity: 1;
}
.c_slider-a .slick-dots li.slick-active button:before {
color: #999;
opacity: 1;
}
.c_slider-b .c_grid-j {
overflow: hidden;
}
.c_slider-b .c_grid-j .c_grid__col {
float: left;
}
.c_otera_search {
position: relative;
padding: 0 0 20px;
}
@media screen and (max-width: 768px) {
.c_otera_search {
padding: 0 0 25px;
}
}
.c_otera_search .c_otera_search__title {
width: 256px;
margin: 0 auto;
padding: 18px 0 43px;
}
@media screen and (max-width: 768px) {
.c_otera_search .c_otera_search__title {
width: 177px;
padding: 0 0 30px;
}
}
.c_otera_search .c_otera_search__txt-a {
font-size: 22px;
font-size: 2.2rem;
font-family: "游明朝", YuMincho, "ＭＳ 明朝", "Hiragino Mincho ProN", "Hiragino Mincho Pro", serif;
text-align: center;
}
@media screen and (max-width: 768px) {
.c_otera_search .c_otera_search__txt-a {
font-size: 14px;
font-size: 1.4rem;
white-space: pre;
padding: 0 0 40px;
}
}
.c_otera_search .c_inline_list-a {
text-align: center;
margin: auto;
padding: 0;
position: absolute;
top: 0;
left: 0;
right: 0;
}
.c_otera_search .c_inline_list-a li {
width: 80px;
margin: 0;
padding: 0 12px;
}
.c_otera_search .c_inline_list-a li:nth-child(3) {
margin: 0 153px 0 0;
}
.c_otera_search .c_inline_list-a li:nth-child(4) {
margin: 0 0 0 153px;
}
@media screen and (max-width: 768px) {
.c_otera_search .c_inline_list-a {
position: static;
}
.c_otera_search .c_inline_list-a li {
padding: 0;
}
.c_otera_search .c_inline_list-a li:nth-child(3) {
margin: 0 3.73333%;
}
.c_otera_search .c_inline_list-a li:nth-child(4) {
margin: 0 3.73333%;
}
}
.c_otera_search-b {
text-align: center;
padding: 0 0 24px;
}
.c_otera_search-b .c_otera_search__title {
display: inline-block;
width: 174px;
margin: 0;
padding: 0;
}
@media screen and (max-width: 768px) {
.c_otera_search-b .c_otera_search__title {
width: 177px;
padding: 0 0 30px;
}
}
.c_otera_search-b .c_otera_search__title + .c_otera_search__txt-a {
margin: 0 0 0 50px;
}
@media screen and (max-width: 768px) {
.c_otera_search-b .c_otera_search__title + .c_otera_search__txt-a {
margin: 0;
}
}
.c_otera_search-b .c_otera_search__txt-a {
display: inline-block;
font-size: 18px;
font-size: 1.8rem;
font-family: "游明朝", YuMincho, "ＭＳ 明朝", "Hiragino Mincho ProN", "Hiragino Mincho Pro", serif;
text-align: left;
}
@media screen and (max-width: 768px) {
.c_otera_search-b .c_otera_search__txt-a {
font-size: 14px;
font-size: 1.4rem;
text-align: center;
white-space: pre;
padding: 0 0 0px;
}
}
.c_otera_search-b .c_inline_list-a {
text-align: center;
margin: auto;
padding: 0;
position: absolute;
top: 0;
left: 0;
right: 0;
}
.c_otera_search-b .c_inline_list-a li {
width: 80px;
margin: 0;
padding: 0 12px;
}
.c_otera_search-b .c_inline_list-a li:nth-child(3) {
margin: 0 153px 0 0;
}
.c_otera_search-b .c_inline_list-a li:nth-child(4) {
margin: 0 0 0 153px;
}
@media screen and (max-width: 768px) {
.c_otera_search-b .c_inline_list-a {
position: static;
}
.c_otera_search-b .c_inline_list-a li {
padding: 0;
}
.c_otera_search-b .c_inline_list-a li:nth-child(3) {
margin: 0 3.73333%;
}
.c_otera_search-b .c_inline_list-a li:nth-child(4) {
margin: 0 3.73333%;
}
}
.c_mytera_slider img {
width: 700px;
margin: 0 auto;
}
@media screen and (max-width: 768px) {
.c_mytera_slider img {
width: 300px;
}
}
.c_mytera_slider .slick-slide {
margin: 0 5px;
opacity: 0.5;
transition: all 0.25s ease;
}
.c_mytera_slider .slick-center {
opacity: 1;
}
.c_mytera_slider .slick-prev,
.c_mytera_slider .slick-next {
width: 36px;
height: 36px;
}
@media screen and (max-width: 768px) {
.c_mytera_slider .slick-prev,
.c_mytera_slider .slick-next {
display: none !important;
}
}
.c_mytera_slider .slick-prev:before,
.c_mytera_slider .slick-next:before {
font-size: 36px;
font-size: 3.6rem;
}
.c_mytera_slider .slick-prev {
left: 100px;
z-index: 1;
}
.c_mytera_slider .slick-next {
right: 100px;
}
.c_mytera_slider .slick-dots {
bottom: -35px;
}
.c_mytera_slider .slick-dots li button {
width: 21px;
height: 21px;
}
.c_mytera_slider .slick-dots li button:before {
font-size: 11px;
font-size: 1.1rem;
line-height: 21px;
width: 21px;
height: 21px;
opacity: 1;
color: #fff;
}
.c_mytera_slider .slick-dots li.slick-active button:before {
opacity: 1;
color: #399f3c;
}
.c_modal-a {
display: none;
position: fixed;
top: 0;
left: 0;
z-index: 101;
width: 100%;
height: 100%;
background-color: rgba(230, 230, 230, 0.8);
text-align: center;
}
.c_modal-a .c_modal__inner {
box-sizing: border-box;
position: relative;
width: 650px;
margin: 100px auto 0;
padding: 48px 0 32px;
background-color: #fff;
}
@media screen and (max-width: 768px) {
.c_modal-a .c_modal__inner {
width: 88%;
margin: 50px auto 0;
padding: 26px 10% 32px;
}
}
.c_modal-a .c_modal__title {
color: #e96312;
font-size: 18px;
font-size: 1.8rem;
font-weight: bold;
letter-spacing: 0.1em;
}
.c_modal-a .c_modal__txt-a {
padding-top: 12px;
font-weight: bold;
line-height: 1.5;
letter-spacing: 0.1em;
}
@media screen and (max-width: 768px) {
.c_modal-a .c_modal__txt-a {
padding-top: 20px;
}
}
.c_modal-a .c_modal__txt-b {
font-weight: bold;
letter-spacing: 0.1em;
}
.c_modal-a .c_modal__txt-c {
padding-top: 12px;
}
.c_modal-a .c_modal__list {
width: 590px;
margin: 40px auto 0;
}
@media screen and (max-width: 768px) {
.c_modal-a .c_modal__list {
width: 100%;
margin: 20px auto 0;
}
}
.c_modal-a .c_modal__list li {
padding: 16px;
background-color: #f9f5e8;
}
.c_modal-a .c_modal__list li img {
width: 65px;
padding-bottom: 10px;
}
.c_modal-a .c_modal__list li + li {
margin-top: 10px;
padding: 30px;
}
.c_modal-a .c_modal__close {
position: absolute;
top: 15px;
right: 15px;
width: 15px;
height: 15px;
cursor: pointer;
}
.c_modal-a .pc-none {
display: none;
}
@media screen and (max-width: 768px) {
.c_modal-a .pc-none {
display: inline;
}
}
.c_breadcrumb-a {
font-size: 0px;
font-size: 0rem;
}
.c_breadcrumb-a > li {
font-size: 12px;
font-size: 1.2rem;
color: #999;
display: inline-block;
margin: 0 8px 0 0;
}
.c_breadcrumb-a > li:after {
content: ">";
padding: 0 0 0 8px;
}
.c_breadcrumb-a > li:last-child:after {
display: none;
}
.c_breadcrumb-a > li a {
color: #999;
text-decoration: underline;
}
.c_breadcrumb-a > li a:hover {
text-decoration: none;
opacity: 1;
}
@media screen and (max-width: 768px) {
.c_breadcrumb-a > li {
padding: 5px 0 0;
}
}
.c_breadcrumb-b a {
text-decoration: underline;
}
.c_breadcrumb-b a:hover {
text-decoration: none;
opacity: 1;
}
.formlayout table th {
background-color: #fdf0e7;
padding: 10px;
width: 35%;
text-align: left;
}
.formlayout {
font-size: 13px;
font-size: 1.3rem;
text-align: center;
}
.formlayout h3 {
font-size: 15px;
font-size: 1.5rem;
margin: 15px;
}
.formlayout table {
border: 0;
margin: 0 auto;
}
.formlayout table th {
border-bottom: 2px solid #fff;
}
.formlayout table td {
padding: 10px;
width: 65%;
border-bottom: 1px solid #eee;
text-align: left;
}
.formlayout ul {
display: inline-block;
list-style: none;
margin: 0;
padding: 0;
}
.formlayout li {
padding: 4px;
float: left;
}
.formlayout .inputTextSingle {
width: 100%;
border: 2px solid #ddd;
padding: 4px;
font-size: 110%;
}
.formlayout textarea {
width: 100%;
border: 2px solid #ddd;
padding: 4px;
font-size: 110%;
}
.formlayout select {
width: 100%;
font-size: 105%;
}
.formlayout .submit {
margin: 20px auto;
padding: 10px;
font-size: 120%;
background-color: #E17800;
color: #fff;
font-weight: bold;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border: 0;
width: 60%;
text-align: center;
}
.formlayout .caption {
margin: 0 0 13px;
color: #E17800;
font-size: 13px;
font-size: 1.3rem;
}
.formlayout p {
margin: 13px 0;
font-size: 13px;
font-size: 1.3rem;
}
.form-approval {
background-color: #fcf1e5;
padding: 10px 10px 20px 10px;
margin: 20px 0 0 0;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
@media only screen and (max-width: 480px) {
.formlayout .caption br {
display: none;
}
.formlayout table {
width: 100%;
margin: 0 auto;
}
.formlayout table th,
.formlayout table td {
width: 100%;
display: block;
border-top: none;
}
.formlayout table td {
width: 90%;
border: none;
}
.formlayout table tr th {
border-top: 1px solid #ddd;
}
.formlayout table th {
width: auto;
}
.formlayout select {
width: 100%;
}
.formlayout textarea {
width: 100%;
}
}
.c_table-a {
font-size: 14px;
font-size: 1.4rem;
width: 100%;
}
@media screen and (max-width: 768px) {
.c_table-a thead {
display: none;
}
}
.c_table-a thead tr th {
background-color: rgba(184, 116, 75, 0.3);
border-right: 1px rgba(0, 0, 0, 0.05) solid;
padding: 8px 0;
font-weight: normal;
}
.c_table-a thead tr th:last-child {
border-right: none;
}
.c_table-a thead tr th:nth-child(1) {
width: 21.555556%;
}
.c_table-a thead tr th:nth-child(3) {
width: 18.333333%;
}
.c_table-a tbody tr {
border-bottom: 1px #ccc solid;
}
.c_table-a tbody tr:first-child {
border-top: 2px #b8744b solid;
}
.c_table-a tbody tr td {
line-height: 1.9;
border-right: 1px rgba(0, 0, 0, 0.05) solid;
padding: 22px 3.3333333%;
}
.c_table-a tbody tr td:last-child {
border-right: none;
}
@media screen and (max-width: 768px) {
.c_table-a tbody tr td {
display: block;
border-right: none;
padding: 10px 16px 0;
}
}
.c_table-a .is_bold {
font-weight: bold;
}
.c_table-a .is_text-center {
text-align: center;
}
@media screen and (max-width: 768px) {
.c_table-a .is_text-center {
text-align: left;
}
}
.c_table-a .is_text-right {
text-align: right;
}
.c_table-b {
font-size: 14px;
font-size: 1.4rem;
width: 100%;
margin-top: 80px;
}
.c_table-b.is_calendar {
margin: 40px 0 0;
}
.c_table-b.is_lineheight-a {
line-height: 1.9;
}
.c_table-b.is_tera {
margin: 0;
}
.c_table-b.is_borderd-a td {
border: 1px #ccc solid;
}
@media screen and (max-width: 768px) {
.c_table-b.is_borderd-a {
border-top: 1px #ccc solid;
}
.c_table-b.is_borderd-a td {
border-width: 0 1px 1px;
}
}
.c_table-b td {
padding: 13px 20px 9px;
}
@media screen and (max-width: 768px) {
.c_table-b td {
display: block;
font-size: 16px;
font-size: 1.6rem;
}
}
.c_table-b .is_bgcolor-a {
background-color: #f4f4f4;
}
.c_table-b .is_text_center {
text-align: center;
}
.c_table-b .is_text_right {
text-align: right;
}
.c_table-b .is_bold {
font-weight: bold;
}
.c_pagination.is_otera_nav .current {
background-color: #e96312;
}
.c_pagination.is_paper_nav .current {
background-color: #399f3c;
}
.c_pagination.is_event_nav .current {
background-color: #e6c521;
}
.c_pagination .wp-pagenavi {
text-align: center;
padding: 105px 0 0;
font-size: 0px;
font-size: 0rem;
}
@media screen and (max-width: 768px) {
.c_pagination .wp-pagenavi {
padding: 54px 0 0;
}
}
.c_pagination .wp-pagenavi .current {
color: #fff;
}
.c_pagination .wp-pagenavi > a,
.c_pagination .wp-pagenavi > span {
font-size: 14px;
font-size: 1.4rem;
font-weight: bold;
text-align: center;
width: 24px;
line-height: 30px;
display: inline-block;
box-sizing: border-box;
border: 1px #dcdcdc solid;
border-radius: 4px;
margin: 0 5px;
}
.c_pagination-b.is_otera_nav .current {
background-color: #e96312;
}
.c_pagination-b.is_otera_nav .nextpostslink::before, .c_pagination-b.is_otera_nav .previouspostslink::before {
border-top: 3px solid #e96312;
border-right: 3px solid #e96312;
}
.c_pagination-b.is_paper_nav .current {
background-color: #399f3c;
}
.c_pagination-b.is_paper_nav .nextpostslink::before, .c_pagination-b.is_paper_nav .previouspostslink::before {
border-top: 3px solid #399f3c;
border-right: 3px solid #399f3c;
}
.c_pagination-b.is_event_nav .current {
background-color: #e6c521;
}
.c_pagination-b.is_event_nav .nextpostslink::before, .c_pagination-b.is_event_nav .previouspostslink::before {
border-top: 3px solid #e6c521;
border-right: 3px solid #e6c521;
}
.c_pagination-b .wp-pagenavi {
text-align: center;
font-size: 0px;
font-size: 0rem;
}
.c_pagination-b .wp-pagenavi .current {
color: #fff;
}
.c_pagination-b .wp-pagenavi > a,
.c_pagination-b .wp-pagenavi > span {
font-size: 18px;
font-size: 1.8rem;
text-align: center;
width: 35px;
line-height: 40px;
display: inline-block;
box-sizing: border-box;
border: none;
margin: 0 5px;
color: #666;
background-color: #f1f1f1;
}
.c_pagination-b .wp-pagenavi .nextpostslink, .c_pagination-b .wp-pagenavi .previouspostslink {
font-size: 0px;
font-size: 0rem;
background-color: #fff;
}
.c_pagination-b .wp-pagenavi .nextpostslink::before, .c_pagination-b .wp-pagenavi .previouspostslink::before {
content: "";
display: inline-block;
width: 15px;
height: 15px;
}
.c_pagination-b .wp-pagenavi .nextpostslink::before {
transform: rotate(45deg);
}
.c_pagination-b .wp-pagenavi .previouspostslink::before {
transform: rotate(-135deg);
}
.c_tera-a {
border: 3px solid #e96312;
background: #fef7f3;
margin: 80px 0 40px;
padding: 24px 40px 24px 24px;
overflow: hidden;
}
.c_tera-a .c_tera__img {
float: left;
width: 272px;
}
@media screen and (max-width: 768px) {
.c_tera-a .c_tera__img {
float: none;
width: 100%;
}
.c_tera-a .c_tera__img img {
display: block;
margin: 0 auto;
}
}
.c_tera-a .c_tera__info {
float: right;
width: 240px;
}
@media screen and (max-width: 768px) {
.c_tera-a .c_tera__info {
float: none;
width: 100%;
padding: 0;
}
}
.c_tera-a .c_tera__title-a {
font-size: 17px;
font-size: 1.7rem;
font-weight: bold;
margin: 0 0 6px;
}
@media screen and (max-width: 768px) {
.c_tera-a .c_tera__title-a {
font-size: 16px;
font-size: 1.6rem;
margin: 12px 0 6px;
}
}
.c_tera-a .c_tera__txt-a {
display: inline-block;
border: 1px solid #d2d2d2;
background: #fff;
line-height: 1.9;
font-size: 13px;
font-size: 1.3rem;
text-align: center;
font-weight: bold;
color: #666;
margin: 0 0 13px;
padding: 0 18px 0 15px;
}
@media screen and (max-width: 768px) {
.c_tera-a .c_tera__txt-a {
font-size: 14px;
font-size: 1.4rem;
margin: 24px 0 6px;
}
}
.c_tera-a .c_tera__txt-b {
font-size: 13px;
font-size: 1.3rem;
line-height: 1.9;
margin: 0 0 12px;
}
@media screen and (min-width: 768px) {
.c_tera-a .c_tera__txt-b {
min-height: 42px;
}
}
.c_tera-a .c_tera__btn_group-a {
text-align: center;
float: right;
}
@media screen and (max-width: 768px) {
.c_tera-a .c_tera__btn_group-a {
width: 100%;
}
}
.c_tera-a .c_tera__btn_group-a a {
text-decoration: none;
}
.c_contact {
width: 480px;
margin: 0 auto;
}
@media screen and (max-width: 768px) {
.c_contact {
width: 100%;
}
}
.c_contact .c_contact__mail_input + .c_contact__mail_input {
margin-top: 24px;
}
.c_contact .c_contact__mail_input label {
display: block;
font-weight: bold;
}
.c_contact .c_contact__mail_input input[type=text],
.c_contact .c_contact__mail_input input[type=tel],
.c_contact .c_contact__mail_input input[type=email],
.c_contact .c_contact__mail_input select {
box-sizing: border-box;
width: 100%;
margin: 10px 0 0;
padding: 12px 14px;
border: 1px solid #dbdbdb;
border-radius: 10px;
background: #f6f6f6;
-webkit-appearance: none;
font-size: 16px;
font-size: 1.6rem;
letter-spacing: 0.1em;
}
@media screen and (max-width: 768px) {
.c_contact .c_contact__mail_input input[type=text],
.c_contact .c_contact__mail_input input[type=tel],
.c_contact .c_contact__mail_input input[type=email],
.c_contact .c_contact__mail_input select {
box-sizing: border-box;
width: 100%;
margin: 0 0 20px;
}
}
.c_contact .c_contact__mail_input textarea {
margin: 10px 0 0;
padding: 12px 14px;
box-sizing: border-box;
width: 100%;
border: 1px solid #dbdbdb;
border-radius: 10px;
background: #f6f6f6;
font-size: 16px;
font-size: 1.6rem;
}
.c_contact .c_contact__copy {
font-size: 18px;
font-size: 1.8rem;
font-weight: bold;
text-align: center;
}
@media screen and (max-width: 768px) {
.c_contact .c_contact__copy {
font-size: 16px;
font-size: 1.6rem;
}
}
.c_contact .c_contact__text {
margin: 20px 0 30px;
color: #e17800;
text-align: center;
}
@media screen and (max-width: 768px) {
.c_contact .c_contact__text {
margin: 10px 0 30px;
font-size: 12px;
font-size: 1.2rem;
}
}
.c_contact .c_contact__title {
display: block;
font-weight: bold;
margin-bottom: 10px;
}
.c_contact .c_contact__mail_txt {
margin: 24px 0;
box-sizing: border-box;
padding: 20px;
border-radius: 10px;
background-color: #fcf1e6;
}
.c_contact .c_contact__mail_txt > label {
display: block;
font-weight: bold;
margin-bottom: 10px;
}
.c_contact .c_contact__mail_txt > p {
color: #666;
line-height: 1.5;
}
.c_contact .c_contact__mail_txt > p a {
text-decoration: underline;
color: #666;
}
.c_contact .c_contact__mail_check {
margin-top: 10px;
text-align: center;
font-weight: bold;
}
.c_contact .c_contact__btn {
display: block;
margin: 40px auto 0;
}
.c_contact__btn_title {
font-size: 20px;
font-weight: bold;
margin-bottom: 10px;
text-align: center;
}
.c_contact__btn_txt {
font-size: 16px;
font-size: 1.6rem;
font-weight: bold;
margin-bottom: 30px;
text-align: center;
}
@media screen and (max-width: 768px) {
.c_contact__btn_txt {
font-size: 14px;
font-size: 1.4rem;
}
}
.c_comment {
width: 1000px;
margin: 0 auto 40px;
box-sizing: border-box;
}
@media screen and (max-width: 768px) {
.c_comment {
width: 100%;
padding: 0 4%;
}
}
.c_comment__title {
font-size: 2rem;
font-weight: 700;
border-bottom: 2px solid #000;
padding: 0 3px 12px;
margin-bottom: 30px;
}
.c_comment__list .children {
margin-top: 16px;
margin-left: 76px;
}
@media screen and (max-width: 768px) {
.c_comment__list .children {
margin-left: 7%;
}
}
.c_comment__list .comment + .comment {
margin-top: 16px;
border-top: dashed 1px #ccc;
padding-top: 16px;
}
.c_comment__list .comment-meta {
display: flex;
align-items: center;
justify-content: space-between;
}
@media screen and (max-width: 768px) {
.c_comment__list .comment-meta {
flex-direction: column;
align-items: normal;
}
}
.c_comment__list .comment-author {
display: flex;
align-items: center;
}
.c_comment__list .comment-author img {
border-radius: 50%;
}
@media screen and (max-width: 768px) {
.c_comment__list .comment-author img {
width: 40px;
height: 40px;
}
}
.c_comment__list .comment-author .fn {
margin-left: 16px;
}
@media screen and (max-width: 768px) {
.c_comment__list .comment-author .fn {
display: flex;
align-items: center;
margin-left: 8px;
}
}
.c_comment__list .comment-author .says {
margin-left: 4px;
}
@media screen and (max-width: 768px) {
.c_comment__list .comment-author .says {
display: flex;
align-items: center;
margin-left: 2px;
}
}
.c_comment__list .comment-metadata {
display: flex;
align-items: center;
justify-content: space-between;
}
.c_comment__list .comment-metadata a time {
color: #666;
}
@media screen and (max-width: 768px) {
.c_comment__list .comment-metadata a time {
margin-top: 8px;
font-size: 1rem;
}
}
.c_comment__list .comment-metadata .edit-link .comment-edit-link {
display: flex;
justify-content: center;
align-items: center;
min-width: 60px;
height: 25px;
margin-left: 8px;
box-sizing: border-box;
border-radius: 5px;
border: 1px solid #eee;
color: #333;
background-color: #f9e8b1;
font-weight: 400;
text-align: center;
}
.c_comment__list .comment-content {
margin-top: 8px;
margin-left: 76px;
}
@media screen and (max-width: 768px) {
.c_comment__list .comment-content {
margin-left: 0;
}
}
.c_comment__list .comment-content p {
font-size: 1.4rem;
}
.c_comment__list .reply {
display: flex;
flex-direction: row-reverse;
}
.c_comment__list .reply .comment-reply-link {
display: flex;
justify-content: center;
align-items: center;
min-width: 122px;
background: #efb436;
height: 36px;
border-radius: 5px;
color: #fff;
font-weight: 600;
text-align: center;
}
@media screen and (max-width: 768px) {
.c_comment__list .reply .comment-reply-link {
height: 30px;
}
}
.c_comment__nav {
margin-top: 64px;
display: flex;
justify-content: center;
}
.c_comment__nav_prev a, .c_comment__nav_next a {
position: relative;
display: flex;
justify-content: center;
align-items: center;
min-width: 180px;
height: 36px;
box-sizing: border-box;
border-radius: 5px;
border: 1px solid #eee;
color: #333;
background-color: #f9e8b1;
font-weight: 400;
text-align: center;
}
@media screen and (max-width: 768px) {
.c_comment__nav_prev a, .c_comment__nav_next a {
min-width: 120px;
font-size: 1.2rem;
}
}
.c_comment__nav_prev a::before, .c_comment__nav_next a::before {
position: absolute;
content: "";
display: inline-block;
width: 8px;
height: 8px;
border-top: 1px solid #000;
border-right: 1px solid #000;
}
.c_comment__nav_prev {
padding-left: 7px;
}
.c_comment__nav_prev a::before {
left: 8px;
transform: rotate(-135deg);
}
.c_comment__nav_prev + .c_comment__nav_next {
margin-left: 60px;
}
@media screen and (max-width: 768px) {
.c_comment__nav_prev + .c_comment__nav_next {
margin-left: 10px;
}
}
.c_comment__nav_next {
padding-right: 7px;
}
.c_comment__nav_next a::before {
right: 8px;
transform: rotate(45deg);
}
.c_comment .comment-respond {
margin-top: 32px;
padding-top: 32px;
border-top: solid 1px #ccc;
}
.c_comment .comment-respond .comment-form {
display: flex;
flex-direction: column;
max-width: 750px;
margin: 0 auto;
}
@media screen and (max-width: 768px) {
.c_comment .comment-respond .comment-form {
width: 100%;
}
}
.c_comment .comment-respond .comment-reply-title {
display: flex;
justify-content: space-between;
align-items: center;
font-size: 1.7rem;
font-weight: 700;
max-width: 750px;
margin: 0 auto;
}
@media screen and (max-width: 768px) {
.c_comment .comment-respond .comment-reply-title {
width: 100%;
}
}
.c_comment .comment-respond #cancel-comment-reply-link {
display: flex;
justify-content: center;
align-items: center;
min-width: 180px;
height: 30px;
font-size: 1.4rem;
margin-left: 8px;
box-sizing: border-box;
border-radius: 5px;
border: 1px solid #eee;
color: #333;
background-color: #f9e8b1;
font-weight: 400;
text-align: center;
}
@media screen and (max-width: 768px) {
.c_comment .comment-respond #cancel-comment-reply-link {
min-width: 150px;
height: 30px;
font-size: 1.2rem;
}
}
.c_comment .comment-respond .comment-notes {
margin: 25px 0;
font-size: 1.4rem;
font-weight: 700;
color: #666;
line-height: 1.5;
}
@media screen and (max-width: 768px) {
.c_comment .comment-respond .comment-notes {
font-size: 1.2rem;
}
}
.c_comment .comment-respond .logged-in-as {
margin: 25px 0;
}
.c_comment .comment-respond .logged-in-as a {
font-size: 1.4rem;
font-weight: 700;
color: #666;
line-height: 1.5;
text-decoration: underline;
}
@media screen and (max-width: 768px) {
.c_comment .comment-respond .logged-in-as a {
font-size: 1.2rem;
}
}
.c_comment .comment-respond .comment-form-comment,
.c_comment .comment-respond .comment-form-author,
.c_comment .comment-respond .comment-form-email,
.c_comment .comment-respond .comment-form-url {
display: flex;
flex-direction: column;
}
.c_comment .comment-respond .comment-form-comment label,
.c_comment .comment-respond .comment-form-author label,
.c_comment .comment-respond .comment-form-email label,
.c_comment .comment-respond .comment-form-url label {
font-weight: 700;
}
.c_comment .comment-respond .comment-form-comment input, .c_comment .comment-respond .comment-form-comment textarea,
.c_comment .comment-respond .comment-form-author input,
.c_comment .comment-respond .comment-form-author textarea,
.c_comment .comment-respond .comment-form-email input,
.c_comment .comment-respond .comment-form-email textarea,
.c_comment .comment-respond .comment-form-url input,
.c_comment .comment-respond .comment-form-url textarea {
width: 100%;
margin: 10px 0 0;
padding: 12px 14px;
border: 1px solid #dbdbdb;
border-radius: 10px;
background: #f6f6f6;
-webkit-appearance: none;
font-size: 1.6rem;
letter-spacing: 0.1em;
}
@media screen and (max-width: 768px) {
.c_comment .comment-respond .comment-form-comment input, .c_comment .comment-respond .comment-form-comment textarea,
.c_comment .comment-respond .comment-form-author input,
.c_comment .comment-respond .comment-form-author textarea,
.c_comment .comment-respond .comment-form-email input,
.c_comment .comment-respond .comment-form-email textarea,
.c_comment .comment-respond .comment-form-url input,
.c_comment .comment-respond .comment-form-url textarea {
width: auto;
}
}
.c_comment .comment-respond .comment-form-author {
margin-top: 24px;
}
.c_comment .comment-respond .comment-form-email {
margin-top: 24px;
}
.c_comment .comment-respond .comment-form-url {
display: none;
margin-top: 24px;
}
.c_comment .comment-respond .comment-form-cookies-consent {
margin-top: 24px;
}
.c_comment .comment-respond .form-submit {
width: 200px;
margin: 24px auto 0;
}
.c_comment .comment-respond .form-submit .submit {
display: inline-flex;
justify-content: center;
align-items: center;
background: #efb436;
width: 100%;
height: 36px;
border-radius: 5px;
color: #fff;
font-size: 1.7rem;
font-weight: 600;
text-align: center;
}
.cf:after {
content: "";
display: table;
clear: both;
}
.u_title-a {
font-size: 24px;
font-size: 2.4rem;
text-align: center;
padding: 60px 0;
}
@media screen and (max-width: 768px) {
.u_title-a {
font-size: 18px;
font-size: 1.8rem;
padding: 30px 0;
}
}
.u_title-b {
font-size: 14px;
font-size: 1.4rem;
font-weight: bold;
border-bottom: 2px solid rgba(0, 0, 0, 0.4);
padding: 0 3px 5px;
}
@media screen and (max-width: 768px) {
.u_title-b {
font-size: 16px;
font-size: 1.6rem;
padding: 0 0 8px;
}
}
.u_title-b + .c_list-b {
padding: 20px 0 0;
}
.u_title-b + .c_list_point {
padding: 20px 0 0;
}
.u_title-c {
font-size: 20px;
font-size: 2rem;
font-weight: bold;
border-bottom: 2px solid black;
padding: 0 3px 12px;
}
.u_title-c + .c_grid-b {
padding-top: 22px;
}
@media screen and (max-width: 768px) {
.u_title-c {
font-size: 16px;
font-size: 1.6rem;
border-bottom: 2px solid rgba(0, 0, 0, 0.4);
padding: 0 0 8px;
}
}
.u_the_mytera {
font-size: 12px;
font-size: 1.2rem;
position: absolute;
top: 50%;
right: 186px;
transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
.u_the_mytera {
display: none;
}
}
.u_the_mytera a {
display: inline-block;
}
.u_the_mytera a + a {
position: relative;
margin: 0 0 0 14px;
padding: 0 0 0 15px;
}
.u_the_mytera a + a:before {
content: "";
width: 1px;
height: 22px;
background: rgba(169, 151, 69, 0.3);
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
}
.u_mytera_post {
width: 170px;
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
.u_mytera_post {
display: none;
}
}
.is_floating .u_the_mytera {
font-size: 10px;
font-size: 1rem;
right: 126px;
z-index: 1;
}
.is_floating .u_the_mytera a + a {
position: relative;
margin: 0 0 0 10px;
padding: 0 0 0 11px;
}
.is_floating .u_mytera_post {
width: 119px;
z-index: 1;
}
@media screen and (max-width: 768px) {
.none_sp {
display: none;
}
}
.none_pc {
display: none;
}
@media screen and (max-width: 768px) {
.none_pc {
display: block;
}
}
.u_footer_search {
box-sizing: border-box;
width: 176px;
height: 26px;
font-size: 11px;
font-size: 1.1rem;
line-height: 26px;
border-radius: 3px;
border: 1px solid #ccc;
padding: 1px 1px 1px 28px;
background: #fff url(//mytera.jp/wp-content/themes/mytera/assets/images/icon_search01.png) 5px 4px no-repeat;
background-size: 16px auto;
}
@media screen and (max-width: 768px) {
.u_footer_search {
width: 100%;
height: 39px;
font-size: 16px;
font-size: 1.6rem;
line-height: normal;
border-radius: 0;
margin: 0 0 24px;
padding: 1px 1px 1px 38px;
background-position: 9px 9px;
background-size: 20px auto;
}
}
.u_mailmaga-a {
text-align: center;
padding: 0 0 50px;
}
.u_mailmaga-a a {
display: inline-block;
}
.u_mailmaga-a a > img {
height: 73px;
}
@media screen and (max-width: 768px) {
.u_mailmaga-a {
padding: 0 0 25px;
}
.u_mailmaga-a a > img {
width: 100%;
height: auto;
}
}
.u_overflow_scroll-a {
overflow: scroll;
overflow-x: hidden;
padding: 10px;
height: 800px;
border: solid 1px #dbdbdb;
}
@media screen and (max-width: 768px) {
.u_overflow_scroll-a {
height: 400px;
}
}
.c_search__select .u_selected,
.c_search__txt.u_selected {
color: #000;
}
.c_search__select .u_selected option,
.c_search__txt.u_selected option {
color: #999;
}
.post-password-form {
text-align: center;
}
.post-password-form p:first-child {
margin-bottom: 20px;
}
.post-password-form input {
width: 60px;
height: 32px;
border-radius: 6px;
background: #e96312;
color: #fff;
}
.post-password-form label > input {
width: 160px;
padding: 0 8px;
box-sizing: border-box;
border: 1px solid #e5e5e5;
border-radius: 6px;
background: #fff;
color: #000;
}
.icon {
display: inline-block;
}
.icon_post-a {
width: 18px;
height: 15px;
background-position: center;
background-repeat: no-repeat;
background-image: url(//mytera.jp/wp-content/themes/mytera/assets/images/icon_post01.png);
background-size: 18px auto;
vertical-align: -2px;
margin: 0 7px 0 0;
}
.icon_search-a {
width: 20px;
height: 20px;
background-position: center;
background-repeat: no-repeat;
background-image: url(//mytera.jp/wp-content/themes/mytera/assets/images/icon_search02.png);
background-size: 20px auto;
vertical-align: -4px;
margin: 0 7px 0 0;
}
.icon_search-b {
width: 14px;
height: 14px;
background-position: center;
background-repeat: no-repeat;
background-image: url(//mytera.jp/wp-content/themes/mytera/assets/images/icon_search02.png);
background-size: 14px auto;
vertical-align: -2px;
margin: 0 7px 0 0;
}
.icon_search-c {
width: 20px;
height: 20px;
background-size: 20px auto;
margin: 0;
vertical-align: -4px;
background-position: center;
background-repeat: no-repeat;
background-image: url(//mytera.jp/wp-content/themes/mytera/assets/images/icon_search02.png);
}
.icon_search-d {
background-position: center;
background-repeat: no-repeat;
background-image: url(//mytera.jp/wp-content/themes/mytera/assets/images/icon_search03.png);
background-size: 20px auto;
}
.icon_search-e {
width: 20px;
height: 20px;
background-position: center;
background-repeat: no-repeat;
background-image: url(//mytera.jp/wp-content/themes/mytera/assets/images/icon_search02.png);
background-size: 20px auto;
vertical-align: -4px;
margin: 0 18px 0 0;
}
.icon_arrow_r-a {
width: 14px;
height: 14px;
background-position: center;
background-repeat: no-repeat;
background-image: url(//mytera.jp/wp-content/themes/mytera/assets/images/icon_arrow_r01.png);
background-size: 14px auto;
vertical-align: -2px;
margin: 0 0 0 7px;
}
.icon_arrow_r-b {
width: 16px;
height: 16px;
background-position: center;
background-repeat: no-repeat;
background-image: url(//mytera.jp/wp-content/themes/mytera/assets/images/icon_arrow_r02.png);
background-size: 16px auto;
vertical-align: -2px;
margin: 0 0 0 7px;
}
.icon_arrow_r-c {
width: 12px;
height: 12px;
background-position: center;
background-repeat: no-repeat;
background-image: url(//mytera.jp/wp-content/themes/mytera/assets/images/icon_arrow_r03.png);
background-size: 12px auto;
vertical-align: -1px;
margin: 0 4px 0 10px;
}
.icon_fb-a {
width: 7px;
height: 14px;
background-position: center;
background-repeat: no-repeat;
background-image: url(//mytera.jp/wp-content/themes/mytera/assets/images/icon_fb01.png);
background-size: 7px auto;
vertical-align: 0px;
margin: 0 5px 0 0;
}
.icon_tw-a {
width: 14px;
height: 12px;
background-position: center;
background-repeat: no-repeat;
background-image: url(//mytera.jp/wp-content/themes/mytera/assets/images/icon_tw01.png);
background-size: 14px auto;
vertical-align: 0px;
margin: 0 5px 0 0;
}
.icon_hp-a {
width: 14px;
height: 12px;
background-position: center;
background-repeat: no-repeat;
background-image: url(//mytera.jp/wp-content/themes/mytera/assets/images/icon_hp01.png);
background-size: 14px auto;
vertical-align: 0px;
margin: 0 5px 0 0;
}
.icon_phone-a {
width: 41px;
height: 41px;
background-position: center;
background-repeat: no-repeat;
background-image: url(//mytera.jp/wp-content/themes/mytera/assets/images/icon_phone01.png);
background-size: 41px auto;
vertical-align: -8px;
margin: 0 20px 0 0;
}
@media screen and (max-width: 768px) {
.icon_phone-a {
width: 31px;
height: 31px;
background-image: url(//mytera.jp/wp-content/themes/mytera/assets/images/icon_phone01.png);
background-size: 31px auto;
vertical-align: -4px;
margin: 0 8px 0 0;
}
}
.icon_phone-b {
width: 38px;
height: 38px;
background-position: center;
background-repeat: no-repeat;
background-image: url(//mytera.jp/wp-content/themes/mytera/assets/images/icon_phone02.png);
background-size: 38px auto;
vertical-align: -12px;
margin: 0 20px 0 0;
}
@media screen and (max-width: 768px) {
.icon_phone-b {
width: 31px;
height: 31px;
background-image: url(//mytera.jp/wp-content/themes/mytera/assets/images/icon_phone02.png);
background-size: 31px auto;
vertical-align: -8px;
margin: 0 15px 0 0;
}
}
.icon_pc-a {
width: 56px;
height: 33px;
background-position: center;
background-repeat: no-repeat;
background-image: url(//mytera.jp/wp-content/themes/mytera/assets/images/icon_pc01.png);
background-size: 56px auto;
vertical-align: -10px;
margin: 0 18px 0 0;
}
@media screen and (max-width: 768px) {
.icon_pc-a {
width: 46px;
background-size: 46px auto;
vertical-align: -12px;
margin: 0 15px 0 0;
}
}
.icon_mail {
width: 32px;
height: 32px;
background-position: center;
background-repeat: no-repeat;
background-image: url(//mytera.jp/wp-content/themes/mytera/assets/images/icon_mail01.png);
background-size: 32px auto;
vertical-align: -10px;
margin: 0 12px 0 0;
}
@media screen and (max-width: 768px) {
.icon_mail {
width: 28px;
background-size: 28px auto;
}
}
.icon_calendar-a {
width: 49px;
height: 40px;
background-position: center;
background-repeat: no-repeat;
background-image: url(//mytera.jp/wp-content/themes/mytera/assets/images/icon_calendar01.png);
background-size: 49px auto;
vertical-align: -14px;
margin: 0 15px 0 0;
}
@media screen and (max-width: 768px) {
.icon_calendar-a {
width: 40px;
height: 33px;
background-size: 40px auto;
vertical-align: -12px;
margin: 0 10px 0 0;
}
}
.label {
display: inline-block;
}
.label_new-a {
font-size: 12px;
font-size: 1.2rem;
line-height: 1;
color: #fff;
border-radius: 4px;
background: #f00;
padding: 2px 8px;
}
.label_new-b {
font-size: 14px;
font-size: 1.4rem;
line-height: 25px;
color: #fff;
border-radius: 5px;
background: #f00;
padding: 0 12px;
margin-right: 10px;
}
.label_pickup-a {
font-size: 14px;
font-size: 1.4rem;
line-height: 25px;
color: #fff;
border-radius: 5px;
background: #399f3c;
padding: 0 12px;
margin-right: 10px;
}
@media screen and (min-width: 768px) {
.hidden-pc {
display: none;
}
}
@media screen and (max-width: 768px) {
.hidden-sp {
display: none;
}
}
a.u_tel {
color: #000;
text-decoration: none;
pointer-events: none;
}
@media screen and (max-width: 768px) {
a.u_tel {
color: #e96312;
text-decoration: underline;
pointer-events: auto;
}
}
.ie9 .c_search-a .c_search__select select,
.ie9 .c_search-b .c_search__select select {
padding-right: 0;
color: #000;
}
.ie9 .c_search-a .c_search__select:before,
.ie9 .c_search-b .c_search__select:before {
display: none;
}
@media screen and (max-width: 768px) {
.ie9 .c_table-b td {
display: block;
box-sizing: border-box;
width: 100%;
float: left;
font-size: 16px;
font-size: 1.6rem;
}
}
@media screen and (max-width: 768px) {
.ie9 .c_table-a td {
box-sizing: border-box;
width: 100%;
float: left;
}
}
.ie9 .u_footer_search {
line-height: normal;
}
.ie9 .c_search__txt.is_show_placeholder {
background: #f6f6f6 url(//mytera.jp/wp-content/themes/mytera/assets/images/search_txt_placeholder_01.png) no-repeat 20px center;
}
.ie9 .c_search__txt.u_selected.is_show_placeholder {
background: #f6f6f6 no-repeat 20px center;
}
.alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
.yarpp-related {
margin: 1em 0;
}
.is_top .c_block__title-a a {
position: relative;
font-size: 32px;
font-size: 3.2rem;
}
@media screen and (max-width: 768px) {
.is_top .c_block__title-a a {
font-size: 26px;
font-size: 2.6rem;
}
}
.is_top .c_block__title-a a::before {
position: absolute;
top: 0;
bottom: 0;
left: 0;
display: block;
margin: auto 0;
background-repeat: no-repeat;
background-size: contain;
content: "";
}
.is_top .c_block__title-a.is_otera a {
padding-left: 90px;
}
@media screen and (max-width: 768px) {
.is_top .c_block__title-a.is_otera a {
padding-left: 70px;
}
}
.is_top .c_block__title-a.is_otera a::before {
width: 74px;
height: 44px;
background-image: url(//mytera.jp/wp-content/themes/mytera/assets/images/ico/title_mytera_tera01_trim.png);
}
@media screen and (max-width: 768px) {
.is_top .c_block__title-a.is_otera a::before {
width: 58px;
height: 36px;
}
}
.is_top .c_block__title-a.is_mytera_calendar a {
padding-left: 80px;
}
@media screen and (max-width: 768px) {
.is_top .c_block__title-a.is_mytera_calendar a {
padding-left: 62px;
}
}
.is_top .c_block__title-a.is_mytera_calendar a::before {
width: 64px;
height: 56px;
background-image: url(//mytera.jp/wp-content/themes/mytera/assets/images/ico/title_mytera_calendar01_trim.png);
}
@media screen and (max-width: 768px) {
.is_top .c_block__title-a.is_mytera_calendar a::before {
width: 50px;
height: 46px;
}
}
.is_top .c_block__title-a.is_mytera_newspaper a {
padding-left: 86px;
}
@media screen and (max-width: 768px) {
.is_top .c_block__title-a.is_mytera_newspaper a {
padding-left: 70px;
}
}
.is_top .c_block__title-a.is_mytera_newspaper a::before {
width: 64px;
height: 60px;
background-image: url(//mytera.jp/wp-content/themes/mytera/assets/images/ico/title_mytera_newspaper01_trim.png);
}
@media screen and (max-width: 768px) {
.is_top .c_block__title-a.is_mytera_newspaper a::before {
width: 52px;
height: 50px;
}
}