@charset "utf-8";
/* CSS Document */

footer .contact{
	margin:0 2% 10px;
}
header#header_torihiki {
	padding: 13px 13px 15px 13px;
	border-bottom: 2px solid #b1a095;
	height: auto;
	box-sizing: border-box;
}
header#header_torihiki #sitelogo {
 /* width: 80px;*/
	/*padding-left: 3%;*/
}
header#header_torihiki #sitelogo img {
	max-width: 100%;
	height: auto !important;
	margin: 0;
}
header nav#globalnav ul{
	background:none;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
header nav#globalnav ul li {
	text-align:left;
}
header nav#globalnav ul li img {
	margin: 0;
}
header nav#globalnav ul li:nth-child(1) {
	/*width: 60%;*/
	width: calc(216 / 750 * 100vw);
}
header nav#globalnav ul li:nth-child(2) {
	display: flex;
	align-items: center;
	/*padding-left: 15px;*/
	padding: 0;
	width: calc(402 / 750 * 100vw);
	margin-right: calc(18 / 750 * 100vw);
	height: auto;
}
header nav#globalnav li.ttl{
	color:#000;
	padding-top:17px;
	height: 33px;
	font-size:14px;
	font-weight:bold;
}


/* --------------------------------------------------------------------
	 株主優待ログイン
--------------------------------------------------------------------- */
div.login_ {
	padding: 0 10px 10px;
}
div.login_ .common_headline1_ {
	color: #FFFFFF;
	line-height: 1.8;
	background: none;
	background-color: #cdb5a7;
	margin: 0 -10px 10px;
	padding: 5px 12px;
}

div.complogin_ dl.complogin_ dd table.complogin_ th {
	padding: 0;
}
input[name="uid"] {
	min-height: 30px;
}
.complogin_ input[name="pwd"] {
	  border: 1px solid #c7c5c2;
}
.complogin_ .kome{
	background-color:#ece0d5;
	padding:10px;
	margin-top: 10px;
	overflow: hidden;
}
.complogin_ .kome .fl_l{
	padding-top: 1%;
}
.complogin_ .kome .fl_r{
	padding-top: 3%;
	padding-right: 2%;
	padding-left: 2%;
	text-align: center;
	width: 70%;
	margin: 0 auto;
}
.complogin_ .inputimage_{
    text-align: center;
    margin: 20px 0;
}
.complogin_ div.order_{
	margin:10px auto;
	overflow: hidden;
	/*width: 222px;*/
	width: 100%;
}
.complogin_ div.order_ .fl_l{
	float:left;
}
.complogin_ div.order_ .fl_r{
	float:left;
}
footer nav#footernav_link{
	margin-bottom: 0px;
}
footer dl#footer_copy {
  border: none;
}
div.login_ div.complogin_ dl.complogin_ dd table.complogin_ th{
	background-image:none;
}

/* --------------------------------------------------------------------
	 株主優待クイックオーダー
--------------------------------------------------------------------- */

.quickorder_ .txt_01 span{
	color:#cc3366;
	font-weight:bold;
}
.quickorder_ .form_ttl{
	margin-top: 8px;
	overflow: hidden;
}
.quickorder_ .txt_03{
	float:left;
	margin-left: 14px;
}
.quickorder_ .txt_04{
	float:right;
	margin-right: 14px;
}

