e@charset "utf-8";

html {
	font: 20px/150% "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	-webkit-text-size-adjust: 100%;
}
body {
	color: #000;
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:150%;
	background:url(../../images/sp/bg.gif);
	background-size:100% auto;
}
* html body {
	font-size:small;
	font:x-small;/*--標準準拠モード時は不要--*/
}

*:first-child+html body {
	font-size:small;
	font:x-small;/*--標準準拠モード時は不要--*/
}
.txthide {
	display: none;
}
img{
	width:100%;
	max-width: 100%;
	height: auto;
}

img[usemap] {
	border: none;
	height: auto;
	max-width: 100%;
	width: auto;
}

#wrapper {
	width: 100%;
	position:relative;
	font-size:90%;
}

table{
	font-size:90%;
}




/* ヘッダ---------------------------------------------------- */

.gheader{
	width:100%;
	height:0px;
	padding-top:89%;
	background:url(../../images/sp/header.png) no-repeat;
	background-size:contain;
	overflow:hidden;
}
.gheader h1{
	text-indent:-9999px;
}
.gheader02{
	width:100%;
	height:0px;
	padding-top:48%;
	background:url(../../images/sp/header02.png) no-repeat;
	background-size:contain;
	overflow:hidden;
}
.gheader02 h1{
	text-indent:-9999px;
}



/* コンテンツ--------------------------------------------------- */

.content{
	width:94%;
	margin-left:3%;
	margin-right:3%;
	margin-top:-30px;
}
.block{
	border:solid 5px #cacaca;
	background:#fff;
	padding-bottom:20px;
	margin-bottom:30px;
}
.block .inner{
	width:100%;

}
.block2{
	border:solid 1px #eee;
	background:#fff;
	padding-bottom:20px;
	margin-bottom:30px;
}
.block2 .inner{
	width:100%;

}
.btn01{
	width:95%;
	margin-left:auto;
	margin-right:auto;
}
.block01{
	line-height:0%;
	background:url(../../images/bg_txt.gif) no-repeat center center;
}
.block01 .btn01,.block02 .btn01{
	margin-top:20px;
}

.map{
	width:100%;
	height:0%;
	padding-top:103%;
	background:url(../../images/sp/map.gif) no-repeat;
	background-size:contain;
	position:relative;
}
.area li {
	transform: scale(0);	
}
.area li.l{
	position:absolute;
	text-align:center;
	font-size:65%;
}
@media screen and (min-width:568px){
.area li.l{
	font-size:120%;
}
}
@media screen and (min-width:736px){
.area li.l{
	font-size:140%;
}
}

.area li.m{
	position:absolute;
	text-align:center;
	font-size:60%;
}
@media screen and (min-width:568px){
.area li.m{
	font-size:120%;
}
}
@media screen and (min-width:736px){
.area li.m{
	font-size:140%;
}
}

.area li.s{
	position:absolute;
	text-align:center;
	font-size:60%;
}
@media screen and (min-width:568px){
.area li.s{
	font-size:120%;
}
}
@media screen and (min-width:736px){
.area li.s{
	font-size:140%;
}
}

.area li strong{
	font-size:180%;
}
.area .name{
	text-indent:-9999px;
	display:block;
}
.area .l{
	width:18.5%;
	height:0;
	padding-top:18.5%;
	overflow:hidden;
}
.area .m{
	width:17%;
	height:0;
	padding-top:17%;
	overflow:hidden;
}
.area .s{
	width:15.5%;
	height:0;
	padding-top:15.5%;
	overflow:hidden;
}

.area .l .num{
	display:block;
	margin-top:-80%;
}
@media screen and (min-width:568px){
.area .l .num{
	margin-top:-70%;
}
}
.area .m .num{
	display:block;
	margin-top:-80%;
}
@media screen and (min-width:568px){
.area .m .num{
	margin-top:-70%;
}
}
.area .s .num{
	display:block;
	margin-top:-80%;
}
@media screen and (min-width:568px){
.area .s .num{
	margin-top:-70%;
}
}

.area .l strong{
	color:#d50101;
}
.area .m strong{
	color:#c8a70e;
}
.area .s strong{
	color:#000;
}
.area .area01_l{
	background:url(../../images/sp/erea01_l.png) no-repeat;
	background-size:contain;
	right:28%;
	top:0%;
}

