@charset "euc-jp";
/* -------------------------------------
and_wide_s.css  ver.1.27
last update : 14.03.10 18:00

0.
1.TOP page
2.Contents
3.article
4.bijin
5.kinokuniya ranking
6.recomend
7.collection
8.index(sitemap)
9.theater
10.clickdeep
11.pet
12.video
20.Sub
30.footer
------------------------------------- */
/* 横幅480以下 */
@media screen and (max-width:480px){

#Header,
#Contents,
#Footer #FooterInner,
#Footer #ToTop #ToTopInner{
width:320px;
max-width:320px;
margin:0 auto;
}

#Footer,
#Header #HeaderInner,
#Contents #ContentsInner,
#Footer #ToTop,
#Footer .AboutSite{
width:auto;
max-width:100%;
margin:0 auto;
padding:0;
}

#Contents #ContentsInner{
padding:0 0 50px;
}

/* -------------------------------------
Header
------------------------------------- */
#Header #HeaderInner{
padding:0 10px;
}

#Header #HeaderInner .UserBox{
width:auto;
}

#Header #HeaderInner #adHeader .UserInfo{
width:auto;
}

.UserBox .UserInfo li.Info{
display:none;
}


/* Header sns
------------------------------------- */
.header_sns_box{
margin:0 auto;
padding:8px 0 7px;
}


/* =====================================
1.TOP page
------------------------------------- */
#TopHeader{
padding:10px 10px 17px;
}

.Header_top{
height:auto;
background:#fff;
}


/* Gnav
------------------------------------- */
#andGnaviBox,
.fixed #andGnaviBox{
width:300px;
margin:0 auto;
padding:0;
border-bottom:none;
}

#Top ul#andGnavi,
ul#andGnavi,
ul#andGnavi2{
float:none;
width:100%;
padding:10px 0 3px;
text-align:center;
overflow:hidden;
}

ul#andGnavi li{
padding:0 15px 0 0;
}

ul#andGnavi li.headerLogo,
.fixed ul#andGnavi li.headerLogo{
display:none;
}

ul#andGnavi .navItem{
}


/* search area
------------------------------------- */
.search{
float:none;
position:static;
top:inherit;
left:inherit;
width:100%;
margin:0 auto;
padding:0;
text-align:center;
line-height:1;
}

#Top .search{
float:none;
top:75px;
left:0;
margin:0;
padding:0;
text-align:center;
line-height:1;
}


/* Gnav fixed
------------------------------------- */
.fixed{
width:100%;
height:98px;
background:#fff;
}

.fixed #andGnaviBox{
height:90px;
}

#Top .fixed .search,
.fixed .search{
position:relative;
top:0;
margin:0 auto;
padding-top:0;
text-align:center;
}

.fixed #searchbox{
float:none;
margin:0 auto;
}


/* Header Logo（TOP logo）
------------------------------------- */
.headerLogoArea{
float:none;
width:100%;
padding-right:0;
margin-top:33px;
}

.sitechange_top{
padding-bottom: 10px;
}


/* Header main image area
------------------------------------- */
.headerImageArea{
width:280px;
height:280px;
margin:10px auto 20px;
border:none;
}

.headerImageArea img{
width:280px;
height:279px;
}

.headerImageArea .header_image_message{
padding: 0 5px 15px 10px;
font-size:21px;
}

/* Header news list
------------------------------------- */
.header_news_text{
float:none;
width:250px;
height:auto;
margin:0 auto;
padding:25px 15px 20px;
border:none;
}

.header_news_title{
padding-bottom:15px;
}

.header_news_text li{
padding:12px 0;
}


/*header banner area(widget)
------------------------------------- */
.header_bnrArea{
position:static;
top:inherit;
left:inherit;
float:none;
width:auto;
height: auto;
margin:20px auto 5px;
padding-bottom: 0;
border-bottom: 1px solid #ccc;
overflow: hidden;
}

.header_bnr_title{
padding-bottom:0;
border-bottom:1px solid #ccc;
}

.header_bnr ul{
margin:0 auto;
text-align:center;
overflow:hidden;
}

.italian2013 .header_bnr,
.portraitBnr .header_bnr {
    padding-top: 28px;
}
#TopHeader .header_bnrArea.italian2013,
#TopHeader .header_bnrArea.portraitBnr{
	display: block;
	clear: both;
}

#TopHeader .header_bnrArea.italian2013,
#TopHeader .header_bnrArea.portraitBnr {
    border-bottom: medium none;
    border-top: 0 none;
    height: 320px;
    left: 35px;
    margin: 0;
    position: static;
    top: 0;
    width: 279px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
#TopHeader .header_bnrArea.italian2013 .header_bnr,
#TopHeader .header_bnrArea.portraitBnr .header_bnr {
	padding-top: 16px;
}

