@charset "utf-8";
/* ------------------------------------------------------------ common */
#list h3 	{ text-align: center; padding: 30px 0; }


/* ------------------------------------------------------------ #header,view */
#header { padding: 3% 0; 
	box-shadow: none; 
    -webkit-box-shadow: none; 
    -moz-box-shadow: none; }
#header h1 { padding: 0 0 0 15px; }
#header a { color: #fff; }
#header #menu { position: static; padding: 0; float: right; }
#header #menu li.login { background: url(../images_s/index/login_01.png) no-repeat center 3px; background-size: 14px 16px; }
#header #menu li.mypage { background: url(../images_s/index/mypage_01.png) no-repeat center 3px; background-size: 16px; }
#header #menu li.menu { background: url(../images_s/index/menu_01.png) no-repeat center 4px; background-size: 15px 13px; }

#f-view 		{ background: url(../images_s/index/index_view_01.jpg) no-repeat top; background-size: cover; color: #fff; }
#f-view h2 		{ text-align: center; padding: 12% 0 0; }
#f-view h2 img 	{ width: 45%; height: auto; }
#f-view span 	{ font-size: 13px; font-weight: bold; display: block; padding: 5% 0 0; text-align: center; }
#f-view p 		{ line-height: 130%; text-align: left; font-size: 11px; padding: 3px 4% 5%; }

/*
#index-search { margin: 30px 0 0; text-align: center; position: relative; }
#index-search input[type="text"],
#index-search input[type="submit"] { -webkit-appearance: none; border-radius: 0px; }
#index-search input[type="text"] { border: none; line-height: 40px; padding: 0 40px 0 3%; box-sizing: border-box; width: 100%; height: 40px;
border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
#index-search input[type="submit"] { background: #2da7df url(../images_s/ichiran/search_btn.gif) no-repeat center center; background-size: 21px; width: 40px; height: 40px; padding: 40px 0 0; cursor: pointer; position: absolute; right: 3%; border-radius: 0 3px 3px 0; -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; }
*/

#index-search .keyword { background: #fff; margin: 30px 3% 0; position: relative; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; overflow: hidden; height: 40px; line-height: 40px; }
#index-search .keyword input[type="text"],
#index-search .keyword input[type="submit"] { -webkit-appearance: none; border-radius: 0px; }
#index-search .keyword input[type="text"] { border: none; width: 70%;  padding: 0 5%; }
#index-search .keyword input[type="submit"] { background: #2da7df url(../images_s/ichiran/search_btn.gif) no-repeat center center; background-size: 21px; width: 40px; height: 40px; padding: 40px 0 0; overflow: hidden; cursor: pointer; position: absolute; top: 0; right: 0; }

/* ------------------------------------------------------------ #this week */
#this_week 				{ background: #efe9d9; }
#this_week .lead 		{ background: url(../images_s/common/line_02.gif) repeat-x center center; background-size: 1px; text-align: center; margin: 0 0 15px; }
#this_week .lead span 	{ background: #efe9d9; font-size: 15px; display: inline-block; *display: inline; *zoom: 1; padding: 0 10px; }


/* ------------------------------------------------------------ #news */
#news			{ background: #f6f6e9; padding: 10px 3%; }
#news h3		{ background: #ec5133; color: #fff; padding: 3px 3%; font-size: 12px; }
#news ul		{ overflow: auto; max-height: 200px; }
#news ul li		{ background: #fbfbf6; border-bottom: 1px solid #dfdfde; padding: 10px 3%; }
#news ul li span { font-weight: bold; font-size: 10px; display: block; padding: 0 0 5px; }
#news ul li p a { color: #666; }


/* ------------------------------------------------------------ #news */
#coupon {  }
#coupon .title { width: 100%; height: auto; text-align: center; display: block; margin: 0 auto; padding: 20px 0 0; }
#coupon .button { text-align: center; clear: both; background: #efe9d9; padding: 10px 0 30px; }
#coupon .button a { border: 2px solid #313131; color: #313131; padding: 10px; display: block; margin: 0 3%; font-weight: bold; }
#coupon .header { background: url(../images_s/index/premium_01.jpg) no-repeat center; background-size: cover; /* height: 315px; position: relative;  */padding: 0 3%; }
#coupon .header p { font-weight: bold; color: #fff; /* position: absolute; bottom: 20px;  */font-size: 14px; padding: 10% 0 5%; }
#coupon .header p a { color: #fff; text-decoration: underline; display: block; font-size: 12px; padding: 10px 0 0; }

#pickup img.catch { width: 100%; height: auto; }
#pickup p.txt { padding: 20px 3%; }
#pickup p.txt a { display: block; padding: 10px 0 0; color: #fdd05c; }
#pickup p.txt a span { text-decoration: underline; color: #0075a9; }
#pickup p.button { padding: 30px 0; }
#pickup p.button a { border: 2px solid #313131; color: #313131; padding: 10px; display: block; margin: 0 3%; font-weight: bold; text-align: center; }
#pickup #list { background: #efe9d9; padding: 15px 0 1px; }

/* ------------------------------------------------------------ thisweek */

#thisweek { background: #fff; }
#thisweek h3 { border-bottom: 1px solid #e5e5e5; border-top: 5px solid #675b58; }
#thisweek h3 img { width: 100%; height: auto; }
#thisweek #list { background: #efe9d9; padding: 15px 0 1px; }
#thisweek .button { padding: 30px 0; }
#thisweek .button a { border: 2px solid #313131; color: #313131; padding: 10px; display: block; margin: 0 3%; font-weight: bold; text-align: center; }

