@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);

.red-s{
	font-weight:700;
	font-size:22px;
	color:#000;
}

.red-l{
	font-size:24px;
color:red;}

#plan-frame{
	width:1100px;
	margin:0 auto;
	padding: 25px 0;
	text-align: left;
}


.plan-waku3{
	clear:both;
	overflow: hidden;
	margin-bottom: 100px;
}


.plan-madori3{
	width: 335px;
	padding: 10px;
	float: left;
	margin-top: 15px;
	margin-left: 5px;
	text-align: center;
	font-size: 12px;
	color: #333333;
	border: solid 1px #ccc;
	border-radius: 10px;        
	-webkit-border-radius: 10px;    
	-moz-border-radius: 10px;   
}

.plan-madori3 img{
	object-fit:contain;
	max-height:305px;
	width:100%;
margin-bottom:5px;

height:auto;}

.plan-gaikan3{
	width:270px;
	float:right;
	margin-top: 15px;
}

.plan-gaikan3 img{width:100%;
height:auto;}

.osusume-etc{margin-top:20px;
margin-bottom:20px;
text-align:center;}

.etc-plan img{width:50%;
height:auto;}




/* 商品ラインアップカスタム投稿用
----------------------------------------------------------- */
.cpi-lineup-tt{
	background-color: #C90003;
	padding: 20px;
	font-size: 30px;
	color: #fff;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-weight: 600;
	margin-bottom: 20px;
	margin-top: 20px;
}

.font10{
	font-size: 10px;
}

.m-t25{
	margin-top: 25px;
}

.clear{
	clear: both;
}

/* 商品ライナップ 
----------------------------------------------------------- */

.plan-boxwaku{
	display:flex;
	flex-wrap: wrap;
}

.plan-box{
	width: 31%;
	margin: 1%;
}

.plan-box img{width: 100%;
height: auto;}

.plan-tt-best{
	background-color: #000;
	padding: 10px;
	color: #fff;
	text-align: center;
	font-size: 22px;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-weight: 600;
}


.midashi-1ldk{
	background-color: #eb6100;
	padding: 10px;
	font-size: 18px;
	color: #fff;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-weight: 600;
	margin-bottom: 20px;
	margin-top: 20px;
}

.midashi-1ldk2{
	background-color: #eb6100;
	padding: 5px;
	color: #fff;
	text-align: center;
	font-size: 15px;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-weight: 600;
}

.midashi-2ldk{
	background-color: #ff0000;
	padding: 20px;
	font-size: 30px;
	color: #fff;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-weight: 600;
	margin-bottom: 20px;
	margin-top: 20px;
}

.midashi-2ldk2{
	background-color: #fc2f2f;
	padding: 10px;
	color: #fff;
	text-align: center;
	font-size: 24px;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-weight: 600;
}

.midashi-3ldk{
	background-color: #0C2ADB;
	padding: 20px;
	font-size: 30px;
	color: #fff;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-weight: 600;
	margin-bottom: 20px;
	margin-top: 20px;
}

.midashi-3ldk2{
	background-color: #249ddb;
	padding: 10px;
	color: #fff;
	text-align: center;
	font-size: 24px;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-weight: 600;
	
}

.midashi-4ldk{
	background-color: #089A1D;
	padding: 20px;
	font-size: 30px;
	color: #fff;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-weight: 600;
	margin-bottom: 20px;
	margin-top: 20px;
	
}

.midashi-4ldk2{
	background-color: #2c9d04;
	padding: 10px;
	color: #fff;
	text-align: center;
	font-size: 24px;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-weight: 600;
}

.midashi-5ldk{
	background-color: #ffd800;
	padding: 20px;
	font-size: 30px;
	color: #fff;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-weight: 600;
	margin-bottom: 20px;
	margin-top: 20px;
	
}

.midashi-5ldk2{
	background-color: #ffd800;
	padding: 10px;
	color: #4b4a4a;
	text-align: center;
	font-size: 24px;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-weight: 600;
}


/*個別ページ---------------------------------------*/

.left2 { float: left; }
.right2 { float: right; }

table.line, table.line2 {
	width: 540px;
	margin: 0 auto;
	border-collapse: separate;
	border-spacing: 0px 15px;
	font-size: 15px;
	display:inline;
	table-layout: fixed;
}

