@charset "UTF-8";
/*
Name: 			theme_pc.css
Written by: 	Wishpocket.Inc
Theme Version:	1.0.0
*/





@media screen and (max-width: 768px) {
html {
font-size: calc(26/640*100vw);
}

body {
font-size: 1rem;
padding-top: 15.3125vw;
}
body .pc {
display: none !important;
}

img {
max-width: 100%;
}

.btn {
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
font-size: 1em;
padding: 1.175em 0;
line-height: 1.2;
text-align: center;
}
.btn:after {
content: "";
display: none;
}
.btn span {
display: inline-block;
text-align: left;
}
.btn.download {
box-sizing: border-box;
width: 81.25vw;
padding: 1em 0;
font-size: 1em;
}
.btn.download:after {
display: block;
}

.udl {
text-decoration: underline;
}

a.bullet {
display: inline-block;
padding-left: 1em;
background-position: left 50%;
background-image: url("/img/common/icon_arrow_r.png");
background-repeat: no-repeat;
background-size: 0.42857em auto;
}

header {
display: flex;
z-index: 100;
position: fixed;
top: -3em;
left: 0;
width: 100%;
background-color: #fff;
border-bottom: #dee0e9 1px solid;
padding-top: 3em;
}
header .logo {
z-index: 2;
background-color: #fff;
box-sizing: border-box;
display: flex;
flex-basis: auto;
flex-grow: 1;
align-items: center;
padding-left: calc(30/640*100vw);
border-right: #dee0e9 1px solid;
border-bottom: #dee0e9 1px solid;
}
header .logo a {
display: inline-block;
width: calc(260/640*100vw);
max-width: 242px;
}
header .logo a img {
display: block;
}
header .menubtn {
z-index: 2;
display: block;
width: 15.3125vw;
background-color: #f4f5f6;
background-image: url("/img/common/btn_menu.png");
background-size: cover;
background-position: 50%;
background-repeat: no-repeat;
border-bottom: #dee0e9 1px solid;
}
header .menubtn.open {
background-image: url("/img/common/btn_close.png");
}
header .menubtn i {
display: block;
padding-top: 100%;
}
header nav {
z-index: 1;
position: fixed;
width: 100%;
max-height: 100%;
top: 0;
left: 100%;
padding-top: calc((98/640)*100vw + 1px);
max-height: 100%;
box-sizing: border-box;
overflow-y: auto;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
background-color: #fff;
}
header nav.open {
left: 0;
}
header nav .headline .sp {
background-color: #fff;
}
header nav .headline .sp .searchform {
width: auto;
padding: 1em calc(35/640*100vw);
display: flex;
overflow: hidden;
}
header nav .headline .sp .searchform input {
margin: 0;
padding: 0;
background: none;
border: none;
border-radius: 0;
outline: none;
font-size: 1em;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
header nav .headline .sp .searchform input[type="text"] {
background-color: #f4f5f6;
display: block;
flex-grow: 3;
-moz-border-radius: 4px 0 0 4px;
-webkit-border-radius: 4px;
border-radius: 4px 0 0 4px;
padding: 0 1em;
}
header nav .headline .sp .searchform input[type="submit"] {
display: block;
font-weight: bold;
flex-grow: 1;
padding: 1em;
box-sizing: border-box;
-moz-border-radius: 0 4px 4px 0;
-webkit-border-radius: 0;
border-radius: 0 4px 4px 0;
}
header nav .headline .sp .btns {
display: flex;
justify-content: space-between;
padding: 0 calc(35/640*100vw) 1em;
font-weight: bold;
}
header nav .headline .sp .btns .catalog {
width: 42.1875vw;
display: flex;
align-items: center;
justify-content: center;
padding: 1em 0;
-moz-box-shadow: 0 0 0 #b9315e;
-webkit-box-shadow: 0 0 0 #b9315e;
box-shadow: 0 0 0 #b9315e;
}
header nav .headline .sp .btns .customer {
width: 42.1875vw;
display: flex;
align-items: center;
justify-content: center;
padding: 1em 0;
}
header nav #menu {
padding: 0;
}
header nav #menu .inner {
width: auto;
max-width: none;
}
header nav #menu .inner > ul {
display: block;
font-size: 0.85714em;
}
header nav #menu .inner > ul > li {
width: auto;
display: block;
border-bottom: #dee0e9 1px solid;
border-right: none;
text-align: left;
background-color: #f4f5f6;
}
header nav #menu .inner > ul > li:first-child {
width: auto;
}
header nav #menu .inner > ul > li.sp {
display: block;
}
header nav #menu .inner > ul > li:hover > a:after {
display: none;
}
header nav #menu .inner > ul > li:hover .submenu {
display: none;
}
header nav #menu .inner > ul > li.current > a:after {
display: none;
}
header nav #menu .inner > ul > li.open > a.trigger i.acc {
position: absolute;
width: 3.6em;
height: 100%;
left: auto;
top: 0;
right: 0;
display: block;
content: "";
background-color: transparent;
background-size: 38% auto;
background-position: 50%;
background-repeat: no-repeat;
background-image: url("/img/common/icon_minus_b.png");
}
header nav #menu .inner > ul > li > a {
margin: 0;
padding: 0.8em calc(35/640*100vw);
font-weight: bold;
position: relative;
height: auto;
}
header nav #menu .inner > ul > li > a i.acc {
position: absolute;
width: 3.6em;
height: 100%;
top: 0;
right: 0;
display: block;
content: "";
background-image: url("/img/common/icon_larrow_b.png");
background-size: 22% auto;
background-position: 50%;
background-repeat: no-repeat;
}
header nav #menu .inner > ul > li > a.trigger i.acc {
border-left: #dee0e9 1px solid;
background-image: url("/img/common/icon_plus_b.png");
background-size: 38% auto;
}
header nav #menu .inner > ul > li .submenu {
position: static;
width: auto;
border-top: #dee0e9 1px solid;
border-bottom: none;
padding-top: 0;
}
header nav #menu .inner > ul > li .submenu.open {
display: block;
}
header nav #menu .inner > ul > li .submenu li {
border: none;
border-bottom: #dee0e9 1px solid;
}

