/*
theme name: 松野屋
theme uri: http://matsunoya.pro
description: 
Author: 
version:2015
*/


/*------------------------------------------------------------
	RESET
------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, figure { margin: 0; padding: 0; border: 0; outline: 0; font-size: 1em;}
body, table, input, textarea, select, option { font-family: 'Shippori Mincho', serif; font-size: 1em; } article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; } ol, ul { list-style: none; } blockquote, q { quotes: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; }

html{
-webkit-text-size-adjust: 100%;
margin:0 auto;
min-width:1024px;
}

img{ vertical-align:middle;}
img{vertical-align:middle;max-width:100%; height:auto;}

a{text-decoration:none;}
a:hover{text-decoration:none;}
table{border-collapse:collapse;}

.center{
text-align:center;
}

/*------------------------------------------------------------
	BASIC
------------------------------------------------------------*/
.att{
width:100%;
text-align:center;
color:#fff;
padding:15px 0;
background:#999;
font-size:14px;
line-height:28px;
}
.att a{
color:#fff;
text-decoration:underline;
}
.att a:hover{
color:#fff;
}



body{
font-size:14px;
line-height:1em;
color:#1a1a1a;
}

.alignright{float:right; margin:0 0 20px 20px;}
.alignleft{float:left; margin:0 20px 20px 0;}
.aligncenter{display:block; margin:0 auto;}
.alignnone{display:block; margin:0 auto 20px;}

.alignleft::after,
.alignright::after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}


.bold{font-weight:bold;}
.right{text-align:right;}

.mb10{ margin-bottom:10px !important; }
.mb20{ margin-bottom:20px !important; }
.mb24{ margin-bottom:24px !important; }
.mb30{ margin-bottom:30px !important; }
.mb34{ margin-bottom:34px !important; }
.mb40{ margin-bottom:40px !important; }
.mb46{ margin-bottom:46px !important; }
.mb50{ margin-bottom:50px !important; }
.mb52{ margin-bottom:52px !important; }
.mb60{ margin-bottom:60px !important; }
.mb80{ margin-bottom:80px !important; }
.mb100{ margin-bottom:100px !important; }

