@charset "UTF-8";

.post-type-archive-iportchannel .lower_wrapper,
.single-iportchannel .lower_wrapper{
	margin-bottom: 0;
}
.line__ttl{
	border-bottom: 2px solid #dedede !important;
	color: #333333 !important;
	font-weight: bold !important;
	position: relative !important;
  text-align: left !important;
}
.line__ttl:before {
	width: 70px !important;
	height: 2px !important;
	content: "" !important;
	display: block !important;
	background: #69b644 !important;
	position: absolute !important;
	bottom: -2px !important;
}
.b_ttl{
	font-size: 25px !important;
	margin-bottom: 40px !important;
	padding-bottom: 25px !important;
	line-height: 1.5 !important;
}
.s_ttl{
	font-size: 18px !important;
	margin-bottom: 20px !important;
	padding-bottom: 12px !important;
	line-height: 1.5 !important;
}

.page-template-columnlist .lower_main,
.post-type-archive-iportchannel .lower_main,
.tax-iportchannel_cat .lower_main,
.page-template-page-wp-template .lower_main {
	background: url(../images/wp/iportchannel_main.jpg);
	background-size: cover;
	padding: 80px 0 80px;
}

.post-type-archive-iportchannel .lower_main h1,
.tax-iportchannel_cat .lower_main h1,
.page-template-page-wp-template .lower_main h1 {
	color: #69b644;
	font-size: 40px;
	max-width: 100%;
	line-height: 1;
}

.post-type-archive-iportchannel .lower_main:before,
.tax-iportchannel_cat .lower_main:before,
.page-template-page-wp-template .lower_main:before {
  display: none;
}

.post-type-archive-iportchannel .lower_main .description,
.tax-iportchannel_cat .lower_main .description,
.page-template-page-wp-template .lower_main .description {
  font-size: 16px;
  max-width: 100%;
}