header nav #menu .inner > ul > li .submenu li a:before {
position: absolute;
width: 3.6em;
height: 100%;
top: 0;
right: 0;
display: block;
content: "";
background-image: url("/img/common/icon_larrow_w.png");
background-size: 22% auto;
background-position: 50%;
background-repeat: no-repeat;
}
header nav #menu .inner > ul > li .submenu li.listh {
display: none;
}

.bundle {
width: auto;
max-width: none;
margin: 0 auto;
padding: 0 calc(35/640*100vw);
}

#breadcrumb {
display: none;
}

h1.title {
font-size: 1.21429em;
line-height: 1.35294;
padding: 0.82353em 0;
}

footer .support > .inner {
width: auto;
max-width: none;
padding: 0 calc(35/640*100vw);
}
footer .support > .inner h3 {
font-size: 1em;
margin-bottom: 0;
line-height: calc(30/28);
font-weight: bold;
padding: calc(15/26*1rem) 0;
}
footer .support > .inner .inner {
padding: 1em;
}
footer .support > .inner .catalog {
float: none;
width: auto;
margin: 0 auto 1em;
padding: 0;
}
footer .support > .inner .catalog .tel {
width: auto;
display: block;
margin: 0 auto;
padding: 0 0 1em;
text-align: center;
font-size: calc(20/26*1em);
}
footer .support > .inner .catalog .tel a {
display: inline-block;
}
footer .support > .inner .catalog .tel a img {
display: block;
width: 64.0625vw;
}
footer .support > .inner .catalog .btn {
display: block;
width: auto;
font-size: 1.38462rem;
font-weight: bold;
padding: 0.8em 0;
letter-spacing: 0.05em;
}
footer .support > .inner .catalog .btn:after {
display: inline-block;
}
footer .support > .inner .inq {
float: none;
width: auto;
margin: 0 auto;
padding: 0;
}
footer .support > .inner .inq .btn {
display: block;
width: auto;
max-width: none;
font-size: 1.15385rem;
padding: 1em 0;
}
footer .support > .inner .inq .btn span.att {
font-size: 0.92308rem;
}
footer nav {
padding: 0;
}
footer nav #footer_menu {
display: block;
width: auto;
max-width: none;
}
footer nav #footer_menu > ul {
width: auto;
display: block;
font-size: calc(24/26*1rem);
}
footer nav #footer_menu > ul > li {
width: auto;
padding: 0;
display: flex;
border-top: #dee0e9 1px solid;
}
footer nav #footer_menu > ul > li a {
display: block;
font-weight: bold;
padding: 0.8em calc(35/640*100vw);
}
footer nav #footer_menu > ul > li .cat {
flex-grow: 1;
padding: 0;
flex-basis: 50%;
box-sizing: border-box;
}
footer nav #footer_menu > ul > li .cat:first-child {
border-right: #dee0e9 1px solid;
}
footer nav #footer_menu > ul > li .cat a {
background: none;
padding-left: calc(35/640*100vw);
}
footer nav #footer_menu > ul > li .cat .submenu {
display: none;
}
footer nav #footer_menu ul.pcLeft {
width: auto;
}
footer nav #footer_menu ul.pcLeft > li {
width: auto;
}
footer nav #footer_menu ul.pcRight {
width: auto;
}
footer nav #footer_menu ul.pcRight > li {
width: auto;
}
footer nav #footer_menu ul.pcRight > li.other {
display: flex;
padding: 1.5em calc(35/640*100vw);
}
footer nav #footer_menu ul.pcRight > li.other .license {
padding: 0;
margin: 0;
margin-right: calc(30/640*100vw);
width: calc(370/640*100vw);
}
footer nav #footer_menu ul.pcRight > li.other .license a {
padding: 0;
}
footer nav #footer_menu ul.pcRight > li.other .license a img {
height: calc(90/21*1em);
display: inline-block;
vertical-align: middle;
padding:calc(30/26*1em) 0;
}
footer nav #footer_menu ul.pcRight > li.other .sns {
padding: 0;
margin: 0;
width: calc(240/640*100vw);
margin-top: 0;
}
footer nav #footer_menu ul.pcRight > li.other .sns span {
margin-right: 0.5em;
}
footer nav #footer_menu ul.pcRight > li.other .sns a {
padding: 0;
}
footer nav #footer_menu ul.pcRight > li.other .sns a img {
height: calc(60/21*1em);
display: inline-block;
vertical-align: middle;
padding:calc(30/19*1em) 0;
}
}