/*------------------------------------------------------------
	LINK
------------------------------------------------------------*/
a{ color:#1A1A1A; }
a:hover { color:#FA6428; }

/*------------------------------------------------------------
	COLORS
------------------------------------------------------------*/
.red{ color:#cc2728; }
.pink{color:#EEAEAE;}
.green{color:#A2C5BD;}
.blue{color:#87ceeb;}
.brown{color:#7A6A56;}
.gold{color:#E6D3A1;}
.orange{color:#EBA289;}
.purple{color:#A6B0D9;}
.gray{color:#999;}
.yellow{color:#eddc44;}




/*------------------------------------------------------------
	LAYOUT
------------------------------------------------------------*/
#wrapper{
width:988px;
margin:0 auto;
}

.wrap{
overflow:hidden;
}

/*------------------------------------------------------------
	HEADER
------------------------------------------------------------*/
#header{}


/*------------------------------------------------------------
	LAYOUT
------------------------------------------------------------*/
#side{
width:226px;
float:left;
}

#main{
width:732px;
float:right;
}

/*------------------------------------------------------------
	SIDE JA
------------------------------------------------------------*/
.sitelogo{
padding-top:54px;
width:226px;
padding-bottom:42px;
background:url(img/sitelogo_bgbar.png) no-repeat center bottom;
text-align:center;
}

.menu1{
overflow:hidden;
margin-left:38px;
margin-bottom:36px;
margin-top:38px;
}
.menu1 li{
float:left;
}
.gm1 a{ width:18px; height:133px; background:url(img/menu_sprite_ja.png) no-repeat -3px 0; text-indent:-9999px; display:block; margin-right:47px;}
.gm2 a{ width:19px; height:133px; background:url(img/menu_sprite_ja.png) no-repeat -65px 0; text-indent:-9999px; display:block; margin-right:45px; }
.gm3 a{ width:21px; height:133px; background:url(img/menu_sprite_ja.png) no-repeat -128px 0; text-indent:-9999px; display:block; }

.menu2{
overflow:hidden;
margin-left:35px;
margin-bottom:42px;
}
.menu2 li{
float:left;
}
.gm4 a{ width:19px; height:80px; background:url(img/menu_sprite_ja.png) no-repeat 0px -170px; text-indent:-9999px; display:block; margin-right:25px;}
.gm5 a{ width:18px; height:225px; background:url(img/menu_sprite_ja.png) no-repeat -44px -170px; text-indent:-9999px; display:block; margin-right:25px;}
.gm6 a{ width:19px; height:165px; background:url(img/menu_sprite_ja.png) no-repeat -86px -170px; text-indent:-9999px; display:block; margin-right:25px;}
.gm7 a{ width:19px; height:227px; background:url(img/menu_sprite_ja.png) no-repeat -128px -170px; text-indent:-9999px; display:block; margin-right:25px;}


.menu_en{
margin-left:44px;
margin-top:40px;
margin-bottom:42px;
}

.menu_en li{}

.em1 a{ width:138px; height:10px; background:url(img/menu_sprite_en.png) no-repeat 0 0; text-indent:-9999px; display:block; margin-bottom:38px; }
.em2 a{ width:134px; height:11px; background:url(img/menu_sprite_en.png) no-repeat -1px -48px; text-indent:-9999px; display:block; margin-bottom:38px; }
.em3 a{ width:137px; height:35px; background:url(img/menu_sprite_en.png) no-repeat -2px -95px; text-indent:-9999px; display:block; }




.nav01{
padding:38px 5px 40px;
background:url(img/waveline.svg) no-repeat center bottom;
}
.nav01 li{
margin-bottom:24px;
text-indent:-9999px;
line-height:24px;
}
.nav01 li:last-child{
margin-bottom:0;
}
.nav01 li a{
display:block;
}


.g01 a{ background:url(img/g01.svg) no-repeat; }
.g02 a{ background:url(img/g02.svg) no-repeat; }
.g03 a{ background:url(img/g03.svg) no-repeat; }
.g04 a{ background:url(img/g04.svg) no-repeat; }
.g05 a{ background:url(img/g05.svg) no-repeat; }
.g06 a{ background:url(img/g06.svg) no-repeat; }
.g07 a{ background:url(img/g07.svg) no-repeat; }
.g08 a{ background:url(img/g08.svg) no-repeat; }
.g09 a{ background:url(img/g09.svg) no-repeat; }
.g10 a{ background:url(img/g10.svg) no-repeat; }



.g01 a:hover{ background:url(img/g01on.svg) no-repeat; }
.g02 a:hover{ background:url(img/g02on.svg) no-repeat; }
.g03 a:hover{ background:url(img/g03on.svg) no-repeat; }
.g04 a:hover{ background:url(img/g04on.svg) no-repeat; }
.g05 a:hover{ background:url(img/g05on.svg) no-repeat; }
.g06 a:hover{ background:url(img/g06on.svg) no-repeat; }
.g07 a:hover{ background:url(img/g07on.svg) no-repeat; }
.g08 a:hover{ background:url(img/g08on.svg) no-repeat; }
.g09 a:hover{ background:url(img/g09on.svg) no-repeat; }
.g10 a:hover{ background:url(img/g10on.svg) no-repeat; }


.nav02{
padding:38px 5px 40px;
}
.nav02 li{
margin-bottom:16px;
text-indent:-9999px;
line-height:20px;
}
.nav02 li:last-child{
margin-bottom:0;
}
.nav02 li a{
display:block;
}


.banner1{
padding:24px 0;
text-align:center;
display:block;
margin-bottom:48px;
transition:all 0.2s;
border-top:1px solid #c8c8c8;
border-bottom:1px solid #c8c8c8;
}
.banner2{
padding:24px 0;
text-align:center;
display:block;
transition:all 0.2s;
}
.banner3{
padding:7px 0;
text-align:center;
display:block;
transition:all 0.2s;
margin-bottom:17px;
}
.banner4{
padding:8px 20px;
display:block;
border-top:1px solid #c8c8c8;
border-bottom:1px solid #c8c8c8;
}
.banner5{
padding:12px 20px 8px;
display:block;
border-bottom:1px solid #c8c8c8;
}
.banner6{
padding:23px 20px;
display:block;
border-bottom:1px solid #c8c8c8;
}

.banner7{
padding:12px 20px;
display:block;
border-bottom:1px solid #c8c8c8;
}



.banner1:hover,
.banner2:hover,
.banner3:hover,
.banner4:hover{
xbackground:#f0f0f0;
}

.banner_midashi{
height:20px;
text-align:center;
line-height:8px;
border-bottom:1px dashed #c8c8c8;
}

/*------------------------------------------------------------
	LANGUAGE CHOOSER
------------------------------------------------------------*/
#changer{
margin-top:18px;
margin-bottom:26px;
height:12px;
overflow:hidden;
}


.changebtn{
float:right;
}


#changer > #qtranslate-chooser{
margin:0;
}
#changer .qtranxs_language_chooser li{
}
#changer .qtranxs_language_chooser li a{
display:inline-block;
}
.qtranxs_text_ja{
background:url(img/btn_ja.png) no-repeat;
width:136px;
height:12px;
text-indent:-9999px;
}
.qtranxs_text_en{
background:url(img/btn_en.png) no-repeat;
width:120px;
height:12px;
text-indent:-9999px;
}
#qtranslate-chooser li.active{
display:none;
}

.bogo-language-switcher{
display:flex;
}
.bogo-language-switcher li.en-US.current,
.bogo-language-switcher li.ja.current{
display:none;
}


.bogo-language-switcher li.en-US{
background:url(img/btn_en.png) no-repeat;
width:120px;
height:12px;
text-indent:-9999px;
display:block;

}
.bogo-language-switcher li.ja{
background:url(img/btn_ja.png) no-repeat;
width:136px;
height:12px;
text-indent:-9999px;
display:block;
}

.bogo-language-name a{
display:block;
}


/*------------------------------------------------------------
	MAIN TOP
------------------------------------------------------------*/
#slider{
width:670px;
height:670px;
padding-left:24px;
margin-bottom:56px;
overflow:hidden;
}
#top h2{
width:670px;
text-align:center;
margin:0 auto 62px;
}

#top h3{
font-size:12px;
letter-spacing:0.05em;
color:#fff;
background:#c8c8c8;
line-height:13px;
padding:2px 0;
text-align:center;
font-weight:normal;
margin-bottom:24px;
}

/*------------------------------------------------------------
	MAIN TOP FEED
------------------------------------------------------------*/
.topInfo{
width:100%;
margin-bottom:28px;
padding:10px 0;
border-top:1px solid #c8c8c8;
border-bottom:1px solid #c8c8c8;

}

.topInfo li{
display:flex;
margin-bottom:8px;
}
.topInfo li:last-child{
margin:0;
}
.infoDate{
width:30px;
color:#FA6428;
font-size:12px;
line-height:20px;
font-family:'Zen Kaku Gothic Antique';
font-weight:normal;
letter-spacing:.05em;
}
.infoTitle{
width:640px;
margin-left:20px;
font-size:14px;
line-height:20px;
white-space:nowrap;
text-overflow: ellipsis;
overflow:hidden;
}




.feed{
display:flex;
justify-content:space-between;
margin-bottom:50px;
}
.feed li{
width:220px;
}
.feed li:last-child{
margin-right:0;
}
.date{
font-size:12px;
letter-spacing:0.05em;
color:#969696;
line-height:12px;
margin-bottom:8px;
}
.feed li img{
width:220px;
height:164px;
object-fit:cover;
margin-bottom:16px;
}
#top h4{
font-size:13px;
letter-spacing:0.1em;
line-height:20px;
margin-bottom:10px;
height:40px;
overflow:hidden;
color:#1a1a1a;
}
.excerpt{
font-size:12px;
line-height:20px;
height:60px;
padding-top:16px;
background:url(img/latestpost_bg.png) no-repeat center top;
overflow:hidden;
color:#1a1a1a;
}

