@charset "Shift-JIS";
/* =========================================

title : カップ
		カップ川柳
scope : /senryu/

last modify : last modify : 2019/3/20 TCI_goto ヘッダーの検索窓設置

2018/05/10 319_shimizu 優秀作品見出し修正
2016/01/05 222_souda 終了表記追加
2015/08/05 230_inagaki

文字色はサイズ、背景画像を変えたいときはココへ。
commonクラスの重複注意
個別cssに同じクラスを作って文字色、サイズ、バックグラウンドを入れればほぼ使えます。

=========================================== */
#head_hmc_logo{display: none;}

/*--サイト固有のcssはサイト専門のcssでimportします。commonには読み込まない--*/

input, select, textarea {
	border: 1px solid #7F9DB9;
	padding: 5px;
	font-size:15px;
}
body {
  color: #000000;
  font-size: 15px;
  font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,sans-serif;
  min-width: 1024px;
}



/*--headerこのヘッダーは各川柳独自なので従来のヘッダーが使えません--*/

/* ---------- パンくず ---------- */

#main_senryu ul.siteroute {
	color: #444444;
	display: block;
  margin: 15px auto 10px;
	overflow:hidden;
  width: 970px;
  padding: 5px 0px;
  list-style: none;
  text-align: left;
}
#main_senryu ul.siteroute > li {
	background: url("/image_cmn_new/siteroute_mark.gif") no-repeat scroll 0 8px transparent;
	display: block;
	float: left;
	margin: 0 8px 0 0;
	padding: 0 0 0 12px;
	white-space: nowrap;
}
#main_senryu ul.siteroute > li.marknon {
	background: none repeat scroll 0 0 transparent;
}

/* ---------------------------- ヘッダー ---------------------------- */
#header_box {
	background: url("/image_cmn_new/head_bg.gif") repeat-x scroll left top transparent;
	width: 100%;
}
#header {
	position: relative;
	width: 1000px;
	height: 91px;
	margin: 0 auto;
	padding: 0px;
}
#head_logo {
	position: absolute;
	top: 17px;
	left: 17px;
	width: 740px;
	height: 75px;
	margin: 0px;
	padding: 0px;
}
#head_logo a {
	display: block;
	width: 740px;
	height: 75px;
}
#head_official {
	position: absolute;
	top: 9px;
	left: 465px;
	width: 240px;
	height: 8px;
	margin: 0px;
	padding: 0px;
}
#head_presented {
	position: absolute;
	top: 50px;
	right: 15px;
	width: 196px;
	height: 13px;
	margin: 0px;
	padding: 0px;
}
#head_btn {
	position: absolute;
	top: 0px;
	right: 4px;
	width: 287px;
	height: 26px;
	margin: 0px;
	padding: 0px;
	background: url(/image_cmn_new/head_btn_bg.gif) 0px 0px no-repeat;
}
#head_btn ul {
	float: right;
	width: 240px;
	margin: 0px 25px 0 0;
	padding: 0px;
}
#head_btn li {
	float: left;
	height: 22px;
	margin: 0px 1px 0px 0px;
	padding: 0px;
	text-indent: -10000px;
}
#head_btn li a {
	display: block;
	height: 22px;
	padding: 0px;
}
#head_btn li#head_home {
	width: 100px;
  margin-left:30px;
	background: url(/image_cmn/head_btn_home.gif) 0px 0px no-repeat;
}
#head_btn li#head_home a {
	width: 100px;
}
#head_btn li#head_home a:hover {
	background: url(/image_cmn/head_btn_home_ov.gif) 0px 0px no-repeat;
}
#head_btn li#head_sitemap {
	width: 100px;
	background: url(/image_cmn/head_btn_sitemap.gif) 0px 0px no-repeat;
}
#head_btn li#head_sitemap a {
	width: 100px;
}
#head_btn li#head_sitemap a:hover {
	background: url(/image_cmn/head_btn_sitemap_ov.gif) 0px 0px no-repeat;
}
#head_btn li#head_bgm {
	width: 80px;
	margin: 0px;
	background: url(/image_cmn/head_btn_bgm.gif) 0px 0px no-repeat;
}
#head_btn li#head_bgm a {
	width: 80px;
}
#head_btn li#head_bgm a:hover {
	background: url(/image_cmn/head_btn_bgm_ov.gif) 0px 0px no-repeat;
}


