@charset "utf-8";

/************************************************
 各ページコンテンツ用
************************************************ */

/* ==============================================
▼テーブル・レスポンシブ
=============================================== */
.tab_resp table {
	width:100%;
}
.tab_resp th{
	text-align:center;
	padding:10px;
}
.tab_resp td{
	vertical-align:top;
	padding:10px;
}
.tab_resp td span.pcnone,
.tab_resp th span.pcnone {
	display:none;
}
.tab_resp .mini {
	font-size:90% !important;
}

@media only screen and (max-width: 459px) {
.tab_resp table,
.tab_resp table tbody,
.tab_resp table tr {
	display:block;
	border:none;
}
.tab_resp thead {
	display:none;
}
.tab_resp tr.sphone_none {
	display:none;
}
.tab_resp th,
.tab_resp td{
	display:list-item;
	border:none;
	padding:5px;
}
.tab_resp th{
	list-style-type: none;
	background-color:#eee;
	color:#333;
	font-weight:bold;
}
.tab_resp td {
	text-align:left;
}
.tab_resp td span.pcnone,
.tab_resp th span.pcnone {
	display: inline;
	font-weight:normal;
}
.tab_resp td a.btn {
	margin-bottom:15px;
	padding:5px 0;
	color:#333;
	display:block;
	width:100%;
	text-align:center;
	background: #eee;
	border: 1px solid #999;
	text-shadow:1px 1px 1px rgba(255,255,255,1); 
	width: 100%;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.tab_resp td a.btn_inline {
	padding:5px 20px;
	color:#333;
	text-align:center;
	background: #eee;
	border: 1px solid #999;
	text-shadow:1px 1px 1px rgba(255,255,255,1); 
	width: 100%;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
}

/* ==============================================
▼ CKeditor
=============================================== */
#detailarea .main_comment img {
	clear:both;
	max-width:98%;
	margin:1%;
}
/*テーブル共通*/
#detailarea .main_comment table th,
#detailarea .main_comment table td {
	vertical-align:top;
}
#detailarea .main_comment table.no_border,
#detailarea .main_comment table.no_border th,
#detailarea .main_comment table.no_border td {
	border:none;
}
/*テーブルセルに画像を配置したとき*/
#detailarea .main_comment table.image {
	table-layout:fixed;
}
#detailarea .main_comment table.image th,
#detailarea .main_comment table.image td {
	display:block;
}
#detailarea .main_comment table.image img {
	clear: none;
	max-width:100%;
	margin:0;
}
@media only screen and (min-width: 460px) {
/*テーブルセルに画像を配置したとき*/
#detailarea .main_comment table.image th,
#detailarea .main_comment table.image td {
	display: table-cell;
}
}
/*テーブルのレスポンシブ*/
@media only screen and (max-width: 459px) {
#detailarea .main_comment table.responsive,
#detailarea .main_comment table.responsive tbody,
#detailarea .main_comment table.responsive tr {
	display:block;
}
#detailarea .main_comment table.responsive th,
#detailarea .main_comment table.responsive td {
	display:list-item;
}
}

/* ==============================================
▼トップページ
=============================================== */
.topcomment {
	margin:2% 0 3% 7%;
	font-size:1.6em;
	line-height:1.6em;
	color:#333;
}


/* ==============================================
▼当サイトについて
=============================================== */
#undercolumn_aboutus {
	margin-bottom:40px !important;
	width:94%;
	margin: 0 3%;
}
#undercolumn_aboutus p {
	  font-size:110%;
	  line-height:1.65em;
}
#undercolumn_aboutus h3 {
	  font-size:120%;
	  margin-bottom:15px;
}
#undercolumn_aboutus h4 {
	  font-size:130%;
	  color:#ff0000;
	  display:block;
	  padding: 7px;
	  background: #deedc7;
	  border: 1px solid #ccc;
	  width:99%;
	  border-radius: 5px;
	  -moz-border-radius: 5px;
	  -webkit-border-radius: 5px;
}
div#undercolumn_aboutus #text1 {
	margin-bottom:15px;
}
div#undercolumn_aboutus .controller{
	margin-bottom:0;
	padding:1em;
	background: #f5f5f5;
	color: #333;
	border:#CCC 1px solid;
	border-bottom:none;
}
div#undercolumn_aboutus .controller #pointb {
	display:block;
	padding-top:5px;
}
div#undercolumn_aboutus .controller input{
	width:12em;
	margin-right:1em;
}
div#undercolumn_aboutus .container{
	border:1px solid #ccc;
	background:url(../img/background/loading.gif) 200px 100px no-repeat;
}
div#undercolumn_aboutus #map{
	width:100%;
	height:300px;
}
div#undercolumn_aboutus #panel{
	display:block;
	width:98%;
	padding:0 1%;
	overflow:auto;
	background: #f7f7f7;
	color:#333;
	margin-bottom:-20px;
}
div#undercolumn_aboutus #panel table {
	border:none;
}
#panel .adp-placemark{
	background: #eee;
	border:none;
	color:#333;
	font-weight:bold;
}
#panel .adp-summary{
	text-align:right;
}
#panel .adp-directions tr {
	color:#333;
}
#panel .adp-directions tr:hover{
	background: #333;
	color:#fff;
}
#panel .adp-directions td{
	padding:0.5em 0;
	border:dotted #fff;
	border-width:1px 0;
}
#panel .adp-directions b{
	font-weight:normal;
	color: #F00;
}
#panel .adp-directions .adp-distance{
	font-weight:bold;
}
#panel .adp-legal{
	text-align:right;
	color:#fff;
}

div#undercolumn_aboutus br.clear{
	clear:left;
	font-size:0;
}
div#undercolumn_aboutus #hyoji {
	padding:2px 5px 0 5px;
	background-color:#FFF;
	border:#333 1px solid;
	cursor:pointer;
	color:#333;
}
div#undercolumn_aboutus #hyoji:hover {
	background-color: #F90;
}
div#undercolumn_aboutus .pnf_main{
	float:left;
	width: 94.0%;
	padding: 2%;
	margin: 20px 0;
	border:5px solid #f0f0f0;
}
div#undercolumn_aboutus .pnf_main .img_bloc {
	float:left;
	width: 20%;
}
div#undercolumn_aboutus .pnf_main .cmt_bloc {
	float:right;
	width: 78.5%;
}
div#undercolumn_aboutus .pnf_main .img_bloc img {
	width: 98%;
}
div#undercolumn_aboutus .pnf_main .cmt_bloc h3 {
	border-left: 5px solid;
	padding-left: 8px;
}
div#undercolumn_aboutus .pnf_main .cmt_bloc h4 {
	font-size:1.15em;
	font-weight:normal;
	border:none;
	background:none;
	color:#000;
}

@media only screen and (min-width: 980px) {
	#undercolumn_aboutus {
		margin-bottom:20px;
		width:100%;
		margin: 0 0;
	}
	#undercolumn_aboutus p {
		  font-size:120%;
		  line-height:1.7em;
	}
	#undercolumn_aboutus h3 {
		  font-size:140%;
		  margin-bottom:15px;
	}
	div#undercolumn_aboutus .controller #pointb {
		display: inline;
		padding-top:0;
	}
	div#undercolumn_aboutus #map{
		float:left;
		width:75%;
		height:400px;
	}
	div#undercolumn_aboutus #panel{
		margin-left:75%;
		width:23%;
		height:400px;
	}
}

/* abouts　ナビ
*********************************/
div#undercolumn_aboutus nav#abouts,
div#undercolumn_lunch nav#abouts{
	width:100%;
	margin:0 auto 30px;
	padding:1.5%;
	float:left;
	border:2px solid #26499d;
	box-sizing: border-box;
}
div#undercolumn_aboutus nav#abouts ul,
div#undercolumn_lunch nav#abouts ul{
}
div#undercolumn_aboutus nav#abouts ul li,
div#undercolumn_lunch nav#abouts ul li{
	margin-left:20px;
}
div#undercolumn_aboutus nav#abouts ul li a,
div#undercolumn_lunch nav#abouts ul li a{
	display:block;
	float:left;
}
div#undercolumn_aboutus nav#abouts ul li a .fa-info-circle,
div#undercolumn_aboutus nav#abouts ul li a .fa-hand-o-right,
div#undercolumn_lunch nav#abouts ul li a .fa-info-circle,
div#undercolumn_lunch nav#abouts ul li a .fa-hand-o-right{
    color:#848484;
    font-size:120%;
    margin-right:3px;
}

/* 学生委員
*********************************/
.photo{
  margin:0 auto 20px;
  width:100%;
}
.photo ul li{
  float:left;
  width:46%;
  padding:0 2%;
  margin-bottom:10px;
}
.photo ul li img{
  margin:0 auto 5px;
  display:block;
  max-width:100%;
}
.photo ul li p{
  text-align:center;
  line-height:1.40em !important;
  letter-spacing:-0.0em;
  font-size:13px !important;
}
.photo ul li p span{
  margin-top:10px;
  text-align:center;
  line-height:1.40em !important;
  letter-spacing:0.2em !important;
  font-size:15px !important;
  font-weight:bold;
}
.gakusei_cmt{
  margin:0 auto;
  width:96%;
}
.gakusei_cmt p{
  text-indent:1.0em;
}
/* タブレット向けのスタイル：600px ～ 767px */
@media only screen and (min-width: 600px) and (max-width: 767px){
}
/*  PC向けのスタイル */
@media only screen and (min-width: 600px) {
	.photo{
	  margin:0 auto 20px;
	  width:100%;
	}
	.photo ul li{
	  float:left;
	  width:23%;
	  padding:0 1%;
	}
	.photo ul li img{
	  margin:0 auto 5px;
	  display:block;
	  max-width:100%;
	}
	.photo ul li p{
	  text-align:center;
	  line-height:1.40em !important;
	  letter-spacing:-0.0em;
	  font-size:13px !important;
	}
	.photo ul li p span{
	  margin-top:10px;
	  text-align:center;
	  line-height:1.40em !important;
	  letter-spacing:0.2em !important;
	  font-size:15px !important;
	  font-weight:bold;
	}
	.gakusei_cmt{
	  margin:0 auto;
	  width:100%;
	}
}

/* 校長、理事長
*********************************/
/* 生協加入、しくみ、店舗、共済、給付
*********************************/
	#kotyo_photo{
	  float:left;
	  margin:20px 15px 5px 0;
	  width:25%;
	  min-width:160px;
	}
	#kotyo_photo dl{
	  width:100%;
	  height:auto;
	  text-align:center;
	  border:1px solid #ececec;
	}
	#kotyo_photo dt{
	}
	#kotyo_photo dt img{
	  width:100%;
	  max-width:155px;
	  margin-top:5px;
	  margin-left:14px;
	}
	#kotyo_photo dd{
	  width:100%;
	  margin-left:-27px;
	  margin-top:200px;
	  border-bottom:none;
	  letter-spacing:-0.05em;
	}
	.kotyo_cmt p{
	  width:100%;
	  font-size:120%;
	  line-height:1.7em;
	  text-indent:1.0em;
	}
	.kotyo_cmt p.no-indent{
	  text-indent:0;
	}

@media only screen and (max-width: 600px) {
	#kotyo_photo dt img{
	  width:100%;
	  max-width:150px;
	  margin-top:5px;
	  margin-left:5px;
	}

}