/*------------------------------------------------------------
	MAIN PAGE
------------------------------------------------------------*/
#page{
width:732px;
padding-top:50px;
}
#page h1{
text-align:center;
padding-bottom:15px;
border-bottom:1px solid #c8c8c8;
margin-bottom:48px;
}

#page h2{
text-align:center;
margin-bottom:32px;
}
#page h3{
text-align:center;
margin-bottom:32px;
}

.p_ja_honbun{
font-size:16px;
line-height:32px;
letter-spacing:0.05em;
}
.p_en_honbun{
font-family: "メイリオ", Meiryo, sans-serif;
font-size:14px;
line-height:28px;
letter-spacing:0.05em;
}

.ja_honbun{
font-size:16px;
line-height:28px;
}
.en_honbun{
font-family: "メイリオ", Meiryo, sans-serif;
font-size:14px;
line-height:21px;
letter-spacing:0.05em;
}
/*------------------------------------------------------------
	PAGE MATSUNOYA
------------------------------------------------------------*/

.about_matsunoya_list{
overflow:hidden;
}
.about_matsunoya_list li{
width:174px;
height:298px;
float:left;
margin-right:12px;
}
.about_matsunoya_list li:nth-child(4){
margin-right:0;
}
.about_matsunoya_list li:nth-child(8){
margin-right:0;
}
.about_matsunoya_list li:nth-child(12){
margin-right:0;
}
.about_matsunoya_list li img{
width:174px;
height:174px;
object-fit:cover;
margin-bottom:6px;
}

.ja_midashi{
font-size:14px;
line-height:20px;
letter-spacing:0.05em;
color:#1a1a1a;
margin-bottom:4px;
}
.en_midashi{
font-size:11px;
line-height:17px;
letter-spacing:0.1rem;
color:#1a1a1a;
}

/*------------------------------------------------------------
	PAGE ARAMONO
------------------------------------------------------------*/
.aramono{
overflow:hidden;
width:732px;
display:flex;
flex-wrap:wrap;
}
.aramono li{
width:220px;
height:248px;
margin-right:36px;
}
.aramono li:nth-child(3n){
margin-right:0;
}
.aramonoText{
height:42px;
overflow:hidden;
}
.aramono li img{
width:220px;
height:164px;
object-fit:cover;
margin-bottom:8px;
width:100%;
}

.states{
font-size:14px;
letter-spacing:0.05rem;
line-height:20px;
}
.aramono_midashi{
font-size:16px;
line-height:20px;
letter-spacing:0.05rem;
}

/*------------------------------------------------------------
	PAGE CATALOGUE
------------------------------------------------------------*/

.cataTop{
padding-bottom:32px;
border-bottom:1px dashed #c8c8c8;
margin-bottom:42px;
}

.cataList{
display:flex;
justify-content:center;
}
.cataList li{
width:184px;
margin:0 50px;
}
.cataTitle{
text-align:center;
margin-bottom:8px;
}
.cataImg{
width:132px;
height:188px;
position:relative;
margin:0 auto 4px;
}
.cataImg img{
width:132px;
height:188px;
object-fit:cover;
}

.cataImg a,
.flyerImg a{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
display:block;
z-index:11;
}

.cataDate{
font-size:12px;
line-height:16px;
text-align:center;
margin-bottom:6px;
}
.cataNum{
font-size:18px;
line-height:20px;
text-align:center;
padding-bottom:10px;
background:url(img/kasumi01.svg) no-repeat center bottom;
margin-bottom:10px;
}

.cataInfo{
font-size:14px;
line-height:26px;
}

.flyerImg{
width:132px;
height:188px;
position:relative;
margin:0 auto 27px;
}
.flyerDate{
font-size:18px;
line-height:20px;
padding-bottom:10px;
background:url(img/kasumi01.svg) no-repeat center bottom;
margin-bottom:10px;
text-align:center;
}
.flyerInfo{
font-size:14px;
line-height:26px;
}

.dlicon{
width:32px;
height:32px;
background:url(img/icon-dl.svg) no-repeat;
background-size:32px;
position:absolute;
bottom:11px;
left:50%;
margin-left:-16px;
z-index:10;
}





.recommend{
overflow:hidden;
padding-bottom:98px;
border-bottom:1px dashed #c8c8c8;
margin-bottom:48px;
display:flex;
}
.recommend li{
width:220px;
margin-right:36px;
}
.recommend li:last-child{
margin-right:0;
}
.recommend_image{
margin-bottom:5px;
}
.recommend_image img{
width:220px;
height:164px;
object-fit:cover;
}

.recommend_title{
font-size:14px;
letter-spacing:0.1rem;
line-height:21px;
}

.catalogue_cover{
width:440px;
height:188px;
margin:0 auto 64px;
overflow:hidden;
}
.catalogue_cover_en{
width:586px;
height:188px;
margin:0 0 64px 146px;
overflow:hidden;
}

.catalogue_image{
width:132px;
float:left;
height:188px;
}

.catalogue_read{
width:278px;
float:right;
}
.catalogue_read_en{
width:424px;
float:right;
}

