@charset "UTF-8";

html,body {
 min-width:1236px;
 background-color:#faf8f5;
}

.sp {
	display:none !important;
}

/* wrapper
******************************************************/
.wrapper {
 width:1360px;
 margin:auto;
}


/* game
******************************************************/
#game {
 text-align:center;
}


/* header
******************************************************/
header {
 width:100%;
 padding-bottom:5px;
 margin-bottom:15px;
 background-color:#eeebe7;
}

header .wrapper {
	display:flex;
	justify-content:center;
}

header #logo {
 margin:5px 20px 0 0;
 line-height:0px;
}

header #logo img {
 width:70px;
}

header nav {
 width:1092px;
 margin-top:4px;
}

header nav > ul {
	display:flex;
	flex-wrap:wrap;
}

header nav > ul > li {
	position:relative;
	width:174px;
	border-radius:4px;
	margin:4px 0 0 8px;
	font-size:11px;
	line-height:18.2px;
	text-align:center;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fffffc+0,fffbe8+100 */
	background: #fffffc; /* Old browsers */
	background: -moz-linear-gradient(top,  #fffffc 0%, #fffbe8 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #fffffc 0%,#fffbe8 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #fffffc 0%,#fffbe8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

header nav > ul > li strong{
	display:block;
	font-size:14px;
	padding:5px 0 4px 0;
}

header nav > ul > li a {
	display:block;
	color:#453515;
}

header nav > ul > li ul {
	display:none;
	position:absolute;
	z-index:2;
	top:27px;
	border-radius:4px;
	border:solid 1px #eae7dc;
	background-color:#f7f5eb;
	box-sizing: border-box;
}

header nav > ul > li ul li {
	width:172px;
	text-align:center;
	margin:0;
}

header nav > ul > li ul li:hover {
	background-color:#fffdf5;
}

header nav > ul > li ul li:first-of-type {
	border-radius:4px 4px 0 0;
	
}

header nav > ul > li ul li:last-of-type {
	border-radius:0 0 4px 4px;
	
}


#side_column #search_area {
 float:right;
 width:300px;
 margin-bottom:9px;
}


#side_column #search_area form {
 width:300px;
 margin:auto;
}

#side_column #search_area form input[type="text"]{
 font-family:Meiryo, 'メイリオ', 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', sans-serif;
 text-indent:8px;
 height:30px;
 width:241px;
 border:solid 1px #d5d3c7;
 border-radius:4px 0 0 4px;
 float:left;
}

#side_column #search_area form input[type="submit"]{
 height:34px;
 width:55px;
 border:solid 1px #d5d3c7;
 border-left:none;
 border-radius:0 4px 4px 0;
 background:#cbc8b9 url('../img/search.png') center center no-repeat;
 background-size:20px auto;
 cursor:pointer;
}


/* search トップページ用
******************************************************/

#home_sidebar #search_area {
 width:206px;
 margin-bottom:9px;
}


#home_sidebar #search_area form {
 width:206px;
 margin:auto;
}

#home_sidebar #search_area form input[type="text"]{
 font-family:Meiryo, 'メイリオ', 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', sans-serif;
 text-indent:8px;
 height:30px;
 width:168px;
 border:solid 1px #d5d3c7;
 border-right:none;
 border-radius:4px 0 0 4px;
 float:left;
}

#home_sidebar #search_area form input[type="submit"]{
 height:34px;
 width:35px;
 border:solid 1px #d5d3c7;
 border-left:none;
 border-radius:0 4px 4px 0;
 background:#cbc8b9 url('../img/search.png') center center no-repeat;
 background-size:20px auto;
 cursor:pointer;
}




/* header
******************************************************/

/* トップページ more read 項目
******************************************************/
.read_more {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	margin:0 5px;
}

.read_more > div {
	width:48%;
	padding:5px;
	box-shadow:0px 0px 3px #e5e4dd;
	border-radius:4px;
	margin:0 0 10px 0;
}

.read_more > div ul li:nth-of-type(n+3) {
	display:none;
}

