@charset "utf-8";
* {
	margin: 0;
	padding: 0;
}
html {
	-webkit-text-size-adjust: none;
	/* iPhone */
}
body {
	margin: 0;
	padding: 0;
	line-height: 1.5;
	font-size: 14px;
	color: #555555;
	background-color: #ffffff;
	font-family: Helvetica, "ヒラギノ角ゴ Pro W3", "HiraKakuPro-W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;
}
a:link, a:visited {
	font-weight: normal;
	color: #0077CC;
	text-decoration: none;
}
a:hover {
	color: #ff9900;
	text-decoration: underline;
}
.clearfix:after {
	content: '';
	display: block;
	clear: both;
}
.clearfix {
	zoom: 1;
}
#outline {
	width: 100%;
}
#container {
	margin: 0 auto;
	width: 100%;
	max-width: 950px;
	min-width: 918px;
	position: relative;
	padding: 0 10px;
}
#wrapper {
	width: 100%;
	max-width: 860px;
	min-width: 852px;
	position: relative;
	margin: auto;
}
#content {
	width: 700px;
	overflow: hidden;
	float: right;
	padding-bottom: 45px;
}
#bread {
	margin: 0 5px 5px 5px;
}
#bread a {
	font-size: 12px;
}
#main {
	margin: 0;
	overflow: hidden;
}
/* header
--------------------------------------------------------- */

div#container div#header {
	margin: 10px auto;
	padding: 10px;
	width: 100%;
	max-width: 950px;
	height: 42px;
	border: solid 1px #e0e1e1;
	background: url("https://www.mag2.com/img/magtop/header_bg.gif") 0 0 repeat-x;
	overflow: hidden;
	position: relative;
	box-sizing: border-box;
}
#header #logo {
	float: left;
	position: absolute;
	left: 10px;
	top: 12px;
}
#header #logo p {
	text-align: right;
	font-weight: bold;
	color: #6c6c6c;
	font-size: 11px;
}
#header ul#header-link {
	position: absolute;
	right: 10px;
	top: 4px;
	overflow: hidden;
}
#header ul#header-link li {
	float: left;
	margin-top: 5px;
	margin-left: 8px;
	font-size: 14px;
	display: inline;
}
#header ul#header-link li a:hover {
	color: #3b5998;
	text-decoration: underline;
}
.osyougatsu #header ul#header-link li {
	margin-top: 10px;
	margin-left: 13px;
	font-size: 13px;
}
#header ul#header-link li#us {
	position: absolute;
	bottom: -20px;
	right: 0;
}
#header #search {
	float: left;
	margin-left: 15px;
	display: inline;
}
#header #search #keyword {
	float: left;
	border: 1px solid #ccc;
	width: 348px;
	height: 22px;
	_width: 350px;
	_height: 24px;
}
#register, #publ, #cancel, #help {
	padding-left: 8px;
	border-left: solid 1px #999;
}
div#mag2logo {
	margin-top: 5px;
	position: absolute;
	right: 10px;
	bottom: 10px;
}
/* sidebar */

#sidebar {
	width: 214px;
	float: left;
	position: relative;
}
#fix-menu {
	width: 214px;
	border: 1px solid #cccccc;
	box-sizing: border-box;
}
#fix-menu ul {
	border-top: 7px solid #ffaa00;
}
#fix-menu ul li {
	border-bottom: 1px solid #D3D3D3;
	width: 100%;
	display: block;
	list-style: none;
}
#fix-menu .ofcl a {
	color: #404040;
	border-top: 1px solid #FFF;
	padding: 3px 5px 3px 14px;
	background: #F1F1F1;
	display: block;
	line-height: 1.5;
}
#fix-menu .alldel a {
	color: #404040;
	font-weight: bold;
	font-size: 12px;
	padding: 3px 5px 3px 30px;
	background: #F1F1F1 url("https://www.mag2.com/img/golink.png") no-repeat 7% 40%;
	display: block;
	line-height: 1.5;
}
#fix-menu .ofcl a:hover, #fix-menu .alldel a:hover {
	background-color: #D6D6D6;
	text-decoration: none;
}
#fix-menu .ofcl a.selected_btn {
	background-color: #ffffff;
}
/* メイン*/

