@charset "UTF-8";
/*!
Theme Name:ハウスサポーターPCSP2016（追記CSS）
Description:ハウスサポーターPCSP用テーマ（追記CSS）。
Version:2022-07-13
Theme URI:
Author:hk
*/

/*━━━━━━━━━━━━━━━
追記 PC設定（共通設定）
━━━━━━━━━━━━━━━*/


div.article a { 
    color: #ad0b35;
    font-size: 1.2em;
}

.pricetable table tr {
}

.pricetable table tr th {
    text-align: left;
    border: 1px solid #fa82a1;
    background-color: #fff3e2;
	font-weight: bold;
	text-align: center;
}

.pricetable table tr:nth-child(2) th {
    background-color: #fff6f8;
	font-size: 1.2rem;
}

.pricetable table tr td {
    border: 1px solid #fa82a1;
	padding: 5px 10px;
	text-align: center;
}

.price_menu_ul {
    display: flex;
    align-items: center;
    flex-direction: column;
	font-weight: bold;
	margin: 0px 0px 20px 0px;
}

.price_menu {
    border: solid #fa82a1;
    padding: 10px 20%;
}

.price_menu li {
    list-style: "◆";
    color: #f33c00;
    padding: 0px 0px 3px 5px;
}

.price_menu li p {
    font-size: 1.1rem;
    color: #ce7904;
}


.kdc {
background-color: #fa82aa; }

.kdc a {
    color: #fa82a1;
}



.ksc {
background-color: #f7654a; }

.ksc a {
    color: #f76044;
}


.yoko_btn {
	display: flex;
	justify-content:center;
	flex-wrap: wrap; 
}


.yoko_btn li {
    padding: 40px 20px 40px 20px;
    margin: 10px;
    font-size: 1.2em;
    font-weight: bold;
	width: 25%;
}


.yoko_btn li:nth-child(1) {
    border: medium solid #ff00ff;
}

.yoko_btn li:nth-child(1) a {
    color: #ff00ff;
}

.yoko_btn li:nth-child(2) {
    border: medium solid #f76044;
}

.yoko_btn li:nth-child(2) a {
    color: #f76044;
}

.yoko_btn li:nth-child(3) {
    border: medium solid #5a9c6b;
}

.yoko_btn li:nth-child(3) a {
    color: #5a9c6b;
}

.yoko_btn li:nth-child(4) {
    border: medium solid #cd8d1d;
}

.yoko_btn li:nth-child(4) a {
    color: #cd8d1d;
}

.yoko_btn li:nth-child(5) {
    border: medium solid #c95959;
}

.yoko_btn li:nth-child(5) a {
    color: #c95959;
}

.yoko_btn li:nth-child(6) {
    border: medium solid #a6734b;
}

.yoko_btn li:nth-child(6) a {
    color: #a6734b;
}

.form_msg{font-size:120%!important;}

/*━━━━━━━━━━━━━━━
追記  SP設定
━━━━━━━━━━━━━━━*/
@media screen and (max-width: 768px) {
/*━━━━━━ここから記入━━━━━━━━━*/
	

.yoko_btn li {
    padding: 20px;
    margin: 5px;
    width: 45%;
}

	
/*━━━━━━ここから先記入禁止━━━━━━━━━*/
}