/* ==============================================
▼Lunchboxについて
=============================================== */
#undercolumn_lunch {
	margin-bottom:40px !important;
}
#undercolumn_lunch p {
	  font-size:120%;
	  line-height:1.7em;
	  margin-bottom:15px;
}
#undercolumn_lunch p.next {
	  margin-top:20px;
	  padding:7px 0;
	  text-align:center;
	  border-top:1px solid #26499d;
	  border-bottom:1px solid #26499d;
}
#undercolumn_lunch h3 {
	  font-size:150%;
	  margin-top:30px;
	  margin-bottom:10px;
	  padding-left:7px;
	  color:#26499d;
	  border-left:5px solid;
}
#undercolumn_lunch h4 {
	  font-size:130%;
	  color:#ff0000;
	  display:block;
	  padding: 7px;
	  background: #deedc7;
	  border: 1px solid #ccc;
	  width:99%;
	  border-radius: 5px;
	  -moz-border-radius: 5px;
	  -webkit-border-radius: 5px;
}
#undercolumn_lunch ul.exclamation {
	  margin-left:15px;
	  font-size:125%;
}
#undercolumn_lunch ul.exclamation li {
	  line-height:2.0em;
}
#undercolumn_lunch ul.exclamation li i {
	  margin-right:5px;
}
#undercolumn_lunch dl.menu{
	clear:both;
	width:98%;
	margin:0 auto;
	font-size:125%;
}
#undercolumn_lunch dt{
	width:18%;
	margin-top:5px;
	font-size:110%;
	font-weight:bold;
}
#undercolumn_lunch dd{
	width:60%;
	margin-left:20%;
	float:left;
	font-weight:bold;
}
#undercolumn_lunch dd.sangun{
	position:relative;
	margin-bottom:20px;
	background: #26499d;
	border: 1px solid #999;
/*	text-shadow:1px 1px 1px rgba(255,255,255,1);
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;*/
}
#undercolumn_lunch dd.sangun span{
	color:#ffd2d2;
}
#undercolumn_lunch dd.eiyo{
	margin-bottom:5px;
	background: #26499d;
	border: 1px solid #999;
	text-shadow:1px 1px 1px rgba(255,255,255,1); 
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#undercolumn_lunch dd.sangun a,
#undercolumn_lunch dd.eiyo a{
	position:absolute;
	display:block !important;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding:15px 5px 10px 20px !important;
	color: #fff;
	text-shadow:none; 
}
#undercolumn_lunch dd.sangun a:hover,
#undercolumn_lunch dd.eiyo a:hover{
	padding:15px 5px 10px 20px !important;
	text-decoration: underline;
}
#undercolumn_lunch dd.sangun i{
	margin-right: 5px;
	color:#ffff00; 
}
#undercolumn_lunch dd.eiyo i{
	margin-right: 8px;
	color:#f1c38f; 
}
#undercolumn_lunch ol li {
	  margin-left:35px;
	  font-size:122%;
	  line-height:1.7em;
	  margin-bottom:10px;
	  list-style-type: decimal;
}
#undercolumn_lunch ul.menu li {
	  float:left;
	  width:33%;
}
#undercolumn_lunch ul.menu li img{
	  width:94%;
	  margin:0 auto;
	  padding:1%;
	  display:block;
	  border:1px solid #d7d7d7;
}
#undercolumn_lunch ul.menu li span{
	  display:block;
	  margin:5px auto;
	  text-align:center;
}
@media only screen and (max-width: 767px) {
	#undercolumn_lunch {
		width:96%;
		margin:0 2%;
	}
	#undercolumn_lunch dl.menu{
		clear:both;
		width:98%;
		margin:0 auto;
		margin-left:2%;
		font-size:100%;
	}
	#undercolumn_lunch dt{
		width:21%;
		margin-top:5px;
		font-size:105%;
		font-weight:bold;
	}
	#undercolumn_lunch dd{
		width:70%;
		margin-left:21%;
		padding:10px 5px 10px 20px;
		float:left;
		font-weight:bold;
	}
	#undercolumn_lunch h3 {
		  font-size:130%;
		  margin-top:20px;
		  margin-bottom:10px;
		  padding-left:7px;
		  color:#26499d;
		  border-left:5px solid;
	}
	#undercolumn_lunch h4 {
		  font-size:110%;
		  color:#ff0000;
		  display:block;
		  padding: 7px;
		  background: #deedc7;
		  border: 1px solid #ccc;
		  width:99%;
		  border-radius: 5px;
		  -moz-border-radius: 5px;
		  -webkit-border-radius: 5px;
	}
	#undercolumn_lunch ul.exclamation {
		  margin-left:10px;
		  font-size:110%;
	}
	#undercolumn_lunch ul.exclamation li {
		  line-height:1.75em;
	}
	#undercolumn_lunch ol li {
		  margin-left:35px;
		  font-size:110%;
		  line-height:1.6em;
		  margin-bottom:10px;
		  list-style-type: decimal;
	}
}

/* タブ付き案内
----------------------------------------------- */
.infoSort {
  float: left;
  width: 100%;
  margin: 0 0;
}
.infoSort ul {
  width: 100%;
}
.infoSort ul li {
  margin: 0 0.2% 10px;
  float: left;
  width: 49.6%;
}
.infoSort ul li a {
  padding: 10px 0 0;
  border-radius: 5px;
  position: relative;
  display: block;
  height: 40px;
  color: #000;
  background-color: #f4f4f4;
  border: 1px solid #eaeaea;
  border-bottom: none;
  font-size: 135%;
  font-weight: bold;
  text-decoration: none !important;
  text-align: center;
  box-sizing: border-box;
  box-shadow:0px 2px 0 0 #ddd;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}
.infoSort ul li a:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -8px;
  left: calc(50% - 8px);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 8px 0 8px;
  border-color: #17194c transparent transparent transparent;
  opacity: 0;
  -webkit-transition: opacity ease .3s;
  transition: opacity ease .3s;
}
.infoSort ul li a.active,
.infoSort ul li a:hover {
  color: #d9d195 !important;
  background-color: #17194c;
}
.infoSort ul li a.active:after,
.infoSort ul li a:hover:after {
  opacity: 1;
}
#undercolumn_lunch .contentsList {
  display: none;
}
#undercolumn_lunch .contentsList#lunch20242-3,
#undercolumn_lunch .contentsList#lunch20241 {
  display: block;
}
.contentsList {
  margin: 0;
  width: 100%;
}


/* ==============================================
▼MYページ
=============================================== */
/* 共通設定
----------------------------------------------- */
div#mypagecolumn {
    width: 100%;
}
div#mynavi_area {
    width: 100%;
}
div#mycontents_area {
    width: 100%;
}
div#mycontents_area p.inforamtion {
    margin-bottom: 20px;
}
div#mypagecolumn h4 {
    margin: 10px auto;
    border-bottom: 1px solid #999;
    text-align: left;
    font-size: 120%;
}
div#mypagecolumn #saisun_msg {
    margin: 40px auto;
}
div#mypagecolumn #saisun_msg h4{
    margin: 20px 0 10px 0;
    border: none;
}
div#mypagecolumn #saisun_msg .disc li{
    margin-left: 2.5em;
    list-style-type: disc;
    font-size: 100%;
    line-height: 1.70em;
}
div#mypagecolumn #saisun_msg p{
    margin-left: 1.0em;
    font-size: 100%;
    line-height: 1.70em;
}

@media only screen and (max-width: 767px) {
	div#mypagecolumn #saisun_msg {
	    width: 96%;
	    margin: 30px auto;
	}
	div#mypagecolumn h4 {
	    margin: 10px auto;
	    border-bottom: 1px solid #999;
	    text-align: left;
	    font-size: 105%;
	}
	div#mypagecolumn #saisun_msg {
	    margin: 20px auto;
	}
}

/* ナビ
----------------------------------------------- */
#mynavi_area {
    width: 100%;
}

#mynavi_area .mynavi_list {
    margin-bottom: 20px;
    width: 100%;
}
#mynavi_area .mynavi_list li {
    float: left;
	text-align:center;
}
#mynavi_area .mynavi_list li.left,
#mynavi_area .mynavi_list li.right {
	width:50%;
}
#mynavi_area .mynavi_list li.left100,
#mynavi_area .mynavi_list li.right100 {
	width:100%;
}
#mynavi_area .mynavi_list li.br {
	clear:both;
}
#mynavi_area .mynavi_list li a {
	display:block;
	padding:5px 15px;
	margin-right:1px;
	margin-bottom:1px;
	background-color:#eee;
}
#mynavi_area .mynavi_list li a:hover {
	background-color:#ddd;
}
#mynavi_area .point_announce {
    margin-bottom: 30px;
    padding: 10px;
    border: solid 1px #ccc;
    background-color: #f7f7f7;
}
#mynavi_area .point_announce p {
    padding-left: 20px;
    background: url('../img/icon/ico_point.gif') no-repeat left top ;
}

@media only screen and (min-width: 460px) {
#mynavi_area {
    width: 98%;
}
#mynavi_area .mynavi_list li {
    margin: 0 15px 5px 0;
    padding-left: 15px;
    float: left;
    background: url(../img/icon/ico_down.png) no-repeat left ;
    font-size: 120%;
	text-align:left;
}
#mynavi_area .mynavi_list li.left,
#mynavi_area .mynavi_list li.right {
	width: auto;
}
#mynavi_area .mynavi_list li.left100,
#mynavi_area .mynavi_list li.right100 {
	width:auto;
}
#mynavi_area .mynavi_list li.br {
	clear: none;
}
#mynavi_area .mynavi_list li a {
	display: inline;
	padding:0;
	margin-right:0;
	margin-bottom:0;
	background: none;
}
#mynavi_area .mynavi_list li a:hover {
	background: none;
}
}
@media only screen and (min-width: 980px) {
#mynavi_area {
    width: 100%;
}
}

/* 購入履歴一覧/詳細
----------------------------------------------- */
div#mycontents_area div.mycondition_area {
    margin: 0 auto 20px 0;
    padding: 10px;
    border: solid 1px #ccc;
    width: 97%;
    background: #f9f9f9;
}
div#mycontents_area div.mycondition_area p {
    float: left;
}
div#mycontents_area div.mycondition_area .btn {
    width: 160px;
    margin-top: 15px;
    float: right;
}
.add_address {
    margin-bottom: 20px;
}
#mycontents_area #coupon_area {
	margin-bottom:20px;
}
@media only screen and (max-width: 459px) {
.tab_resp th.history_name {
	background-color:#f5f5f5;
	color:#333;
}
.tab_resp th.history{
	text-align:left !important;
}
}

/* 会員登録内容変更/退会
----------------------------------------------- */
div#mycontents_area .message_area {
    margin: 30px auto;
    padding: 30px;
    border: 1px solid #ccc;
    text-align: center;
}

div#mycontents_area .message_area p {
    margin-bottom: 20px;
}

/* ==============================================
▼会員登録
=============================================== */
div#undercolumn_entry {
    width: 100%;
	margin-bottom:20px;
}
div#undercolumn_entry p,
div#undercolumn_entry ul {
	margin-bottom:20px;
}
div#undercolumn_entry .kiyaku_text {
    margin: 20px auto;
    padding: 10px;
    border: solid 1px #ccc;
    width: 94%;
    background: #fff;
}


.tab_resp dl {
    position: relative;
    margin: 0 5px;
    padding: 0 auto;
    border:1px solid;
}

dl dt {
    position: absolute;
    padding: 5px 0;
    margin: 0;
}

dl dd {
    padding:25px 0 5px 25px;
    margin-bottom: 5px;
    border-bottom:1px dotted;
}

div#undercolumn_entry ol li {
    list-style-type: decimal;
    margin: 0 0 10px 35px;
}

.active_box {
	position: relative;
	background: #2e489d;
	border: 2px solid #2c469d;
}
.active_box:after, .arrow_box:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.active_box:after {
	border-color: rgba(46, 72, 157, 0);
	border-top-color: #2c469d;
	border-width: 10px;
	margin-left: -10px;
}
.active_box:before {
	border-color: rgba(44, 70, 157, 0);
	border-top-color: #2c469d;
	border-width: 13px;
	margin-left: -13px;
}
.arrow_box {
	position: relative;
	background: #ffffff;
	border: 2px solid #2c469d;
}
.arrow_box:after, .arrow_box:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #ffffff;
	border-width: 10px;
	margin-left: -10px;
}
.arrow_box:before {
	border-color: rgba(44, 70, 157, 0);
	border-top-color: #2c469d;
	border-width: 13px;
	margin-left: -13px;
}

