html, body{
		height:100%;
	}

	body {
		background: #f1f1f1 none repeat scroll 0% 0%;
		font-family: "Lucida Grande","Hiragino Kaku Gothic Pro"," Pro W3","Meiryo","MS PGothic","Osaka",Verdana,Arial,Helvetica,sans-serif;
		font-size: 14px;
		padding: 0px;
		color: #333;
        margin: 0;
	}

	img {
		border: 0px;
	}

	a{
		color: #0057A9;
	}

	a:hover{
		color: #727272;
		text-decoration:none;
	}

	:focus {outline:none;}

	.tit_grey_s{
		text-align: center;
		color: #909090;
		font-weight: normal;
		font-family: "Hiragino Kaku Gothic ProN","meiryo","ms pgothic","osaka",sans-serif,"TakaoPGothic","Sazanami Gothic";
		font-size: 13px;
		line-height: 7pt;
	}

	.contents_wrap {
		height:auto;
		min-height:100%;

		width:100%;

		webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;

		padding-bottom:40px;
	}

	.contents_wrap_center{
		/*margin: 70px 50px 0 50px;*/

		min-height:100%;

		webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;

		margin: 0px;
		/*padding-left: 230px;*/
		padding-top: 34px;
	}

	.contents_box_page{
		position:relative;
		padding: 40px 10px 40px 10px;
	}

	.contents_box_shadow{
		background: #fcfcfc;
		/*box-shadow: 6px 0px 5px -4px rgba(0, 0, 0, 0.2), -6px 0px 5px -4px rgba(0, 0, 0, 0.2);*/
		box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 3px 2px;
		-webkit-box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 3px 2px;
		-moz-box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 3px 2px;
		-ms-box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 3px 2px;
		}

	.contents_wrap_category_tab{
		margin: 70px 50px 0 50px;
		background: #fcfcfc;
		/*box-shadow: 6px 0px 5px -4px rgba(0, 0, 0, 0.2), -6px 0px 5px -4px rgba(0, 0, 0, 0.2);*/

		box-shadow:rgba(0, 0, 0, 0.28) 0px 0px 2px 2px;
		-webkit-box-shadow:rgba(0, 0, 0, 0.28) 0px 0px 2px 2px;
		-moz-box-shadow:rgba(0, 0, 0, 0.28) 0px 0px 2px 2px;
	}

	.contents_wrap_dategory_tab_box {
		margin: 10px 50px 0 50px;
		box-shadow: 6px 0px 5px -4px rgba(0, 0, 0, 0.2), -6px 0px 5px -4px rgba(0, 0, 0, 0.2);
	}

	.contents_wrap_category {
		background: #E2E2E2;
		box-shadow: 6px 0px 5px -4px rgba(0, 0, 0, 0.2), -6px 0px 5px -4px rgba(0, 0, 0, 0.2);
	}

	.lib_top_search_wrap {
	}

	.bar_next_wrap{
		/*padding: 0px 45px;*/
		padding: 0px 55px 0 45px;
	}


	.header_left form{
		display:inline-block;

	}

	.header_left .search_type {
		display: inline-block;
		vertical-align: middle;
	}
	.header_left form input{

	}

	.header_left form input:focus{
		/*border-color:#4d90fe;*/
	}

	.header_left form span{
		padding: 0;
		vertical-align: top;
		width:100px;

		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;

		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;

		-moz-box-align : center;
		 -webkit-box-align: center;
		 box-align : center;

		 -ms-flex-align: center;
		 -moz-align-items : center;
		 -webkit-align-items: center;
		 align-items: center;

		height:30px;

		max-height:30px;

		border:1px solid #ccc;

		background: #F8F8F8 none repeat scroll 0% 0%;
		color: #7e7e7e;

		background-position: 5px 3px;
		margin-left: -2px;
	}

	.header_left .search_type {

	}

	.lib_header_wrap {
		top: 0;
		height: 65px;
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		border-bottom:1px solid #bdbdbd;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
		background-color: white;
		position: fixed;
		z-index:100;
	}

	.header_left {
		float: left;
		height: 100%;
		position: relative;
		padding: 0px;
		margin-top: 5px;
		overflow: hidden;
		max-width: 650px;
	}

	.header_left #icon-menu2 {
		padding-left: 4px;
		font-size: 0.75em;
	}

	.header_left span {
		padding-left:20px;
	}

	.header_center {
		float: center;

		line-height: 1.7em;
		color: #444;
		font-size: 24px;
		font-weight: 200;
	}

	.header_right {
		float: right;
		padding: 0 10px 0 0;
	}

	.field-search-terms {
		position: relative;
		overflow: hidden;
		height: 29px;
		margin: 0px 0px 2px;
		font-size: 14px;
		line-height: 30px;
		background-color: #FFF;
		box-sizing: border-box;
		transition: border-color 0.2s ease 0s;
	}

	.field-search-terms-border {
		border: 1px solid #CCC;
		box-shadow: 0px 1px 2px #EEE inset;
	}

	.field-search-terms-border:focus{
		border-color:#4d90fe;
	}

	.search-btn-component{
	}

	/*------------------------------------------
	top base css
-----------------------------------------*/

	.top_menu_layout {
		/*margin: 0px auto;*/
		float: left;
		margin-left:10px;
	}

	.top-logo-container{
		float: left;
		position: relative;
		width: 217px;

		padding: 4px 0px 2px 3px;
	}

	.logo_link_area {
		display: inline-block;
		vertical-align: middle;
		padding: 4px 5px 0 3px;
	}

	.menu_tab_button.disabled {
		border: 1px solid transparent;
		outline: 0px none;
		background: transparent none repeat scroll 0% 0%;
		color: #333;
		box-shadow: none;
	}

	.menu_tab_button {
		display: inline-block;
		border: 1px solid transparent;
		padding: 4px 10px;
		outline: 0px none;
		font-weight: 500;
		font-size: 25px;
		text-decoration: none;
		white-space: nowrap;
		word-wrap: normal;
		line-height: normal;
		vertical-align: middle;
		cursor: pointer;
		border-radius: 2px;

		font-family: Roboto,arial,sans-serif;

		margin-left: 4px;
	}

	.menu_tab_button:hover {
		border-color: #C6C6C6;
		background: #F0F0F0 none repeat scroll 0% 0%;
		box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);

		box-shadow: none;
	}



	/*------------------------------------------------
		select css design
	-------------------------------------------------*/
	.search-select-type{
    	-moz-appearance: none;
        -webkit-appearance: none;
        appearance: none;

        background: url(../images/arr-select.png) 91% 50% no-repeat;

		overflow: hidden;
    	-webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;

        position: relative;
		z-index: 1;
		line-height: 1.8;
		display: block;
		padding: 0px;
		box-shadow: none;

		text-indent: 3px;

    	height: 30px;
    	width: 100px;

		color: #6b6b6b;
		font-size: 13px;

    	border-radius: 0px;
        border: 1px solid #bbbbbb;
		background-color: #fff;
    	margin-right: 10px;
	}

	.search-select-type::-ms-expand {
	  display: none;
	}

	.search-select-type option{
		color: #222;
		padding: 8px 6px 6px;
		border:none
	}


	.search-select-type-round{
    	-moz-appearance: none;
		-webkit-appearance: none;
		appearance: none;
		background: url(../images/arr-select-b.png) 91% 50% no-repeat;
		overflow: hidden;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		position: relative;
		z-index: 1;
		line-height: 1.8;
		display: block;
		padding: 0px;
		box-shadow: none;
		text-indent: 3px;
		height: 30px;
		width: 120px;
		color: #555555;
		font-size: 13px;

		font-weight:bold;
		border-radius: 30px;
		border: 1px solid #eeeeee;
		background-color: #eeeeee;
		margin-right: 10px;
		padding-left: 10px;
	}

	.search-select-type-round::-ms-expand {
	  display: none;
	}
	.search-select-type-round option{
		font-size: 12px;

		font-weight:normal;
		color: #5b5b5b;
		line-height:2.0em;
		padding: 0.2em 0.2em 0.2em 24px;
		border:none;
		background:#ffffff url(../images/arr-selectlist-b.png) 91% 50% no-repeat;
	}

	.inc-search-contents{
	    position: relative;
    	width: 92%;
    	height: 30px;

		margin-top:5px;

    	display: -webkit-box;
    	display: -moz-box;
    	display: -ms-flexbox;
    	display: -moz-flex;
    	display: -webkit-flex;
    	display: flex;

    	-moz-box-pack: start;
    	-webkit-box-pack: start;
    	-ms-flex-pack: start;

    	-moz-justify-content : space-start;
    	-webkit-justify-content: space-start;
    	justify-content: space-start;

    	-moz-box-align : center;
    	-webkit-box-align: center;
    	box-align : center;

    	-ms-flex-align: center;
    	-moz-align-items : center;
    	-webkit-align-items: center;
    	align-items: center;
	}

	.adress-search-contents{
	    position: relative;
    	width:100%;

    	display: -webkit-box;
    	display: -moz-box;
    	display: -ms-flexbox;
    	display: -moz-flex;
    	display: -webkit-flex;
    	display: flex;

    	-moz-box-pack: start;
    	-webkit-box-pack: start;
    	-ms-flex-pack: start;

    	-moz-justify-content : space-start;
    	-webkit-justify-content: space-start;
    	justify-content: space-start;

    	-moz-box-align : center;
    	-webkit-box-align: center;
    	box-align : center;

    	-ms-flex-align: center;
    	-moz-align-items : center;
    	-webkit-align-items: center;
    	align-items: center;
	}

	.select-input-group{
	    position: relative;
    	 width: 100%;
    	 height: 100%;

        -webkit-flex-shrink: 1;
        -ms-flex: 0 1 auto;
        flex-shrink: 1;

        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
	}

	input.search-keyword{
	    -webkit-appearance: none;
    	-moz-appearance: none;
    	-ms-appearance: none;
    	appearance: none;

    	-webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;

        width: -webkit-calc( 100% - 80px);
        width: calc( 100% - 80px);
        height: 100%;

        border: 1px solid #bbbbbb;
		box-shadow: 0px 1px 2px #EEE inset;

		font-size: 14px;
		color:#333;

		padding: 0px 6px;
		background-color: #FFF;

		vertical-align:middle;
	}

		input.s-keyword-color::-webkit-input-placeholder {
			color: #a2a2a2;
			font-weight: normal;
		}
		input.s-keyword-color:-ms-input-placeholder {
			color: #a2a2a2;
			font-weight: normal;
		}
		input.s-keyword-color::-moz-placeholder {
			color: #a2a2a2;
			font-weight: normal;
		}

	.lib-search-button{
    	position: absolute;
    	right: 0;
    	top: 0px;
    	width: 80px;
    	height: 100%;

		font-size:16px;
		border:1px solid #079BDC;

		border-top-right-radius: 3px;
		border-bottom-right-radius: 3px;

		background: #079BDC;
		color: #ffffff;

		-webkit-box-sizing: border-box;
		 -moz-box-sizing: border-box;
		 box-sizing: border-box;

    	z-index: 1;
    	cursor: pointer;

    	isplay: -webkit-box;
    	display: -moz-box;
    	display: -ms-flexbox;
    	display: -moz-flex;
    	display: -webkit-flex;
    	display: flex;

    	-moz-box-pack: center;
    	-webkit-box-pack: center;
    	-ms-flex-pack: center;

    	-moz-justify-content : center;
    	-webkit-justify-content: center;
    	justify-content: center;

    	-moz-box-align : center;
    	-webkit-box-align: center;
    	box-align : center;

    	-ms-flex-align: center;
    	-moz-align-items : center;
    	-webkit-align-items: center;
    	align-items: center;
	}

	.lib-search-button:hover{
		color:#ffffff;
		border-color: #0485d6;
		background: #0485d6;
	}

	.overlay_layout {
		position: fixed;
		top: 50px;
		background-color: rgba(0, 0, 0, 0.6);
		width: 100%;
		height: 100%;
		left: 0;
		z-index: 10;
		display: none;

	}
	.menu_tab_wrap {
		position: fixed;
		top: 64px;
		background-color: white;
		width: 230px;
		height: 100%;
		left: -310px;
		z-index: 15;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		border-right:1px solid #bdbdbd;

	}

	.menu_tab_wrap.clicked {
		left: 0px;
	}

	.menu_tab_items {
		padding:0px 18px 8px 13px;
	}

	.app-button-image {
		padding:3px 20px 12px 23px;
	}

	.btn-app-h{
		height:55px;
	}

	.menu_tab_item {
		height: 31px;
		padding: 6px 10px 4px 10px;
		cursor: pointer;
		color: #626262;

		font-size: 1.2em;
		text-align:left;
		text-decoration:none;
		cursor: pointer;
	}
	.menu_tab_item:active {
		background-color: #444444;
		color:#ffffff;
	}
	.menu_tab_item:hover {
		color: #077bc4;
		background-color: #c9e7fe;
	}

	.top-line-border{
		border-top:1px solid #E2E2E2;
		margin-bottom:10px;
	}

	.bottom-line-border{
		border-top:1px solid #E2E2E2;
		margin-top:10px;
	}

	/*TEXT COLOR */
	.text-blue {
	    color:#079bdc;
	}

	.text-blue:active {
	    color: #0485D6;
	}