/* -------------------------------------
Contents box list
------------------------------------- */
.contents_item_box{
width:226px;
margin:0 auto;
padding:22px 45px;
}

.contents_item_box ul li{
margin:12px auto 0;
}


/* contents_icon_box(and more)
------------------------------------- */
.contents_icon_box{
}


/* =====================================
2.Contents
------------------------------------- */
#Contents #ContentsInner #Main{
float:none;
width:auto;
margin:0;
}

#Contents #ContentsInner .Irohasu .MainInner,
#Contents #ContentsInner .MainInner{
width:auto;
margin:0;
padding:0 10px;
}

/* follow link
------------------------------------- */
div#Main ul.andFLnk li{
margin:0 10px 5px 0;
}

/* =====================================
3.article
------------------------------------- */
div.ArticleTitle,
div.ArticleTitle2{
padding: 25px 10px 35px;
}

div.ArticleTitle2 p.ImgHeading{
margin: 0 20px 10px 0;
}

#MainPhoto,
#MainPhoto iframe{
width:300px;
height:225px;
}

#mainpicNav ul{
text-align:left;
}

#FontSize{
display:block;
float:none;
position:static;
width:100%;
margin:0;
padding:0;
}

#FontSize li{
}

ul.BreadCrumb{
clear:both;
display:block;
float:none;
position:static;
width:100%;
margin:0 0 0 6px;
padding:0;
}


/* Utility
------------------------------------- */
div#Main div.Utility2 #utility_btns p.Mail,
div#Main div.Utility2 #utility_btns p.Evernote{
padding:3px 0 0 4px;
}

div#Main div.Utility2 #utility_btns div.GooglePlus{
margin:3px 0 0 7px;
}

div#Main div.Utility2 #utility_btns p.Facebook{
padding:3px 0 1px 4px;
}

/* 
------------------------------------- */
.subLnkArea{
}

.subLnkArea .owner{
float:none;
}

/* ThmbSet333Tb
------------------------------------- */
.ThmbSet333Tb .ThmbColTb{
float:left;
width:300px;
margin:0 auto 10px;
}

.ThmbSet333Tb td#TbPhotMain{
width:300px;
height:auto;
}

.ThmbSet333Tb .ThmbColTb img{
height:auto;
max-width:300px;
max-height:500px;
}



/*-------------------------------------
 SUUMO
------------------------------------- */
.suumoSearchTop{
display:none;
}



/* -------------------------------------
photo gallery list
------------------------------------- */
#Contents #ContentsInner .ListBlockCol2 li{
float:none;
width:300px;
margin:0 0 10px 0;
}

#Contents #ContentsInner .ListBlockCol2 li.even{
margin:0 0 10px;
}

dl.h1Follow dt{
float:none;
margin:0 0 5px;
}

dl.h1Follow dd{
margin-left:0;
}

dl.h1Follow li{
}

dl.h1Follow li:first-child{
border-left:none;
}


/* -------------------------------------
thumbnail & text list (for tokyo dandy)
------------------------------------- */
.PhotoLst li{
width:48%;
}




/* -------------------------------------
pager (sequence navi)
------------------------------------- */
div#Main div.SeqNav p,
div#Main div.SeqNav ol{
display:inline-block;
}

div#Main div.SeqNav ol{
margin:0;
}



/* =====================================
4.bijin
------------------------------------- */

/* bijin photo area
------------------------------------- */
.bijinBox{
padding:0;
}

.bijinPhoto .photo{
float:none;
padding: 0;
text-align:center;
}

.bijinPhoto .prev,
.bijinPhoto .next{
display:none;
}

.bijinInfo{
padding: 0;
}

.bijinPhoto .photo{
width:auto;
}

.bijinPhoto .photo img{
width: 300px;
height: 229px;
}

.bijinInfo .info,
.bijinInfo .goToday{
width:300px;
margin:0 0 5px;
}

.bijin .Box{
padding: 0;
}


/* 今日は何の日
------------------------------------- */
.bijin .today .BodyTxt p{
background:transparent none;
line-height:1.5;
}

/* 過去の出来事
------------------------------------- */
.bijin .memory{
padding:15px 0;
}


/* thumb and banner area
------------------------------------- */
.bijin .bijinThumb .FloatL,
.bijin .bijinThumb .FloatR{
float:none;
}

.bijin .bijinThumb .bijinBnr{
clear:both;
float:none;
margin:0 auto;
text-align:center;
}



/* =====================================
5.kinokuniya ranking
------------------------------------- */
.kinokuniya .rankingNav{
height:auto;
margin:0 0 10px;
border-bottom:none;
}

.kinokuniya .rankingNav li{
margin:0 10px 10px;
}

.kinokuniya .rankingNav li a{
border-bottom:1px solid #222;
}
.rankingUnit,
.rankingUnitlast {
padding: 7px;
}