#entry_step,#shopping_step{
	width:90%;
    margin:5px auto;
}
#entry_step .step{
	width:18%;
    float:left;
    padding:1%;
}
#shopping_step .step{
	width:23%;
    float:left;
    padding:1%;
}

#entry_step .step .active_box,
#entry_step .step .arrow_box,
#entry_step .step .down,
#shopping_step .step .active_box,
#shopping_step .step .arrow_box,
#shopping_step .step .down{
	text-align:center;
}
#entry_step .step .active_box,
#shopping_step .step .active_box{
    color:#fff;
}
#entry_step .step .down,
#shopping_step .step .down{
    margin-top:15px;
}
#entry_step .attention ,
#shopping_step .attention {
    width:100%;
    height:auto;
    margin:10px auto;
    border:1px solid #f00;
    text-align:center;
}
#entry_step .attention p ,
#shopping_step .attention p {
    margin:0;
    padding:5px 0;
}


@media only screen and (min-width: 460px) {
.tab_resp dl {
    margin: 0 15px;
    padding-left: 15px;
}
}
/* タブレット向けのスタイル：460px ～ 979px 
@media only screen and (min-width: 460px) {
    dl dt {
        position: absolute;
        padding: 5px 0;
        margin: 0;
    }
    
    dl dd {
        padding:25px 0 5px 7%;
        margin: 0;
    border-bottom:1px dotted;
    }
}
*/
/*  PC向けのスタイル：980px  
@media only screen and (min-width: 980px) {
    dl dt {
        position: absolute;
        padding: 5px 0;
        margin: 0 0 0 20px;
    }
    
    dl dd {
        padding:5px 0 5px 20%;
        margin-left: 80px;
    }
}
*/




/* ==============================================
▼ログイン
=============================================== */
div#undercolumn_login {
    margin: 0 auto;
    width: 100%;
}
div#undercolumn_login .login_area {
    margin-bottom: 30px;
}
div#undercolumn_login .login_area .formlist {
	margin-bottom:15px;
}
div#undercolumn_login .login_area .inputbox {
	padding:10px;
}
div#undercolumn_login .login_area .inputbox .btn_area {
    margin-bottom:10px;
}


/* ==============================================
▼エラー
=============================================== */
div#undercolumn_error .message_area {
    width: 80%;
    margin: 30px auto;
    padding: 30px;
    border: 1px solid #ccc;
    text-align: center;
}

div#undercolumn_error .message_area .error {
    padding: 120px 0;
}


/* ==============================================
▼商品一覧・商品詳細パンくずリスト
=============================================== */
#pankuzu {
	margin-bottom:5px;
}
#pankuzu #topicpath li {
	display:inline;
}
#pankuzu #topicpath li a {
	background:url(../img/icon/ico_arrow_03.gif) no-repeat right center;
	padding-right:15px;
}

/* ==============================================
▼商品一覧
=============================================== */
/* ページ送り
----------------------------------------------- */
.pagenumber_area {
    padding-bottom: 10px;
    background: url("../img/background/line_dot_01.gif") repeat-x bottom ;
}
.pagecond_area {
    margin-bottom: 20px;
    padding: 10px;
}
.pagenumber_area {
    margin: 20px 0;
}
.pagecond_area {
    border: 1px solid #ccc;
}
.pagenumber_area .navi {
    width: 100%;
    text-align: left;
}
.pagenumber_area .navi li {
    display: inline;
}
.pagenumber_area .change {
    float: right;
    text-align: right;
    white-space: nowrap;
}
/* ▼class/SC_PageNavi.php のclass要素*/
.page_now {
	border:#CCC 1px solid;
	color:#000;
	background-color:#eee;
	padding:0 4px;
}
.page_number {
	border:#CCC 1px solid;
	background-color:#fff;
	padding:0 4px;
}
.page_next, .page_before {
	border-bottom:#CCC 1px solid;
}

/* ▼並び順・表示件数*/
.pagenumber_area .change #box01,
.pagenumber_area .change #box02,
.pagenumber_area .change #box03,
.pagenumber_area .change #box04 {
	float:left;
	position:relative;
	z-index:100;
}
.pagenumber_area .change #box01,
.pagenumber_area .change #box03 {
	border:#333 1px solid;
	border-right:none;
	height:18px;
	padding:2px 4px 0 4px;
	margin-left:5px;
	background-color:#eee;
}

/* カテゴリイメージ
----------------------------------------------- */
#list_category_image {
	width:100%;
	padding-bottom:25px;
}
#list_category_image img {
	width:100%;
}

/* カテゴリリスト
----------------------------------------------- */
ul.subcatlist_area {
	width:100%;
	float:left;
	padding-bottom:20px;
}
ul.subcatlist_area li {
	float:left;
	margin-right:10px;
	padding:5px 10px;
}


/* レイアウト
----------------------------------------------- */
.list_area {
	margin:0 auto 20px;
	padding-bottom:20px;
	width:96%;
	border-bottom:#ff0000 1px solid;
}
.list_area h3 {
	font-size:120% !important;
	padding-bottom:5px;
	margin-bottom:5px;
}
.listphoto {
	width:100%;
	text-align:center;
	margin-bottom:10px;
}
.listrightbloc {
	width:100%;
}
div.lunch .cartin_btn ,
div.full .cartin_btn ,
div.list_left .cartin_btn ,
div.list_right .cartin_btn {
    display:block;
    width:70%;
    margin:0 auto;
}


@media only screen and (min-width: 600px) {
	div.list_area {
		border-bottom: none;
		padding-bottom:0;
	}
	div.lunch ,
	div.list_left ,
	div.list_right {
	    float:left;
	    width: calc(48% - 30px);
	    margin: 1%;
	    padding:15px;
	    /* border-radius */
	    border-radius:;
	    -webkit-border-radius:;
	    -moz-border-radius:;
	    /* box-shadow */
	    box-shadow:0px 0px 6px 3px rgba(113,135,164,0.3);
	    -webkit-box-shadow:0px 0px 6px 3px rgba(113,135,164,0.3);
	    -moz-box-shadow:0px 0px 6px 3px rgba(113,135,164,0.3);
	}
	div.full {
	    width: 95%;
	    margin: 2% 0;
	    padding:15px;
	    /* border-radius */
	    border-radius:;
	    -webkit-border-radius:;
	    -moz-border-radius:;
	    /* box-shadow */
	    box-shadow:0px 0px 6px 3px rgba(113,135,164,0.3);
	    -webkit-box-shadow:0px 0px 6px 3px rgba(113,135,164,0.3);
	    -moz-box-shadow:0px 0px 6px 3px rgba(113,135,164,0.3);
	}
	div.lunch h3 ,
	div.full h3 ,
	div.list_left h3 ,
	div.list_right h3 {
	    font-size:1.5em;
	    border-bottom:3px solid #dee3ea;
	    margin-bottom:15px;
	}
	div.lunch .pricebox ,
	div.full .pricebox ,
	div.list_left .pricebox ,
	div.list_right .pricebox {
	    margin-bottom:15px;
	}
	div.lunch .pricebox .price ,
	div.full .pricebox .price ,
	div.list_left .pricebox .price ,
	div.list_right .pricebox .price {
	    font-size:1.6em;
	}
	div.lunch .listcomment ,
	div.full .listcomment ,
	div.list_left .listcomment ,
	div.list_right .listcomment {
	    line-height:1.7em;
	    margin-bottom:10px;
	}
	div.lunch .arrival_endsell ,
	div.full .arrival_endsell ,
	div.list_left .arrival_endsell ,
	div.list_right .arrival_endsell {
	    margin-top:15px;
	    color:#ff0000;
	}
	div.full .quantity ,
	div.list_left .quantity ,
	div.list_right .quantity {
/*	    width:30%;
	    float:left;
	    margin-top:10px;*/
	}

	div#go2detail{
		display:none;
    }

	#list_category_image {
		margin-bottom:10px;
	}
	.listphoto,
	.listrightbloc {
		float:none;
		width:100%;
	}
}

/* サイズ表
----------------------------------------------- */
.listcomment dl dt{
	cursor:pointer;
}
div#glayLayer{
	display:none;
	position:fixed;
	left:0;
	top:0;
	height:100%;
	width:100%;
	background:#7BAEB5;
	filter:alpha(opacity=75);
	opacity: 0.75;
	z-index:200;
}
#overLayer{
	display:none;
	width:400px;
	background:white;
	padding:10px;
	position: fixed;
	top:50%;
	left:50%;
	z-index:300;
}
@media only screen and (max-width: 459px) {
#overLayer{
	display:none;
	width:290px;
	background:white;
	padding:5px;
	position: fixed;
	top:50%;
	left:48%;
	z-index:300;
}
#overLayer table,
#overLayer th,
#overLayer td{
	padding:0;
}
}


/* 制服採寸会レイアウト
----------------------------------------------- */
div.list_area_one {
	width:95%;
	border-bottom: none;
	padding-bottom:0;
}
div.list_area_one {
	    margin: 2% 0;
	    padding:15px;
	    /* border-radius */
	    border-radius:;
	    -webkit-border-radius:;
	    -moz-border-radius:;
	    
	    /* box-shadow */
	    box-shadow:0px 0px 6px 3px rgba(113,135,164,0.3);
	    -webkit-box-shadow:0px 0px 6px 3px rgba(113,135,164,0.3);
	    -moz-box-shadow:0px 0px 6px 3px rgba(113,135,164,0.3);
}
div.list_area_one h3 {
	    float:left;
	    width:55%;
	    font-size:1.5em;
	    border-bottom:3px solid #dee3ea;
	    margin-top:6px;
	    margin-bottom:8px;
	}
div.list_area_one .pricebox {
	    float:left;
	    width:40%;
	    font-size:1.1em;
	    background:#f4f4f4;
	    border:1px solid;
	    margin-left:1%;
	    padding:7px 0;
	    text-align:center;
	}
div.list_area_one .pricebox .price {
	    font-size:1.5em;
	}
div.list_area_one .listcomment {
	    min-height:60px;
	    line-height:1.7em;
	    margin-bottom:10px;
	}
div.list_area_one .arrival_endsell {
	    margin-top:15px;
	    color:#ff0000;
	}
div.list_area_one .quantity {
	    width:20%;
	    float:left;
	}
div.list_area_one .cartin_btn {
	    width:79%;
	    float:right;
	    margin-top:-13px;
	}
div.list_area_one .cart_area .classlist{
	    float:left;
	    width:50%;
}
div.list_area_one .cart_area .cartin{
	    float:right;
	    width:49%;
	    margin-top:10px;
	    margin-left:1%;
}
div.list_area_one .cart_area .classlist dl dt{
	    font-weight:bold;
	    padding-left:15px;
	    background:url(../img/icon/ico_arrow_00.png) 5px 8px no-repeat;
}
div.list_area_one .cart_area .classlist dl dd{
}

/*お試し*/
div.full {
	width:95%;
	border-bottom: none;
	padding-bottom:0;
}
div.full {
	    margin: 2% 0;
	    padding:15px;
	    /* border-radius */
	    border-radius:;
	    -webkit-border-radius:;
	    -moz-border-radius:;
	    
	    /* box-shadow */
	    box-shadow:0px 0px 6px 3px rgba(113,135,164,0.3);
	    -webkit-box-shadow:0px 0px 6px 3px rgba(113,135,164,0.3);
	    -moz-box-shadow:0px 0px 6px 3px rgba(113,135,164,0.3);
}
div.full h3 {
	    float:left;
	    width:55%;
	    font-size:1.5em;
	    border-bottom:3px solid #dee3ea;
	    margin-top:6px;
	    margin-bottom:8px;
	}
div.full .pricebox {
	    float:left;
	    width:40%;
	    font-size:1.1em;
	    background:#f4f4f4;
	    border:1px solid;
	    margin-left:1%;
	    padding:7px 0;
	    text-align:center;
	}
div.full .pricebox .price {
	    font-size:1.5em;
	}