.catalogue_date{
font-size:12px;
letter-spacing:0.05rem;
line-height:12px;
color:#646464;
margin-bottom:4px;
}
.catalogue_number{
font-size:18px;
line-height:28px;
letter-spacing:0.05rem;
padding-bottom:14px;
background:url(img/catalogue_number_bg.png) no-repeat left bottom;
margin-bottom:12px;
}
.catalogue_content{
font-size:16px;
line-height:28px;
letter-spacing:0;
margin-bottom:20px;
}
.catalogue_content_en{
font-family:'メイリオ',meiryo,serif;
font-size:16px;
line-height:28px;
letter-spacing:0.025rem;
margin-bottom:20px;
}
.catalogue_download{
line-height:13px;
}

.catalogue_list{
overflow:hidden;
margin-bottom:10px;
display:flex;
flex-wrap:wrap;
}
.catalogue_list li{
width:220px;
height:213px;
margin-right:36px;
margin-bottom:19px;
}
.catalogue_list li img{
width:220px;
height:164px;
object-fit:cover;
margin-bottom:5px;
}

.catalogue_title{
font-size:14px;
letter-spacing:0.1rem;
line-height:21px;
height:42px;
overflow:hidden;
}

.catalogue_list li:nth-child(3n){
margin-right:0;
}

/*------------------------------------------------------------
ARCHIVE EVENT
------------------------------------------------------------*/
.eventpost{
overflow:hidden;
display:flex;
margin-bottom:30px;
flex-wrap:wrap;
}
.eventpost li{
width:220px;
margin-right:36px;
margin-bottom:26px;
}
.eventpost li:nth-child(3n){
margin-right:0;
}
.eventpost li img{
width:220px;
height:164px;
object-fit:cover;
margin-bottom:4px;
}

.event_date{
font-size:12px;
letter-spacing:0.05rem;
line-height:20px;
color:#646464;
}
.event_title{
font-size:14px;
letter-spacing:0.05rem;
line-height:20px;
height:40px;
overflow:hidden;
}

.single_event_wrap{
width:548px;
margin:0 auto 50px;
font-size:16px;
line-height:28px;
}

.single_event_wrap img{
margin:1em 0;
}

/*------------------------------------------------------------
ARCHIVE PAGENATION
------------------------------------------------------------*/
.pagination{
display:flex;
justify-content:center;
margin:50px 0 80px;
box-sizing:border-box;
}
.pagination li{
width:80px;
position:relative;
box-sizing:border-box;
}
.pagination li.link-l,
.pagination li.nolink-l{
padding-left:25px;
}

.pagination li.link-l::before{
content:'';
width: 0;
height: 0;
border-top: 5px solid transparent;
border-right: 10px solid #666;
border-bottom: 5px solid transparent;
position:absolute;
bottom:0;
left:0;
}
.pagination li.nolink-l::before{
content:'';
width: 0;
height: 0;
border-top: 5px solid transparent;
border-right: 10px solid #c8c8c8;
border-bottom: 5px solid transparent;
position:absolute;
bottom:0;
left:0;
}

.pagination li.link-r,
.pagination li.nolink-r{
padding-right:25px;
text-align:right;
}
.pagination li.link-r::before{
content:'';
width: 0;
height: 0;
border-top: 5px solid transparent;
border-left: 10px solid #666;
border-bottom: 5px solid transparent;
position:absolute;
bottom:0;
right:0;
}
.pagination li.nolink-r::before{
content:'';
width: 0;
height: 0;
border-top: 5px solid transparent;
border-left: 10px solid #c8c8c8;
border-bottom: 5px solid transparent;
position:absolute;
bottom:0;
right:0;
}


.pagination li.nolink-l{
color:#969696;
}
.pagination li.nolink-r{
color:#969696;
}


/*------------------------------------------------------------
	SINGLE MATSUNOYA
------------------------------------------------------------*/
#single{
padding-top:50px;
}

#single h1{
text-align:center;
padding-bottom:15px;
border-bottom:1px solid #c8c8c8;
margin-bottom:48px;
}

.matsunoya_teaser{
margin-bottom:30px;
}
.matsunoya_teaser img{
width:732px;
height:732px;
object-fit:cover;
}

#single h2{
text-align:center;
padding-bottom:26px;
background:url(img/bar_orange.png) no-repeat center bottom;
margin-bottom:22px;
}
.matsunoya_link{
background:url(img/arrow1.png) no-repeat left 1px;
padding-left:20px;
}

.seihinlist{
display:flex;
flex-wrap:wrap;
overflow:hidden;
margin-bottom:34px;
}

.seihinlist li{
width:110px;
height:110px;
margin-right:14px;
margin-bottom:14px;
box-sizing:border-box;
}
.seihinlist li img{
width:110px;
height:110px;
object-fit:cover;
}

.seihinlist li:nth-child(6n){
margin-right:0;
}

.seihinlist li a{
width:110px;
height:110px;
box-sizing:border-box;
display:block;
position:relative;
}

.seihinlist li a.active img{
-webkit-filter: grayscale(1); /* Webkit */
filter: gray; /* IE6-9 */
filter: grayscale(1); /* W3C */

}
.seihinlist li a.active{
}
.seihinlist li a.active::after{
content:'';
width:104px;
height:104px;
border:3px solid #FF631D;
position:absolute;
top:0;
left:0;
}


.postnavi{
width:145px;
height:16px;
margin:0 auto 30px;
overflow:hidden;
position:relative;
background:url(img/postnavi_img.png) no-repeat 0 0;
}
.postnavi li{
float:left;
}
.previouspost{
position:absolute;
top:0;
left:74px;
width:72px;
height:16px;
}
.nextpost{
position:absolute;
top:0;
left:0;
width:73px;
height:16px;
}

.previouspost a{
width:73px; height:16px; text-indent:-9999px; display:block;
}
.nextpost a{
width:72px; height:16px; text-indent:-9999px; display:block;
}

.meiryo{
font-size:13px;
letter-spacing:0.025rem;
font-family:'メイリオ',meiryo,serif;
}


