@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;
}
.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-img{
margin-top:60px;
}
.hdg-l3{
margin-top: 50px;
padding-bottom: 5px;
/*border-bottom: 1px solid #c9c9c9;*/
border-bottom: 2px solid #E8DDC3;
font-weight: 700;
line-height: 1.4;
font-size: 24px;
}

.hdg-l2-img+.hdg-l3{
margin-top:15px;
}
.hdg-l4{
font-size:18px;
position:relative;
margin:20px 0 -15px;
padding-left:18px;
}
.hdg-l4.branch{
margin:0 0 0;
}
.hdg-l4:before{
position:absolute;
top:.5em;
width:10px;
height:10px;
background-color:#000;
}
.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:center;
text-decoration:none;
width:100%;
max-width:470px;
}
.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;*/
padding:15px 0 11px;
color:#fff;
border:none;
border-radius:5px;
background-color: #17BBC3;
box-shadow: 0 4px 0 #0B8A90;
}
[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:#05A9B1;
box-shadow:0 4px 0 #0B8A90;
}
.btn-01:visited,
.btn:visited{
color:#fff;
}
.btn-02,
.btn-02:visited{
color:#048785;
}
.btn-01{
background-color:#69a30c;
box-shadow:0 4px 0 #588d00;
}
.btn-01:active,
.btn-01:focus,
.btn-01:hover{
background-color:#578e00;
box-shadow:0 4px 0 #4c7d00;
}
.btn-02{
font-size:18px;
display:inline-block;
/*padding:10px 15px;*/
padding:15px 0 11px;
border:1px solid #ccc;
border-radius:5px;
background-color:#fff;
/*box-shadow:0 -2px 0 #e5e5e5 inset;*/
box-shadow:0 -3px 0 #e5e5e5 inset;
}
.btn-02:active,
.btn-02:focus,
.btn-02:hover{
color:#048785;
background-color:#f7f7f7}[class*=cmn-list-col-] .btn-02{
display:block;
}


p.btn-sns-area {
display:block;
width:470px;
margin:0 auto;
}
p.btn-sns-area:after {
content:" ";
display:block;
clear:both;
}
.btn-instagram,
.btn-facebook {
max-width:225px;
padding-left:0;
padding-right:0;
}
.btn-instagram{
float:left;
background-color:#E74C28;
box-shadow:0 4px 0 #AE2D0F;
}
.btn-instagram:active,
.btn-instagram:focus,
.btn-instagram:hover{
background-color:#D33814;
box-shadow:0 4px 0 #9A1900;
}
.btn-facebook {
float:right;
background-color:#096DBA;
box-shadow:0 4px 0 #025390;
}
.btn-facebook:active,
.btn-facebook:focus,
.btn-facebook:hover{
background-color:#0059A6;
box-shadow:0 4px 0 #003F7C;
}

.nav-internal{
display:table;
margin:0 auto;
table-layout:fixed;

margin-top:60px!important;
}
.nav-internal>li{
display:table-cell;
/*padding:0 20px;*/
vertical-align:top;
}
.nav-internal>li a{
display:block;
}
.nav-internal>li a:active img,
.nav-internal>li a:focus img,
.nav-internal>li a:hover img{
opacity:.6;
}
.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:960px;
margin:4px auto 0;
text-align:left;
}
.carousel .carousel-thumb{
margin:10px -5px 0;
text-align:center;
}
.carousel .carousel-thumb>li{
display:inline-block;
overflow:hidden;
/*width:110px;
height:61px;*/
width:120px;
height:75px;
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;
}

.under-info-box .link_icon a {
    background: url(../images/ar02_a001.gif) no-repeat right 50%;
    padding-right: 15px;
}

/* ----------------------------------------------------------------
    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;
}

.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;
}


/*201702追加*/
#str-main h2 {
	text-align:center;
	margin:45px 0 32px;
}