.contents_wrap{
	display: flex;
	justify-content: space-between;
}
.main_column{
	width: 720px;
}
.list_wrapper{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.wp_list{
	width: 340px;
	padding-bottom: 15px;
	margin-bottom: 110px;
	position: relative;
}
.wp_list .imgarea{
	position: relative;
}
.wp_list .imgarea img{
	width: 100%;
	height: 180px;
	object-fit: cover;
	/*-- 追記_210121 --*/
		border: 1px solid #eaeaea;
		padding: 2px 10px;
}
.wp_list .imgarea span{
	position: absolute;
	font-size: 12px;
	color: #fff;
	background: #ef7013;
	padding: 0 5px;
	font-weight: bold;
}
.wp_list .txtarea{
	padding: 15px;
}
.wp_list h3{
	font-size: 15px;
	margin-bottom: 10px;
	/*-- 追記_210121 --*/
	margin-top: 0;
}
.wp_list .cat{
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 10px;
}
/*-- 追記_210121_ここから --*/
.wp_list .cat .cat_lis{
	display: block;
	border: 1px solid #69b644;
	font-size: 12px;
	font-weight: bold;
	padding: 0 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	border-radius: 5px;
	transition: 0.3s;
}
.wp_list .cat .cat_lis:hover{
	background: #69b644;
	transition: 0.3s;
	color: #fff;
	opacity: 1;
}
/*-- 追記_210121_ここまで --*/
.wp_list .cat a:nth-of-type(1){
	display: none;
}

.wp_list .description{
	font-size: 12px;
	line-height: 1.5;
}
.list_foot{
	display: flex;
	justify-content: space-between;
	position: absolute;
	width: 100%;
	left: 0;
	padding:0 15px;
	align-items: flex-end;
}
.list_foot .date{
	font-size: 12px;
}
.list_foot p.d_l{
	display: inline-block;
	background: #69b644;
	font-size: 15px;
	color: #fff;
	font-weight: 500;
	padding: 5px 10px;
	/*-- 追記_210121 --*/
		margin-bottom: 0;
		border-radius: 5px;
}

.side{
	width:320px;
}
.side .sb_sec{
	margin-bottom: 50px;
}
.side .sb_sec .lead{
	font-size: 15px;
}
.side .search form{
	position: relative;
}
.side .search button{
	background: none;
	color: #555;
	position: absolute;
	padding: 0;
	font-size: 20px;
	right: 10px;
	top: 50%;
	transform: translate(0px, -50%);
}
.side .rank_lis a{
	display: flex;
}
.side .rank_lis a .imgarea{
	margin-right: 20px;
}
.side .rank_lis a .txtarea{
	width: calc(100% - 100px);
}
.side .rank_lis{
	padding: 15px 0;
	border-bottom: solid 1px #a2a2a2;
}
.side .rank_lis .imgarea{
	width: 80px;
	position: relative;
}
/*-- 追記_210121 --*/
.side .rank_lis h3{
	margin-bottom: 10px;
	font-size: 13px;
}
.side .rank_lis:nth-of-type(1) .imgarea:before{
	position: absolute;
	content: "1";
	display: block;
	background: #f40d12;
	width: 20px;
	height: 20px;
	font-size: 12px;
	text-align: center;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
}
.side .rank_lis:nth-of-type(2) .imgarea:before{
	position: absolute;
	content: "2";
	display: block;
	background: #f47d0d;
	width: 20px;
	height: 20px;
	font-size: 12px;
	text-align: center;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
}
.side .rank_lis:nth-of-type(3) .imgarea:before{
	position: absolute;
	content: "3";
	display: block;
	background: #69b644;
	width: 20px;
	height: 20px;
	font-size: 12px;
	text-align: center;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
}
.side .rank_lis .txtarea h3{
	font-weight: 700;
}
.side .rank_lis .txtarea .d_l{
	display: inline-block;
	background: #69b644;
	font-size: 12px;
	color: #fff;
	font-weight: bold;
	padding: 0 5px;
}
.side .cat_list .c_l{
	display:flex;
	flex-wrap: wrap;
}
.side .cat_list .c_l a{
	display: block;
	border: 1px solid #69b644;
	font-size: 14px;
	padding: 0 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	border-radius: 5px;
	/*-- 追記_210121 --*/
	    font-size: 12px;
    	font-weight: 500;
}
.side .cat_list .c_l a:hover{
	background: #69b644;
	transition: 0.3s;
	color: #fff;
	opacity: 1;
}
.mail_maga .lead{
	margin-bottom: 20px;
}

.footer_u_btn{
	background: #fafafa;
	padding: 80px 0;
	border-bottom: 1px solid #959595;
}
.footer_u_btn h2{
	color: #222222;
	font-weight: bold;
	font-size: 18px;
	line-height: 1.5;
	margin-bottom: 40px;
}
.footer_u_btn .btn_area {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.footer_u_btn a{
	width: 350px;
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px;
	border: 1px solid #9f9f9f;
	margin: 10px 5px 0;
}
.footer_u_btn a .icon{
	margin-right: 10px;
}

.single header{
	box-shadow: 0px 0px 10px #d6d6d6;
}
.single .main_column{
	padding: 160px 0 60px;
}
@media screen and (max-width: 640px){
	.single .main_column{
		padding: 100px 0 60px;
	}
}
.single_head{
	margin-bottom: 40px;
}
.single_head h1{
	font-size: 35px;
	color: #333333;
	font-weight: bold;
	line-height: 1.25;
}
.single_head .description{
	font-weight: bold;
}
.single-iportchannel .imgarea{
	text-align:center;
}
.check_area{
	margin-top: 40px;
}
.check_area h2{
	font-size: 28px;
	color: #333333;
	font-weight: bold;
	text-align: left;
	line-height: 1.25;
	margin-bottom: 30px;
}
.check_area ul li{
	font-size: 20px;
	font-weight: bold;
	display: flex;
	align-items: center;
	margin-bottom: 15px;
}
.check_area ul li:last-child{
	margin-bottom: 0;
}
.check_area ul li span{
	width: calc(100% - 42px);
	line-height: 1.5;
}
.check_area ul li:before{
	content: "";
	background: url('../images/wp/check.png');
	width: 32px;
	height: 32px;
	display: block;
	margin-right: 10px;
}
.main_column .btn_area{
	margin-top: 30px;
}
.main_column .btn_area a{
	display: block;
	border: #b5b5b5 solid 1px;
	border-radius: 5px;
	text-align: center;
	box-sizing: border-box;
	text-align: center;
	padding: 10px;
	color: #74be4d;
	font-weight: bold;
}

.single .form_wrap{
	width: 518px;
  background: #e8f6f8;
	padding: 160px 40px 0;
  box-sizing: border-box;
  margin: 0 0 0 82px;
}
@media screen and (max-width: 600px){
	.single .form_wrap{
		padding: 0px 40px 0;
	}
}

.single .form_wrap h2{
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 5px;
	color: #333333;
	line-height: 1.25;
	text-align: left;
}
.single .form_wrap .description{
	font-size:14px;
	margin-bottom: 20px;
}
input[type=text],
input[type=email],
input[type=tel]{
	border-radius: 5px;
	padding: 0.5em;
	font-size: 14px;
}
.accep_txt{
	background: #fff;
	height: 100px;
	overflow: scroll;
	padding: 10px;
	font-size: 12px;
	line-height: 1.5;
	border: 1px solid #555;
}
.post-type-archive-iportchannel span.wpcf7-list-item,
.single .form_wrap span.wpcf7-list-item {
    display: inline-block;
    margin: 0 0 0 0em;
}
.form_input_item{
	margin-bottom: 10px;
}
.form_input_item.acceptance{
	margin: 20px 0;
	font-size: 14px;
}
div.wpcf7 .wpcf7-submit{
	border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
	margin-top: 30px;
	width: 100%;
	background: #f58909;
	font-family: 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding: 10px 0;
	border-radius: 10px;
}
div.wpcf7 .wpcf7-submit:disabled{
	background: #444;
}

@media screen and (max-width: 640px) {
	.contents_wrap{
		flex-wrap: wrap;
	}
	.main_column {
    width: 100%;
	}

  .post-type-archive-iportchannel .lower_main h1,
  .tax-iportchannel_cat .lower_main h1,
  .page-template-page-wp-template .lower_main h1 {
    font-size: 37px;
    line-height: 1.25;
  }
	.wp_list {
    width: 100%;
	}
	.side {
    width: 100%;
	}
	.footer_u_btn a {
    width: 100%;
		justify-content: left;
    padding: 10px 10px 10px 75px;
    border: 1px solid #9f9f9f;
    margin: 10px 5px 0;
}


.check_area h2 {
	font-size: 21px;
}
.check_area ul li {
    font-size: 18px;
    font-weight: bold;
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}
	.single .form_wrap {
    width: 100%;
    margin: 0;
		margin-left: -5vw;
		width: 100vw;
	}
}


.wp-pagenavi {
    font-weight: 600;
    text-align: center;
    margin: 0px auto 70px;
    font-family: 'Roboto','NotoSansCJKjp-Light',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


.pagination{
	display: flex;
	align-items: center;
	box-shadow: none;
	margin-bottom: 8%;
	justify-content: center;
}
.pagination span,
.pagination a{
	margin: 0 0 0 10px;
	border: 2px solid #69b644;
	padding: 8.5px 13.5px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: auto;
	height: auto;
	line-height: 1 !important;
  padding: 10px !important;
	color: #69b644;
}
.pagination .prev, .pagination .next{
	position: relative;
	background: none;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #69b644;
	width: auto;
	height: auto;
}
.pagination .prev:before, .pagination .next:before{
	display: none;
}
.pagination .page-numbers.current,
.pagination a:hover{
	background: #69b644 !important;
    color: #fff !important;
    font-weight: 600;
}


.bootstrap .wp_list_iportchannel .cat a:hover {
	color: #fff;
	opacity: 1;
}




/*-- サイドカラム削除による追記_210209 --*/
.main_column{
	width: 100%;
}
.cat_list .c_l{
	display:flex;
	flex-wrap: wrap;
}
.cat_list .c_l a{
	display: block;
	border: 1px solid #69b644;
	font-size: 14px;
	padding: 0 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	border-radius: 5px;
	/*-- 追記_210121 --*/
	    font-size: 12px;
    	font-weight: 500;
		color: #333;
}
/* .cat_list .c_l a:hover{
	background: #69b644;
	transition: 0.3s;
	color: #fff;
	opacity: 1;
	text-decoration: none;
} */


.post-type-archive-iportchannel .service_fixed,
.tax-iportchannel_cat .post-type-archive-iportchannel .service_fixed {
    position: fixed;
    top: 140px;
    right: 0;
    margin: 10px;
    z-index: 99999;
}
.post-type-archive-iportchannel #dousen,
.tax-iportchannel_cat #dousen {
    position: relative;
}
.post-type-archive-iportchannel .service_btn ul li.fix_contact_mitumori,
.tax-iportchannel_cat .service_btn ul li.fix_contact_mitumori {
    position: absolute;
    top: 70px;
}
.post-type-archive-iportchannel .service_btn ul li.fix_contact a,
.tax-iportchannel_cat .service_btn ul li.fix_contact a
 {
    padding: 17px 50px 17px 65px;
    background-color: #ef7013;
    color: #fff;
    border-radius: 5px;
    border: none;
    box-shadow: 0 0 10px #a4abad;
    background-image: url(../images/fix_mailicon.png);
    background-size: 27px;
    background-position: 22px 50%;
    background-repeat: no-repeat;
    max-width: 240px;
    margin: 10px 0px;
}
.post-type-archive-iportchannel .service_btn ul li.fix_contact_mitumori a,
.tax-iportchannel_cat .service_btn ul li.fix_contact_mitumori a {
    padding: 17px 20px 17px 60px;
    top: 170px;
    background-color: #ef7013;
    color: #fff;
    border: none;
    border-radius: 5px;
    box-shadow: 0 0 10px #a4abad;
    background-image: url(../images/fix_mitumoriicon.png);
    background-size: 25px;
    background-position: 24px 50%;
    background-repeat: no-repeat;
    max-width: 240px;
    margin: 10px 0px;
}


.cat_list .c_l{
	margin-bottom: 30px;
	padding-left: 0;
}
.cat_list .c_l a{
		color: #333;
}
.cat_list .c_l a:hover{
	text-decoration: none;
}



.contents_wrap {
    margin-bottom: 80px;
}
.main_column {
    width: 820px;
}
.wp_list {
	width: 250px;
}
@media screen and (min-width: 1390px) {
	.main_column {
		width: 1050px
	}
	.wp_list {
    width: 330px;
}
}
@media screen and (max-width: 765px) {
	.main_column {
		width: 100%;
	}
	.wp_list {
    width: 100%;
}
}

.list_wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	 flex-wrap: wrap;
}
.list_wrapper::after {
display: block;
content:"";
width: 340px;
}

.mov_if_w{
	position:relative;
	width:100%;
	height:0;
	padding-top:56.25%;
	margin-top: 30px;
}
.mov_if_w iframe{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

@media screen and (max-width: 765px) {
	.page-template-columnlist .lower_main,
.post-type-archive-iportchannel .lower_main,
.tax-iportchannel_cat .lower_main,
.page-template-page-wp-template .lower_main  {
        background: url(../images/wp/iportchannel_main.jpg) #f8f8f8 no-repeat;
    background-size: cover;
    background-position-x: -590px;
    background-position-y: 140px;
    padding: 0px 0 160px;
}
}

.target_area p{
	font-weight: bold;
	font-size: 14px;
}
.target_area ul{
	    list-style: disc;
}
.target_area ul li{
	margin-bottom: 5px;
	line-height: 1;
	font-size: 12px;
	color: #69b644;
}
.target_area ul li span{
	line-height: 1.25;
	color: #333;
}

/* 220523 タイトル部分微調整 */
.cat_list .c_l a {
	color: #69b644;
	font-size: 13px;
    padding: 3px 10px 3px;
    display: block;
    border: 1px solid;
    border-radius: 3px;
	margin-bottom: 10px;
	font-weight: normal;
}

.cat_list .c_l li:nth-last-child(-n+3) a {
	background: #69b644;
	color: #fff;
}

@media screen and (max-width: 765px) {
	.lower_main .base {
		margin-top:60px;
	}
}


/*-- 250512 --*/
.categories {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 20px;
}
.categories .cats {
	border: 1px solid #69b644;
	font-size: 12px;
	font-weight: bold;
	padding: 2px 15px;
	border-radius: 5px;
	transition: 0.3s;
	color: #333;
}
.categories a {
	display: inline-block;
	color: #333;
}