/*------------------------------------------------------------
	PAGE SHOPINFO
------------------------------------------------------------*/
.shopinfo{
overflow:hidden;
margin-bottom:56px;
}
.shopinfoL{
width:338px;
float:left;
padding-right:28px;
border-right:1px dashed #c8c8c8;
}
.shopinfoR{
width:338px;
float:right;
}
.shopinfo_title{
text-align:center;
padding-bottom:33px;
background:url(img/arrow_down.png) no-repeat center bottom;
margin-bottom:17px;
}
.shopinfo_desc{
font-size:16px;
line-height:28px;
margin-bottom:32px;
height:196px;
}
.shopinfo_desc_en{
font-size:14px;
letter-spacing:0.1em;
line-height:28px;
margin-bottom:32px;
font-family:'メイリオ',meiryo,serif;
height:280px;
}
.gaikan_photo{
margin-bottom:38px;
}
.shopinfo_logo{
text-align:center;
margin-bottom:15px;
}
.shopinfo_detail{
font-size:14px;
text-align:center;
line-height:28px;
letter-spacing:0.05rem;
}
.shopinfo_detail_en{
font-size:14px;
letter-spacing:0.05em;
text-align:center;
line-height:28px;
}

.shopinfo_detail a,
.shopinfo_detail_en a{
color:#FA6428;
}
.shopinfo_desc_en{
font-family:'メイリオ','meiryo',serif;
font-size:14px;
letter-spacing:0.05rem;
line-height:28px;
height:280px;
margin-bottom:32px;
}
.shopinfo_desc_en a{
color:#FA6428;
}

/*YANAKA MATSUNOYA*/

.matsunoya{
overflow:hidden;
margin-bottom:38px;
}
.matsunoya_gaikan{
float:right;
width:284px;
height:226px;
margin-left:20px;
margin-bottom:20px;
}
.matsunoya_logo{
margin-bottom:10px;
}
.matsunoya_detail{
font-size:14px;
letter-spacing:0.1rem;
line-height:28px;
margin-bottom:44px;
}
.matsunoya_detail a{
color:#FA6428;
}
.flatT{
border:none;
}
.flatT td{
text-align:left;
vertical-align:top;
}
.nowrap{
-webkit-text-size-adjust: 100%; 
white-space:nowrap;
}

#googlemap1,
#googlemap2{
width:732px;
height:480px;
}

#googlemap label,
#googlemap2 label { width: auto; display: inline; }
#googlemap img,
#googlemap2 img { max-width: none; max-height: none; }

/*------------------------------------------------------------
	PAGE COMPANY PROFILE
------------------------------------------------------------*/
.comprofile_wrap{
margin-left:114px;
}
.comprofile_title{
font-size:14px;
line-height:28px;
margin-bottom:36px;
}
.comT{
margin-bottom:60px;
}
.comT th{
white-space:nowrap;
text-align:left;
font-weight:normal;
font-size:14px;
line-height:28px;
width:112px;
vertical-align:top;
}
.comT td{
text-align:left;
font-size:14px;
line-height:28px;
}


/*------------------------------------------------------------
	PAGE ORDER
------------------------------------------------------------*/
.order{
width:520px;
margin:0 auto 60px;
font-size:14px;
letter-spacing:0.05rem;
line-height:28px;
}
.caption{
font-size:12px;
line-height:24px;
margin-bottom:28px;
}

.orderproduct_list{
overflow:hidden;
margin-bottom:20px;
}
.orderproduct_list li{
float:left;
text-align:center;
font-size:12px;
line-height:24px;
color:#FA6428;
}

.orderproduct_list li:nth-child(1){
width:130px;
}
.orderproduct_list li:nth-child(2){
width:110px;
}
.orderproduct_list li:nth-child(3){
width:110px;
}

.order a{
color:#FA6428;
}


/*------------------------------------------------------------
	ARCHIVE ITEM
------------------------------------------------------------*/
.itemCatList{
width:100%;
display:flex;
flex-wrap:wrap;
margin-bottom:120px;
}
.itemCatList li{
width:220px;
margin:0 36px 36px 0;
}
.itemCatList li:nth-child(3n){
margin-right:0;
}
.icTitle{
font-size:16px;
font-weight:bold;
line-height:20px;
padding:10px 0;
border-bottom:1px solid #C8C8C8;
margin-bottom:12px;
}
.icThumb{
margin-bottom:10px;
}


.itemTax{
display:flex;
flex-wrap:wrap;
}
.itemTax li{
padding-left:20px;
font-size:14px !important;
line-height:28px !important;
margin:0 0 !important;
position:relative;
}
.itemTax li::before{
content:'';
width:4px;
height:4px;
background:#666;
border-radius:50%;
position:absolute;
top:12px;
left:8px;
}
.itemTax li:last-child{
margin:0 !important;
}




/*------------------------------------------------------------
	ITEM TAXONOMY
------------------------------------------------------------*/
#page h1.md01{
text-align:center;
padding-bottom:15px;
border-bottom:1px solid #c8c8c8;
margin-bottom:10px;
font-size:15px;
line-height:30px;
font-weight:normal;
}
#page h1.md01 span{
display:block;
font-size:18px;
line-height:30px;
font-weight:bold;
letter-spacing:.08em
}
#page .termTitle span{
text-align:center;
display:block;
font-size:18px;
line-height:30px;
font-weight:bold;
letter-spacing:.08em;
}


.itemList{
display:flex;
flex-wrap:wrap;
margin:47px 0 120px;
}
.itemList li{
width:220px;
margin:0 36px 36px 0;
position:relative;
}
.itemList li a{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
display:block;
z-index:10;
}

.iThumb img{
width:220px;
height:164px;
object-fit:cover;
}


.itemList li:nth-child(3n){
margin-right:0;
}

