/* 2020年6月7日 フォームデザイン */





.mw_wp_form table{

    border-collapse: collapse;

    margin-top: 2.0em;

}



.mw_wp_form table tr > * {

    border-collapse: collapse;

    border: 0px solid #1f9ccb;

    padding: 10px;

    text-align: left;

}



.mw_wp_form table th,.mw_wp_form table td{

    display: block;

    border-collapse: collapse;

    border: 0px solid #1f9ccb!important;

}



.submit {

    height: auto;

    display       : inline-block;

    border-radius : 5%;          /* 角丸       */

    font-size     : 12pt;        /* 文字サイズ */

    text-align    : center;      /* 文字位置   */

    cursor        : pointer;     /* カーソル   */

    padding       : 12px 12px;   /* 余白       */

    background    : #00b359;     /* 背景色     */

    color         : #ffffff;     /* 文字色     */

    line-height   : 1em;         /* 1行の高さ  */

    transition    : .3s;         /* なめらか変化 */

    border        : 2px solid #00b359;    /* 枠の指定 */

}

.submit:hover {

    color         : #00b359;     /* 背景色     */

    background    : #ffffff;     /* 文字色     */

}



.submit_center{

    margin: 0 auto;

    text-align: center;

}



.mw_wp_form form textarea{

    width: 100%;

}



.must:after{

    content: "【必須】";

    color: #dd0000;

}





/* 2019/03　追加 */

.indexPlus{

	margin-left:15px;

	margin-right:15px;

}


.topIntro{

	border:1px dotted #ccc;

	padding:15px;

	font-size:16px;

	font-weight:bold;

	letter-spacing:1px;

	color:#333;

	margin-top:30px;

}

.topIntro2{

	display:block;

	padding-top:20px;

	letter-spacing:2px;

	font-size:18px;

	font-weight:bold;

	color:#E56284;

	clear:both;

	line-height:175%;

}

.topIntro2 span{

	box-shadow: 0 -10px 0 inset rgba(11, 144, 148, .1);

	color: #0b9092;

}

.topIntro3{

	background: #dfefff;

	box-shadow: 0px 0px 0px 5px #dfefff;

	border: dashed 2px white;

	padding:20px 12px;

	font-size:16px;

	font-weight:bold !important;

	letter-spacing:1px;

	color:#333;

	margin:25px 5px 15px 5px;

}



.pointTable{

	width:100%;

	box-sizing:border-box;

	margin:20px auto 20px auto;

}

.pointTable th:nth-child(1){

	width:20%;

	padding-top:16px;

	padding-bottom:16px;

}

.pointTable th:nth-child(2){

	width:40%;

	padding-top:16px;

	padding-bottom:16px;

}

.pointTable th:nth-child(3){

	width:40%;

	padding-top:16px;

	padding-bottom:16px;

}

.pointTable th,

.pointTable td{

	padding:13px;

	vertical-align:middle;

	border:1px solid #ccc;

	line-height:1.3;

}

.pointTable td{

	background-color:#fff;

}

.pointTable td strong{

	display:block;

	color:#0b9092;

}

.pointTable td span{

	color:#E56284;

}

.pointTable td.first{

	background-color:#eee;

	text-align:center;

	font-weight:bold;

}

.pointTable th{

	background-color:#dfefff;

	font-weight:bold;

	color:#333;

	text-align:center;

}

.arrowTop{

	margin:10px 0;

	text-align:center;

}

.twoCol h3{

	background:#4c89c6;

	padding:12px 20px;

	font-size:15px;

	color:#fff;

	margin:10px 0 15px 0;

	text-align:center;

}

.twoCol .col02 h3{

	background:#e673a4;

}

.twoCol .col01 , .twoCol .col02{

	float:left;

	width:50%;

}

.twoCol img{

	float:left;

	width:35%;

	height: auto;

	margin-right:3%;

}

.twoCol p{

	float:left;

	width:60%;

	padding-right:2%;

	font-weight:bold;

	font-size:14px;

	color:#555;

	line-height:200%;

}

.check h3{

	position: relative;

	color: black;

	background: #d0ecff;

	line-height: 1.4;

	padding: 20px 15px 15px 15px;

	margin: 4em 0 0 0;

}