#main #description {
	height: auto;
	margin-bottom: 20px;
}
#main #description h2 {
	display: block;
	margin-bottom: 20px;
}
#main #description p.tx {
	display: block;
	line-height: 1.6;
	font-size: 12px;
	color: #545454;
	padding: 0 10px;
}
#main #description p.tx_b {
	font-size: 14px;
	padding: 0 10px;
}
#main #description p.graybox {
	background: #fafafa;
	border: 1px solid #e6e6e6;
	padding: 5px;
	margin: 10px 0;
	line-height: 1.4;
}
#main #description .gnavi {
	padding: 10px 10px 10px 60px;
	margin: 10px 10px 10px 10px;
	background-image: url("https://www.mag2.com/img/1man.gif");
	background-repeat: no-repeat;
	background-position: 10px 50%;
	border: 1px solid #cccccc;
	background-color: #fff8dc;
}
/* social_button */

.social_top {
	padding-right: 20px;
	float: right;
	height: 20px;
}
#charm_text {
	font-size: 26px;
	font-weight: bold;
	line-height: 1.3;
	padding: 0 20px;
}
/* 登録フォーム*/

.register_form {
	border: 1px solid #e6e6e6;
	border-top: solid 1px #666666;
	background: #fafafa;
	width: 658px;
	margin-top: 54px;
	padding: 20px;
	position: relative;
}
.form_container {
	overflow: hidden;
}
.form_container .head_read {
	float: left;
	overflow: hidden;
	width: 100%;
	font-size: 16px;
}
.caption {
	position: absolute;
	top: -33px;
	left: -1px;
	font-size: 16px;
	width: 100%;
	padding: 5px;
	font-weight: bold;
	background-color: #ffffff;
	color: #666666;
	border-bottom: solid 1px #666666;
}
.form_container .mag_name {
	float: left;
	font-weight: bold;
	font-size: 18px;
	width: 100%;
}
.form_container .mag_name span {
	color: #666666;
	font-size: 14px;
}
.form_container .mag_name_kaijo {
	float: left;
	font-weight: bold;
	font-size: 18px;
	width: 100%;
	margin: 18px auto;
	text-align: center;
}
.form_container .mag_name_kaijo span {
	color: #666666;
	font-size: 14px;
}
/*　吹き出し　*/