.iTitle{
font-size:14px;
line-height:26px;
margin-top:6px;
}

.termDesc{
font-size:12px;
line-height:24px;
text-align:center;
}


/*------------------------------------------------------------
	SINGLE ITEM
------------------------------------------------------------*/
.item{
width:640px;
margin:66px auto 67px;
}

.itemTitle{
font-size:18px;
line-height:30px;
padding-bottom:4px;
border-bottom:1px dashed #c8c8c8;
margin-bottom:36px;
letter-spacing:.05em;
}

.itemSlide{
width:640px;
margin:0 auto;
}

.item-img img{
wdith:640px;
height:480px;
object-fit:cover;
}
.item-thumb img{
width:125px;
height:94px;
object-fit:cover;
}


.itemImgCap{
font-size:12px;
line-height:18px;
margin:8px auto 22px;
}


.pager{
width:540px;
margin:0 auto 50px;
}

.slick-slide{
margin:0 5px;
}
.slick-prev:before, .slick-next:before{
font-size:0 !important;
}
.slick-prev{
left:-40px !important;
}


.slick-prev:before{
content:'' !important;
width: 0;
height: 0;
border-right: 14px solid #666;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
}
.slick-next{
right:-40px !important;
}
.slick-next:before{
content:'' !important;
width: 0;
height: 0;
border-left: 14px solid #666;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
}

.itemDesc{
border-top:1px solid #c8c8c8;
padding-top:28px;
padding:16px 0 42px;
font-size:14px;
line-height:26px;
}

.specTitle{
font-size:14px;
line-height:26px;
font-family:'Zen Kaku Gothic Antique';
font-weight:500;
margin-bottom:4px;
}
.spec{
font-family:'Zen Kaku Gothic Antique';
border-top:1px dashed #c8c8c8;
border-bottom:1px dashed #c8c8c8;
padding:12px 0;
font-size:14px;
line-height:26px;
}


/*------------------------------------------------------------
	TAX NAV
------------------------------------------------------------*/
.backtoItemCat{
font-size:12px;
line-height:22px;
padding-bottom:18px;
position:relative;
text-align:center;
margin-bottom:8px;

}
.backtoItemCat a{
display:inline-block;
}
.backtoItemCat a:hover{
color:#1a1a1a;
}

.backtoItemCat::after{
content:'';
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 10px solid #666;
position:absolute;
bottom:0;
left:50%;
margin-left:-5px;
}

.taxnav{
display:flex;
justify-content:center;
margin-bottom:16px;
}
.taxnav li{
width:80px;
padding:0 22px;
font-size:14px;
line-height:22px;
position:relative;
box-sizing:border-box;
}
.taxnav li.nolink,
.taxnav li.nolink2{
color:#ccc;
}


.taxnav li:nth-child(1)::before{
content:'';
width: 0;
height: 0;
border-top: 5px solid transparent;
border-right: 10px solid #666;
border-bottom: 5px solid transparent;
position:absolute;
top:6px;
left:0;
}
.taxnav li.nolink::before{
content:'';
width: 0;
height: 0;
border-top: 5px solid transparent;
border-right: 10px solid #ccc;
border-bottom: 5px solid transparent;
position:absolute;
top:6px;
left:0;
}

.taxnav li:nth-child(2)::before{
content:'';
width: 0;
height: 0;
border-top: 5px solid transparent;
border-left: 10px solid #666;
border-bottom: 5px solid transparent;
position:absolute;
top:6px;
right:0;
}
.taxnav li.nolink2::before{
content:'';
width: 0;
height: 0;
border-top: 5px solid transparent;
border-left: 10px solid #ccc;
border-bottom: 5px solid transparent;
position:absolute;
top:6px;
right:0;
}
.taxnav li:nth-child(2){
text-align:right;
}

.taxnav li a{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
display:block;
z-index:10;
}

.taxnavlist{
width:280px;
margin:0 auto;
border-top:1px solid #c8c8c8;
padding:16px 0 100px;
}