header nav .headline .sp {
background-color: #fff;
}
header nav .headline .sp .searchform {
width: auto;
padding: 1em calc(35/640*100vw);
display: flex;
overflow: hidden;
}
header nav .headline .sp .searchform input {
margin: 0;
padding: 0;
background: none;
border: none;
border-radius: 0;
outline: none;
font-size: 1em;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
header nav .headline .sp .searchform input[type="text"] {
background-color: #f4f5f6;
display: block;
flex-grow: 3;
-moz-border-radius: 4px 0 0 4px;
-webkit-border-radius: 4px;
border-radius: 4px 0 0 4px;
padding: 0 1em;
}
header nav .headline .sp .searchform input[type="submit"] {
background-color: #dae9f7;
display: block;
font-weight: bold;
flex-grow: 1;
padding: 1em;
box-sizing: border-box;
-moz-border-radius: 0 4px 4px 0;
-webkit-border-radius: 0;
border-radius: 0 4px 4px 0;
}
header nav .headline .sp .btns {
display: flex;
justify-content: space-between;
padding: 0 calc(35/640*100vw) 1em;
font-weight: bold;
}
header nav .headline .sp .btns .catalog {
width: 42.1875vw;
display: flex;
align-items: center;
justify-content: center;
padding: 1em 0;
-moz-box-shadow: 0 0 0 #b9315e;
-webkit-box-shadow: 0 0 0 #b9315e;
box-shadow: 0 0 0 #b9315e;
}
header nav .headline .sp .btns .customer {
width: 42.1875vw;
display: flex;
align-items: center;
justify-content: center;
padding: 1em 0;
}



@media screen and (min-width: 481px) and (max-width: 768px) {
html {
font-size: calc(20/768*100vw);
}

body {
padding-top: 10.9375vw;
}

header .menubtn {
width: 10.9375vw;
}

h1.title {
font-size: calc(36/20*1em);
}

.btn {
font-size: 1.4em;
padding: 1.14286em 0;
}
.btn.download {
font-size: 1.4em;
}
.btn:after {
width: calc(5/20*1em);
}

body.home #mainvisual {
padding-bottom: 0;
}
body.home #mainvisual .vis .to {
font-size: 1.1em;
}
body.home #mainvisual .net .data .att {
font-size: 1em;
}
body.home #mainvisual .net .btn {
font-size: 2em;
}
body.home #homemenu {
padding-bottom: 2em;
}
body.home #homemenu ul li {
font-size: calc(22/20*1em);
padding: 0.90909em 0;
}
body.home #homemenu ul li a:before {
width: calc(45/768*100vw);
height: calc(45/768*100vw);
}
body.home section h2 {
font-size: 1.4em;
}
body.home section .btn {
padding: 1.14286em 0;
}
body.home #outline h2 {
margin-bottom: 0px;
}
body.home #outline .lead {
font-size: 1.4em;
margin-bottom: 1em;
}
body.home #service h2 {
font-size: 1.4em;
}
body.home #service .list > a:before {
width: calc(22/768*100vw);
}
body.home #service .list > a .img img.sp {
width: calc(138/768*100vw);
}
body.home #service .list > a .img .txt img {
height: calc(37/768*100vw);
}
body.home #service .list > a:nth-child(1) .img .txt img {
height: calc(40/768*100vw);
}
body.home #service .list > a:nth-child(2) .img .txt img {
height: calc(37/768*100vw);
}
body.home #service .list > a:nth-child(3) .img .txt img {
height: calc(38/768*100vw);
}
body.home #movie .inner .boxLeft h2 {
font-size: calc(28/20*1em);
}
body.home #movie .inner .boxLeft h2 br {
display: none;
}
body.home #outline h2,
body.home #merit h2 {
font-size: calc(28/20*1em);
}
body.home #merit .list a .img {
width: calc(217/768*100vw);
}
body.home #merit .list a p {
font-size: calc(26/20*1em);
}
body.home #case h2 {
font-size: calc(28/20*1em);
}
body.home #case h3 {
font-size: calc(38/20*1em);
}
body.home #case ul.logos li {
margin-bottom: 1.5em;
}
body.home #case div.case .pcLeft a .label {
font-size: 1em;
}
body.home #case div.case .pcLeft a .label .title {
font-size: calc(26/20*1em);
}
body.home #case div.case .pcLeft a .label .name {
font-size: 1em;
}
body.home #case div.case .pcRight li a .label {
font-size: 1em;
}
body.home #optiontool #option a.sp:before {
width: calc(22/20*1em);
}
body.home #optiontool #option a.sp img {
width: calc(210/768*100vw);
}
body.home #optiontool #option a.sp p {
font-size: calc(28/20*1em);
}
body.home #optiontool #tool a.sp:before {
width: calc(22/20*1em);
}
body.home #optiontool #tool a.sp img {
width: calc(210/768*100vw);
}
body.home #optiontool #tool a.sp p {
font-size: calc(28/20*1em);
}
body.home .twoCol #news h2 {
font-size: calc(28/20*1em);
}
body.home .twoCol #news > div h3 {
font-size: calc(28/20*1em);
}
body.home .twoCol #news > div ul li {
display: flex;
}
body.home .twoCol #news > div ul li .date {
font-size: calc(16/20*1em);
}
body.home .twoCol #news > div ul li .tit .expr {
display: block !important;
font-size: 1em;
}