/* ul.col-area {
	margin:0 auto;
	width:80%;
} */
ul.col-area li {
	width:32%;
	/* width:48%; */
	float:left;
	text-align:center;
	background:#09C;
	margin-left:2%;
	margin-top:23px;
	border-radius:20px;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
}
ul.col-area li:first-child {
	margin-left:0;
}
ul.col-area:after {
    content:" ";
    display:block;
    clear:both;
}
ul.col-area li img {
	width:100%;
	height:auto;
	max-width:308px;
	margin-top:-23px;
}
ul.col-area li span {
	display:block;
	text-align:left;
	color:#FFF;
	margin:0 20px 30px;
	font-size:0.75em;
	line-height:190%;
}
h3.hdg-01-02 {
	text-align:center;
	/* margin:30px 0 0; */
	margin:100px 0 0;
}
.cameraman {
	max-width:580px;
	position:relative;
	margin:20px auto 20px;
}
.cameraman hr {
	background:url(../images/img-01-camera-line.png) no-repeat center left;
	height:5px;
	border:none;
}
.cameraman img {
	position:absolute;
	left:0;
	top:15px;
}
.cameraman .text-area {
	min-height:110px;
}
#str-container .text-area p {
	margin-left:130px;
	margin-top:0;
}
#str-container .text-area p.name {
	margin-top:15px;
}
#str-container .text-area p.name span {
	font-size:0.6em;
}
#str-container .text-area p.text {
	font-size:0.75em;
	margin-top:5px;
}
#str-container #osusume h3 {
	background:#FF91A0;
	text-align:center;
	margin-top:30px;
}
#str-container #osusume h4 {
	color:#FF91A0;
	font-size:18px;
	margin-top:20px;
}
#str-container #kandou h3 {
	background:#58C5F4;
	text-align:center;
	margin-top:30px;
}
#str-container #kandou h4 {
	color:#58C5F4;
	font-size:18px;
	margin-top:20px;
}
#str-container #osusume p,
#str-container #kandou p {
	margin:5px 0 20px;
}
#str-container #osusume,
#str-container #kandou {
	background:url(../images/line-05.png) no-repeat center bottom;
	padding-bottom:40px;
}
#str-container #osusume .caption {
	text-align:right;
}
#str-container #check-area {
	margin:30px 0 50px;
}
#str-container #check-area h3 {
	text-align:center;
}
#str-container #check-area a {
	padding-left:0;
	padding-right:0;
}
#str-container #campaign-area {
	background:url(../images/campaign-bg.jpg) repeat-y left top;
	text-align:center;
	border-radius:15px;
	padding:30px 10px 50px;
}
#str-container #campaign-area .line {
	margin:15px auto 15px;
}
#str-container #campaign-area h3 {
	text-align:center;
}
#str-container #campaign-area p.title-area {
	text-align:center;
	margin:8px 0 0;
}
#str-container #campaign-area p.title-area span {
	color:#E74D29;
	font-size:1.3em;
	font-weight:bold;
}
#str-container #campaign-area .setlist-area {
	margin:15px 0 20px;
}
#str-container #campaign-area .setlist {
	max-width:840px;
	margin:0 auto 0;
	text-align:left;
}
#str-container #campaign-area .setlist:after {
    content:" ";
    display:block;
    clear:both;
}
#str-container #campaign-area .setlist .plus {
	clear:both;
	display:block;
}
#str-container #campaign-area .setlist .image {
	float:left;
	width:40%;
	max-width:330px;
	height:auto;
	margin:0 3% 0 0;
}
#str-container #campaign-area .setlist .setlist-text {
	float:left;
	width:57%;
}
#str-container #campaign-area .setlist .setlist-text p {
	margin:5px 0 0;
	font-size:0.85em;
}
#str-container #campaign-area h4 {
	text-align:left;
	color:#804704;
	font-size:16px;
}
#str-container #campaign-area .oubo-area {
	text-align:left;
	max-width:840px;
	margin:0 auto;
}
#str-container #campaign-area .oubo-area p {
	font-size:0.85em;
	margin:8px 0 0;
}
#str-container #campaign-area .oubo-area p span {
	color:#E74D29;
	font-weight:bold;
}
#str-container #campaign-area .oubo-area a {
	word-break: break-all;
}

