JESAC サイト　CSS

@charset "utf-8";
/*
Theme Name: lightning_child
Template: lightning
Tags:
Version: 0.1.2
*/

/*スマホ・タブレットで表示する*/
@media (max-width: 750px) {.only_pc {display:none}} /*スマホでのみ表示する　 （only_pc クラスを非表示）*/
/*PCで表示する*/
@media (min-width: 751px) {.only_mb {display:none}} /*PCでのみ表示する　（only_mb クラスを非表示）*/

/*画像オンマウスで半透明化*/
.gazou:hover {
opacity: 0.7;
}

/*右寄せ*/
.right {
display: block;
text-align: right;}
/*センタリング*/
.center{
display: block;
margin-left: auto;
margin-right: auto;
}

/*会長・代表理事 写真と経歴の幅合わせ*/
.picture{
display:table;
}
.picture figcaption{
display:table-caption;
caption-side:bottom;
}

/*やや大文字 太字*/
.txt-lb{
font-size: 110%;
font-weight: bold;
}
/*やや小文字*/
.txt-s{
font-size: 80%;
}
.txt-sb{
font-size: 80%;
}
/*装飾のないH2タイトル*/
h2.title{
font-size:150%;
color:black;
background-color:white;
border:none;
}

/*青 太字　　スマホ用「事業内容」で使用*/
.txt-blue{
font-weight:bold;
color:#00008b;
}
/*水色の枠組み　　スマホ用「事業内容」で使用*/
.kakomi-blue {
margin: 2em auto;
padding: 1em;
width: 90%;
background-color: #BFDBEE;
color: black;
}
/*クリーム色の吹き出し　右　スマホ用「Voice」で使用*/
.kakomi-yl-right {
position: relative;
display: inline-block;
margin: 1.5em 15px 1.5em 0;
padding: 7px 10px;
min-width: 120px;
max-width: 100%;
background:#FEFAC6;
border: solid 2px #fac559;
box-sizing: border-box;
border-radius: 15px;
}
.kakomi-yl-right:before {
content: "";
position: absolute;
top: 50%;
right: -24px;
margin-top: -12px;
border: 12px solid transparent;
border-left: 12px solid #FEFAC6;
z-index: 2;
}
.kakomi-yl-right:after {
content: "";
position: absolute;
top: 50%;
right: -30px;
margin-top: -14px;
border: 14px solid transparent;
border-left: 14px solid #fac559;
z-index: 1;
}
.kakomi-yl-right p {
margin: 0;
padding: 0;
}

/*クリーム色の吹き出し　左　スマホ用「Voice」で使用*/
.kakomi-yl-left {
position: relative;
display: inline-block;
margin: 1.5em 15px 1.5em 0;
padding: 7px 10px;
min-width: 120px;
max-width: 100%;
background:#FEFAC6;
border: solid 2px #fac559;
box-sizing: border-box;
border-radius: 15px;
}
.kakomi-yl-left:before {
content: "";
position: absolute;
top: 50%;
left: -24px;
margin-top: -12px;
border: 12px solid transparent;
border-right: 12px solid #FEFAC6;
z-index: 2;
}
.kakomi-yl-left:after {
content: "";
position: absolute;
top: 50%;
left: -30px;
margin-top: -14px;
border: 14px solid transparent;
border-right: 14px solid #fac559;
z-index: 1;
}
.kakomi-yl-left p {
margin: 0;
padding: 0;
}

/*二段組み　PC用「会員条件」で使用*/
.block-a {
float: left;
width: 50%;
padding:1em;
}
.block-b {
float: left;
width: 50%;
padding:1em;
}
.block-clear {
clear: both;
}

/*赤枠「必須」　　お問い合わせフォームで使用*/
.must {
padding:1px;
background: #FF1A00;
color: white;
font-size: 65%;
vertical-align: top;
position: relative;
top: -0.1em;
border-radius: 3px;
}