@charset "utf-8";
@charset "utf-8";

 a,abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video {margin: 0;padding: 0;outline: 0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display: block;}
abbr[title], dfn[title] {border-bottom: 1px dotted;cursor: help;}
address,caption,cite,code,dfn,th,var {font-style: normal;font-weight: normal;}
body {font-size: 15px;line-height: 1;-webkit-text-size-adjust: none;font-family: YuGothic,"游ゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Verdana,Arial,Helvetica,sans-serif;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
del {text-decoration: line-through;}
ins {background-color: #ff9;color: #000;text-decoration: none;}
mark {background-color: #ff0;color: #000;}
table {border-collapse: collapse;border-spacing: 0;}
caption,th {text-align: left;}
fieldset,img {border: 0;}
ol,ul {list-style: none;}
input, textarea, select {font-family: inherit;font-weight: inherit;font-size: 100%;}
h1,h2,h3,h4,h5,h6 {font-size: 100%;}
hr {display: block;height: 1px;border: 0;border-top: 1px solid #ccc;}
img {width: auto; max-width: 100%; vertical-align: top;} .clearfix {zoom:1;}
.clearfix:after{content: "";display: block;clear: both;overflow:hidden;}  a,a img {opacity: 1;filter: alpha(opacity=100);-moz-opacity: 1;}
a img {transition: opacity .4s; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
a:hover.over ,a:hover img,a:focus img {opacity: 0.70;filter: alpha(opacity=70);-moz-opacity: 0.70;transition: opacity .4s;}
a:hover.over *{text-decoration: none;} a:link,
a:active,
a:visited {
color: #333;
text-decoration: underline;
}
a:hover,
a:focus {
color: #333;
text-decoration: none;
} .sp {
display: none !important;
}
@media screen and (max-width: 768px) {
.pc {
display: none !important;
}
.sp {
display: block !important;
}
img {
max-width: 100%;
height: auto;
}
img.sp {
display: inline !important;
}
}
#main {
z-index: 1;
background: #fff;
}
.slidemenu {
display: none;
}
@media screen and (max-width: 768px) {
#main {
position: relative;
top: 46px;
}
header img {
vertical-align: middle;
}
nav.slidemenu {
position: fixed;
top: 46px;
display: none;
width: 100%;
height: calc(100% - 46px);
background: #fff;
border-left: 1px solid #FFDB00;
padding: 0 !important;
z-index: 1000;
overflow-y: scroll;
}
nav .container {
padding: 0 !important;
height: auto;
}
.slidemenu .slidemenu-header {
position: relative;
}
.slidemenu-content {
position: relative;
display: block;
width: auto;
height: 100%;
padding-bottom: 0;
margin: 0;
overflow-y: scroll;
overscroll-behavior: none;
-webkit-overflow-scrolling: touch;
}
.slidemenu-left {
left: 0;
}
.slidemenu-right {
right: 0;
}
.slidemenu-content .spmenu__list {
border-bottom: 1px solid #E1E1E1;
width: 100%;
display: block;
text-align: left;
cursor: pointer;
}
.slidemenu-content .spmenu__list:last-of-type {
background: #eee;
font-weight: bold;
text-decoration: none;
color: #333;
height: 76px;
line-height: 76px;
text-align: center;
box-sizing: border-box;
}
.slidemenu-content .spmenu__list > a {
display: block;
padding: 15px;
font-weight: bold;
text-decoration: none;
color: #333;
}
.slidemenu-content .small > a {
font-weight: normal;
padding-left: 30px;
}
.slidemenu-content li > a:link,
.slidemenu-content li > a:active,
.slidemenu-content li > a:visited {
color: #333;
text-decoration: none;
}
.slidemenu-content li > a:hover,
.slidemenu-content li > a:focus {
color: #003366;
text-decoration: none;
}
.slidemenu-content .spmenuInfo {
padding: 15px 0;
border: none;
text-align: center;
}
.slidemenu-content .spmenuInfo figure {
padding: 0 13px;
padding: 0 3.6vw;
margin: 10px 0;
}
.slidemenu-content .spmenuInfo .tel,
.slidemenu-content .spmenuInfo .contact {
width: auto;
}
.slidemenu-content .spmenuInfo > a:link,
.slidemenu-content .spmenuInfo > a:active,
.slidemenu-content .spmenuInfo > a:visited {
text-decoration: underline;
}
.slidemenu-content .spmenuSns {
border: none;
padding: 18px 0 10px;
background: #eee;
color: #009944;
text-align: center;
}
.slidemenu-content .spmenuSns ol {
display: flex;
width: 55%;
margin: 0 auto 12px;
}
.slidemenu-content .spmenuSns li {
margin: 0 auto;
}
} .container {
margin: 0 auto;
width: 100%;
width: 980px;
}
@media screen and (max-width: 1000px) {
.container {
padding-left: 10px;
padding-right: 10px;	
}
}
@media screen and (max-width: 768px) {
.container {
width: auto;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
padding-left: 0;
padding-right: 0;	
margin: 0 12.5px;
margin: 0 3.33vw;
}
}  header.pc {
position: relative;
display: block;
height: 114px;
min-width: 1024px;
}
header.pc > div {
position: absolute;
left: 20px;
padding: 11px 0 18px;
}
header.pc .copy { 
color: #434343;
font-size: 13px;
line-height: 20px;
}
header.pc div div {
display: table;
padding: 14px 0 0;
line-height: 29px;
}
header.pc .logo {
display: table-cell;
margin: 0;
padding: 0;
}
header.pc .logo img {
width: 100%;
}
header.pc .sns {
display: table-cell;
padding-left: 32px;
}
header.pc .sns li {
display: table-cell;
padding: 0 13px 0 0;
}
header.pc ul {
display: flex;
max-width: 1000px;
}
header.pc .bnr {
position: absolute;
right: 14px;
padding: 0;
}
header.pc .bnr li {
padding: 0;
}
header.pc .bnr .tel {
padding: 10px 15px 0 0;
} header.sp {
position: fixed;
top: 0;
width: 100%;
height: 46px;
min-width: 1px;
background: #fff;
vertical-align: middle;
text-align: center;
z-index: 9999;
box-shadow: 0px 1px rgba(0,0,0,0.1);
}
header.sp > div {
display: table;
width: 100%;
height: 100%;
}
header.sp > div > * {
display: table-cell;
}
header.sp .logo {
width: 218px;
width: 58.27%;
vertical-align: middle;
}
header.sp .logo a {
display: inline-block;
width: 100%;
}
header.sp .logo img {
width: 165px;
padding: 5px 0 0;
margin: 0 auto;
}
header.sp .contact {
width: 84px;
width: 22.4%;
background: #df510c;
line-height: 14px;
vertical-align: middle;
}
header.sp .contact a {
display: block;
height: 37px;
padding: 9px 0 0;
color: #fff;
font-size: 11px;
text-decoration: none;
}
header.sp .menu-button-right {
width: 72px;
width: 19.33%;
background: #333;
color: #fff;
vertical-align: middle;
text-align: center;
cursor: pointer;
}
header.sp .menu-button-right .menu__icon {
position: relative;
display: flex;
width: 72px;
height: auto;
margin: 0 auto;
font-size: 12px;
}
header.sp .menu-button-right .menu__icon div {
position: relative;
margin: auto 12px auto 0;
width: 1em;
height: 1em;
}
header.sp .menu-button-right .menu__icon div span {
position: absolute;
display: inline-block;
width: 100%;
height: 2px;
background: #fff;
transition: transform .4s;
}
header.sp .menu-button-right .menu__icon div span:first-child {
top: 0;
}
header.sp .menu-button-right .menu__icon div span:nth-child(2) {
top: 0;
bottom: 0;
margin: auto 0;
}
header.sp .menu-button-right .menu__icon div span:last-child {
bottom: 0;
}
header.sp .menu-button-right .close {
display: none;
}
header.sp .menu-button-right .label {
display: inline-block;
}
header.sp .menu-button-right.open .menu__icon div span:first-child {
top: 6px;
transform: rotate(135deg);
}
header.sp .menu-button-right.open .menu__icon div span:nth-child(2) {
display: none;
}
header.sp .menu-button-right.open .menu__icon div span:last-child {
top: 6px;
transform: rotate(225deg);
}
header.sp .menu-button-right.open .close {
display: inline-block;
}
header.sp .menu-button-right.open .label {
display: none;
}  .pc .menu {
display: table;
width: 100%;
height: 58px;
}
.pc .menu > li {
position: relative;
display: table-cell;
text-align: left;
vertical-align: middle;
z-index: 1000;
}
.pc .menu > li a {
display: inline-block;
width: 100%;
color: #252525;
padding: 0 0 0 18px;
font-size: 17px;
font-weight: bold;
line-height: 58px;
text-decoration: none;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.pc .menu > li:nth-of-type(3) a {
padding-left: 0;
}
.pc .menu li a.current,
.pc .menu li a:hover {
color: #009b46;
text-decoration: underline;
}
.pc .menu li.contact {
width: 164px;
text-align: right;
}
.pc .menu li.contact a {
padding-left: 0;
}
.pc .menu .menuH_ac {
position: absolute;
width: auto;
height: 0;
min-width: 240px;
background: #fff;
text-align: left;
overflow-x: visible;
overflow-y: hidden;
word-break: keep-all;
box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2);
}
.pc .menu .menuH_ac li a {
display: inline-block;
width: 100%;
padding: 0 18px;
font-size: 16px;
line-height: 46px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.pc .menu .menuH_ac li:hover {
background: #eee;
text-decoration: none;
}
.pc .menu .menuH_ac li:hover a {
text-decoration: none;
}  .category__nav {
width: 100%;
display: flex;
margin: 0 0 30px;
font-size: 16px;
font-weight: bold;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.category__nav * a:hover {
opacity: 1;
}
.category__nav__list a {
display: inline-block;
width: 100%;
color: #000;
text-decoration: none;
}
.category__nav__list {
position: relative;
display: inline-block;
width: 16%;
text-align: center;
border: 2px solid #000000;
border-radius: 5px;
background: #fff;
margin-right: 15px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
line-height: 45px;
}
.category__nav__list:last-child {
margin-right: 0;
}
.category__nav__list.current,
.pc .category__nav__list:hover {
border-color: #009944;
}
.category__nav__list.current a,
.category__nav__list a:hover {
color: #009944;
}
.pc .category__nav__list.current::before,
.pc .category__nav__list:hover::before {
content: "";
position: absolute;
bottom: -23px;
left: 50%;
margin-left: -14px;
border: 14px solid transparent;
border-top: 14px solid #FFF;
z-index: 2;
transition: all .4s;
}
.pc .category__nav__list.current::after,
.pc .category__nav__list:hover::after {
content: "";
position: absolute;
bottom: -24px;
left: 50%;
margin-left: -12px;
border: 12px solid transparent;
border-top: 12px solid #009944;
z-index: 1;
transition: all .4s;
} @media screen and (max-width: 768px) {
.menuC {
border: 2px solid #000;
border-radius: 8px;
padding: 0 12px;
margin-bottom: 30px; 
}
.menuBtnC {
position: relative;
display: block;
font-size: 14px;
font-weight: bold;
line-height: 42px;
cursor: pointer;
}
.menuBtnC::after {
content: "";
position: absolute;
display: inline-block;
top: 0;
bottom: 0;
right: 2px;
margin: auto 0;
width: 7px;
height: 7px;
border-top: 2px solid #000;
border-right: 2px solid #000;
transform: rotate(135deg);
}
.menuBtnC.open::after {
transform: rotate(315deg);
}
.menuContC {
display: none;
}
.category__nav {
display: block;
margin: 0;
}
.category__nav__list {
display: block;
width: auto;
text-align: left;
border: none;
border-top: 2px solid #000;
border-radius: 0;
margin-right: 0;
font-size: 14px;
line-height: 45px;
cursor: pointer;
}
.category__nav__list.current {
border-color: #000;
}
.sp .category__nav__list.current::before,
.sp .category__nav__list.current::after {
border: none;
width: 0;
height: 0;
}
.category__nav__list:last-child {
text-align: center;
line-height: 47px;
} .p-akiya_banner {
padding-top: 20px;
padding-bottom: 20px;
border-top: 2px solid #000;
}
.p-akiya_banner a {
display: block;
}
.p-akiya_banner .p-akiya_banner_box:not(:first-of-type) {
margin-top: 20px;
}
} nav.expand {
background: #fff;
position: fixed !important;
z-index: 9999;
top: 0;
width: 100%;
display: none;
min-width: 990px;
box-shadow: 0px 1px rgba(0,0,0,0.1);
}
nav.expand > div {
display: flex;
width: 100%;
height: 60px;
}
nav.expand .logo,
nav.expand .menu {
position: absolute;
}
nav.expand .logo {
display: inline-block;
left: 20px;
height: 100%;
}
nav.expand .logo img {
max-height: 100%;
padding: 10px 0;
margin: auto 0;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
nav.expand .menu {
right: 0;
width: 750px;
}
nav.expand .menu > li  {
text-align: left;
}
nav.expand .menu > li > a {
font-size: 14px;
line-height: 60px;
}
nav.expand .menu > li.contact {
width: auto;
background: #df510c;
text-align: center;
}
nav.expand .menu > li.contact > a {
width: 100%;
padding: 11px 9px;
color: #fff;
line-height: 1.4;
}
nav.expand .menu > li.contact span {
display: inline-block;
}
nav.expand .menu > li.contact .menuH_ac {
top: 60px;
}
nav.expand .menu .menuH_ac li a {
font-size: 14px;
line-height: 46px;
} #main {
line-height: 1.5;
}
.main p {
line-height: 1.8;
} #sidebar .category > a.over {
display: block;
transition: opacity 0.4s;
}
#sidebar .category > a:hover.over {
opacity: 0.7;
filter: alpha(opacity=0.7);
-moz-opacity: 0.7;
}
#sidebar h2 {
position: relative;
display: flex;
border-bottom: 2px solid #000;
}
#sidebar h2::before {
content: "";
position: absolute;
bottom: -10px;
left: 50%;
margin-left: -6px;
border: 6px solid transparent;
border-top: 6px solid #FFF;
z-index: 2;
}
#sidebar h2::after {
content: "";
position: absolute;
bottom: -14px;
left: 50%;
margin-left: -7px;
border: 7px solid transparent;
border-top: 7px solid #000;
z-index: 1;	
}
#sidebar h2 div {
margin: auto 0;
line-height: 100px;
}
#sidebar h2 div.icon {
display: inline-block;
width: 76px;
height: 76px;
margin: auto 0;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
#sidebar h2 span {
display: inline-block;
margin-left: 20px;
line-height: 25px;
font-size: 16px;
vertical-align: middle;
}
#sidebar h2 span {
background: linear-gradient(transparent 50%, #fffd55 50%);
}
#sidebar .category ul {
margin-bottom: 40px;
}
#sidebar .category li {
display: block;
width: auto;
text-align: left;
border: none;
border-bottom: 1px solid #000;
font-size: 16px;
font-weight: bold;
line-height: 70px;
}
#sidebar .category li a {
display: inline-block;
width: 100%;
height: 100%;
padding-left: 18px;
color: #000;
text-decoration: none;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
#sidebar .category li a:hover {
color: #009944;
text-decoration: none;
}
#sidebar .category.pc  li a.current {
color: #009944;
} #sidebar .category .p-akiya_banner {
margin-top: -10px;
}
#sidebar .category .p-akiya_banner ul {
}
#sidebar .category .p-akiya_banner ul li {
border: none;
}
#sidebar .category .p-akiya_banner ul li:not(:last-of-type) {
margin-bottom: 15px;
}
#sidebar .category .p-akiya_banner ul li a {
padding: 0;
}
#sidebar .category .p-akiya_banner ul li img {
width: 100%;
}
#sidebar .popular h2 {
position: relative;
display: block;
border-bottom: 2px solid #000;
text-align: center;
font-size: 16px;
line-height: 50px;
}
#sidebar .popular h2 span {
display: inline-block;
margin: 0;
background: linear-gradient(transparent 50%, #fffd55 50%);
line-height: 25px;
}
#sidebar .popular > ul {
margin-top: 25px;
}
#sidebar .popular > ul > li {
margin-bottom: 30px;
}
#sidebar .popular h3 {
font-size: 16px;
font-weight: normal;
line-height: 25px;
}
#sidebar .popular .link__post__item {
width: 100%;
margin-right: 0;
}
#sidebar .popular .link__post__item div {
margin-top: 10px;
}
#sidebar .popular .link__post__item figure {
position: relative;
width: 100%;
padding-top: 67%;
overflow: hidden;
}
#sidebar .popular .link__post__item img {
position: absolute;
float: none;
top: 50%;
left: 50%;
width: auto;
height: 100%;
max-width: none;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
} #contents {
}
#topicPath {
color: #959595;
margin: 10px auto;
}
#topicPath li {
font-size: 13px;
display: inline-block; 
}
#topicPath li a {
color: #959595;
font-weight: bold;
}
#topicPath .current-crumb a {
font-weight: normal;
text-decoration: none;
} .entryBody p,
.entryBody table {
margin-bottom: 1em;
}
.entryBody th,
.entryBody td {
padding: 10px;
}
.entryBody th p:last-child,
.entryBody td p:last-child {
margin-bottom: 0;
}
@media screen and (max-width: 768px) {
#contents{
}
#topicPath {
display: none;
}
} #pagetop {
bottom: 20px;
display: none;
position: fixed;
right: 20px;
z-index: 500;
}
footer {
background: #333333;
color: #fff;
padding: 50px 0 60px;
}
.footerBottom,
.footerTop {
display: block;
width: 100%;
text-align: left;
}
.footerBottom {
position: relative;
display: flex;
width: 100%;
vertical-align: top;
}
.footerBottom h1 {
padding-top: 5px;
}
.footerBottom div {
margin-left: 30px;
}
.footerBottom h2 {
margin: 0 0 5px;
font-weight: bold;
font-size: 109%;
}
.footerBottom p {
margin: 5px 0;
line-height: 1.8;
font-size: 12px;
}
.footerBottom .copyRight {
position: absolute;
bottom: 0;
right: 0;
margin: 0;
}
.footerLine {
display: block;
width: 100%;
height: 1px;
margin: 35px 0 25px;
background: #fff;
}
.footerTop {
width: 100%;
text-align: right;
}
.footerTop .footer__nav {
width: 100%;
text-align: left;
display: table;
vertical-align: top;
}
.footerTop .footer__nav > li {
display: table-cell;
width: auto;
padding-right: 50px;
line-height: 2;
}
.footerTop .footer__nav > li:last-of-type {
padding-right: 0;
}
.footerTop .footer__nav ul {
display: block;
width: auto;
line-height: 2;
}
.footerTop .footer__nav ul:nth-child(2) {
margin-top: 25px;
}
.footerTop .footer__nav ul li:first-child {
font-weight: bold;
}
.footerTop ul li a,
.footerBottom a {
color: #fff;
}
.footerTop p {
margin: 20px 0 0;
font-size: 91% !important;
}
@media screen and (max-width: 768px) {
footer {
background: #333333;
color: #fff;
padding: 25px 0 40px;
}
.footerBottom,
.footerTop {
display: block;
width: 100%;
text-align: left;
}
.footerBottom h1 img {
max-width: 226px;
}
.footerBottom div {
margin: 20px 0 0;
}
.footerBottom .copyRight {
position: relative;
}
.footerBottom h2,
.footerBottom p,
.footerTop p {
font-size: 12px;
}
.footerTop p {
margin: 10px 0 0;
}
.footerTop p a:link,
.footerTop p a:active,
.footerTop p a:visited,
.footerTop p a:hover,
.footerTop p a:focus {
color: #fff;
}
#pagetop img {
width: 37px;
height: 37px;
}
} .btn {
text-align: center;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.btn a {
display: inline-block;
border-radius: 5px;
margin: 0 auto;
font-weight: bold;
color: #fff;
text-decoration: none;
}
.btnBlack01 {
margin: 70px 0;
}
.btnBlack01 a {
position: relative;
width: 100%;
max-width: 380px;
border: 2px solid #000;
color: #000;
font-size: 16px;
line-height: 50px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.btnBlack01 a::after {
position: absolute;
content: "";
display: inline-block;
top: 0;
right: 15px;
bottom: 0;
width: 8px;
height: 8px;
border-top: 2px solid #000;
border-right: 2px solid #000;
margin: auto 0;
transform: rotate(45deg);
text-decoration: none;
}
.btnBlack01 a:hover,
.btnBlack01 a:hover::after {
color: #009944;
border-color: #009944;
}
@media screen and (max-width: 768px) {
.btn a {
display: block;
}
.btnBlack01 {
margin: 0 0 40px;
}
.btnBlack01 a {
font-size: 14px;
line-height: 45px;
}	
} .link__post__tag {
letter-spacing: -0.5em;
}
.tag__list {
display: inline-block;
color: #000;
text-align: center;
font-size: 12px;
line-height: 22px;
padding: 0 1em;
border: 1px solid #333;
border-radius: 1em;
margin-right: 0.5em;
margin-bottom: 0.8em;
overflow: hidden;
letter-spacing: 0em;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
vertical-align: middle;
}
.tag__list:last-of-type {
margin-right: 0!important;
}
.link__post__item a:link,
.link__post__item a:active,
.link__post__item a:visited  {
text-decoration: none;
}
@media screen and (max-width: 768px) {
.tag__list {
padding: 0 0.5em;
}
}

.mgt10 { margin-top: 10px !important; }
.mgt20 { margin-top: 20px !important; }
.mgt30 { margin-top: 30px !important; }
.mgt40 { margin-top: 40px !important; }
.mgt50 { margin-top: 50px !important; }
.mgb10 { margin-bottom: 10px !important; }
.mgb20 { margin-bottom: 20px !important; }
.mgb30 { margin-bottom: 30px !important; }
.mgb40 { margin-bottom: 40px !important; }
.mgb50 { margin-bottom: 50px !important; }
.txtC { text-align: center !important; }
.txtR { text-align: right !important; }
.txtL { text-align: left !important; }
.quick {
background: url(//toon-iju.com/about/img/bg_border_stripe01.png);
padding: 5px;
box-sizing: border-box;
margin: 50px auto;
}
.quick > div {
position: relative;
background: #fff;
padding: 15px;
}
.quick > div figure {
position: absolute;
right: 10px;
top: -50px;
width: 57%;
max-width: 545px;
}
.quick > div figure img {
width: 100%;
}
.quick > div h2 img {
width: 40%;
max-width: 383px;
}
.quick > div p {
width: 40%;
max-width: 383px;
margin: 15px 0 0;
line-height: 1.8;
font-size: 106%;
font-weight: bold;
}
.quick > div .rank {
display: inline-block;
width: 65%;
max-width: 566px;
}
.quick > div .rank img {
width: 100%;
}
.quick > div a {
display: block;
width: 30%;
max-width: 268px;
position: absolute;
right: 15px;
bottom: 15px;
}
.quick > div a img {
width: 100%;
}
@media screen and (max-width: 740px) {
.quick {
width: 96%;
margin: 20px 2%;
}
.quick > div {
padding: 10px;
}
.quick > div h2 {
text-align: center;
}
.quick > div h2 img {
width: 100%;
max-width: 229px;
}
.quick > div p {
text-align: center;
width: 100%;
max-width: inherit;
margin: 10px 0 0;
font-size: 9px;
}
.quick > div .rank {
width: 100%;
display: block;
text-align: center;
}
.quick > div .rank img {
max-width: 285px;
}
}
@media screen and (max-width: 740px) {
.spheadInfo {
background: #EEEEEE;
padding: 10px 0;
margin: 0;
}
ul.info {
width: 100%;
overflow: hidden;
margin: 20px 0;
}
ul.info li {
width: 49%;
float: left;
text-align: center;
}
ul.info li:last-child {
float: right;
}
ul.info li img {
width: 100%;
max-width: 145px;
}
} .main  .contactArea {
text-align: center;
width: 100%;
min-width: 1400px;
margin: 3% 0;
}
.main  .bgcontainer {
margin-top: -16%;
}
.main #contents .contactArea .container {
margin: 0 auto;
width: 1400px!important;
}
.contactArea .bannerArea .containerBnr {
margin: 0 auto;
width: 980px;
}
.bannerArea .ijyusisatubnr {
width: 70%;
margin: 0 auto;
padding-bottom: 40px;
}
.main  .contactArea .head {
margin: 0 auto;
font-weight: bold;
width: 80%;
position: relative;
}
.main .contactArea .head .subtxt {
font-size: 1rem;
}
.main .contactArea .head .leadtext {
font-size: 1.25rem!important;
}
.main  .contactArea .head span {
color: #0463A6;
}
.main  .contactArea .lineInner {
width: 60%;
margin: 0 auto;
padding: 2% 2%;
border: 2px solid #c4c4c4;
border-radius: 0.5rem;
box-sizing: border-box;
}
.main  .contactArea .lineWrap {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.main  .contactArea .lineWrap .line_img {
width: 30%;
margin-right: 3%;
}
.main  .contactArea .lineWrap .line_img img {
position: unset;
width: 100%;
height: auto;
margin-right: 4%;
}
.main  .contactArea .lineWrap .line_txt {
width: 67%;
}
.main  .contactArea .lineWrap .line_txt h4 {
margin-bottom: 3%;
font-size: 1.15rem!important;
}
.main  .contactArea .lineWrap .line_txt h4 span {
color: #07b53b;
}
.main  .contactArea .lineWrap .line_txt p {
margin-bottom: 3%;
font-size: 1rem;
}
.main  .contactArea .lineWrap .btn_line a {
margin: 0 auto;
background: #07b53b;
display: block;
border-radius: 0.5rem;
text-decoration: none;
line-height: 1.7;
padding: 2.5% 3%;
width: 50%;
box-sizing: border-box;
}
.main  .contactArea .lineWrap .btn_line a span {
color: #FFF;
line-height: 1;
}
@media screen and (min-width: 768px) {
.main  .contactArea .head::before {
position: absolute;
background: url(//toon-iju.com/lp/toon-kurashi/assets/img/line_pc.png) no-repeat center center;
-webkit-background-size: 100%;
background-size: 100%;
content: '';
bottom: 14%;
left: 16%;
width: 26px;
height: 37px;
bottom: calc(0% - -14%);
left: calc(50% - 34%);
}
.main  .contactArea .head::after {
position: absolute;
background: url(//toon-iju.com/lp/toon-kurashi/assets/img/line_pc.png) no-repeat center center;
-webkit-background-size: 100%;
background-size: 100%;
content: '';
bottom: 14%;
right: 16%;
width: 26px;
height: 37px;
bottom: calc(0% - -14%);
right: calc(50% - 34%);
transform: rotateY( 180deg );
}
}
.main  .contactArea .contactInner {
background-color: #F4F2DE;
border-radius: 0.5rem;
padding: 1% 1%;
margin: 0 5%;
margin-top: 1rem;
margin-bottom: 3%;
}
.main  .contactArea .contactborder {
border: solid 1px #FFFFFF;
padding: 2% 12%;
}
.main  .contactArea .contactborder h3 {
font-size: 1.8rem;
}
.main  .contactArea .contactborder h3 span {
font-size: 1.8rem;
}
.main  .contactArea .btn_contact {
margin: 1rem 0;
font-weight: bold;
}
.main  .contactArea .btn_contact ul li {
width: 32%;
float: left;
margin-right: 2%;
}
.main  .contactArea .btn_contact ul li:nth-child(3) {
margin-right: 0;
}
.main  .contactArea .btn_contact ul li a {
text-decoration: none;
color: #FFFFFF;
padding: 0 20%;
border-radius: 0.5rem;
display: flex;
align-items: center;
height: 5rem;
}
.main  .contactArea .btn_contact ul li a span {
position: relative;
font-size: 1.1rem;
}
.main  .contactArea .btn_contact ul li .btn_black {
padding: 0 24%;
font-size: 1.1rem;
}
.main  .contactArea .btn_contact ul li a span::after {
position: absolute;
background: url(//toon-iju.com/lp/toon-kurashi/assets/img/ico_link.png) no-repeat right center;
-webkit-background-size: 100%;
background-size: 100%;
content: '';
top: 28%;
right: -24%;
top: calc(50% - 22%);
right: calc(0% - 24%);
width: 14px;
height: 14px;
}
.main  .contactArea .btn_contact ul li .btn_black span::after {
right: -32%;
right: calc(0% - 32%);
}
.main  .contactArea .btn_contact ul li .btn_black {
background: #302D2C;
}
.main  .contactArea .btn_contact ul li .btn_blue {
background: #0463A6;
}
.main  .contactArea .btn_contact ul li .btn_green {
background: #00AE7A;
}
@media screen and (max-width: 767px) {
.main .contactArea {
min-width: 100%!important;
}
.main #contents .contactArea .container {
width: 100%!important;
}
.contactArea .bannerArea .containerBnr {
width: 100%;
}
.bannerArea .ijyusisatubnr {
width: 90%;
margin: 0 auto;
padding-bottom: 40px;
}
.main  .contactArea .lineInner {
width: 90%;
padding: 6% 6%;
}
.main  .contactArea .lineWrap {
flex-direction: column;
}
.main  .contactArea .lineWrap .line_img {
width: 100%;
margin-right: 0;
margin-bottom: 4%;
}
.main  .contactArea .lineWrap .line_txt {
width: 100%;
}
.main  .contactArea .lineWrap .line_txt p {
margin-bottom: 4%;
}
.main  .contactArea .lineWrap .btn_line a {
width: 100%;
}
.main .contactArea .head .leadtext {
font-size: 4vw!important;
}
.main .contactArea .contactborder h3 {
margin-top: 4%;
font-size: 4.2vw!important;
}
.main .contactArea .contactborder h3 span {
font-size: 1rem!important;
}
.main .contactArea .contactborder {
padding: 4% 5%!important;
}
.main .contactArea .btn_contact {
padding: 0 5%;
}
.main .contactArea .btn_contact ul li {
width: 100%;
flex-direction: column;
margin-right: 0;
margin-bottom: 5%;
}
.main .contactArea .btn_contact ul li .btn_black {
padding: 6%;
}
.main .contactArea .btn_contact ul li .btn_black span::after {
right: calc(0% - 42%);
}
.main .contactArea .btn_contact ul li a span {
font-size: 3vw!important;
}
.main .contactArea .btn_contact ul li a {
text-align: center;
display: block;
height: auto;
font-size: 3vw;
}
}
.main  .contactArea .contactInner {
background-color: #F4F2DE;
border-radius: 0.5rem;
padding: 1% 1%;
margin: 0 5%;
margin-top: 1rem;
}
.main  .contactArea .contactborder {
border: solid 1px #FFFFFF;
padding: 2% 12%;
}
.main  .contactArea .contactborder h3 {
font-size: 1.8rem;
}
.main  .contactArea .contactborder h3 span {
font-size: 1.8rem;
}
.main  .contactArea .btn_contact {
margin: 1rem 0;
font-weight: bold;
}
.main  .contactArea .btn_contact ul li {
width: 32%;
float: left;
margin-right: 2%;
}
.main  .contactArea .btn_contact ul li:nth-child(3) {
margin-right: 0;
}
.main  .contactArea .btn_contact ul li a {
text-decoration: none;
color: #FFFFFF;
padding: 0 20%;
border-radius: 0.5rem;
display: flex;
align-items: center;
height: 5rem;
}
.main  .contactArea .btn_contact ul li a span {
position: relative;
font-size: 1.1rem;
}
.main  .contactArea .btn_contact ul li .btn_black {
padding: 0 24%;
font-size: 1.1rem;
}
.main  .contactArea .btn_contact ul li a span::after {
position: absolute;
background: url(//toon-iju.com/lp/toon-kurashi/assets/img/ico_link.png) no-repeat right center;
-webkit-background-size: 100%;
background-size: 100%;
content: '';
top: 28%;
right: -24%;
top: calc(50% - 22%);
right: calc(0% - 24%);
width: 14px;
height: 14px;
}
.main  .contactArea .btn_contact ul li .btn_black span::after {
right: -32%;
right: calc(0% - 32%);
}
.main  .contactArea .btn_contact ul li .btn_black {
background: #302D2C;
}
.main  .contactArea .btn_contact ul li .btn_blue {
background: #0463A6;
}
.main  .contactArea .btn_contact ul li .btn_green {
background: #00AE7A;
}
@media screen and (min-width: 768px) {
.br-sp {
display: none;
}
}
@media screen and (max-width: 767px) {
.main .contactArea {
min-width: 100%!important;
}
.main #contents .contactArea .container {
width: 100%!important;
}
.main  .contactArea .lineInner {
width: 90%;
padding: 6% 6%;
}
.main  .contactArea .lineWrap {
flex-direction: column;
}
.main  .contactArea .lineWrap .line_img {
width: 100%;
margin-right: 0;
margin-bottom: 4%;
}
.main  .contactArea .lineWrap .line_txt {
width: 100%;
}
.main  .contactArea .lineWrap .line_txt p {
margin-bottom: 4%;
}
.main  .contactArea .lineWrap .btn_line a {
width: 100%;
}
.main .contactArea .head .leadtext {
font-size: 4vw!important;
}
.main .contactArea .contactborder h3 {
margin-top: 4%;
font-size: 4.2vw!important;
}
.main .contactArea .contactborder h3 span {
font-size: 1rem!important;
}
.main .contactArea .contactborder {
padding: 4% 5%!important;
}
.main .contactArea .btn_contact {
padding: 0 5%;
}
.main .contactArea .btn_contact ul li {
width: 100%;
flex-direction: column;
margin-right: 0;
margin-bottom: 5%;
}
.main .contactArea .btn_contact ul li .btn_black {
padding: 6%;
}
.main .contactArea .btn_contact ul li .btn_black span::after {
right: calc(0% - 42%);
}
.main .contactArea .head::before {
position: absolute;
background: url(//toon-iju.com/lp/toon-kurashi/assets/img/line_sp.png) no-repeat center center;
-webkit-background-size: 100%;
background-size: 100%;
content: '';
bottom: 0%;
left: -12%;
width: 16%;
height: 130px;
bottom: calc(0% - 0%);
left: calc(50% - 62%);
}
.main .contactArea .head::after {
position: absolute;
background: url(//toon-iju.com/lp/toon-kurashi/assets/img/line_sp.png) no-repeat center center;
-webkit-background-size: 100%;
background-size: 100%;
content: '';
bottom: 0%;
right: -10%;
width: 16%;
height: 130px;
bottom: calc(0% - 0%);
right: calc(50% - 60%);
transform: rotateY(180deg);
}
.main .contactArea .btn_contact ul li a {
text-align: center;
display: block;
height: auto;
font-size: 3vw;
padding: 6%;
}
}
@media screen and (max-width: 560px) {
.main .contactArea .head::before {
width: 10%;
bottom: calc(0% - 6%);
}
.main .contactArea .head::after {
width: 10%;
bottom: calc(0% - 6%);
}
.main .movieArea .slider_inner {
margin-left: 0;
}
.main .movieArea .slider_inner p {
width: 300px;
margin: 0 auto;
text-align: left;
margin-top: 1rem;
}
}
@media screen and (max-width: 460px) {
.main .contactArea .head::before {
bottom: calc(0% - 26%);
}
.main .contactArea .head::after {
bottom: calc(0% - 26%);
}
.main .contactArea .btn_contact ul li a span::after {
width: 9px;
height: 9px;
}
.main .contactArea .btn_guide a span::after {
width: 9px;
height: 9px;
}
}
@media screen and (max-width: 360px) {
.main .contactArea .answerblock .question {
padding: 20% 0 1% 6%;
}
}