.check h3:after {

	position: absolute;

	font-family: "Font Awesome 5 Free",'Quicksand','Avenir','Arial',sans-serif;

	content: 'Check';

	background: #4c89c6;

	color: #fff;

	left: 0px;

	bottom: 100%;

	border-radius: 5px 5px 0 0;

	padding: 4px 10px 4px 10px;

	font-size: 1em;

	line-height: 2;

	letter-spacing: 0.05em

}

.check p {

	background: #d0ecff;

	padding: 10px 15px 20px 15px;

	margin-bottom:30px;

}

@media (max-width: 600px) {

.topIntro{

	padding:8px;

	font-size:13px;

}

.topIntro2{

	letter-spacing:1px;

	font-size:15px;

	line-height:165%;

}

.topIntro3{

	padding:9px;

	font-size:14px;

	margin:26px 5px 15px 5px;

}

.pointTable{

	width:auto;

	box-sizing:border-box;

	margin:20px 0px 20px 0px;

}

.pointTable th:nth-child(1){

	width:10%;

	padding-top:12px;

	padding-bottom:12px;

}

.pointTable th:nth-child(2){

	width:45%;

	padding-top:12px;

	padding-bottom:12px;

}

.pointTable th:nth-child(3){

	width:45%;

	padding-top:12px;

	padding-bottom:12px;

}

.pointTable th,

.pointTable td{

	padding:8px;

	line-height:1.2;

	font-size:13px;

}

.pointTable td span , .pointTable td strong{

	font-size:13px !important;

}

.twoCol .col01 , .twoCol .col02{

	float:none;

	width:100%;

}

.twoCol img {

	float:none;

	width:90%;

	margin-right:5%;

	margin-left:5%;

	margin-bottom:7px;

}

.twoCol p {

	float:none;

	width:100%;

	font-weight:bold;

	font-size:14px;

	color:#555;

	line-height:190%;

}

.check h3 {

	line-height: 1.4;

	padding: 20px 15px 15px 15px;

	margin: 2em 0 0 0;

	font-size:14px;

}

.check h3:after {

	border-radius: 5px 5px 0 0;

	padding: 4px 10px 4px 10px;

	font-size: 1em;

	line-height: 2;

}

.check p {

	padding: 10px 15px 20px 15px;

	margin-bottom:30px;

	font-size:14px;

	color:#333;

}

.check p br{

	display:none;

}

}