body.post-type-archive-case article section h2,
body.single-case article section h2 {
font-size: calc(28/20*1em);
}
body.post-type-archive-case article #pickup ul.list li.card a.eyeCatch h3.copy,
body.single-case article #pickup ul.list li.card a.eyeCatch h3.copy {
font-size: calc(32/20*1em);
}
body.post-type-archive-case article #case .caseList ul.list li.card a.sp .eyeCatch > img,
body.single-case article #case .caseList ul.list li.card a.sp .eyeCatch > img {
width: calc(190/768*100vw);
}
body.post-type-archive-case article #case .caseList ul.list li.card a.sp .eyeCatch .logo i,
body.single-case article #case .caseList ul.list li.card a.sp .eyeCatch .logo i {
height: calc(67/768*100vw);
}
body.post-type-archive-case article #case .caseList ul.list li.card a.sp .eyeCatch .logo em.title,
body.single-case article #case .caseList ul.list li.card a.sp .eyeCatch .logo em.title {
font-size: 1em;
}
body.post-type-archive-case article #case .caseList ul.list li.card a.sp .excerpt,
body.single-case article #case .caseList ul.list li.card a.sp .excerpt {
font-size: calc(24/20*1em);
}

body.single-case article #caseHead .bundle .leftBox .copy {
font-size: calc(32/20*1em);
margin: 0.7em 0;
}
body.single-case article #caseHead .bundle .leftBox .cab .data .table {
font-size: 1em;
}
body.single-case article #caseHead .bundle .leftBox .cab .data .link {
font-size: 1em;
}
body.single-case article #caseBody .post .postMeta .sns {
flex: 1;
}
body.single-case article #caseBody .post .postMeta .sns .hatena-bookmark-button-frame {
display: inline-block;
margin-bottom: inherit;
vertical-align: top;
}
body.single-case article #caseBody .post .postMeta .sns div.fb-like[data-action="like"] {
margin: 0 1em;
}
body.single-case article #caseBody .post .postMeta .sns div.fb-like[data-action="recommend"] {
margin-right: inherit;
}
body.single-case article #caseBody .post .postMeta .sns #twitter-widget-0 {
vertical-align: top;
}