.area .area02_l{
	background:url(../../images/sp/erea02_l.png) no-repeat;
	background-size:contain;
	right:7%;
	top:40%;
}
.area .area03_l {
    background: url(../../images/sp/erea03_l.png) no-repeat;
    background-size: contain;
    right: 42%;
    top: 17%;
}
.area .area04_l {
    background: url(../../images/sp/erea04_l.png) no-repeat;
    background-size: contain;
    right: 15%;
    bottom: 18%;
}
.area .area05_l{
	background:url(../../images/sp/erea05_l.png) no-repeat;
	background-size:contain;
	left:42%;
	bottom:10%;
}
.area .area06_l {
    background: url(../../images/sp/erea06_l.png) no-repeat;
    background-size: contain;
    left: 25%;
    top: 31%;
}
.area .area07_l{
	background:url(../../images/sp/erea07_l.png) no-repeat;
	background-size:contain;
	left:3%;
	top:37%;
}
.area .area08_l{
	background:url(../../images/sp/erea08_l.png) no-repeat;
	background-size:contain;
	left:20%;
	bottom:8%;
}
.area .area09_l{
	background:url(../../images/sp/erea09_l.png) no-repeat;
	background-size:contain;
	left:2%;
	bottom:0%;
}


.area .area01_m{
	background:url(../../images/sp/erea01_m.png) no-repeat;
	background-size:contain;
	right:28%;
	top:0%;
}

.area .area02_m{
	background:url(../../images/sp/erea02_m.png) no-repeat;
	background-size:contain;
	right:7%;
	top:40%;
}
.area .area03_m {
    background: url(../../images/sp/erea03_m.png) no-repeat;
    background-size: contain;
    right: 42%;
    top: 17%;
}
.area .area04_m {
    background: url(../../images/sp/erea04_m.png) no-repeat;
    background-size: contain;
    right: 16%;
    bottom: 18%;
}
.area .area05_m{
	background:url(../../images/sp/erea05_m.png) no-repeat;
	background-size:contain;
	left:42%;
	bottom:10%;
}
.area .area06_m {
    background: url(../../images/sp/erea06_m.png) no-repeat;
    background-size: contain;
    left: 23%;
    top: 34%;
}
.area .area07_m{
	background:url(../../images/sp/erea07_m.png) no-repeat;
	background-size:contain;
	left:3%;
	top:37%;
}
.area .area08_m{
	background:url(../../images/sp/erea08_m.png) no-repeat;
	background-size:contain;
	left:20%;
	bottom:8%;
}
.area .area09_m{
	background:url(../../images/sp/erea09_m.png) no-repeat;
	background-size:contain;
	left:2%;
	bottom:0%;
}

.area .area01_s {
    background: url(../../images/sp/erea01_s.png) no-repeat;
    background-size: contain;
    right: 30%;
    top: 0%;
}

.area .area02_s{
	background:url(../../images/sp/erea02_s.png) no-repeat;
	background-size:contain;
	right:7%;
	top:40%;
}
.area .area03_s {
    background: url(../../images/sp/erea03_s.png) no-repeat;
    background-size: contain;
    right: 43%;
    top: 20%;
}
.area .area04_s {
    background: url(../../images/sp/erea04_s.png) no-repeat;
    background-size: contain;
    right: 17%;
    bottom: 18%;
}
.area .area05_s{
	background:url(../../images/sp/erea05_s.png) no-repeat;
	background-size:contain;
	left:42%;
	bottom:10%;
}
.area .area06_s {
    background: url(../../images/sp/erea06_s.png) no-repeat;
    background-size: contain;
    left: 25%;
    top: 34%;
}
.area .area07_s{
	background:url(../../images/sp/erea07_s.png) no-repeat;
	background-size:contain;
	left:3%;
	top:42%;
}
.area .area08_s{
	background:url(../../images/sp/erea08_s.png) no-repeat;
	background-size:contain;
	left:20%;
	bottom:8%;
}
.area .area09_s{
	background:url(../../images/sp/erea09_s.png) no-repeat;
	background-size:contain;
	left:2%;
	bottom:0%;
}

.block03 h2{
	line-height:0%;
	border-bottom:solid 5px #cacaca;
}

.book_area{
	margin-top:20px;
	margin-left:5%;
	margin-right:5%;
}
.book_area li{
	width:46.5%;
	float:left;
	margin-bottom:20px;
}
.book_area li:nth-child(even){
	float:right;
}
.book_area .btn_book{
	margin-top:10px;
}


.book_area .social_area{
}

.social_area span{
	display:block;
	width:100%;
}
.comment{
	background:url(../../images/sp/icon_comment.gif) no-repeat left center;
	background-size:10% auto;
	padding-left:15%;
}
.heart{
	background:url(../../images/sp/icon_heart.gif) no-repeat left center;
	background-size:10% auto;
	padding-left:15%;
}
@media screen and (min-width:568px){
.social_area span.heart{
	margin-top:10px;
	background:url(../images/sp/icon_heart.gif) no-repeat left center;
	background-size:9% auto;
}
}