div.full .listcomment {
	    min-height:60px;
	    line-height:1.7em;
	    margin-bottom:10px;
	}
div.full .arrival_endsell {
	    margin-top:15px;
	    color:#ff0000;
	}
div.full .quantity {
	    width:20%;
	    float:left;
	}
div.full .cartin_btn {
	    width:79%;
	    float:right;
	    margin-top:-13px;
	}
div.full .cart_area .classlist{
	    float:left;
	    width:50%;
}
div.full .cart_area .cartin{
	    float:right;
	    width:49%;
	    margin-top:10px;
	    margin-left:1%;
}
div.full .cart_area .classlist dl dt{
	    font-weight:bold;
	    padding-left:15px;
	    background:url(../img/icon/ico_arrow_00.png) 5px 8px no-repeat;
}
div.full .cart_area .classlist dl dd{
}
*/



/* ==============================================
▼商品詳細
=============================================== */
/* レイアウト

    tplファイルのマークアップが同じ項目
        * 1カラム時
        * 2カラム時
        * 3カラム時

----------------------------------------------- */
#detailarea {
    margin-bottom: 20px;
    width: 100%;
}

/* レイアウト
----------------------------------------------- */
#detailphotobloc {
    width: 100%;
}
#detailrightbloc {
    width: 100%;
}
#detailarea .underbloc {
	margin-bottom:20px;
}

@media only screen and (min-width: 768px) {
#detailphotobloc {
    width: 49%;
    float: left;
}
#detailrightbloc {
    width: 49%;
    float: right;
}
}

/* 商品情報 各種設定
----------------------------------------------- */
/*パンくずリスト*/
#detailarea #pankuzu li#name {
	clear:both;
	display:block;
	font-size:120%;
	margin:5px 0 10px 0;
	padding:5px 10px;
	background-color:#f5f5f5;
	border-top:1px solid #999;
	border-bottom:1px solid #999;
}

@media only screen and (min-width: 460px) {
#detailarea #pankuzu li#name {
	clear: none;
	display: inline;
	font-size:100%;
	margin:0;
	padding:0;
	background: none ;
	border: none;
}
}

/* 画像 */
#detailphotobloc #amazingslider_detail {
	margin-bottom:100px;
}
#detailphotobloc #amazingslider_detail,
#detailphotobloc .photo {
}

#detailphotobloc .photo img {
	max-width:95%;
	border:#CCC 1px solid;
	padding:1.5%;
	background-color:#FFF;
}
#detailphotobloc .photo .mini {
	margin-bottom:15px;
}

/* NEWアイコン自動表示 */
#detailphotobloc {
	position:relative;
}
#detailphotobloc .new_icon {
	position:absolute;
	top:0; /*位置調整*/
	left:0; /*位置調整*/
	z-index:20;
}
#detailphotobloc .new_icon img.new {
	border:none;
}

/* QRコード */
.qrcode_detail {
	display:none;
}

@media only screen and (min-width: 460px) {
.qrcode_detail {
	display:block;
	position:relative;
	margin-bottom:15px;
	min-height:111px;
}
.qrcode_detail .qrcode_box {
	position:absolute;
	top:0;
	left:0;
	overflow:hidden;
	border:1px solid #CCC;
}
.qrcode_detail .qrcode {
}
.qrcode_detail .text {
	min-height:100px;
	padding-left:120px;
	background:url(../img/common/img_mobile.png) no-repeat right bottom;
}
}

/* 商品ステータス */
#detailrightbloc ul.status_icon {
    margin-bottom: 10px;
    width: 100%;
}
#detailrightbloc ul.status_icon li {
    margin-right: 5px;
    margin-bottom: 3px;
    float: left;
}

/* 商品コード */
#detailrightbloc .product_code dt,
#detailrightbloc .product_code dd {
    display: inline;
}

/* 商品名 */
#detailrightbloc h2 {
    margin: 0 0 10px 0;
    padding: 0 0 15px 0;
    color: #666;
    background: url("../img/background/line_dot_01.gif") repeat-x bottom ;
    font-weight: bold;
    font-size: 160%;
}

/* 通常価格 */
#detailrightbloc .normal_price dt,
#detailrightbloc .normal_price dd {
    display: inline;
}

/* 販売価格 */
#detailrightbloc .sale_price dt,
#detailrightbloc .sale_price dd {
    display: inline;
}

/*ポイント・関連カテゴリ・メーカーURL*/
#detailrightbloc .point,
#detailrightbloc .relative_cat,
#detailrightbloc .comment1 {
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
    background: url("../img/background/line_dot_01.gif") repeat-x bottom ;
}
#detailrightbloc .main_comment {
    margin-bottom: 20px;
}

/* ポイント */
#detailrightbloc .point dt,
#detailrightbloc .point dd {
    display: inline;
}

/* メーカー */
#detailrightbloc .maker dt,
#detailrightbloc .maker dd {
    display: inline;
}

/* メーカーURL */
#detailrightbloc .comment1 dt,
#detailrightbloc .comment1 dd {
    display: inline;
}

/* Googleマップボタン */
#detailrightbloc .detail_map_button {
	clear:both;
	margin-bottom:10px;
	padding-bottom:10px;
    background: url("../img/background/line_dot_01.gif") repeat-x bottom ;
}
#detailrightbloc .detail_map_button div {
	background:url(../img/icon/ico_arrow_00.png) 0 3px no-repeat;
	padding-left:10px;
}

/* 商品へのお問い合わせ */
#detailrightbloc .detail_contact_product {
	clear:both;
	margin-top:30px;
	margin-bottom:10px;
	padding-bottom:10px;
    background: url("../img/background/line_dot_01.gif") repeat-x bottom ;
}
#detailrightbloc .detail_contact_product div {
	background:url(../img/icon/ico_arrow_00.png) 0 3px no-repeat;
	padding-left:10px;
}

/* 追加商品情報 */
#detailrightbloc #product_head {
	clear:both;
	margin:20px 0 0 0;
	border:1px solid #ff0000;
	padding:10px 10px 0 10px;
	background-color:#f7f7f7;
}
#detailrightbloc #product_head .head_name {
	border-left:#999 5px solid;
	border-bottom:#999 1px dotted;
	padding-left:5px;
	margin-bottom:5px;
}
#detailrightbloc #product_head .head_content {
	padding-left:10px;
	margin-bottom:10px;
}
#detailrightbloc .product_head_space {
	height:8px;
}

/*規格画像*/
#detailarea #detail_class_title {
	margin-bottom:10px;
	border-left:10px #999 solid;
	padding:5px 0 5px 10px;
	background-color:#eee;
	font-size:120%;
}
#detailarea #detail_classimg_area {
	position: relative;
	margin-bottom:10px;
}
#detailarea #wrapper {
	position: relative;
	width: 88%;
	left: 6%;
	overflow:hidden;
}
#detailarea #carousel_classimg {
	display:none;
}
#detailarea #carousel_classimg .item {
	float: left;
	position: relative;
	margin:0 10px;
}
#detailarea #carousel_classimg .image_pc {
	display:none;
}
#detailarea #carousel_classimg .image_sphone {
	text-align: center;
	margin-bottom:5px;
}
#detailarea #carousel_classimg .image_pc img,
#detailarea #carousel_classimg .image_sphone img {
	max-width:94%;
	border:#CCC 1px solid;
	padding:2%;
	background-color:#FFF;
}
#detailarea #carousel_classimg .name {
	text-align:left;
	font-size:100%;
}
#prev_classimg,
#next_classimg {
	position:absolute;
	top:0;
	background: center center no-repeat #eee;
	width: 6%;
	height:100%;
	min-height:100%;
}
#prev_classimg:hover,
#next_classimg:hover {
	background-color: #bbb;
}
#prev_classimg {
	background-image: url(../img/button/gui-prev.png);
	left: 0;
}
#next_classimg {
	background-image: url(../img/button/gui-next.png);
	right: 0;
}

@media only screen and (min-width: 460px) {
#detailarea #wrapper {
	width: 92%;
	left: 4%;
}
#detailarea #carousel_classimg .image_pc {
	display:block;
	text-align: center;
	margin-bottom:5px;
}
#detailarea #carousel_classimg .image_sphone {
	display:none;
}
#prev_classimg,
#next_classimg {
	width: 4%;
	background: center center no-repeat #fff;
}
#prev_classimg {
	background-image: url(../img/button/gui-prev.png);
	left: 0;
}
#next_classimg {
	background-image: url(../img/button/gui-next.png);
	right: 0;
}
}

/*規格の詳細　プルダウン形式用*/
.detail_class_pull td.nowrap a.pc {
	display:none;
}	
@media only screen and (min-width: 460px) {
.detail_class_pull td.nowrap a.pc {
	display: block;
}	
.detail_class_pull td.nowrap a.sphone {
	display:none;
}	
}

/*規格でテーブルを選択し、スマホ画面で見る場合は、プルダウンで表示する*/
#detail_classtable {
	display:none;
}
@media only screen and (min-width: 460px) {
#detail_class_pull_sphone {
	display:none;
}
#detail_classtable {
	display: block;
}
#classlist_sphone {
	display:none;
}
}

/*価格等の詳細*/
#detail_classtable #detail_class_no table,
#detail_classtable #detail_class_no th,
#detail_classtable #detail_class_no td {
	border:none !important;
}

#detail_classtable #detail_class_no table {
	margin-top:-10px;
}

/* 買い物かご */
#detailarea .cart_area {
    padding: 10px;
    background-color: #f7f7f7;
    border: 1px solid #ccc;
	margin-bottom:30px;
}
#detailarea .quantity {
    width:100%;
}
#detailarea .quantity li {
    float: left;
}

/* カゴに入れる・お気に入りボタン */
#detailarea .cartin {
	margin-top:10px;
	padding-bottom:10px;
}	
#detailarea .cartin_btn {
	width:50%;
	margin:0 auto;
	text-align:center;
}
#detailarea .cartin_btn_half {
	width:49%;
	float:left;
	text-align:right;
}
#detailarea .cartin_btn .button,
#detailarea .cartin_btn_half .button {
	padding:7px 0;
	color:#FFF;
	width:90%;
	background: #FF6C26;
	border: 1px solid #666;
	text-shadow:1px 1px 1px rgba(0,0,0,1); 
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	cursor:pointer;
	font-weight:bold;
}
#detailarea .cartin_btn .button:hover,
#detailarea .cartin_btn_half .button:hover {
	background: #FF9D6F;
}
#detailarea .favorite_btn {
	width:49%;
	float:right;
	text-align:left;
}
#detailarea .favorite_btn .button {
	padding:7px 0;
	color:#333;
	width:90%;
	background: #ddd;
	border: 1px solid #666;
	text-shadow:1px 1px 1px rgba(255,255,255,1); 
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	cursor:pointer;
	font-weight:bold;
}
#detailarea .favorite_btn .button:hover {
	background: #eee;
}
/* 規格 */
#detailarea .classlist {
    margin-bottom: 10px
    background: url("../img/background/line_dot_02.gif") repeat-x bottom ;
}
#detailarea .classlist .clear {
    margin-bottom: 10px;
}
#detailarea .classlist ul li {
    vertical-align: top;
    float: left;
}

/* 期間限定販売 */
#detailarea .arrival_endsell {
	padding:10px;
	background-color: #F3F3F3;
	font-weight:bold;
	text-align:center;
}
#detailarea .arrival_endsell span {
	color:#F00;
}

/* 詳細-メインコメント */
#detailarea .main_comment .title {
	margin-bottom:10px;
	border-left:10px #999 solid;
	padding:5px 0 5px 10px;
	background-color:#eee;
	font-size:120%;
}
#detailarea .main_comment {
	padding-top:15px;
	margin-bottom: 15px;
	font-size:110%;
	line-height:1.75em;
	letter-spacing:0.05em;
}
#detailarea .main_comment img {
	margin:0 5px;
	margin-bottom:10px;
}