/*--box--*/
.bnr_senryu {
  margin: 20px auto!important;
}

.box{
	padding: 0px!important;
	margin-top:15px;
	background:none;
}

.box_outline{
	background:url("../image_cmn/bg_box.jpg") no-repeat 0 0;
  background-size: 1000px 438px;
}
.cup_read{
	position:relative;
	width:725px;
	margin:20px auto 15px;
	text-align:left;
}
.cup_read h2{
	text-align:center;
}
.cup_read p{
	width:680px;
	margin:0 auto;
	padding-left:25px;
	text-align:left;
}
.cup_read dl{
	width:640px;
	margin: 20px auto 0;
	text-align:center;
}
.cup_read dt,.cup_read dd{
	display:inline-block;
	vertical-align:middle;
	height:50px;
}
.cup_read dd{
	padding-left:5px;
	color:#bd3232;
	font-weight:800;
	font-size:30px;
	line-height:50px;
}
.cup_read span{
	font-size:80%;
	font-weight:800;
  vertical-align: bottom;
}

/* 応募期間終了 */
.cup_read .img_endcontest{
	position:absolute;
	top:37px;
	left:193px;
}


/*--menu_categoryカテゴリメニュ--*/
.y2018 a {
	background:url(../image_cmn/btn_2018.png) no-repeat 0 -54px;
}
.y2018 a:hover {
	background:url(../image_cmn/btn_2018.png) no-repeat 0 0;
}
.y2018_ac {
	background:url(../image_cmn/btn_2018.png) no-repeat 0 0;
}
.y2017 a {
	background:url(../image_cmn/btn_2017.png) no-repeat 0 -54px;
}
.y2017 a:hover {
	background:url(../image_cmn/btn_2017.png) no-repeat 0 0;
}
.y2017_ac {
	background:url(../image_cmn/btn_2017.png) no-repeat 0 0;
}
.y2016 a {
	background:url(../image_cmn/btn_2016.png) no-repeat 0 -54px;
}
.y2016 a:hover {
	background:url(../image_cmn/btn_2016.png) no-repeat 0 0;
}
.y2016_ac {
	background:url(../image_cmn/btn_2016.png) no-repeat 0 0;
}
.y2015 a {
	background:url(../image_cmn/btn_2015.png) no-repeat 0 -54px;
}
.y2015 a:hover {
	background:url(../image_cmn/btn_2015.png) no-repeat 0 0;
}
.y2015_ac {
	background:url(../image_cmn/btn_2015.png) no-repeat 0 0;
}
.y2014 a {
	background:url(../image_cmn/btn_2014.png) no-repeat 0 -54px;
}
.y2014 a:hover {
	background:url(../image_cmn/btn_2014.png) no-repeat 0 0;
}
.y2014_ac {
	background:url(../image_cmn/btn_2014.png) no-repeat 0 0;
}
.y2013 a {
	background:url(../image_cmn/btn_2013.png) no-repeat 0 -54px;
}
.y2013 a:hover {
	background:url(../image_cmn/btn_2013.png) no-repeat 0 0;
}
.y2013_ac {
	background:url(../image_cmn/btn_2013.png) no-repeat 0 0;
}
.y2012 a {
	background:url(../image_cmn/btn_2012.png) no-repeat 0 -54px;
}
.y2012 a:hover {
	background:url(../image_cmn/btn_2012.png) no-repeat 0 0;
}
.y2012_ac {
	background:url(../image_cmn/btn_2012.png) no-repeat 0 0;
}
.y2011 a {
	background:url(../image_cmn/btn_2011.png) no-repeat 0 -54px;
}
.y2011 a:hover {
	background:url(../image_cmn/btn_2011.png) no-repeat 0 0;
}
.y2011_ac {
	background:url(../image_cmn/btn_2011.png) no-repeat 0 0;
}