.detail_thumb{
	position: relative;
	height: 315px;
	width:220px;
}

.thumb_img_display {
	position:absolute;
	width:100%;
	height:100%;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;

	-moz-box-pack: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;

	-moz-justify-content : center;
	-webkit-justify-content: center;
	justify-content: center;

	-moz-box-align : start;
	-webkit-box-align: start;
	box-align : start;

	-ms-flex-align: flex-start;
	-moz-align-items : flex-start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
}

.thumb_img_display img{
	min-width:100%;
	max-width:100%;

	height:auto;
	max-height:100%;
}


@media all and (min-width: 1250px) {
/*	.contents_wrap {
		padding-left: 300px;
	} */

	.show_menu .overlay_layout {
	     display: none !important;
	}

	.show_menu .contents_wrap {
		/*width: calc(100% - 320px);
		margin: 70px 50px 0 270px;*/

	}

	.show_menu .contents_wrap_dategory_tab_box {
		width: calc(100% - 320px);
		margin: 10px 50px 0 270px;
		box-shadow: 6px 0px 5px -4px rgba(0, 0, 0, 0.2), -6px 0px 5px -4px rgba(0, 0, 0, 0.2);
	}

	.show_menu .contents_wrap_center{
		/*margin: 70px 50px 0 50px;*/

		min-height:100%;

		webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;

		margin: 0px;
		padding-left: 230px;
		padding-top: 34px;
	}


}