/* サブ情報 */
#detailsub_slide {
	display:none;
}
#pc_none_sub_area {
    margin-bottom: 20px;
}
@media only screen and (min-width: 980px) {
#pc_none_sub_area {
	display:none;
}
#detailsub_slide {
	display:block;
    margin-bottom: 25px;
}
}

/* サブ情報・スライド */
#detailsub_slide #tabs_detailsub img {
	padding:1.5%;
	border:#CCC 1px solid;
	background-color:#FFF;
	max-width:95%;
}
#detailsub_slide #tabs_detailsub > div {
	width:735px; /*横幅を指定する必要有り*/
	float: left;
	overflow: hidden;
}
#detailsub_slide #tabs_detailsub .text {
	width:57%;
	float:left;
}
#detailsub_slide #tabs_detailsub .image {
	width:40%;
	float:right;
	margin-right:1%;
}
#detailsub_slide #tabs_detailsub h3 {
	line-height: 20px;
	margin: 0 0 10px 0;
	font-size:130%;
}
#detailsub_slide #pager_detailsub {
	text-align: center;
	border-bottom:#CCC 1px solid;
	margin-bottom:10px;
}
#detailsub_slide #pager_detailsub a {
	border: 1px solid transparent;
	border-bottom: none;
	border-left: none;
	border-color: #ccc;
	color: #999;
	text-decoration: none;
	display: inline-block;
	padding: 10px 10px;
}
#detailsub_slide #pager_detailsub a:hover {
	color: #666;
}
#detailsub_slide #pager_detailsub a:first-child {
	border-left: 1px solid #ccc;
}
#detailsub_slide #pager_detailsub a.selected {
	background-color: #F4F0EE;
	color: #333;
}
/* サブ情報・スライド 使用しない*/
.sub_area .sphone_none {
	display:none;
}
@media only screen and (min-width: 460px) {
.sub_area .sphone_none {
	display: block;
}
.sub_area .pc_none {
	display:none;
}
}
.sub_area {
    margin-bottom: 20px;
    width: 100%;
}
.sub_area .title {
	font-size:140%;
	background-color:#eee;
	border-left:10px solid #CCC;
	padding:5px 10px;
	margin-bottom:10px;
}
.sub_area .subtext {
	width:57%;
	float:left;
}
.sub_area .subphotoimg {
	width:40%;
	float:right;
	margin-right:1%;
}
.sub_area .subphotoimg img {
	padding:1.5%;
	border:#CCC 1px solid;
	background-color:#FFF;
	max-width:95%;
}

/* YouTube */
#detailarea #detail_youtube {
}
#detailarea .embed-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	width: 100%;
	margin-bottom:15px;
}
#detailarea .embed-container iframe,
#detailarea .embed-container object,
#detailarea .embed-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* お客様の声
----------------------------------------------- */
div#customervoice_area {
    clear: both;
    margin-bottom: 30px;
}

div#customervoice_area h2 {
    margin-bottom: 20px;
    padding: 6px 0 8px 10px;
    border-top: solid 1px #f90;
    background: url('../img/background/bg_tit_sub_01.jpg') repeat-x left bottom;
}

div#customervoice_area .review_bloc {
    margin-bottom: 20px;
    padding: 10px;
    background-color: #f6f6f6;
}

div#customervoice_area .review_bloc p {
    padding-top: 3px;
    margin-right: 10px;
    float: left;
}

div#customervoice_area review_bloc .review_btn {
    float: right;
    width: 160px;
}

div#customervoice_area ul li {
    padding-bottom: 15px;
    margin-bottom: 15px;
    background: url("../img/background/line_dot_01.gif") repeat-x bottom ;
}

div#customervoice_area .voicetitle {
    margin-bottom: 5px;
    color: #333;
    font-weight: bold;
}

div#customervoice_area .voicedate {
    margin-bottom: 10px;
}


/* 関連商品
----------------------------------------------- */
#whobought_area {
    clear: both;
	margin-bottom:25px;
}
#whobought_area .whobought_title {
	margin-bottom:10px;
	border-left:10px #999 solid;
	padding:5px 0 5px 10px;
	background-color:#eee;
	font-size:120%;
}
div#whobought_area .product_item {
	clear:both;
	width:100%;
}
div#whobought_area .product_item .productImage {
	float:left;
	width:50%;
}
div#whobought_area .product_item .productContents {
	float:right;
	width:48%;
}
div#whobought_area .product_item .productImage img {
	max-width:94%;
	border:#CCC 1px solid;
	padding:2%;
	background-color:#FFF;
	margin-bottom:10px;
}
div#whobought_area .product_item .productContents h3 {
	font-weight:normal;
	margin-bottom:5px;
}
@media only screen and (min-width: 460px) {
/* 5列横並び */
div#whobought_area .product_item_left {
	width:19%;
	margin-right:1%;
}
div#whobought_area .product_item_right {
	width:20%;
}
div#whobought_area .product_item {
	float:left;
	clear:none;
}
div#whobought_area .product_item .productImage {
	margin-bottom:5px;
	float:none;
	width:100%;
}
div#whobought_area .product_item .productContents {
	float:none;
	width:100%;
}
div#whobought_area .product_item .productImage img {
	margin-bottom:0;
}
div#whobought_area .clear {
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:#999 1px dotted;
}
/* 2列横並び */
div#whobought_area #pattern2 .product_item_left {
	width:48%;
	float:left;
}
div#whobought_area #pattern2 .product_item_right {
	width:48%;
	float:right;
}
div#whobought_area #pattern2 .product_item .productImage {
	float:left;
	width:49%;
}
div#whobought_area #pattern2 .product_item .productContents {
	float:right;
	width:49%;
}

}

/* ***********************************************
▼カートの中
/*********************************************** */
/* 現在のカゴの中
----------------------------------------------- */
div#undercolumn_cart .point_announce {
    padding: 20px;
    margin-bottom: 20px;
    border: solid 1px #ccc;
    background: #f7f7f7;
    font-size: 120%;
    text-align: left;
    line-height: 140%;
}
div#undercolumn_cart .totalmoney_area {
    margin-bottom: 20px;
}

div#undercolumn_cart p {
    margin: 10px 5px;
}

div#undercolumn ul#quantity_level{

}
div#undercolumn ul#quantity_level li {
    padding: 3px;
    display: inline;
}

div#undercolumn .empty {
    text-align: left;
}

div.form_area {
    margin-bottom: 30px;
}

/*商品をすべて削除ボタン */
#undercolumn_cart #deleteall {
	margin-bottom:10px;
	text-align:right;
}
#undercolumn_cart #deleteall a {
	color:#333;
	font-weight: bold;
	background: #eee;
	border: 1px solid #333;
	text-shadow:1px 1px 1px rgba(255,255,255,1); 
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	padding:3px 10px;
}
#undercolumn_cart #deleteall a:hover {
	background: #ccc;
}

#undercolumn_cart .tab_resp table td {
	vertical-align:middle;
}
#undercolumn_cart .tab_resp table td .suryo {
	margin-bottom:10px;
	font-weight:bold;
}
#undercolumn_cart .tab_resp th.name {
	text-align:left;
	background-color:#eee;
}
#undercolumn_cart .tab_resp td.kei {
	padding-bottom:30px;
}
#undercolumn_cart .tab_resp th.align {
	text-align:left;
}

@media only screen and (min-width: 460px) {
#undercolumn_cart .tab_resp th.name {
	background-color:#FFF;
}
#undercolumn_cart .tab_resp td.kei {
	padding-bottom:0;
}
#undercolumn_cart .tab_resp th.align {
	text-align:right;
}
}

/* ***********************************************
▼購入手続き
/*********************************************** */

#undercolumn_shopping {
	margin-bottom:20px;
}

/* ステップ
----------------------------------------------- */
#undercolumn_shopping #shopping_stage_step,
#undercolumn_customer #shopping_stage_step {
	color: #9A9A9A;
	margin-bottom:10px;
}
#undercolumn_shopping #shopping_stage_step .step,
#undercolumn_customer #shopping_stage_step .step {
	float:left;
	width:20%;
	margin-right:5%;
	padding-right:2%;
	background:url(../img/button/btn_arrow_on.png) no-repeat center right;
}
#undercolumn_shopping #shopping_stage_step .step_4,
#undercolumn_customer #shopping_stage_step .step_4 {
	float:left;
	width:19%;
}
#undercolumn_shopping #shopping_stage_step .active,
#undercolumn_customer #shopping_stage_step .active {
	color:#333;
	font-weight:bold;
}

@media only screen and (min-width: 460px) {
#undercolumn_shopping #shopping_stage_step .step,
#undercolumn_customer #shopping_stage_step .step {
	margin-right:5%;
	padding-right:2%;
}
}

/* お届け先の指定
----------------------------------------------- */
#address_area {
    margin-bottom: 10px;
    width: 100%;
}
#address_area .information {
    width: 100%;
}
#undercolumn_shopping .information {
    margin-bottom: 15px;
}
#address_area .add_multiple {
    padding: 15px 2%;
    border: 1px solid #ccc;
    width: 94%;
	margin:0 auto;
	margin-bottom:20px;
    color: #555;
    background: #f7f7f7;
    text-align: center;
    font-weight: bold;
}
#address_area .add_multiple p {
    margin-bottom: 10px;
}
#address_area p.addbtn {
    font-weight: bold;
    font-size: 10px;
}
#undercolumn_shopping .tab_resp table.delive tr {
	margin-bottom:20px;
}
#undercolumn_shopping .tab_resp table.delive td {
	background-color:#f7f7f7;
}
#undercolumn_shopping .tab_resp a.delete {
	display:block;
	margin-top:-15px;
}

@media only screen and (min-width: 460px) {
#address_area .information {
    width: 65%;
    float: left;
}
#address_area .add_multiple {
    float: right;
    width: 28%;
	margin-bottom:0;
}
#undercolumn_shopping .tab_resp table.delive tr {
	margin-bottom:0;
}
#undercolumn_shopping .tab_resp table.delive td {
	background-color:#fff;
}
#undercolumn_shopping .tab_resp a.delete {
	display: inline;
	margin-top:0;
}
}

/* お支払い方法・お届け時間等の指定
----------------------------------------------- */
div#undercolumn_shopping .pay_area {
    margin: 0 auto 30px;
    width: 100%;
}
div#undercolumn_shopping .pay_area02 {
    margin: 40px auto 30px auto;
}
div#undercolumn_shopping .pay_area02 .txtarea {
    margin: 5px 0 0 0;
    padding: 2px;
    border: 1px solid #ccc;
    width: 99%;
    height: 150px;
}
div#undercolumn_shopping .pay_area02 .select-msg {
    margin-bottom: 10px;
}
div#undercolumn_shopping .point_area {
    margin: 40px auto 0 auto;
}
div#undercolumn_shopping .point_area .point_announce {
    padding: 20px;
    border: 1px solid #ccc;
}
div#undercolumn_shopping .point_area p {
    margin-bottom: 20px;
}
div#undercolumn_shopping .point_area .point_announce li {
    margin-bottom: 5px;
}
div#undercolumn_shopping table.payment a.sphone_none {
	display:none;
}
div#undercolumn_shopping .delivdate span {
	display:block;
	margin-bottom:10px;
}

@media only screen and (min-width: 460px) {
div#undercolumn_shopping table.payment a.sphone_none {
	display: inline;
}
div#undercolumn_shopping table.payment a.pc_none {
	display:none;
}
div#undercolumn_shopping .delivdate span {
	display:inline;
	margin-bottom:0;
}
}

/* 入力内容のご確認
----------------------------------------------- */
div#undercolumn_shopping .tab_resp table.confirm td {
	vertical-align:middle;
}
div#undercolumn_shopping .tab_resp table.confirm td.kei {
	padding-bottom:20px;
}
div#undercolumn_shopping .tab_resp table.confirm th.align {
	text-align:left;
}

