.under {
 border-bottom: dashed 2px red;
}

.kbox {
    margin: 2em 0;
    background: #f3f6f8;
    box-shadow: 0 2px 0.3px #eee;    
}

.kbox p {
    padding: 15px 20px;
    margin: 0;
}
.reviewb a{
		text-align: center;
	  padding: 0.5em 1em;
	  margin-bottom: 5px;
		width: 80%;
    display: inline-block;
    text-decoration: none;
    background: #33FF99	;/*ボタン色*/
	  color: #000;
    border-bottom: solid 4px #66CC33	;
    border-radius: 3px;
	  font-weight: bold;
}
.reviewb a:active {/*ボタンを押したとき*/
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);/*下に動く*/
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);/*影を小さく*/
    border-bottom: none;
}

.bbtn a{
		text-align: center;
	  padding: 0.5em 1em;
	  margin-bottom: 5px;
		width: 80%;
    display: inline-block;
    text-decoration: none;
    background: #F4A460;/*ボタン色*/
    color: #FFF;
    border-bottom: solid 4px #d27425;
    border-radius: 3px;
	  font-weight: bold;
}
.bbtn a:active {/*ボタンを押したとき*/
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);/*下に動く*/
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);/*影を小さく*/
    border-bottom: none;
}

.catebtn1 a{	 
 margin-bottom: 5px;
	width: 80%;
	 position: absolute;
	position: relative;
	background-color:#ffffff;
	-moz-border-radius:28px;
	-webkit-border-radius:28px;
	border-radius:28px;
	border:1px solid #abd695;
	display:inline-block;
	cursor:pointer;
	color:#000000;
	font-family:Arial;
	font-size:17px;
	padding:16px 31px;
	text-decoration:none;
	text-shadow:0px 1px 0px #abd695;
}
.catebtn1 a:hover {
	background-color:#abd695;
}
.catebtn1 a:active {
	position:relative;
	top:1px;
}



.b1 {
  font-family: "Yu Gothic", YuGothic, Verdana, 'Hiragino Kaku Gothic ProN','Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'メイリオ', Meiryo, sans-serif;
  text-align: center;
  padding-top: 40px;
}


/* ここから下がボタンのCSS　*/
.btn-border {
  display: inline-block;
  max-width: 180px;
  text-align: left;
  border: 2px solid #9ec34b;
  font-size: 16px;
  color: #9ec34b;
  text-decoration: none;
  font-weight: bold;
  padding: 8px 16px;
  border-radius: 4px;
  transition: .4s;
}

.btn-border:hover {
  background-color: #9ec34b;
  border-color: #cbe585;
  color: #FFF;
}


.catebtn {
    display: inline-block;
    padding: 0.5em 1em;
    text-decoration: none;
    color: #67c5ff;
    border: double 4px #67c5ff;
    border-radius: 3px;
    transition: .4s;
}
.square_btn:hover {
    background: #fffbef;
}

.size3 {
  font-size: 150%;
}

.size2 {
  font-size: 200%;
}
.size6 {
  font-size: 45%;
}
.mokuzi1 {
	margin-left: 16px;
	padding: .5em .75em;
  background-color: #f6f6f6;
  border: 3px double #a3d6cc;
}

.mokuzi1 li{
	margin-bottom: 8px;
}

.mokuzi1 .box-title{
	text-align: center;
	font-weight: bold;
}

.box30 {
    margin: 2em 0;
    background: #f1f1f1;
	  border: solid 3px #5fc2f5;
}
.box30 .box-title {
	  margin: 0 0;
    font-size: 1.2em;
    background: #5fc2f5;
    padding: 4px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 8px;
}

.box30 p{
	 padding: 15px 20px;
    margin: 0;
}

.box29 {
    margin: 2em 0;
	  background: #f1f1f1;
  	border: solid 3px #cc3366;
}
.box29 .box-title {
	  margin: 0 0;
    font-size: 1.2em;
    background: #cc3366;
    padding: 4px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 8px;
}

.box29 p{
	 padding: 15px 20px;
    margin: 0;
}

.pbox {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #62c1ce;
}

.pbox .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 17px;
    background: #62c1ce;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}