.taxTitle{
text-align:center;
font-size:12px;
line-height:26px;
margin-bottom:10px;
}
.taxTitle span{
display:inline-block;
padding:0 5px 4px 4px;
position:relative;
}
.taxTitle span::after{
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 2px;
background-size: 9px 2px;
background-image: linear-gradient(to right, #ccc, #ccc 2px, transparent 2px, transparent 2px);
background-repeat: repeat-x;
}

.taxList{
text-align:center;
}
.taxList li a{
color:#000;
font-size:12px;
line-height:26px;
margin-bottom:9px;
}
.taxList li a:hover{
color:#FA6428;
}


.taxItem{
width:280px;
margin:0 auto 100px;
border-top:1px solid #c8c8c8;
padding-top:18px;
}
.taxItem li{
text-align:center;
font-size:12px;
line-height:26px;
margin-bottom:9px;
}

.taxItem li a.active{
color:#FA6428;
}

/*------------------------------------------------------------
	SINGLE ARAMONO
------------------------------------------------------------*/
.aramono_single_wrap{
width:548px;
margin:0 auto;
}

.singlestates{
font-size:18px;
line-height:27px;
letter-spacing:0.1em;
}
.aramono_title{
font-weight:normal !important;
font-size:24px;
letter-spacing:0.1em;
line-height:36px;
margin-bottom:28px !important;
}

.aramono_images{
margin-bottom:1px;
}

.aramono_images img{
width:548px;
height:400px;
object-fit:cover;
margin:15px 0;
}

.aramono_content{
font-size:16px;
line-height:28px;
letter-spacing:0;
margin-bottom:43px;
}
.aramono_link{
background:url(img/arrow1.png) no-repeat;
padding-left:20px;
font-size:13px;
letter-spacing:0.025rem;
margin-bottom:72px;
}


/*------------------------------------------------------------
	SINGLE EVENT
------------------------------------------------------------*/
.single_event_title{
font-size:18px;
letter-spacing:0.05rem;
line-height:18px;
padding-bottom:8px;
border-bottom:1px;
border-style:dashed;
border-color:#c8c8c8;
margin-bottom:8px;
}
.single_event_date{
font-size:12px;
letter-spacing:0.05rem;
color:#646464;
margin-bottom:32px;
float:left;
line-height:13px;
}
.catname{
float:right;
font-size:12px;
letter-spacing:0.05rem;
color:#646464;
margin-bottom:32px;
line-height:13px;
}




/*------------------------------------------------------------
	COPYAREA
------------------------------------------------------------*/
.copyarea{
overflow:hidden;
border-top:1px solid #c8c8c8;
padding-top:8px;
padding-bottom:500px;
}
.copyL{
width:456px;
float:left;
font-size:9px;
line-height:18px;
letter-spacing:0;
color:#1a1a1a;
}
.copyR{
width:244px;
float:right;
height:6px;
line-height:6px;
}

/*------------------------------------------------------------
	SINGLE RECOMMEND
------------------------------------------------------------*/
.icon_rec{
background:url(img/icon_recommend.png) no-repeat left center;
height:14px;
padding-left:81px;
line-height:14px;
font-size:12px;
letter-spacing:0.05rem;
color:#646464;
margin-bottom:5px;
}
.icon_teiban{
background:url(img/icon_teiban.png) no-repeat left center;
height:14px;
padding-left:81px;
line-height:14px;
font-size:12px;
letter-spacing:0.05rem;
color:#646464;
margin-bottom:5px;
}
.icon_teiban_en{
height:14px;
line-height:14px;
font-size:12px;
letter-spacing:0.05rem;
color:#646464;
}
.rec_title{
font-size:24px;
letter-spacing:0.1rem;
color:#1a1a1a;
margin-bottom:36px;
line-height:38px;
}
.rec_title_en{
font-size:24px;
letter-spacing:0.025rem;
color:#1a1a1a;
margin-bottom:36px;
line-height:38px;
}
.rec_image{
margin-bottom:32px;
}
.rec_comment{
padding-bottom:74px;
font-size:16px;
letter-spacing:0;
line-height:28px;
}
.rec_comment_en{
padding-bottom:50px;
font-size:16px;
letter-spacing:0;
line-height:28px;
}
#single h3{
margin-bottom:34px;
}

.builders_list{
padding-top:48px;
border-top:1px dashed #c8c8c8;
}


.builder_list{
overflow:hidden;
margin-bottom:18px;
display:flex;
flex-wrap:wrap;
}
.builder_list li{
width:220px;
margin-right:36px;
margin-bottom:34px;
}
.builder_list li:nth-child(3n)
margin-right:0;
}
.builder_thumb{
margin-bottom:5px;
}
.builder_thumb img{
width:220px;
height:164px;
object-fit:cover;
}

.builder_states{
font-size:14px;
letter-spacing:0.1rem;
line-height:21px;
}
.builder_title{
font-size:16px;
letter-spacing:0.05rem;
line-height:20px;
}

/*------------------------------------------------------------
	SINGLE BLOG
------------------------------------------------------------*/
.blog{
font-size:16px;
line-height:28px;
margin-bottom:50px;
}
.blog_catch{
text-align:center;
margin-top:-34px;
margin-bottom:74px;
}
.blog img{
margin:15px 0;
}

.widget{
padding:50px 0;
}
#side h3{
text-align:center;
margin-bottom:24px;
}
#side h4{
background:#969696;
padding:4px 0 6px;
text-align:center;
line-height:8px;
margin-bottom:16px;
}

.catlist li{
text-align:center;
}

.catlist li a{
font-size:14px;
line-height:26px;
color:#1a1a1a;
}
.catlist li a:hover{
color:#969696;
}
#searchbox{
margin-bottom:30px;
}


input[type=text].s{
width:174px;
height:22px;
border:1px solid #969696;
margin-right:16px;
box-sizing:border-box;
}
input[type=submit].ss{
width:36px;
height:24px;
padding:0;
margin:0;
background:url(img/searchbtn.png) no-repeat;
text-indent:-9999px;
display:inline-block;
border:none;
cursor:pointer;
}


/*------------------------------------------------------------
	ARCHIVE BLOG
------------------------------------------------------------*/
.bloga{
font-size:16px;
line-height:28px;
}
.bloga li{
margin-bottom:123px;
}
.bloga li:nth-child(5){
margin-bottom:60px;
}


.bloga img{
margin:15px 0;
}

/*------------------------------------------------------------
	SEARCH RESULTS
------------------------------------------------------------*/
.searchInfo{
display:flex;
justify-content:space-between;
font-size:16px;
line-height:30px;
margin-bottom:2px;
}
.kensu{
text-align:right;
}



.searchResults{
margin-bottom:100px;
border-top:1px dashed #c8c8c8;
}

.searchResults li{
padding:32px 0;
border-bottom:1px dashed #c8c8c8;
display:flex;
justify-content:space-between;
position:relative;
}
.searchResults li a{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
display:block;
z-index:10;
}
.feedThumb{
width:220px;
height:164px;
}
.feedThumb img{
width:220px;
height:164px;
object-fit:cover;
}

.feedText{
width:502px;
}
.feedDate{
font-size:12px;
line-height:16px;
color:#646464;
margin-bottom:4px;
}
.feedTitle{
font-size:16px;
line-height:24px;
white-space:nowrap;
text-overflow: ellipsis;
padding-bottom:10px;
border-bottom:1px solid #c8c8c8;
margin-bottom:17px;
}
.feedEx{
font-size:14px;
line-height:22px;
margin-bottom:11px;
}
.feedCat{
font-size:12px;
line-height:24px;
color:#FA6428;
font-family:'Zen Kaku Gothic Antique';
}