@media screen and (min-width:736px){
.comment{
	background:url(../../images/sp/icon_comment.gif) no-repeat left center;
	background-size:5% auto;
	padding-left:10%;
}
.heart{
	background:url(../../images/sp/icon_heart.gif) no-repeat left center;
	background-size:5% auto;
	padding-left:10%;
}
}



.thread_area{
	border-top:solid 5px #cacaca;
	padding-top:20px;
	padding-left:5%;
	padding-right:5%;
}

.thread_paging .pagign{
	text-align:center;
	margin-top:20px;
}
.thread_concept {
	margin-bottom: 40px;	
}
.thread_concept h3 {
	margin-bottom: 20px;
}
.thread_concept p {
	margin-bottom: 8px;	
}
.thread01, .thread02, .thread03, .thread04 {
	border-bottom:dotted 1px #000;
	margin-bottom: 30px;
}
.thread_paging_top{
	border-bottom:dotted 1px #000;
	padding-bottom:20px;
}
.pagign li{
	display:inline-block;
	margin:0 1% 10px;
	font-weight:bold;
}
.pagign li a,.pagign li span{
	display:block;
	padding:3px 7px;
	color:#fff;
}
.pagign li a{
	background:#BEBEBE;
}
.pagign li span{
	background:#000;
}
.thread_list li{
	padding:15px 0;
	border-bottom:dotted 1px #000;
}
.thread_list li a{
	text-decoration:underline;
}

.thread_list .social_area span{
	display:inline-block;
	width:42%;
}
.thread_list .comment{
	background:url(../../images/sp/icon_comment.gif) no-repeat left center;
	background-size:11% auto;
	padding-left:7%;
}
.thread_list .heart{
	background:url(../../images/sp/icon_heart.gif) no-repeat left center;
	background-size:11% auto;
	padding-left:7%;
}
.thread_list .social_area span.day{
	width:100%;
	text-align:right;
}

.thread_list .icon_book{
	display:block;
	width:40%;
}
@media screen and (min-width:736px){

.thread_list .social_area span{
	width:26.3%;
}
.thread_list .comment{
	background:url(../../images/sp/icon_comment.gif) no-repeat left center;
	background-size:9% auto;
	padding-left:6%;
}
.thread_list .heart{
	background:url(../../images/sp/icon_heart.gif) no-repeat left center;
	background-size:9% auto;
	padding-left:6%;
}
.thread_list .social_area span.day{
	width:33.3%;
}
.thread_list .icon_book{
	width:30%;
}

}

.thread_list .ttl{
	font-size:120%;
	margin-bottom:10px;
}
.gfooter{
	width:100%;
	border-top:solid 1px #000;
	padding:20px 0;
	text-align:center;
	background:#fff;
}
.gfooter .privacy,.gfooter .copy{
	display:inline-block;
}
.gfooter .privacy{
	width:10%;
}
.gfooter .copy{
	width:80%;
}
.gfooter img{
	vertical-align:middle;
}

.btn_bottom02 {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 25px;
}
#inline_content {
	font-size: 0.6rem !important;
}
#inline_content p {
	margin-bottom: 5px;
	line-height: 180%;
}

/* スレッド----------------------------------------------------- */

.thread_content{
	padding-left:3%;
	padding-right:3%;
	padding-top:20px;
}

.thread_ttl_area{
}
.thread_ttl_area .book_img{
	float:left;
	width:20%;
	margin-right:3%;
}

.thread_ttl_area h2{
	font-size:120%;
	float:left;
	width:76%;
}
.thread_ttl_area h2 .icon_book{
	display: block;
    width: 40%;
}
@media screen and (min-width:736px){
.thread_ttl_area h2 .icon_book{
    width: 30%;
}
}