.dbox {
    position: relative;
    margin: 2em 0;
    padding: 25px 10px 7px;
    border: solid 2px #cc3366;
}
.dbox .box-title {
    position: absolute;
    display: inline-block;
    top: -2px;
    left: -2px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 17px;
    background: #cc3366;
    color: #ffffff;
    font-weight: bold;
}

.bluebox2 {
    padding: 0.5em 1em;
    margin: 2em 0;
    background: #FFF;
    border: solid 3px #6091d3;/*線*/
    border-radius: 10px;/*角の丸み*/
}

.blackbox2 {
    padding: 0.5em 1em;
    margin: 2em 0;
    background: #FFF;
    border: solid 3px #555555;/*線*/
    border-radius: 10px;/*角の丸み*/
}

.amabtn a{
	  text-align: center;
	  padding: 5px 5px;
	  border-radius: 25px;
	  font-weight: bold;
	  width: 90%;
    display: inline-block;
    text-decoration: none;
    color: #FFF;
    background: #FF8C00;
	  margin-bottom: 16px;
}

.amabtn a:hover {
    background: #5D99FF;
}

.yahobtn a{
  	text-align: center;
	  font-weight: bold;
	  width: 90%;
    display: inline-block;
    padding: 5px 5px;
	  border-radius: 25px;
    text-decoration: none;
    color: #FFF;
    background: #0000FF;
	  margin-bottom: 16px;
}

.rakubtn a{
	  text-align: center;
 	  font-weight: bold;
	  width: 90%;
    display: inline-block;
    padding: 5px 5px;
	  border-radius: 25px;
    text-decoration: none;
    color: #FFF;
    background: #FF0000;
	  margin-bottom: 16px;
}

.rakubtn a:hover {
    background: #5D99FF;
}

.marubtn1 a{
	  text-align:center;
	  font-weight: bold;
	  width: 90%;
    display: inline-block;
    padding: 10px 10px;
	  border-radius: 25px;
    text-decoration: none;
    color: #FFF;
    background: #5D99FF;
	  margin-bottom: 16px;
}

.marubtn1 a:hover {
    background: #5D99FF;
}

.marubtn2 a{
	  text-align:center;
	  font-weight: bold;
	  width: 90%;
    display: inline-block;
    padding: 10px 10px;
	  border-radius: 25px;
    text-decoration: none;
    color: #FFF;
    background: #778899;
	  margin-bottom: 16px;
}

.marubtn2 a:hover {
    background: #778899;
}

.marubtn3 a{
	  text-align:center;
	  background: #33cc66;
	  font-weight: bold;
	  width: 90%;
    display: inline-block;
    padding: 5px 5px;
	  border-radius: 25px;
    text-decoration: none;
    color: #FFF;
	  margin-bottom: 16px;
}

.UL {
    border-bottom: solid 3px #a3d6cc;
}

.grayBGD {
	padding: 12px;
  border: solid 0.2px #c1c1c1;
	background: #f1f1f1;
}

.btnblue a{
	 width: 90%;
   display: inline-block;
   padding: 7px;
   text-decoration: none;
   background: #1e90ff;
	 color: #FFF;
	 font-weight: bold;
	 margin-bottom: 16px;
}
.btnblue a:active {
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
    border-bottom: none;
}

.btnred a{
	  width: 90%;
    display: inline-block;
    padding: 7px;
    text-decoration: none;
    background: #f00;
    color: #FFF;
	  font-weight: bold;
	  margin-bottom: 16px;
}
.btnred a:active {
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
    border-bottom: none;
	
}

.btnkarafuru a{
	  width: 90%;
    display: inline-block;
    padding: 7px;
    text-decoration: none;
    background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
    background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;/*グラデーション①*/
    color: #FFF;
	  font-weight: bold;
	  margin-bottom: 16px;
}

.btnkarafuru a:active {
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
    border-bottom: none;
}