/* ------------------------------------------------------------ comment */

#comment h3 { border-bottom: 1px solid #e5e5e5; border-top: 5px solid #d84f3a; }
#comment h3 img { width: 100%; height: auto; }

#comment ul li { padding: 5px 3% 10px; border-bottom: 1px solid #e5e5e5; }
#comment ul li h4 { padding: 0; }
#comment ul li.sp { background: url(../images_s/ichiran/icn_03.gif) no-repeat 3% top; background-size: 18px; }
#comment ul li.sp h4 { padding: 0 0 0 25px; }
#comment ul li h4 a { font-size: 14px; font-weight: bold; color: #707070; text-decoration: underline; }
#comment ul li p { color: #0075a9; line-height: 150%; padding: 5px 0 0; }
#comment ul li span { font-size: 11px; color: #898989;display: block; text-align: right; padding: 0 3%; }

#comment .hide { display: none; }

#comment .morecomment { font-size: 14px; color: #646464; width: 100%; padding: 10px 0; cursor: pointer; }
#comment .morecomment img { padding: 0 0 0 5px; }

/* ------------------------------------------------------------ ranking */

#ranking h3 { border-bottom: 1px solid #e5e5e5; border-top: 5px solid #f3d420; }
#ranking h3 img { width: 100%; height: auto; }

#ranking ul.list { background: #efe9d9; padding: 15px 0 1px; }

#ranking .article { border-top: 1px solid #dbd6c7; background: #fff; margin: 0 0 10px; }
#ranking .article .no { background: #eaeaea; color: #8b8b8b; font-size: 10px; font-weight: bold; text-align: center; width: 30px; padding: 10px 0; float: left; }
#ranking .article .no span { display: block; font-size: 15px; font-weight: bold; line-height: 100%; }
#ranking .article .title { background: url(../images_s/common/arw_01.png) no-repeat 97% 37px; background-size: 7px 10px; }
#ranking .article .title p { color: #6b9cc4; padding: 5px 0 5px 40px; }
#ranking .article .title h4 { padding: 0 0 0 40px; }
#ranking .article .title h4 a { color: #32465e; text-decoration: underline; font-weight: bold; }
#ranking .article .text { padding: 10px; }
#ranking .article .text img { width: 40%; height: auto; float: left; }
#ranking .article .text .caption { padding: 0 0 0 43%; }
#ranking .article .text .caption h4 { font-size: 13px; font-weight: bold; padding: 0 0 5px; }
#ranking .article .text .caption p { font-size: 11px; }
#ranking .article .deta { padding: 0 10px 10px; }

#ranking .article.no1 .no { background: #fdd05c; color: #434343; }
#ranking .article.no2 .no { background: #b5b5b5; color: #fff; }
#ranking .article.no3 .no { background: #7e6b5a; color: #fff; }

#ranking .button { padding: 30px 0; }
#ranking .button a { border: 2px solid #313131; color: #313131; padding: 10px; display: block; margin: 0 3%; font-weight: bold; text-align: center; }

/* ------------------------------------------------------------ recommend */

#recommend { background: #fff; }
#recommend h3 { /* border-bottom: 1px solid #000; */ border-top: 5px solid #675b58; }
#recommend h3 img { width: 100%; height: auto; }
#recommend h4 { font-size: 16px; color: #585757; padding: 20px 3% 10px; }
#recommend h5 { color: #fff; font-size: 16px; padding: 5px 3% 5px 50px; }
#recommend h5.tips { background: url(../images_s/index/guide_tips_01.gif) no-repeat #fda929 20px center; background-size: 15px 14px; }
#recommend h5.men { background: url(../images_s/index/guide_men_01.gif) no-repeat #1171ac 10px 0; background-size: contain; }
#recommend h5.women { background: url(../images_s/index/guide_women_01.gif) no-repeat #e95461 10px 0; background-size: contain; }

#recommend p.explain { color: #585757; padding: 0 3% 20px; }

#recommend ul { margin: 0; }
#recommend li { padding: 10px 3%; border-top: 1px solid #aaa; }
#recommend li:first-child { border: none; }
#recommend li a { color: #818080; display: block; position: relative; color: #333;
font-weight: bold; text-decoration: none; }
/* #recommend li a:after { display: block; content: ""; position: absolute; top: 50%; right: 10px; width: 6px; height: 6px; margin: -4px 0 0 0; border-top: solid 1px #2b2b2b; border-right: solid 1px #2b2b2b; -webkit-transform: rotate(45deg); transform: rotate(45deg); } */
#recommend li a img { width: 120px; height: auto; float: left; margin: 0 10px 0 0; }
#recommend li a p { margin: 0 15px 0 130px; }
#recommend li a span { display: inline-block; *display: inline; *zoom: 1; color: #fff; font-weight: bold; min-width: 70px; text-align: center; padding: 2px 15px; margin: 0 0 5px; font-size: 11px; }


#recommend p.link { border: solid #626262; border-width: 2px 0; }
#recommend p.link a { display: block; text-align: center; color: #313131; padding: 10px 0; }

/* ------------------------------------------------------------ #magazine */
#magazine { border-top: 10px solid #675b58; }
#magazine .lead h3 img { width: 90%; height: auto; }