.rankingUnit p.device,
.rankingUnitlast p.device{
display:block;
float:none;
margin:10px 0;
text-align:left !important;
}

.ruPhoto{
float:none;
width:auto;
margin:0 0 10px;
text-align:center;
}

.ruLay1{
float:none;
margin:0;
text-align:left;
}

.ruInfo{
float: none;
}

.ruTitle1{
width:auto;
}

.ruRank01,
.ruRank02,
.ruRank03,
.ruRank04,
.ruRank05,
.ruRank06,
.ruRank07,
.ruRank08,
.ruRank09,
.ruRank10{
background-position:7px 5px;
}

.kinokuniya .listphoto,
.kinokuniya .listrightbloc{
float:none;
}

.kinokuniya .listphoto{
margin:0 auto 10px;
}

.kinokuniya .listrightbloc{
width:auto;
margin:0;
}


/* =====================================
6.recomend
------------------------------------- */
div#Main div.BoxRecm div.ColSet{
margin:0;
}

div#Main div.BoxRecm div.ColSet div.Col13,
div#Main div.BoxRecm div.ColSet div.Col13Lst{
float:none;
width:auto !important;
margin:0 0 15px 0;
}



/* =====================================
7.collection
------------------------------------- */
.collection .GenreLogoBox img{
width:280px;
height:32px;
}

#CllHead div.FloatL{
float:none;
}

#CllHead p{
text-align:left;
}

#CllTopBox,
#CllRecBox{
padding: 20px 0;
}

#CllMainBox{
margin:0 0 25px;
}

#CllTopBox p.Image,
#CllMainBox p.Image,
#CllRecBox p.Image{
float:none;
margin:0 auto 10px;
text-align:center;
}

#CllTopBox p.Image img,
#CllRecBox p.Image img{
width:230px;
height:230px;
}

#CllMainBox li{
width:100%;
}

#CllTopBox dl,
#CllRecBox dl{
margin:0;
}

#CllTopBox dd.namae,
#CllMainBox dd.namae,
#CllRecBox dd.namae{
margin:0 0 5px;
font-size:90%;
}


/* =====================================
8.index(sitemap)
------------------------------------- */
body.index .ListBlock{
margin:0 0 35px;
}

#ContentsInner .ListBlock li{
width:100%;
padding:10px 0 0;
text-align:left;
}


/* =====================================
9.theater
------------------------------------- */
.movie .LeftBox,
.movie .RightBox{
float:none;
width:100%;
margin: 0 0 15px 0;
padding:0 10px;
}


#PickupMovie{
padding:22px 40px 15px;
}

#PickupMovie li{
width:100%;
margin:0 0 10px 0;
}

/* =====================================
10.clickdeep
------------------------------------- */
.clickdeep #ContentsInner .ListBlock li{
width:100%;
margin: 0 0 15px 0;
}



/* =====================================
11.pet
------------------------------------- */
/* pet zukan
------------------------------------- */
.petBox{
padding:0;
}

.petzukan .photoLstBox{
width:300px;
}

.petzukan .photoLstBox ul li{
height:82px;
}

.petzukan .photoLstBox img{
width:95px;
height:81px;
}


/* =====================================
12.video
------------------------------------- */
#MainPhotoArea #MainVideo object,
#MainPhotoArea #MainVideo iframe{
width:300px !important;
height:169px !important;
margin:0 auto 5px;
}


/* =====================================
20.Sub
------------------------------------- */
#Contents #ContentsInner #Sub{
float:none;
width:auto;
margin:0;
}

#Contents #ContentsInner #Sub #SubInner{
width:auto;
margin:0;
padding:0 10px;
}



/* ad：注目情報
------------------------------------- */
#Contents #ContentsInner #Sub #SubInner .Section .Pr .ListBlock li{
float:none;
width:100%;
}


/* 
------------------------------------- */
#Sub #SubShopping,
#Sub #SubColumns {
display: none;
}

#Sub .andSubBox ul.LstPhoto01{
width:100%;
}

#Sub .andSubBox ul.LstPhoto01 li{
margin:2px
}

#Contents #ContentsInner #Sub #SubInner .Section .ListBlock li{
float:none;
width:100%;
}



/* SUUMO sub */
.suumoSearchRnavi{
display:block;

}









/* =====================================
30.footer
------------------------------------- */
#Footer #FooterInner{
text-align: left;
}

#Footer #ToTop #ToTopInner{
padding:0;
}

#Footer .AboutSite{
padding:5px 10px 0;
}
#Footer .AboutSite ul li{
white-space:nowrap;
}

#Footer .AboutSite .Copyright{
}

#Footer .AboutSite .Copyright p{
padding:0 5px 8px;
line-height:1.25;
}



}