@charset 'UTF-8';


.hdg-l3,
.related .related-hdg{
font-weight:700;
line-height:1.25;
}
.lyt-special #str-contents{
font-size:16px;
line-height:1.75;
}
.lyt-special #str-contents dl,
.lyt-special #str-contents menu,
.lyt-special #str-contents ol,
.lyt-special #str-contents p,
.lyt-special #str-contents table,
.lyt-special #str-contents ul{
margin-top:20px;
}
.lyt-special #str-contents .cmn-list-col-2 + .cmn-list-col-2{
margin-top: 10px;
}
.related-container{
padding:0 15px;
}
.related{
font-size:13px;
position:relative;
min-height:140px;
margin-top:10px;
padding-left:150px;
}
.related a{
text-decoration:none;
color:#333;
}
.related a:active .related-hdg,
.related a:focus .related-hdg,
.related a:hover .related-hdg{
text-decoration:underline;
}
.related .related-hdg{
font-size:18px;
margin-bottom:-10px;
color:#0b41a1;
}
.related .related-thumb{
position:absolute;
top:0;
left:0;
}
.page-info{
font-size:13px;
margin-top:40px;
border-top:1px solid #ddd;
}
.page-info p,
.page-info ul{
margin-top:10px!important;
}
.sns li{
display:inline-block;
margin-left:10px;
vertical-align:top;
}
.hdg-l3:before,
.hdg-l4-01:before,
.hdg-l4:before,
.hdg-l5:before{
display:block;
content:'';
overflow:hidden;
left:0;
}
.sns li:first-child{
margin-left:0;
}
.hdg-l2 {
font-size: 38px;
font-weight: 400;
line-height: 1.25;
position: relative;
margin-top: 80px;
padding: 20px 0 16px;
border-width: 2px 0;
border-style: solid;
border-color: #333;
margin-bottom: 30px;
text-align: center;
}
.nav-internal + .hdg-l2{
margin-top: 40px;
}
.hdg-l2:after, .hdg-l2:before {
position: absolute;
left: 0;
width: 100%;
height: 1px;
display: block;
content: '';
overflow: hidden;
background-color: #999;
}
.hdg-l2:before {
top: 2px;
}
.hdg-l2:after {
bottom: 2px;
}
.hdg-l2 .hdg-sup {
font-size: 24px;
display: block;
}
.hdg-l2 span.red {
color:#e70026;
}
.hdg-l2-img{
margin-top:60px;
}
.hdg-l3{
margin-top: 40px;
padding-bottom: 5px;
border-bottom: 1px solid #c9c9c9;
font-weight: 700;
line-height: 1.4;
font-size: 24px;
}
.hdg-l3>span {
font-size: 18px;
font-weight: 400;
line-height: 1.25;
display: inline-block;
margin-bottom: 5px;
padding: 5px 10px 2px;
color: #fff;
background-color: #004293;
}
.hdg-l2-img+.hdg-l3{
margin-top:15px;
}
.hdg-l4,
.hdg-l4-2{
font-size:18px;
position:relative;
margin:20px 0 -15px;
padding-left:18px;
}
.hdg-l4-2{
padding-left: 0;
}
.hdg-l4.branch{
margin:0 0 0;
line-height: 1.2;
}
.hdg-l4:before{
position:absolute;
top:.5em;
width:10px;
height:10px;
background-color:#000;
}
.box .hdg-l4:before{
display: none;
}
.box .hdg-l4{
padding-left: 0;
}
.hdg-l4 .sup{
display:inline-block;
font-size:12px;
}
.carousel+.hdg-l4{
margin-top:10px;
}
.hdg-l5{
font-size:18px;
font-weight:normal;
}
.btn,
.btn-01,
.btn-02{
font-weight:700;
line-height:1.3;
text-align:left;
text-decoration:none;
}
.hdg-l4-01:before{
position:absolute;
bottom:0;
width:100%;
height:2px;
background:url(/w_special/portland/images/hdg-bg-01-02.png) repeat-x;
}
.btn,
.btn-01{
font-size:18px;
display:inline-block;
margin-bottom:4px;
padding:15px 15px 11px;
color:#fff;
border:none;
border-radius:5px;
background-color: #078acb;
box-shadow: 0 4px 0 #066fa3;
}
[class*=cmn-list-col-] .btn,[class*=cmn-list-col-] .btn-01{
display:block;
}
.btn-01:active,
.btn-01:focus,
.btn-01:hover,
.btn:active,
.btn:focus,
.btn:hover{
color:#fff;
background-color:#0673c1;
box-shadow:0 4px 0 #005592;
}
.btn-01:visited,
.btn:visited{
color:#fff;
}
.btn-02,
.btn-02:visited{
color:#06c;
}
.btn-01{
background-color:#69a30c;
box-shadow:0 4px 0 #588d00;
}
.cmn-center .btn-01{
width: 45%;
text-align: center;
}
.lyt-special #str-contents .text-btn{
margin: 25px 0 -18px 0;
font-size: 16px;
font-weight: bold;
text-align: center;
}
.btn-01:active,
.btn-01:focus,
.btn-01:hover{
background-color:#578e00;
box-shadow:0 4px 0 #4c7d00;
}
.btn-02{
font-size:16px;
display:inline-block;
padding:10px 15px;
border:1px solid #ccc;
border-radius:5px;
background-color:#fff;
box-shadow:0 -2px 0 #e5e5e5 inset;
}
.btn-02:active,
.btn-02:focus,
.btn-02:hover{
color:#06c;
background-color:#f7f7f7}[class*=cmn-list-col-] .btn-02{
display:block;
}
.nav-internal{
display:table;
width: 100%;
}
.nav-internal>li{
line-height: 1.4;
display: inline-block;
vertical-align: middle;
}
.nav-internal>li:not(:first-child) {
border-left: 1px solid #d2d2d2;
}
.nav-internal>li a{
font-size: 16px;
line-height: 20px;
font-weight: 700;
position: relative;
display: block;
padding: 10px 20px 10px 32px;
text-decoration: none;
color: #333333;
letter-spacing: -0.05em;
}
.nav-internal>li a.line1{
padding: 20px 10px 20px 32px;
}
.nav-internal>li a:hover{
background:#e9e9e9;
}
.nav-internal>li>a:after, .nav-internal>li>a:before {
position: absolute;
content: '';
}
.nav-internal>li>a:before {
margin-top: -7px;
border-radius: 100%;
background-color: #888;
top: 50%;
left: 14px;
display: block;
overflow: hidden;
width: 14px;
height: 14px;
}
.nav-internal>li>a:after {
top: 48%;
left: 17px;
margin-top: -2px;
display: inline-block;
display: block;
width: 0;
height: 0;
margin: 0;
border-width: 4px 4px 0;
border-style: solid;
border-color: #fff transparent transparent;
}
.nav-internal>li>a>span {
display: block;
}
.carousel .cmn-carousel-item{
padding:0;
}
.carousel .cmn-carousel-item-inner ul li{
text-align:center;
}
.carousel .cmn-carousel-item-inner ul li .caption{
font-size:12px;
display:block;
max-width:800px;
margin:4px auto 0;
text-align:left;
color: #555;
}
.carousel .cmn-carousel-item-inner ul li .caption .img-info{
float: right;
padding-left: 20px;
}
.carousel .cmn-carousel-item-inner ul li .caption .img-info a{
display: inline;
text-decoration: none;
}
.carousel .carousel-thumb{
margin:10px -5px 0;
text-align:center;
}
.carousel .carousel-thumb>li{
display:inline-block;
overflow:hidden;
width:110px;
height:62px;
margin:0 5px;
}
.carousel .carousel-thumb>li.active a{
position:relative;
display:block;
}
.carousel .carousel-thumb>li.active a:before{
position:absolute;
top:0;
left:0;
display:block;
overflow:hidden;
width:100%;
height:100%;
content:'';
box-sizing:border-box;
border:2px solid #7796cf;
background-color:rgba(255,255,255,
.5);
}
.lyt-special #str-contents .tieup{
overflow:hidden;
margin-top:30px;
}
.lyt-special #str-contents .tieup-hdg{
font-weight:400;
position:relative;
display:block;
float:left;
padding:15px 20px 0 0;
}
.lyt-special #str-contents .tieup-hdg:before{
position:absolute;
top:1em;
right:4px;
display:block;
overflow:hidden;
width:1em;
height:100%;
content:'\ff1a';
}
.lyt-special #str-contents .tieup-list{
overflow:hidden;
margin:0;
}
.lyt-special #str-contents .tieup-list li{
display:inline-block;
margin-right:5px;
vertical-align:middle;
}
.lyt-special #str-contents .tieup-list li img{
vertical-align:bottom;
}
.lyt-special #str-contents .tieup-list li.tieup-3{
margin-right:10px;
}
.googlemap{
position:relative;
overflow:hidden;
width:100%;
height:0;
margin-top:20px;
padding-top:52.08333%;
}
.googlemap-inner{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
.googlemap-txt{
font-family:'メイリオ',Meiryo,'ヒラギノ角ゴPro W3','Hiragino Kaku Gothic ProN','ＭＳＰゴシック',sans-serif;
margin-top:0!important;
}
.lyt-special #str-contents .page-provide {
font-size: 12px;
margin-top: -20px!important;
}
.under-info-box{
margin-top:40px;
padding-top:20px;
border-top:1px solid #ddd;
}
.lyt-special #str-contents .under-info-box ul{
font-size:13px;
margin-top:8px;
}
.under-info-box ul li{
clear:both;
display:block;
line-height:1.4;
}
.under-info-box ul li span:first-child{
width:100px;
display:inline-block;
margin-right:10px;
margin-bottom:14px;
float:left;
}
.under-info-box ul li span:first-child:after{
content:':';
float:right;
}
.under-info-box ul li span + span{
display:flex;
word-break:break-all;
}