.quickorder_ .kome{
	background-color:#edfeea;
	padding: 5px 0 5px 50px;
}
.quickorder_ .kome td{
	padding: 2px 0 0px 20px;
}
.quickorder_ .kome span{
	font-weight:bold;
}
.quickorder_ .amt_{
	margin: 5px 0;
	font-size: 12px;
	color: #C00;
	font-weight: bold;
}
.quickorder_ ul.quickorder_list_ li.dummy_item{
	padding-bottom:0px;
}
.quickorder_ .total{
	background-color:#ece0d5;
	margin:10px;
}
.quickorder_ .total_in{
	padding:10px 30px;
	width: 170px;
	margin: 0 auto;
	overflow: hidden;
}
.quickorder_ .total_in p{
	line-height:1.5em;
}
.quickorder_ .total_left{
	float:left;
}
.quickorder_ .total_right{
	float:right;
}
.quickorder_ .total_in .ft_b{
	font-weight:bold;
}
.quickorder_ a:link,
.quickorder_ a:visited {
	text-decoration: underline;
	color: #0000EE;
}
/* --------------------------------------------------------------------
	ご利用ガイド
--------------------------------------------------------------------- */
#com_guide img{
	display: block;
	width:80%;
	margin:auto;
}
/* navigation */
#com_guide .localnavi{
	margin-bottom:20px;
	margin-top:15px;
	padding: 10px 0 1px;
	background-color: #f5f4f4;
}
#com_guide .localnavi ul {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
#com_guide .localnavi ul li {
	margin-bottom: 10px;
	padding: 0;
	border-right: 1px solid #323232;
	background: none;
}
#com_guide .localnavi ul li:last-child {
	margin-right: 0;
}
#com_guide .localnavi ul li a {
	color: #323232;
	font-size: 12px;
	line-height: 1.12;
	display: block;
	padding: 0 10px;
}
#com_guide .localnavi li {
	margin-bottom: 10px;
	font-size:14px;
	padding-left:20px;
	background: url(../../../img/usr/complimentary/guide/sp/faq_icon.gif) 6px 4px no-repeat;
	background-size:7px;
}
#com_guide .localnavi li a{
	color:#51b33b;
}
#com_guide .localnavi li a:hover{
	text-decoration:none;
}
/* section */
#com_guide .section h2 {
	font-size: 16px;
	font-weight: normal;
	height: 46px;
	margin: 0 -10px 20px;
	padding: 0 20px;
	display: flex;
	align-items: center;
	background-color: #f8f4f1;
}
#com_guide .section h2.toggle_btn_ {
	padding: 0 20px 0 40px;
	position: relative;
}
#com_guide .section h2.toggle_btn_ span{
	position: absolute;
	left: 12px;
	top: 15px;
	width: 13px;
	height: 13px;
	/*background: url(../../img/usr/freepage/products/guide/202406/sp/minus.png) no-repeat left;*/
	background: url("../../../img/usr/freepage/products/guide/202406/sp/minus.png") no-repeat left;
	background-size: 13px 13px;
}	
#com_guide .section h2.toggle_btn_.active_ span{
	position: absolute;
	left: 12px;
	width: 13px;
	height: 13px;
	/*background: url(../../img/usr/freepage/products/guide/202406/sp/plus.png) no-repeat left;*/
	background: url(../../../img/usr/freepage/products/guide/202406/sp/plus.png) no-repeat left;
	background-size: 13px 13px;
}

#com_guide .section h3{
	font-size: 16px;
	font-weight: bold;
	line-height: 1.5;
	padding: 0 20px 10px;
	margin: 0 0 10px;
	border-bottom: 1px solid #c3c3c3;
	background-image: url("../../../img/usr/freepage/products/guide/202406/sp/icon_square03.png");
	background-position: left 4px;
	background-repeat: no-repeat;
	background-size: 15px 15px;
}
#com_guide .section ul {
	padding: 0;
}
#com_guide .section .text{
	padding:10px 0;
	line-height:150%;
}
#com_guide .section .text span{
	font-weight:bold;
}
/* guide_header_btn */
#guide_header_btn{
	position:relative;
}
#guide_header_btn .btn img{
	position:absolute;
	top:4px;
	right:1%;
	width:100px;
}

/* sec02 */
#com_guide #sec02 ul li {
	line-height: 30px;
	overflow: hidden;
	margin-bottom:30px;
	padding-bottom: 35px;
	background: url(../../../img/usr/complimentary/guide/bg_arrow02.png) center bottom no-repeat;
	background-size: 46px auto;
}
#com_guide #sec02 ul li.step_fin{
	background:none;
	padding-bottom: 0px;
}
/* #sec06 */
#com_guide #sec06 .btn_back{
	margin: 10px 0 0;

}
#com_guide #sec06 .btn_back a {
  display: block;
  height: 42px;
  text-align: center;
  line-height: 42px;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
	background-color: #777777;
	border: 1px solid #373737;
}

/* アンケート */
.stockholder_questionnaire {
    margin: 10px 0;
    text-align: center;
}

/* --------------------------------------------------------------------
	お知らせ
--------------------------------------------------------------------- */
.notice_box{
	width: 96%;
	border: solid 1px #e4e4e4;
	padding: 15px 15px 0 15px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
	margin: 2% 2% 4% 2%;
}
.notice_box_ttl{font-weight: bold;}

.notice_box_ttl,
.notice_box_desc,
.notice_box_day{
	color: #323232;
	margin-bottom: 20px;
}
.notice_box_day{font-weight: bold;}

.notice_box span.color_red{
	font-weight: bold;
	color: #dc4756;	
}

/* --------------------------------------------------------------------
	株主アンケート
--------------------------------------------------------------------- */
header#header_torihiki.stockholder_questionnaire_header_{
    border-bottom: 2px solid #b1a095;
	padding: 12px 20px 9px 10px;
    box-sizing: border-box;
    height: auto;	
}