/*--投句ボックス--*/
.send_box {
    margin: 30px auto 40px;
}

/*--終了--*/
.syuryou {
    padding: 10px;
    margin: 20px auto 40px;
    width: 600px;
    background-color: #FFBFDF;
    border: solid 1px #CC0066;
    color: #BF0060;
	text-align:center;
	font-size:16px;
}
.syuryou p{
	font-weight:800;
}

/*--contents2 lst2--*/
#lst2 {
    width: 850px;
    height: auto;
    margin: 20px auto 0;
    padding: 0;
}
#lst2 dl {
    display: block;
    position: relative;
    width: 850px;
    height: 205px;
    margin: 28px 0 0 50px;
}
/*----*/
.ttl_lst{
    background: #1a80cf url(/image_cmn_new/h2_bg_icon.png) 0px 0px no-repeat;
    background-position: right -41px top -1px;
    color: #FFFFFF;
    border: 2px solid rgba(0,114,202,0.5);
    border-radius: 4px;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
    box-sizing: border-box;
    font-size: 20px;
    padding: 0 0 0 calc(5px + 1em);
    line-height: 36px;
    letter-spacing: 0.075em;
    text-align: left;
    height: 40px;
    position: relative;
}
.ttl_lst.the_best{
	background:url("../image/ttl_best.png") no-repeat 0 0;
  background-size: 880px 50px;
  border: none;
	color:#5e4f13;
	font-size:24px;
  font-weight: bold;
  height: 50px;
	line-height:50px;
  padding: 0;
  text-align: center;
  text-shadow: 0px 1px 1px #ffffff;
  width: 880px;
}

/*--作品一覧--*/
.link_youshu{
	margin:35px auto;
	text-align:center;
}
.link_youshu a img:hover{
	opacity: 0.7;
    -ms-filter: "alpha( opacity=70 )";
    filter: alpha( opacity=70 );
    -moz-opacity: 0.7;
}
.block.illust {
  color: #300;
  background: url(../image_cmn/bg_senryu.png) repeat-y 0 0;
}
.block2 {
  color: #300;
  background: url(../image_cmn/bg_senryu2.png) repeat-y 0 0;
}
.haiku {
  color: #DC0077;
}
.title {
  color: #666;
}
.comment {
  color: #666;
}
.name{
	color: #666;
}
.haiku2 {
	margin: 20px auto 0;
	text-align: left;
	font-size: 20px;
	font-weight: bold;
	position: relative;
	top:24px;
	left: 15px;
	color: #DC0077;
}
.title2 {
	position: relative;
	top: 27px;
	left: 35px;
	font-weight: bold;
	font-size: 18px;
	clear: both;
	color: #666;
}
.comment2 {
	clear: both;
	position: absolute;
	top: 130px;
	left: 10px;
	border-top:1px dashed #666;
	font-size: 15px;
	padding:10px 0 0 10px;
	width: 730px;
	color: #666;
}
.name2{
	position: relative;
	top: 27px;
	right: 100px;
	text-align: right;
	font-weight: bold;
	font-size: 16px;
	clear: both;
	color: #666;
}
/*--投句しよう--*/
.img_chara_send{
	position:absolute;
	top: -12px;
  left: 3px;
	z-index:1000;
}

/*--投稿フォーム--*/

.gaiyou_txt{
	border:2px solid #566e00;
}
.gaiyou_txt th{
	background: #566e00;
	border:1px solid #566e00;
	color:#fff;
}
.gaiyou_txt td{
	border:1px solid #72689d;
}

.note_list dt{
	background:url("../image/bg_form_note.png") 0 0;
	color:#fff;
}
.gaiyou_ttl{
	color: #fff;
	background:#849938;
}
.note_list dt{
	padding:10px;
	text-align:center;
	font-weight:800;
}
.note_list dd{
	background:#f6f8e6;
}
/*--確認フォーム--*/
.comf_box table{
  border: 2px solid #666666;
  width: 850px;
}
.comf_box th {
  background: url("../image_cmn/bg_th.gif") repeat 0 0;
}
.comf_box td {
  background:#fff;
}
.form_comf{
	clear: both;
    overflow: hidden;
    margin-bottom: 20px;
}