.thread_ttl_area .sp_book_img:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.thread_ttl_area .sp_book_img {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .thread_ttl_area .sp_book_img{
	height: 1%;
}
.thread_ttl_area .sp_book_img{
	display: block;
}

.thread_ttl_area h2 .ttl{
	display:block;
	float:left;
	padding-top:5px;
}
.thread_ttl_area .thread_ttl_txt{
	margin-top:15px;
}
.thread_ttl_area .btn_comment{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	margin-top:15px;
}


.comment_entry_erea h2{
	margin-bottom:20px;
}
.comment_entry_erea textarea{
	width:100%;
	height:150px;
}
.comment_entry_erea .name{
	margin-bottom:10px;
}
.comment_entry_erea .entry_ttl{
	margin-top:10px;
	margin-bottom:10px;
	font-weight:bold;
}
.comment_entry_erea .entry_ttl strong{
	display:inline-block;
	margin-left:3%;
}
.caution_area{
	font-size: 11px;
	padding:20px 10px 1px;
	margin-top:20px;
}


.comment_entry_erea .btn_back{
	width:50%;
	margin-left:auto;
	margin-right:auto;
	margin-top:15px;
}

.comment_entry_erea .btn_confirm input{
	display: block;
	width:50%;
	margin-left:auto;
	margin-right:auto;
	margin-top:15px;
}
.comment_entry_erea .btn_back input{
	display: block;
	width:100%;
	height: auto;
	margin-left:auto;
	margin-right:auto;
	margin-top:15px;
}

#comment_entry{
	display:none;
}

/*マイページ*/
.myaccount {
	margin-bottom: 18px;
}
.myaccount h1 {
	font-size: 0.9rem;
	margin-bottom: 15px;
	background: url(../../images/sp/my_ico_prof.gif) no-repeat left center;
	background-size: contain;
	padding: 5px 0px 5px 45px;
}
.acc_photo{
	width: 65%;
	border: #CCC solid 1px;
	float: left;
	margin-bottom: 15px;
}
.acc_data {
	float:right;
	width: 30%;
}
.photo_up {
	border-top: #999 dotted 1px;
	clear:both;
	padding-top: 10px;
}
.acc_data li {
	margin-right: 2%;
	background: #2d8369;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
	padding: 7%;
	text-align:center;
	color:#FFF;
	margin-bottom: 12px;
}
.acc_data li span {
	display: block;
	font-size: 1.4rem;
}
.mypage_comlist {
	border-top: #999 dotted 1px;
	padding-top: 18px;
}
.mypage_comlist_inner {
	padding: 20px 3% 1px 3%;
    background: #F7F7F7;
    margin-top: 20px;
}
.mypage_comlist_inner .iine_erea {
	margin-top: 15px;
	margin-bottom: 50px;
}
.mypage_comlist_inner ul .comment_item {
    background: #fff;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    padding: 20px 3%;
		margin-bottom: 8px;
}
.mypage_comlist .iine_erea .num {
	line-height: 24px;
	float: left;
	font-weight: bold;
	margin-right: 15px;
}

section.photoblock {
	text-align: center;
	 border-top: 1px dotted #ccc;
	 padding-top: 15px;
	 margin: 15px 0 0;
}
section.photoblock img {
	max-height: 200px;
	width: auto;
	margin-bottom: 8px
}
.mypage_comlist .iine_erea .btn_iine, .mypage_comlist .iine_erea .btn_sumi {
	float: left;
	width: 32%;
}
.mypage_comlist .iine_erea .alert{
	line-height: 24px;
	float: right;
}
.mypage_comlist h1 {
	font-size: 0.9rem;
	margin-bottom: 15px;
	background: url(../../images/sp/my_ico_com.gif) no-repeat left center;
	background-size: contain;
	padding: 5px 0px 5px 45px;
}

.myaccnews {
	margin-top: 30px;
}
.myaccnews h1 {
	font-size: 0.9rem;
	margin-bottom: 15px;
	background: url(../../images/sp/my_ico_news.gif) no-repeat left center;
	background-size: contain;
	padding: 5px 0px 5px 45px;
}
.myaccnews ul {
	margin-top: 10px;
	border-top: #666 dotted 1px;
	padding-top: 18px;
}
.myaccnews li {
	border-bottom: #CCC dotted 1px;
	padding-bottom: 13px;
	margin-bottom: 13px;
	line-height: 140%;
}
.com_date {
	display: block;
}

