@charset "UTF-8";
/**
 * corproid.css (base)
 *
 * target sp
 * version 1.1.1
 * date 2016/07/04
 */
body {
  margin:0; 
  padding:0;
  text-align: center;
  background-color: #FAFAFA;
}

input, textarea {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
}

#corproid {
  width: 100%;
  height:100%; 
}

#corproid-header {
}

#corproid-body {
  position: fixed; 
  width: 100%;
  height:100%; 
}
@media all and (orientation: portrait) { 
    #corproid-body {
        background-position: left top;
        background-size: auto 100%;
    } 
}
@media all and (orientation: landscape) { 
    #corproid-body {
        background-position: left 30%;
        background-size: 100% auto;
    }
}

#corproid-text {
	float: left;
	width: 75%;
	width : -webkit-calc(75% - 7px) ;
  	width : calc(75% - 7px) ;
	
	font-size: 14pt; 
	height: 36px; 
	border:none; 
	border-radius: 2px; 
	background-color:#FAFAFA; 
	margin-top: 7px;
	margin-left: 7px;
}
#corproid-submit {
	float: left;
	width : -webkit-calc(25% - 11px);
  	width : calc(25% - 11px);
	height: 36px;
	margin-top: 7px;
	margin-left: 6px;
	margin-right: 5px;
	background-color: #fa8200;
	color: #FFF;
	line-height: 2.4em;
	border-radius: 3px;
	border-style: none;
}
#corproid-text-info {
	position: absolute;
	top: 50px;
	left: 0px;
	height: 50px;
	width: 100%;
	text-align: left;
	padding-top: 4px;
	padding-left: 10px;
	color: #AAA;
	background-color: #FAFAFA;
}

#corproid-results {
  height : 80% ; /* IE8以下とAndroid4.3以下用フォールバック */
  height : -webkit-calc(100% - 90px) ;
  height : calc(100% - 90px) ;
  overflow-y: scroll;
  overflow-x: none;
    -webkit-overflow-scrolling: touch
}

#corproid-footer {
  height: 50px;
  width: 100%;
  position: fixed;
  bottom:0;
  z-index:4;
  background-color: #E9E9E9;
  border-color: #DDD;
}

#corproid-footer #corproid-text-button {
  font-size: 18px;
  font-weight: bold;
  padding-top: 5px;
  margin: 5px;
  height: 35px;
  background-color: #FFF;
}

/** -------------------------------------------- */



.corproid-answer {
	clear: both;
}

.corproid-result-faq {
	clear:both;
	list-style: none;
	list-style-position: inside;
	/* border: 1px solid #DDD; */
	/* width: 90%; */
	text-align: left;
	padding: 15px 5px 5px 20px;
	margin: auto auto 5px auto;
	/* background-color: #FFFCF0; */
	/* box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.05); */
}
.corproid-result-faq li {
	padding: 4px 0px 4px 0px;
	text-indent: -10px;
	/* border-bottom: 1px dotted #CCC; */
}
.corproid-result-faq li.last {
	border-bottom: none;
}

.corproid-result-faq li a{
    color: #004831;
}
.corproid-result-faq li a:hover {
    color: #a0c81e;
}

.corproid-result-faq li i {
	color: #a0c81e;
	margin: 0px 6px 0px 2px;
	font-size: 14px;
}
.corproid-result-search {
	clear: both;
	list-style: none;
	list-style-position: inside;
	text-align: left;
	padding: 15px 5px 5px 20px;
	margin: auto auto 5px auto;
}
.corproid-result-search li {
	padding: 4px 0px 4px 0px;
	text-indent: -10px;
}
.corproid-result-search li.last {
	border-bottom: none;
}
.corproid-result-search li a{
    color: #004831;
}
.corproid-result-search li a:hover {
    color: #a0c81e;
}
.corproid-result-search li i {
	color: #a0c81e;
	margin: 0px 6px 0px 2px;
	font-size: 14px;
}

#corproid-results .corproid-feedback {
	clear: both;
	margin: auto auto 5px auto;
	padding: 10px 5px 10px 5px;
	border: 1px solid #DDD;
	width: 90%;
	background-color: #FFFCF0;
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.05);
}
#corproid-results .corproid-feedback h5 {
	font-size: 100%;
	margin:0px 0px 5px 0px;
}
#corproid-results .corproid-feedback-ok {
}
#corproid-results .corproid-feedback-ng {
	display: inline-block;
	margin-left: 10px;
}