.th_ttl {
	top: 0;
	margin: 8px 0 0 0;
}

li.li_middle {
	margin: 36px 0 0 0;
}

li.li_bottom {
	margin: 40px 0 0 0;
}

.touku_check .comf_box{
  width: 750px;
}

.touku_check .comf_box table{
  width: 750px;
}

.touku_check .comf_box th{
  font-size: 14px;
  width: 300px;
}

.touku_check .comf_box td{
}

.touku_check th img{
  display: none;
}
.touku_check table ul{
  margin: 0;
}
.touku_check table li{
  display: inline-block;
  margin: 0;
}
.touku_check .th_ttl{
  position: relative;
  left: auto;
  bottom: auto;
  height: auto;
  margin: 0;
}
.touku_check .th_ttl li{
}
.touku_check li.li_up{
  margin: 0;
}
.touku_check li.li_middle {
	margin: 0 0 0 3px;
}

.touku_check li.li_bottom {
	margin: 0 0 0 3px;
}

.comf_box th {
	border-bottom: 1px solid #666666;
}

.comf_box td {
	border-bottom: 1px solid #666666;
}

/*--投稿完了--*/
.comp_box {
	color:#ef0300;
}
.comp_box img {
	margin:0;
  position:relative;
  top:20px;
}
/*--footerSEO--*/
.footer_lead {
  clear: both;
  overflow:hidden;
  margin: 40px auto 25px;
  width: 820px;
  padding: 10px 10px 8px;
  background: #fff;
  border: 3px solid #badcff;
  color: #666;
  line-height: 1.4;
  text-align: left;
}
/*--footer--*/
#footer {
	display: block;
	overflow: hidden;
	letter-spacing: -0.03em;
	clear: both;
	width: 100%;
	margin: 20px auto 0px;
	padding: 0px;
	background: url("/image_cmn_new/footer_line.gif") repeat-x scroll center bottom transparent;
}
#foot_graybox {
	background: url("/image_cmn_new/footer_graybox_bg.gif") repeat-x scroll center center transparent;
	clear: both;
	width: 100%;
	height: 44px;
	overflow: hidden;
}
.footer_width {
	width: 980px;
	clear: both;
	overflow:hidden;
	margin: 0 auto;
	padding: 0;
}
/* ---------- プライバシーポリシー ---------- */
#footer #foot_graybox #foot_privacy {
	float: left;
	margin: 4px 0px;
	padding: 0px 0px 0px 17px;
	background: url(/image_cmn_new/arrow_bl_gr.png) 0px 4px no-repeat;
}
#footer #foot_graybox #foot_privacy a, #footer #foot_graybox #foot_social a {
	color: #444444;
}
#footer #foot_graybox #foot_privacy a:hover, #footer #foot_graybox #foot_social a:hover {
	color: #777777;
}
/* ---------- ソーシャルメディアポリシー ---------- */
#footer #foot_graybox #foot_social {
	float: left;
	margin: 4px 0px 4px 10px;
	padding: 0px 0px 0px 17px;
	background: url(/image_cmn_new/arrow_bl_gr.png) 0px 4px no-repeat;
}
/* ---------- pagetopボタン ---------- */
#footer #foot_graybox #foot_pagetop {
	float: right;
	width: 105px;
	height: 24px;
	margin: 2px 0px 0px 0px;
	padding: 0px;
	background: url(/image_cmn_new/btn_pagetop.gif) 0px 0px no-repeat;
	text-indent: -10000px;
}
#footer #foot_pagetop a {
	display: block;
	width: 105px;
	height: 24px;
}
#footer #foot_pagetop a:hover {
	background: url(/image_cmn_new/btn_pagetop_ov.gif) 0px 0px no-repeat;
}
/* ---------- 制作・運営 ---------- */
#footer p#manage {
	clear: both;
	overflow:hidden;
	line-height: 120%;
	margin: 0 auto 0;
	padding: 6px 0;
	text-align: center;
	width: 980px;
}
/* ---------- コピーライト ---------- */
#footer p#foot_copy {
	clear: both;
	overflow:hidden;
	display: block;
	height: 50px;
	line-height: 120%;
	margin: 0 auto 10px;
	padding: 0;
	text-align: center;
}