@media only screen and (min-width: 460px) {
div#undercolumn_shopping .tab_resp table.confirm td.kei {
	padding-bottom:0;
}
div#undercolumn_shopping .tab_resp table.confirm th.align {
	text-align:right;
}
}

/* 会員登録をしないで購入
----------------------------------------------- */
#undercolumn_customer {
	margin-bottom:30px;
}


/* ==============================================
▼検索結果
=============================================== */
p.condition_area {
    margin: 0 auto;
    padding: 5px;
    border: solid 1px #333;
    width: 566px;
}

/* ==============================================
▼FAQ
=============================================== */
div#undercolumn_faq .category_title {
    font-size:120%;
    margin-bottom:10px;
    margin-top:40px;
	padding-bottom:3px;
	color:#26499d;
	border-bottom:#26499d 1px dotted;
}
div#undercolumn_faq .category_box {
	margin-bottom:20px;
}
div#undercolumn_faq table {
	margin:0;
	border:none;
}
div#undercolumn_faq table td {
	padding:0;
	border:none;
}
div#undercolumn_faq .faq_q,
div#undercolumn_faq .faq_a {
	width:20px;
	vertical-align:top;
	text-align:center;
}
div#undercolumn_faq .faq_q span {
	padding:0 2px;
	background-color: #26499d;
	color:#fff;
}
div#undercolumn_faq .faq_a span {
	padding:0 2px;
	color:#ff0000;
	font-weight:bold;
}
div#undercolumn_faq .faq_question {
	cursor:pointer;
	margin-bottom:5px;
}
div#undercolumn_faq .faq_question .question {
	padding-left:5px;
}
div#undercolumn_faq .faq_question:hover {
	color:#F60;
}
div#undercolumn_faq .faq_answer {
	margin-bottom:15px;
}
div#undercolumn_faq .faq_answer .answer {
	padding:5px;
	border: #ff0000 1px solid;
	background-color: #f7f7f7;
}

/* imgL_box */
.imgL_box {
	overflow:hidden;
}
.imgL_box:after {
	clear:both;
}
.imgL_box img {
	float:left;
	padding-right:40px;
}
.imgL_box img.min {
	width:40%;
}
.imgL_box h4 {
	font-size:16px;
	font-weight:bold;
	margin-bottom:10px;
}
.f_arrow {
    font-size: 250%;
    text-align: center;
    margin: 0.5em 0;
    color:#26499d;
}

@media screen and (max-width: 767px) {
.imgL_box {
	overflow:hidden;
}
.imgL_box:after {
	clear:both;
}
  .imgL_box img {
	  float:none;
	  padding:0 10px;
	  }
.imgL_box img.min {
	width:100%;
	}
}
.imgL_box p {
	margin-bottom:20px;
}


/* ==============================================
▼お問い合わせ
=============================================== */
#undercolumn_contact {
	margin-bottom:30px;
}
#undercolumn_contact .box380 {
	width:100%;
}
#undercolumn_contact input.box120 {
	display:block;
	width:100%;
	margin-bottom:10px;
}
#undercolumn_contact p.top a,
#undercolumn_contact p.top span {
	display:block;
}

@media only screen and (min-width: 460px) {
#undercolumn_contact .box380 {
	width:380px;
}
#undercolumn_contact input.box120 {
	display: inline;
	width:120px;
	margin-bottom:0;
}
#undercolumn_contact p.top a,
#undercolumn_contact p.top span {
	display:inline;
}
}

/* ==============================================
▼新着情報一覧
=============================================== */
#undercolumn_news{
    width:95%;
    margin:0 auto;
}
#undercolumn_news h2{
}
#undercolumn_news dl{
}

#undercolumn_news dl dt{
    cursor:pointer;
}
#undercolumn_news dl dd{
}

/* ==============================================
▼出資金返還
=============================================== */
#undercolumn_henkan{
    width:100%;
}
#undercolumn_henkan p{
    margin-bottom:1em;
    line-height:1.6em;
}
#undercolumn_henkan p i{
    margin-right:3px;
}
#undercolumn_henkan p a{
    text-decoration:underline;
}
#undercolumn_henkan p a:hover{
    text-decoration:none;
}
#undercolumn_henkan p.top_title{
    margin-top:-30px;
    margin-bottom:0.5em;
}
#undercolumn_henkan h3{
    margin:40px 0 10px 0;
    font-size:18px;
    color:#171c61;
}
#undercolumn_henkan h3 span{
    letter-spacing:-0.0em;
}
#undercolumn_henkan h5{
    font-size:14px;
}
#undercolumn_henkan .scheduleBlock{
    width:100%;
    margin-bottom:20px;
    padding:2% 2% 0 2%;
    border:2px solid #ccc;
    border-radius:5px;
    box-sizing: border-box;
}
#undercolumn_henkan .scheduleBlock h4.subtitle {
    position:relative;
    border-bottom:1px solid #d0d0db;
    margin:30px 0 20px;
    font-size:15px;
}
#undercolumn_henkan .scheduleBlock h4.subtitle span {
    position:absolute;
    top:-13px;
    left:0px;
    background:#fff;
    padding:5px 13px 5px 0;
    color:#171c61;
    font-weight:normal;
}
#undercolumn_henkan .scheduleBlock ul.disc{
	margin:7px 20px 7px 40px;
}
#undercolumn_henkan .scheduleBlock ul.disc li{
	list-style-type:disc;
}
#undercolumn_henkan .scheduleBlock p{
	margin:0 20px 0 25px;
}
#undercolumn_henkan .dl_bnr{
	width:86%;
	margin:2% 2%;
	padding:2% 5%;
	background:#d0d0db;
}
#undercolumn_henkan table#schedule{
    border-top: none;
    border-left: none;
}
#undercolumn_henkan table#schedule th{
    border-right: none;
    border-bottom: none;
    vertical-align: top;
    text-align: left;
    background: #fff;
}
#undercolumn_henkan table#schedule td{
    border-right: none;
    border-bottom: none;
    padding-left: 10px;
}
#undercolumn_henkan img.floatR{
    float:right;
    margin-bottom:15px;
}

@media only screen and (max-width: 767px) {
	#undercolumn_henkan{
	    width:96%;
	    margin:0 2%;
	}
	#undercolumn_henkan .dl_bnr{
		width:100%;
		margin:2% 0;
		padding:2% 0;
		background:#d0d0db;
	}
	#undercolumn_henkan .scheduleBlock p{
		margin:0 10px 0 10px;
	}
	#undercolumn_henkan .scheduleBlock ul.disc{
		margin:7px 10px 7px 27px;
	}
	#undercolumn_henkan img.floatR{
	    float:right;
	    margin-left:10px;
	    margin-bottom:10px;
	}
}

/* ==============================================
▼緊急のご案内
=============================================== */
#emergency{
	width: 100%;
	border: 2px solid #aaa;
	margin: 20px auto ;
	padding: 0 30px 20px;
	box-sizing: border-box;
}
#emergency h3{
	margin-bottom: 15px;
	font-size: 1.65em;
	font-weight: bold;
	line-height: 1.8em;
	text-align: center;
	border: none;
}
#emergency h4{
	width: auto;
	margin-bottom: 20px;
	padding: 5px 0 0 20px;
	color: #000;
	box-sizing: border-box;
}
#emergency p{
	font-size: 110%;
	line-height: 1.65em;
	text-align: left;
}
#emergency ul li{
	font-size: 110%;
	line-height: 1.65em;
	text-align: left;
}
#emergency .ttl{
	margin-top: 30px;
}
@media only screen and (max-width: 767px) {
	#emergency{
		width: 98%;
		border: 2px solid #aaa;
		margin: 0 auto 15px;
		padding: 10px 10px;
		box-sizing: border-box;
	}
	#emergency h3{
		margin-bottom: 15px;
		font-size: 1.38em;
		font-weight: bold;
		line-height: 1.70em;
	}
	#emergency p{
		font-size: 100%;
		line-height: 1.60em;
		text-align: left;
	}
	#emergency ul.disc li{
		font-size: 100%;
		line-height: 1.60em;
		text-align: left;
	}
	#emergency .ttl{
		margin-top: 15px;
	}
}