.ranking_intro{

	background:url(https://magaseekcm.com/wp-content/themes/mod/imgs/ranking_bg.jpg) no-repeat;

	background-size:cover;

	text-align:center;

	padding:10px;

}

.ranking_intro img{

	margin-bottom:15px;

}

.ranking_intro .ranking_text{

	line-height:280%;

	margin-bottom:15px;

}

.ranking_intro a{

	padding:12px 20px;

	color:#fff;

	background:#F16F8D;

	border-radius:6px;

}

.ranking_intro span{

	font-size:23px !important;

}



@media (max-width: 600px) {

	.ranking_intro{

		padding:4px;

	}

	.ranking_intro{

		background:url(https://magaseekcm.com/wp-content/themes/mod/imgs/ranking_bg.jpg) no-repeat;

		background-size:cover;

		text-align:center;

		padding:10px 6px;

	}

	.ranking_intro a{

		font-size:12px;

	}

	.ranking_intro span{

		font-size:21px !important;

	}

}



@media (max-width: 330px) {

	.ranking_intro span{

		font-size:16px;

	}

	.ranking_intro{

		padding:0px;

	}

	.ranking_intro a{

		font-size:11px;

	}

	.ranking_intro span{

		font-size:19px !important;

	}

}



.ranking_h4{

	padding: 0.5em 0;

	border-top: solid 3px #1f9ccb;

	border-bottom: solid 3px #1f9ccb;

	margin-top:35px !important;

	font-size:18px !important;

	color:#333 !important;

}

.ranking_h4b{

	padding: 0.5em 0;

	border-top: solid 3px #ff5722;

	border-bottom: solid 3px #ff5722;

	margin-top:35px !important;

	font-size:18px !important;

	color:#333 !important;

}

.ranking_h4b:before{

	color: #ff5722 !important;

}

.ranking_h5{

	position: relative;

	padding: 0.6em;

	background: #c7e4ef;

	margin:25px 0 20px 0 !important;

	font-size:14px !important;

	color:#333 !important;

}

.ranking_h5:after {

	position: absolute;

	content: '';

	top: 100%;

	left: 30px;

	border: 15px solid transparent;

	border-top: 15px solid #c7e4ef;

	width: 0;

	height: 0;

}



.ranking_h5b{

	position: relative;

	padding: 0.6em;

	background: #ffdace;

	margin:25px 0 20px 0 !important;

	font-size:14px !important;

	color:#333 !important;

}

.ranking_h5b:after {

	position: absolute;

	content: '';

	top: 100%;

	left: 30px;

	border: 15px solid transparent;

	border-top: 15px solid #ffdace;

	width: 0;

	height: 0;

}

.ranking_h6{

	position: relative;

	line-height: 1.4;

	padding:0.25em 1em;

	display: inline-block;

	margin:35px 0 15px 0 !important;

	color:#ff5722 !important;

}

.ranking_h6:before, .ranking_h6:after { 

	content:'';

	width: 20px;

	height: 30px;

	position: absolute;

	display: inline-block;

}

.ranking_h6:before {

	border-left: solid 1px #ff5722;

	border-top: solid 1px #ff5722;

	top:0;

	left: 0;

}

.ranking_h6:after {

	border-right: solid 1px #ff5722;

	border-bottom: solid 1px #ff5722;

	bottom:0;

	right: 0;

}

.ranking_matome{

	margin-bottom:10px;

}

.ranking_matome div{

	width:30%;

	display:inline-block;

	margin-right:5%;

}

.ranking_matome p{

	width:64%;

	display:inline-block;

	vertical-align: top;

}



@media (max-width: 600px) {

.ranking_matome div{

	width:100%;

	margin-right:0%;

}

.ranking_matome p{

	width:100%;

	margin-top:10px;

}

}



.ranking_ul{

	border: double 4px #ff5722;

	padding: 0.5em 1em 0.5em 2.3em !important;

	position: relative;

	margin:10px 0 !important;

}

.ranking_ul li {

	line-height: 1.5 !important;

	padding: 0.5em 0 !important;

	list-style-type: none!important ;

}

.ranking_ul li:before {

	font-family: "Font Awesome 5 Free";

	content: "\f0a4";

	position: absolute;

	left : 1em !important;

	color: #ff5722 !important;

}



.pointTables{

	overflow-x: auto !important;

}

.pointTables::-webkit-scrollbar{

	 height: 5px;

}

.pointTables::-webkit-scrollbar-track{

	 background: #F1F1F1;

}

.pointTables::-webkit-scrollbar-thumb {

	 background: #BCBCBC;

}

.pointTable2{

	width:100%;

	box-sizing:border-box;

	margin:20px 0 20px 0;

}

.pointTable2 th{

	padding-top:16px;

	padding-bottom:16px;

}

.pointTable2 th,

.pointTable2 td{

	padding:10px;

	vertical-align:middle;

	border:1px solid #ccc;

	line-height:1.3;

	width:100px;

	text-align:center;

	word-wrap: break-word;

	font-size:13px;

}

.pointTable2 td{

	background-color:#fff;

}

.pointTable2 td strong{

	display:block;

	color:#0b9092;

}

.pointTable2 td span{

	color:#E56284;

}

.pointTable2 td.first{

	background-color:#f5f5f5;

	text-align:left;

	font-weight:bold;

}

.pointTable2 tr:last-child a{

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    display: -webkit-box;

    display: -webkit-flex;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

    font-size: 12px;

    font-weight: bold;

    -webkit-box-pack: center;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

    min-height: 48px;

    background-color: #0080A8;

    color:#fff;

    border: 0;

    border-radius: 3px;

    -webkit-box-shadow: 0 -4px 0 rgba(0,0,0,0.1) inset;

    box-shadow: 0 -4px 0 rgba(0,0,0,0.1) inset;

    color: #fff;

    cursor: pointer;

}









@media (max-width: 600px) {

.pointTable2 th,

.pointTable2 td{

	padding:8px;

	width:80px;

	font-size:12px;

}

.pointTable2 a{

	font-size:12px !important;



}

}



.ui-dialog { background-color: #a6def2; padding: 10px;}