.under-info-box .cmn-grid-span-3{
border-left:1px solid #ddd;
min-height:275px;
padding-left:10px;
text-align:center;
}
.under-info-box .cmn-grid-span-3 li{
margin-bottom:15px;
}
.lyt-special #str-contents p.last-section {
margin: 100px 0 80px;
}

/* ----------------------------------------------------------------
    box
----------------------------------------------------------------- */

/* .box
----------------------------------------------- */

.box {
font-size: 14px;
margin: 10px 0;
padding:15px;
background:#f5f5f5;
}

.box > :first-child {
margin-top: 0;
}

.box > :last-child {
margin-bottom: 0;
}

/* .box-img
----------------------------------------------- */

.box-img {
overflow: hidden;
margin-bottom: 15px;
}

.box-img p {
margin: 0;
}

/* .pickup
----------------------------------------------- */

.pickup {
display: table;
box-sizing: border-box;
width: 100%;
}

.pickup .pickup-img {
display: table-cell;
width: 35.3%;
vertical-align: top;
}
.pickup-img p{
margin-bottom:0;
}
.pickup .pickup-info {
display: table-cell;
padding: 0 20px;
vertical-align: top;
}
.lyt-special #str-contents .pickup .pickup-info p{
margin: 5px 0;
}
.lyt-special #str-contents .pickup .pickup-info p.access-txt{
text-indent: -6em;
padding-left: 6em;
font-size: 12px;
}
.pickup .pickup-recommend {
display: table-cell;
width: 30%;
vertical-align: bottom;
}