.balloon-default-left {
	background: #efefef;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	color: #666;
	padding: 10px;
	position: relative;
}
.balloon-default-left::after {
	border-bottom: solid 8px transparent;
	border-right: solid 12px #efefef;
	border-top: solid 8px transparent;
	content: "";
	display: block;
	height: 0;
	left: -12px;
	margin-top: -6px;
	position: absolute;
	top: 50%;
	width: 0;
}
.form_container .info_pic {
	float: none;
	display: none;
}
.infobox {
	width: 200px;
	float: left;
	overflow: hidden;
	margin-bottom: 10px;
}
.info_dtl {
	float: left;
}
.info_dtl {
	margin-top: 10px;
}
.info_dtl dl {
	margin: 0;
}
.info_dtl dt, .info_dtl dd {
	line-height: 1.3;
	overflow: hidden;
}
.info_dtl dt {
	font-size: 11px;
	color: #999999;
	text-align: center;
	height: auto;
	width: 80px;
	padding: 1px 5px;
	float: left;
	overflow: hidden;
	text-align: left;
}
.info_dtl dd {
	font-size: 12px;
	text-align: left;
	padding-left: 92px;
	padding: 0px 5px 5px 10px;
	width: 90px;
}
.introduce {
	width: 400px;
	margin: 15px 0 0 10px;
	overflow: hidden;
}
.introduce a.bnt {
	color: #0077CC;
	font-size: 11px;
	margin-left: 5px;
	font-weight: normal;
	text-decoration: underline;
}
.introduce a.bnt:hover {
	color: #ff9900;
}
.mag_title {
	font-weight: bold;
	font-size: 16px;
	margin: 0 0 10px 0;
}
.mag_intro {
	font-size: 14px;
	margin: 0;
}
.inner_form {
	width: 100%;
	float: none;
	overflow: hidden;
	padding-top: 10px;
}
.inner_form li {
	list-style: none;
}
.kiyaku {
	display: block;
	font-size: 11px;
	margin: 30px 0 0 27px;
}
.kiyaku a {
	text-decoration: underline;
}
.reg_form ul {
	margin-bottom: 5px;
}
.reg_form ul, .del_form ul {
	text-align: left;
	overflow: hidden;
}
.reg_form li, .del_form li {
	display: block;
}
.uranai_form input.passive[type="text"], .reg_form input.passive[type="text"], .del_form input.passive[type="text"] {
	color: #999;
}
.del_form input.rdemail[type="text"], .reg_form input.rdemail[type="text"] {
	-webkit-appearance: none;
	appearance: none;
	border: 1px solid #ccc;
	display: inline-block;
	border-radius: 4px;
	box-shadow: inset 0 1px 1px #e1e1e1;
	box-sizing: border-box;
	font-size: 16px;
	padding: 5px;
	height: 33px;
	width: 360px;
	margin: 10px auto;
	display: block;
}
.del_form input.rdemail[type="text"]:focus, .reg_form input.rdemail[type="text"]:focus {
	outline: none;
}
.reg_form input[type="submit"] {
	border: 1px solid #ff5959;
	display: inline-block;
	width: 120px;
	height: 40px;
	font-size: 14px;
	text-align: center;
	text-decoration: none;
	line-height: 40px;
	letter-spacing: 2px;
	outline: none;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
}
.del_form input[type="submit"] {
	border: 1px solid #b3b3b3;
	display: inline-block;
	width: 120px;
	height: 40px;
	font-size: 14px;
	text-align: center;
	text-decoration: none;
	line-height: 40px;
	letter-spacing: 2px;
	outline: none;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
}
.reg_form input[type="submit"]::before, .reg_form input[type="submit"]::after, .del_form input[type="submit"]::before, .del_form input[type="submit"]::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.reg_form input[type="submit"], .reg_form input[type="submit"]::before, .reg_form input[type="submit"]::after, .del_form input[type="submit"], .del_form input[type="submit"]::before, .del_form input[type="submit"]::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.reg_form input[type="submit"] {
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	display: block;
	min-width: 150px;
	font-weight: bold;
	font-size: 16px;
	cursor: pointer;
	padding: 2px 40px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	text-shadow: 0px 1px 0px #4A4A4A;
	border-radius: 5px;
	-webkit-transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, -webkit-transform 0.3s;
	transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, transform 0.3s;
	-webkit-font-smoothing: antialiased;
	transform: perspective(0);
	background-color: #ff7373;
	box-shadow: 0 6px 0 #d74747, 0 12px 0;
	border: none;
	margin: 17px auto;
}
.reg_form input[type="submit"]:hover {
	color: #fff;
	background-color: #ff7373;
	box-shadow: 0 3px 0 #d74747, 0 6px 0px rgba(0, 0, 0, 0.2);
	-webkit-transform: translateY(3px);
	transform: translateY(3px);
}
.reg_form input[type="submit"]:active {
	color: #d6d6d6;
	-webkit-transform: translateY(6px);
	transform: translateY(6px);
	transition-duration: 0.1s;
	background-color: #d74747;
	box-shadow: 0 0 0 #d74747, 0 0 0px rgba(0, 0, 0, 0.2);
}
.del_form input[type="submit"] {
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	display: block;
	min-width: 150px;
	font-weight: bold;
	font-size: 16px;
	cursor: pointer;
	padding: 2px 40px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	text-shadow: 0px 1px 0px #4A4A4A;
	border-radius: 5px;
	-webkit-transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, -webkit-transform 0.3s;
	transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, transform 0.3s;
	-webkit-font-smoothing: antialiased;
	transform: perspective(0);
	background-color: #448aca;
	box-shadow: 0 6px 0 #2769a5, 0 12px 0;
	border: none;
	margin: 17px auto;
}
.del_form input[type="submit"]:hover {
	color: #fff;
	background-color: #448aca;
	box-shadow: 0 3px 0 #2769a5, 0 6px 0px rgba(0, 0, 0, 0.2);
	-webkit-transform: translateY(3px);
	transform: translateY(3px);
}
.del_form input[type="submit"]:active {
	color: #d6d6d6;
	-webkit-transform: translateY(6px);
	transform: translateY(6px);
	transition-duration: 0.1s;
	background-color: #2769a5;
	box-shadow: 0 0 0 #2769a5, 0 0 0px rgba(0, 0, 0, 0.2);
}
.mail_form {
	margin: 0 5px 0 0;
}
.mail_form li {
	float: left;
}
.attention_note {
	width: auto;
	padding: 0 8px 0;
	float: left;
	overflow: hidden;
	margin: 20px 0 0 20px;
	border-left: 2px solid #ccc;
	font-size: 12px;
	color: #808080;
}
.attention_note p.mgn {
	margin-bottom: 5px;
}
/* topへ */