header#header_torihiki.stockholder_questionnaire_header_ ul{
	display: flex;
	align-items: center;
}

header#header_torihiki.stockholder_questionnaire_header_ ul li:nth-child(1){
	/*width: 60%;	*/
}

header#header_torihiki.stockholder_questionnaire_header_ ul li:nth-child(2){
	display: flex;
	align-items: center;
	padding-top: 0;
	padding-left: 15px;
}

header#header_torihiki.stockholder_questionnaire_header_ #sitelogo img{
	max-width: 100%;
	height: auto;
}

header #header_torihiki.stockholder_questionnaire_header_ nav#globalnav li.ttl img{max-width: 100%;}

.common_headline1_.stockholder_questionnaire_ttl_{
	border-bottom: solid 1px #e4e4e4;
}

.stockholder_questionnaire .stockholder_questionnaire_list{
	display: block;
	padding: 10px 10px 13px 10px;
	overflow: hidden;
	text-align: left;
	margin-bottom: 11px;
}

.stockholder_questionnaire .stockholder_questionnaire_list:first-child{margin-top: 10px;}
.stockholder_questionnaire .stockholder_questionnaire_list:last-child{margin-bottom: 0;}
.stockholder_questionnaire .stockholder_questionnaire_list span.ttl_{
	width: 100%;
	display: inline-block;
	font-size: 14px;
	font-weight: 500;
	margin-bottom: 4px;
	text-align: center;
}
	
.stockholder_questionnaire .stockholder_questionnaire_list span.desc_{
	width: 100%;
	display: inline-block;
	font-size: 12px;
	font-weight: 500;
	color: #333;
	text-align: center;
	margin-bottom: 3px;	
}
	
.stockholder_questionnaire .stockholder_questionnaire_list span.sub_list_{
	position: relative;
	font-size: 10px;
	color: #333;
	padding-left: 10px;
    display: inline-block;	
}

.stockholder_questionnaire .stockholder_questionnaire_list span.sub_list_ > span{
	position: absolute;
	top: 1px;
	left: 0;
	font-size: 10px;
}

.stockholder_questionnaire .stockholder_questionnaire_list.ban_pattern01{border: solid 1px #8e75d5;}
.stockholder_questionnaire .stockholder_questionnaire_list.ban_pattern01 span.ttl_{color: #8e75d5;}	
.stockholder_questionnaire .stockholder_questionnaire_list.ban_pattern02{border: solid 1px #b1a095;}
.stockholder_questionnaire .stockholder_questionnaire_list.ban_pattern02 span.ttl_{color: #b1a095;}		
.stockholder_questionnaire .stockholder_questionnaire_list > span:nth-child(1){
	display: block;
	margin-bottom: 10px;
	text-align: center;
}

.stockholder_questionnaire .stockholder_questionnaire_list > span:nth-child(2){
	display: block;
	text-align: center;
}

.stockholder_questionnaire .stockholder_questionnaire_list.ban_pattern01 > span:nth-child(2) {text-align: left;}
.stockholder_questionnaire .stockholder_questionnaire_list > span.text_line_:nth-child(2) a{
    text-decoration: none;
    display: block;
    text-align: center;
}

.stockholder_questionnaire .stockholder_questionnaire_list img{
	margin: 0;
	max-width: 100%;
}

/* 下線 */
.stockholder_questionnaire .stockholder_questionnaire_list > span.text_line_:nth-child(2) a span.ttl_{
	width: auto;
	border-bottom: solid 1px #8e75d5;
    line-height: 1.1;
    margin-bottom: 4px;
    display: inline-block;
}

.stockholder_questionnaire .stockholder_questionnaire_list > span.text_line_:nth-child(2) a span.desc_{
	width: auto;
	border-bottom: solid 1px #adadad;
    line-height: 1.1;
	color: #333;
    display: inline-block;
}

.desc_text_msg_{padding: 0 10px;}

/**/
footer dl#footer_copy dd {
	background: #b1a095;
}
/**/
.form_text_ {
	margin: 0 15px;
}
div.quickorder_ ul.quickorder_list_ li div.quickorder_item_ div.desc_ div.name_ .name1_,
div.quickorder_ ul.quickorder_list_ li div.quickorder_item_ div.desc_ div.name_ .name1_ a {
	color: #b1a095;
}
div.order_ .method_addr_ {
	border: 2px solid #b1a095;
}
div.submit_ a.button_ {
	display: block;
	box-sizing: border-box;
}
div.submit_ img{
	margin-bottom: 10px;
}
div.submit_ input[type="image"] {
	border-radius: 0;
}