open.titleframe {    position: relative;    margin: 2em 0;    padding: 0.5em 1em;    border: solid 3px #ffbba9;    border-radius: 8px;}.titleframe .titleframebox-title {	position: absolute;	display: inline-block;	top: -13px;	left: 10px;	padding: 0 9px;	line-height: 1;	font-size: 19px;	background: #FFF;	color: #ffbba9;	font-weight: bold;}.titleframe p {	margin: 0;	padding: 0;}.kakomi-hosoku2 { margin: 2em 0em 2em 4em; /* OuぁA麁Aj */ padding: 5px 10px; font-size: 0.9em; /* ッY */ color: #555555; /*  */ border-left: 3px solid #999999; /* F */ border-radius: 5px;}/* #907b6e; *//* F (A)*//* #ede4cd; *//* i(B)*/.kakomi-smart2 { position: relative; margin: 2em auto; padding: 3em 1em .8em; width: 90%; /* bX*/ border-style: solid; border-width: 5px 0 0 0; border-color: #907b6e; /* F (A)*/ background-color: #ede4cd; /* i(B)*/ color: #666; /* Lg*/ box-shadow: 0 0 3px #999; /* 饂F (C)*/}.title-smart2{ position: absolute; top: 8px; left: 15px; background-color: #ede4cd; /* CF (B)*/ color: #907b6e; /* C (A)*/ font-size: 1.1em; font-weight: bold; border-style: none none double; border-color: #907b6e; /*C(A)*/ border-width: 3px;}/* #907b6e; *//* F (A)*//* #ede4cd; *//* i(B)*/.kakomi-smart { position: relative; margin: 2em auto; padding: 3em 1em .8em; width: 90%; /* bX*/ border-style: solid; border-width: 5px 0 0 0; border-color: #ffbba9; /* F (A)*/ background-color: #ffdcd2; /* i(B)*/ color: #666; /* Lg*/ box-shadow: 0 0 3px #ffbba9;/*#999;*/ /* 饂F (C)*/}.title-smart{ position: absolute; top: 8px; left: 15px; background-color: #ffdcd2; /* CF (B)*/ color: #652F2E; /* C (A)*/ font-size: 1.1em; font-weight: bold; border-style: none none double; border-color: #ffbba9; /*C(A)*/ border-width: 3px;}.clip-box-a { position: relative; margin: 2em auto; padding: 15px 35px 15px 25px; width: 90%; /* bX*/ background-color: #fff; /* bXi*/ color: #555555; /* F */ border: 1px solid #ccc; /* / box-shadow: 1px 1px 1px #acacac; /* 饂F */}.clip-box-a::before { position: absolute; content: ''; top: -15px; right: 10px; height: 55px; width: 15px; border: 3px solid #555555; /*F */ background-color: none; border-radius: 12px; box-shadow: 1px 1px 2px #999; transform: rotate(10deg); z-index: 1;}.clip-box-a::after { position: absolute; content: ''; top: 0px; width: 10px;  right: 20px; border: solid 5px #fff; /*i*/ z-index: 2;}.box30 {    margin: 2em 0;    background: #f1f1f1;    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);    width:99%;}.box30 .box-title {    font-size: 1.2em;    background: #ff92b1;    padding: 4px;    /*text-align: center;*/    color: #FFF;    font-weight: bold;    letter-spacing: 0.05em;}.box30 p {    padding: 15px 20px;    margin: 0;}.box30b {    margin: 2em 0;    background: #f1f1f1;    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);    width:99%;}.box30b .box-title {    font-size: 1.2em;    background: #5fc2f5;    padding: 4px;    /*text-align: center;*/    color: #FFF;    font-weight: bold;    letter-spacing: 0.05em;}.box30b p {    padding: 15px 20px;    margin: 0;}.box30g {    margin: 2em 0;    background: #f1f1f1;    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);    width:99%;}.box30g .box-title {    font-size: 1.2em;    background: #5fc2f5;    padding: 4px;    /*text-align: center;*/    color: #FFF;    font-weight: bold;    letter-spacing: 0.05em;}.box30g p {    padding: 15px 20px;    margin: 0;}.box30b {    margin: 2em 0;    background: #f1f1f1;    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);    width:99%;}.box30b .box-title {    font-size: 1.2em;    background: #ff92b1;    padding: 4px;    /*text-align: center;*/    color: #FFF;    font-weight: bold;    letter-spacing: 0.05em;}.box30b p {    padding: 15px 20px;    margin: 0;}