@charset "utf-8";
/* -------------------------------------
and_wide_s.css  ver.2
last update : 16.10.12 12:30
------------------------------------- */
/* 横幅480以下 */
@media screen and (max-width:480px){

body{
position:relative;
}

.gnavSpOpen{
height:500px;
overflow:hidden;
}

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



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


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

/* -------------------------------------
Index
------------------------------------- */
#TopHeader{
margin:0;
padding:0 0 30px;
}

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


.fix #TopHeader{
margin-top: 100px!important;
}



/* Gnav
------------------------------------- */
#andGnaviBox{
width:280px;
height:80px;
margin:0 auto;
padding:0;
border-bottom:none;
}

#Top ul#andGnavi,
ul#andGnavi{
float:none;
width:100%;
padding:10px 0 15px;
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{
margin:0 3px;
padding:5px 0 0;
}




/*GnavSp
------------------------------------- */
#gnavSp {
display: block;
width:300px;
margin:0 10px;
padding: 10px 0;
position: relative;
background-color:#ffffff;
z-index:10;
}

.gnav_text {
margin-bottom: 10px;
text-align: left;
font-size: 70%;
}

.gnavSp_gender {
padding: 0;
text-align: left;
}

.gnavSp_women {
margin-right: 17px;
padding-right: 17px;
border-right: 1px solid #e6e6e6;
}

.btnClose {
position: absolute;
bottom:10px;
right:0;
width: 26px;
height: 23px;
cursor: pointer;
text-indent: -99999px;
background: url(../images/btn_close.jpg) no-repeat;
}

.btnCloseOn {
background-position: 0 -24px;
}

.gnavSpLsit {
display: none;
position: absolute;
top: 68px;
left: 50%;
width: 320px;
height: 100%;
margin-left: -160px;
border-top: 1px solid #e6e6e6;
background-color: #ffffff;
z-index:30;
}

.gnavSpLsit li{
line-height:0;
}

.fix{
top:auto;
}

.fix #gnavSp{
overflow:hidden;
position:fixed;
top:0;
left:50%;
margin-left:-150px;
border-bottom: 1px solid #ccc;
}








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

#Top .search{
float:none;
top:auto;
left:0;
bottom:20px;
width:248px;
margin:0;
padding:0;
text-align:left;
line-height:1;
}

#Top .search #searchbox{
width: 190px;
}


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

.fixed .search,
#Top .fixed .search{
margin-top:-5px;
padding-top:5px;
text-align:center;
}

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


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

#Top .headerLogoArea h1{
height:auto;
}

#Top .headerLogoArea h1 .caroufredsel_wrapper,
#Top .headerLogoArea h1 .carouselLogo{
height:154px!important;
}


.headerLogoArea h2{
padding:30px 0 0;
}

.header_sitechange_box{
display:none;
}

.sitechange_top{
padding-bottom: 10px;
}

.header_sns_box{
margin:0 auto;
}

#Top .carouselLogo img{
width:140px;
}



/* Header main image area
------------------------------------- */
.headerImageArea{
float: none;
overflow: hidden;
width:298px;
height:298px;
margin:0 auto;
padding:0;
border:1px solid #ccc;
border-bottom:0;
}

.headerImageArea img{
width:298px;
height:298px;
}

.headerImageArea .header_image_message{
font-size: 20px;
}


/* Header news list
------------------------------------- */
.header_news_text{
position:static;
float:none;
clear:both;
width:298px;
height:auto;
margin:0 auto 25px;
padding:0;
}

.header_news_text_inbox{
margin:25px 25px 0;
padding: 0 0 54px;
}

.header_news_title{
width:250px;
padding-bottom:15px;
}

.header_news_text ul{
width:100%;
}

.header_news_text li{
float:none;
width:auto;
margin:0;
padding:12px 0;
}

/*header banner area(widget)
------------------------------------- */
.header_bnrArea{
float: none;
width:250px;
height:170px;
margin:0 auto;
padding: 0 0 15px;
overflow: hidden;
}

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

.header_bnr{
float:left;
width: 120px;
margin:0;
text-align:center;
overflow:hidden;
}

.header_bnrArea .hb1{
float:left;
}
.header_bnrArea .hb2{
float:right;
}




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

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

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


/* -------------------------------------
Contents
------------------------------------- */
#Contents #ContentsInner #Main,
#Contents #ContentsInner #Sub{
float:none;
margin:0;
width:100%;
}

#Contents #ContentsInner .MainInner{
margin:0;
}


/* -------------------------------------
Contents banner
------------------------------------- */
.contents_bnr_box{
width: 300px;
margin:0 auto 25px;
}

.contents_bnr_box ul{
}

.contents_bnr_box ul.bnr2{
width:100%;
}

.contents_bnr_box ul li,
.contents_bnr_box ul.bnr2 li{
width:100%;
float:none;
margin:0 0 10px;
padding:0;
}

.contents_bnr_box ul li img,
.contents_bnr_box ul.bnr2 li img{
width:300px;
}

.contents_bnr_box ul.bnr2 li div{
width: 300px;
height: 77px;
}