.read_more > div > span {
	display:block;
	color:#fff;
	background-color:orange;
	border-radius:4px;
	padding:3px;
	font-size:1.2rem;
	text-align:center;
	margin-top:3px;
	cursor:pointer;
}

#read-content{
	position:relative;
	background-color:#fff;
	box-shadow:0px 0px 5px #e5e4dd;
	margin:0 0 10px 0;
}
#read-content-inner{
	padding:10px 10px 1px 10px;
}
#read-content-inner .description{
	font-size:12px;
}
#read-content-inner .point-n,.point-3,.point-c,.point-taro{
	margin:10px !important;
	font-size:12px !important;
}

/*h 無料ゲーム */
#game h1.game{font-size:20px;position: relative;padding: 5px;margin:0px 0px 15px 0px;color:#ffffff;background: #f2b63c;-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.3);-moz-box-shadow:0 1px 3px rgba(0,0,0,0.3);box-shadow:0 1px 3px rgba(0,0,0,0.3);}
#game h1.game:before,
#game h1.game:after {content: "";position: absolute;top: 100%;height: 0;width: 0;border: 6px solid transparent;border-top: 6px solid #ba8c32;}
#game h1.game:before {right: 0;border-left: 6px solid #ba8c32;}
#game h1.game:after {left: 0;border-right: 6px solid #ba8c32;}
#game h2.game{color:#ff890c;font-size:15px;padding: 5px;margin:0 0 5px 0;background: #ffe5c9;border-left: solid 5px #ff890c;}
#game h3.game{color:#666666;font-size:13px;padding: 2px 0 0 8px;margin:0 0 2px 0;border-left: solid 5px #f7a042;}
#game h4.game{color:#999999;font-size:12px;padding: 2px 0 0 8px;margin:0 0 2px 0;border-left: solid 1px #f7a042;}