/*通報*/
.alert_entry_erea{
	padding:20px 3%;
	background:#fff;
}
.alert_entry_erea h2{
	margin-bottom:20px;
}
.alert_entry_erea textarea{
	width:100%;
	height:150px;
}
.alert_entry_erea .name{
	margin-bottom:10px;
}
.alert_entry_erea .entry_ttl{
	margin-top:10px;
	margin-bottom:10px;
	font-weight:bold;
}
.alert_entry_erea .entry_ttl strong{
	display:inline-block;
	margin-left:3%;
}
.alert_entry_erea .btn_confirm,
.alert_entry_erea .btn_back{
	width:184px;
	height: 42px;
	margin-left:auto;
	margin-right:auto;
	margin-top:15px;
}
.alert_entry_erea .btn_back input{
	display:block;
	width:184px;
	height:42px;
	background-size: 184px 42px;
	text-indent:-9999px;
}
.alert_entry_erea .btn_confirm input{
	display:block;
	width:184px;
	height:42px;
	background:url(../../images/sp/btn_confirm.png) no-repeat;
	background-size: 184px 42px;
	text-indent:-9999px;
}
.alert_entry_erea .btn_confirm input[type="submit"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
.alert_entry_erea .btn_confirm input[type="submit"]::-webkit-search-decoration {
  display: none;
}
.alert_entry_erea .btn_confirm input[type="submit"]::focus {
  outline-offset: -2px;
}
.alert_entry_erea label {
	display: block;
	margin-bottom: 7px;
}
/*ナビ*/
.gnav {
	background: #074734 !important;
	position: fixed !important;
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	z-index:10000 !important;
}
.gnav_inner {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	padding-bottom:10px;
	
	color: #000 !important;
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
	line-height:150% !important;
}
.gnav_inner ul {
	float: right !important;
	/*width: 42% !important;*/
}
.gnav_inner ul li {
	float: left !important;
	font-size: 0.4rem !important;
	/*width: 43% !important;*/
	background: #f6f6f6 !important;
	display: block !important;
	border-radius: 3px !important;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
	padding-left:5px !important;
	padding-right:5px !important;
	line-height: 25px !important;
}

.gnav01 {
	margin-right: 10px;
}

.gnav_inner ul li.gnav02 {
	display: none !important;
}
.head_acc {
	display: inline-block;
}

.gnav_inner h1 a {
	width: 25%;
	display:block;
	float: left;
	margin-left: 15px;
}
@media screen and (min-width:736px){
.gnav_inner h1 a {
	width: 20%;
	display:block;
	float: left;
	margin-left: 15px;
}
}
/*ニュース*/
.news_erea ul {
	margin-top: 13px;
}
.news_erea li {
	margin-top: 15px;
}
.news_erea li h3 {
	border-bottom:#666 dotted 1px;
	padding-bottom: 5px;
	margin-bottom: 10px;
}
.news_erea li h3 span {
	display: block;
	font-size: 0.7rem;
}

/*会員登録*/
.loginContent{
	padding-top: 0px;	
}
img#id_shellfish,.ruleInner img {
	width: auto !important;
}


/* スレッド02----------------------------------------------------- */

.comment_content_list02{

}
.comment_content_list02 li{
	margin-top:20px;
}
.comment_content_list02 li:first-child{
	margin-top:30px;
}
.comment_content_list02 .name_area{
	background:#F7F7F7;
	padding:10px 2%;
}
.comment_content_list02 .name_area img {
	float: left;
	width: 7%;
	margin-right: 2%;	
}
.comment_content_list02 .name_area  p {
	float: left;
	width: 91%;
	padding-top: 6px;
}
.comment_content_list02 .name_area strong{
	margin-right:3%;
}
.comment_content_list02 .name_area .day{
	float: right;
	font-size: 0.7rem;
}
.comment_content_list02 .iine_area{
	padding:10px 0%;
	display:table;
	width:100%;
}
.comment_content_list02 .iine_area span,.comment_content_list02 .iine_area a{
	display:table-cell;
	vertical-align:middle;
}
.comment_content_list02 .iine_area span{
	text-align:right;
	width:20%;
	padding-right:3%;
}
.comment_content_list02 .iine_area a{
	width:18%;
}
.comment_content_list02 .iine_area strong{
	font-size:1.3rem;
}
.comment_content_list02 .comment_area{
}
.comment_content_list02 .comment_area .thumb{
	width:20%;
	float:left;
	line-height:0%;
	border:solid 1px #ccc;
}
.comment_content_list02 .comment_area .txt{
	line-height:155%;
}
.comment_content_list02 .kiyaku a{
	font-weight: bold;
	color:#d82c5d;
	text-decoration: underline;
}
.comment_content_list02 .kiyaku a:hover{
	text-decoration: none;
}

.entry_erea_thanks{
	text-align: center;
	font-size: 1.1em;
}
.entry_erea_thanks strong,
.entry_erea_thanks p{
	margin-bottom: 10px;
}
.entry_erea_thanks a{
	font-weight: bold;
	text-decoration: underline;
}

.ideaman2015link {
	text-align:right;
	margin-top:1px;
}

.ideaman2015link a {
	color:#FFFFFF;
	text-decoration: underline;
	font-size:80%;
}

#commentarea .btnMore1{
	text-align:center;
	margin-top:40px;
}

#commentarea .icnPls{
	display: inline-block;
	background:url(../../image/bbs/icn_plus.png) left top no-repeat;
	min-height: 22px;
	padding:2px 0 0 28px;
	font-size:18px;
	line-height: 1.1;
}