table.line:after {
  content: '';/*何も入れない*/
  display: inline-block;/*忘れずに！*/
  width: 80px;/*画像の幅*/
  height: 90px;/*画像の高さ*/
  background-image: url(/image/plan/yajirushi.png);

  vertical-align: middle;

}


table.line th,
table.line td {
	padding: 10px;
}

table.line2 th,
table.line2 td {
	padding: 10px;
}

table.line th {
	background: #f9ce4a;
	vertical-align: middle;
	text-align: left;
	overflow: visible;
	position: relative;
	color: #000;
	font-weight: normal;
	font-size: 15px;
}

table.line th:after {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-left-color: #f9ce4a;
	border-width: 10px;
	margin-top: -10px;
}
table.line td {
	text-align: center;
	background-color:#FFFADB;
	font-size:18px;
	font-family: "Noto Sans Japanese";
	font-weight:600;
	}


table.line2 th {
	background: #FF6600;
	vertical-align: middle;
	text-align: left;
	overflow: visible;
	position: relative;
	color: #fff;
	font-weight: normal;
	font-size: 15px;
}

table.line2 th:after {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-left-color: #FF6600;
	border-width: 10px;
	margin-top: -10px;
}
table.line2 td {
	text-align: center;
	background-color:#FFFADB;
	font-size:18px;
	font-family: "Noto Sans Japanese";
	font-weight:600;
	}

.midashi-01{
	background-color:#FEC317;
	padding:15px;
	margin-bottom:20px;
	font-size: 24px;
		font-family: "Noto Sans Japanese";
	font-weight:700;
}

.cpimadori{
	width: 730px;
	margin-bottom: 10px;
	margin-top: 10px;
	overflow: hidden;
}

.cpimadori img{
	width:50%;
	float:left;
	height: auto;
}
.top-owner-t{
	font-size:1.1rem;
	font-family: "Noto Sans Japanese";
	font-weight:700;
	border-bottom: solid 1px #000;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.top-owner-t a{
	background-color: #603000;
	padding:.5rem;
    display: flex;
	    justify-content: center;
    align-items: center;
    color:  #FFF;
}
.top-owner-t a:hover img{opacity:unset !important;    background-color: #85d0cb !important;}    
.top-owner-t a:hover{
	background-color: #85d0cb;
	color:#603000;
}
/* lineup2 mobile card stacking */
@media screen and (max-width: 767px) {
  body.post-type-archive-lineup2 #content-frame,
  body.tax-plan_cate #content-frame,
  body.single-lineup2 #content-frame {
    width: calc(100vw - 32px) !important;
    max-width: calc(100vw - 32px) !important;
    min-width: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    overflow: visible !important;
    box-sizing: border-box;
  }

  body.post-type-archive-lineup2 .plan-boxwaku,
  body.tax-plan_cate .plan-boxwaku,
  body.single-lineup2 .plan-boxwaku {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    gap: 18px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box;
  }

  body.post-type-archive-lineup2 .plan-box,
  body.tax-plan_cate .plan-box,
  body.single-lineup2 .plan-box {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    float: none !important;
    box-sizing: border-box;
  }

  body.post-type-archive-lineup2 .plan-box a,
  body.tax-plan_cate .plan-box a,
  body.single-lineup2 .plan-box a {
    display: block !important;
    width: 100% !important;
  }

  body.post-type-archive-lineup2 .plan-box img,
  body.tax-plan_cate .plan-box img,
  body.single-lineup2 .plan-box img,
  body.post-type-archive-lineup2 #content-frame > div > img,
  body.tax-plan_cate #content-frame > div > img,
  body.single-lineup2 #content-frame > div > img {
    display: block;
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body.post-type-archive-lineup2 .plan-tt-best,
  body.post-type-archive-lineup2 .midashi-2ldk2,
  body.post-type-archive-lineup2 .midashi-3ldk2,
  body.post-type-archive-lineup2 .midashi-4ldk2,
  body.post-type-archive-lineup2 .midashi-5ldk2,
  body.tax-plan_cate .plan-tt-best,
  body.tax-plan_cate .midashi-2ldk2,
  body.tax-plan_cate .midashi-3ldk2,
  body.tax-plan_cate .midashi-4ldk2,
  body.tax-plan_cate .midashi-5ldk2 {
    width: 100% !important;
    min-height: 0 !important;
    box-sizing: border-box;
    overflow-wrap: anywhere;
  }
}