.contents_bnr_box ul.bnr2 li div span,
.contents_bnr_box ul.bnr2 li div span a {
width: 300px;
height: 77px;
}

/* -------------------------------------
time line
------------------------------------- */
#container{
width:320px;
}

.item{
float:none;
margin:0 auto 25px;
}

.item h3{
height:auto !important;
}

.contents_image{
}


/* 過去
---------------------------*/
.contents_past_article{
width:320px;
}

.next_container{
width:320px;
}

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


/* =====================================
article
------------------------------------- */
#MainPhoto{
width:300px;
height:225px;
}

#MainPhoto2.typeB {
max-height: 225px;
}

#MainPhoto2.typeC {
height: 225px;
}

#MainPhoto2 img,
.MainPhoto2 img {
max-width: 300px;
max-height: 225px;
}

.MainPhotoArea.typeF .MainPhotoCaption {
width: 100%;
}

#mainpicNav ul{
text-align:left;
}

#FontSize{
display:none;
}

#FontSize li{
}

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


/* header */
/*
GenreTop
gallery
*/
.GenreTop .gnavSpLsit,
.gallery .gnavSpLsit,
.gallery2 .gnavSpLsit,
.article .gnavSpLsit {
height:auto;
padding-bottom:50px;
}

.GenreTop.fix #gnavSp,
.gallery.fix #gnavSp,
.gallery2.fix #gnavSp,
.article.fix #gnavSp {
margin:0;
padding:10px;
}

.GenreTop.fix #gnavSp,
.gallery.fix #gnavSp,
.gallery2.fix #gnavSp,
.article.fix #gnavSp{
margin-left:-160px;
}

.GenreTop.fix .btnClose,
.gallery.fix .btnClose,
.gallery2.fix .btnClose,
.article.fix .btnClose{
right:10px;
}

/* green
------------------------------------- */
.green{
width: 300px;
}

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

.subLnkArea .owner{
float:none;
}


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

/* thumbnail & text list
------------------------------------- */
.PhotoLst li{
width:48%;
}

/* -------------------------------------
ArticlePagenationArea (2015.06)
------------------------------------- */
.ArticlePagenationArea .ArticlePagenation li{
display: block; 
margin: 0;
text-align: left;
}

.ArticlePagenationArea .ArticlePagenation li a{display: block;}
.ArticlePagenationArea .ArticlePagenation li.PagePrev{margin: 0 0 14px 0;}
.ArticlePagenationArea .ArticlePagenation li a span{line-height: 1.4;}
/* 記事中pickup
------------------------------------- */
.pickupBox p.Image{
float:none;
}

.pickupBox dl{
margin:0;
}


/*-------------------------------------
ListBlock
------------------------------------- */
.ListBlock{
}

.ListBlock li{
float:none;
width:auto;
}









/* =====================================
today photo:きょうの一枚
------------------------------------- */
.photoLstBox{
width:auto;
}

.todayPhoto img{
width:300px;
height:300px;
}

ul.todayPhotoLst{
width:302px;
margin:0 auto;
}






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




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

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

.galleryTop #Contents #ContentsInner .ListBlockCol2 li.nth-child3n {
margin:0 0 10px 0;
}

.galleryTop #Contents #ContentsInner .ListBlockCol2 {
margin-left: 15px;
}

.galleryTop dl.h1Follow {
text-align: right;
}

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

.galleryTop dl.h1Follow li.last-child {
padding: 0 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,
.galleryTop dl.h1Follow li:first-child{
border-left:none;
}

/* -------------------------------------
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;
margin:0 0 15px 0;
}


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

/* =====================================
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 #SubDiver,
#Sub #SubColumns {
display: none;
}

.gallery #Sub #SubColumns,
.gallery2 #Sub #SubColumns {
	display: block;
}

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

/* recommend
------------------------------------- */
.menu_andm ul li, .menu_andw ul li { display: block; width: 70%; margin: 20px auto 0; }
body #Contents #ContentsInner #R_reco3 .Section .ListBlockCol2 li {
border:0;
margin: 0;
padding: 0;
padding-top:10px;
width: 300px;
}
body #Contents #ContentsInner #R_reco3 .Section .ListBlockCol2 li.Fst {
border:0;
border-bottom: 1px solid #E6E6DF;
margin: 0;
padding: 0 0 10px;
width: 300px;
}



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

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

body.index #Contents {
padding-top: 10px;
}

body.index #ContentsInner .ListBlock li dl dd {
display:none;
}
body.index #ContentsInner .ListBlock li {
float: left;
height: 70px !important;
}
body.index .ListBlock li .Image img {
width: 80px;
height: 80px;
}
body.index h1.GenreLogoBox {
  display: block;
  width: 100%;
  padding: 26px 0 28px;
  text-align: center;
  }
body.index #container h2 {
padding-left: 20px;
}


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



/* andbox
------------------------------------- */
.menu_andm,
.menu_andw {
display: none;
}













}



/* =====================================
50.retina display
------------------------------------- */
@media only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (min-device-pixel-ratio: 2) {



}