/*h 早見表 */
#read-content h1.simple-chart{font-size:20px;position: relative;padding: 5px;margin:0px 0px 15px 0px;color:#ffffff;background: #f2b63c;-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.3);-moz-box-shadow:0 1px 3px rgba(0,0,0,0.3);box-shadow:0 1px 3px rgba(0,0,0,0.3);}
#read-content h1.simple-chart:before,
#read-content h1.simple-chart:after {content: "";position: absolute;top: 100%;height: 0;width: 0;border: 6px solid transparent;border-top: 6px solid #ba8c32;}
#read-content h1.simple-chart:before {right: 0;border-left: 6px solid #ba8c32;}
#read-content h1.simple-chart:after {left: 0;border-right: 6px solid #ba8c32;}
#read-content h2.simple-chart{color:#ff890c;font-size:15px;padding: 5px;margin:0 0 5px 0;background: #ffe5c9;border-left: solid 5px #ff890c;}
#read-content h3.simple-chart{color:#666666;font-size:13px;padding: 2px 0 0 8px;margin:0 0 2px 0;border-left: solid 5px #f7a042;}
#read-content h4.simple-chart{color:#999999;font-size:12px;padding: 2px 0 0 8px;margin:0 0 2px 0;border-left: solid 1px #f7a042;}
/*h 3分講座 */
#read-content h1.three-min{font-size:20px;position: relative;padding: 5px;margin:0px 0px 15px 0px;color:#ffffff;background: #ff894f;-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.3);-moz-box-shadow:0 1px 3px rgba(0,0,0,0.3);box-shadow:0 1px 3px rgba(0,0,0,0.3);}
#read-content h1.three-min:before,
#read-content h1.three-min:after {content: "";position: absolute;top: 100%;height: 0;width: 0;border: 6px solid transparent;border-top: 6px solid #a34e25;}
#read-content h1.three-min:before {right: 0;border-left: 6px solid #a34e25;}
#read-content h1.three-min:after {left: 0;border-right: 6px solid #a34e25;}
#read-content h2.three-min{color:#ff890c;font-size:15px;padding: 5px;margin:0 0 5px 0;background: #ffe5c9;border-left: solid 5px #ff890c;}
#read-content h3.three-min{color:#666666;font-size:13px;padding: 2px 0 0 8px;margin:0 0 2px 0;border-left: solid 5px #f7a042;}
#read-content h4.three-min{color:#999999;font-size:12px;padding: 2px 0 0 8px;margin:0 0 2px 0;border-left: solid 1px #f7a042;}
/*h ゲーム・プロ・漫画*/
#read-content h1.game{font-size:20px;position: relative;padding: 5px;margin:0px 0px 15px 0px;color:#ffffff;background: #7fc46a;-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.3);-moz-box-shadow:0 1px 3px rgba(0,0,0,0.3);box-shadow:0 1px 3px rgba(0,0,0,0.3);}
#read-content h1.game:before,
#read-content h1.game:after {content: "";position: absolute;top: 100%;height: 0;width: 0;border: 6px solid transparent;border-top: 6px solid #558746;}
#read-content h1.game:before {right: 0;border-left: 6px solid #558746;}
#read-content h1.game:after {left: 0;border-right: 6px solid #558746;}
#read-content h2.game{color:#558746;font-size:15px;padding: 5px;margin:0 0 5px 0;background: #e8f2c9;border-left: solid 5px #6ba05b;}
#read-content h3.game{color:#666666;font-size:13px;padding: 2px 0 0 8px;margin:0 0 2px 0;border-left: solid 5px #7bb26b;}
#read-content h4.game{color:#999999;font-size:12px;padding: 2px 0 0 8px;margin:0 0 2px 0;border-left: solid 1px #7bb26b;}
/*h 役ルール詳細*/
#read-content h1.hands-rule{font-size:20px;position: relative;padding: 5px;margin:0px 0px 15px 0px;color:#ffffff;background: #5ac0e2;-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.3);-moz-box-shadow:0 1px 3px rgba(0,0,0,0.3);box-shadow:0 1px 3px rgba(0,0,0,0.3);}
#read-content h1.hands-rule:before,
#read-content h1.hands-rule:after {content: "";position: absolute;top: 100%;height: 0;width: 0;border: 6px solid transparent;border-top: 6px solid #276b82;}
#read-content h1.hands-rule:before {right: 0;border-left: 6px solid #276b82;}
#read-content h1.hands-rule:after {left: 0;border-right: 6px solid #276b82;}
#read-content h2.hands-rule{color:#34819b;font-size:15px;padding: 5px;margin:0 0 5px 0;background: #ccf1ff;border-left: solid 5px #34819b;}
#read-content h3.hands-rule{color:#666666;font-size:13px;padding: 2px 0 0 8px;margin:0 0 2px 0;border-left: solid 5px #92d0e8;}
#read-content h4.hands-rule{color:#999999;font-size:12px;padding: 2px 0 0 8px;margin:0 0 2px 0;border-left: solid 1px #92d0e8;}

#read-content ul{
	font-size:12px;
	margin:0 0 0 10px;
	padding:0 0 0 0;
}
#read-content ul li{
	list-style-type: none;
	font-size:12px;
	margin:0 0 0 0;
	padding:0 0 0 0;
}
#read-content ul a {
	display:inline-block;
	background:url('../img/link_arrow.png') no-repeat;
	background-position:left 5px top 5px;
	padding-left:20px;
	font-size:13px;
	color:#0099ff;
}