/* TABLET */
@media all and (min-width: 950px) {


}


/* PHONE */
@media screen and (max-width : 560px) {
	.header_left form input {
		width: 40px;
		font-size: 10px;
	}

	.storecoverflow {
		height: 150px !important;
	}

	.header_left form {
	    padding-left: 10px;
	    display: inline-block;
	}
	.header_left form span {
		height: 30px;
		width: 30px;
		padding: 5px 0px 3px 5px
	}
	.search_type {
		width: 75px;
		font-size: 11px;
	}

	.size-36 {
		font-size: 24px !important;
	}


	.header_left img {
	}
	.header_left span {
		line-height: 44px;
		padding-left:30px;
	}

	.select-input-group {
		width: 250px;
	}

}


/*--------------------------------------------------------
 top.css thumbnail css
-------------------------------------------------------*/

.box {
  float: left;
  width: 220px;
  /*margin: 10px 8px 10px 8px;*/
  position: relative;
  height: 410px;
}

.thumb_box_table {
  position: absolute;
  bottom: -5px;
  background-color: #FFF;
  box-shadow:rgba(0, 0, 0, 0.12) 0px 0px 3px 2px;
/*-webkit-box-shadow:rgba(0, 0, 0, 0.12) 0px 0px 3px 2px;*/
-webkit-box-shadow:rgba(0, 0, 0, 0.12) 0px 0px 3px 2px;
-moz-box-shadow:rgba(0, 0, 0, 0.12) 0px 0px 3px 2px;
-ms-box-shadow:rgba(0, 0, 0, 0.12) 0px 0px 3px 2px;
}