.pickup .pickup-recommend .recommend-img {
width: 20.68966%;
}

.pickup .pickup-recommend .recommend-item {
background: #fff;
}

.pickup .pickup-recommend .recommend-item .recommend-main {
padding-left: 5px;
vertical-align: middle;
}

.pickup .pickup-recommend .recommend-item .recommend-main .hdg-l4 > span {
display: block;
}
.list-info>li {
position: relative;
margin-top: 3px;
padding-left: 26px;
}
.list-info>li .info-icon {
line-height: 20px;
position: relative;
position: absolute;
padding: 2px;
}

.list-info>li .info-icon:before {
position: absolute;
content: '';
font-size: 12px;
text-align: center;
color: #fff;
border-radius: 3px;
background-color: #999;
}
.list-info>li .info-icon, .list-info>li .info-icon:before {
top: 0;
left: 0;
width: 20px;
height: 20px;
display: block;
overflow: hidden;
}
.list-info>li .info-icon.address:before {
content: '\4f4f';
}
.list-info>li .info-icon.phone:before {
content: 'Tel';
}
.list-info>li .info-icon.time:before {
content: '\6642';
}
.list-info>li .info-icon.holiday:before {
content: '\4f11';
}
.list-info>li .info-icon.site:before {
content: 'HP';
}
.list-info>li .info-icon.access:before {
content: '\30a2';
}
.list-info>li .info-icon.price:before {
content: '\6599';
}
.list-info>li a{
word-wrap: break-word;
word-break: break-all;
}
.list-info>li:first-child a {
background: url(/j_special/kaisen/images/ic-pin01-001.png) no-repeat right 3px;
background-size: 11px 17px;
padding-right: 15px;
color: #333;
text-decoration: none;
}
@media screen and (max-width: 740px){
.nav-internal>li{
width: 100%;
float: none;
display: block;
border: 0;
border-bottom: 1px solid #d2d2d2;
margin: 0 0px;
padding: 0 10px;
}
.nav-internal>li a{
padding: 10px 20px 10px 19px;
}
.nav-internal>li:not(:first-child) {
border-left: 0;
}
.nav-internal>li>a:before {
margin-top: -7px;
border-radius: 100%;
background-color: #888;
top: 50%;
left: 1px;
display: block;
overflow: hidden;
width: 14px;
height: 14px;
}
.nav-internal>li>a:after, .nav-internal>li>a:before {
position: absolute;
content: '';
}
.nav-internal>li a:after {
left: 4px;
}
.lyt-special #str-contents p.last-section {
margin: 35px 0;
}
}
@media screen and (max-width: 550px) {
.cmn-center .btn-01{
width: 100%;
box-sizing: border-box;
}
.hdg-l1 + p{
margin-bottom: 10px;
}
.lyt-special #str-contents .nav-internal{
margin-top: 0;
}
#str-contents .hdg-l1{
margin: 0 -10px;
}
.lyt-special #str-contents .nav-internal{
margin: 0 -10px;
}