#go_top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	cursor: pointer;
	display: block;
}
#go_top a {
	background-image: url(https://www.mag2.com/wmag/img/btn.png);
	width: 80px;
	height: 80px;
	display: block;
	text-indent: -10000px;
}
a:hover#go_top_btn {
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
#deliv_note {
	margin: 20px 0 0 0;
	padding-left: 8px;
	border-left: 2px solid #cccccc;
	color: #808080;
	font-size: 12px;
	line-height: 1.3;
	float: left;
	overflow: hidden;
}
/*-------------------------------------- 
GOOGLE CUSTOM SEARCH
 ---------------------------------------*/

#cse-search-form {
	width: 350px;
	/*  float: left;  */
	
	overflow: hidden;
	position: absolute;
	left: 205px;
	bottom: 5px;
}
#cse-search-form table.gsc-search-box {
	width: 316px !important;
}
#cse-search-form .gsc-results {
	padding-bottom: 2px;
	width: 94%;
}
#cse-search-form table.gsc-search-box td.gsc-input {
	padding: 0 !important;
}
.gsc-results-wrapper-nooverlay, .gsc-results-wrapper-visible {
	width: 550px !important;
}
#cse-search-form input.gsc-input[type="text"] {
	border: 1px solid #ccc;
	width: 270px;
	height: 25px;
	font-size: 13px;
	border-radius: 5px 0 0 5px;
	-moz-border-radius: 5px 0 0 5px;
	-webkit-border-radius: 5px 0 0 5px;
	-webkit-appearance: none;
}
#cse-search-form input.gsc-search-button[type="button"] {
	margin-left: 0 !important;
	background-color: #eee;
	background-image: -webkit-linear-gradient(#fff, #dedede);
	background-image: linear-gradient(#fff, #dedede);
	border: #ccc solid 1px;
	color: #333;
	font-weight: normal;
	text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
	font-family: 'Century Gothic', Verdana, sans-serif;
	height: 25px;
	width: 46px;
	min-width: 46px;
	font-size: 12px;
	letter-spacing: 3px;
	line-height: 1.5;
	border-radius: 0 5px 5px 0;
	-moz-border-radius: 0 5px 5px 0;
	-webkit-border-radius: 0 5px 5px 0;
	-webkit-appearance: none;
}
#cse-search-form input.gsc-search-button[type="button"]:focus, #cse-search-form input.gsc-search-button[type="button"]:hover, #cse-search-form input.gsc-search-button[type="button"]:active {
	border-color: #bbb;
	background-color: #d9d9d9;
	background-image: -webkit-linear-gradient(#f8f8f8, #d9d9d9);
	background-image: linear-gradient(#f8f8f8, #d9d9d9);
	box-shadow: none;
	cursor: pointer;
}
#cse-search-form table.gsc-search-box td.gsc-clear-button {
	display: none;
}
/*-------------------------------------- 
 checkbox , radio(※uranai)
-------------------------------------- */

#uranai input[type=radio], #uranai input[type=checkbox] {
	display: inline-block;
	margin-right: 6px;
}
#uranai input[type=radio] + label, #uranai input[type=checkbox] + label {
	position: relative;
	display: inline-block;
	margin-right: 12px;
	font-size: 14px;
	line-height: 30px;
	cursor: pointer;
}
@media (min-width: 1px) {
	#uranai input[type=radio], #uranai input[type=checkbox] {
		display: none;
		margin: 0;
	}
	#uranai input[type=radio] + label, #uranai input[type=checkbox] + label {
		padding: 0 0 0 24px;
	}
	#uranai input[type=radio] + label::before, #uranai input[type=checkbox] + label::before {
		content: "";
		position: absolute;
		top: 50%;
		left: 0;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		display: block;
		width: 18px;
		height: 18px;
		margin-top: -9px;
		background: #FFF;
	}
	#uranai input[type=radio] + label::before {
		border: 1px solid #ccc;
		border-radius: 30px;
	}
	#uranai input[type=checkbox] + label::before {
		border: 2px solid #ccc;
	}
	#uranai input[type=radio]:checked + label::after, #uranai input[type=checkbox]:checked + label::after {
		content: "";
		position: absolute;
		top: 50%;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		display: block;
	}
	#uranai input[type=radio]:checked + label::after {
		left: 5px;
		width: 8px;
		height: 8px;
		margin-top: -4px;
		background: #FF7373;
		border-radius: 8px;
	}
	#uranai input[type=checkbox]:checked + label::after {
		left: 3px;
		width: 16px;
		height: 8px;
		margin-top: -8px;
		border-left: 3px solid #FF7373;
		border-bottom: 3px solid #FF7373;
		-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
}
.cat-group {
	overflow: hidden;
	float: right;
	border-left: 2px solid #cccccc;
	padding-left: 8px;
	color: #808080;
	font-size: 12px;
	width: 350px;
	margin-top: 15px;
}
.cat-group p {
	line-height: 1.3;
	margin-bottom: 9px;
}
.cat-group .att {
	color: #ff4c4c;
}
#uranai {
	border: 1px solid #d2cde6;
	background: none repeat scroll 0% 0% #f2f0fc;
}
.uranai_form {
	overflow: hidden;
	float: left;
	margin-top: 10px;
	width: 100%;
}
.uranai_form .item-list label {
	display: block;
	float: left;
	width: 23%;
}
.uranai_form .item-list div label {
	margin-bottom: 0.5em;
	padding: 0;
	float: none;
	width: auto;
	background: none;
}
.uranai_form .item-list div {
	float: left;
	width: 77%;
	font-size: 16px;
}
.uranai_form ul {
	list-style: none;
}
.uranai_form li {
	display: block;
	overflow: hidden;
	margin: 10px 0;
}
.uranai_form .item-list .birth input[type="text"] {
	color: #000;
	-webkit-appearance: none;
	appearance: none;
	border: 1px solid #ccc;
	display: inline-block;
	border-radius: 4px;
	box-shadow: inset 0 1px 1px #e1e1e1;
	box-sizing: border-box;
	font-size: 16px;
	padding: 5px;
	height: 38px;
}
.uranai_form input.year {
	width: 120px;
}
.uranai_form input.month {
	width: 80px;
}
.uranai_form input.day {
	width: 80px;
}
.uranai_form input.rdemail[type="text"] {
	-webkit-appearance: none;
	appearance: none;
	border: 1px solid #ccc;
	display: inline-block;
	border-radius: 4px;
	box-shadow: inset 0 1px 1px #e1e1e1;
	box-sizing: border-box;
	font-size: 16px;
	padding: 5px;
	height: 40px;
	width: 428px;
}
.uranai_form input[type="submit"] {
	border: 1px solid #ff5959;
	display: inline-block;
	width: 140px;
	height: 40px;
	font-size: 14px;
	text-align: center;
	text-decoration: none;
	line-height: 40px;
	letter-spacing: 2px;
	outline: none;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
}
.uranai_form input[type="submit"]::before, .uranai_form input[type="submit"]::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.uranai_form input[type="submit"], .uranai_form input[type="submit"]::before, .uranai_form input[type="submit"]::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.uranai_form input[type="submit"] {
	background-color: #ff7373;
	color: #fff;
}
.uranai_form input[type="submit"]:hover {
	background-color: #ff5959;
	cursor: pointer;
}
.uranai_form .mail_form a {
	width: 80px;
	padding: 0 0 0 14px;
	display: block;
	float: right;
	background: url("https://www.mag2.com/img/golink.png") no-repeat 0 40%;
	margin: 5px 30px 0 0;
}
#bn_links {
	font-size: 14px;
	float: left;
	overflow: hidden;
	width: 100%;
	margin-top: 20px;
}
#bn_links h3 {
	display: block;
	line-height: 1.3;
	font-size: 16px;
	font-weight: bold;
	border-left: 3px solid #999;
	margin-bottom: 5px;
	padding-left: 5px;
}
#bn_links .inner {
	padding-left: 5px;
}
#old_article {
	display: block;
	font-weight: bold;
	font-size: 20px;
	padding: 10px 20px;
	margin-top: 40px;
	line-height: 1.0;
}
/*  2016/11/29追加分  */

