@charset "utf-8";
/* CSS Document */

/* blog_card SP */

.post_content .blog_card01 .inner_card,
.post_content .blog_card02{
    padding: 15px;
}

	.post_content .blog_card02 .image_wrap{
		/*
		width: 90px;
		height: 52px;
		*/
		width: 100px;
		height: 58px;
		margin-right: 10px;
}	
	
	.post_content .blog_card02 span{
		font-size: 10px;
	}

.post_content .blog_card03 .inner_card {
		padding: 15px 10px 5px 15px;
}

.post_content .blog_card03 .inner_card ul{
margin: 12px 0 0;
}

.post_content [class*="post_box"]  [class*="blog_card"]{
margin: -30px auto 0;
}

	.post_content [class*="post_box"] .blog_card02 {
		background: #fff;
	}

.kanren h2 {
  width: 100%;
  margin: 0 0 15px;
  text-align: center;
  font-size: 20px;
}

/* BOX */
.box_y {
    padding: 30px 20px 30px 20px!important;
    background-color: #fff8ad;
    border-radius: 3px;
    position: relative;
    display: block;
    width: 100%;
    border: solid 1px #fff51c52!important;
    box-shadow: 0 1px 1px rgba(247, 235, 73, 0.38), 0 -2px 2px -2px #ffffff inset;
}

.post_box1 {
	margin: 0 0 35px;
	padding: 30px 25px 0;
	background: #ededed;
	border-radius: 4px;
	border: 1px solid #343434;
}

[class*="post_box"] i{
margin-right: 5px;
}

.post_content .post_box1 h3 {
	margin: 0 0 15px;
	padding: 0;
	font-size: 16px;
	border: none;
}

.post_content .post_box1 h3 i {
	margin: 0 5px 2px 0;
	font-size: 17px;
	vertical-align: middle;
}

.post_content .post_box1 p{
	margin: 0;
	padding: 0 0 25px;
	font-size: 16px;
	line-height: 1.5;
}

.post_content .post_box1 a{
	margin: 0 0 25px;
	display: block;
}

.post_box2 {
	margin: 0 0 35px;
	padding: 30px 25px 0;
	background: #fffbdb;
	border-radius: 4px;
	border:0.8px solid #ffe524;
	color: #3e401e;
}

