@charset "utf-8";

p.kuchikomi{    
	border-top:#81A0B6 solid 2px;
	border-bottom:#81A0B6 solid 2px;
	border-left: #81A0B6 solid 14px; /*#2a3f8c*/
	border-right: #81A0B6 solid 1px; /*#2a3f8c*/
	padding:8px 0 8px 8px;
	text-align:left;
	margin:10px 0;
	font-size:18px;
	font-weight:bold;
}

p.userComment{
	font-size:16px;
	color:#FFFFFF;
	font-weight:bold;
	letter-spacing:0.5;
	text-shadow:1px 1px 1px #666;
	text-align:center;
	background:#CCCCCC;
	padding:5px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #997204), color-stop(0.00, #d8a401));
	background: -webkit-linear-gradient(#d8a401, #997204);
	background: -moz-linear-gradient(#d8a401, #997204);
	background: -o-linear-gradient(#d8a401, #997204);
	background: -ms-linear-gradient(#d8a401, #997204);
	background: linear-gradient(#d8a401, #997204);
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-ms-border-radius:10px;
	-o-border-radius:10px;
	margin-bottom:5px;
}

/*-- 修正箇所ここから 5月31日 ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

div#buttonArea{
	padding:0 2em;
}

div#buttonArea::after{
	content: "."; 
	display: block; 
	clear: both; 
	visibility:hidden;
}

div#buttonArea ul{
	width:100%;
}

div#buttonArea li{
	height:62px;
	text-align:center;
	width:48%;
	float:left;
}

div#buttonArea li img{
	width:100%;
}

div#buttonArea li.off{
	opacity:0.5;
}

div#buttonArea li + li{
	margin-left:2%;
}

/*-- 修正箇所ここまで 5月31日 ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


/*---------------------------------
 k_check_title
---------------------------------*/

.k_check_title{
	border:#605E5E solid 1px;
	margin:10px 20px 0;
	padding:15px;
	color:#FFFFFF;
	text-align: center;
	cursor:pointer;
	background: url(https://078319.jp/prog10_i/tmpl_smart_phone/img/common/patterns_07.png) repeat, -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #2a3f8c), color-stop(0.00, #3c5ac8));
	background: url(https://078319.jp/prog10_i/tmpl_smart_phone/img/common/patterns_07.png) repeat, -webkit-linear-gradient(#3c5ac8, #2a3f8c);
	background: url(https://078319.jp/prog10_i/tmpl_smart_phone/img/common/patterns_07.png) repeat, -moz-linear-gradient(#3c5ac8, #2a3f8c);
	background: url(https://078319.jp/prog10_i/tmpl_smart_phone/img/common/patterns_07.png) repeat, -o-linear-gradient(#3c5ac8, #2a3f8c);
	background: url(https://078319.jp/prog10_i/tmpl_smart_phone/img/common/patterns_07.png) repeat, -ms-linear-gradient(#3c5ac8, #2a3f8c);
	background: url(https://078319.jp/prog10_i/tmpl_smart_phone/img/common/patterns_07.png) repeat, linear-gradient(#3c5ac8, #2a3f8c);
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-ms-border-radius:10px;
	-o-border-radius:10px;
	margin-bottom:10px;
}

/*---------------------------------
 k_check_title2
---------------------------------*/

.k_check_title2{
	text-align:center;
	padding:15px;
	color:#FFFFFF;
	text-align: center;
	cursor:pointer;
}

/*---------------------------------
 k_box
---------------------------------*/

.k_box{
	line-height:1.3em;
}

/*---------------------------------
 k_name
---------------------------------*/

.k_name{
	margin:30px 0 15px;
	border-bottom:#435E9C solid 1px;
	border-left:#6C9BDC solid 10px;
	padding:0 0 4px 8px;
	font-size:16px;
}

/*---------------------------------
 textarea
---------------------------------*/

textarea {
  width:100%;
  font-size:14px;
  padding:5px;
  height:100;
}

/*---------------------------------
 k_check_text
---------------------------------*/

.k_check_text{
	border:#605E5E solid 1px;
	margin:0 20px;
	padding:10px;
}

.kct_title{
	border-left:#FB9523 solid 5px;
	border-bottom:#FB9523 solid 1px;
	padding:5px 0 5px 5px;
}

.kct_txt{
	padding:5px 0 8px 10px;
	line-height:1.2em;
}

/*---------------------------------
 k_bt
---------------------------------*/

.k_bt{
	margin:10px 30px;
}

.k_bt input{
	font-size:14px;
	letter-spacing:0.2em;
	width:100%;
	padding:15px;
	color:#FFF;
	text-shadow:1px 1px 1px #333333;
	border:1px solid #755818;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size:14px;
	font-family:arial, helvetica, sans-serif;
	font-weight:bold;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #ffe400), color-stop(1.00, #805d00));
	background: -webkit-linear-gradient(#ffe400, #805d00);
	background: -moz-linear-gradient(#ffe400, #805d00);
	background: -o-linear-gradient(#ffe400, #805d00);
	background: -ms-linear-gradient(#ffe400, #805d00);
	background: linear-gradient(#ffe400, #805d00);
}

/*---------------------------------
 k_pl
---------------------------------*/

.k_linksp,.k_linksp_p{
	text-align:center;
	font-size:14px;
}

.k_linksp a,.k_linksp_p a{
	color: #FFFFFF;
	font-size:14px;
	font-family:arial, helvetica, sans-serif;
	display:block;
	border:1px solid #CCC;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding:15px;
	text-decoration:none;
	display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold;
	margin-bottom:10px;
}
.k_linksp a{
	background: url(https://078319.jp/prog10_i/tmpl_smart_phone/img/common/patterns_06.png) repeat, -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #510054), color-stop(0.00, #fd6cff));
	background: url(https://078319.jp/prog10_i/tmpl_smart_phone/img/common/patterns_06.png) repeat, -webkit-linear-gradient(#fd6cff, #510054);
	background: url(https://078319.jp/prog10_i/tmpl_smart_phone/img/common/patterns_06.png) repeat, -moz-linear-gradient(#fd6cff, #510054);
	background: url(https://078319.jp/prog10_i/tmpl_smart_phone/img/common/patterns_06.png) repeat, -o-linear-gradient(#fd6cff, #510054);
	background: url(https://078319.jp/prog10_i/tmpl_smart_phone/img/common/patterns_06.png) repeat, -ms-linear-gradient(#fd6cff, #510054);
	background: url(https://078319.jp/prog10_i/tmpl_smart_phone/img/common/patterns_06.png) repeat, linear-gradient(#fd6cff, #510054);
}
.k_linksp_p a{
	background: url(https://078319.jp/prog10_i/tmpl_smart_phone/img/common/patterns_06.png) repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0.62, #d05a68), color-stop(0.00, #f0d4d0));
	background: url(https://078319.jp/prog10_i/tmpl_smart_phone/img/common/patterns_06.png) repeat, -webkit-linear-gradient(#f0d4d0 0%, #d05a68 62%);
	background: url(https://078319.jp/prog10_i/tmpl_smart_phone/img/common/patterns_06.png) repeat, -moz-linear-gradient(#f0d4d0 0%, #d05a68 62%);
	background: url(https://078319.jp/prog10_i/tmpl_smart_phone/img/common/patterns_06.png) repeat, -o-linear-gradient(#f0d4d0 0%, #d05a68 62%);
	background: url(https://078319.jp/prog10_i/tmpl_smart_phone/img/common/patterns_06.png) repeat, -ms-linear-gradient(#f0d4d0 0%, #d05a68 62%);
	background: url(https://078319.jp/prog10_i/tmpl_smart_phone/img/common/patterns_06.png) repeat, linear-gradient(#f0d4d0 0%, #d05a68 62%);
}

/*---------------------------------
 k_text
---------------------------------*/

.k_text{
	border:#605F5F solid 1px;
	padding:10px;
	margin:4px 0 20px;
    display: flex;
    justify-content: space-between;
}
.k_text p:first-child{
    margin-right: 10px;
}
.k_text p img{
    max-width: 70px;
    min-width: 70px;
    height: auto;
    border-radius: 50%;
}
.historyArea{
    margin-bottom: 4em;
}
.historyAreaBox{
    padding: 0 1em;
}
/* ################################################################################################################################################## */
/* ############################################################### tablet 481px～800px ############################################################## */
/* ###################################################################### START ##################################################################### */
@media (min-width:481px) and (max-width:800px){


}
/*####################################################################### END ######################################################################*/
/*############################################################### tablet 481px～800px ##############################################################*/
/*##################################################################################################################################################*/


/*##################################################################################################################################################*/
/*###################################################################### smart #####################################################################*/
/*###################################################################### START #####################################################################*/
@media (max-width : 480px){

div#buttonArea{
	padding:0 20px;
}
    
}
/*####################################################################### END ######################################################################*/
/*###################################################################### smart #####################################################################*/
/*##################################################################################################################################################*/