#read-content ul a:hover {
	color:#63cbff;
}
#read-area{
	width:100%;
}
#read-area-left{
	margin:0 0 10px 0;
	width:49%;
	float:left;
	position:relative;
	background-color:#fff;
	box-shadow:0px 0px 5px #e5e4dd;
}
#read-area-right{
	margin:0 0 10px 0;
	width:49%;
	float:right;
	position:relative;
	background-color:#fff;
	box-shadow:0px 0px 5px #e5e4dd;
}
#read-area-none{
	margin:0 0 10px 0;
	width:100%;
	position:relative;
	background-color:#fff;
	box-shadow:0px 0px 5px #e5e4dd;
}
#read-area-inner{
	padding:5px;
}
.readmore {
	max-height: 20px;
	float:left;
}
.btn-opcl a{
	padding:0 10px 0 10px;
	margin:0 0 0 10px;
	font-size:12px;
	height: 30px;
	width: 120px;
	text-decoration: none;
	line-height: 10px;
	text-align: center;
	border-radius: 10px;
	-webkit-box-shadow: 1px 1px 1px #e9e9e9;
	-moz-box-shadow: 1px 1px 1px #e9e9e9;
	box-shadow: 1px 1px 1px #e9e9e9;
	background: #fa7e01;
	background: -webkit-gradient(linear, left top, left bottom, from(#fa7e01), to(#fb9d3e));
	background: -moz-linear-gradient(top, #fa7e01, #fb9d3e);
	background: -o-linear-gradient(top, #fa7e01, #fb9d3e);
	background: -ms-linear-gradient(top, #fa7e01, #fb9d3e);
	background: linear-gradient(top, #fa7e01, #fb9d3e);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#fa7e01', endColorstr='#fb9d3e');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#fa7e01', endColorstr='#fb9d3e')";
	color: #ffeed6;
}
.btn-opcl a:hover{  /* クリックした時 */
	color:#ffffff;
}


/* Tagsリンクボタン
******************************************************/
#taglink ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#taglink ul li {
  display: inline-block;
  margin: 0 .3em .3em 0;
  padding: 0;
}
#taglink ul li a {
  position: relative;
  display: inline-block;
  height: 20px;
  font-size: 13px;
  line-height: 20px;
  padding: 2px 4px 2px 4px;
  background-color: #2c98e0;
  border-radius: 3px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #ffffff;
  text-decoration: none;
  -webkit-transition: .2s;
  transition: .2s;
}
#taglink ul li span {
  position: absolute;
  top: 3px;
  right: 3px;
  z-index: 2;
  width: 22px;
  height: 22px;
  line-height: 20px;
  background-color: #2c98e0;
  border-radius: 100%;
  color: #fff;
  text-align: center;
  -webkit-transition: .2s;
  transition: .2s;
}
#taglink ul li a:hover {
  background-color: #67c0fc;
  color: #fff;
}
#taglink ul li a:hover span {
  background-color: #fff;
  color: #3498db;
}


/* sns
******************************************************/
#sns-buttons div {
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
	position:fixed;
	left:10px;
	top:200px;
	padding:10px 5px;
	background-color:#ff2abc;
	text-align:center;
	font-size:1.6rem;
	font-weight:bold;
}

#sns-buttons ul {
	position:fixed;
	left:40px;
	top:180px;
	width:60px;
}

#sns-buttons ul li a {
	font-size:12px;
	display:flex;
	align-items:center;
	justify-content:center;
	width:60px;
	height:60px;
}

#sns-buttons ul li a span {
	margin:0;
	padding:0;
}

#sns-buttons ul li#twitter a {
 background-color:#00afeb;
}
#sns-buttons ul li#twitter img {
	width:24px;
	margin-top:4px;
}


#sns-buttons ul li#fb a {
 background-color:#395798;
}
#sns-buttons ul li#fb img {
 width:16px;
}


#sns-buttons ul li#hatebu a {
 background-color:#296bba;
}
#sns-buttons ul li#hatebu img {
 width:26px;
}


#sns-buttons ul li#pocket a {
 background-color:#b2b2b2;
}
#sns-buttons ul li#pocket img {
	width:26px;
	margin-top:3px;
}


#sns-buttons ul li#line a {
 background-color:#06c755;
}
#sns-buttons ul li#line img {
	width:26px;
	margin-top:3px;
}




/* contents
******************************************************/
#contents {
 padding:0 0 8px 70px;
}

#contents .box {
 display:block;
 background-color:#ffffff;
 margin-bottom:16px;
 box-shadow:0px 0px 5px #e5e4dd;
 font-size:1.4rem;
}

