@charset "UTF-8";
 div#wrap{
width:100%;
min-width:100%;
}
div#main_div {
width: 95%;
margin: 0 auto;
margin-top:40px;
overflow: visible;
}
div#main_div img{
max-width:100%;
height:auto;
}  .pc_disp {
display: none;
}
.smt_disp {
display: block;
}
.smt_disp img {
max-width: 526px;
max-width: 100%;
width: 100%;
height:auto;
} #header{
width:100%;
min-width:100%;
height:80px;
background:none;
background-color:#A6181D;
position:static;
}
#header .logo{
position:absolute;
top:0;
left:4px;
background-color:#A6181D;
width:110px;
height:110px;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
z-index:100;
}
#header .logo img{
margin:10px 0 0 10px;
max-width:90px;
height:auto;
}
#header h1{
position:absolute;
top:22px;
left:118px;
color:#fff;
font-size:12px;
width:176px;
height:auto;
} #header_top .movie_block .catch_bg{
width:100%;
}
#header_top .movie_block .catch_bg img{
max-width:100%;
width:auto;
height:auto;
} .top_mv_farame{
height: auto;
} #header_top .catch_msg1{
display:none;
}
#header_top .catch_msg2{
position:absolute;
right:auto;
left:10px;
top:36px;
width:auto;
height:auto;
}
#header_top .catch_msg2 img{
width:90%;
height:auto;
}
#header_top .matsuura{
position:absolute;
bottom:0;
right:0;
}
#header_top .matsuura img{
} #header_top .btn_menu{
width:100%;
height:100%;
}
#header_top .btn_menu li{
display:table-cell;
width:33%;
}
#header_top .btn_menu img{
max-width:100%;
height:auto;
} #header_top .moji_type{
float:none;
display:block;
margin:0 0 10px 0;
text-align:center;
}
#header_top .moji_type .about{
text-align:center;
}  #smt-menu-btn{
position: absolute;
display:block;
margin:0;
padding:0;
background-color: #A6181D;
box-sizing: border-box;
display: block;
width: 64px;
height: 80px;
top: 0px;
right: 0;
z-index: 4;
}
#smt-menu-btn .cap_menu{
position: absolute;
top: 8px;
left:14px;
font-size: 14px;
color: #fff;
}
#smt-menu-btn:before,
#smt-menu-btn:after,
#smt-menu-btn span{
background: #fff;
content: '';
display: block;
width: 44px;
height: 6px;
position: absolute;
left: 11px;
}
#smt-menu-btn:before{
top: 30px;
}
#smt-menu-btn span{
top: 41px;
}
#smt-menu-btn:after{
top: 52px;
} .mm-menu{
background:#fff !important;
}
.mm-menu .mm-listview{
border-color:#cccccc !important;
color:#000000 !important;
margin-top:20px !important;
}
#mmenu-side .mm-navbar{
background: url(//matsuura-guide.com/wp-content/themes/matsukoi/images/footer_logo.png) no-repeat !important;
background-size: 50px 50px !important;
width:100%;
height:70px;
background-position:top 10px left 20px !important;
border-color:#999 !important;
}
#mmenu-side .menu-item a{ margin-left:6px;
} #sidebar {
clear:both;
float:none;
width:100%;
margin-top:50px;
}
#sidebar .bnr_douda img{
width:100%;
height:auto;
}
#sidebar .bnr_fb img{
width:100%;
height:auto;
}
#sidebar .syun .block a.main_img_frame{
width:24%;
height:auto;
margin-right:3%;
}
#sidebar .syun .block .main_img{
width:100%;
}
#sidebar .syun .block .main_img img{
width:auto;
height:100%;
}
#sidebar .syun .block .title{
width:73%;
height:auto;
} #footer_pr{
width:100%;
margin:30px 0 0 0;
}
#footer_pr .title{
width:95%;
margin:0 auto;
margin-bottom:6px;
}
#footer_pr .member_bnr{
text-align:center;
width:auto;
height:auto;
min-height:74px;
max-width:47%;
margin:2px 1%;
}
#footer_pr .member_bnr img{
max-width:47%;
height:auto;
}
#footer .menu1,
#footer .menu2{
margin:0;
text-align:center;
}
#footer .menu2{
margin-bottom:20px;
}
#footer .footer_info_before{
background-position:left 10px top 1px;
}
#footer .footer_info{
text-align:center;
}
#footer .footer_info .logo{
display:none;
}
#footer .footer_info .info{
clear:both;
width:100%;
margin-top:30px;
font-size:14px;
font-size:1.4rem;
}
#footer .footer_info .info .copyright{
margin-top:20px;
font-size:13px;
font-size:1.3rem;
} #content_main{
} #content_main .m_contents{
width:96%;
margin:0 auto;
text-align:center;
}
#content_main .m_contents .bnr{
margin:10px 0 0 0;
width:100%;
height:auto;
}
#content_main .m_contents .smt_bnr{
float:left;
width:31%;
margin-right:2%;
height:auto;
}
#content_main .m_contents .smt_bnr img{
max-width:100%;
height:auto;
}
#content_main .m_contents .bnr_douda,
#content_main .m_contents .bnr_fb{
clear:both;
float:none;
width:100%;
}
#content_main .m_contents .bnr img{
max-width:100%;
height:auto;
} #content_main .m_syun{
width:100%;
}
#content_main .m_syun .title{
margin-left:10px;
}
#content_main .m_syun .m_syun_box{
width:100%;
height:auto;
background-repeat:repeat;
}
#content_main .m_syun .m_syun_box .in_box{
margin:2%;
display:inline-block;
}
#content_main .m_syun .m_syun_box .in_box .more{
margin-top:10px;
margin-right:0;
}
#content_main .m_syun .m_syun_box .in_box .block{
clear:both;
float:none;
width:100%;
height:auto;
margin:2% 0;
display:inline-block;
}
#content_main .m_syun .m_syun_box .in_box .block a.main_img_frame{
float:left;
width:38%;
height:auto;
margin-right:3%;
}
#content_main .m_syun .m_syun_box .in_box .block .main_img{
float:left;
width:100%;
height:auto;
}
#content_main .m_syun .m_syun_box .in_box .block .main_img img{
max-width:100%;
height:auto;
}
#content_main .m_syun .m_syun_box .in_box .block .main_txt{
float:left;
width:52%;
height:auto;
}
#content_main .m_syun .m_syun_box .in_box .block .yaji{
display:block;
float:left;
width:4%;
height:auto;
margin-left:3%;
margin-top:24px;
}
#content_main .m_syun .m_syun_box .in_box .block .yaji img{
max-width:100%;
height:auto;
} #content_main .m_event{
clear:both;
float:none;
width:95%;
margin:0 auto;
margin-top:30px;
}
#content_main .m_event .photo{
clear:both;
float:none;
width:100%;
height:63px;
background-image:url(//matsuura-guide.com/wp-content/themes/matsukoi/images/top_event_title_smt.png);
background-repeat:no-repeat;
background-size:auto 63px;
background-position:top center;
}
#content_main .m_event .block{
width:100%;
}
#content_main .m_event .block .box{
width:100%;
display:inline-block;
border-bottom:1px solid #ccc;
padding:10px 0;
box-sizing:border-box;
}
#content_main .m_event .block .box .image_main{
max-width:30%;
height:auto;
margin-right:4%;
}
#content_main .m_event .block .box .image_main img{
max-width:100%;
height:auto;
}
#content_main .m_event .block .box img{
}
#content_main .m_event .block .box .naiyou{
width:57%;
margin-right:3%;
}
#content_main .m_event .block .box .naiyou .date{
}
#content_main .m_event .block .box .naiyou .title{
}
#content_main .m_event .block .box .naiyou .kiji{
width:auto;
}
#content_main .m_event .block .box .next{
width:6%;
}
#content_main .m_event .block .box .next img{
max-width:100%;
height:auto;
}
#content_main .m_event .more{
} #content_main .douda{
width:100%;
text-align:center;
}
#content_main .douda .title_img{
clear:both;
float:none;
margin:0;
}
#content_main .douda .mes{
clear:both;
float:none;
width:95%;
margin:20px auto;
font-size:16px;
font-size:1.6rem;
text-align:left;
}
#content_main .douda .more{
float:none;
margin-right:0;
} .movie .bx-wrapper .bx-controls-direction a.bx-prev ,
.movie .bx-wrapper .bx-controls-direction a.bx-next {
top: 64px;
}
.movie .bx-wrapper .bx-controls-direction a.bx-prev {
left:20px;
}
.movie .bx-wrapper .bx-controls-direction a.bx-next {
right:20px;
} .photog {
width: 96%:	
}
.photog img {
max-width: 100%;
height: auto;
} #content_main .m_yokatoko_catalog{
width:100%;
height:auto;
background-repeat:repeat;
}
#content_main .m_yokatoko_catalog .catalog_l{
clear:both;
float:none;
width:96%;
margin:0 auto;
}
#content_main .m_yokatoko_catalog .catalog_l .title{
clear:both;
float:none;
max-width:100%;
height:auto;
margin:30px 0 20px 0;
}
#content_main .m_yokatoko_catalog .catalog_l .img1{
display:none;
}
#content_main .m_yokatoko_catalog .catalog_l .img2{
display:none;
}
#content_main .m_yokatoko_catalog .catalog_l .block2,
#content_main .m_yokatoko_catalog .catalog_l .block{
width:48%;
height:auto;
max-width:200px;
max-height:220px;
margin:18px 2% 0 0;
padding-bottom:10px;
box-sizing:border-box;
}
#content_main .m_yokatoko_catalog .catalog_l .block:nth-of-type(1),
#content_main .m_yokatoko_catalog .catalog_l .block:nth-of-type(3){
}
#content_main .m_yokatoko_catalog .catalog_l .block .image{
width:100%;
height:auto;
max-width:200px;
max-height:153px;
}
#content_main .m_yokatoko_catalog .catalog_l .block .image img{
max-width:200px;
width:100%;
height:auto;
}
#content_main .m_yokatoko_catalog .catalog_l .block2{
background-color:transparent;
}
#content_main .m_yokatoko_catalog .catalog_l .block .ex,
#content_main .m_yokatoko_catalog .catalog_l .block .title{
font-size:12px;
font-size:1.2rem;
}
#content_main .m_yokatoko_catalog .catalog_r{
clear:both;
float:none;
display:inline-block;
margin-bottom:10px;
}
#content_main .m_yokatoko_catalog .catalog_r .img3{
display:none;
}
#content_main .m_yokatoko_catalog .catalog_r .catalog{
margin:34px 0 0 0;
float:left;
width:46%;
}
#content_main .m_yokatoko_catalog .catalog_r .catalog .image{
width:100%;
height:auto;
}
#content_main .m_yokatoko_catalog .catalog_r .catalog .image img{
max-width:100%;
height:auto;
}
#content_main .m_yokatoko_catalog .catalog_r .catalog .ex{
margin:40px 0 10px 10px;
}
#content_main .m_yokatoko_catalog .catalog_r .catalog .btn2{
margin-left:10px;
}
.img3 {
display:none;
}
#content_main .m_yokatoko_catalog .catalog_l .listuppage{
float:none;
display:none;
}
#content_main .m_yokatoko_catalog .catalog_r .listuppage_s .btn2{
background-color:#fff;
color:#000;
font-size:16px;
font-weight:bold;
text-align:center;
padding:6px 0 4px 0;
margin-top:10px;
margin-left:45%;
width:206px;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
#content_main .m_yokatoko_catalog .catalog_r .listuppage_s .btn2 div:before{
content:"";
width:20px;
height:17px;
background-image:url(//matsuura-guide.com/wp-content/themes/matsukoi/images/ico_catalog.png);
vertical-align:middle;
display:inline-block;
margin-right:6px;
} #content_main .m_yokatoko_pamphlet{
clear:both;
float:none;
width:100%;
height:auto;
background-repeat:repeat;
}
#content_main .m_yokatoko_pamphlet .waku{
margin:0 2%;
padding:30px 0;
}
#content_main .m_yokatoko_pamphlet .waku .title img{
max-width:96%;
height:auto;
}
#content_main .m_yokatoko_pamphlet .block{
clear:both;
float:none;
width:100%;
height:auto;
margin:0;
display:inline-block;
}
#content_main .m_yokatoko_pamphlet .block .p_img{
margin-right:2%;
width:36%;
height:auto;
}
#content_main .m_yokatoko_pamphlet .block .p_img img{
max-width:100%;
height:auto;
}
#content_main .m_yokatoko_pamphlet .block .naiyou{
width:62%;
}
#content_main .m_yokatoko_pamphlet .block .naiyou .btn{
float:right;
} #content_main .m_love{
width:100%;
margin:40px 0 0 0;
}
#content_main .m_love .title img{
max-width:96%;
height:auto;
}
#content_main .m_love .block{
clear:both;
float:none;
width:100%;
margin:0;
text-align:center;
} .relation_link_bnr{
width:100%;
margin:50px 0 0 0;
}
.relation_link_bnr .link_bnr{
text-align:center;
width:auto;
height:auto;
min-height:102px;
max-width:47%;
margin:2px 1%;
}
.relation_link_bnr .link_bnr img{
max-width:47%;
height:auto;
} #translation img,
#translation div{
max-width:100%;
width:100% !important;
}
#translation .block1_l,
#translation .block3_l,
#translation .block1_r,
#translation .block3_r{
clear:both;
width:100%;
}
#translation .block1_l,
#translation .block3_l{
text-align:center;
}
#translation .block1_r,
#translation .block3_r{
margin-bottom:40px;
}
#translation ul li.big_l,
#translation ul li.min_l,
#translation ul li.big_r,
#translation ul li.min_r,
#translation ul li.nor_l,
#translation ul li.nor_r{
clear:both;
float:none;
}
#translation ul li.nor{
max-width:100%;
}
#translation .adjust1 img,
#translation .adjust1 div,
#translation .adjust2 img,
#translation .adjust2 div,
#translation .adjust3 img,
#translation .adjust3 div,
#translation .adjust4 img,
#translation .adjust4 div,
#translation .adjust5 img,
#translation .adjust5 div,
#translation .adjust6 img,
#translation .adjust6 div,
#translation .adjust7 img,
#translation .adjust7 div,
#translation .adjust8 img,
#translation .adjust8 div,
#translation .adjust9 img,
#translation .adjust9 div,
#translation .adjust10 img,
#translation .adjust10 div{
width:100% !important;
}
#translation.english ul li div.txt1,
#translation.english ul li div.txt2,
#translation.english ul li div.txt3{
line-height:1.3;
} #mokuteki .list .block{
display:block;
}
#mokuteki .list .block .main_img,
#mokuteki .list .block .data{
clear:both;
float:none;
width:100%;
height:auto;
max-height:300px;
overflow:hihdden;
margin:0 0 10px 0;
}
#mokuteki .list .block .main_img  > a{
width:100%;
}
#mokuteki .list .block .main_img img{
width:100%;
max-width:100%;
height:auto;
}
#mokuteki .map{
width:100%;
}
#mokuteki .map img{
width:100%;
} #movie .page_title{
}
#movie .page_title .title{
clear:both;
float:none;
}
#movie .page_title .mes{
clear:both;
float:none;
font-size:16px;
font-size:1.6rem;
margin:20px 0 0 0;
line-height:150%;
text-align:center;
width:100%;
}
#movie .choice {
width:45%;
}
#movie .choice_block .choice:nth-of-type(1){
margin-left:5px;
}
#movie .block{
margin-left:10px;
height:180px;
} #page_list .image{
clear:both;
float:none;
}
#page_list .main{
clear:both;
float:none;
width:100%;
margin:4px 0;
}
#page_list .naiyou{
clear:both;
float:none;
width:100%;
} #archive_list{
display:flex;
}
#archive_list .image{
width:22%;
margin-right:2%;
margin-left:0;
}
#archive_list .main{
width:70%;
min-width:70%;
height:auto;
margin-right:2%;
}
#archive_list .main .mark{
clear:both;;
}
#archive_list .yaji{
width:4%;
} #page_detail .youtube{
position: relative;
width: 100%;
padding: 75% 0 0 0;
}
#page_detail .youtube iframe{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#page_detail .main_image{
width:100%;
}
#page_detail .main_image img{
max-width:100%;
}
#page_detail .sub_image{
text-align:center;
} #page_detail .koibito{
clear:both;
float:none;
width:100%;
}
#page_detail .koibito .resident{
width:80%;
}
#page_detail .koibito .resident img{
max-width:100%;
} #page_detail .shop_info{
clear:both;
float:none;
margin-left:0;
width:100%;
} #page_detail .event_day{
width:100%;
clear:both;
float:none;
} #page_detail .btn_dl_chirashi{
margin-bottom:6px;
} #page_detail .shop_info2 .menu .title .movie{
margin-top:0px;
} #page_detail .event_day .line .data,
#page_detail .shop_info .line .data,
#page_detail .shop_info2 .line .data,
#page_detail .shop_access .line .data{
clear:both;
float:none;
width:96%;
padding-top:2px;
} #content_main .m_contents .tit1806 .link{
position: relative;
display: inline;
}