/*--.cont--*/
.cont{
	margin-bottom:5px;
}

.page_skip {
	margin: 20px auto 15px;
}

/* 終了表記 */
.cup_finish {
    padding: 15px 10px;
    margin: 20px auto;
    width: 620px;
    background-color: #FFBFDF;
    border: solid 1px #CC0066;
    color: #BF0060;
}

.cup_finish p{
		text-align:center;
		font-size:18px;
		font-weight: bold;
}

/* footerフラッシュ */
#animation_box {
	margin: 0;
	padding: 0;
	text-align:center;
}

/*--プライバシーポリシー追加--*/
.privacy {
	font-size: 14px;
	margin-top: 12px;
}

/* ---------- 年度ボタンレイアウト修正用　上書きCSS ---------- */
.category {
  font-size: 0;
	text-align: center;
  margin: 0 auto 30px;
	width: 890px;
}

.category li {
	display: inline-block;
	float: none;
  font-size: 15px;
	margin: 8px;
}

.touku_txt,
.comf_txt{
  margin-top:0;
}

.back_top{
    margin-bottom:16px;
}

.gaiyou_box{
  margin-bottom:24px;
 }


#comf tr:nth-last-of-type(1) td .note02 {
	background: #fff9d1;
	font-size: 85%;
	line-height: 115%;
	margin: 10px 5px 0 0;
	padding: 10px 8px 9px 30px;
	text-indent: -20px;
}

.lead{
  text-align: left;
  width: 740px;
  margin: 30px auto 30px;
}

/*-------------------------------------------
 ヘッダーの検索窓設置 190320 (下記を削除すれば検索窓がなくなる)
-------------------------------------------*/

#head_official img {
  vertical-align: top;
}

#head_presented {
  top: 51px;
  right: 343px;
}

.search-site-form-wrap {
  margin: 0 auto;
  max-width: 1035px;
  position: relative;
  width: 100%;
}

.search-site-form-inner {
  position: absolute;
  top: 49px;
  right: 0;
  z-index: 2;
}

.search-site-form {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
  justify-content: center;
}

.search-site-form-input {
  background-position: 10px center !important;
  border: solid 2px #cddbeb !important;
  border-radius: 0 !important;
  box-sizing: border-box !important;
  color: #000 !important;
  display: block !important;
  font-size: 16px !important;
  height: 30px !important;
  outline: none !important;
  padding: 3px 10px !important;
  -webkit-appearance: none !important;
  width: 200px !important;
}

.search-site-form-btn {
  background: -webkit-linear-gradient(90deg, #4187c4 0%, #1455b2 50%);
  background: -moz-linear-gradient(90deg, #4187c4 0%, #1455b2 50%);
  background: -o-linear-gradient(90deg, #4187c4 0%, #1455b2 50%);
  background: -ms-linear-gradient(90deg, #4187c4 0%, #1455b2 50%);
  background: linear-gradient(0deg, #4187c4 0%, #1455b2 50%);
  border: solid 2px #0059b0;
  border-radius: 0;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: block;
  font-size: 17px;
  height: 30px;
  line-height: 1.41;
  outline: none;
  padding: 3px 2px;
  -webkit-appearance: none;
  width: 60px;
}

.search-site-form-btn:hover {
  opacity: .7;
}

.search-site-text {
  font-size: 12px;
  font-weight: bold;
  letter-spacing: -.06em;
  line-height: 1.2;
  position: absolute;
  right: 0;
  top: 30px;
  text-align: left;
  width: 261px;
}