#contents #article_list_pd,
#contents #article_list {
 font-size:13px;
}

/* 記事一覧
******************************************************/
#main_column .article_list {
	background-color:#ffffff;
	padding:20px;
}

#main_column .article_list li a {
	display:flex;
	font-size:1.6rem;
	color:#000;
	font-weight:bold;
}

#main_column .article_list li div img {
	width:140px !important;
	height:auto !important;
	margin:0 20px 0 0;
}

#main_column .article_list li div p,
#main_column .article_list li div time {
	display:block;
	font-size:1.2rem;
	line-height:2.0rem;
	font-weight:normal;
}


#side_column .article_list {
 background-color:#ffffff;
 width:100%;
 padding:8px;
 box-shadow:0px 0px 5px #e5e4dd;
}

#side_column .article_list dd {
	display:flex;
}

#side_column .article_list dd .thumbnail {
 margin-right:10px;
}


#side_column .article_list dd .thumbnail img {
 width:60px;
}





.wp-pagenavi {
	margin-top:30px;
	display:flex;
	justify-content:center;
	align-items:center;
}

.wp-pagenavi .current {
	display:flex;
	justify-content:center;
	align-items:center;
	width:36px;
	height:36px;
	background-color:#cc0000;
	color:#ffffff;
	margin:5px;
}

.wp-pagenavi .page {
	width:36px;
	height:36px;
	background-color:#cccccc;
	color:#ffffff;
	margin:5px;
}

.wp-pagenavi .extend {
	display:inline-block;
	margin:5px;
}

.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink {
	display:none;
}

.wp-pagenavi .first,
.wp-pagenavi .last,
.wp-pagenavi .pages {
	display:flex;
	justify-content:center;
	align-items:center;
	height:36px;
	margin:5px;
}








/* 記事一覧 ページ送り
******************************************************/
.page {
 display:flex;
 justify-content:center;
 align-items:center;
 width:90%;
 margin:20px auto 40px auto;
 text-align:center;
}

.page li {
 display:flex;
 justify-content:center;
 align-items:center;
 margin:0 2px;
 background-color:#cccccc;
 height:40px;
 min-width:40px;
 color:#fff;
}

.page li a {
 display:flex;
 justify-content:center;
 align-items:center;
 height:40px;
 min-width:40px;
 text-decoration:none;
 color:#fff;
}

.page li.on,
.page li a.on,
.page li a:hover {
 background-color:#cc0000;
}


/* 人気記事ランキング
******************************************************/
.wpp-list li img {
 width:150px;
 height:auto;
 float:left;
 margin-right:10px;
}

.wpp-list li a {
 font-size:1rem;
 color:#0066ff;
}

.wpp-list li .wpp-views {
 display:block;
}



/* tab
******************************************************/
#tab {
 position:relative;
 background-color:#fff;
 box-shadow:0px 0px 5px #e5e4dd;
 padding:60px 0 0 0;
}

#tab dl {
 border:none;
 width:100%;
 box-shadow:none;
 padding:0px;
}

#tab dl dt {
 position:absolute;
 box-shadow:none;
 top:0px;
 width:25%;
 text-align:center;
 font-size:16px;
 line-height:40px;
 cursor:pointer;
 background-color:#ddd;
}

#tab dl dt:hover {
	opacity:0.8;
}

#tab dl:nth-child(1) dt { left:0px;background-color:#fff; }
#tab dl:nth-child(2) dt { left:25%; }
#tab dl:nth-child(3) dt { left:50%; }
#tab dl:nth-child(4) dt { left:75%;}

#tab dl dd {
 width:calc(100% - 40px);
 padding:5px 0;
 margin:auto;
 display:none;
 background-color:#fff;
 font-size:14px;
 border-bottom:dotted 1px #ccc;
 align-items:center;
}

#tab dl dd:last-child {
 border-bottom:none;
}

#tab dl:nth-child(1) dd {
 display:flex;
}

#tab dl dd div  {
 float:left;
}