.top_box_img {
  position: relative;
  height: 100%;
  width: 220px;
  vertical-align: bottom;
  cursor: pointer;
  text-align: center;
}
a {
  text-decoration: none;
}
.top_box_img img {
	min-width: 220px;
	max-width: 220px;
	height: auto;

	max-height: 320px;
}

.thumb-overlay-container {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 100%;
  left: 0px;
  top: 0px;
  width: 100%;
}

.lead_lock {
	position: absolute;
	width: 60px;
	height: 60px;
}
.lead_lock img {
    min-width: 60px !important;
    max-height: 60px !important;
    border: 0px #ffffff solid;
    border-style:none !important;
}

.thumb-book-title {
	font-size: 1.05em;
	color: #4B494A;
	width: 220px;
	position: relative;
    padding: 0px 8px 2px 8px;
    text-align: left;
	line-height: 1.3em;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.thumb-book-title .rank_normal {
	float: left;
	width: 22px;
	height: 22px;
	border-radius: 22px;
	border:1px solid #bebebe;
	background-color: #ffffff;
	text-align: center;
	font-size: 0.9em;
	color: #808080;
	margin-right: 7px;
	vertical-align: middle;
	line-height: 1.4em;
	font-family: Meiryo, "Hiragino Kaku Gothic Pro", Osaka"MS PGothic", sans-serif;
}
.thumb-book-title .rank_gold {
	float: left;
	width: 22px;
	height: 22px;
	border-radius: 22px;
	border:1px solid #b8a049;
	background-color: #b8a049;
	text-align: center;
	font-size: 0.9em;
	color: #ffffff;
	margin-right: 7px;
	vertical-align: middle;
	line-height: 1.4em;
	font-family: Meiryo, "Hiragino Kaku Gothic Pro", Osaka"MS PGothic", sans-serif;
}
.thumb-book-title .rank_silver {
	float: left;
	width: 22px;
	height: 22px;
	border-radius: 22px;
	border:1px solid #b7b7b7;
	background-color: #b7b7b7;
	text-align: center;
	font-size: 0.9em;
	color: #ffffff;
	margin-right: 7px;
	vertical-align: middle;
	line-height: 1.4em;
	font-family: Meiryo, "Hiragino Kaku Gothic Pro", Osaka"MS PGothic", sans-serif;
}
.thumb-book-title .rank_copper {
	float: left;
	width: 22px;
	height: 22px;
	border-radius: 22px;
	border:1px solid #a3896d;
	background-color: #a3896d;
	text-align: center;
	font-size: 0.9em;
	color: #ffffff;
	margin-right: 7px;
	vertical-align: middle;
	line-height: 1.4em;
	font-family: Meiryo, "Hiragino Kaku Gothic Pro", Osaka"MS PGothic", sans-serif;
}

.thumb-book-title2 {
	font-size: 1.05em;
	color: #4B494A;
	width: 220px;
	position: relative;
    padding: 0px 8px 8px 8px;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.gray_title_two {
    text-align: left;
    padding-top: 0px;
    color: #848484;
    font-size: 0.8em;
    width: auto;
    display: inline-block;
    float: left;
}

.gray_title_three:hover {
    cursor: pointer;
    color: #727272;
}
.gray_title_three {
    text-align: left;
    padding-top: 0px;
    color: #0057A9;
    font-size: 0.8em;
    width: auto;
    float: right;
}

.thumb-book-title-search {
	font-size: 1.1em;
	color: #4B494A;
	width: 220px;
	position: relative;
    padding: 8px 10px 10px 10px;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


/*-------------------------------------------------------
	category css
----------------------------------------------------*/

.category-contents-space{
	margin-top:10px;
}

/*------------------------------------------------------
 i font css
--------------------------------------------------*/

.i-icon-menu-color{
	color: #079BDC;
	width: 30px;
	height: 30px;
	text-align: center;
	padding-right: 5px;
	vertical-align: middle;
	font-size: 1.3em;
	line-height: 1em;
}

/*------------------------------------------------------
	footer css
--------------------------------------------------*/

.main_footer {
	position: relative;
	bottom: 0px;
	width: 100%;
	/*height: 90px;*/
	height: 70px;
	color: #666;
	font-size: 12px;
	/*margin-top:-20px;*/
	background: #f1f1f1 none repeat scroll 0% 0%;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-bottom: 25px;
	line-height: 1.2em;
}

.footer_center_tb{
    /*position: absolute;*/
    left: 0;
    top: 0;
    width:100%;
	height:100%;
	padding: 20px 0 20px 0;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

    display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;

	-moz-box-pack: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;

	-moz-justify-content : center;
	-webkit-justify-content: center;
	justify-content: center;

	-moz-box-align : center;
	-webkit-box-align: center;
	box-align : center;

	-ms-flex-align: center;
	-moz-align-items : center;
	-webkit-align-items: center;
	align-items: center;


}


.show_menu .footer_center_tb{
	padding-left:230px;
}

.footer_center_wrap{
	/*width: 420px;*/
	width: 500px;
	height: auto;
	text-align: center;

	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;

	-moz-box-pack: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;

	-moz-justify-content : center;
	-webkit-justify-content: center;
	justify-content: center;

	-moz-box-align : center;
	-webkit-box-align: center;
	box-align : center;

	-moz-flex-direction : column;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;

	color: #909090;
	font-weight:normal;
	font-family: "Hiragino Kaku Gothic ProN","meiryo","ms pgothic","osaka",sans-serif,"TakaoPGothic","Sazanami Gothic";
	font-size: 13px;
}

.title_txt a{
    color: #909090;
	padding:0 10px;
	font-size: 14px;
}

.footer_center_wrap > .title_txt:nth-child(2){
    margin-top: 6px;
}

.main_footer .title_txt a:hover{
	text-decoration: none;
	color: #0057A9;
}

.grey_bar{
	color: #c9c9c9;
	font-size: 12px;
}

/*--------------------------------------------------------------------
 slidebar
-------------------------------------------------------------------*/

.swiper-button-next{
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23c0c0c0'%2F%3E%3C%2Fsvg%3E") !important;
	left:10px;
	right:auto;
}

.swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23c0c0c0'%2F%3E%3C%2Fsvg%3E") !important;
	right:10px;
	left:auto;
}

.swiper-button-next:hover, active{
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23818181'%2F%3E%3C%2Fsvg%3E") !important;
}

.swiper-button-prev:hover, active{
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23818181'%2F%3E%3C%2Fsvg%3E") !important;
}


/*--------------------------------------------------------------------
  help css
-------------------------------------------------------------------*/

.help_tb_contents_wrap{
	padding:35px 15px 50px 15px;
	height: 100%;

	-moz-box-sizing: border-box;
	display: -ms-flexbox;
}

.help_txt_basic {
    width:100%;

	font-size: 16px;
     font-weight: normal;
    color: #333;

	font-family: "Lucida Grande","Hiragino Kaku Gothic Pro"," Pro W3","Meiryo","MS PGothic","Osaka",Verdana,Arial,Helvetica,sans-serif;
}

.help_main_notice_txt {
	font-size: 20px;
	color: #666;
}

a.help_step_title_link {
    font-size: 17px;
    color: #7F7F7F;
    font-family: "Hiragino Kaku Gothic Pro",Meiryo,"MS PGothic";
    text-shadow: 1px 1px #FFF;
    cursor: pointer;
}

a.help_step_title_link:hover {
    color: #007AFF;
    text-decoration: none;
}

.help_border-top{
	border-top:1px solid #ececec;
}

.step_viewer_title {
    font-size: 1.6em;
    padding: 40px 0px 0px 20px;

	color:#000;
}

.point_box_bl{
	font-size: 0.8em;
	color:#2099e6;
}

.help_keyword {
    font-size: 16px;

	font-weight: bold;
    color: #494949;
}

.help_keyword_dot {
    font-size: 14px;
    font-weight: bold;
    color: #5a5a5a;
    line-height: 35px;
	height:30px;
}

.help_keyword_faq {
    font-size: 17px;

	font-weight: bold;
    color: #494949;
}

.help_keyword_subtxt {
    color: #494949;
}

.help_keyword_pointtit{
	color: #424242;
	font-size: 0.9em;
}

.help_keyword_greytxt {
	color: #848484;
	font-size: 0.85em;
}

a.help_categorylist {
    text-align: left;
    padding-top: 0px;
    color: #0057A9;
    font-size: 0.85em;
	line-height:29px;
}

a.help_categorylist:hover {
	cursor: pointer;
	color: #727272;
}

.help_contentstxt_dot {
    font-size: 12px;
    font-weight: bold;
    padding-bottom: 2px;
    color: #48494D;
}

.help_notice_grey {
    font-size: 12px;
    color: #767676;
    line-height: 17px;
}

.help_mobile {
    font-size: 19px;

	font-weight: bold;
    color: #333;
}

.help_faq_q{
	font-size: 15px;
     font-weight: normal;
    color: #333;
}

.icon-left{
	float:left;
	font-size:1.8em;

	color:#acacad;
}

.icon-left-answer{
	float:left;
	font-size:1.6em;

	color:#14a3e1;
}

.icon-right{
	float:left;
	padding-left:15px;
}

.icon-right1{
	float:left;
	padding-left:15px;
	padding-top:8px;
}

.icon-help-rotate {
	transform:rotate(180deg);
}

a.url_link_txt{
	color: #079BDC;
	text-decoration:none;
}

/*--------------------------------------------------
	title txt line
-----------------------------------------------*/
.tb_title_line_wrap{
	padding:15px 0 10px 0;

	border-bottom:1px solid #d6d6d6;
}

.more-titlebox-wrap {
            margin:0px;
            margin-top:1px;
            padding:20px 10px 0px 40px;
            display: flex;
            color: #333;
			font-size: 2.2em;
			font-weight: 200;
}

.notice-titlebox-wrap {
            margin:0px;
            margin-top:1px;
            padding:20px 10px 0px 50px;
            display: flex;
            color: #333;
			font-size: 2.2em;
			font-weight: 200;
}

.help-titlebox-wrap {
            margin:0px;
            margin-top:1px;
            padding:20px 10px 0px 45px;
            display: flex;
            color: #333;
			font-size: 2.2em;
			font-weight: 200;
}







/*--------------------------- font size css ----------------------------------------*/

.size-12 { font-size: 12px; }

.size-14 { font-size: 14px; }

.size-16 { font-size: 16px; }

.size-18 { font-size: 18px; }

.size-21 { font-size: 21px; }

.size-24 { font-size: 24px; }

.size-36 { font-size: 36px; }

.size-44 { font-size: 44px; }

.size-48 { font-size: 48px; }

.size-60 { font-size: 60px; }

.size-72 { font-size: 72px; }

.btn-icon-size{
	padding-right: 4px;
	line-height: 1.0em;
	vertical-align: -12%;
	font-size: 1.4em;
}

.btn-icon-size-s{
	margin-left: -3%;
    padding-right: 12px;
	line-height: 1.3em;
    vertical-align: -10%;
    font-size: 1.3em;
}

.rotate-icon180{
	-webkit-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	transform: rotate(-180deg);
}

/*-------------------------------------------------
	sns icon css
------------------------------------------------*/
	.sns-links-wrap{
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;

		display: block;
		text-decoration: none;
		cursor:pointer;
	}

	.snsicon-text-size{
		float: left;

		margin: 2px 3px 0 3px;
	}

	.br-box-sns{
		width:100%;

		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;

		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;

		-moz-box-align : center;
		 -webkit-box-align: center;
		 box-align : center;

		 -ms-flex-align: center;
		 -moz-align-items : center;
		 -webkit-align-items: center;
		 align-items: center;
	}

	.sns-tbbox-br-twitter{
		font-size:1.8em;

		color: #FFF;
		background-color: #1da1f2;
		border-radius: 4px;
		width: 35px;

		vertical-align: middle;
		text-align: center;

		cursor:pointer;
		padding-top: 3px;
		height: 35px;
	}

	.sns-tbbox-br-facebook{
		font-size:1.8em;

		color: #FFF;
		background-color: #3c5a98;
		border-radius: 4px;
		width: 35px;

		vertical-align: middle;
		text-align: center;

		cursor:pointer;
		padding-top: 3px;
		height: 35px;
	}

	.sns-tbbox-br-googleplus{
		font-size:1.8em;

		color: #FFF;
		background-color: #df4b38;
		border-radius: 4px;
		width: 35px;

		vertical-align: middle;
		text-align: center;

		cursor:pointer;
		padding-top: 3px;
		height: 35px;
	}

	.color-twitter{
		color:#ffffff;

		background-color:#33ccff;

		vertical-align: middle;
	}

	.color-facebook{
		color:#ffffff;

		background-color:#3c5a98;

		vertical-align: middle;
	}

	.color-googleplus{
		color:#ffffff;

		background-color:#df4b38;

		vertical-align: middle;
	}

	a.link-txt-color{
		color:#fff;
		text-decoration:none;
	}


/* iPads (portrait and landscape) ----------- */
@media screen and (min-width : 640px) and (max-width : 1023px) {
/* Styles */
    /*.select-input-group{
	    width: auto;
	}*/

	.select-input-group {
		width: 280px;
		max-width:300px;
	}

	.inc-search-contents {
		width: auto;
	 }

	 .adress-search-contents {
		width: auto;
	 }

	 .help_keyword_greytxt {
		color: #848484;
	}

}


/*--------------------- TOP MENU CSS ------------------------*/
.container-topmenu-fix {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;

	width:100%;
}

.container-topmenu-fix .left, .container-topmenu-fix .center, .container-topmenu-fix .right { display: inline-block; }

.container-topmenu-fix .left {
	float: left;
	padding: 2px 0px 0px 10px;
}

.float_left {
  float: left;

  position: relative;
  left: 0;
  text-align: left;
}
.float_left > .child {
  position: relative;
}

.container-topmenu-fix .left ul {
  list-style-type: none;
  margin:0;
}
.container-topmenu-fix .left ul li {
  float: left;
  list-style-type: none;
  margin: 0 6px;
}

.container-topmenu-fix .center { margin: 0 auto; float:left;}

.container-topmenu-fix .right {
	float: right;
	padding:9px 10px 0 10px;
}

.container-topmenu-fix .right .links-container {
    display: inline-block;
    vertical-align: top;
    padding-top: 6px;
}

.container-topmenu-fix .right .sns-container {
    display: inline-block;
    vertical-align: top;
    margin-top: 1px;
}

.head-logo{
	float: left;
	padding: 2px 0 0 0;
}

.head-title-box{
	float: left;
	padding-left: 25px;
	height: 50px;
	display: inline-block;
}

.head-title-txt{
	line-height: 2.55em;
	color: #444;
	font-size: 1.75em;
	font-weight: 200;
	vertical-align: middle;
	height: 50px;
}

.date-title-day{
	float: left;
	margin:30px 60px 20px 50px;

	width:100%;
}

.left-contents-title{
	float:left;
}


.right-day-txt{
	float:right;

	color: #747474;
	font-family: "Hiragino Kaku Gothic Pro",Meiryo,"MS PGothic";
	font-size: 13px;
	margin-top: 5px;
}



/************************ search field container **************************/
.search-adress-container{
	/*padding: 10px 25px 0px 25px;
	border: 1px solid #e2e2e2;*/
	margin: 0px 53px 0 50px;
	/*background-color: #f4f4f4;*/
}

.search-box-container{
	margin: 0px 53px 0 50px;
	height: 85px;
	padding-top: 30px;
}

.main-search-title{
	font-size: 1.25em;
	line-height: 1.55em;
	color: #555555;
	margin-top: 10px;
}

.ifont-color{
	color: #666666;
	font-size: 1.2em;
}

.ifont-color-s{
	color: #666666;
	font-size: 0.9em;
}

.search-title-txt-post{
	font-size: 1.25em;
	line-height: 1.55em;
	color: #555555;
	margin-top: 5px;
}

.search-title-txt-line{
	font-size: 1.25em;
	line-height: 1.55em;
	color: #444444;
	margin-top: 15px;
}

.category-links-wrap {
	margin-top: 10px;
}

.search-box-line{
	height: 100%;
	width: 100%;
	float: left;
}

.search-input-container {
    position: relative;
	width: 100%;
	height: 38px;
	vertical-align: top;
}

.search-input {
    height: 100%;
}

.search-suggestions {
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: left;
    font-size: 1.5em;
    color: #51a1d1;
    z-index: 1;
	margin-left:10px;
}

.adress-fix-container{
	float:left;
	padding:10px;
	border:1px solid #333333;
}

.category-search-txt{
	font-size: 1.25em;
	line-height: 1.55em;
	padding-top: 15px;
	color: #444444;
}

.main_type {
	cursor: pointer;
    line-height: 30px;
    padding-left: 28px;
}
.custom_header_selectbox {
	background-color: #fff;
    padding: 10px;
    border: 1px solid #c6c6c6;
}
.custom_header_selectbox li {
	list-style:none;
	cursor: pointer;
	font-size: 1.0em;
	background: none;
	text-decoration: none;
	color: #0057A9;
	background: url(../images/arr-selectlist-b.png) no-repeat 5px 50%;
	padding: 7px 10px 5px 15px;
	font-weight: normal;
}

.custom_header_selectbox li:hover {
	text-decoration: none;
	color: #727272;
}
.catchcopy {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
    font-weight: normal;
    color: #8d8d8d;
    line-height: 1.5em;
    white-space: nowrap;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tag_dummy {
	display: none;
}

.tag_dummy,
.tag_item {
    border: 1px solid #c6c6c6;
    padding: 5px;
    margin: 0px 0px 5px 5px;
    font-size: 0.8em;
    line-height: 20px;
    border-radius: 5px;
    background-color: #f2f2f2;
    cursor: pointer;
	color: #0057A9;
}
.tag_item.selected {
    border: 1px solid #a0a0a0;
    background-color: #e8e8e8;
    color: #0057A9;
}

.tag_img {
    cursor: pointer;
}

.total_count {
	padding: 16px 10px 4px 10px;
	text-align: center;
}