@charset "UTF-8"; /*! sanitize.css v3.0.0 | CC0 1.0 Public Domain | github.com/10up/sanitize.css */
audio:not([controls]) {
    display: none;
}
button {
    overflow: visible;
    -webkit-appearance: button;
}
details {
    display: block;
}
html {
    -ms-overflow-style: -ms-autohiding-scrollbar;
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%;
}
input {
    -webkit-border-radius: 0;
}
input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
}
input[type=number] {
    width: auto;
}
input[type=search] {
    -webkit-appearance: textfield;
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none;
}
main {
    display: block;
}
pre {
    overflow: auto;
}
progress {
    display: inline-block;
}
small {
    font-size: 75%;
}
summary {
    display: block;
}
svg:not(:root) {
    overflow: hidden;
}
template {
    display: none;
}
textarea {
    overflow: auto;
}
[hidden] {
    display: none;
}
*,
::after,
::before {
    box-sizing: inherit;
}
* {
    font-size: inherit;
    line-height: inherit;
}
::after,
::before {
    text-decoration: inherit;
    vertical-align: inherit;
}
*,
::after,
::before {
    border-style: solid;
    border-width: 0;
}
* {
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
}
:root {
    box-sizing: border-box;
    color: #333;
    cursor: auto;
    font: 100%/1.5 Quicksand,游ゴシック体,"Yu Gothic",YuGothic,"ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
    text-rendering: optimizeLegibility;
}
a {
    text-decoration: none;
}
audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}
button,
input,
select,
textarea {
    background-color: transparent;
}
button,
input,
select,
textarea {
    color: inherit;
    font-family: inherit;
    font-style: inherit;
    font-weight: inherit;
}
[type=button],
[type=date],
[type=datetime-local],
[type=datetime],
[type=email],
[type=month],
[type=number],
[type=password],
[type=reset],
[type=search],
[type=submit],
[type=tel],
[type=text],
[type=time],
[type=url],
[type=week],
button,
select,
textarea {
    min-height: 1.5em;
}
code,
kbd,
pre,
samp {
    font-family: monospace,monospace;
}
nav ol,
nav ul {
    list-style: none;
}
select {
    -moz-appearance: none;
    -webkit-appearance: none;
}
select::-ms-expand {
    display: none;
}
select::-ms-value {
    color: currentColor;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
textarea {
    resize: vertical;
}
::-moz-selection {
    background-color: #b3d4fc;
    color: #fff;
    text-shadow: none;
}
::selection {
    background-color: #b3d4fc;
    color: #fff;
    text-shadow: none;
}
[aria-busy=true] {
    cursor: progress;
}
[aria-controls] {
    cursor: pointer;
}
[aria-disabled] {
    cursor: default;
}
[hidden][aria-hidden=false] {
    clip: rect(0 0 0 0);
    display: inherit;
    position: absolute;
}
[hidden][aria-hidden=false]:focus {
    clip: auto;
}
a {
    color: #0c2366;
}
hr {
    border-bottom: solid 1px #ccc;
}
body {
    position: relative;
}
@media(min-width:769px) {
    body {
        min-width: 1366px;
    }
}
body.home {
    background-color: #09163a;
}
@media(min-width:769px) {
    body.home {
        position: static;
        background-color: #000;
    }
}
@media(min-width:769px) {
    a:hover {
        opacity: 0.9;
    }
}
.types {
    overflow: hidden;
}
.types section {
    margin: 60px 0 80px;
}
@media(max-width:768px) {
    .types section {
        margin: 40px 6px 60px;
    }
}
.types h1,
.types h2,
.types h3,
.types h4,
.types h5 {
    margin: 20px 0 10px;
    font-size: 18px;
}
.types p {
    margin: 10px 0;
}
@media(max-width:768px) {
    .types p {
        line-height: 1.7;
    }
}
.header {
    position: fixed;
    top: 0;
    width: 100%;
    background-image: none;
    background-color: #0c1633;
    z-index: 666;
    padding: 9px 0;
}
@media(max-width:768px) {
    .header {
        background-image: url("images/smartphone/bg_header.png");
        background-color: #0c2437;
        background-position: left;
    padding: 0px 0;
    }
}
.header+* {
    margin-top: 52px!important;
}
@media(max-width:768px) {
    .header+* {
        margin-top: 59px!important;
    }
}
.header+.contents-overlay {
    margin-top: 0!important;
}
@media(max-width:768px) {
    .header+.contents-overlay .hero {
        padding-top: 59px;
    }
}
.home .header {
    background-color: transparent;
}
@media(min-width:769px) {
    .home .header+* {
        margin-top: 0!important;
    }
}
.main {
    float: left;
    width: 1020px;
    margin-right: 80px;
}
@media(max-width:768px) {
    .main {
        padding: 0 6px;
        width: 100%;
        box-sizing: border-box;
    }
}
.main.right {
    float: right;
    margin-right: 0;
}
.main.right > .aside {
    float: left;
    margin-right: 80px;
}
@media(min-width:769px) {
    .main.main-single {
        width: 960px;
    }
}
.aside {
    float: left;
    width: 230px;
}
@media(max-width:768px) {
    .aside {
        width: 100%;
        padding: 0 6px;
    }
}
.footer {
    clear: both;
    overflow: hidden;
    width: 100%;
    background-image: url("images/bg_footer.png");
    background-repeat: repeat-x;
}
@media(min-width:769px) {
    .footer {
        margin-top: 40px;
        min-width: 1366px;
    }
}
@media(max-width:768px) {
    .footer{
        min-width: auto;
        background-image: url("images/smartphone/bg_footer.png");
        background-color: #0c2437;
        background-position: left;
    }
}
.home .footer {
    position: absolute;
    bottom: 0;
    margin-top: 0;
    width: 100%;
    z-index: 222;
}
@media(max-width:768px) {
    .home .footer {
        position: static;
        background-image: url("images/smartphone/bg_footer.png");
    }
}
.page-template-page-contact .footer,
.page-template-page-instagram .footer {
    margin-top: 0;
}
.content .aligncenter {
    display: block;
    margin: 0 auto;
}
.content .alignright {
    float: right;
}
.content .alignleft {
    float: left;
}
.hero {
    overflow: hidden;
    height: 100%;
}
@media(min-width:769px) {
    .hero {
        min-width: 1366px;
    }
}
@media(max-width:768px) {
    .hero {
        position: relative;
        margin-bottom: 6px;
        min-width: auto;
    }
}
@media(max-width:768px) {
    .hero .fig img {
        width: 100%;
    }
}
.hero .nav {
    position: absolute;
    bottom: 100px;
    width: 100%;
    min-width: 1366px;
}
@media(max-width:768px) {
    .hero .nav {
        min-width: auto;
    }
}
.hero .visual {
    min-width: 100%;
    z-index: -10;
    background-size: cover;
}
.hero .video {
    min-height: 100%;
    min-width: 100%;
    position: fixed;
    z-index: -10;
    background-size: cover;
}
.copyright {
    display: block;
    margin: 16px 6px 16px 50px;
}
@media(max-width:768px) {
    .copyright {
        margin: 0;
        padding: 0 10px;
        width: 100%;
        background-image: url("images/smartphone/bg_footer.png");
        background-color: #011626;
        background-position: left;
        background-repeat: repeat-x;
        text-align: center;
    }
}
.widget-sidebar {
    margin-top: 94px;
    color: #0c2366;
}
@media(max-width:768px) {
    .widget-sidebar {
        margin-top: 20px;
    }
}
.widget-sidebar ul {
    font-size: 12px;
    list-style: none;
}
.widget-sidebar li {
    margin: 6px 0;
}
.widget-sidebar a {
    color: #0c2366;
}
.widget-sidebar.collection {
    margin-top: 60px;
    margin-bottom: 20px;
}
@media(max-width:768px) {
    .widget-sidebar.collection {
        margin: 0 -6px;
    }
}
.widget-tags-single {
    border-top: solid 1px #0c2366;
}
.widget-pagenation {
    overflow: hidden;
    margin: 40px 0;
}
@media(max-width:768px) {
    .widget-pagenation {
        margin: 20px 0;
    }
}
.widget-bnr {
    margin-top: 6px;
    padding: 20px 0;
    background-color: #eceff1;
}
.widget-single-navigation {
    border-top: solid 1px #ccc;
}
.widget-single-back {
    border-top: solid 1px #ccc;
    text-align: center;
    padding: 10px 0 6px;
}
.widget-single-back a {
    font-size: 12px;
    color: #333;
    line-height: 1;
}
@media(max-width:768px) {
    .widget-single-back a {
        display: block;
        padding: 10px 0;
        text-align: center;
    }
}
.widget-single-back a .back:after,
.widget-single-back a .back:before {
    display: inline-block;
    margin-right: 4px;
    width: 10px;
    height: 10px;
    border-right: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    content: "";
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}
.widget-single-back a .back:before {
    margin-right: -6px;
}
.navigation-single {
    overflow: hidden;
    display: table;
    width: 100%;
    font-size: 12px;
    list-style: none;
}
@media(min-width:769px) {
    .navigation-single {
        margin: 10px 0;
    }
}
.navigation-single .next,
.navigation-single .prev {
    display: table-cell;
    width: 50%;
    min-height: 1px;
}
.navigation-single .next a,
.navigation-single .prev a {
    display: inline-block;
    color: #333;
    line-height: 1;
}
@media(max-width:768px) {
    .navigation-single .next a,
    .navigation-single .prev a {
        display: block;
        padding: 10px 0;
        text-align: center;
    }
}
.navigation-single .prev {
    text-align: right;
}
@media(min-width:769px) {
    .navigation-single .prev {
        padding-right: 20px;
    }
}
.navigation-single .prev a:before {
    display: inline-block;
    margin-right: 10px;
    width: 10px;
    height: 10px;
    border-right: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    content: "";
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}
@media(min-width:769px) {
    .navigation-single .next {
        padding-right: 40px;
        padding-left: 20px;
        border-left: solid 1px #ccc;
    }
}
@media(max-width:768px) {
    .navigation-single .next a {
        border-left: solid 1px #ccc;
    }
}
.navigation-single .next a:after {
    display: inline-block;
    margin-left: 10px;
    width: 10px;
    height: 10px;
    border-right: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    content: "";
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.navigation-single.blog {
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 9px 0;
}
@media(min-width:769px) {
    .navigation-single.blog {
        width: 950px;
    }
}
.navigation-single.blog .next,
.navigation-single.blog .prev {
    display: block;
    padding: 3px 0;
    float: left;
}
.navigation-single.blog .next a,
.navigation-single.blog .prev a {
    display: block;
}
.navigation-single.blog .next .in {
    position: relative;
    display: block;
    text-align: right;
}
@media(max-width:768px) {
    .navigation-single.blog .next .in {
        border-left: solid 1px #ccc;
    }
}
.navigatio n-single.blog .next .in:after {
    position: absolute;
    top: 1px;
    right: 40px;
    width: 10px;
    height: 10px;
    border-right: solid 1px #888;
    border-bottom: solid 1px #888;
    content: "";
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
@media(max-width:768px) {
    .navigation-single.blog .next .in:after {
        top: 12px;
        right: 6px;
    }
}
.navigation-single.blog .next .in.in-empty {
    min-height: 12px;
}
@media(max-width:768px) {
    .navigation-single.blog .next .in.in-empty {
        min-height: 32px;
    }
}
.navigation-single.blog .next .in.in-empty:after {
    border-right: solid 1px #fff;
    border-bottom: solid 1px #fff;
}
.navigation-single.blog .next .in a {
    padding-right: 20px;
    padding-left: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
@media(min-width:769px) {
    .navigation-single.blog .next .in a {
        margin-right: 36px;
    }
}
.navigation-single.blog .next .in a:after {
    display: none;
}
.navigation-single.blog .prev .in {
    position: relative;
    display: block;
    text-align: left;
}
.navigation-single.blog .prev .in:before {
    position: absolute;
    top: 1px;
    left: 40px;
    width: 10px;
    height: 10px;
    border-right: solid 1px #888;
    border-bottom: solid 1px #888;
    content: "";
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}
@media(max-width:768px) {
    .navigation-single.blog .prev .in:before {
        top: 12px;
        left: 6px;
    }
}
.navigation-single.blog .prev .in.in-empty:before {
    border-right: solid 1px #fff;
    border-bottom: solid 1px #fff;
}
.navigation-single.blog .prev .in a {
    padding-right: 10px;
    padding-left: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
@media(min-width:769px) {
    .navigation-single.blog .prev .in a {
        margin-left: 36px;
    }
}
.navigation-single.blog .prev .in a:before {
    display: none;
}
body:not(.home) .widget-bnr {
    margin-top: 40px;
    background-color: #fff;
}
.slick.index img {
    width: 100%;
}
.slick.index .slick-dots {
    position: absolute;
    bottom: 10px;
    width: 100%;
    font-size: 0;
    text-align: center;
}
.slick.index .slick-dots li {
    display: inline-block;
    margin: 0 4px;
}
.slick.index .slick-dots li button {
    width: 8px;
    height: 8px;
    border: solid 1px #cbcdd4;
    border-radius: 8px;
    background-color: #cbcdd4;
}
.slick.index .slick-dots li.slick-active button {
    border: solid 1px #fff;
    background-color: #000;
    opacity: 0.5;
}
.slick.collection {
    padding-top: 56px;
    padding-bottom: 136px;
    margin-bottom: 60px;
}
@media(max-width:768px) {
    .slick.collection {
        margin-bottom: 20px;
    }
}
.slick.collection .slick-slide {
    text-align: center;
}
.slick.collection .slick-slide:focus {
    outline: none;
}
.slick.collection .slick-slide img {
    display: inline-block;
    width: 100%;
    max-width: 540px;
}
.slick.collection .slick-arrow {
    overflow: hidden;
    position: absolute;
    top: 50%;
    margin-top: -30px;
    width: 30px;
    height: 60px;
    font-size: 0;
    z-index: 1;
    cursor: pointer;
}
@media(max-width:768px) {
    .slick.collection .slick-arrow {
        margin-top: -15px;
        width: 15px;
        height: 30px;
    }
}
.slick.collection .slick-arrow:focus {
    outline: none;
}
.slick.collection .slick-arrow:hover:before {
    border-color: #0c2366;
}
.slick.collection .slick-arrow:before {
    display: block;
    width: 34px;
    height: 34px;
    border-left: solid 2px #555;
    border-bottom: solid 2px #555;
    content: "";
}
@media(max-width:768px) {
    .slick.collection .slick-arrow:before {
        width: 17px;
        height: 17px;
    }
}
.slick.collection .slick-prev {
    left: 27%;
}
@media(max-width:768px) {
    .slick.collection .slick-prev {
        left: 2%;
    }
}
.slick.collection .slick-prev:before {
    -webkit-transform: translateX(10px) rotate(45deg);
    transform: translateX(10px) rotate(45deg);
}
@media(max-width:768px) {
    .slick.collection .slick-prev:before {
        -webkit-transform: translateX(4px) rotate(45deg);
        transform: translateX(4px) rotate(45deg);
    }
}
.slick.collection .slick-next {
    right: 27%;
}
@media(max-width:768px) {
    .slick.collection .slick-next {
        right: 2%;
    }
}
.slick.collection .slick-next:before {
    -webkit-transform: translateX(-10px) rotate(225deg);
    transform: translateX(-10px) rotate(225deg);
}
@media(max-width:768px) {
    .slick.collection .slick-next:before {
        -webkit-transform: translateX(-5px) rotate(225deg);
        transform: translateX(-5px) rotate(225deg);
    }
}
.slick.collection .slick-dots {
    overflow: hidden;
    position: absolute;
    bottom: -146px;
    margin-top: 10px;
    width: 100%;
    min-height: 120px;
    list-style: none;
}
@media(min-width:769px) {
    .slick.collection .slick-dots {
        text-align: center;
    }
}
.slick.collection .slick-dots li {
    display: inline-block;
    margin: 0 10px;
    width: 120px;
}
.slick.collection .slick-dots li .thumb {
    display: block;
    width: 100%;
    padding: 100%;
    background-size: contain;
    background-position: center;
}
.image-single {
    text-align: center;
    padding-top: 56px;
    padding-bottom: 30px;
}
@media(max-width:768px) {
    .image-single {
        padding-top: 30px;
        padding-bottom: 0;
    }
}
@media(max-width:768px) {
    .image-single img {
        width: 100%;
    }
}
.navigation-top {
    text-align: center;
}
.navigation-top .item {
    display: inline-block;
    margin: 0 40px;
    vertical-align: middle;
}
.navigation-top .item.mini {
    margin: 0 5px;
}
.navigation-top .item.disable {
    opacity: 0.4;
}
.navigation-global {
    overflow: hidden;
}
.navigation-global .item {
    display: inline-block;
    margin: 0 40px;
    font-size: 0;
    vertical-align: middle;
}
.navigation-global .item.instagram {
    vertical-align: baseline;
}
.navigation-global .item.newton {
    vertical-align: baseline;
}

.navigation-global .item.logo a {
    opacity: 1;
}
.navigation-global .item.current a {
    opacity: 1;
}
.navigation-global .item.mini {
    margin: 0;
}
.navigation-global .item:first-child {
    margin: 0;
}
.navigation-global .item.disable a {
    opacity: 0.4!important;
}
.navigation-global .item a {
    opacity: 0.4;
}
.navigation-global .item a:hover {
    opacity: 1;
}
.navigation-global .icn-needle {
    width: 26px;
    height: 36px;
}
.navigation-global-side {
    position: fixed;
    padding: 8px 10px;
    width: 100%;
    background-color: #0b1633;
    z-index: 9999;
    box-sizing: border-box;
}
.navigation-global-drawer {
    position: fixed;
    top: 0;
    width: 100%;
    background: rgba(24,37,52,.85);
    z-index: 8888;
    transition: all 0.3s;
    opacity: 0;
    visibility: hidden;
}
.navigation-global-drawer.active {
    opacity: 1;
    visibility: visible;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}
.navigation-global-drawer:before {
    display: block;
    height: 59px;
    border-bottom: 2px solid #b1b7bf;
    content: "";
}
.navigation-global-drawer .item a {
    display: block;
    padding: 22px 18px;
    border-bottom: 2px solid #6a6f76;
}
.navigation-global-drawer .item a:hover {
    opacity: 1;
}
.navigation-global-drawer .item.disable img {
    opacity: 0.4;
}
.navigation-footer {
    margin: 10px 8px;
}
@media(max-width:768px) {
    .navigation-footer {
        display: table;
        margin: 0;
        width: 100%;
    }
}
.navigation-footer .item {
    display: inline-block;
    margin: 10px;
    font-size: 0;
    vertical-align: top;
    text-indent: -9999em;
}
@media(max-width:768px) {
    .navigation-footer .item {
        display: table-cell;
        text-align: center;
    }
}
@media(max-width:768px) {
    .navigation-footer .item a {
        display: block;
        margin: 4px 0;
        padding: 14px 0 12px;
    }
}
@media(max-width:768px) {
    .navigation-footer .item a:first-child {
        border-right: dashed 1px #8a8b76;
    }
}
.navigation-sns {
    margin: 7px 44px 7px 10px;
}
@media(max-width:768px) {
    .navigation-sns {
        display: table;
        margin: 0;
        width: 100%;
        text-align: center;
    }
}
@media(max-width:768px) {
    .navigation-sns.stitch-top-xs {
        margin-top: 0;
    }
}
.navigation-sns .item {
    display: inline-block;
    margin: 12px 10px 8px;
    font-size: 0;
    vertical-align: top;
}
@media(max-width:768px) {
    .navigation-sns .item {
        display: table-cell;
        width: 33.3%;
    }
}
@media(max-width:768px) {
    .navigation-sns .item a {
        display: block;
        padding: 14px 0;
        border-right: dashed 1px #8a8b76;
    }
}
@media(max-width:768px) {
    .navigation-sns .item:last-child a {
        border-right: none;
    }
}
.navigation-category {
    margin-top: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: solid 1px #0c2366;
    border-bottom: solid 1px #0c2366;
    font-size: 0;
    text-align: center;
}
@media(max-width:768px) {
    .navigation-category {
        margin-top: 0;
        padding-top: 0;
        padding-bottom: 0;
        border-bottom: none;
    }
}
.navigation-category .item {
    display: inline-block;
    border-right: dashed 1px #ad9430;
}
@media(max-width:768px) {
    .navigation-category .item {
        width: 50%;
    }
}
.navigation-category .item:first-child {
    border-left: dashed 1px #ad9430;
}
@media(max-width:768px) {
    .navigation-category .item:nth-child(2n-1) {
        border-bottom: dashed 1px #ad9430;
        border-left: none;
    }
}
@media(max-width:768px) {
    .navigation-category .item:nth-child(2n) {
        border-bottom: dashed 1px #ad9430;
        border-right: none;
    }
}
@media(max-width:768px) {
    .navigation-category .item:last-child {
        border-bottom: solid 1px #0c2366;
    }
}
@media(max-width:768px) {
    .navigation-category .item:nth-last-child(2):nth-child(odd) {
        border-bottom: solid 1px #0c2366;
    }
}
.navigation-category .item a {
    display: inline-block;
    padding: 6px 0;
    width: 240px;
    font-size: 12px;
    color: #0c2366;
    font-weight: 700;
    line-height: 1;
}
@media(max-width:768px) {
    .navigation-category .item a {
        padding: 20px 0;
        width: 100%;
    }
}
.navigation-category .item a img {
    height: 12px;
}
.navigation-check {
    text-align: center;
}
@media(max-width:768px) {
    .navigation-check {
        float: none;
        padding-bottom: 10px;
        padding-left: 0;
    }
}
.navigation-check .item {
    margin: 0 10px;
    display: inline-block;
}
.navigation-check i nput {
    display: none;
}
.navigation-check input:checked+label:after {
    position: absolute;
    display: block;
    top: 3px;
    left: 1px;
    padding: 2px 4px;
    border-bottom: solid 1px #000;
    border-left: solid 1px #000;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    content: "";
}
.navigation-check label {
    position: relative;
    padding-left: 16px;
    font-size: 12px;
    color: #6b7594;
}
.navigation-check label:before {
    position: absolute;
    display: block;
    left: 0;
    top: 1px;
    border: solid 1px #ccc;
    padding: 5px;
    content: "";
}
.navigation-page {
    font-size: 0;
    float: right;
}
@media(max-width:768px) {
    .navigation-page {
        float: none;
    }
}
@media(min-width:769px) {
    .navigation-page {
        margin: 0 -4px;
    }
}
.navigation-page.bottom {
    margin-top: 40px;
    float: none;
}
@media(max-width:768px) {
    .navigation-page.bottom {
        margin-top: 20px;
        padding-bottom: 40px;
    }
}
.navigation-page .paginate {
    text-align: center;
}
@media(max-width:768px) {
    .navigation-page .paginate {
        margin: 0;
    }
}
.navigation-page .paginate .page-numbers:not(.dots) {
    display: inline-block;
    margin: 0 4px;
    padding: 2px 8px;
    border: solid 1px #ccc;
    border-radius: 1px;
    font-size: 14px;
    color: #000;
}
.navigation-page .paginate .page-numbers:not(.dots):hover {
    background-color: #edeeef;
}
.navigation-page .paginate .page-numbers.dots {
    display: inline-block;
    font-size: 14px;
    color: #000;
}
.navigation-page .paginate .nextpostslink,
.navigation-page .paginate .previouspostslink {
    padding: 0 8px 4px;
    vertical-align: 2px;
}
.navigation-page .paginate .extend {
    display: inline-block;
    font-size: 14px;
    color: #000;
}
.navigation-page .paginate .current {
    background-color: #edeeef;
}
.navigation-dealers {
    font-size: 0;
}
@media(min-width:769px) {
    .navigation-dealers {
        text-align: center;
    }
}
@media(min-width:769px) {
    .navigation-dealers > .item {
        display: inline-block;
        padding: 0 20px;
        border-right: dotted 1px #dedede;
    }
}
@media(max-width:768px) {
    .navigation-dealers > .item {
        border-top: solid 1px #ccc;
    }
}
.navigation-dealers > .item:last-child {
    border-right: none;
}
@media(max-width:768px) {
    .navigation-dealers > .item:last-child {
        border-bottom: solid 1px #ccc;
    }
}
.navigation-dealers > .item > a {
    font-size: 14px;
    color: #333;
}
@media(max-width:768px) {
    .navigation-dealers > .item > a {
        position: relative;
        display: block;
        padding: 14px 0 10px 36px;
        font-size: 12px;
    }
}
@media(max-width:768px) {
    .navigation-dealers > .item > a:before {
        position: absolute;
        top: 50%;
        left: 16px;
        margin-top: -2px;
        border-top: solid 6px #818181;
        border-right: solid 3px transparent;
        border-bottom: solid 6px transparent;
        border-left: solid 3px transparent;
        content: "";
    }
}
.navigation-collection {
    margin-bottom: 20px;
}
@media(min-width:768px) {
    .navigation-collection {
        width: 180px;
    }
}
.navigation-collection .title img {
    width: 100%;
}
.navigation-collection .item {
    position: relative;
    margin: 20px 0;
    padding-left: 16px;
    font-size: 10px;
}
@media(max-width:768px) {
    .navigation-collection .item {
        margin: 16px 0;
        padding-left: 36px;
        font-size: 12px;
    }
}
@media(min-width:769px) {
    .navigation-collection .item:first-of-type {
        margin-top: 16px;
    }
}
@media(min-width:769px) {
    .navigation-collection .item:last-of-type {
        margin-bottom: 24px;
    }
}
.navigation-collection .item:before {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-top: solid 4px transparent;
    border-right: solid 6px transparent;
    border-bottom: solid 4px transparent;
    border-left: solid 6px #818181;
    content: "";
}
@media(max-width:768px) {
    .navigation-collection .item:before {
        left: 16px;
    }
}
.navigation-collection .item a {
    color: #333;
}
@media(min-width:769px) {
    .navigation-collection .item a {
        display: block;
    }
}
.navigation-collection .item.current a,
.navigation-collection .item:hover a {
    opacity: 1;
    color: #0c2366;
}
.navigation-collection .item.current:before,
.navigation-collection .item:hover:before {
    border-left: solid 6px #0c2366;
}
@media(min-width:769px) {
    .navigation-check-side {
        width: 180px;
    }
}
.navigation-check-side .title {
    margin: 10px 0;
    padding: 14px 0 10px;
    border-top: dotted 1px #0c2366;
    border-bottom: dotted 1px #0c2366;
    font-size: 11px;
    color: #0c2366;
    line-height: 1;
    font-weight: 700;
}
@media(max-width:768px) {
    .navigation-check-side .title {
        padding: 14px 10px 10px;
    }
}
@media(min-width:769px) {
    .navigation-check-side .title {
        padding: 6px 0 6px 10px;
    }
}
.navigation-check-side .item {
    margin: 10px 0;
}
@media(max-width:768px) {
    .navigation-check-side .item {
        margin: 10px;
    }
}
.navigation-check-side .item input {
    display: none;
}
.navigation-check-side .item input:checked+label:after {
    position: absolute;
    display: block;
    top: 2px;
    left: 1px;
    padding: 2px 4px;
    border-bottom: solid 1px #000;
    border-left: solid 1px #000;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    content: "";
}
.navigation-check-side .item label {
    position: relative;
    padding-left: 18px;
    font-size: 11px;
    color: #333;
}
.navigation-check-side .item label:before {
    position: absolute;
    display: block;
    left: 0;
    top: 1px;
    border: solid 1px #ccc;
    padding: 4px;
    content: "";
}
.list-breadcrumb .item {
    display: inline-block;
    font-size: 10px;
}
.list-breadcrumb .item:after {
    margin-left: 8px;
    content: ">";
}
.list-breadcrumb .item:last-child:after {
    content: "";
}
.list-breadcrumb .item a {
    color: #000;
}
.list-thumbs {
    overflow: hidden;
    list-style: none;
    min-height: 1000px;
    padding: 0 4px;
}
.list-thumbs .item {
    float: left;
    position: relative;
    width: 50%;
    padding: 4px;
    box-sizing: border-box;
}
.list-thumbs .item a {
    display: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: relative;
    transition: all 0.3s ease;
}
.list-thumbs .item a .image {
    display: block;
    padding-top: 100%;
    width: 100%;
    background-size: cover;
    background-position: center;
}
.list-thumbs .item .category {
    position: absolute;
    top: 0;
    left: 0;
    padding: 20px 16px 16px;
    max-width: 72px;
    background-color: #000;
    font-size: 11px;
    color: #fff;
    opacity: 0.8;
    z-index: 444;
}
.list-thumbs .item .block-info {
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 5px;
    height: 13px;
    color: #fff;
    z-index: 555;
}
.list-thumbs .item .block-info .title {
    display: block;
    overflow: hidden;
    max-height: 32px;
    font-size: 11px;
}
.list-thumbs .item .block-info .date {
    font-size: 9px;
}
.list-thumbs .item .block-info img {
    vertical-align: top;
}
.list-thumbs .likes {
    position: absolute;
    top: 6px;
    right: 6px;
    width: 18px;
    height: 16px;
    background-image: url("images/smartphone/icn_heart.png");
    background-size: contain;
    text-indent: -9999em;
    z-index: 555;
}
.list-bnr {
    list-style: none;
}
.list-bnr .item img {
    width: 100%;
}
.list-tag-single {
    margin: 0 -5px;
    padding: 26px 0;
    font-size: 0;
}
@media(max-width:768px) {
    .list-tag-single {
        margin: 0 -6px;
        padding: 10px 0;
    }
}
.list-tag-single .item {
    display: inline-block;
    margin: 5px;
    padding: 4px 6px 2px;
    background-color: #d4dae6;
    font-size: 10px;
    color: #0c2366;
}
@media(max-width:768px) {
    .list-tag-single .item {
        margin: 6px;
    }
}
.list-tag-single .tag-porterclassic:before {
    content: "PORTER CLASSIC";
}
.list-tag-single .tag-kichizo:before {
    content: "KICHIZO";
}
.list-tag-single .tag-ginza:before {
    content: "PORTER CLASSIC 銀座";
}
.list-tag-single .tag-isetan:before {
    content: "PORTER CLASSIC 伊勢丹";
}
.list-tag-single .tag-kanazawa:before {
    content: "PORTER CLASSIC 金沢";
}
.list-tag-single .tag-kendosashiko:before {
    content: "PC Kendo PC Sashiko";
}
.list-tag-single .tag-nagoya:before {
    content: "PORTER CLASSIC 名古屋";
}
.list-page {
    overflow: hidden;
    list-style: none;
    margin: -10px 0 0;
    min-height: 300px;
}
@media(min-width:769px) {
    .list-page {
        margin: -20px;
        padding: 60px 0;
    }
}
.list-page > .item {
    float: left;
    position: relative;
    margin: 20px;
    width: 400px;
    height: 372px;
}
@media(max-width:768px) {
    .list-page > .item {
        float: none;
        overflow: hidden;
        margin: 10px 0 0;
        padding: 10px 6px 0;
        width: 100%;
        height: auto;
        box-sizing: border-box;
    }
    .list-page > .item:last-child {
        padding-bottom: 10px;
    }
}
.list-page > .item a {
    overflow: hidden;
    position: relative;
    display: block;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: all 0.3s ease;
}
@media(max-width:768px) {
    .list-page > .item a {
        position: relative;
        width: 100%;
    }
}
.list-page > .item a .image {
    display: block;
    height: 282px;
    background-size: cover;
    background-position: center;
}
@media(max-width:768px) {
    .list-page > .item a .image {
        float: right;
        width: 50%;
        height: auto;
        padding-top: 50%;
    }
}
@media(max-width:768px) {
    .list-page > .item a .detail {
        position: absolute;
        margin-top: 25%;
        padding-right: 4px;
        width: 50%;
        box-sizing: border-box;
    }
}
.list-page > .item .category {
    display: inline-block;
    padding: 0 10px;
    border: solid 1px #0c2366;
    font-size: 10px;
    color: #0c2366;
}
@media(max-width:768px) {
    .list-page > .item .category {
        margin: 0 4px;
        padding: 0 2px;
        border: solid 1px #0c2366;
    }
}
.list-page > .item .title {
    display: block;
    display: -webkit-box;
    overflow: hidden;
    margin: 10px 0 8px;
    max-height: 36px;
    font-size: 13px;
    color: #0c2366;
    font-weight: 700;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
@media(max-width:768px) {
    .list-page > .item .title {
        margin: 0 0 10px;
        padding: 0 4px;
        max-height: 56px;
        width: 100%;
    }
}
.list-page > .item .date {
    margin: 8 px 0 2px;
    font-size: 12px;
    color: #bcbcbc;
    font-weight: 700;
}
@media(max-width:768px) {
    .list-page > .item .date {
        margin: 0;
        padding: 0 4px;
        width: 50%;
        font-size: 10px;
    }
}
.list-page > .item .brands .item {
    display: inline-block;
    margin: 0;
}
@media(max-width:768px) {
    .list-page > .item .brands {
        padding: 0 10px;
        width: 50%;
    }
}
.list-page .likes {
    position: absolute;
    top: 6px;
    right: 6px;
    width: 18px;
    height: 16px;
    background-image: url("images/smartphone/icn_heart.png");
    background-size: contain;
    text-indent: -9999em;
    z-index: 555;
}
.list-category {
    margin-bottom: 36px;
}
.list-category .item {
    margin: 0;
    border-bottom: dashed 1px #d1d8df;
}
.list-category .item a {
    display: block;
    margin: 12px 0 8px;
    font-size: 13px;
    color: #0c2366;
    font-weight: 700;
}
.list-shop {
    overflow: hidden;
    list-style: none;
}
@media(max-width:768px) {
    .list-shop.card {
        padding-top: 20px;
        background-color: #fff;
    }
}
@media(min-width:769px) {
    .list-shop.card {
        margin: -10px;
    }
}
.list-shop.card > .item {
    overflow: hidden;
    position: relative;
    display: block;
    background-color: #fff;
}
@media(min-width:769px) {
    .list-shop.card > .item {
        float: left;
        margin: 10px;
    }
}
.list-shop.card > .item > .cover {
    position: absolute;
    background-position: 48% 50%;
    width: 100%;
    height: 100%;
    z-index: 10;
    transition: ease .2s all;
}
@media(min-width:769px) {
    .list-shop.card > .item:hover > .cover {
        background-color: #0c1633;
        background-image: url("images/card_hv.png");
        background-position: 50% 50%;
        opacity: .7;
    }
}
.list-shop.card > .item > .inner {
    overflow: hidden;
    position: relative;
    margin: 4px;
    border: #d1d8df solid 1px;
}
@media(min-width:769px) {
    .list-shop.card > .item > .inner {
        padding: 0 26px 0 14px;
    }
}
@media(max-width:768px) {
    .list-shop.card > .item > .inner {
        padding: 6px;
    }
}
.list-shop.card > .item > .inner > .figure {
    display: block;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
}
@media(min-width:769px) {
    .list-shop.card > .item > .inner > .figure {
        float: left;
        margin: 14px 20px 14px 0;
        width: 260px;
        height: 210px;
    }
}
@media(max-width:768px) {
    .list-shop.card > .item > .inner > .figure {
        padding-top: 60%;
    }
}
@media(min-width:769px) {
    .list-shop.card > .item > .inner > .figure.ginza {
        background-size: contain;
        background-position: 50% 18%;
    }
}
@media(min-width:769px) {
    .list-shop.card > .item > .inner > .figure.kendo {
        background-position: 50% 58%;
    }
}
@media(max-width:768px) {
    .list-shop.card > .item > .inner > .figure.kendo {
        background-position: 50% 56%;
    }
}
@media(min-width:769px) {
    .list-shop.card > .item > .inner > .list-information.shop {
        float: right;
    }
}
.list-shop.card > .item > .inner > .list-information.shop .text {
    color: #333;
}
.list-shop.card > .item > .inner:after {
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    background-image: url("images/bg_shop_card.png");
    width: 10px;
    height: 10px;
    content: "";
}
.list-shop.posts {
    background-color: #fff;
}
@media(min-width:769px) {
    .list-shop.posts {
        margin-right: -22px;
    }
}
@media(min-width:769px) {
    .list-shop.posts:before {
        display: block;
        margin-bottom: 50px;
        margin-right: 22px;
        height: 1px;
        background-image: linear-gradient(to right,#0c2366,#0c2366 50%,transparent 50%,transparent 100%);
        background-size: 4px 4px;
        content: "";
    }
}
.list-shop.posts:first-child:before {
    display: none;
}
.list-shop.posts > .title-area {
    position: relative;
    display: block;
    margin: 0 0 46px;
    padding: 4px 10px 2px;
    width: 280px;
    background-color: #1c3270;
    font-size: 16px;
    color: #fff;
}
@media(max-width:768px) {
    .list-shop.posts > .title-area {
        display: none;
    }
}
.list-shop.posts > .title-area:after {
    position: absolute;
    top: 0;
    right: 0;
    border-top: solid 15px transparent;
    border-right: solid 5px #fff;
    border-bottom: solid 15px transparent;
    border-left: solid 5px transparent;
    content: "";
}
@media(max-width:768px) {
    .list-shop.posts > .title-area:after {
        border-top: solid 11px transparent;
        border-right: solid 3px #fff;
        border-bottom: solid 11px transparent;
        border-left: solid 3px transparent;
    }
}
@media(min-width:769px) {
    .list-shop.posts .content {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}
.list-shop.posts .content > .item {
    overflow: hidden;
    position: relative;
    font-size: 12px;
}
@media(max-width:768px) {
    .list-shop.posts .content > .item {
        margin-bottom: 16px;
        height: auto!important;
    }
}
@media(min-width:769px) {
    .list-shop.posts .content > .item {
        float: left;
        margin: 0 94px 30px 0;
        width: 340px;
        line-height: 1.8;
    }
}
.list-shop.posts .content > .item:after {
    position: absolute;
    display: block;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-image: linear-gradient(to right,#ccc,#ccc 50%,transparent 50%,transparent 100%);
    background-size: 4px 4px;
    content: "";
}
@media(max-width:768px) {
    .list-shop.posts .content > .item:last-child:after {
        background-image: none;
        background-size: 4px 4px;
        margin-bottom: 0;
    }
}
@media(min-width:769px) {
    .list-shop.posts .content > .item:la st-child,
    .list-shop.posts .content > .item:nth-last-child(2):nth-of-type(3n+1),
    .list-shop.posts .content > .item:nth-last-child(2):nth-of-type(3n+2),
    .list-shop.posts .content > .item:nth-last-child(3):nth-of-type(3n+1) {
        height: 180px;
    }
    .list-shop.posts .content > .item:last-child:after,
    .list-shop.posts .content > .item:nth-last-child(2):nth-of-type(3n+1):after,
    .list-shop.posts .content > .item:nth-last-child(2):nth-of-type(3n+2):after,
    .list-shop.posts .content > .item:nth-last-child(3):nth-of-type(3n+1):after {
        display: none;
    }
}
.list-shop.posts .content > .item .title {
    margin: 0 0 6px;
    font-weight: 700;
}
@media(max-width:768px) {
    .list-shop.posts .content > .item .title {
        margin: 0 4px 4px;
    }
}
.list-shop.posts .content > .item .title a {
    color: #0c2366;
    text-decoration: underline;
}
.list-shop.posts .content > .item .address {
    margin: 4px 0 12px;
}
@media(max-width:768px) {
    .list-shop.posts .content > .item .address {
        margin: 4px 4px 8px;
    }
}
.list-shop.posts .content > .item .list-brand .item {
    margin-right: 6px;
}
.list-collection {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
}
@media(max-width:768px) {
    .list-collection {
        margin: 0 -10px 20px;
    }
}
@media(min-width:769px) {
    .list-collection {
        margin: 0 -17px;
    }
}
.list-collection .item {
    float: left;
    width: 350px;
}
@media(max-width:768px) {
    .list-collection .item {
        width: 50%;
        padding: 0 10px;
    }
}
@media(min-width:769px) {
    .list-collection .item {
        padding: 0 17px;
    }
}
.list-collection .item a {
    display: block;
}
.list-collection .item .figure {
    background-size: contain;
    background-position: center;
}
@media(max-width:768px) {
    .list-collection .item .figure {
        margin: 20px 0 10px;
        padding-top: 100%;
    }
}
@media(min-width:769px) {
    .list-collection .item .figure {
        margin: 0 0 20px;
        width: 316px;
        height: 316px;
    }
}
.list-collection .item .title {
    margin: 8px 0 40px;
    font-size: 11px;
    color: #0c2366;
    text-align: center;
}
@media(max-width:768px) {
    .list-collection .item .title {
        margin: 4px 0 10px;
    }
}
.list-information.shop {
    font-size: 11px;
}
@media(max-width:768px) {
    .list-information.shop {
        height: auto!important;
    }
}
@media(min-width:769px) {
    .list-information.shop {
        width: 300px;
    }
}
.list-information.shop > .title-main {
    margin: 16px 0;
    text-align: center;
}
@media(max-width:768px) {
    .list-information.shop > .title-main img {
        width: 100%;
        max-width: 174px;
        height: auto;
    }
}
.list-information.shop > .title-sub {
    margin: 16px 0 2px;
    color: #0c2366;
    font-weight: 700;
}
.list-information.shop > .text {
    margin: 2px 0;
    padding: 2px 0;
}
.list-information.shop > .text+.text {
    margin: 0 0 4px;
    padding: 0 0 4px;
}
@media(max-width:768px) {
    .list-information.shop > .text+.text {
        margin: 0 0 4px;
        padding: 0 0 4px;
    }
}
.list-information.shop > .text+.text:before {
    display: block;
    margin: 8px 0;
    width: 100%;
    height: 1px;
    background-image: linear-gradient(to right,#0c2366,#0c2366 50%,transparent 50%,transparent 100%);
    background-size: 4px 4px;
    content: "";
}
@media(max-width:768px) {
    .list-information.shop > .text+.text:before {
        margin: 6px 0;
        background-size: 2px 2px;
    }
}
.list-information.shop > .link {
    overflow: hidden;
    margin: 8px 0;
}
.list-information.shop > .link .taxfree {
    float: right;
}
@media(max-width:768px) {
    .list-information.shop > .link .taxfree {
        margin-right: 10px;
    }
}
.list-dealers {
    overflow: hidden;
}
.list-dealers > .title {
    margin: 50px 0;
    background-image: url("images/line_shop.gif");
    background-position: 50% 74px;
    background-repeat: repeat-x;
    text-align: center;
}
@media(max-width:768px) {
    .list-dealers > .title {
        margin: 24px 0;
        background-position: 50% 46px;
    }
}
.list-dealers > .title .cover-w {
    display: inline-block;
    width: 280px;
    background-color: #fff;
    text-align: center;
}
@media(max-width:768px) {
    .list-dealers > .title .cover-w {
        width: 144px;
    }
}
@media(max-width:768px) {
    .list-dealers > .title .cover-w img {
        width: 140px;
    }
}
.list-dealers > .menu {
    margin: 60px 0;
}
@media(max-width:768px) {
    .list-dealers > .menu {
        margin: 16px 0 24px;
    }
}
.list-dealers > .contents {
    margin: 60px 0;
}
@media(max-width:768px) {
    .list-dealers > .contents {
        margin: 30px 0;
        border-bottom: solid 1px #ccc;
    }
}
.list-brand {
    margin: 10px 0;
    font-size: 0;
}
@media(max-width:768px) {
    .list-brand {
        margin: 6px 4px 14px;
    }
}
.list-brand .item {
    display: inline-block;
    margin: 0;
}
.list-share {
    padding: 12px 0;
    border-top: solid 1px #ccc;
    font-size: 0;
    text-align: center;
    list-style: none;
}
.list-share.blog {
    margin: 0 -20px;
    border-top: none;
    padding-bottom: 40px;
    text-align: left;
}
.list-share > .item {
    display: inline-block;
    margin: 0 20px;
    vertical-align: bottom;
}
.list-share > .item img {
    width: 30px;
}
.list-share > .item.pin > a,
.list-share > .item.pin > span {
    display: inline-block!important;
    background-image: url(images/smartphone/icn_c_pinterest.png)!important;
    background-position: 0 0!important;
    background-size: contain!important;
    background-color: transparent!important;
    box-shadow: none!important;
    width: 30px!important;
    height: 30px!important;
}
.list-share > .item.pin > a:hover,
.list-share > .item.pin > span:hover {
    background-position: 0 0!important;
}
.title-single-category {
    margin-top: 20px;
    border-bottom: solid 1px #0c2366;
}
.title-single-category:after {
    display: block;
    margin-bottom: 1px;
    border-bottom: solid 1px #0c2366;
    content: "";
}
.title-single-category .in {
    display: block;
    padding-top: 42px;
    padding-bottom: 36px;
}
@media(max-width:768px) {
    .title-single-category .in {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 6px;
    }
}
@media(max-width:768px) {
    .title-single-category .in img {
        height: 16px;
    }
}
.title-s-single {
    display: inline-block;
    margin: 60px 0 4px;
    font-size: 0;
    line-height: 1;
}
@media(max-width:768px) {
    .title-s-single {
        margin: 20px 0 4px;
    }
}
.title-s-single span {
    display: inline-block;
    border: solid 1px #0c2366;
    padding: 4px 8px;
}
.title-s-single img {
    height: 9px;
}
.title-single {
    margin: 0 0 10px;
    padding: 0 0 8px;
    border-bottom: solid 1px #0c2366;
    font-size: 26px;
    color: #0c2366;
}
@media(max-width:768px) {
    .title-single {
        margin: 0 0 6px;
        font-size: 18px;
    }
}
.title-single .category {
    font-size: 10px;
    color: #000;
}
.title-single .category:after {
    margin: 0 4px;
    content: ":";
}
@media(max-width:768px) {
    .title-single .category {
        display: block;
        font-size: 9px;
    }
}
.title-sidebar {
    font-size: 12px;
    margin: 10px 0;
    padding: 10px 0 8px;
    border-bottom: solid 1px #0c2366;
}
.title-category {
    margin-top: 16px;
    padding: 20px 0 11px;
    background-position: center;
    background-repeat: repeat-x;
    text-align: center;
}
.title-category.blog {
    background-image: url("images/bg_page_cat_blog.jpg");
}
.title-category.sitepolicy {
    background-image: url("images/bg_page_cat_sitepolicy.jpg");
}
@media(min-width:769px) {
    .title-category {
        padding: 0;
        height: 0;
    }
}
.title-collection {
    margin-bottom: 40px;
    background-color: #edeff5;
    font-family: "游明朝",YuMincho,"ヒラギノ明朝 ProN W3",Hiragino Mincho ProN,"HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
    font-size: 11px;
    color: #0c2366;
    text-align: center;
}
@media(max-width:768px) {
    .title-collection {
        margin: 20px 0 0;
        padding: 4px 0;
    }
}
.title-collection:before {
    display: block;
    margin-bottom: 10px;
    background-image: url("images/line_collection_01.gif");
    height: 1px;
    content: "";
}
@media(max-width:768px) {
    .title-collection:before {
        margin-bottom: 4px;
    }
}
.title-collection:after {
    display: block;
    margin-top: 10px;
    background-image: url("images/line_collection_02.gif");
    height: 1px;
    content: "";
}
@media(max-width:768px) {
    .title-collection:after {
        margin-top: 4px;
    }
}
.title-area-label {
    position: relative;
    display: block;
    padding: 14px 0 10px 36px;
    border-top: solid 1px #ccc;
    font-size: 12px;
    color: #0c2366;
    font-weight: 700;
}
.title-area-label:before {
    position: absolute;
    top: 50%;
    left: 16px;
    margin-top: -3px;
    border-top: solid 6px #0c2366;
    border-right: solid 3px transparent;
    border-bottom: solid 6px transparent;
    border-left: solid 3px transparent;
    content: "";
}
.title-area-label.active:before {
    margin-top: -8px;
    border-top: solid 6px transparent;
    border-right: solid 3px transparent;
    border-bottom: solid 6px #818181;
    border-left: solid 3px transparent;
    content: "";
}
.stitch-top {
    margin-top: 4px;
    border-top: dashed 1px #8a8b76;
}
.stitch-right {
    margin-right: 4px;
    border-right: dashed 1px #8a8b76;
}
.stitch-top-lg {
    margin-top: 4px;
    border-top: dashed 1px #8a8b76;
}
@media(max-width:768px) {
    .stitch-top-lg {
        margin-top: 0;
        border-top: none;
    }
}
.stitch-right-lg {
    margin-right: 4px;
    border-right: dashed 1px #8a8b76;
}
@media(max-width:768px) {
    .stitch-right-lg {
        margin-right: 0;
        border-right: none;
    }
}
@media(max-width:768px) {
    .stitch-top-xs {
        margin-top: 4px;
        border-top: dashed 1px #8a8b76;
    }
}
@media(max-width:768px) {
    .stitch-right-xs {
        margin-right: 4px;
        border-right: dashed 1px #8a8b76;
    }
}
.btn-gnav {
    position: relative;
    z-index: 333;
    cursor: pointer;
    outline: none;
    vertical-align: top;
    transition: all 0.4s;
}
.btn-gnav img {
    transition: all 0.4s;
}
.btn-gnav .open {
    display: block;
}
.btn-gnav .close {
    display: none;
    margin: 10px 8px;
}
.btn-gnav.active .open {
    display: none;
}
.btn-gnav.active .close {
    display: block;
}
.icn-twitter {
    display: inline-block;
    width: 20px;
    height: 16px;
    background-image: url("images/icn_twitter.png");
    vertical-align: top;
}
@media(max-width:768px) {
    .icn-twitter {
    display: inline-block;
        width: 26px;
        height: 22px;
        background-image: url("images/smartphone/icn_twitter.png");
        background-size: contain;
    }
}
.icn-facebook {
    display: inline-block;
    width: 18px;
    height: 18px;
    background-image: url("images/icn_facebook.png");
    vertical-align: top;
}
@media(max-width:768px) {
    .icn-facebook {
        width: 24px;
        height: 24px;
        background-image: url("images/smartphone/icn_facebook.png");
        background-size: contain;
    }
}
.icn-instagram {
    display: inline-block;
    width: 18px;
    height: 18px;
    background-image: url("images/icn_instagram.png");
    vertical-align: top;
}
@media(max-width:768px) {
    .icn-instagram {
        width: 24px;
        height: 24px;
        background-image: url("images/smartphone/icn_instagram.png");
        background-size: contain;
    }
}
.icn-youtube {
    display: inline-block;
    width: 41px;
    height: 17px;
    background-image: url("images/icn_youtube.png");
    vertical-align: top;
}
@media(max-width:768px) {
    .icn-youtube {
        width: 54px;
        height: 22px;
        background-image: url("images/smartphone/icn_youtube.png");
        background-size: contain;
    }
}
.icn-needle {
    display: inline-block;
    width: 44px;
    height: 56px;
    background-image: url("images/icn_needle.png");
    background-size: contain;
    vertical-align: top;
}
.icn-brand.porterclassic {
    display: inline-block;
    width: 24px;
    height: 20px;
    background-image: url("images/icn_brand_01.png");
}
.icn-brand.kichizo {
    display: inline-block;
    width: 32px;
    height: 20px;
    background-image: url("images/icn_brand_02.png");
}
.hero .logo {
    position: absolute;
    margin-bottom: -60px;
    bottom: 50%;
    width: 100%;
    text-align: center;
}
@media(min-width:769px) {
    .hero .logo {
        min-width: 1366px;
    }
}
@media(max-width:768px) {
    .hero .logo {
        bottom: 46%;
        min-width: auto;
    }
}
.hero .logo img {
    cursor: pointer;
}
@media(max-width:768px) {
    .hero .logo img {
        width: 40%;
        cursor: default;
    }
}
.logo-header {
    margin: 6px 40px 6px 140px;
}
@media(max-width:768px) {
    .logo-header {
        margin: 0;
        padding: 6px 0;
        text-align: center;
    }
}
.logo-footer {
    margin: 2px 54px;
}
.txt-news {
    display: inline-block;
    width: 28px;
    height: 11px;
    background-image: url("images/footer_news.png");
    vertical-align: top;
    font-size: 0;
    content: "News";
}
@media(max-width:768px) {
    .txt-news {
        width: 30px;
        height: 10px;
        background-image: url("images/smartphone/footer_news.png");
        background-size: contain;
    }
}
.txt-contactus {
    display: inline-block;
    width: 58px;
    height: 11px;
    background-image: url("images/footer_contactus.png");
    vertical-align: top;
    font-size: 0;
    content: "Contact us";
}
@media(max-width:768px) {
    .txt-contactus {
        width: 62px;
        height: 10px;
        background-image: url("images/smartphone/footer_contactus.png");
        background-size: contain;
    }
}
@media(max-width:768px) {
    .txt-newton{
        width: 106px;
        height: 14px;
        background-image: url("images/smartphone/footer_newton.png");
        background-size: contain;
        display: inline-block;
    }
}
.txt-sitepolicy {
    display: inline-block;
    width: 52px;
    height: 11px;
    background-image: url("images/footer_sitepolicy.png");
    vertical-align: top;
    font-size: 0;
    content: "Site Policy";
}
@media(max-width:768px) {
    .txt-sitepolicy {
        width: 60px;
        height: 12px;
        background-image: url("images/smartphone/footer_sitepolicy.png");
        background-size: contain;
    }
}
.container {
    width: 1280px;
    margin: 0 auto;
}
@media(max-width:768px) {
    .container {
        width: 100%;
    }
}
.row {
    overflow: hidden;
}
.row-left-lg {
    float: left;
}
@media(max-width:768px) {
    .row-left-lg {
        float: none;
    }
}
.row-right-lg {
    float: right;
}
@media(max-width:768px) {
    .row-right-lg {
        float: none;
    }
}
@media(min-width:769px) {
    .visible-xs {
        display: none!important;
    }
}
@media(max-width:768px) {
    .hidden-xs {
        display: none!important;
    }
}
.follow {
    position: fixed;
}
.totop {
    display: block;
    position: fixed;
    right: 80px;
    bottom: 68px;
    width: 28px;
    height: 30px;
    background-image: url("images/mark_top.png");
    background-size: contain;
    z-index: 9999;
}
@media(max-width:768px) {
    .totop {
        right: 8px;
        bottom: 160px;
    }
}
@media(min-width:769px) {
    .totop {
        position: fixed!important;
        right: 80px!important;
        bottom: 68px!important;
    }
}
.home .totop {
    display: none;
}
#archive,
#page_contact,
#page_instagram,
#taxonomy {
    background-color: #edeff5;
}
.content {
    margin: 40px 0;
    font-size: 13px;
}
@media(max-width:768px) {
    .content {
        font-size: 12px;
        margin: 26px 0;
    }
    .content img {
        width: 100%;
        height: auto;
    }
}
.content .images {
    overflow: hidden;
    margin: -4px;
}
@media(max-width:768px) {
    .content .images {
        margin-top: 20px;
    }
}
@media(min-width:769px) {
    .content .images {
        margin-top: 40px;
    }
}
.content .images a {
    display: block;
    float: left;
}
@media(max-width:768px) {
    .content .images a {
        padding: 4px;
        width: 50%;
    }
}
@media(min-width:769px) {
    .content .images a {
        margin: 4px;
    }
}
@media(max-width:768px) {
    .content iframe {
        width: 100%;
    }
}
.point-date-single {
    font-size: 10px;
    color: #0c2366;
}
.point-archive {
    font-size: 12px;
}
.block-shop {
    overflow: hidden;
    padding: 60px 0;
    background-color: #edeff5;
}
@media(max-width:768px) {
    .block-shop {
        padding: 0;
    }
}
@media(min-width:769px) {
    .block-collection {
        margin-top: 60px;
    }
}
.block-post-collection {
    margin-top: 40px;
}
.block-single-collection:first-child {
    padding-top: 40px;
}
@media(min-width:769px) {
    .block-single-collection {
        width: 1000px;
    }
}
@media(max-width:768px) {
    .block-single-collection {
        padding: 0 6px;
        box-sizing: border-box;
    }
}
.title-item-category {
    margin-top: 20px;
    font-size: 12px;
    color: #0c2366;
    font-weight: 700;
}
@media(max-width:768px) {
    .title-item-category {
        margin-top: 30px;
    }
}
.title-item-main {
    font-size: 30px;
    color: #0c2366;
}
@media(max-width:768px) {
    .title-item-main {
        font-size: 17px;
    }
}
.title-item-main:after {
    display: block;
    height: 3px;
    background-image: url("images/line_collection_03.gif");
    content: "";
}
@media(max-width:768px) {
    .title-item-main:after {
        margin: 6px 0 0;
        height: 1px;
        background-image: url("images/line_collection_02.gif");
    }
}
.title-item-main .section-color {
    font-size: 18px;
}
@media(max-width:768px) {
    .title-item-main .section-color {
        display: block;
        font-size: 13px;
    }
}
.title-item-main .section-color:after,
.title-item-main .section-color:before {
    margin: 0 4px;
    content: "-";
}
.title-item-sub {
    margin: 8px 0;
    font-size: 15px;
}
.title-item-sub .section-color:before {
    content: "【";
}
.title-item-sub .section-color:after {
    content: "】";
}
.section-copy {
    margin: 40px 0;
    font-size: 13px;
    line-height: 2;
}
@media(max-width:768px) {
    .section-copy {
        margin: 20px 0;
    }
}
.section-detail {
    overflow: hidden;
    margin: 60px 0;
    font-size: 12px;
    line-height: 2;
}
@media(max-width:768px) {
    .section-detail {
        margin: 20px 0 0;
    }
}
@media(min-width:769px) {
    .section-detail .list-detail {
        float: left;
        width: 50%;
    }
}
.section-detail .list-detail .contents {
    margin-bottom: 20px;
}
.header+.head-shop {
    margin-top: 52px!important;
}
@media(max-width:768px) {
    .header+.head-shop {
        margin-top: 59px!important;
    }
}
.head-shop {
    height: auto;
    padding: 0 0 20px;
    color: #0c2366;
    font-size: 13px;
    background: url("images/icon_shop_arrow.gif") no-repeat center bottom;
    background-size: 40px 20px;
}
.head-shop .inner {
    background: #edeff5;
}
.head-shop .slider-slick {
    margin: 0 0 35px;
}
.head-shop .slider-slick .slick-list li {
    padding: 6.4% 0 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.head-shop .slider-slick .slick-dots {
    margin: 15px 0 0;
    text-align: center;
}
.head-shop .slider-slick .slick-dots li {
    display: inline-block;
    margin: 0 10px;
    width: 149px;
    height: 90px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.head-shop .slider-slick .slick-dots li img {
    display: none;
}
.head-shop .slider-slick.ginza .slick-list .slick-slide00 {
    background-image: url("images/img_shop_ginza_01.jpg");
}
.head-shop .slider-slick.ginza .slick-list .slick-slide01 {
    background-image: url("images/img_shop_ginza_02.jpg");
}
.head-shop .slider-slick.ginza .slick-list .slick-slide02 {
    background-image: url("images/img_shop_ginza_03.jpg");
}
.head-shop .slider-slick.ginza .slick-list .slick-slide03 {
    background-image: url("images/img_shop_ginza_04.jpg");
}
.head-shop .slider-slick.ginza .slick-dots #slick-slide00 {
    background-image: url("images/img_shop_ginza_01.jpg");
}
.head-shop .slider-slick.ginza .slick-dots #slick-slide01 {
    background-image: url("images/img_shop_ginza_02.jpg");
}
.head-shop .slider-slick.ginza .slick-dots #slick-slide02 {
    background-image: url("images/img_shop_ginza_03.jpg");
}
.head-shop .slider-slick.ginza .slick-dots #slick-slide03 {
    background-image: url("images/img_shop_ginza_04.jpg");
}
.head-shop .slider-slick.kendosashiko .slick-list .slick-slide00 {
    background-image: url("images/img_shop_kendosashiko_01.jpg");
}
.head-shop .slider-slick.kendosashiko .slick-list .slick-slide01 {
    background-image: url("images/img_shop_kendosashiko_02.jpg");
}
.head-shop .slider-slick.kendosashiko .slick-list .slick-slide02 {
    background-image: url("images/img_shop_kendosashiko_03.jpg");
}
.head-shop .slider-slick.kendosashiko .slick-list .slick-slide03 {
    background-image: url("images/img_shop_kendosashiko_04.jpg");
    background-position: 50% 30%;
}
.head-shop .slider-slick.kendosashiko .slick-dots #slick-slide00 {
    background-image: url("images/img_shop_kendosashiko_01.jpg");
}
.head-shop .slider-slick.kendosashiko .slick-dots # slick-slide01 {
    background-image: url("images/img_shop_kendosashiko_02.jpg");
}
.head-shop .slider-slick.kendosashiko .slick-dots #slick-slide02 {
    background-image: url("images/img_shop_kendosashiko_03.jpg");
}
.head-shop .slider-slick.kendosashiko .slick-dots #slick-slide03 {
    background-image: url("images/img_shop_kendosashiko_04.jpg");
    background-position: 100% 50%;
}
.head-shop .slider-slick.isetan .slick-list .slick-slide00 {
    background-image: url("images/img_shop_isetan_01.jpg");
}
.head-shop .slider-slick.isetan .slick-list .slick-slide01 {
    background-image: url("images/img_shop_isetan_02.jpg");
    background-position: 50% 36%;
}
.head-shop .slider-slick.isetan .slick-list .slick-slide02 {
    background-image: url("images/img_shop_isetan_03.jpg");
}
.head-shop .slider-slick.isetan .slick-list .slick-slide03 {
    background-image: url("images/img_shop_isetan_04.jpg");
}
.head-shop .slider-slick.isetan .slick-dots #slick-slide00 {
    background-image: url("images/img_shop_isetan_01.jpg");
}
.head-shop .slider-slick.isetan .slick-dots #slick-slide01 {
    background-image: url("images/img_shop_isetan_02.jpg");
}
.head-shop .slider-slick.isetan .slick-dots #slick-slide02 {
    background-image: url("images/img_shop_isetan_03.jpg");
}
.head-shop .slider-slick.isetan .slick-dots #slick-slide03 {
    background-image: url("images/img_shop_isetan_04.jpg");
}
.head-shop .slider-slick.kanazawa .slick-list .slick-slide00 {
    background-image: url("images/img_shop_kanazawa_01.jpg");
    background-position: 50% 76%;
}
.head-shop .slider-slick.kanazawa .slick-list .slick-slide01 {
    background-image: url("images/img_shop_kanazawa_02.jpg");
    background-position: 50% 3%;
}
.head-shop .slider-slick.kanazawa .slick-list .slick-slide02 {
    background-image: url("images/img_shop_kanazawa_03.jpg");
    background-position: 50% 40%;
}
.head-shop .slider-slick.kanazawa .slick-list .slick-slide03 {
    background-image: url("images/img_shop_kanazawa_04.jpg");
    background-position: 50% 40%;
}
.head-shop .slider-slick.kanazawa .slick-dots #slick-slide00 {
    background-image: url("images/img_shop_kanazawa_01.jpg");
}
.head-shop .slider-slick.kanazawa .slick-dots #slick-slide01 {
    background-image: url("images/img_shop_kanazawa_02.jpg");
}
.head-shop .slider-slick.kanazawa .slick-dots #slick-slide02 {
    background-image: url("images/img_shop_kanazawa_03.jpg");
}
.head-shop .slider-slick.kanazawa .slick-dots #slick-slide03 {
    background-image: url("images/img_shop_kanazawa_04.jpg");
}
.head-shop .slider-slick.nagoya .slick-list .slick-slide01 {
    background-image: url("images/img_shop_nagoya_02.jpg");
    background-position: 50% 3%;
}
.head-shop .slider-slick.nagoya .slick-list .slick-slide00 {
    background-image: url("images/img_shop_nagoya_01.jpg");
    background-position: 50% 40%;
}
.head-shop .slider-slick.nagoya .slick-list .slick-slide01 {
    background-image: url("images/img_shop_nagoya_02.jpg");
    background-position: 50% 40%;
}
.head-shop .slider-slick.nagoya .slick-list .slick-slide02 {
    background-image: url("images/img_shop_nagoya_03.jpg");
    background-position: 50% 40%;
}
.head-shop .slider-slick.nagoya .slick-list .slick-slide03 {
    background-image: url("images/img_shop_nagoya_04.jpg");
    background-position: 50% 40%;
}
.head-shop .slider-slick.nagoya .slick-dots #slick-slide00 {
    background-image: url("images/img_shop_nagoya_01.jpg");
}
.head-shop .slider-slick.nagoya .slick-dots #slick-slide01 {
    background-image: url("images/img_shop_nagoya_02.jpg");
}
.head-shop .slider-slick.nagoya .slick-dots #slick-slide02 {
    background-image: url("images/img_shop_nagoya_03.jpg");
}
.head-shop .slider-slick.nagoya .slick-dots #slick-slide03 {
    background-image: url("images/img_shop_nagoya_04.jpg");
}
.head-shop .tit-shop {
    width: 1280px;
    margin: 0 auto;
    padding: 0 0 60px;
}
.head-shop .tit-shop h2 {
    text-align: center;
    background: url("images/bg_tit_shop.png") repeat-x center bottom;
    background-size: 35px 4px;
}
.head-shop .tit-shop h2 img {
    width: 336px;
}
.head-shop .tit-shop-txt {
    line-height: 1.7;
    margin: 35px 0 0;
    text-align: center;
}
@media(max-width:768px) {
    .head-shop {
        padding: 0 0 14px;
        background-size: 31px 14px;
    }
    .head-shop .slider-slick {
        margin: 0 0 35px;
    }
    .head-shop .slider-slick .slick-list li {
        padding: 6.4% 0 0;
    }
    .head-shop .slider-slick .slick-dots {
        margin: 10px 0 0;
        padding: 0 3%;
    }
    .head-shop .slider-slick .slick-dots li {
        display: inline-block;
        margin: 0 0 0 9px;
        width: 22%;
        padding: 16% 0 0;
        height: auto;
    }
    .head-shop .slider-slick .slick-dots li:first-child {
        margin: 0;
    }
    .head-shop .tit-shop {
        width: 100%;
        padding: 0 3% 25px;
    }
    .head-shop .tit-shop h2 img {
        width: 73%;
    }
    .head-shop .tit-shop .tit-shop-txt {
        margin: 12px 0 0;
        padding: 0 2%;
    }
}
.wrap-shop {
    margin: 60px 0 0;
    padding: 0 0 130px;
}
.wrap-shop .info {
    margin: 0 0 85px;
}
.wrap-shop .info .tit-info {
    width: 260px;
    margin: 0 auto 30px;
}
.wrap-shop .info #gMap {
    height: 450px;
}
.wrap-shop .info .map-link {
    display: none;
}
.wrap-shop .info .list-info {
    overflow: hidden;
}
@media(max-width:768px) {
    .wrap-shop .info .list-info {
        padding: 0 6px;
    }
}
@media(min-width:769px) {
    .wrap-shop .info .list-info {
        float: left;
        margin: 25px 50px 0 0;
        width: 600px;
    }
}
@media(max-width:768px) {
    .wrap-shop .info .list-info:first-child {
        margin-top: 25px;
    }
}
.wrap-shop .info .list-info:last-child {
    margin-right: 0;
}
.wrap-shop .info .list-info li {
    display: inline-block;
    width: 600px;
    float: left;
    padding: 10px 0;
    list-style-type: none;
    border-top: 1px solid #ccc;
}
.wrap-shop .info .list-info li dl {
    display: table;
    width: 100%;
}
.wrap-shop .info .list-info li dt {
    display: table-cell;
    width: 120px;
    vertical-align: top;
    font-size: 12px;
    color: #0c2366;
    font-weight: 700;
}
.wrap-shop .info .list-info li dd {
    display: table-cell;
    vertical-align: top;
    font-size: 13px;
    color: #333;
}
.wrap-shop .info .list-info li dd span {
    font-size: 11px;
}
.wrap-shop .news {
    width: 1150px;
    margin: 0 auto;
}
.wrap-shop .news .tit-news {
    width: 228px;
    margin: 0 auto 35px;
}
.wrap-shop .news .list-news {
    width: 100%;
    margin: 0 auto;
    font-size: 13px;
}
.wrap-shop .news .list-news li {
    list-style-type: none;
    margin: 0 0 30px;
}
.wrap-shop .news .list-news li dl {
    display: table;
    width: 100%;
}
.wrap-shop .news .list-news li dt {
    display: table-cell;
    width: 120px;
    vertical-align: top;
    color: #0c2366;
    font-weight: 700;
}
.wrap-shop .news .list-news li dd {
    display: table-cell;
    vertical-align: top;
    color: #333;
}
.wrap-shop .news .list-news li a {
    color: #333;
}
@media(max-width:768px) {
    .wrap-shop {
        margin: 15px 0 0;
        padding: 0 0 20px;
    }
    .wrap-shop .info {
        margin: 0 0 50px;
    }
    .wrap-shop .info .tit-info {
        width: 96%;
        margin: 0 auto 10px;
        padding: 5% 0;
        text-align: center;
        background: url("images/smartphone/bg_tit_shop.gif") repeat-x left center;
        background-size: 15px 3px;
    }
    .wrap-shop .info .tit-info img {
        width: 55%;
    }
    .wrap-shop .info #gMap {
        height: 200px;
    }
    .wrap-shop .info .map-link {
        display: block;
        margin: 10px 0 0;
        padding: 0 2%;
        text-align: right;
        font-size: 12px;
    }
    .wrap-shop .info .map-link a {
        color: #012aa2;
        text-decoration: underline;
    }
    .wrap-shop .info .list-info li {
        display: block;
        width: 100%;
        float: none;
        margin: 0;
        padding: 10px 0;
        border-top: none;
        border-bottom: 1px solid #ccc;
    }
    .wrap-shop .info .list-info li:nth-child(even) {
        margin: 0;
    }
    .wrap-shop .info .list-info li dl {
        display: table;
        width: 100%;
    }
    .wrap-shop .info .list-info li dd span {
        display: inline-block;
        font-size: 11px;
    }
    .wrap-shop .news {
        width: 100%;
    }
    .wrap-shop .news .tit-news {
        width: 96%;
        margin: 0 auto 10px;
        padding: 5% 0;
        text-align: center;
        background: url("images/smartphone/bg_tit_shop.gif") repeat-x left center;
        background-size: 15px 3px;
    }
    .wrap-shop .news .tit-news img {
        width: 49%;
    }
    .wrap-shop .news .list-news {
        width: 96%;
    }
    .wrap-shop .news .list-news li {
        margin: 0 0 15px;
        padding: 0 0 10px;
        border-bottom: 1px solid #ccc;
    }
    .wrap-shop .news .list-news li dl {
        display: block;
    }
    .wrap-shop .news .list-news li dt {
        display: block;
        width: auto;
        margin: 0 0 5px;
    }
    .wrap-shop .news .list-news li dd {
        display: block;
    }
}
.contact+*+* {
    margin-top: 0;
}
.contact+article.widget-bnr {
    margin-top: 0;
}
.section-contact {
    overflow: hidden;
    padding: 30px 0 0;
}
@media(min-width:769px) {
    .section-contact {
        width: 1280px;
        padding: 60px 0 0;
        margin: 0 auto;
    }
}
@media(max-width:768px) {
    .title-contact {
        text-align: center;
        font-size: 0;
    }
}
.title-contact img {
    vertical-align: top;
}
@media(max-width:768px) {
    .title-contact img {
        width: 117px;
        height: auto;
    }
}
.copy-contact {
    margin: 30px 0;
    font-size: 13px;
    line-height: 2;
    text-align: center;
}
@media(max-width:768px) {
    .copy-contact {
        margin: 20px 0;
    }
}
.row-contact {
    overflow: hidden;
    margin: 0 18px;
}
@media(max-width:768px) {
    .row-contact {
        margin: 0 6px;
    }
}
@media(min-width:769px) {
    .col-contact {
        float: left;
        margin: 0 52px;
        width: 516px;
    }
}
.col-contact .set {
    margin: 26px 0 0;
    font-size: 13px;
    color: #0c2366;
    font-weight: 700;
}
.col-contact .set .label-contact {
    display: inline-block;
    margin: 4px 0;
}
.col-contact .set input[type=email],
.col-contact .set input[type=text],
.col-contact .set textarea {
    padding: 12px;
    border: solid 1px #ccc;
    border-radius: 4px;
    background-color: #f4f7fa;
    box-sizing: border-box;
}
@media(max-width:768px) {
    .col-contact .set input[type=email],
    .col-contact .set input[type=text],
    .col-contact .set textarea {
        width: 100%;
    }
}
.col-contact .set textarea {
    resize: none;
}
@media(min-width:769px) {
    .col-contact .set textarea {
        width: 520px;
        height: 350px;
    }
}
.submit-contact {
    padding: 68px 0 138px;
    text-align: center;
}
@media(max-width:768px) {
    .submit-contact {
        padding: 30px 0 104px;
    }
}
.submit-contact input[type=submit] {
    display: inline-block;
    width: 359px;
    height: 64px;
    background-image: url("images/btn_contact.png");
    font-size: 18px;
    color: #fff;
}
@media(max-width:768px) {
    .submit-contact input[type=submit] {
        width: 300px;
        height: 50px;
        background-size: contain;
    }
}
.submit-contact input[type=submit]:hover {
    opacity: 0.8;
    cursor: pointer;
}
.wpcf7-response-output {
    display: none;
}
.page-instagram+*+* {
    margin-top: 0;
}
.page-instagram+article.widget-bnr {
    margin-top: 0;
}
.section-instagram {
    overflow: hidden;
    padding: 0 0 40px;
}
@media(min-width:769px) {
    .section-instagram {
        width: 1280px;
        padding: 60px 0;
        margin: 0 auto;
    }
}
.list-instagram {
    font-size: 0;
    margin: 20px 0;
}
.list-instagram > .author {
    d isplay: none;
    width: 50%;
    vertical-align: top;
}
@media(max-width:768px) {
    .list-instagram > .author {
        padding: 6px;
        box-sizing: border-box;
    }
}
@media(min-width:769px) {
    .list-instagram > .author {
        margin: 15px 13px;
        width: 276px;
    }
}
.list-instagram > .author img {
    width: 100%;
}
.list-instagram > .item {
    display: inline-block;
    width: 50%;
    vertical-align: top;
}
@media(max-width:768px) {
    .list-instagram > .item {
        padding: 6px;
        box-sizing: border-box;
    }
}
@media(min-width:769px) {
    .list-instagram > .item {
        margin: 0 10px;
        width: 306px;
    }
}
.list-instagram > .item a {
    display: none;
    position: relative;
}
.list-instagram > .item a .image {
    display: block;
    padding-top: 100%;
    width: 100%;
    background-size: cover;
    background-position: center;
}
.list-instagram > .item a .author {
    position: absolute;
    bottom: 5px;
    left: 10px;
    font-size: 10px;
    color: #fff;
}
.list-instagram > .item a .author:before {
    display: inline-block;
    margin-right: 4px;
    margin-bottom: -2px;
    width: 8px;
    height: 14px;
    background-image: url("images/icn_human.png");
    background-size: contain;
    background-repeat: no-repeat;
    content: "";
}
.list-instagram > .item a .likes {
    position: absolute;
    bottom: 6px;
    right: 3px;
    font-size: 10px;
    color: #fff;
}
.list-instagram > .item a .likes:before {
    display: inline-block;
    margin-right: 4px;
    margin-bottom: -1px;
    width: 12px;
    height: 10px;
    background-image: url("images/icn_heart.png");
    background-size: contain;
    background-repeat: no-repeat;
    content: "";
}
@media(max-width:768px) {
    .section-pdf {
        margin: 20px 0;
    }
    .section-pdf img {
        width: 100%;
    }
}
@media(min-width:769px) {
    .section-pdf {
        margin: 40px 0;
        text-align: right;
    }
}
.head-aboutus {
    position: relative;
    height: auto;
    padding: 53.7% 0 0;
    color: #fff;
    font-size: 14px;
    background: url("images/img_aboutus.jpg") no-repeat center top;
    background-size: contain;
}
.head-aboutus .inner {
    position: absolute;
    top: 30%;
    left: 0;
    right: 0;
    width: 1280px;
    line-height: 1.7;
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
}
.head-aboutus .inner .tit-left {
    float: left;
    width: 520px;
    padding: 0 0 0 120px;
}
.head-aboutus .inner .tit-right {
    float: right;
    width: 640px;
}
.head-aboutus .inner .tit {
    margin: 0 0 25px;
}
.head-aboutus .inner .txt {
    margin: 0 0 35px;
}
.head-aboutus .inner .spNone {
    display: block;
}
.head-aboutus .inner .pcNone {
    display: none;
}
@media(max-width:768px) {
    .head-aboutus {
        position: static;
        height: auto;
        padding: 0;
        color: #fff;
        font-size: 12px;
        background-size: contain;
    }
    .head-aboutus .inner {
        position: static;
        width: auto;
        padding: 288% 0 0;
        line-height: 1.7;
        margin: 0 auto;
        background: url("images/smartphone/img_aboutus.jpg") no-repeat center top;
        background-size: contain;
    }
    .head-aboutus .inner .tit-left {
        float: none;
        width: auto;
        padding: 0;
        margin: 0 0 50px;
    }
    .head-aboutus .inner .tit-right {
        float: none;
        width: auto;
        font-size: 11px;
    }
    .head-aboutus .inner .tit {
        margin: 0 0 13px;
    }
    .head-aboutus .inner .tit img {
        display: none;
    }
    .head-aboutus .inner .tit-jp {
        padding: 8% 0 0;
        background: url("images/smartphone/tit_aboutus_jp.png") no-repeat center top;
        background-size: contain;
    }
    .head-aboutus .inner .tit-en {
        padding: 8% 0 0;
        background: url("images/smartphone/tit_aboutus_en.png") no-repeat center top;
        background-size: contain;
    }
    .head-aboutus .inner .txt {
        margin: 0 0 15px;
    }
    .head-aboutus .inner .spNone {
        display: none;
    }
    .head-aboutus .inner .pcNone {
        display: block;
    }
}
.bnr-area {
    padding: 35px 0 30px;
    background: url("images/bg_aboutus_history.gif") repeat center bottom;
}
.bnr-area p {
    width: 392px;
    margin: 0 auto;
}
@media(max-width:768px) {
    .bnr-area {
        padding: 15px 0;
        background: url("images/bg_aboutus_history.gif") repeat center bottom;
        background-size: 30px 36px;
    }
    .bnr-area p {
        width: 100%;
        padding: 0 13%;
    }
}
.wrap-aboutus {
    padding: 0 0 130px;
}
.wrap-aboutus .company .tit_company {
    background: #dde6ee;
}
.wrap-aboutus .company .tit_company .inner {
    width: 1280px;
    margin: 0 auto;
    padding: 0;
    background: url("images/bg_tit_company.gif") no-repeat right top;
}
.wrap-aboutus .company h2 {
    padding: 54px 0;
    text-align: center;
}
.wrap-aboutus .company h2 img {
    vertical-align: top;
}
.wrap-aboutus .company .wrap-list {
    width: 1280px;
    overflow: hidden;
    margin: 0 auto;
    padding: 60px 0 0;
}
.wrap-aboutus .company .list-left {
    float: left;
}
.wrap-aboutus .company .list-right {
    float: right;
}
.wrap-aboutus .company .list-right.list dt {
    width: 175px;
}
.wrap-aboutus .company .list {
    width: 580px;
    font-size: 12px;
}
.wrap-aboutus .company .list li {
    padding: 10px 0;
    border-top: 1px solid #ccc;
    list-style-type: none;
}
.wrap-aboutus .company .list li:first-child {
    bord er-top: none;
}
.wrap-aboutus .company .list dl {
    display: table;
    width: 100%;
}
.wrap-aboutus .company .list dt {
    display: table-cell;
    width: 130px;
    color: #0c2366;
    font-weight: 700;
}
.wrap-aboutus .company .list dd {
    display: table-cell;
    color: #333;
}
.wrap-aboutus .company .pcNone {
    display: none;
}
@media(max-width:768px) {
    .wrap-aboutus {
        padding: 0 0 50px;
    }
    .wrap-aboutus .company .tit_company {
        background: #dde6ee;
    }
    .wrap-aboutus .company .tit_company .inner {
        width: auto;
        padding: 0;
        height: auto;
        background: none;
    }
    .wrap-aboutus .company h2 {
        width: 100%;
        padding: 18px 0 16px;
        line-height: 1;
    }
    .wrap-aboutus .company h2 img {
        width: 100px;
        vertical-align: top;
    }
    .wrap-aboutus .company .wrap-list {
        width: auto;
        padding: 15px 2% 0;
        font-size: 11px;
    }
    .wrap-aboutus .company .list-left {
        float: none;
        margin: 0 0 40px;
    }
    .wrap-aboutus .company .list-right {
        float: none;
    }
    .wrap-aboutus .company .list-right.list dt {
        width: 25%;
    }
    .wrap-aboutus .company .list {
        width: auto;
        font-size: 12px;
    }
    .wrap-aboutus .company .list dl {
        width: 100%;
    }
    .wrap-aboutus .company .list dt {
        width: 25%;
    }
    .wrap-aboutus .company .list .pcNone {
        display: block;
    }
}
.page-instagram {
    min-height: 2200px;
}
/*# sourceMappingURL=to.css.map */