#contents #tab dd .thumbnail {
 width:70px;
 margin-right:25px;
}

#contents #tab dd .thumbnail img {
 width:70px;
 height:auto;
 border:solid 1px #eeeeee;
}

#contents #tab dd .title {
 width:calc(100% - 125px);
}

#contents #tab dd span.the_time {
 margin-left:10px;
 color:#333;
 font-size:11px;
 font-weight:normal;
}

#contents #tab #tab_comment dd .thumbnail img,
#contents #tab #tab_comment dd .thumbnail {
 width:auto;
 height:auto;
 border:none;
}

#tab dl dd a.more {
	display:block;
	text-align:center;
	width:200px;
	margin:10px auto;
	padding:10px 0;
	background-color:orange;
	color:#fff;
}

/* contents left_column
******************************************************/
#contents #left_wrap{
 position:relative;
 margin-right:10px;
 box-shadow:0px 0px 5px #e5e4dd;
 width:180px;
 padding:5px;
 float:left;
}


/* contents home_main_column
******************************************************/
#contents #home_main_column {
 width:850px;
 float:left;
}


/* contents home_sidebar
******************************************************/
#contents #home_sidebar img {
 max-width:100%;
}

#contents #home_sidebar {
 position:relative;
 width:206px;
 margin-left:10px;
 float:left;
}


/* contents main_column
******************************************************/
#contents #main_column {
 position: relative;
 width:850px;
 float:left;
 font-size:1.4rem;
}

#contents #main_column .banner_area {
 margin-bottom:16px;
 width:656px;
}

#contents #main_column .box {
 padding:16px;
}

#contents #main_column #topic_path { margin-bottom:15px; }
#contents #main_column #topic_path div {
 float:left;
 margin-right:5px;
}
#contents #main_column #topic_path a { color:#558eba; }


/* search_result
******************************************************/
#contents #main_column #search_result li {
 margin-top:32px;
}

#contents #main_column #search_result li .eye_catch {
 display:block;
 width:156px;
 min-height:1px;
 float:left;
}
#contents #main_column #search_result li .eye_catch img {
 width:100%;
}

#contents #main_column #search_result li .title_excerpt {
 padding-left:16px;
 width:452px;
 float:left;
}


/* contents side_column
******************************************************/
#contents #side_column img {
 max-width:100%;
}

#contents #side_wrap {
 position:relative;
 width:300px;
 margin-left:10px;
 float:left;
}

#contents #side_column {
 width:300px;
 font-size:11px;
}


/* 人気の記事  関連記事  新着記事 ※人気の記事のみHTMLの構成が異なるので調整が必要
******************************************************/
#contents #side_column .article_list {
 width:calc(100% - 16px);
 margin-bottom:10px;
 padding-bottom:8px;
 box-shadow:0px 0px 5px #e5e4dd;
}

#contents #side_column .article_list dt {
 padding:5px;
 color:#ffffff;
 font-size:14px;
 text-indent:10px;
}
#contents #side_column #popular dt { background-color:#fbac35; }
#contents #side_column #related dt { background-color:#ff5050; }
#contents #side_column #new dt { background-color:#efbef2; }
#contents #side_column #pr dt { background-color:#2fb41e; }



#contents #side_column .article_list img {
 max-width:56px;
 max-height:56px;
}

#contents #side_column .article_list dd {
 padding:8px 0 0 0;
}

#contents #side_column .article_list a {
 display:inline-block;
 float:left;
 color:#0066ff;
 font-size:11px;
 line-height:15px;
}

#contents #side_column .article_list a:nth-child(2) {
 max-width:220px;
}

#contents #side_column dd a:first-child,
#contents #side_column dd .thumnail,
#contents #side_column dd .thumnail {
 display:block;
 width:56px;
 margin-right:8px;
 text-align:center;
 float:left;
}


/* 監修プロ
******************************************************/
#contents #side_column #pro {
 background-color:#ffffff;
 box-shadow:0px 0px 5px #e5e4dd;
}