.post_box3 {
	margin: 0 0 35px;
	padding: 30px 25px 0;
	background: radial-gradient(100% 225% at 100% 0%, #ffffff 0%, #575757 100%), linear-gradient(235deg, #e6e6e6 0%, #eeeeee 100%), linear-gradient(20deg, #9c96a7 0%, #9a997b 30%, #acb095 calc(30% + 1px), #cac89f 35%, #b2b88c calc(35% + 1px), #b9bfa9 50%, #e8f1c4 calc(50% + 1px), #ffffff 100%), linear-gradient(120deg, #615c6b 0%, #484055 40%, #4c4a58 calc(40% + 1px), #4c4a58 60%, #4c4a58 calc(60% + 1px), #4d4b58 70%, #606060 calc(70% + 1px), #484848 100%);
	background-blend-mode: overlay, hard-light, overlay, normal;
	color: #3f344d;
	box-shadow: inset 0px 0px 0px 1px #e2e2e2;
}

.post_content .post_box2 h3,
.post_content .post_box3 h3{
	margin: 0 0 15px;
	padding: 0;
	font-size: 16px;
	border: none;
}

.post_content .post_box2 h3 i,
.post_content .post_box3 h3 i{
	margin: 0 5px 2px 0;
	font-size: 17px;
	vertical-align: middle;
}

.post_content .post_box2 p,
.post_content .post_box3 p{
	margin: 0;
	padding: 0 0 25px;
	font-size: 16px;
	line-height: 1.5;
}

.post_content .post_box2 a,
.post_content .post_box3 a{
	margin: 0 0 25px;
	display: block;
	font-weight: 800;
}

.post_content .post_box1 p a,
.post_content .post_box2 p a,
.post_content .post_box3 p a{
margin: 0;
}

.post_content .blog_card01 a,
.post_content .blog_card02 a {
margin: 5px 0 0;
display: block;
font-size: 13px;
line-height: 1.3;
}

.post_content .post_box2 .red{
color:#ff4b4b!important;
}

.post_content [class*="post_box"] .bt_box{
	text-align: center;
}

.post_content [class*="post_box"] .bt_box a,
.post_content div.grade_box .bt_box a,
.grade_box .bt_box a{
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	position: relative;
	padding: 4px 10px;
	line-height: 24px;
	min-width: 120px;
	display: inline-block;
	margin: 15px auto 25px;
	text-align: center;
	border-radius: 5px;
	box-shadow: 0 2px 0 #a62224;
	border: none;
	background-image: linear-gradient(63deg,#ff490e 25%,#ff490e 50%,#ff370e 50%,#ff370e 100%);
	}

.post_content div.grade_box .bt_box,
.grade_box .bt_box{
	text-align: center;
}

.post_content div.grade_box .bt_box a,
.grade_box .bt_box a{
	margin: 15px auto 0;
}

.post_content [class*="post_box"] p + ul{
	margin: 0 0 5px 0;
}

.post_content [class*="post_box"] ul{
	margin: -5px 0 5px 0;
}

.post_content [class*="post_box"] li{
	margin: 0;
	padding: 0 0 0 20px;
	font-size: 14px;
}

.grade_box,
.post_content ul.grade_box,
.post_content div.grade_box{
padding: 30px 25px;
border-radius: 10px;
color: #fff;
position: relative;
}

.post_content ul.grade_box{
background: radial-gradient(100% 225% at 100% 0%, #644c4c 0%, #642626 100%), linear-gradient(235deg, #683200 0%, #402f2f 100%), linear-gradient(20deg, #241E92 0%, #241E92 30%, #5432D3 calc(30% + 1px), #5432D3 35%, #7B6CF6 calc(35% + 1px), #7B6CF6 50%, #E5A5FF calc(50% + 1px), #E5A5FF 100%), linear-gradient(120deg, #110133 0%, #110133 40%, #91006f calc(40% + 1px), #7d0091 60%, #5e4dd5 calc(60% + 1px), #491325 70%, #3448ff calc(70% + 1px), #4434ff 100%);
background-blend-mode: overlay, hard-light, overlay, normal;
padding: 30px 25px;
border-radius: 10px;
color: #fff;
}

.post_content ul.grade_box.blue{
background: radial-gradient(100% 225% at 100% 0%, #e4e3e9 0%, #000000 100%), linear-gradient(235deg, #0b0329 0%, #656565 100%), linear-gradient(20deg, #1e9269 0%, #1e9241 30%, #323ad3 calc(30% + 1px), #5432D3 35%, #7B6CF6 calc(35% + 1px), #7B6CF6 50%, #a5c8ff calc(50% + 1px), #74aab7 100%), linear-gradient(120deg, #110133 0%, #110133 40%, #570089 calc(40% + 1px), #770091 60%, #5e4dd5 calc(60% + 1px), #481349 70%, #3448ff calc(70% + 1px), #3465ff 100%);
}

.post_content ul.grade_box.all_blue{
background: radial-gradient(100% 225% at 100% 0%, #e4e3e9 0%, #797979 100%), linear-gradient(235deg, #080221 0%, #a1a1a1 100%), linear-gradient(20deg, #4a1e92 0%, #4a1e92 30%, #323ad3 calc(30% + 1px), #5432D3 35%, #7B6CF6 calc(35% + 1px), #7B6CF6 50%, #a5c8ff calc(50% + 1px), #74aab7 100%), linear-gradient(120deg, #110133 0%, #110133 40%, #4c4a58 calc(40% + 1px), #4c4a58 60%, #4c4a58 calc(60% + 1px), #4c4a58 70%, #4a4a4a calc(70% + 1px), #484848 100%);
}

.post_content ul.grade_box.purple{
background: radial-gradient(100% 225% at 100% 0%, #e4e3e9 0%, #000000 100%), linear-gradient(235deg, #0b0329 0%, #656565 100%), linear-gradient(20deg, #1e9269 0%, #1e9241 30%, #323ad3 calc(30% + 1px), #5432D3 35%, #7B6CF6 calc(35% + 1px), #7B6CF6 50%, #a5c8ff calc(50% + 1px), #74aab7 100%), linear-gradient(120deg, #110133 0%, #110133 40%, #570089 calc(40% + 1px), #770091 60%, #5e4dd5 calc(60% + 1px), #481349 70%, #3448ff calc(70% + 1px), #3465ff 100%);
background-blend-mode: darken;
}

/* 改修中

.post_content ul.samplebox{
background: 
radial-gradient(100% 225% at 100% 0%, #fffcec 0%, #797979 100%), 
linear-gradient(235deg, #e8e8e8 0%, #e2ddab 100%), 
linear-gradient(20deg, #9c96a7 0%, #887b9a 30%, #9597b0 calc(30% + 1px), #8f91a4 35%, #988cb8 calc(35% + 1px), #aba9bf 50%, #c4d6f1 calc(50% + 1px), #ffffff 100%),
linear-gradient(120deg, #5c6b64 0%, #4c5540 40%, #4a5853 calc(40% + 1px), #4a5856 60%, #4c4a58 calc(60% + 1px), #4b5858 70%, #606060 calc(70% + 1px), #484848 100%);
background-blend-mode: overlay, hard-light, overlay, normal;
}
 */

.post_content ul.grade_box.ltyellow{
background:
radial-gradient(100% 225% at 100% 0%, #fffcec 0%, #797979 100%), 
linear-gradient(235deg, #e8e8e8 0%, #e2ddab 100%), 
linear-gradient(20deg, #9c96a7 0%, #887b9a 30%, #9597b0 calc(30% + 1px), #8f91a4 35%, #988cb8 calc(35% + 1px), #aba9bf 50%, #c4d6f1 calc(50% + 1px), #ffffff 100%),
linear-gradient(120deg, #5c6b64 0%, #4c5540 40%, #4a5853 calc(40% + 1px), #4a5856 60%, #4c4a58 calc(60% + 1px), #4b5858 70%, #606060 calc(70% + 1px), #484848 100%);
background-blend-mode: overlay, hard-light, overlay, normal;
color: #373737!important;
box-shadow: inset 0px 0px 0px 1px #e6e4d8;
/*border: 1px solid #e6e4d8; */
}

.grade_box.yellow,
.post_content .grade_box.yellow{
background: radial-gradient(100% 225% at 100% 0%, #ffffff 0%, #555555 100%), linear-gradient(235deg, #e6e6e6 0%, #ecebd7 100%), linear-gradient(20deg, #9c96a7 0%, #9a997b 30%, #acb095 calc(30% + 1px), #cac89f 35%, #b2b88c calc(35% + 1px), #b9bfa9 50%, #e8f1c4 calc(50% + 1px), #ffffff 100%), linear-gradient(120deg, #6a6b5c 0%, #535540 40%, #56584a calc(40% + 1px), #56584a 60%, #54584a calc(60% + 1px), #55584b 70%, #606060 calc(70% + 1px), #484848 100%);
background-blend-mode: overlay, hard-light, overlay, normal;
color: #373737!important;
box-shadow: inset 0px 0px 0px 1px #e2e4d5;
/*border:1px solid #e2e4d5;*/
}

.post_content .grade_box.ltpu{
	background: radial-gradient(100% 225% at 100% 0%, #d3d3d3 0%, #7d7d7d 100%), linear-gradient(235deg, #f0f0f0 0%, #c0c0c0 100%), linear-gradient(20deg, #9c96a7 0%, #887b9a 30%, #9597b0 calc(30% + 1px), #a89fca 35%, #918cb8 calc(35% + 1px), #aba9bf 50%, #c4d6f1 calc(50% + 1px), #ffffff 100%), linear-gradient(120deg, #615c6b 0%, #484055 40%, #4c4a58 calc(40% + 1px), #4c4a58 60%, #4c4a58 calc(60% + 1px), #4d4b58 70%, #606060 calc(70% + 1px), #484848 100%);
	background-blend-mode: overlay, hard-light, overlay, normal;
	color: #1f1a26;
	box-shadow: inset 0px 0px 0px 1px #dad5dd;
	/* border:1px solid #dad5dd; */
}

.post_content .grade_box.ltgy{
	background: radial-gradient(100% 225% at 100% 0%, #ffffff 0%, #575757 100%), linear-gradient(235deg, #e6e6e6 0%, #eeeeee 100%), linear-gradient(20deg, #9c96a7 0%, #9a997b 30%, #acb095 calc(30% + 1px), #cac89f 35%, #b2b88c calc(35% + 1px), #b9bfa9 50%, #e8f1c4 calc(50% + 1px), #ffffff 100%), linear-gradient(120deg, #615c6b 0%, #484055 40%, #4c4a58 calc(40% + 1px), #4c4a58 60%, #4c4a58 calc(60% + 1px), #4d4b58 70%, #606060 calc(70% + 1px), #484848 100%);
	background-blend-mode: overlay, hard-light, overlay, normal;
	color: #3f344d;
	box-shadow: inset 0px 0px 0px 1px #e2e2e2;
	/* border: 1px solid #e2e2e2; */
}


.post_content ul.grade_box.blue li:before,
.post_content ul.grade_box.purple li:before{
background:#702bff!important;
}

.post_content ul.grade_box.all_blue li:before{
background:#99d8a4!important;
}

.post_content ul.grade_box.purple li:before{
background:#328c4f!important;
}

.post_content ul.grade_box.ltyellow li:before{
background: #a69a2f!important;
}

ul.grade_box.yellow li:before,
.post_content ul.grade_box.yellow li:before{
background: #1fb89f!important;
}

.post_content ul.grade_box.ltpu li:before{
background: #7c3198!important;
}

.post_content ul[class*="grade_box"] li.title,
.post_content ul.post_box4 li.title{
padding-left: 0!important;
}

.post_content ul[class*="grade_box"] li.title:before,
.post_content ul.post_box4 li.title:before{
content: none!important;
}

.post_content ul[class*="grade_box"] li.title i,
.post_content div[class*="grade_box"] p.title i,
[class*="grade_box"] p.title i,
.post_content ul.post_box4 li.title i{
margin-right: 5px;
}

.grade_box,
.post_content div.grade_box{
margin: 0 0 30px;
}

.gyousya_info_block .inner .caption .grade_box p,
.post_content div.grade_box p{
	position: relative;
	padding: 0 0 5px 0;
	margin: 7px 0 7px 0px;
	font-size: 16px;
	line-height: 30px;
}

.grade_box p:last-of-type,
.post_content div.grade_box p:last-of-type{
padding-bottom: 0;
}

.grade_box p.title,
.post_content div.grade_box p.title{
	font-weight: bold;
}



.post_content [class*="post_box"] .bt_box p{
padding-bottom: 25px;
}

.post_content ul.post_box4,
.post_content ul.post_box5{
	margin:0 0 35px;
	padding:30px 25px 0;
	background:#f7f7f7;
	border-radius:10px;
	border: 1.8px solid #f1f1f1;
	color:#3e401e;
}

.post_content ul.post_box4{
	padding:30px 25px 10px;
}

.post_content ul.post_box4 li.no_icon{
background:#fff!important;
padding:5px 20px!important;
border-radius:6px!important;
margin-bottom:15px!important;
}

.post_content [class*="post_box"] .title_wrap,
.post_content .table_daily .title_wrap,
.bdr_box .caption_bg{
border-radius: 5px;
overflow: hidden;
margin-bottom: 30px;
padding: 28.3% 0 0;
position: relative;
background: #262626;
}

.post_content [class*="post_box"] .title_wrap img,
.post_content .table_daily .title_wrap img,
.bdr_box .caption_bg img{
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
margin: 0;
width: auto!important;
max-width: none;
height: 120%;
border: none!important;
}

/* image_box */

.post_content .image_box{
width: 100%;
margin: 0 0 35px;
border-radius: 8px;
background: #e0e9fa;
overflow: hidden;
}

.post_content .image_box img{
border: none!important;
text-align: center;
margin: 0;
max-width: 100%;
height: auto;
border-radius: 0;
}

.post_content .image_box p{
margin: 20px 15px;
font-weight: bold;
font-size: 16px;
}

.post_content .image_box p i{
color: #0058ff;
position: relative;
top: 1px;
right: 3px;
font-size: 18px;
}

@media screen and (min-width:641px) {

.box_y {
	padding: 30px 40px 30px 40px!important;
	background-color: #fff8ad;
	border-radius: 3px;
	position: relative;
	display: block;
	width: 100%;
	border: solid 1px #fff51c52!important;
	box-shadow: 0 1px 1px rgba(247, 235, 73, 0.38), 0 -2px 2px -2px #ffffff inset;
}

.post_box1 {
	margin: 0 0 35px;
	padding: 30px 25px 0;
	border-radius: 4px;
}

.post_content .post_box1 h3 {
	margin: 0 0 15px;
	padding: 0;
	font-size: 16px;
	border: none;
}

.post_content .post_box1 h3 i {
	margin: 0 5px 2px 0;
	font-size: 17px;
	vertical-align: middle;
}

.post_content .post_box1 p {
	margin: 0;
	padding: 0 0 25px;
	font-size: 16px;
	line-height: 1.5;
}

.post_box2,
.post_box3{
	margin: 0 0 35px;
	padding: 30px 25px 0;
	border-radius: 4px;
}

.post_content .post_box2 h3,
.post_content .post_box3 h3{
	margin: 0 0 15px;
	padding: 0;
	font-size: 16px;
	border: none;
}

.post_content .post_box2 h3 i,
.post_content .post_box3 h3 i {
	margin: 0 5px 2px 0;
	font-size: 17px;
	vertical-align: middle;
}

.post_content .post_box2 p,
.post_content .post_box3 p{
	margin: 0;
	padding: 0 0 25px;
	font-size: 16px;
	line-height: 1.5;
}

.post_content .post_box2 a,
.post_content .post_box3 a{
		margin: 0 0 25px;
		display: block;
		font-weight: 800;
}

.post_content .post_box1 p a,
.post_content .post_box2 p a,
.post_content .post_box3 p a{
margin: 0;
}

.post_content .blog_card01 a,
.post_content .blog_card02 a {
margin: 7px 0 0;
display: block;
font-size: 14px;
line-height: 1.5;
}

.post_content [class*="post_box"] .bt_box{
	text-align: center;
}

.post_content [class*="post_box"] .bt_box a,
.post_content div.grade_box .bt_box a,
.grade_box .bt_box a{
	font-size: 14px;
	padding: 10px 20px;
	line-height: 1;
	min-width: 150px;
}

.post_content div.grade_box .bt_box a{
	margin: 15px auto 0;
}

.post_content [class*="post_box"] p + ul{
	/*margin: -20px 0 5px 0; */
}

.post_content [class*="post_box"] ul{
	margin: -5px 0 5px 0;
}

.post_content [class*="post_box"] li{
	margin: 0;
	padding: 0 0 0 20px;
}

.post_content [class*="post_box"] .bt_box p{
padding-bottom: 25px;
}

.post_content [class*="post_box"] .title_wrap,
.bdr_box .caption_bg{
border-radius: 5px;
overflow: hidden;
height: 126px;
margin-bottom: 35px;
padding: 0;
position: relative;
}

.post_content [class*="post_box"] .title_wrap img{
height: 140px;
}

.bdr_box .caption_bg{
border-radius: 7px;
background: none;
margin: 15px 0 35px;
padding: 0;
}

.detail_inner .bdr_box .caption_bg img{
width: 100%!important;
height: 100%;
margin: 0;
position: relative;
}

/* image_box PC */

.post_content .image_box{
margin: 0 0 45px;
}

.post_content .image_box img{
border: none!important;
margin: 0;
max-width: 100%;
height: auto;
border-radius: 0;
}

.post_content .image_box p{
margin: 25px 20px;
font-weight: bold;
font-size: 16px;
}

.post_content .image_box p i{
top: 1px;
right: 3px;
font-size: 18px;
}


}