@charset "utf-8";

/* Reset */

html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p,em, img,strong, dl, dt, dd,ol, ul, li, form, label,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, dialog, figure, figcaption, footer, header,hgroup, menu, nav, section,time, mark, audio, video {color:#333;margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;list-style-type:none;font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, Meiryo, "メイリオ", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;font-style:normal;line-height:1.3;word-break:break-all; -webkit-box-sizing:border-box; box-sizing:border-box;}
img { vertical-align:top; }
select, input, textarea { font-size:12px; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, Meiryo, "メイリオ", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; -webkit-box-sizing:border-box; box-sizing:border-box; }
article, aside, dialog, div, figure, footer, header, hgroup, nav, section { display: block; }
input[type="text"] { border:1px solid #bbb; outline: none; background:#fff none 0 0 no-repeat; height:20px; line-height:20px; padding:0 0.3em; border-radius: 3px; }
input[type="text"]:hover,
input[type="text"]:focus { border:1px solid #ccc; background:#F9F8F4 none 0 0 no-repeat; }
input[type="checkbox"] { position:relative; top:2px;  }
select { border:1px solid #bbb; background:#fff none 0 0 no-repeat; outline: none; padding:2px; outline:none; }
select:hover,
select:focus { border:1px solid #ccc;  }
td input[type="text"] { border:1px solid #bbb; background:#fff none 0 0 no-repeat; }
td input[type="text"]:focus { border:1px solid #ccc; background:#F9F8F4 none 0 0 no-repeat; }
td select { margin:2px 0; padding:5px; border-radius: 3px; }
textarea { width: 100%; font-size: 14px; padding:5px; line-height: 1.5; border: 1px solid #ccc; }

/* Parts */

.tc        { text-align:center!important;}
.tl        { text-align:left!important;}
.tr        { text-align:right!important;}
.fl        { float:left!important;}
.fr        { float:right!important;}
.strong    { font-weight:900 !important; }
.sup       { font-size:90%; color:#999; line-height:1.5; padding: 2px 0 0; }
.attention { color:#f00; line-height:1.5; }
.strike    { text-decoration:line-through; }
.asterisk  { padding:0 0 0 1em; text-indent:-1em; }
.point     { color:#f60; font-size:110%; }
.must     { color:#f33; }
.error     { color:#f00; }
a:hover img {opacity:0.8; filter: alpha(opacity=80);}

.clear     { zoom:1; }
.clear:after { content:''; display:block; clear:both; }


.fs10  { font-size:10px !important;} .fs11  { font-size:10px !important;} .fs12  { font-size:12px !important;}
.fs13  { font-size:13px !important;} .fs14  { font-size:14px !important;} .fs15  { font-size:15px !important;}
.fs16  { font-size:16px !important;}
.fs80p { font-size:80% !important; } .fs85p { font-size:85% !important; } .fs90p { font-size:90% !important; }
.fs100p{ font-size:100% !important;} .fs110p{ font-size:110% !important;} .fs120p{ font-size:120% !important;}
.fs130p{ font-size:130% !important;} .fs140p{ font-size:140% !important;} .fs150p{ font-size:150% !important;}
.fs160p{ font-size:160% !important;}
.mt10{margin-top:10px !important;}.mt20{margin-top:20px !important;}.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}.mt50{margin-top:50px !important;}
.mt-10{margin-top:-10px !important;}.mt-20{margin-top:-20px !important;}.mt-30{margin-top:-30px !important;}
.mt-40{margin-top:-40px !important;}.mt-50{margin-top:-50px !important;}
.mb10{margin-bottom:10px !important;}.mb20{margin-bottom:20px !important;}.mb30{margin-bottom:30px !important;}
.mb40{margin-bottom:40px !important;}.mb50{margin-bottom:50px !important;}
.mb-10{margin-bottom:-10px !important;}.mb-20{margin-bottom:-20px !important;}.mb-30{margin-bottom:-30px !important;}
.mb-40{margin-bottom:-40px !important;}.mb-50{margin-bottom:-50px !important;}
.w50 { width:50px !important; } .w60 { width:60px !important; } .w70 { width:70px !important; } .w80 { width:80px !important; } .w90 { width:90px !important; }
.w100 { width:100px !important; } .w120 { width:120px !important; } .w150 { width:150px !important; } .w200 { width:200px !important; } .w250 { width:250px !important; } .w300 { width:300px !important; } .w350 { width:350px !important; } .w400 { width:400px; } .w500 { width:500px !important; }
.w600 { width:600px !important; } .w700 { width:700px !important; } .w800 { width:800px !important; } .w900 { width:900px !important; } .w100p { width:100% !important; }
.w345 { width:345px !important; }

/* Setting */

html {-webkit-text-size-adjust: 100%; }
body { font-size:14px; }
/*img:not([width]) { zoom:0.5; }*/
a { text-decoration: none; color:#e36f1d; }

/* base */

#container { width:100%; padding: 0 0 0px; overflow: hidden; position: relative; }

header { height: 45px; }
header .logo { width: 183px; height: 27px; float: left; margin: 10px 0 0 8px; }
header .logo a { display: block; width: 183px; height: 27px; background: url(../img/common/logo.png); -webkit-background-size:183px 27px; }
header .logo a span { display: none; }
/*header ul { width: 110px; float: right; }*/
header ul { width: 55px; float: right; }
header ul li { width: 55px; float: left; position: relative; }
header ul li a { display: block; border-left:1px solid #e5e4d0; height: 45px; }
header ul li a span { display: block; padding: 30px 0 0; text-align: center; font-size: 8px; font-weight: 900; }
header ul li.info a { background: url(../img/common/header_ico_info.png) center 5px no-repeat; -webkit-background-size:25px 21px; }
header ul li.mypage a { background: url(../img/common/header_ico_mypage.png) center 5px no-repeat; -webkit-background-size:25px 21px; }
header a { text-decoration: none; color:#000000; }

header .menu {
	float: left;
	display: block;
	width: 46px;
	height: 45px;
	background: url(../img/common/header_ico_menu.png) no-repeat 0 0;
	 -webkit-background-size: 45px 45px;
	border-right:1px solid #e5e4d0;
}

header .menu a {
	width: 46px;
	height: 45px;
	display: block;
	padding: 30px 0 0;
	text-align: center;
	font-size: 8px;
	font-weight: 900;
}

.icoInfo { display: block; width: 19px; height: 19px; position: absolute; top: 2px; right: 2px; background: url(../img/common/ico_info.png) 0 0 no-repeat; -webkit-background-size:19px 19px; }
.icoInfo span { display: none; }

.search { background: #fff1db url(../img/common/line_dot_orange.png) left bottom repeat-x; -webkit-background-size: 15px 6px; padding: 10px 10px 16px; zoom:1; }
.search:after { content:''; display:block; clear:both; }
.search input[type="text"] { width: 247px; height: 23px; border:1px solid #4c4c4c; padding: 0 3px;  margin: 0 5px 0 0; border-radius: 3px; box-shadow: inset 2px 2px 2px #eee; float: left; }
.search input[type="submit"] { width: 46px; height: 23px; background: url(../img/common/btn_search.png) 0 0 no-repeat; -webkit-background-size:46px 23px; margin: 0; padding: 0; border:none; outline: none; float: left; }

#top_search { background: #fff1db url(../img/common/line_dot_orange.png) left bottom repeat-x; -webkit-background-size: 15px 6px; padding: 10px 10px 16px; zoom:1; width:100%; }
#top_search:after { content:''; display:block; clear:both; }
#top_search input[type="text"] { width: 100%; height: 25px; border:1px solid #4c4c4c; padding: 0 3px;  margin: 0; border-radius: 3px; box-shadow: inset 2px 2px 2px #eee; float: left; }
#top_search input[type="submit"] { width: 46px; height: 23px; background: url(../img/common/btn_search.png) 0 0 no-repeat; -webkit-background-size:46px 23px; margin: 0; padding: 0; border:none; outline: none; float: left; }
#top_search .search_left { width: auto;margin-right: 55px; }
#top_search .search_right { position:relative;float:right;padding-top:1px; }

nav { width: 100%; height: 47px; overflow: hidden; border-bottom: 1px solid #e5e4d0; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#fffde0)); background: -webkit-linear-gradient(top, #ffffff 0%,#fffde0 100%); }
nav li { width: 20%; float: left; }
nav li a { display: block; height: 46px; text-align: center; border-left:1px solid #e5e4d0; }
nav li:first-child a { border-left:none; }
nav li.total a { background: url(../img/common/nav_total.png) center 5px no-repeat; -webkit-background-size: 25px 25px; }
nav li.suite a { background: url(../img/common/nav_suite.png) center 5px no-repeat; -webkit-background-size: 25px 25px; }
nav li.gift a { background: url(../img/common/nav_gift.png) center 5px no-repeat; -webkit-background-size: 25px 25px; }
nav li.ranking a { background: url(../img/common/nav_ranking.png) center 5px no-repeat; -webkit-background-size: 25px 25px; }
nav li.monitor a { background: url(../img/common/nav_monitor.png) center 5px no-repeat; -webkit-background-size: 25px 25px; }
nav li a span { display: block; padding: 30px 0 0; text-align: center; font-size: 8px; font-weight: 900; }
nav a { text-decoration: none; color:#000000; }

footer { width: 100%; overflow: hidden; }
footer p { padding: 15px 10px 18px; text-align: center; background: url(../img/common/line_sand.png) left bottom repeat-x; -webkit-background-size: 320px 3px; }
footer small { display: block; padding: 10px; text-align: center; color:#999; }
footer a { text-decoration: underline; color:#000000; }
footer .signature { text-align-last: center; margin-top: 10px; }

.yahooinfo { background-color: #E36F1D; padding: 5px; }
.yahooinfo .tit { background-color: transparent; padding: 0; line-height: 20px; font-weight: 900; font-size: 13px; color:#fff; vertical-align: middle; }
.yahooinfo .tit span { display: inline-block; line-height: 20px; font-weight: 100; font-size: 8px; padding: 0 0 0 5px; color:#fff; vertical-align: middle; }
.yahooinfo .txt { color:#fff; font-size: 10px; }

#footerNav { width: 100%; height: 60px; background-color: #F08A25; position: fixed; left: 0; bottom:0; }
#footerNav li { width: 25%; float: left; }
#footerNav li a { display: block; height: 60px; border-left: 1px solid #FFCC99; background-color: #F08A25; background-position: center center; background-repeat: no-repeat; }
#footerNav li.monitor a { background-image: url(../img/common/footer_nav_monitor.png); -webkit-background-size:60px 50px; }
#footerNav li.ranking a { background-image: url(../img/common/footer_nav_ranking.png); -webkit-background-size:60px 50px; }
#footerNav li.voice a { background-image: url(../img/common/footer_nav_voice.png); -webkit-background-size:60px 50px; }
#footerNav li.jump a { background-image: url(../img/common/footer_nav_jump.png); -webkit-background-size:60px 50px; }
#footerNav li:first-child a { border-left: none; }
#footerNav li a span { display: none; }

.tit { font-size: 15px; font-weight: 100; background-color: #ffdc73; line-height: 1.2; padding: 8px; color: #331a07; position: relative; }
.tit em { position: absolute; top:7px; right: 7px; }
.tit a { display: block; font-size: 15px; font-weight: 100; line-height: 1.2; padding: 8px 8px 8px 28px; margin: -8px; color: #331a07; background: url(../img/common/ico_prev_arw.png) 10px center no-repeat; -webkit-background-size: 9px 14px; }
.tit.ribbon { margin: 20px auto; width: 301px; height: 33px; padding: 0; line-height: 28px; font-size: 13px; font-weight: 900; color: #fff; text-align: center; background: transparent url(../img/common/ribbon_bg.png) 0 0 no-repeat; -webkit-background-size: 301px 33px; }

a.btn { text-align:center; display: inline-block; vertical-align: top; border-radius: 4px; font-weight: 900; font-size:14px; color:#733500; line-height: 20px; padding: 7px 10px; border:1px solid #D8B29A; box-shadow: 1px 1px 1px #B88766; outline:none; margin: 0 auto; cursor: pointer; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(240,224,206,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(240,224,206,1) 100%); }
a.btn span { display:inline-block; padding: 0 17px 0 0; margin: 0 auto; font-weight: 900; font-size:14px; color:#733500; background: url(../img/common/ico_btn_arw.png) right center no-repeat; }
input.btn { border-radius: 4px; font-weight: 900; font-size:14px; color:#733500;  line-height: 20px; padding: 7px 27px 7px 10px; border:1px solid #D8B29A; box-shadow: 1px 1px 1px #B88766; outline:none; margin: 0 auto; cursor: pointer; background: url(../img/common/ico_btn_arw.png) 95% center no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(240,224,206,1))); background: url(../img/common/ico_btn_arw.png) 95% center no-repeat, -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(240,224,206,1) 100%); }
.btn.detail { height: 2em; line-height: 2; padding: 0 5px; font-size: 12px; }
.btn.detail span { height: 2em; line-height: 2; font-size: 12px; }
.btnDel {
    width: 5em; line-height: 2; height: 2em; 
    /*border:1px solid #fb3443;*/
    text-align: center; color: #fb3443; font-size: 12px; float: left; margin: 0 5px 0 0; border-radius: 4px; box-shadow: 1px 1px 1px #ddd; 
    border-top: 1px solid #fb3443;
    border-left: 1px solid #fb3443;
    border-right: 2px solid #fb3443;
    border-bottom: 2px solid #fb3443;
    font-weight:bold;
}
a.btn.moredetail { padding: 12px 15px; border:1px solid #FB962C; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,215,170,1)), color-stop(100%,rgba(253,100,20,1))); background: -webkit-linear-gradient(top, rgba(252,215,170,1) 0%,rgba(253,100,20,1) 100%); }
a.btn.moredetail span { color:#fff; background: url(../img/common/ico_btn_arw_white.png) right center no-repeat; padding: 0 25px 0 0;}

.pagenation { width: 100%; overflow: hidden; padding: 20px 0; text-align: center; }
.pagenation ul { width: 100%; overflow: hidden; text-align: center; }
.pagenation ul li { display: inline-block; margin: 0 2px; vertical-align: top; }
.pagenation ul li a { display: inline-block; padding: 5px 10px; border:1px solid #E36F1D; color: #E36F1D; }
.pagenation ul li em { display: inline-block; padding: 5px 10px; border:1px solid #808080; background-color: #c0c0c0; color: #808080; }

/* monitor */

.list.monitor { width: 100%; overflow: hidden; }
.list.monitor .cont { width: 100%; position: relative; }
.list.monitor .cont li img { width: 100%; box-shadow: inset 0 30px 30px #ddd; }
.list.monitor .cont h2 { width: 100%; position: absolute; left: 0; bottom:0; margin: 1px; padding: 10px 0 10px 10px;
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.65)));
 background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
}
.list.monitor .cont h2 a { color:#fff; line-height: 1.2; display: block; width: 100%; background: url(../img/common/ico_list_arw.png) right center no-repeat; -webkit-background-size: 20px 20px;}
.list.monitor .cont h2 span { font-size:18px; color:#fff; line-height: 1.2; display: block; width: 94%; }
.list .status { width: 4em; height: 2em; line-height: 2em; text-align: center; font-weight: 900; position: absolute; top:10px; right: 10px; border:1px solid #fff; border-radius: 3px; color:#fff; }
.list .status.fix { background-color: #A7CC2B; }
.list .status.open { background-color: #FB3443; }

.reportlist { width: 100%; overflow: hidden; padding: 0 0 10px; }
.reportlist h2 { margin: 0 0 10px; font-size: 15px; font-weight: 100; background-color: #EFE568; line-height: 1.2; padding: 8px; color: #331a07; }
.reportlist .cont { width: 306px; margin: 0 auto; overflow: hidden; }
.reportlist dl { width: 90px; margin: 0 6px; float: left; }
.reportlist dl img { width: 90px; zoom:1; }
.reportlist h3 { padding: 5px 0 0; font-weight: 100; }
.reportlist p { color: #D29E00; padding: 0 0 10px; }
.reportlist ol li { text-align: right; padding: 0 10px; }

article.monitor { padding: 10px; }
article.monitor .inner { padding: 0 0 30px; }


.funbox { width: 60px; position: absolute; left: 5px ; bottom: 5px; }
.funbox a { border-radius: 3px; margin: 0 0 5px; display: block; height: 45px; border:1px solid #DB9233; background: rgba(255,255,255,0.8) url(../img/common/ico_fun.png) center 5px no-repeat; -webkit-background-size:26px 20px; text-align:center;}
.funbox a span { display: block; padding: 30px 0 0; font-size: 9px; color:#703300; }
.funbox p { line-height: 24px; border-radius: 4px; background-color: rgba(0,0,0,0.7); color:#fff; text-align: center; }
.funbox.active a { background: rgba(255,255,255,0.8) url(../img/common/ico_fun_active.png) center 5px no-repeat; -webkit-background-size:26px 20px; }

.voicebox { width: 60px; position: absolute; left: 70px ; bottom: 5px; }
.voicebox a { border-radius: 3px; margin: 0 0 5px; display: block; height: 45px; border:1px solid #DB9233; background: rgba(255,255,255,0.8) url(../img/common/ico_voice.png) center 5px no-repeat; -webkit-background-size:26px 20px; text-align:center;}
.voicebox a span { display: block; padding: 30px 0 0; font-size: 9px; color:#703300; }
.voicebox p { line-height: 24px; border-radius: 4px; background-color: rgba(0,0,0,0.7); color:#fff; text-align: center; }
.voicebox.active a { background: rgba(255,255,255,0.8) url(../img/common/ico_voice_active.png) center 5px no-repeat; -webkit-background-size:26px 20px; }

/* mypage */

.list.menu li a { display: block; padding: 15px 10px; border-bottom: 1px solid #ddd; }
.list.menu li a:hover { background: #f6f6f6; }
.list.menu li a span { /* color: #e36d1d; */ color: #333; font-size: 14px; display: block; background: url(../img/common/ico_arw.png) right center no-repeat; -webkit-background-size: 10px 15px; }

.list.status { zoom:1; }
.list.status:after { content:''; display:block; clear:both; }
.list.status .cont { padding: 10px; zoom:1; border-bottom :1px solid #ddd; }
.list.status .cont:after { content:''; display:block; clear:both; }
.list.status .img { width: 100px; float: left; }
.list.status .img img { width: 90px; zoom:1; }
.list.status .txt { overflow: hidden; min-height: 90px; position: relative; }
.list.status .txt h2 { font-size: 15px; font-weight: 100; padding: 5px 0; line-height: 1.2; }
.list.status .txt p { padding: 0 0 10px; font-size: 13px; }
.list.status .txt p a { text-decoration: underline; }
.list.status .txt .btnwrap { position: absolute; left: 0; bottom:2px;}
.statusCheck .top { width: 100%; overflow: hidden; padding: 10px; border-bottom: 1px dotted #ddd; }
.statusCheck .top p { padding: 0 0 10px; }
.statusCheck .top dl { width: 100%; overflow: hidden; padding: 0 0 10px; }
.statusCheck .top dt { width: 130px; float: left; }
.statusCheck .top dt img { width: 120px; zoom:1; }
.statusCheck .top dd { overflow: hidden; }
.statusCheck .top dd h2 { font-size: 15px; color: #ff3f00; font-weight: 100; }
.statusCheck .top dd p { font-size: 15px; padding: 0; }
.statusCheck .body { padding: 10px; }
.statusCheck .body p { padding: 0 0 10px; }
.statusCheck .body dl { padding: 0 0 15px; }
.statusCheck .body dt { font-size: 15px; padding: 0 0 3px; color:#725628; }
.statusCheck .body dd {  }
.statusCheck .body dd .star { color:#ff7f00; }
.statusCheck .body dd h3 {  font-size: 14px; font-weight: 100; padding: 0 0 2px; }
.statusCheck .body dd ul { width: 100%; overflow: hidden; }
.statusCheck .body dd ul li { width: 50%; float: left; font-size: 10px; }
.statusCheck .body dd input[type="text"],
.statusCheck .body dd input[type="email"],
.statusCheck .body dd input[type="password"],
.statusCheck .body dd input[type="tel"],
.statusCheck .body dd input[type="number"],
.statusCheck .body dd input[type="url"]
{ width: 100%; font-size: 14px; padding:5px 2px; line-height: 30px; height: 30px; border: 1px solid #ccc; }
.statusCheck .body dd select { font-size: 14px; padding:5px 2px; line-height: 30px; height: 30px; border: 1px solid #ccc; margin: 0; }
.statusCheck .body dd table { border-spacing: 0; border-collapse: collapse; }
.statusCheck .body dd th { padding: 0; vertical-align: middle; }
.statusCheck .body dd td { padding: 0 0 0 10px; vertical-align: middle; }
.statusCheck .body ol { text-align: center; }
.statusCheck .body ol li { text-align: center; padding: 20px 5px; display: inline-block; vertical-align: top; }
.paddingbox { padding: 10px; }
.paddingbox p { padding: 0 0 5px; }
.statusCheck .body dd table.photoedit { margin: 0 0 5px; width: 100%; }
.statusCheck .body dd table.photoedit th { width: 60px; border-bottom:1px dotted #ddd; padding: 10px 0; }
.statusCheck .body dd table.photoedit th img { width: 60px; zoom:1; }
.statusCheck .body dd table.photoedit td { border-bottom:1px dotted #ddd; padding: 10px 0 10px 10px; }

.statusCheck.confirm .body dl { padding: 10px 0; border-bottom:1px dotted #ddd; }

.statusCheck .monitor_notes { padding: 10px; }
.statusCheck .monitor_notes h2 { font-size: 16px; }
.statusCheck .monitor_notes ol li { margin: 0.5em 0 0.5em 2em; list-style-type: decimal; list-style-position: outside; }
.statusCheck .monitor_notes ul li { margin: 0 0 0 2em; list-style-type: disc; list-style-position: outside; }

.insta_about {
	margin: 5px;
	padding: 5px 10px;
	background:#ffffffff;
	border: #E7C1BE solid 1px;
}
.insta_about p {
	padding: 0px;
}
.insta_about .title {
	font-size: 100%;
	font-weight: bold;
}
.insta_about .body {
	font-size: 100%;
}
.insta_about .body a {
	text-decoration: underline;
}
.insta_about .body .foot {
	font-size: 12px;
}

/* login */

.loginselect { padding: 10px 10px 0; }
.loginselect p { padding:0 0 20px; }
.loginselect dt { padding:0 0 5px; }
.loginselect dl { padding:0 0 20px; }

.membership {}
.membership h2 { padding: 10px 10px 8px; text-align: center; line-height: 1.2; background-color: #FFB973; font-size: 15px; }
.membership p { padding: 10px;}
.membership dl { margin: 0 10px; padding: 10px 0; zoom:1; border-bottom:1px dotted #ddd; }
.membership dl:after { content:''; display:block; clear:both; }
.membership dt { color: #E16711; font-weight: 900; }

.btnClip { display: inline-block; padding: 5px 5px 5px 20px; background:#FF9A42 url(../img/common/ico_clip.png) 5px center no-repeat; -webkit-background-size:12px 16px; color:#fff; border-radius: 4px; }
.btnClip.off { opacity:0.5; }

.loginform { padding: 20px 10px; }
.loginform p { padding: 0 0 20px; }
.loginform dt { color:#725628; padding: 0 0 3px; }
.loginform dd { color:#725628; padding: 0 0 10px; }
.loginform dd input[type="text"],
.loginform dd input[type="password"] { width: 100%; font-size: 14px; padding:5px 2px; line-height: 30px; height: 30px; border: 1px solid #ccc; }
.loginform ol { padding: 10px 0 0; }
.loginform ol li { padding: 0 10px 20px; text-align: center; }

/* special */

.keyword { padding: 10px; zoom:1; }
.keyword:after { content:''; display:block; clear:both; }
.keyword dt { float: left; font-size: 12px; }
.keyword dd { float: left; font-size: 12px; padding: 0 0 0 10px; }


section.special h1 img { width: 100%; zoom:1; }
section.special p { padding: 10px; }
section.special .social { padding: 0px 0px 10px 0px; zoom:1; }
section.special .social:after { content:''; display:block; clear:both; }


article.special {}

article.special .cont { width: 100%; overflow: hidden; border-bottom: 1px dotted #ddd; }
article.special .cont:hover { background-color: #fafafa; }
article.special .cont h2 { padding:10px; font-size: 18px; font-weight: 900; line-height: 1.1; }
article.special .cont dl { padding: 0 10px 10px; zoom:1; }
article.special .cont dl:after { content:''; display:block; clear:both; }
article.special .cont dt { width: 130px; float: left; }
article.special .cont dt img { width: 120px; zoom:1; }
article.special .cont dd { padding: 0 15px 0 0; overflow: hidden; min-height: 80px; background: url(../img/common/ico_arw.png) right center no-repeat; -webkit-background-size:10px 15px; }
article.special .cont h3 { font-size: 15px; font-weight: 100; color: #e36d1d; }
article.special .cont h3 a { color: #e36d1d; }
article.special .cont p { font-size: 15px; }
article.special .cont p span { color: #e36d1d; }

article.special .cont.small {}
article.special .cont.small h2 { font-size: 15px; font-weight:normal; }
article.special .cont.small p { font-size: 15px; }
article.special .cont small span { color: #e36d1d; }

article.special .cont.large {}
article.special .cont.large h2 { padding:10px 0; }
article.special .cont.large dl { padding: 0; }
article.special .cont.large dt { width: 100%; float: none;}
article.special .cont.large dt img { width: 100%; }
article.special .cont.large dd { padding: 0 10px 10px; min-height: 40px; }

aside.special h2 { font-size: 15px; font-weight: 100; background-color: #ffe8d1; line-height: 1.2; padding: 8px; color: #331a07; position: relative; }
aside.special dl { padding: 10px; border-bottom:1px dotted #ddd; zoom:1; }
aside.special dl:after { content:''; display:block; clear:both; }
aside.special dt { width: 100px; float: left; }
aside.special dt img { width: 90px; zoom:1; }
aside.special dd { overflow: hidden; }
aside.special p { color: #e36d1d; }

/* モニターの流れ */
.monitor_membership {}
.monitor_membership h2 { padding: 10px 10px 8px; text-align: center; line-height: 1.2; background-color: #FFB973; font-size: 15px; }
.monitor_membership p { padding: 10px;}
.monitor_flow { padding: 10px;}
/* モニターの流れ */
.flow { display: none; }
.pop { width: 100%; height: 1000%; overflow: hidden; position: absolute; left: 0; top: 0; z-index: 999; }
.pop .bg { width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 1000; background-color: rgba(0,0,0,0.8); }
.pop .contents { width: 100%; z-index: 1001; position: absolute; left: 0; top:0; }
.pop .inner { border:1px solid #461E1F; padding: 42px 10px 10px; position: relative; border-radius: 10px; margin: 10px; background-color: #fff; box-shadow: 3px 3px 3px rgba(0,0,0,0.8); }
.pop h2 { background-color: #461E1F; color:#fff; padding: 5px; font-size: 15px; font-weight: 100; margin: 0 0 10px; }
.pop dl { padding: 0 0 10px; }
.pop dt { color:#e36d1d; font-size: 12px; }
.pop dd { font-size: 12px; }
.pop .close { cursor: pointer; position: absolute; top:10px; right: 10px; float: right; width: 22px; height: 22px; background: url(../img/common/btn_close.png) 0 0 no-repeat; -webkit-background-size:22px 22px; }
.pop .close span { display: none; }

/* トップのピックアップ特集 */
.list.pickup { width: 100%; overflow: hidden; }
.list.pickup .cont { width: 100%; position: relative; }
.list.pickup .cont li img { width: 100%; box-shadow: inset 0 30px 30px #ddd; }
.list.pickup .cont h2 { width: 100%; position: absolute; left: 0; bottom:0; margin: 1px; padding: 10px 0 0px 10px;
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.65)));
 background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
}
.list.pickup .cont h2 a { text-decoration: none; color:#fff; line-height: 1.2; display: block; width: 100%; background: url(../img/common/ico_list_arw.png) right center no-repeat; -webkit-background-size: 20px 20px; box-shadow: 2px 2px 2px #666; }
.list.pickup .cont h2 span { font-size:18px; color:#fff; line-height: 1.2; display: block; width: 94%; }

.toptit { font-size: 15px; font-weight: 100; background-color: #ffdc73; line-height: 1.2; padding: 8px; color: #331a07; position: relative; }
.toptit em { position: absolute; top:7px; right: 7px; }
.toptit a { display: block; font-size: 15px; font-weight: 100; line-height: 1.2; padding: 8px 8px 8px 28px; margin: -8px; color: #331a07; text-align: center;}

/* アイテム画面のボタン */
a.btn { text-align:center; display: inline-block; vertical-align: top; border-radius: 4px; font-weight: 900; font-size:14px; color:#733500; line-height: 20px; padding: 7px 10px; border:1px solid #D8B29A; box-shadow: 1px 1px 1px #B88766; outline:none; margin: 0 auto; cursor: pointer; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(240,224,206,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(240,224,206,1) 100%); }
a.btn span { display:inline-block; padding: 0 17px 0 0; margin: 0 auto; font-weight: 900; font-size:12px; color:#733500; background: url(../img/common/ico_btn_arw.png) right center no-repeat; }

.social {
	width: 100%;
	padding: 0;
	overflow: hidden;
	margin: 15px 0 0 0;
}
.social ul {
	text-align: center;
}
.social ul li {
	display: inline-block;
	vertical-align: top;
	margin: 0 3px;
}
.social ul li.tw {}
.social ul li.fb {}
.social ul li.ln {}
.social ul li.cp {}
.social .btnClip {
	font-size: 10px;
	padding: 4px 4px 4px 20px;
	text-decoration: none;
	font-weight: bold;
	color: white;
}
.btnClip {
	display: inline-block;
	padding: 5px 5px 5px 20px;
	background: #FF9A42 url(../img/common/ico_clip.png) 5px center no-repeat;
	-webkit-background-size: 12px 16px;
	color: #fff;
	border-radius: 4px;
}
.btnClip.off {
	opacity:0.5;
}

.actionBtn { width: 100%; padding: 0px 0px 0px 0px; overflow: hidden; }
.actionBtn ul { float: left; position: relative; left: 50%;}
.actionBtn ul li { float: left; position: relative; left: -50%; margin: 0px 0px 1px 10px;}

/* 旧CSS ------------ */
.keyword{
	text-align:center;
	font-size:14px;
	font-weight:bold;
	padding:10px;
	border-bottom:1px solid #e5e4d0;
}

/* 20141229追加 ------------ */
.featureTatsujin {
	margin: 0px 10px 10px;
	padding: 7px;
	background: #ffebcb;
	border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	font-size: 15px;
	
}

.featureTatsujin .tatsuImg {
	float: left;
	margin: 3px 7px 7px 0;
}

.featureTatsujin .tatsuImg img {
	border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
	margin: 0;
}

.featureTatsujin p {
	min-height: 50px;
	overflow: hidden;
}

.tatsujinProfile {
	border-bottom: 1px dotted #ddd;
	width: 100%;
	margin: 10px 0 0;
	padding: 0;
}

.tatsujinProfile dl {
	margin: 0 10px 10px;
	padding: 0;
}

.tatsujinProfile dt {
	background: #45301e;
	border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
	margin: 0 0 5px;
	padding: 2px 10px 0;
	color: #fff;
	text-align: center;
}

.tatsujinProfile dd {
	margin: 0;
	padding: 0;
}

.tatsujinProfile dd .tatsuImg {
	float: left;
	margin: 3px 7px 7px 0;
}

.tatsujinProfile dd .tatsuImg img {
	border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
	margin: 0;
}

.tatsujinProfile dd p {
	min-height: 50px;
	overflow: hidden;
}

/*フッター上の店舗募集導線 2015/01/16
------------------------------------------*/
#openshop {
	background: url(../img/logp.jpg) no-repeat right center;
	text-align: center;
}

/* 20150223追加（レシピ部分） ------------ */
.featureRecipe {
	margin: 0px 10px 10px;
	padding: 7px;
	background: #fef7c0;
	border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	font-size: 15px;
	
}

.featureRecipe .recipeImg {
	float: left;
	margin: 3px 7px 7px 0;
}

.featureRecipe .recipeImg img {
	border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
	margin: 0;
}

.featureRecipe p {
	min-height: 50px;
	overflow: hidden;
}

.featureRecipe p strong {
	font-weight: bold;
}

.featureRecipe p.recipeText {
	margin: 7px 0 0;
}
/* 広告 */
.googlead {
	margin: 20px 0px 20px 0px;
}

/*ページ送りリンク
------------------------------------------*/
.pageLink{
	padding:5px 0 15px;
	clear:both;
	text-align:right;
}

.pageLink a{
	border:1px solid #e36f1d;
	padding:5px;
	margin:0 3px 0 3px;
	font-size:12px;
}

/* 20160217追加（レポート＆口コミタブ部分） ------------ */

.repo_tab1 {
	margin: 2em 0 0 1%;
	display: block !important;
}

.repo_tab1 a {
	display: block;
	float: left;
	margin: 0 0 0 3%;
	width: 45%;
	height: auto;
}

.repo_tab1 a img {
	width: 100%;
	height: auto;
}

.repo_tab2 {
	margin: 0;
	padding: 3% 4%;
	background: #f38a2b;
	display: block !important;
}

.repo_tab2 a {
	display: block;
	float: left;
	margin: 0;
	width: 50%;
	height: auto;
}

.repo_tab2 a img {
	width: 100%;
	height: auto;
}

.repo_page {
	width: 100%;
	margin: 30px auto;
}

.repo_page ul {
	display: table;
	table-layout: fixed;
	width: 100%;
	border-top: 1px solid #f38a2b;
	border-bottom: 1px solid #f38a2b;
}

.repo_page ul li {
	display: table-cell;
	box-sizing: border-box;
	overflow: hidden;
	width: 100%;
	border-right: 1px solid #f38a2b;
}

.repo_page ul li:last-child {
	border-right: none;
}

.repo_page ul li a {
	display: block;
	width: auto;
	text-align: center;
	padding: 10% 5% 8%;
	font-weight: bold;
}

.repo_page ul li.off a {
	color: #ccc;
	font-weight: normal;
}

.repo_page ul li.list {
	width: 150%;
}

.repo_page ul li a img {
	width: 14px;
	height: auto;
}

.repo_page ul li.prev a img {
	margin: 2px 5px 0 0;
}

.repo_page ul li.next a img {
	margin: 2px 0 0 5px;
}

/* 20170622追加（特集-連載特集） 横並び商品
------------------------------------------*/
div.featureSeriesItem {
  margin: 10px auto 0;
  padding: 0 10px;
  list-style: none;
  clear: both;
}

div.featureSeriesItem ul {
  margin: 0 auto;
  padding: 0;
  list-style: none;
  clear: both;
  width: 300px;
  overflow: hidden;
}

div.featureSeriesItem ul li {
  float: left;
  width: 145px;
  margin: 0 0 10px;
  padding: 0;
}

div.featureSeriesItem ul li.left {
  margin: 0 10px 10px 0;
}

div.featureSeriesItem ul li p.photo {
  margin: 0 0 10px;
  padding: 0;
}

div.featureSeriesItem ul li p.text {
  margin: 0;
  padding: 0;
}

div.featureSeriesItem ul li p.text a img {
  float: left;
  margin: 0 10px 0 0;
}

div.featureSeriesItem ul li p.text span {
  display: block;
  margin: 0 0 8px;
}

div.featureSeriesItem ul li p.text_star {
  color: #eeb300;
  font-weight: bold;
  margin: 0 ;
  padding: 0;
}

/* 20170622追加（特集-連載特集） 他特集へのリンク
------------------------------------------*/
div.featureSeriesIndex {
  margin: 10px auto 0;
  padding: 0 5px 0 5px;
  list-style: none;
  clear: both;
}

div.featureSeriesIndex ul {
  margin: 0 auto;
  padding: 0;
  list-style: none;
  clear: both;
  width: 100%;
  overflow: hidden;
  text-align: center;
}

div.featureSeriesIndex ul li {
  float: left;
  width: 49%;
  margin: 0 0 10px;
  padding: 0;
  text-align: center;
}

div.featureSeriesIndex ul li p.photo {
  margin: 0 0 10px;
  padding: 0;
}

div.featureSeriesIndex ul li p.photo img {
  width: 99%;
}

div.featureSeriesIndex ul li p.text {
  margin: 0;
  padding: 0;
}