#carousel-1 .carousel-thumb>li.active a:before{
	border:2px solid #8CDBE0;
}
#osusume .carousel-thumb>li.active a:before{
	border:2px solid #FF91A0;
}
#kandou .carousel-thumb>li.active a:before{
	border:2px solid #58C5F4;
}
#str-container h2#anchor-4 img{
	margin:0 auto;
}

#str-container .photo-caption {
	display:block;
	text-align:right;
	font-size:0.8em;
	max-width:800px;
	margin:0 auto;
	padding:0;
}

.pagetop-link a {
	text-decoration:none;
	color:#10449e;
	font-size:0.9em;
}
.pc-only {
	display:block;
}
.sp-only {
	display:none;
}
@media screen and (max-width: 980px) {
}
@media screen and (max-width: 720px){
/* ul.col-area{
	width: 100%;
} */
ul.col-area li {
width:auto;
float:inherit;
margin-left:0;
padding-bottom:5px;
}
#str-container #osusume .carousel-thumb li,
#str-container #kandou .carousel-thumb li {
	width:17%;
	height:auto;
}

#str-container #campaign-area .setlist {
	text-align:center;
}
#str-container #campaign-area .setlist .image {
	float:none;
	width:100%;
	max-width:330px;
	height:auto;
	margin:0 auto;
}
#str-container #campaign-area .setlist h4 {
	text-align:center;
}
#str-container #campaign-area .setlist p {
	text-align:left;
}
#str-container #campaign-area .setlist .setlist-text {
	float:none;
	width:auto;
}
#str-container #campaign-area .setlist .plus {
	margin:0 auto;
}

.pc-only {
	display:none;
}
.sp-only {
	display:block;
}
}
@media screen and (max-width: 550px){
#str-container #carousel-1 .carousel-thumb li {
	width:22%;
	height:auto;
}
#str-container .btn,
#str-container .btn-02 {
	max-width:none;
}
p.btn-sns-area {
width:100%;
}
#str-container .btn-instagram,
#str-container .btn-facebook {
	width:49%;
}
}
/*201702追加 ここまで*/


@media screen and (max-width: 550px) {
.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{
margin:10px 0 5px 0;
font-size:14px;
}
.hdg-l4 span{
display:block;
font-size:11px;
}
.pickup .pickup-img{
margin-bottom:10px;
}
.info-hdg{
margin-bottom:-5px;
font-size:14px;
}
}

}


@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 35px;
}
.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:first-child{
padding-left:0;
}
.nav-internal>li:last-child{
padding-right:0;
}
.nav-internal>li a:active img,
.nav-internal>li a:focus img,
.nav-internal>li a:hover img{
opacity:1;
}
.carousel .carousel-thumb>li{
width:80px;
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;
width:auto;
}
.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 15px 7px;
}
.btn-02{
font-size:14px;
box-shadow:0 -3px 0 #e5e5e5 inset;
}
.nav-internal>li{
/*padding:0 5px;*/
}
.carousel .carousel-thumb>li{
width:54px;
margin:0 2px;
}
.lyt-special #str-contents .tieup-list>li.tieup-1{
width:136.67px;
}
.lyt-special #str-contents .tieup-list>li.tieup-2{
width:103.33px;
}
.lyt-special #str-contents .tieup-list>li.tieup-3{
width:25.83px;
}
.lyt-special #str-contents .tieup-list>li.tieup-4{
width:116.67px;
}
.googlemap{
padding-top:85%;
}
}
@media screen and (max-width:720px){
.under-info-box{
margin-top:0;
padding-top:0;
border-top:0;
}
.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;
}
}