.lyt-special #str-contents .text-btn {
margin: 15px 0 -10px 0;
font-size: 13px;
font-weight: bold;
text-align: center;
}
.pickup .pickup-img{
display:block;
clear:both;
width:100%;
padding: 0 50px;
box-sizing:border-box;
}
.pickup .pickup-info {
display: block;
padding: 0;
vertical-align: top;
}
.hdg-l4,
.hdg-l4-2{
margin:20px 0 -5px 0;
font-size:13px;
}
.hdg-l4.branch .sup{
display:inline-block;
font-size:11px;
}
.pickup .pickup-img{
margin-bottom:10px;
}
.info-hdg{
margin-bottom:-5px;
font-size:14px;
}
.carousel .cmn-carousel-item-inner ul li .caption .img-info{
padding-left: 0;
text-align: left;
display: block;
float: none;
}
.list-info>li:first-child a{
background: url(/j_special/kaisen/images/ic-pin01-001.png) no-repeat right 0;
background-size: 9px 14px;
padding-right: 13px;
}
.cmn-carousel .cmn-carousel-item-inner{
min-height: 230px;
}
.str-br{
display: block;
}
}


@media screen and (max-width:720px){
.lyt-special #str-contents{
font-size:13px;
line-height:1.65;
}
.lyt-special #str-contents dl,
.lyt-special #str-contents menu,
.lyt-special #str-contents ol,
.lyt-special #str-contents p,
.lyt-special #str-contents table,
.lyt-special #str-contents ul{
margin-top:10px;
}
.related-container{
padding:0;
}
.related{
min-height:110px;
padding-left:110px;
}
.related .related-hdg{
font-size:15px;
}
.related .related-thumb{
max-width:100px;
}
.hdg-l1{
margin:0 -10px;
}
.hdg-l3{
font-size:18px;
min-height:30px;
margin-top:40px;
padding:8px 0 8px 0;
}
.hdg-l3:before{
width:30px;
height:30px;
margin-top:-17px;
}
.hdg-l2-img+.hdg-l3{
margin-top:10px;
}
.hdg-l4{
font-size:13px;
margin:10px 0 -10px;
padding-left:12px;
}
.hdg-l4:before{
top:.35em;
width:8px;
height:8px;
}
.hdg-l4-01{
font-size:24px;
padding:15px 0;
}
.nav-internal>li a:active img,
.nav-internal>li a:focus img,
.nav-internal>li a:hover img{
opacity:1;
}
.nav-internal>li a:hover{
background: #fff;
}
.carousel .carousel-thumb>li{
width:62px;
height:auto;
}
.lyt-special #str-contents .tieup-hdg{
font-size:16px;
float:none;
padding:8px 10px 5px;
border-top:2px solid #dbdbdb;
background-color:#f8f8f8;
}
.lyt-special #str-contents .tieup-hdg:before{
display:none;
}
.lyt-special #str-contents .tieup-list{
margin-top:5px;
}
.lyt-special #str-contents .tieup-list>li{
margin:5px 5px 0 0}}

@media screen and (max-width:550px){
.btn,
.btn-01,
.btn-02{
line-height:1.2;
display:block;
}
.related-container{
margin-top:-10px;
}
.related{
margin-top:20px;
}
.sns li{
margin-left:5px;
}
.hdg-l2-img{
margin-top:30px;
}
.hdg-l3{
font-size:16px;
margin-top:20px;
}
.hdg-l4-01{
margin-top:30px;
padding:10px 0;
}
.hdg-l5{
font-size:18px;
}

.btn,
.btn-01{
font-size:15px;
padding:10px 10px 7px;
font-size:14px;
}
.btn-02{
font-size:14px;
box-shadow:0 -3px 0 #e5e5e5 inset;
}
.lyt-special #str-contents .cmn-list-col-2 + .cmn-list-col-2 {
margin-top: -3px;
}
.googlemap{
padding-top:85%;
}
.hdg-l2{
margin-top:40px;
margin-bottom: 0;
padding-top: 14px;
padding-bottom: 14px;
}
.hdg-l3 {
font-size: 14px;
margin:15px 0 0 0 ;
min-height: inherit;
padding-top: 0;
}
.hdg-l3>span{
font-size: 12px;
}
}
@media screen and (max-width:720px){
.under-info-box{
margin-top:0;
padding-top:0;
border-top:0;
}
.hdg-l2 {
font-size: 18px;
}
.hdg-l2 .hdg-sup {
font-size: 15px;
}
.hdg-l5{
margin-top:35px;
font-size:16px;
border-bottom:1px solid #e5e5e5;
text-align:left;
margin-bottom:15px;
}
.under-info-box .cmn-grid-span-3{
border-left:0;
min-height: inherit;
padding-left:0;
text-align:center;
}
}