/* news */
body.category section.newsCat ul.newsList li.post > a, body.category section.newsCat ul.newsList li.post > p,
body.single section.newsCat ul.newsList li.post > a,
body.single section.newsCat ul.newsList li.post > p {
padding: 3.90625vw 5.46875vw;
}

body.single article #postWrap .postBox #newsBody .post .postMeta .sns {
flex: 1;
}
body.single article #postWrap .postBox #newsBody .post .postMeta .sns .hatena-bookmark-button-frame {
display: inline-block;
margin-bottom: inherit;
vertical-align: top;
}
body.single article #postWrap .postBox #newsBody .post .postMeta .sns div.fb-like[data-action="like"] {
margin: 0 1em;
}
body.single article #postWrap .postBox #newsBody .post .postMeta .sns div.fb-like[data-action="recommend"] {
margin-right: inherit;
}
body.single article #postWrap .postBox #newsBody .post .postMeta .sns #twitter-widget-0 {
vertical-align: top;
}
body.single section.newsCat ul.newsList li.post > a, body.single section.newsCat ul.newsList li.post > p {
padding: 3.90625vw 5.46875vw;
}
}


@media screen and (max-width: 769px) {
  #pageTop {
    right: 10px;
    bottom: 10px;
  }

  #pageTop img {
    width: 45px;
  }

}

@media screen and (max-width: 480px) {
  footer nav #footer_menu ul.pcRight > li.other .license a img{
    height: calc(90/26*1em);
  }
}

/* ############################################# */

/************************************
** レスポンシブページネーション
************************************/

@media only screen and ( max-width: 680px ) {
  .pagination li.first,
  .pagination li.last {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }

  .pagination li.previous a { border-left-width: 1px; }
}

@media only screen and ( max-width: 500px ) {
  .pagination li {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }

  .pagination li.current,
  .pagination li.first,
  .pagination li.last,
  .pagination li.previous,
  .pagination li.next{
    position: initial;
    top: initial;
    left: initial;
  }

  .pagination li.previous a { border-left-width: 0; }
}

@media only screen and ( max-width: 400px ) {
  .pagination li.first,
  .pagination li.last {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }

  .pagination li.previous a { border-left-width: 1px; }
}

@media only screen and ( max-width: 240px ) {
  .pagination li { width: 50%;}

  .pagination li.current {
    order: 2;
    width: 100%;
    border-left-width: 1px;
  }
}



/* CSS page:qa */
@media screen and (max-width: 768px){
  .page-template-qa-php .pageLink {
    width: 100%;
    padding: 0 calc(35/640*100vw) 0;
  }

  .page-template-qa-php .pageLinkL, .pageLinkR {
    width: 100%;
    margin-bottom: 1.3rem;
  }

  .page-template-qa-php .pageLink a {
    font-size: 1rem;
    text-align: left;
    text-indent: 1em;
    padding: 0.8em 0;
  }

  .page-template-qa-php .parag h2 {
    font-size: 1.6rem;
    padding: 0.5em calc(35/640*100vw);
    line-height: 1.5;
    margin: 0;
  }

  .page-template-qa-php .accordionbox{
    padding: 0.5em calc(35/640*100vw);
  }

  .page-template-qa-php .accordionlist .boxQ,
  .page-template-qa-php .accordionlist .boxA {
    width: 2.4em;
    font-size: 1.5rem;
    padding-left:0;
  }

  .page-template-qa-php .accordionlist dt .title {
    width: 83%;
  }
  .page-template-qa-php .accordionlist .boxTitle{
    width: 80%;
  }

  .page-template-qa-php .accordionlist .boxText {
    font-size: 0.9rem;
    width: 80%;
  }

  .page-template-qa-php .accordion_icon{
    margin-right: 0.7rem;
  }
  .page-template-qa-php span.telTextS{
	display:block;
  }/* 2016.10.26 */
  .page-template-qa-php .accordionlist .boxText .iconTel{
	background-position: left .7rem;
  }/* 2016.10.26 */
}

@media screen and (max-width: 480px){
  .page-template-qa-php .accordionlist .boxTitle{
    max-width: 13rem;
    font-size: 1rem;
  }
  .page-template-qa-php .telText{
	font-size:1.5rem;
  }/* 2016.10.26 */
  .page-template-qa-php .accordionlist .boxText .icon{
	  background-position: left .5rem;
	  font-size: .9rem;
  }/* 2016.10.26 */



  .page-template-qa-php .accordionlist .boxText .iconMail,
  .page-template-qa-php .accordionlist .boxText .iconTel {
    padding-left: 1.4rem;
  }

  .page-template-qa-php .ctFrame{
    padding: 0 0 0 0.8rem;
  }
}