@charset "utf-8";
/*****************************
1. header
2. footer
3. sns
4. category
*****************************/

* {
  margin: 0;
  padding: 0;
  /*line-height: 1;*/
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background: transparent;
  width: auto;
}

body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 100%;
	color: #333;
	/* [disabled]background: url(../../images/bg.png) repeat; */
	width: 100%;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td caption {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* Clearfix
 * --------------------------------------------- */
/* for modern browser */
.clearfix:after { font-size: 0px; line-height: 0px; height: 0; visibility: hidden; content:"."; display: block; clear: both; }
/* for IE5.5-7 */
.clearfix { zoom: 1; display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix { display: block; }
.clearboth { clear: both; }


/*-------------------------------------------------------------------------------------
  link color
-------------------------------------------------------------------------------------*/
/*a:link { color: #FFF; text-decoration: underline; }
a:visited { color: #FFF; text-decoration: underline; }
a:hover { color: #FFF; text-decoration: none; }*/


/*-----------------------------------------------
 * common
 *-----------------------------------------------*/

img { width: 100%; }

.line { border-bottom: 2px solid #FFF; }
.txt-red { color: #FF0000; }
.mgn_btm { margin-bottom: 5%; }

ul, ol { list-style: none; }

/* clearfix */
.clear { width: 100%; }

.clear:after {
  content: "";
  display: block;
  clear: both;
}

/* contents */
#wrapper {
	width: 100%;
	/* [disabled]margin-top: 2%; */
	/* [disabled]margin-right: 2%; */
	/* [disabled]margin-left: 2%; */
	/* [disabled]margin-bottom: 2%; */
	font-size: 0.9em;
	background: #ffffff;
	/* [disabled]-moz-box-shadow: 0 0 3px #000; */
	-webkit-box-shadow: 0 0;
	padding-bottom: 0px;
	box-shadow: 0 0;
}



/*****************************
2. Navi
*****************************/
#Navi {
	clear:both;
	padding:5% 0 0 3%;
}

#Navi li {
  float: left;
  width: 23%;
  padding: 0 2% 0 0;
}

#Navi li.m05 {
  width: 48%;
  padding-top: 2%;
  padding-right: 2%;
  padding-left: 0;
  padding-bottom: 0;
}

#Navi li.m06 {
  width: 48%;
  padding-top: 2%;
  padding-right: 2%;
  padding-left: 0%;
  padding-bottom: 0;
}

#Navi li.m07 {
	width:47%;
	padding:2% 0 0 ;
}


/*------ senryu川柳 ------*/
#Navi_senryu {
	clear:both;
	padding:2% 0 0 3%;
}

#Navi_senryu li.senryu_menu01 {
	width:47.5%;
	padding:0 2% 0 0;
	float:left;
}

#Navi_senryu li.senryu_menu02 {
	width:47.5%;
	padding:0 0 0 0;
	float:left;
}

#Navi_senryu li.senryu_menu03 {
	width:47.5%;
	padding:2% 2% 0 0;
	float:left;
}

#Navi_senryu li.senryu_menu04 {
	width:47.5%;
	padding:2% 0 0 0;
	float:left;
}

/*横並び3つ
#Navi_senryu li.senryu_menu01 {
	width:30.8%;
	float:left;
	padding:0 2.5% 0 0;
}

#Navi_senryu li.senryu_menu02 {
	width:30.8%;
	float:left;
	padding:0 2.5% 0 0;
}

#Navi_senryu li.senryu_menu03 {
	width:30.8%;
	float:left;
	padding:0 2.5% 0 0;
}*/


/*------ top川柳 ------*/
#Navi li.mtop01 {
	width:96.4%;
	padding:2% 2.5% 0 0;
}

#Navi li.mtop02 {
	width:47.5%;
	padding:2% 2% 0 0;
}

#Navi li.mtop03 {
	width:47.5%;
	padding:2% 0 0 0;
}
/*------ ここまでtop川柳 ------*/

#logo {
    width: 38%;
    padding-top: 3%;
    padding-right: 0;
    padding-left: 31%;
    padding-bottom: 0;
}