.voice {
  margin-bottom: 40px;
}
/* 左画像 */
.voice-img-left {
  margin-left: 4px;
  margin-top: -1px;
  float: left;
  width: 60px;
  height: 60px;
}
/* 右画像 */
.voice-img-right {
  margin-right: 4px;
  margin-top: -1px;
  float: right;
  width: 60px;
  height: 60px;
}
.voice figure img {
  width: 100%;
  height: 100%;
  border: 2px solid #eee;
  border-radius: 50%;
  margin: 0;
}
/* 画像の下のテキスト */
.voice-img-description {
  padding: 5px 0 0;
  font-size: 10px;
  text-align: center;
}
/* 左からの吹き出しテキスト */
.voice-text-right {
  color: #444;
  position: relative;
  margin-left: 100px;
  padding: 1.2em;
  border: 3px solid #eee;
  background-color: #fff;
  border-radius: 5px;
}
/* 右からの吹き出しテキスト */
.voice-text-left {
  position: relative;
  margin-right: 100px;
  padding: 1.2em;
  border: 3px solid #eee;
  background-color: #fff;
  border-radius: 5px;
}
p.voice-text {
  margin: 0 0 8px;
}
p.voice-text:last-child {
  margin-bottom: 0px;
}
/* 左の三角形を作る */
.voice-text-right:before {
  position: absolute;
  content: '';
  border: 10px solid transparent;
  border-right: 10px solid #eee;
  top: 15px;
  left: -20px;
}
.voice-text-right:after {
  position: absolute;
  content: '';
  border: 10px solid transparent;
  border-right: 10px solid #fff;
  top: 15px;
  left: -16px;
}
/* 右の三角形を作る */
.voice-text-left:before {
  position: absolute;
  content: '';
  border: 10px solid transparent;
  border-left: 10px solid #eee;
  top: 15px;
  right: -23px;
}
.voice-text-left:after {
  position: absolute;
  content: '';
  border: 10px solid transparent;
  border-left: 10px solid #fff;
  top: 15px;
  right: -19px;
}
/* 回り込み解除 */
.voice:after,.voice:before {
  clear: both;
  content: "";
  display: block;
}

.accbox {
    margin: 2em 0;
    padding: 0;
    max-width: 400px;/*最大幅*/
}

/*ラベル*/
.accbox label {
    display: block;
    margin: 1.5px 0;
    padding : 13px 12px;
    color: #ffba47;
    font-weight: bold;
    background: #fff2cc;
    cursor :pointer;
    transition: all 0.5s;
}

/*アイコンを表示*/
.accbox label:before {
    content: '\f054';
    font-family: 'FontAwesome';
    padding-right: 8px;
}

/*ラベルホバー時*/
.accbox label:hover {
    background :#ffe9a9;
}

/*チェックは隠す*/
.accbox input {
    display: none;
}

/*中身を非表示にしておく*/
.accbox .accshow {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
.cssacc:checked + label + .accshow {
    height: auto;
    padding: 5px;
    background: #fff5eb;
    opacity: 1;
}

.accbox .accshow p {
    margin: 15px 10px}

/*アイコンを入れ替える*/
.cssacc:checked + label:before {
    content: '\f078';
}

/* PC・タブレット・スマホ レイアウト調整 */
@media only screen and (min-width: 1166px) {
div.yyi-rinker-contents ul.yyi-rinker-links {
	justify-content: center;
}
div.yyi-rinker-contents ul.yyi-rinker-links li {
	width: 40%;
	margin: 0.7% 0.7%;
}
div.yyi-rinker-contents ul.yyi-rinker-links li a {
	padding: 0 0.5px;
	text-align: center;
}
}
@media screen and (max-width: 768px) {
div.yyi-rinker-contents div.yyi-rinker-box {
	display: block;
}
div.yyi-rinker-contents div.yyi-rinker-image {
	width: 100%;
}
div.yyi-rinker-contents div.yyi-rinker-info {
	text-align: center;
	width: 100%;
}
div.yyi-rinker-contents ul.yyi-rinker-links {
	justify-content: center;
}
div.yyi-rinker-contents ul.yyi-rinker-links li {
	width: 45%;
	margin: 0.7% 0.7%;
}
div.yyi-rinker-contents ul.yyi-rinker-links li a {
	padding: 0 0.5px;
}
}
@media screen and (max-width: 480px) {
div.yyi-rinker-contents ul.yyi-rinker-links li {
	width: 99%;
	margin: 0.7% 0.7%;
}
}