#sp_header {
	display: none;
}
.tab_area {
	overflow: hidden;
	display: table;
	margin: 0;
}
.tab_area li {
	/*Tabの装飾*/
	
	width: 210px;
	height: 40px;
	font-size: 18px;
	text-align: center;
	font-weight: bold;
	cursor: pointer;
	vertical-align: middle;
	display: table-cell;
	color: #fff;
}
#tab1 {
	background-color: #b3b3b3;
}
#tab2 {
	background-color: #b3b3b3;
}
.all_area {
	overflow: hidden;
	margin-left: 30px;
	display: inline-block;
}
.all_area div.content_area {
	/*Tabの内容を表示するエリアの装飾*/
	
	background: #fff;
	border: 2px solid #ff7373;
}
.select {
	/*アクティブタブの装飾*/
	
	background-color: #ff7373!important;
	color: #fff;
}
.select2 {
	/*アクティブタブの装飾*/
	
	background-color: #448aca!important;
	color: #fff;
}
.hide {
	display: none;
}
.reg_form .sns_list, .del_form .sns_list {
	display: block;
	margin-left: 19.5%;
	margin-bottom: 25px;
}
.facebook-list {
	color: #3b5998;
	margin-right: 25px;
}
.facebook-list img {
	width: 100%;
	max-width: 70px;
	height: auto;
}
.yahoo-list {
	color: #f60e0b;
}
.yahoo-list img {
	width: 100%;
	max-width: 120px;
	height: auto;
}
.facebook-list a, .yahoo-list a {
	opacity: 0.3;
	-webkit-opacity: 0.3;
	font-weight: bold;
	cursor: pointer;
	transition: opacity .1s;
	-webkit-transition: opacity .1s;
}
.facebook-list a:hover {
	opacity: 1;
	-webkit-opacity: 1;
	color: #3b5998;
	text-decoration: none;
	transition: opacity .1s;
	-webkit-transition: opacity .1s;
}
.yahoo-list a:hover {
	opacity: 1;
	-webkit-opacity: 1;
	color: #f60e0b;
	text-decoration: none;
	transition: opacity .1s;
	-webkit-transition: opacity .1s;
}
div .money-sample {
	background-color: #fff;
	width: 100%;
	max-width: 200px;
	height: auto;
}
@media only screen and (max-width: 768px) {
	#wrapper {
		width: 100%;
		min-width: 150px;
		height: auto;
		position: relative;
	}
	#container {
		margin: 0 auto;
		width: 100%;
		min-width: 150px;
		height: auto;
		padding: 0;
	}
	#content {
		width: 100%;
		min-width: 150px;
	}
	#sp_header {
		display: table;
		width: 98%;
		height: auto;
		box-sizing: border-box;
		margin: 10px auto;
		padding: 0;
		border: solid 1px #e0e1e1;
		background: url(https://www.mag2.com/img/magtop/header_bg.gif) 0 0 repeat-x;
	}
	#sp_logo {
		display: inline-block;
	}
	#sp_logo img {
		width: 70%;
		height: auto;
		max-width: 237px;
		max-height: 56px;
		margin: 2% 2%;
	}
	#sp_header-link {
		display: none;
		width: 100%;
		margin-top: -9px;
	}
	#sp_header-link li {
		list-style-type: none;
		float: none;
		display: block;
		background: #7e7e7e;
		border-top: dashed 1px #FFFFFF;
		padding: 5px 0;
	}
	#sp_header-link li:first-child {
		padding-top: -10px;
	}
	#sp_header-link li:last-child {
		padding-bottom: -10px;
		border-bottom: dashed 1px #FFFFFF;
	}
	#sp_header-link a {
		padding: 6px 0;
		width: 100%;
		text-align: center;
		color: #FFF;
		font-weight: 400;
		font-size: 15px;
		display: block;
	}
	.sp-menu {
		display: block;
		width: 34px;
		height: 34px;
		position: absolute;
		right: 15px;
		top: 7px;
		background: url(https://www.mag2.com/img/sp/menu.png) center center no-repeat;
	}
	.sp-menu-close {
		background: url(https://www.mag2.com/img/sp/menu-close.png) center center no-repeat;
	}
	.register_form {
		width: 100%;
		height: auto;
		padding: 5px 20px 20px 20px;
	}
	div#container div#header {
		display: none;
	}
	div .caption {
		width: 86%;
		min-width: 150px;
		padding: 5px;
		top: -55px;
	}
	.form_container {
		overflow: auto;
	}
	.form_container .info_pic {
		float: none;
	}
	.infobox {
		width: 90%;
		float: none;
		overflow: auto;
		text-align: center;
		margin: 20px 0 20px 0;
	}
	.info_pic img {
		with: 100%;
		max-width: 210px;
		height: auto;
	}
	div .money-sample {
		display: none;
		margin-top: 20px;
		background-color: #fff;
		width: 100%;
		height: auto;
	}
	div .money-sample img {
		width: 100%;
		height: auto;
	}
	.all_area {
		width: 90%;
		margin-left: 0;
	}
	.introduce {
		width: 90%;
		margin: 15px auto 0 auto;
		display: block;
	}
	.reg_form .sns_list, .del_form .sns_list {
		margin-left: 0;
		text-align: center;
	}
	.tab_area {
		margin: 0 auto;
	}
	.del_form input.rdemail[type="text"], .reg_form input.rdemail[type="text"] {
		width: 90%;
	}
	#deliv_note {
		width: 90%;
	}
}

@media only screen and (max-width: 768px) {
	.form_container .info_pic {
		display: block;
	}
}

@media only screen and (max-width: 403px) {
		.infobox {
		width: 90%;
		float: none;
		overflow: auto;
		text-align: center;
		margin: 40px 0 20px 0;
	}
}