/* 2022年加入手続きのご案内
----------------------------------------------- */
h3.h3_title01{
    position: relative;
    color: #000;
    margin: 40px 0 20px 0 !important;
    padding: 0 0 10px!important;
    font-size: 160% !important;
    border-left: none !important;
    border-bottom: 5px solid #d4d4d4;
}
h3.h3_title01:after{
    content:  '';
    width: 85px;
    height: 5px;
    background-color:#124aa0;
    display:  block;
    position:  absolute;
    left: 0px;
    bottom: -5px;
}
.section-flow .flow{
    margin: 0 0 20px;
}
.section-flow .flow li{
    display: table;
    width: 100%;
    margin: 0 auto;
    -moz-box-sizing: border-box;
         box-sizing: border-box;
    border: 1px solid #124aa0;
    background: #fff;
    position: relative;
}
.section-flow .flow li:after{
    content: "";
    position: absolute;
    bottom: -62px;
    left: 50%;
    margin-left: -30px;
    border: 30px solid transparent;
    border-top: 30px solid #124aa0;
    z-index: 0;
}
.section-flow .flow li.last:after{
    content: none !important;
}
.section-flow .flow li + li{
    margin-top: 32px;
}
.section-flow .flow li .step{
    padding: 20px 0;
    background: #124aa0;
    color: #fff;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 85px;
}
.section-flow .flow li .step .num {
    margin: 0 0;
    color: #fff;
    font-family: 'brandon-grotesque',sans-serif;
    font-weight: bold;
    letter-spacing: 0.05em;
    font-size: 18px;
    text-align: center;
    vertical-align: middle;
}
.section-flow .flow .detail{
    padding: 20px 20px;
}
.section-flow .flow .detail h3{
    margin: 0 0 10px !important;
    padding: 0 0 !important;
    text-align: left;
    font-size: 22px !important;
    border-left: none !important;
    color: #023b96;
}
.section-flow .flow .detail h4{
    margin: 0 0;
    padding: 0 0;
    text-align: left;
    font-size: 16px !important;
    border: none !important;
    background: none !important;
}
.section-flow .flow .detail p{
    position: relative;
    margin: 0 0 5px 20px !important;
    padding: 0 0;
    text-align: left;
    font-size: 15px !important;
    border-left: none !important;
    line-height: 1.7em;
}
.section-flow .flow .detail p:after {
    position: absolute;
    left: -20px;
    top: -1px;
    display: block;
    content: "●";
    color: #3441cf;
}
.section-flow .flow .detail dl {
    margin: 0 0;
    padding: 10px 10px;
    background: #fffac2;
}
.section-flow .flow .detail dt {
    font-size: 15px;
    font-weight: bold;
    color:#023b96;
}
.section-flow .flow .detail dd {
    margin: 5px 0 0 0;
    padding-bottom: 0;
    border: none;
    font-size: 15px;
}
.section-flow .flow .detail .image img {
    max-width: 100%;
    margin: 0 auto;
    display: block;
}
.section-flow .flow .detail .btn_ {
    margin: 0 auto;
}
.section-flow .flow .detail .btn_ .btn_detail{
	position:relative;
	display:block;
	margin:20px auto;
	padding:18px 0;
	width:90%;
	font-size:16px;
	font-weight:bold;
	color:#fff !important;
	text-align:center;
	background: #4472c4;
	border: 1px solid #4472c4;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
         transition: all 0.5s ease;
         -webkit-transition: all 0.5s ease;
         -moz-transition: all 0.5s ease;
         -o-transition: all 0.5s ease;
}
.section-flow .flow .detail .btn_ .btn_detail:after {
	content: '';
	margin-top: -7px;
	top: 50%;
	right: 15px;
	width: 10px;
	height: 10px;
	color: #fff;
	font-size: 1em;
	font-weight: bold;
	line-height: 1.2em;
	display: block;
	position: absolute;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.section-flow .flow .detail .btn_ .btn_detail:hover{
	background: #355da8;
}
.section-flow .flow .detail .btn_ .btn_soon{
	display:block;
	margin:20px auto 0;
	padding:18px 0;
	width:90%;
	font-size:16px;
	font-weight:bold;
	color:#777 !important;
	text-align:center;
	background: #ccc;
	border: 1px solid #ccc;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	cursor: default;
}
.section-flow .attentionBox{
	background:#fdf7f8;
	margin:20px auto 0;
	padding:10px 10px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.section-flow .attentionBox p{
	font-size:15px;
	letter-spacing:-0.0em;
}
.section-flow .attentionBox p:after {
    content: "※" !important;
    color: #ff0000 !important;
}
.section-flow .attentionBox a{
	text-decoration:underline;
}

.dic_head2022{
  display: flex;
  margin: 0 0;
}
.dic_head2022 h2 img{
  max-width: 100%;
}
.dic_head2022 .txt_block {
  margin: 0 0;
  padding: 0 0;
}
.dic_head2022 .txt_block p{
  margin: 0 0;
  padding: 0;
  font-size: 1.25em;
  line-height: 1.80em;
}
.dic_head2022 .image {
  width: 100%;
  margin: 0 0;
  padding: 0 0;
  overflow: hidden;
  position: relative;
}
.dic_head2022 .image img{
  width: 100%;
}
.col_3{
	margin: 30px 0 0 0;
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
}
.g-pass{
	margin: 0 auto;
	padding: 1.5% 1.5%;
	background: #fcdcb7;
}
.g-pass h3{
	position: relative;
	margin: 0 0 20px;
	padding: 8px 0px;
	text-align: center;
	font-size: 1.60em !important;
	letter-spacing: 0.0em;
	color: #fff;
	background:#f08200;
	border-left:none;
}
.g-pass h3:before {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -30px;
	border: 30px solid transparent;
	border-top: 20px solid #f08200;
}
.g-pass h3 span{
	font-size: 1.60em !important;
}
.coop_points dl{
	position: relative;
	padding: 40px 10px 0 10px;
	margin-right: 10px;
	text-align: center;
	background: #fff;
	border-radius: 5px; 
	box-shadow:4px 4px 4px -2px #555;
}
.coop_points dl:last-child{
	padding: 40px 10px 0 10px;
	margin-right: 0;
	border-right: none;
}
.coop_points dt{
	position: absolute;
	top: -20px;
	left: 0px;
	width: 55px;
	height: 55px;
	line-height: 55px;
	margin: 0;
	padding: 0;
	font-weight: 600;
	font-size: 1.2em;
	color: #fff;
	letter-spacing: -0.0em;
	background: #e4007f;
	border-radius: 50%;
}
.coop_points dt .no{
	font-size: 1.6em;
}
.coop_points dd{
	padding: 0 0;
	font-size: 1.125em;
	line-height: 1.55;
	letter-spacing: -0.0em;
	border: none !important;
	text-align: left;
	color: #e4007f;
}
.coop_points dd.head{
	color: #000 !important;
}
.h_voice{
	margin: 0 auto 10px;
	padding: 15px 15px;
	border: 2px solid #0599d9;
	border-radius: 10px;
	background: #fffde4;
}
.alignR{
	text-align: right !important;
}
h3 img.h3_img{
    max-width: 100%;
}
.section-flow .pass{
    margin: 0 0;
}
.section-flow .pass li{
    display: table;
    width: 100%;
    margin: 0 auto;
    -moz-box-sizing: border-box;
         box-sizing: border-box;
    background: #fff;
    position: relative;
}
.section-flow .pass li.last{
    margin-bottom: 30px;
}
.section-flow .pass li:after{
    content: "";
    position: absolute;
    bottom: -40px;
    left: 50px;
    margin-left: -18px;
    border: 20px solid transparent;
    border-top: 20px solid #333;
    z-index: 0;
}
.section-flow .pass li + li{
    margin-top: 19px;
}
.section-flow .pass li .step{
    margin: 0 0;
    padding: 0 0;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 50px;
    border-right:5px solid #333;
}
.section-flow .pass .detail{
    padding: 20px 20px;
    box-sizing: border-box;
}
.section-flow .pass .detail h3{
    margin: 0 0 10px !important;
    padding: 0 0 !important;
    text-align: left;
    font-size: 22px !important;
    border-left: none !important;
    color: #333;
}
.section-flow .pass .detail h3 .phase{
    position: relative;
    margin-right: 15px;
    padding: 0 20px 0 3px;
    font-size: 20px !important;
    background: #f19ec2;
    color: #fff;
    letter-spacing: -0.05em;
}
.section-flow .pass .detail h3 .num{
    position: absolute;
    top: 0px;
    right: -15px;
    width: 30px;
    height: 30px;
    padding: 0;
    line-height: 30px;
    font-size: 25px !important;
    text-align: center;
    background: #e4007f;
    color: #fff;
    letter-spacing: -0.05em;
    border-radius: 50%;
}
.section-flow .pass .detail p{
    position: relative;
    margin: 0 0 5px 20px !important;
    padding: 0 0;
    text-align: left;
    font-size: 15px !important;
    border-left: none !important;
    line-height: 1.7em;
}
.section-flow .pass .detail .image img {
    max-width: 100%;
    margin: 0 auto;
    display: block;
}
@media print, screen and (max-width: 767px) {
	.section-flow .flow{
	    margin: 0 0 20px;
	}
	h3.h3_title01{
	    position: relative;
	    color: #000;
	    margin: 20px 0 20px 0 !important;
	    padding: 0 0 10px!important;
	    font-size: 140% !important;
	    border-left: none !important;
	    border-bottom: 5px solid #d4d4d4;
	}
	h3.h3_title01:after{
	    content:  '';
	    width: 85px;
	    height: 5px;
	    background-color:#124aa0;
	    display:  block;
	    position:  absolute;
	    left: 0px;
	    bottom: -5px;
	}
	.section-flow .flow li .step{
	    padding: 20px 0;
	    background: #124aa0;
	    color: #fff;
	    display: table-cell;
	    vertical-align: middle;
	    text-align: center;
	    width: 50px;
	}
	.section-flow .flow li .step .num {
	    margin: 0 0;
	    color: #fff;
	    font-family: 'brandon-grotesque',sans-serif;
	    font-weight: bold;
	    letter-spacing: 0.05em;
	    font-size: 15px;
	    text-align: center;
	    vertical-align: middle;
	    line-height: 1.50em;
	}
	.section-flow .flow li .step .num .large{
	    font-size: 22px;
	}
	.section-flow .flow .detail{
	    padding: 15px 10px 10px;
	}
	.section-flow .flow .detail h3{
	    margin: 0 0 10px !important;
	    padding: 0 0 !important;
	    text-align: left;
	    font-size: 18px !important;
	    border-left: none !important;
	    color: #023b96;
	}
	.section-flow .flow .detail .btn_ .btn_detail{
		position:relative;
		display:block;
		margin:20px auto;
		padding:16px 0;
		width:100%;
		font-size:16px;
		font-weight:bold;
		line-height:1.6em;
		color:#fff !important;
		text-align:center;
		background: #4472c4;
		border: 1px solid #4472c4;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	         transition: all 0.5s ease;
	         -webkit-transition: all 0.5s ease;
	         -moz-transition: all 0.5s ease;
	         -o-transition: all 0.5s ease;
	}
	.section-flow .flow .detail .btn_ .btn_detail:after {
		content: none;
	}
	.section-flow .flow .detail .btn_ .btn_soon{
		display:block;
		margin:20px auto 0;
		padding:16px 0;
		width:100%;
		font-size:16px;
		font-weight:bold;
		color:#777 !important;
		text-align:center;
		background: #ccc;
		border: 1px solid #ccc;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		cursor: default;
	}
	.dic_head2022{
	  margin: 30px 0 30px;
	  flex-direction: column;
	  align-content:space-around;
	}
	.dic_head2022 .txt_block {
	  margin: 0 0 0 0;
	  padding: 0;
	}
	.dic_head2022 .txt_block p{
	  margin: 0 0;
	  padding: 0;
	  font-size: 1.15em;
	  line-height: 1.70em;
	}
	.dic_head2022 .image {
	  width: 70%;
	  margin: 10px auto;
	  padding: 0;
	  overflow: hidden;
	  position: relative;
	}
	.col_3{
		display: block;
	}
	.g-pass{
		margin: 0 auto;
		padding: 1.5% 1.5%;
	}
	.coop_points dl{
		padding: 40px 10px 10px 10px;
		margin-right: 0;
		margin-bottom: 30px !important;
	}
	.coop_points dl:last-child{
		padding: 40px 10px 10px 10px;
		margin-right: 0;
		border-right: none;
		margin-bottom: 5px !important;
	}
	.section-flow .pass li.last{
	    margin-bottom: 15px;
	}
	.section-flow .pass li:after{
	    content: "";
	    position: absolute;
	    bottom: -23px;
	    left: 14px;
	    margin-left: -13px;
	    border: 10px solid transparent;
	    border-top: 10px solid #333;
	    z-index: 0;
	}
	.section-flow .pass li + li{
	    margin-top: 15px;
	}
	.section-flow .pass li .step{
	    margin: 0 0;
	    padding: 0 0;
	    display: table-cell;
	    vertical-align: middle;
	    text-align: center;
	    width: 10px;
	    border-right:3px solid #333;
	}
	.section-flow .pass .detail{
	    padding: 5px 5px 5px;
	}
	.section-flow .pass .detail h3{
	    margin: 0 0 10px !important;
	    padding: 0 0 !important;
	    text-align: left;
	    font-size: 18px !important;
	    border-left: none !important;
	    color: #000;
	}
}


/* ==============================================
▼ICカード申請
=============================================== */
.login_wrapper p {
    position: relative;
    margin-bottom: 40px;
    color: #ff0000;
    font-weight: bold;
    text-align: center;
    font-size: 130% !important;
    line-height: 1.85em;
}
.login_wrapper p:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -30px;
    border: 30px solid transparent;
    border-top: 20px solid #ff0000;
}

/* ==============================================
▼新しいICカード
=============================================== */
.iccard-head{
    padding: 2% 3%;
    border: 3px solid #ff0000;
}
.iccard-head p{
    font-size: 20px !important;
    font-weight: normal;
    line-height: 1.8em;
}
#freshman h3.heading{
    margin: 40px 0 30px !important;
    font-size: 20px;
    line-height: 1.8em;
    text-align: center;
    font-weight: normal;
}
.section-flow .flow .detail h4.large{
    font-size: 20px !important;
    font-weight: normal;
}
.section-flow .flow li.start{
    padding: 20px 0;
    text-align: center;
    border: 3px solid #124aa0;
}
.section-flow .flow li.start h3{
    font-size: 22px !important;
    color:#023b9d !important;
}
.section-flow .step_inner{
    float: left;
    width: 100%;
    padding: 20px;
    border-bottom: 1px solid #124aa0;
    box-sizing: border-box;
}
.section-flow .step_inner .step_img{
    float: left;
    width: 300px;
    margin: 0;
    padding: 0;
}
.section-flow .step_inner .step_cmt{
    float: right;
    width: calc(100% - 300px);
    margin: 0;
    padding: 0;
    font-size: 17px;
    line-height: 1.7em;
}
.section-flow .step_inner .step_img img{
    width: 280px;
}
.section-flow .step_inner .step_cmt .num,
.section-flow .step_inner .step_cmt_w .num{
    font-size: 38px;
    font-weight: bold;
    color: #124aa0;
}
.section-flow .step_inner .step_img_w{
    float: none;
    width: 100%;
    margin: 0;
    padding: 0;
}
.section-flow .step_inner .step_cmt_w{
    float: none;
    width:100%;
    margin: 0 0 15px 0;
    padding: 0;
    font-size: 17px;
    line-height: 1.7em;
}
.section-flow .step_inner .step_img_w img{
    max-width: 650px !important;
}
.section-flow img.photo{
    border: 1px solid #ccc !important;
}
.section-flow .link{
    font-weight: bold;
}
.section-flow .link a{
    text-decoration: underline;
}
@media print, screen and (max-width: 767px) {
	.iccard-head{
	    padding: 2% 3%;
	    border: 2px solid #ff0000;
	}
	.iccard-head p{
	    font-size: 16px !important;
	    font-weight: normal;
	    line-height: 1.55em;
	}
	#freshman h3.heading{
	    margin: 15px 10px !important;
	    font-size: 16px;
	    line-height: 1.55em;
	    text-align: left;
	    letter-spacing: 0.0em;
	}
	.section-flow .flow .detail h4.large{
	    font-size: 16px !important;
	}
	.section-flow .step_inner .step_img img{
	    width: 100%;
	    max-width: 280px;
	    margin: 0 auto 30px;
	    display: block;
	}
	.section-flow .step_inner{
	    float: none;
	    width: 100%;
	    margin-bottom: 15px;
	}
	.section-flow .step_inner .step_img{
	    float: none;
	    width: 100%;
	}
	.section-flow .step_inner .step_cmt{
	    float: none;
	    width: 100%;
	    margin-bottom: 10px;
	}
 }