/* header footer bg */
#header-img {
	clear:both;
	width:100%;
	padding:0;
	margin:0;
}

#footer-img {
    clear: both;
    width: 100%;
    padding: 0;
    margin: 0;
    background-image: url("../../images/footer_img.png");
    background-size: contain;
    background-position: center bottom;
    height: 20px;
    background-repeat: no-repeat;
}

h2 {
	width:96%;
	padding:1% 0 0 2%;
}

/* home */
.home {
  margin: 10px auto 10px auto;
  width: 95%;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background: #65b604;
}
.home a {
  padding: 12px 0 12px 20px;
  color: #fff;
  line-height: 1.0em;
  text-align: center;
  text-decoration: none;
  background: url(../images/icon_back.png) 25% 50% no-repeat;
  display: block;
}

/*****************************
2. footer
*****************************/

#footer {
  clear: both;
  padding: 5px 0 0 0;
  background: #fff;
}

/* meijiBack */
#meijiBack {
  clear: both;
  margin: 5px 0 10px 20px;
  -webkit-background-clip: padding-box;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-box-shadow: 0 0 1px #f10e0e;
  -moz-box-shadow: 0 0 1px #f10e0e;
  box-shadow: 0 0 1px #f10e0e;
  background-image: linear-gradient(bottom, #df0f0f 0%, #f02020 100%);
  background-image: -o-linear-gradient(bottom, #df0f0f 0%, #f02020 100%);
  background-image: -moz-linear-gradient(bottom, #df0f0f 0%, #f02020 100%);
  background-image: -webkit-linear-gradient(bottom, #df0f0f 0%, #f02020 100%);
  background-image: -ms-linear-gradient(bottom, #df0f0f 0%, #f02020 100%);
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, #df0f0f),
    color-stop(1, #f02020)
  );
  border-radius: 3px;
  border: 1px solid #e61515;
  float: left;
}
#meijiBack a {
	position: relative;
	padding: 6px 12px 5px 9px;
	height: 27px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-shadow: 0 1px 1px #666, 0 1px 2px #666;
	color: #fff;
	line-height: 1;
	letter-spacing: 0.1em;
	text-decoration: none;
	display: block;
}
#meijiBack a:before  {
	position: absolute;
	top: 0;
	left: -14px;
	width: 14px; 
	height: 28px;
	content: ""; 
	background: url(../images/bg_back.png) 0 0 no-repeat;
	display: block;
}
/* PC */
p.PCVer {
  margin: 0 8px 0 0;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-image: linear-gradient(bottom, #f0f0f0 0%, #fff 75%);
  background-image: -o-linear-gradient(bottom, #f0f0f0 0%, #fff 75%);
  background-image: -moz-linear-gradient(bottom, #f0f0f0 0%, #fff 75%);
  background-image: -webkit-linear-gradient(bottom, #f0f0f0 0%, #fff 75%);
  background-image: -ms-linear-gradient(bottom, #f0f0f0 0%, #fff 75%);
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, #f0f0f0),
    color-stop(0.75, #fff)
  );
  border: 1px solid #ccc;
  float: right;
}
p.PCVer a {
  padding: 10px 5px 10px 25px;
  background: url(../images/icon_pc.png) 5% center no-repeat;
  font-size: 0.9em;
  color: #000;
  text-decoration: none;
  line-height: 1.0em;
  display: block;
}


#copyright {
  clear: both;
  padding: 20px 0;
  font-size: 0.8em;
  text-align: center;
  color: #f00;
  border-top:solid #f00 1px;
}


/* pagetop */
.pagetop {
	clear:both;
	float:right;
	width:8%;
	padding:5% 4% 0 0;
}


/* line */
.line01 {
	width:80%;
	clear:both;
	margin:0 0 0 10%;
	padding:5% 0 0;
	border-bottom:solid 1px #000000;
}

.line02 {
	width:70%;
	clear:both;
	margin:0 0 0 15%;
	padding:5% 0 0;
	border-bottom:solid 2px #dae314;
}