/*******************************
* 右からの吹き出し
********************************/
.corproid-question {
	position: relative;
	/* background: #85e249; */
	background: #dce766;
	border: 1px solid #CCC;
	margin: 10px 15px 10px 10px;
	padding: 10px;
	border-radius: 15px;
	clear: both;
	max-width: 270px;
	float: right;
	text-align: left;
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.05);
}
.corproid-question:after,
.corproid-question:before {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.corproid-question:after {
	border-color: rgba(133, 226, 73, 0);
	/* border-left-color: #85e249; */
	border-left-color: #dce766;
	border-width: 7px;
	margin-top: -7px;
}
.corproid-question:before {
	border-color: rgba(119, 119, 119, 0);
	border-left-color: #CCC;
	border-width: 8px;
	margin-top: -8px;
}

/*******************************
* 左からの吹き出し
********************************/
.corproid-comment p {
	padding: 0;
	margin: 0;
	line-height: normal;
}
.corproid-comment {
	position: relative;
	background: #FAFAFA;
	border: 1px solid #CCC;
	margin: 10px 10px 10px 10px;
	padding: 10px;
	border-radius: 15px;
	width: 198px;
	max-width: 270px;
	float: left; 
	text-align: left;
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.05);
}
.corproid-comment.next {
    clear: left;
    margin-top: 0;
    margin-left: 75px;
}
.corproid-comment:after,
.corproid-comment:before {
	right: 100%;
	/* top: 50%;  */
	top: 23px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.corproid-comment:after {
	border-color: rgba(255, 255, 255, 0);
	border-right-color: #FAFAFA;
	border-width: 7px;
	margin-top: -7px;
}
.corproid-comment:before {
	border-color: rgba(0, 0, 0, 0);
	border-right-color: #CCC;
	border-width: 8px;
	margin-top: -8px;
}
.corproid-select-box {
	clear: left;
}
.corproid-select-box .corproid-select-item {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 28px;
    padding: 10px 15px;
    margin: 0px 0px 10px 5px;
    line-height: 120%;
    width: 90%;
    background-color: #6495ED;
    /* background-color #e6e6e6; */
    color: #FFF;
    border-style: none;
}

/** Menu */

#corproid-menu {
	background-color: #004831;
	height: 45px;
    line-height: 45px;
    text-align: center;
}

#corproid-profile-image {
	display: block;
	height: 40px;
	width: 400px;
	overflow: hidden;
	border-radius: 100px;
	float: left;
	box-shadow: 0px 0px 0px 2px rgb(239, 239, 239);
	margin: 3px 3px 3px 10px;
}
#corproid-profile-image img {
	height: auto;
	width: 50px;
	margin-left: 0%;
	margin-top: -10%;
}
#corproid-profile-name {
    display: block;
	float: none;
	vertical-align: middle;
	text-align: center;
	font-weight: bold;
	color: #ffffff;
	background-color:#004831;
}
#corproid-profile-name a:link, #corproid-profile-name a:visited {
	color: #555;
	text-decoration: none;
}
#corproid-profile-name a:hover {
	color: #777;
	text-decoration: underline;
}
#corproid-social {
	list-style:none;
	margin:0;
	padding: 10px 10px 0px 0px;
	text-align: right;
	float: right;
}
#corproid-social li {
	font-size: 14px;
	border: 1px solid #CCC;
	border-radius: 2px;
	width: 22px;
	height: 22px;
	text-align: center;
	background-color: #FFF;
	margin-left: 5px;
	float: right;
	line-height: normal;
}
#corproid-social li a {
	width: 100%;
	padding-top: 4px;
	display: inline-block;
}
#corproid-social a:hover {
	opacity: 0.8;
}
#corproid-social .facebook a {
	color: #445F97;
}
#corproid-social .twitter a {
	color: #59A9E6;
}
#corproid-social .youtube a {
	color: #D14439;
}
#corproid-social .google a {
    color: #D14439;
}
@charset "UTF-8";
/**
 * corproid-custom.css (messanger)
 *
 * version 1.1.1
 * date 2016/07/04
 */
 
 /** edit by syncthought */
#corproid-results a {
    color: #004831;
}
.corproid-select-box .corproid-select-item {
	background-color: #a0c81e;
}
.fa-chevron-right:before {
    content: "";
}
.corproid-result-faq {
    margin-left: 0px;
    padding: 15px 0px 5px 0px;
}
.corproid-result-faq li {
    background: url(http://api.corproid.jp/site/smbc/ico_blank01.png) no-repeat 0 3px;
    text-indent: 10px;
}

.corproid-result-search {
    margin-left: 0px;
    padding: 15px 0px 5px 0px;
}
.corproid-result-search li {
    background: url(http://api.corproid.jp/site/smbc/ico_blank01.png) no-repeat 0 3px;
    text-indent: 10px;
}

.corproid-messenger-icon {
    width: 48px;
    height: 48px;
    float: left; 
    /* background-color: #FFF; */
    margin: 15px 5px 5px 10px;
    /* box-shadow: 0 0 4px rgba(0, 0, 0, 0.05); */
    /* border: 1px solid #CCC; */
}

.corproid-messenger-icon img {
    width: 48px;
    height: 48px;
}
.corproid-stamp {
    clear: both;
    margin-left: 75px;
    background-color: #FFF;
    border-radius: 10px;
    width: 240px;
    height: 250px;
    background: rgba(255,255,255, 0.5);
}
.corproid-stamp-image {
    margin-left: -40px;
}