.searchResults li:hover .feedEx{
text-decoration:underline;
}









/*------------------------------------------------------------
    PAGE NAVI
------------------------------------------------------------*/
.pagenavi{
margin-bottom:28px;
}


.wp-pagenavi {
}
#pagenavi a {
	color: #000;
	border:1px solid #969696;
}
#pagenavi a:hover {
	color: #000;
	border:1px solid #969696;
	background:#969696;
}
.wp-pagenavi {
	clear: both
}
.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	width:22px;
	height:22px;
	background:#fff;
	border:1px solid #969696;
	color: #000;
	display:inline-block;
	text-align:center;
	line-height:22px;
	margin-right:8px;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
	background-color: #969696;
	color: #000;
	border:1px solid #969696;
}
.wp-pagenavi span.current {
	font-weight: normal
}

.nextpostslink{
background:url(img/pagenavi_arrow_right.png) no-repeat !important;
width:22px;
height:22px;
display:inline-block;
text-indent:-9999px;
}
.previouspostslink{
background:url(img/pagenavi_arrow_left.png) no-repeat !important;
width:22px;
height:22px;
display:inline-block;
text-indent:-9999px;
}

/*------------------------------------------------------------
	CLEAR FIX
------------------------------------------------------------*/
#footer{
height:1px;
width:988px;
margin:0 auto;
}

.fix{
clear:both;
height:0;
}

.fix {
clear:both;
}

.cf {
overflow:hidden;
}

.cf {
display: inline-block;
}

.cf:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

* html .cf {
height: 1%;
}

.cf {
display: block;
}

.gm1 a.active{ width:18px; height:133px; background:url(img/menu_sprite_ja.png) no-repeat -3px -398px; text-indent:-9999px; display:block; margin-right:47px;}
.gm2 a.active{ width:19px; height:133px; background:url(img/menu_sprite_ja.png) no-repeat -65px -398px; text-indent:-9999px; display:block; margin-right:45px; }
.gm3 a.active{ width:21px; height:133px; background:url(img/menu_sprite_ja.png) no-repeat -128px -398px; text-indent:-9999px; display:block; }

.gm4 a.active{ width:19px; height:80px; background:url(img/menu_sprite_ja.png) no-repeat 0px -568px; text-indent:-9999px; display:block; margin-right:25px;}
.gm5 a.active{ width:18px; height:225px; background:url(img/menu_sprite_ja.png) no-repeat -44px -568px; text-indent:-9999px; display:block; margin-right:25px;}
.gm6 a.active{ width:19px; height:165px; background:url(img/menu_sprite_ja.png) no-repeat -86px -568px; text-indent:-9999px; display:block; margin-right:25px;}
.gm7 a.active{ width:19px; height:227px; background:url(img/menu_sprite_ja.png) no-repeat -128px -568px; text-indent:-9999px; display:block; margin-right:25px;}

.em1 a.active{ width:138px; height:10px; background:url(img/menu_sprite_en.png) no-repeat 0 -130px; text-indent:-9999px; display:block; margin-bottom:38px; }
.em2 a.active{ width:134px; height:11px; background:url(img/menu_sprite_en.png) no-repeat -1px -178px; text-indent:-9999px; display:block; margin-bottom:38px; }
.em3 a.active{ width:137px; height:35px; background:url(img/menu_sprite_en.png) no-repeat -2px -225px; text-indent:-9999px; display:block; }

.gm1 a.current{ width:18px; height:133px; background:url(img/menu_sprite_ja.png) no-repeat -3px -398px; text-indent:-9999px; display:block; margin-right:47px;}
.gm6 a.current{ width:19px; height:165px; background:url(img/menu_sprite_ja.png) no-repeat -86px -568px; text-indent:-9999px; display:block; margin-right:25px;}

/*------------------------------------------------------------
	FOR PC LAYOUT CSS
------------------------------------------------------------*/
@media screen and (min-width:768px){
.gm1 a:hover{ width:18px; height:133px; background:url(img/menu_sprite_ja.png) no-repeat -3px -398px; text-indent:-9999px; display:block; margin-right:47px;}
.gm2 a:hover{ width:19px; height:133px; background:url(img/menu_sprite_ja.png) no-repeat -65px -398px; text-indent:-9999px; display:block; margin-right:45px; }
.gm3 a:hover{ width:21px; height:133px; background:url(img/menu_sprite_ja.png) no-repeat -128px -398px; text-indent:-9999px; display:block; }

.gm4 a:hover{ width:19px; height:80px; background:url(img/menu_sprite_ja.png) no-repeat 0px -568px; text-indent:-9999px; display:block; margin-right:25px;}
.gm5 a:hover{ width:18px; height:225px; background:url(img/menu_sprite_ja.png) no-repeat -44px -568px; text-indent:-9999px; display:block; margin-right:25px;}
.gm6 a:hover{ width:19px; height:165px; background:url(img/menu_sprite_ja.png) no-repeat -86px -568px; text-indent:-9999px; display:block; margin-right:25px;}
.gm7 a:hover{ width:19px; height:227px; background:url(img/menu_sprite_ja.png) no-repeat -128px -568px; text-indent:-9999px; display:block; margin-right:25px;}

.em1 a:hover{ width:138px; height:10px; background:url(img/menu_sprite_en.png) no-repeat 0 -130px; text-indent:-9999px; display:block; margin-bottom:38px; }
.em2 a:hover{ width:134px; height:11px; background:url(img/menu_sprite_en.png) no-repeat -1px -178px; text-indent:-9999px; display:block; margin-bottom:38px; }
.em3 a:hover{ width:137px; height:35px; background:url(img/menu_sprite_en.png) no-repeat -2px -225px; text-indent:-9999px; display:block; }


/*------------------------------------------------------------
	END PC LAYOUT CSS
------------------------------------------------------------*/
}