#contents #side_column #pro dt {
 padding:5px;
 color:#ffffff;
 font-size:14px;
 text-indent:10px;
 background-color:#88aa76;
}

#contents #side_column #pro dd {
 border-bottom:dotted 1px #cccccc;
 padding:8px;
 margin-bottom:8px;
}

#contents #side_column #pro dd:last-child {
 border:none;
}

#contents #side_column #pro dd div {
 margin-bottom:8px;
}

#contents #side_column #pro dd img {
 width:56px;
 height:auto;
 float:left;
 margin-right:8px;
}


/* title_list
******************************************************/
.title_list {
 margin-bottom:50px;
}

.title_list li {
 margin-left:1em;
 text-indent:-1em;
}


/* side comment
******************************************************/
dl#mycomment {
 margin: 0 auto;
 border-radius:6px;
 padding:8px;
 background-color:#ffffff;
 text-indent:10px;
 margin-bottom:8px;
}

dl#mycomment dt {
 padding:5px;
 background-color:#9fbfff;
 color:#ffffff;
 font-weight:normal;
 font-size:14px;
}

dl#mycomment dd div:first-child {
 display:block;
 float:left;
 width:40px;
 padding:10px 5px;
 margin:0px !important;
 text-indent:0px;

}

dl#mycomment dd div:nth-child(2) {
 display:block;
 float:left;
 width:calc(100% - 60px) !important;
 padding:10px 5px;
 margin:0px !important;
 text-indent:0px;
}

dl#mycomment dd .my_author {
 font-weight:bold;
 display:block;
}


/* footer
******************************************************/
footer#site_footer {
 width:100%;
 background-color:#a09f8f;
 padding:10px 0 10px 0;
 font-size:12.5px;
 text-align:center;
 color: #ffffff;
 line-height:30px;
 margin-top:10px;
}

footer#site_footer a {
 margin:20px;
 color: #ffffff;
}


footer#site_footer #cpr {
 margin-top:30px;
 border-top:solid 1px #f1f0e8;
 color:#ffffff;
 padding:10px 0 0 0;
}


/* haipai
*****************************************************************************/
#haipai {
 position:relative;
 width:750px;
 height:116px;
 margin:0 auto 10px auto;
 box-shadow:0px 0px 5px #e5e4dd;
 background-image:url(../img/haipai_bg.png);
}

/*あがった時*/
#haipai_tenho {
 position:relative;
 width:750px;
 height:310px;
 margin-bottom:10px;
 box-shadow:0px 0px 5px #e5e4dd;
 background:url(../img/tenho_bg.png) no-repeat;
}

#haipai_tenho p {
 color:#333;
 width:300px;
 margin:16px auto 0 auto;
 text-align:center;
 font-size:14px;
}

#haipai_tenho a {
 display:inline-block;
 margin:10px 0 7px 0;
}

#haipai_tenho .hai,
#haipai .hai {
 padding-top:42px;
 margin-left:80px;
}

#haipai_tenho #caution {
 color:red;
 font-size:11px;
 text-align:center;
 font-weight:bold;
}


/* banner
*****************************************************************************/
#banner-spread {
 text-align:center;
 margin-bottom:15px;
}

#banner-infeedA {
 clear:both;
 display:block;
 padding:40px 0 0 0;
 text-align:center;
}

#banner-infeedBC {
 width:610px;
 margin:20px auto;
}

#banner-rectangle {
 margin-bottom:10px;
}

/* 50%OFFバナー
*****************************************************************************/
#officon{
	position: absolute;
	top:-10px;
	right:-15px;
	width:211px;
	height:158px;
}
#officon .linkarea {
	width:211px;
	height:158px;
	display: block;
	background:url('/wp-content/themes/majandofu/img/banner_spread_curry_pc_580-150-50off-icon.png') center center no-repeat; /* ロールオーバー時のチラつき防止 */
}
#officon .linkarea a {
	width:211px;
	height:158px;
	background:url('/wp-content/themes/majandofu/img/banner_spread_curry_pc_580-150-50off-icon.png') center center no-repeat;
	display: block;
	text-indent: -9999px;
}
#officon .linkarea a:hover {
	width:211px;
	height:158px;
	display: block;
	background:url('/wp-content/themes/majandofu/img/banner_spread_curry_pc_580-150-50off-icon.png') center center no-repeat;
}