.btn_pdf {
	display:block;
	width:60%;
	margin:8px 0 15px;
	padding:20px 15px;
	color:#fff;
	font-weight:bold;
	background: url("../img/icon/icons8-pdf-2-26.png")#fff 98% 9px no-repeat;
	background-size: 30px;
	border: 2px solid #232472;
	color: #232472;
	display:block;
	font-size:16px;
	cursor:pointer;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}
.btn_pdf:hover {
	background: url("../img/icon/icons8-pdf-2-26.png")#eeeef0 98% 9px no-repeat;
	background-size: 30px;
}
.btn_pdf a {
	display: block;
}
@media only screen and (max-width: 767px) {
	.btn_pdf {
		width:calc(100% - 54px);
		margin:8px 0 5px 0;
		padding:10px 20px;
		padding-right:25px;
		color:#fff;
		font-weight:bold;
		background: url("../img/icon/icons8-pdf-2-26.png")#fff 98% 9px no-repeat;
		background-size: 38px;
		border: 2px solid #232472;
		display:block;
		font-size:16px;
		line-height:1.5em;
		cursor:pointer;
		transition: all 0.5s ease;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
	}
	.btn_pdf:hover {
		background: url("../img/icon/icons8-pdf-2-26.png")#eeeef0 98% 9px no-repeat;
		background-size: 38px;
	}
}

/* NAVI
----------------------------------------------- */
.sub-navi{
    margin: -38px auto 0;
    padding: 0;
    width: 100%;
    overflow-x: auto;
    white-space: nowrap;
    overflow-scrolling: touch;
    -webkit-overflow-scrolling: touch;
    background: #f3f3f3;
}
.sub-navi li{
    display: inline-block;
    padding: 10px 5px;
    font-size: 0.90em;
    letter-spacing: -0.0em;
}
.sub-navi li a{
    position: relative;
    color: #000e;
}
.sub-navi li a::after {
    position: absolute;
    bottom: -8px;
    left: 0;
    content: '';
    width: 100%;
    height: 3px;
    background: #4472c4;
    transform: scale(0, 1);
    transform-origin: center top;
    transition: transform .3s;
}
.sub-navi li a:hover::after {
    transform: scale(1, 1);
}
.sub-navi li a:hover {
    opacity: 1.0 !important;
    color:#4472c4;
}
.sub-navi li a.active::after {
    content:none;
}
.sub-navi li .active{
    border-bottom: 3px solid #4472c4;
    padding: 12px 0 5px;
    color: #4472c4;
    font-weight: bold;
}
.sub-navi li .active a.manabi{
    color: #4472c4 !important;
}
@media print, screen and (min-width: 768px) {
	.sub-navi{
	    width: 100%;
	    margin: -40px 0 0 0;
	    padding: 0;
	    background: #f3f3f3;
	    text-align: center;
	}
	.sub-navi li{
	    padding: 14px 14px;
	    font-size: 110%;
	}
	.sub-navi li a::after {
	    position: absolute;
	    bottom: -13px;
	    left: 0;
	    content: '';
	    width: 100%;
	    height: 3px;
	    background: #4472c4;
	    transform: scale(0, 1);
	    transform-origin: center top;
	    transition: transform .3s;
	}
	.sub-navi li .active{
	    border-bottom: 3px solid #4472c4;
	    padding: 12px 0 10px;
	    color: #4472c4;
	    font-weight: bold;
	}
}


.infoCont_coop {
    width: 100%;
    margin: 20px auto 30px;
    padding: 0 0;
}
.infoCont_coop h3{
    padding-left: 10px;
    border-left: 5px solid ;
    font-size: 115%;
}
.infoCont_coop li.btn__coop2{
    float: left;
    width: 100%;
    margin: 10px 0 10px;
    padding: 0 0;
    box-sizing: border-box;
}
.infoCont_coop li.btn__coop2:active{
	-ms-transform: translateY(4px);
	-webkit-transform: translateY(4px);
	transform: translateY(4px);
}
.infoCont_coop li.btn__coop2 a{
    position: relative;
    display: block;
    height: 140px;
    margin: 0 0;
    padding: 40px 0 0 40px;
    font-size: 32px;
    letter-spacing: 0.06em;
    font-weight: 700;
    color: #fff;
    border: 2px solid #17184b;
    box-shadow: 1px 1px 1px 0px rgba(200,200,200,0.5) ;
    box-sizing: border-box;
}
.infoCont_coop li.btn__coop2 a .mini{
    display: block;
    margin-top:20px;
    margin-left:0px;
    font-size: 18px;
    font-weight: normal;
}
.infoCont_coop li.btn__coop2{
	background:url(../img/background/bg_Cont9-01sp.png)#17184b no-repeat right 50%;
	background-size:20%;
}
.infoCont_coop li.btn__coop2:hover{
	background:url(../img/background/bg_Cont9-01sp.png)#3336a4 no-repeat right 50%;
	background-size:20%;
}
.infoCont_coop .attention-box{
	margin:0;
    padding:20px;
    border:2px solid #ff0000
}
@media print, screen and (max-width: 767px) {
	.infoCont_coop {
	    width: 95%;
	    margin: 20px auto 30px;
	    padding: 0 0;
	}
	.infoCont_coop h3{
	    padding-left: 10px;
	    border-left: 5px solid ;
	    font-size: 110%;
	    line-height: 1.5em !important;
	}
	.infoCont_coop li.btn__coop2{
	    float: none;
	    width: 100%;
	    margin: 10px 0 10px;
	    padding: 0 0;
	    box-sizing: border-box;
	}
	.infoCont_coop li.btn__coop2 a{
	    position: relative;
	    display: block;
	    height: 110px;
	    margin: 0 0;
	    padding: 30px 0 0 15px;
	    font-size: 22px;
	    font-weight: 700;
	    color: #fff;
	    border: 2px solid #17184b;
	    box-shadow: 1px 1px 1px 0px rgba(200,200,200,0.5) ;
	    box-sizing: border-box;
	}
	.infoCont_coop li.btn__coop2 a .mini{
	    display: block;
	    margin-top:10px;
	    margin-left:0;
	    font-size: 17px;
	    font-weight: normal;
	}
	.infoCont_coop li.btn__coop2{
		background:url(../img/background/bg_Cont9-01sp.png)#17184b no-repeat right 50%;
		background-size:28%;
	}
	.infoCont_coop li.btn__coop2:hover{
		background:url(../img/background/bg_Cont9-01sp.png)#3336a4 no-repeat right 50%;
		background-size:28%;
	}
	.infoCont_coop .attention-box{
		margin:0;
	    padding:10px;
	    border:2px solid #ff0000
	}
}

.infoCont_coop li.btn__coop3{
    float: left;
    width: 100%;
    margin: 0 0;
    padding: 0 0;
    box-sizing: border-box;
}
.infoCont_coop li.btn__coop3:active{
	-ms-transform: translateY(4px);
	-webkit-transform: translateY(4px);
	transform: translateY(4px);
}
.infoCont_coop li.btn__coop3 a{
    position: relative;
    display: block;
    height: auto;
    margin: 0 0;
    padding: 30px 20px 20px 20px;
    font-size: 30px;
    letter-spacing: 0.1em;
    font-weight: 700;
    color: #fff;
    border: 2px solid #17184b;
    line-height: 1.35em;
    box-shadow: 1px 1px 1px 0px rgba(200,200,200,0.5) ;
    box-sizing: border-box;
}
.infoCont_coop li.btn__coop3 a .mini{
    display:block;
    margin-top:20px;
    margin-left:0px;
    font-size: 18px;
    letter-spacing: 0.0em;
    color:#ffd928;
    font-weight: normal;
}
.infoCont_coop li.btn__coop3 a .text{
    display:block;
    margin-top:20px;
    margin-left:0px;
    font-size: 15px;
    line-height: 1.7em;
    letter-spacing: 0.0em;
    font-weight: normal;
}
.infoCont_coop li.btn__coop3{
	background:url(../img/background/btn__coop2023.png)#17184b no-repeat right -250px center;
	background-size:70%;
}
.infoCont_coop li.btn__coop3:hover{
	background:url(../img/background/btn__coop2023.png)#3336a4 no-repeat right -250px center;
	background-size:70%;
}
.infoCont_coop li.btn__coop3_soon {
    float: left;
    width: 100%;
    margin: 0 0;
    padding: 0 0;
    box-sizing: border-box;
    position: relative;
    display: block;
    height: auto;
    margin: 0 0;
    padding: 30px 20px 20px 20px;
    font-size: 38px;
    letter-spacing: 0.1em;
    font-weight: 700;
    color: #fff;
    border: 2px solid #aaa;
    box-shadow: 1px 1px 1px 0px rgba(200,200,200,0.5) ;
}
.infoCont_coop li.btn__coop3_soon .mini{
    display:block;
    margin-top:20px;
    margin-left:0px;
    font-size: 20px;
    letter-spacing: 0.0em;
    color:#ffd928;
    font-weight: bold;
}
.infoCont_coop li.btn__coop3_soon .text{
    display:block;
    margin-top:20px;
    margin-left:0px;
    font-size: 15px;
    line-height: 1.7em;
    letter-spacing: 0.0em;
    font-weight: normal;
}
.infoCont_coop li.btn__coop3_soon{
	background:url(../img/background/btn__coop2023.png)#ccc no-repeat right -250px center;
	background-size:70%;
}
@media print, screen and (max-width: 767px) {
	.infoCont_coop li.btn__coop3 a{
	    position: relative;
	    display: block;
	    height: auto;
	    margin: 0 0;
	    padding: 10px 20px;
	    font-size: 28px;
	    letter-spacing: 0.1em;
	    font-weight: 700;
	    line-height: 1.4em;
	    color: #fff;
	    border: 2px solid #17184b;
	    box-shadow: 1px 1px 1px 0px rgba(200,200,200,0.5) ;
	    box-sizing: border-box;
	}
	.infoCont_coop li.btn__coop3 a .mini{
	    display:block;
	    margin-top:10px;
	    margin-left:0px;
	    font-size: 16px;
	    line-height: 1.5em;
	}
	.infoCont_coop li.btn__coop3 a .text{
	    display:block;
	    margin-top:20px;
	    margin-left:0px;
	    font-size: 14px;
	    line-height: 1.7em;
	    letter-spacing: 0.0em;
	    font-weight: normal;
	    text-align: left;
	}
	.infoCont_coop li.btn__coop3{
		background:#17184b;
	}
	.infoCont_coop li.btn__coop3:hover{
		background:#3336a4 ;
	}
}
@media print, screen and (max-width: 459px) {
	.infoCont_coop li.btn__coop3 a{
	    font-size: 24px;
	}
	.infoCont_coop li.btn__coop3 a .mini{
	    display:block;
	    margin-top:5px;
	    margin-left:0px;
	    font-size: 15px;
	}
}