/* tofu-majangame
******************************************************/

.tofu-majangame{
	z-index: 10;
	top:250px;
	width:150px;
	height:100px;
	right:-150px;
	position:absolute;
}
.tofu-majangame > aside {
	width: 150px;
	hight:100px;
	right: 0px;
	position: fixed;
}
.tofu-majangame > aside ul{
	margin:0;
	padding:0;
	right:114px;
}
.tofu-majangame > aside li{
	margin:0 0 20px;
	list-style:none;
}

.tofu-majangame > aside li a img {
	width:150px;
}


/* million-achievement
******************************************************/

#million-achievement {
	z-index: 10;
	background-image:url(../img/gr-1mpv-aci-pc.png);
	display:block;
	width: 110px;
	height:110px;
	top: 0px;
	left: 0px;
	position:absolute;
}


/* stuff-recruit
*****************************************************************************/
#stuff-recruit {
	float:left;
	width:84.45%;
	border-radius:4px;
	margin:-5px 0 10px 0;
	font-size:14px;
	line-height:18.2px;
	font-weight:bold;
	text-align:center;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fffffc+0,fffbe8+100 */
	background: #fffffc; /* Old browsers */
	background: -moz-linear-gradient(top,  #f7f1d7 0%, #ede8d0 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #f7f1d7 0%,#ede8d0 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #f7f1d7 0%,#ede8d0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

#stuff-recruit a {
	display:block;
	color:#453515;
	padding:4px;
}

#stuff-recruit a:hover {
	color:#786642;
}

/* google 翻訳
*****************************************************************************/
#translate{
	text-align:right;
	float:right;
	width:12%;
	z-index:9999999999;
	margin:-5px 0 0 0;
}

#translate #google_translate_element .goog-te-gadget-simple {
	border:solid 1px #ccc;
	border-radius:5px !important;
}

#kakugen_txt {
	margin:0;
}

#searchform {
	display:flex;
}



/* commentform(コメント欄)
*****************************************************************************************/
#comment-area ol.commets-list > li {
  margin-bottom: 30px;
  border-bottom: dotted 1px #ccc; }
  #comment-area ol.commets-list > li:nth-of-type(n + 2) {
    display: none; }

#comment-area ol.commets-list .comment-author {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 5px; }
  #comment-area ol.commets-list .comment-author img {
    margin-right: 10px; }

#comment-area ol.commets-list article.comment-body {
  margin-bottom: 20px; }

#comment-area ol.commets-list .reply {
  display: inline-block;
  background: #f0f0f0;
  border: solid 1px #ccc;
  border-radius: 2px;
  padding: 0 5px; }

#btn_comment {
  cursor: pointer;
  color: #ffffff;
  background: orange;
  text-align: center;
  width: 200px;
  margin: 20px auto;
  padding: 5px; }

#commentform #author {
  font-size: 1.6rem;
  padding: 10px;
  margin-bottom: 10px;
  border-radius: 4px;
  border: solid 1px #dddedf; }

#commentform textarea {
  width: 100%;
  margin-bottom: 10px;
  border-radius: 4px;
  border: solid 1px #dddedf; }

#commentform #submit {
  display: block;
  width: 300px;
  padding: 10px 0;
  margin: auto;
  border-radius: 4px;
  border: solid 1px #dddedf; }


/* トップに戻るボタン
*****************************************************************************************/
#gotop {
	width:80px;
	height:80px;
	background-color:rgba(0,0,0,0.5);
	color:#fff;
	border-radius:40px;
	position:fixed;
	bottom:30px;
	right:30px;
	display:flex;
	justify-content:center;
	align-items:center;
	z-index:9999999999;
	font-size:2.0rem;
	cursor:pointer;
}