@charset "utf-8";
/* CSS Document */

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

	共通ヘッダーCSS（PC対応：幅960px、スマホ対応：幅100%）

	最終更新：2022年11月24日

	PC・SPレスポンシブレイアウトに対応したページから読むことを想定しています。

	備考：
	.otsukaid-header　～　で全て記述します。
	どんなページで読み込まれても動作するように、px指定で固めます。

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


/* **********************************************************************************

	イニシャライズ

********************************************************************************** */
.otsukaid-header div,
.otsukaid-header span,
.otsukaid-header h1,
.otsukaid-header h2,
.otsukaid-header h3,
.otsukaid-header h4,
.otsukaid-header h5,
.otsukaid-header h6,
.otsukaid-header p,
.otsukaid-header blockquote,
.otsukaid-header pre,
.otsukaid-header address,
.otsukaid-header cite,
.otsukaid-header code,
.otsukaid-header img,
.otsukaid-header q,
.otsukaid-header samp,
.otsukaid-header small,
.otsukaid-header sub,
.otsukaid-header sup,
.otsukaid-header dl,
.otsukaid-header dt,
.otsukaid-header dd,
.otsukaid-header ol,
.otsukaid-header ul,
.otsukaid-header li,
.otsukaid-header fieldset,
.otsukaid-header form,
.otsukaid-header label,
.otsukaid-header legend,
.otsukaid-header table,
.otsukaid-header caption,
.otsukaid-header tbody,
.otsukaid-header tfoot,
.otsukaid-header thead,
.otsukaid-header tr,
.otsukaid-header th,
.otsukaid-header td,
.otsukaid-header article,
.otsukaid-header aside,
.otsukaid-header canvas,
.otsukaid-header figcaption,
.otsukaid-header figure,
.otsukaid-header footer,
.otsukaid-header header,
.otsukaid-header nav,
.otsukaid-header section,
.otsukaid-header time,
.otsukaid-header audio,
.otsukaid-header video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-style: normal;
	vertical-align: baseline;
	background-color: transparent;
}

.otsukaid-header blockquote,
.otsukaid-header q {
	quotes: none;
}

.otsukaid-header blockquote:before,
.otsukaid-header blockquote:after,
.otsukaid-header q:before,
.otsukaid-header q:after {
	content: '';
	content: none;
}

.otsukaid-header a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

.otsukaid-header table {
	border-collapse: collapse;
	border-spacing: 0;
}

.otsukaid-header input,
.otsukaid-header select {
	vertical-align: top;
}

.otsukaid-header article,
.otsukaid-header aside,
.otsukaid-header footer,
.otsukaid-header header,
.otsukaid-header main,
.otsukaid-header nav,
.otsukaid-header section {
	display: block;
}

.otsukaid-header {
	font-family: Meiryo,"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Helvetica,sans-serif;
}

.otsukaid-header a:link {
	color: #2451c6;
	text-decoration: none;
}

.otsukaid-header a:active {
	color: #2451c6;
	text-decoration: underline;
}

.otsukaid-header a:visited {
	color: #7c169e;
	text-decoration: none;
}

.otsukaid-header a:hover {
	color: #2451c6;
	text-decoration: underline;
}

.otsukaid-header input {
	font-family: Meiryo,"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Helvetica,sans-serif;
}

.otsukaid-header .clearfix:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.otsukaid-header .clearfix {
	min-height: 1px;
}

* html .otsukaid-header .clearfix {
	height: 1px;
}

/* **********************************************************************************

	共通ヘッダー

********************************************************************************** */
body {
	border-top: 30px solid #fff;
	min-width: 996px;
}

body:before {
	display: block;
	width: 100%;
	min-width: 996px;
	height: 1px;
	border-top: 1px solid #fff;
	background-color: #d5cccb;
	content: "";
}

.otsukaid-header {
	width: 100%;
	min-width: 996px;
	border-bottom: 1px solid #d5cccb;
	background-color: #fff;
}

.otsukaid-header .otsukaid-header-container {
	position: relative;
	width: 960px;
	margin: 0 auto;
	padding: 3px 0 4px;
	line-height: 12px;
}

/* **********************************************************************************

	ログイン前

********************************************************************************** */
.logged-out .otsukaid-header .otsukaid-header-container ul {
	float: right;
	margin-right: 10em;
	font-size: 12px;
	text-align: right;
}

.logged-out .otsukaid-header .otsukaid-header-container ul li {
	display: inline-block;
	list-style: none;
	margin: 5px 0 4px 19px;
	padding: 2px 0;
	color: #333;
	font-size: 11px;
	line-height: 11px;
}

.logged-out .otsukaid-header .otsukaid-header-container ul li a.common-header-blank {
	padding: 0 0 0 15px;
	background: url(../media/images/header/icon-blank-orange.png) no-repeat 2px 0.45em;
	color: #333;
	cursor: pointer;
}

.logged-out .otsukaid-header .otsukaid-header-container ul li a.common-header-blank:hover {
	color: #333;
	text-decoration: underline;
}

.logged-out .otsukaid-header .otsukaid-header-container ul li a.common-header-arrow {
	padding: 0 0 0 12px;
	background: url(../media/images/header/icon-arrow-right.png) no-repeat 2px 0.45em;
	color: #333;
	cursor: pointer;
}

.logged-out .otsukaid-header .otsukaid-header-container ul li a.common-header-arrow:hover {
	color: #333;
	text-decoration: underline;
}

.otsukaid-header .otsukaid-header-container p.otsukaid-button-login a {
	position: absolute;
	right: 0;
	bottom: 5px;
	display: block;
	padding: 6px 28px 5px;
	border-radius: 13px;
	background: rgb(229,74,46);
	background: -moz-linear-gradient(180deg, rgba(229,74,46,1) 0%, rgba(212,43,14,1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(229,74,46,1) 0%, rgba(212,43,14,1) 100%);
	background: linear-gradient(180deg, rgba(229,74,46,1) 0%, rgba(212,43,14,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e54a2e",endColorstr="#d42b0e",GradientType=1);
	color: #ffffff;
	font-size: 12px;
	line-height: 11px;
	cursor: pointer;
	border: 0;
	box-shadow: none;
}

.otsukaid-header .otsukaid-header-container p.otsukaid-button-login a:hover {
	background: #e74c30;
	text-decoration: none;
}

/* **********************************************************************************

	ログイン後

********************************************************************************** */
.otsukaid-view-wait .otsukaid-header {
	position: absolute;
	top: 0;
	left: -100%;
}

.otsukaid-view-show {
	border-top: 0;
}

.otsukaid-view-show .otsukaid-header {
	position: relative;
	top: auto;
	left: auto;
	z-index: 0;
	margin-top: -2px;
}

.otsukaid-header .otsukaid-header-container_02 {
	width: 960px;
	margin: 0 auto;
	padding: 3px 0 4px;
}

.otsukaid-header .otsukaid-header-container_02 ul {
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
	font-size: 12px;
	list-style: none;
}

.otsukaid-header .otsukaid-header-container_02 ul li:first-of-type {
	padding: 0;
}

.otsukaid-header .otsukaid-header-container_02 ul li:first-of-type a {
	display: inline-block;
	margin-right: 14px;
	border: 1px solid #e56315;
	padding: 5px 15px 3px;
	border-radius: 12px;
	background: #ffffff;
	color: #e56315;
	font-weight: bold;
}

.otsukaid-header .otsukaid-header-container_02 ul li:first-of-type a:hover {
	background: #f46900;
	color: #ffffff;
	text-decoration: none;
}

.otsukaid-header .otsukaid-header-container_02 ul li:nth-of-type(2) {
	display: inline-block;
	position: relative;
	width: 20px;
	height: 18px;
  margin: 0 11px 0 0;
}

.otsukaid-header .otsukaid-header-container_02 ul li:nth-of-type(2) #js_pop_wrap {
  position: relative;
}

.otsukaid-header .otsukaid-header-container_02 ul li:nth-of-type(2) #js_pop_wrap .js_pop_btn.js_pop_btn_open {
  transform: rotate(45deg);
}

.otsukaid-header .otsukaid-header-container_02 ul li:nth-of-type(2) #js_pop_wrap .js_pop_btn.js_pop_btn_open .js_pop_btn_sq:nth-of-type(1),
.otsukaid-header .otsukaid-header-container_02 ul li:nth-of-type(2) #js_pop_wrap .js_pop_btn.js_pop_btn_open .js_pop_btn_sq:nth-of-type(3),
.otsukaid-header .otsukaid-header-container_02 ul li:nth-of-type(2) #js_pop_wrap .js_pop_btn.js_pop_btn_open .js_pop_btn_sq:nth-of-type(5),
.otsukaid-header .otsukaid-header-container_02 ul li:nth-of-type(2) #js_pop_wrap .js_pop_btn.js_pop_btn_open .js_pop_btn_sq:nth-of-type(7),
.otsukaid-header .otsukaid-header-container_02 ul li:nth-of-type(2) #js_pop_wrap .js_pop_btn.js_pop_btn_open .js_pop_btn_sq:nth-of-type(9) {
	opacity: 0;
	background-color: #666;
}

.otsukaid-header .otsukaid-header-container_02 ul li:nth-of-type(2) #js_pop_wrap .js_pop_btn.js_pop_btn_open .js_pop_btn_sq:nth-of-type(2) {
  transform: scaleY(4.75);
	border-radius: 0;
	background-color: #666;
}

.otsukaid-header .otsukaid-header-container_02 ul li:nth-of-type(2) #js_pop_wrap .js_pop_btn.js_pop_btn_open .js_pop_btn_sq:nth-of-type(4) {
  transform: scaleX(4.75);
	border-radius: 0;
	background-color: #666;
}

.otsukaid-header .otsukaid-header-container_02 ul li:nth-of-type(2) #js_pop_wrap .js_pop_btn.js_pop_btn_open .js_pop_btn_sq:nth-of-type(6) {
  transform: scaleX(4.75);
	border-radius: 0;
	background-color: #666;
}

.otsukaid-header .otsukaid-header-container_02 ul li:nth-of-type(2) #js_pop_wrap .js_pop_btn.js_pop_btn_open .js_pop_btn_sq:nth-of-type(8) {
  transform: scaleY(4.75);
	border-radius: 0;
	background-color: #666;
}

.otsukaid-header .otsukaid-header-container_02 ul li:nth-of-type(2) #js_pop_wrap .js_pop_btn.js_pop_btn_open .js_pop_btn_sq {
	background-color: #e56315;
}

.otsukaid-header .otsukaid-header-container_02 ul li:nth-of-type(2) .js_pop_btn {
	position: absolute;
  cursor: pointer;
	top: -2px;
	left: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: space-between;
	width: 20px;
	height: 18px;
}

.otsukaid-header .otsukaid-header-container_02 ul li:nth-of-type(2) .js_pop_btn .js_pop_btn_sq {
  width: 4px;
  height: 4px;
  background-color: #333333;
	border-radius: 2px;
}

.otsukaid-header .otsukaid-header-container_02 ul li:nth-of-type(2):hover .js_pop_btn .js_pop_btn_sq {
  background-color: #e56315;
}

.otsukaid-header .otsukaid-header-container_02 ul li:nth-of-type(2) .js_pop_btn .js_pop_btn_sq:nth-of-type(3n+2) {
  margin: 0 4px;
}

.otsukaid-header .otsukaid-header-container_02 ul li:nth-of-type(2) .js_pop_btn .js_pop_btn_sq:nth-of-type(2) {
  transform-origin: top;
}

.otsukaid-header .otsukaid-header-container_02 ul li:nth-of-type(2) .js_pop_btn .js_pop_btn_sq:nth-of-type(4) {
  transform-origin: left;
}

.otsukaid-header .otsukaid-header-container_02 ul li:nth-of-type(2) .js_pop_btn .js_pop_btn_sq:nth-of-type(6) {
  transform-origin: right;
}

.otsukaid-header .otsukaid-header-container_02 ul li:nth-of-type(2) .js_pop_btn .js_pop_btn_sq:nth-of-type(8) {
  transform-origin: bottom;
}

.otsukaid-header .otsukaid-header-container_02 ul .js_pop_btn .js_pop_btn_sq {
  width: 6px;
  height: 6px;
  background-color: #666;
}

.otsukaid-header .otsukaid-header-container_02 ul .js_pop_btn .js_pop_btn_sq:nth-of-type(3n+2) {
  margin: 0 4px;
}

.otsukaid-header .otsukaid-header-container_02 ul .js_pop_btn .js_pop_btn_sq:nth-of-type(2) {
  transform-origin: top;
}

.otsukaid-header .otsukaid-header-container_02 ul .js_pop_btn .js_pop_btn_sq:nth-of-type(4) {
  transform-origin: left;
}

.otsukaid-header .otsukaid-header-container_02 ul .js_pop_btn .js_pop_btn_sq:nth-of-type(6) {
  transform-origin: right;
}

.otsukaid-header .otsukaid-header-container_02 ul .js_pop_btn .js_pop_btn_sq:nth-of-type(8) {
  transform-origin: bottom;
}

.otsukaid-header .otsukaid-header-container_02 ul li:nth-of-type(3) {
	width: 24px;
	height: 24px;
	background: url(../media/images/header/header_logon_ic01.png) no-repeat center center;
}

.otsukaid-header .otsukaid-header-container_02 ul li:nth-of-type(3):hover {
	background: url(../media/images/header/header_logon_ic01_on.png) no-repeat center center;
	cursor: pointer;
}

.otsukaid-header .otsukaid-header-container_02 ul li.js_pop_btn_open:nth-of-type(3) {
	background: url(../media/images/header/header_logon_ic03.png) no-repeat center 4px / 18px 18px;
}

#js_pop_btn_pop01.pop,
#js_pop_btn_pop02.pop {
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	z-index: 11000;
}

#js_pop_btn_pop01 .pop__bg,
#js_pop_btn_pop02 .pop__bg {
	position: absolute;
	width: 100%;
	height: 100vh;
}

#js_pop_btn_pop01 .pop__content ul,
#js_pop_btn_pop02 .pop__content ul {
	list-style: none;
}

#js_pop_btn_pop01 .pop__content a:hover,
#js_pop_btn_pop02 .pop__content a:hover {
	text-decoration: none;
}

#js_pop_btn_pop01 .pop__content {
	position: absolute;
	width: 280px;
	top: 31px;
	right: 0;
	left: 610px;
	margin: auto;
	border: 1px solid #d5cccb;
	padding: 8px 0 15px;
	background: #fff;
	color: #333333;
	box-shadow: 3px 3px 10px -3px #d5cccb;
	z-index: 1100;
	line-height: 1;
}

#js_pop_btn_pop01 .pop01_hd01 {
	padding: 0 15px 7px;
	text-align: center;
	font-size: 10px;
	font-weight: bold;
}

#js_pop_btn_pop01 .pop01_hd01 span {
	font-size: 14px;
}

#js_pop_btn_pop01 .pop01_mymenu li a {
	display: block;
	position: relative;
	padding: 9px 30px 8px 15px;
	border-top: 1px solid #ccc;
	font-size: 12px;
	color: #333333;
	text-decoration: none;
	text-align: left;
	line-height: 17px;
}

#js_pop_btn_pop01 .pop01_mymenu li:not(:last-of-type) a:hover {
	background: #fafafa;
}

#js_pop_btn_pop01 .pop01_mymenu li a::after {
	content: "";
	position: absolute;
	margin: auto;
	width: 6px;
	height: 6px;
	right: 15px;
	top: 8px;
	bottom: 0;
	border-top: 2px solid #e56315;
	border-right: 2px solid #e56315;
	transform: translate(0, -50%) rotate(45deg);
}

#js_pop_btn_pop01 .pop01_mymenu li:nth-last-of-type(2) {
	border-bottom: 1px solid #ccc;
}

#js_pop_btn_pop01 .pop01_mymenu li:last-of-type {
	text-align: right;
}

#js_pop_btn_pop01 .pop01_mymenu li:last-of-type a {
	display: inline-block;
	padding: 7px 31px 5px 0;
	border: 0;
	margin-left: 15px;
	font-size: 10px;
	color: #333333;
	text-decoration: none;
}

#js_pop_btn_pop01 .pop01_mymenu li:last-of-type a:hover {
	color: #333333;
	text-decoration: underline;
}

#js_pop_btn_pop01 .pop01_hd02 {
	padding: 8px 0 10px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
}

#js_pop_btn_pop01 .pop01_hd02 span {
	font-weight: bold;
}

#js_pop_btn_pop01 .pop01_rec {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 100%;
}

#js_pop_btn_pop01 .pop01_rec li {
	width: 75px;
	margin-right: 11px;
}

#js_pop_btn_pop01 .pop01_rec li:nth-of-type(3n) {
	margin-right: 0;
}

#js_pop_btn_pop01 .pop01_rec li:nth-of-type(n+4) {
	margin-top: 4px;
}

#js_pop_btn_pop01 .pop01_rec li {
	width: 75px;
}

#js_pop_btn_pop01 .pop01_rec li a img {
	display: block;
	margin: 0 auto;
}

#js_pop_btn_pop01 .pop01_rec li a:hover img {
	opacity: .7;
}

#js_pop_btn_pop01 .pop01_rec li a span {
	display: block;
	padding-top: 7px;
	text-align: center;
	font-size: 10px;
	line-height: 14px;
	color: #333333;
	text-decoration: none;
}

#js_pop_btn_pop01 .pop01_rec li a:hover span {
	text-decoration: underline;
}

#js_pop_btn_pop01 .pop01_dc {
	padding: 15px 15px 9px;
	font-size: 10px;
	line-height: 14px;
	text-align: left;
}

#js_pop_btn_pop01 .pop01_listBtn {
	padding: 0 15px;
	text-align: center;
}

#js_pop_btn_pop01 .pop01_listBtn a {
	display: inline-block;
	padding: 5px 30px 4px;
	border: 1px solid #e56315;
	border-radius: 12px;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	background: #ffffff;
	color: #e56315;
}

#js_pop_btn_pop01 .pop01_listBtn a:hover {
	background: #e56315;
	color: #ffffff;
}

#js_pop_btn_pop02 .pop__content {
	position: absolute;
	width: 220px;
	padding: 15px 0 0;
	top: 31px;
	right: 0;
	left: 741px;
	margin: auto;
	border: 1px solid #d5cccb;
	background: #fff;
	color: #333333;
	box-shadow: 3px 3px 10px -3px #d5cccb;
	z-index: 1100;
	line-height: 1;
}

#js_pop_btn_pop02 .pop__content a {
	color: #333333;
}

#js_pop_btn_pop02 .pop__content a:hover {
	background: #fafafa;
}

#js_pop_btn_pop02 .pop02_hd01 {
	padding: 0 15px 9px;
	text-align: center;
	font-size: 10px;
}

#js_pop_btn_pop02 .pop02_hd01 span {
	font-weight: bold;
	font-size: 14px;
	line-height: 20px;
}

#js_pop_btn_pop02 .pop02_pt {
	padding: 0 15px 13px;
	text-align: center;
	line-height: 14px;
	font-size: 10px;
	color: #333333;
}

#js_pop_btn_pop02 ul {
	width: 100%;
	padding: 0;
	font-size: 10px;
}

#js_pop_btn_pop02 ul li a {
	display: block;
	position: relative;
	padding: 9px 30px 8px 15px;
	border-top: 1px solid #ccc;
	line-height: 16px;
	font-size: 11px;
	text-align: left;
}

#js_pop_btn_pop02 ul li:last-of-type a {
	border-bottom: 1px solid #ccc;
}

#js_pop_btn_pop02 ul li a::after {
	content: "";
	position: absolute;
	margin: auto;
	width: 6px;
	height: 6px;
	right: 15px;
	top: 8px;
	bottom: 0;
	border-top: 2px solid #e56315;
	border-right: 2px solid #e56315;
	transform: translate(0, -50%) rotate(45deg);
}

#js_pop_btn_pop02 ul li a span {
	position: relative;
	display: inline-block;
	margin-right: 15px;
}

#js_pop_btn_pop02 ul li a span.pop02_alert::before {
	position: absolute;
	content: "";
	margin: auto;
	width: 9px;
	height: 9px;
	right: -16px;
	top: 0;
	bottom: 2px;
	background: #e56315;
	border-radius: 6px;
}

#js_pop_btn_pop02 .pop02_logout {
	margin: 15px 0;
	padding: 0 15px;
	text-align: center;
	font-size: 10px;
	font-weight: bold;
}

#js_pop_btn_pop02 .pop02_logout a {
	display: inline-block;
	padding: 5px 37px 4px;
	border: 1px solid #a3a3a3;
	border-radius: 12px;
	font-size: 11px;
}

#js_pop_btn_pop02 .pop02_logout a:hover {
	background: #fafafa;
}

/* ****************************************************************

	スマホ対応

***************************************************************** */
@media screen and (max-width:640px) {

	/* **********************************************************************************
		イニシャライズ
	********************************************************************************** */
	.otsukaid-header div,.otsukaid-header span,.otsukaid-header h1,.otsukaid-header h2,.otsukaid-header h3,.otsukaid-header h4,.otsukaid-header h5,.otsukaid-header h6,.otsukaid-header p,.otsukaid-header blockquote,.otsukaid-header pre,.otsukaid-header address,.otsukaid-header cite,.otsukaid-header code,.otsukaid-header img,.otsukaid-header q,.otsukaid-header samp,.otsukaid-header small,.otsukaid-header sub,.otsukaid-header sup,.otsukaid-header dl,.otsukaid-header dt,.otsukaid-header dd,.otsukaid-header ol,.otsukaid-header ul,.otsukaid-header li,.otsukaid-header fieldset,.otsukaid-header form,.otsukaid-header label,.otsukaid-header legend,.otsukaid-header table,.otsukaid-header caption,.otsukaid-header tbody,.otsukaid-header tfoot,.otsukaid-header thead,.otsukaid-header tr,.otsukaid-header th,.otsukaid-header td,.otsukaid-header article,.otsukaid-header aside,.otsukaid-header canvas,.otsukaid-header figcaption,.otsukaid-header figure,.otsukaid-header footer,.otsukaid-header header,.otsukaid-header nav,.otsukaid-header section,.otsukaid-header time,.otsukaid-header audio,.otsukaid-header video {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-size: 100%;
		font-style: normal;
		vertical-align: baseline;
		background-color: transparent;
	}

	.otsukaid-header blockquote,
	.otsukaid-header q {
		quotes: none;
	}

	.otsukaid-header blockquote:before,
	.otsukaid-header blockquote:after,
	.otsukaid-header q:before,
	.otsukaid-header q:after {
		content: '';
		content: none;
	}

	.otsukaid-header a {
		margin: 0;
		padding: 0;
		font-size: 100%;
		vertical-align: baseline;
		background: transparent;
	}

	.otsukaid-header table {
		border-collapse: collapse;
		border-spacing: 0;
	}

	.otsukaid-header input,
	.otsukaid-header select {
		vertical-align: top;
	}

	.otsukaid-header article,
	.otsukaid-header aside,
	.otsukaid-header footer,
	.otsukaid-header header,
	.otsukaid-header main,
	.otsukaid-header nav,
	.otsukaid-header section {
		display: block;
	}

	.otsukaid-header {
		font-family: Meiryo,"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Helvetica,sans-serif;
	}

	.otsukaid-header a:link {
		color: #2451c6;
		text-decoration: none;
	}

	.otsukaid-header a:active {
		color: #2451c6;
		text-decoration: underline;
	}

	.otsukaid-header a:visited {
		color: #7c169e;
		text-decoration: none;
	}

	.otsukaid-header a:hover {
		color: #2451c6;
		text-decoration: underline;
	}

	.otsukaid-header input {
		font-family: Meiryo,"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Helvetica,sans-serif;
	}

	.otsukaid-header .clearfix:after {
		content: "";
		display: block;
		clear: both;
		height: 0;
		visibility: hidden;
	}

	.otsukaid-header .clearfix {
		min-height: 1px;
	}

	* html .otsukaid-header .clearfix {
		height: 1px;
	}

	.otsukaid-footer div,
	.otsukaid-footer span,
	.otsukaid-footer p,
	.otsukaid-footer img,
	.otsukaid-footer dl,
	.otsukaid-footer dt,
	.otsukaid-footer dd,
	.otsukaid-footer ol,
	.otsukaid-footer ul,
	.otsukaid-footer li,
	.otsukaid-footer nav {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-style: normal;
		vertical-align: baseline;
		background: transparent;
	}

	.otsukaid-header a,
	.otsukaid-footer a {
		margin: 0;
		padding: 0;
		vertical-align: baseline;
		background: transparent;
	}

	.otsukaid-header,
	.otsukaid-footer {
		background-color: #fff;
		color:#333;
		font-family: Meiryo,"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Helvetica,sans-serif;
		text-align: center;
		-webkit-text-size-adjust:none;
	}

	.otsukaid-footer a:link {
		color: #2451c6;
		text-decoration: none;
	}
	
	.otsukaid-footer a:active {
		color:#2451c6;
		text-decoration: none;
	}

	.otsukaid-footer a:visited {
		color: #7c169e;
		text-decoration: none;
	}

	.otsukaid-footer a:hover {
		color: #2451c6;
		text-decoration: none;
	}

	.otsukaid-header img,
	.otsukaid-footer img {
		max-width: 100%;
		height: auto;
	}

	/* **********************************************************************************
		リンクアイコン
	********************************************************************************** */
	.logged-out .otsukaid-header .otsukaid-header-container ul li a.common-header-blank {
		background: url(../media/images/header/icon-blank-orange.png) no-repeat 2px 0.45em;
		background-size: 8px auto;
		padding-left: 15px;
		color: #2451c6;
	}

	.logged-out .otsukaid-header .otsukaid-header-container ul li a.common-header-blank:hover {
		color: #333;
		text-decoration: none;
	}

	.logged-out .otsukaid-header .otsukaid-header-container ul li a.common-header-arrow {
		background: url(../media/images/header/icons-arrow-right-orange.png) no-repeat 3px 0.38em;
		background-size: 5px auto;
		padding-left: 12px;
		color: #2451c6;
	}

	.logged-out .otsukaid-header .otsukaid-header-container ul li a.common-header-arrow:hover {
		color: #333;
		text-decoration: none;
	}

	/* **********************************************************************************
		共通ヘッダー
	********************************************************************************** */
	body {
		border-top: 35px solid #fff;
		min-width: 100%;
	}

	body.logged-in-otsukaid {
		border-top: 42px solid #fff;
	}

	body:before {
		display: block;
		min-width: 100%;
		height: 1px;
		border-top: 1px solid #fff;
		background-color: #d5cccb;
		content: "";
	}

	.otsukaid-header {
		position: absolute;
		right: 0;
		margin: 0;
		padding: 8px 10px 7px;
		width: 100%;
		min-width: 100%;
		box-sizing: border-box;
		background: #fff;
		border-bottom: 1px solid #d5cccb;
		font-size: 11px;
		text-align: right;
		-webkit-transition: right 0.3s ease-out;
		transition: right 0.3s ease-out;
	}

	.otsukaid-view-wait .otsukaid-header {
		position: absolute;
		top: 0;
		left: -100%;
		right: auto;
	}

	body.otsukaid-view-show {
		border-top-width: 0;
	}
	
	body.otsukaid-view-show:before {
		position: relative;
		top: auto;
		left: auto;
		right: 0;
		-webkit-transition: right 0.3s ease-out;
		transition: right 0.3s ease-out;
	}
	
	body.otsukaid-view-show .otsukaid-header {
		position: relative;
		margin-top: -2px;
	}

	.otsukaid-header .otsukaid-header-container {
		width: 100%;
		padding: 0;
	}

	/* **********************************************************************************
		ログイン前
	********************************************************************************** */
	.logged-out .otsukaid-header .otsukaid-header-container ul {
		display: inline-block;
		float: none;
		margin: 0;
		padding: 0;
		text-align: right;
	}
	
	.logged-out .otsukaid-header .otsukaid-header-container ul li {
		display: inline-block;
		margin: 0 0 0 9px;
		padding: 0;
		font-size: 11px;
		line-height: 11px;
	}
	
	.logged-out .otsukaid-header .otsukaid-header-container ul li:first-of-type {
		margin-left: 0;
	}

	.otsukaid-header .otsukaid-header-container p.otsukaid-button-login {
		margin-left: 14px;
		display: inline-block;
	}

	.otsukaid-header .otsukaid-header-container p.otsukaid-button-login a {
		position: static;
		right: auto;
		bottom: auto;
		display: block;
		padding: 3px 20px 3px;
		border-radius: 13px;
		background: rgb(229,74,46);
		background: -moz-linear-gradient(180deg, rgba(229,74,46,1) 0%, rgba(212,43,14,1) 100%);
		background: -webkit-linear-gradient(180deg, rgba(229,74,46,1) 0%, rgba(212,43,14,1) 100%);
		background: linear-gradient(180deg, rgba(229,74,46,1) 0%, rgba(212,43,14,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e54a2e",endColorstr="#d42b0e",GradientType=1);
		color: #ffffff;
		font-size: 11px;
		line-height: 1.4;
		border: 0;
		box-shadow: none;
	}

	/* **********************************************************************************
		ログイン後
	********************************************************************************** */
	body.js_pop_btn_ofhidden {
		overflow: hidden;
		width: 100%;
		height: 100%;
		position: fixed;
	}

	.otsukaid-header .otsukaid-header-container_02 {
		width: 100%;
		margin: 2px 0;
		padding: 0;
	}

	.otsukaid-header .otsukaid-header-container_02 ul {
		display: inline-block;
		margin: 0;
		padding: 0;
		text-align: right;
	}

	.otsukaid-header .otsukaid-header-container_02 ul li {
		display: inline-block;
		margin: 0 0 0 15.75px;
		vertical-align: middle;
	}

	.otsukaid-header .otsukaid-header-container_02 ul li a {
		line-height: 1;
	}
	
	.otsukaid-header .otsukaid-header-container_02 ul li:first-of-type {
		margin-left: 0;
	}

	.otsukaid-header .otsukaid-header-container_02 ul li:first-of-type a {
		display: inline-block;
		margin-right: 0;
		padding: 5px 13px 4px;
		border: 1px solid #e56315;
		border-radius: 12px;
		background: #ffffff;
		color: #e56315;
		font-weight: bold;
		font-size: 12px;
	}

	.otsukaid-header .otsukaid-header-container_02 ul li:nth-of-type(2){
		position: relative;
		display: inline-block;
		margin: 0 0 0 3.75px;
		width: 20px;
		height: 18px;
	}

	.otsukaid-header .otsukaid-header-container_02 ul li:nth-of-type(2) #js_pop_wrap{
		position: relative;
	}

	.otsukaid-header .otsukaid-header-container_02 ul li:nth-of-type(2) #js_pop_wrap .js_pop_btn.js_pop_btn_open {
		transform: rotate(45deg);
	}

	.otsukaid-header .otsukaid-header-container_02 ul li:nth-of-type(2) #js_pop_wrap .js_pop_btn.js_pop_btn_open .js_pop_btn_sq:nth-of-type(1),
	.otsukaid-header .otsukaid-header-container_02 ul li:nth-of-type(2) #js_pop_wrap .js_pop_btn.js_pop_btn_open .js_pop_btn_sq:nth-of-type(3),
	.otsukaid-header .otsukaid-header-container_02 ul li:nth-of-type(2) #js_pop_wrap .js_pop_btn.js_pop_btn_open .js_pop_btn_sq:nth-of-type(5),
	.otsukaid-header .otsukaid-header-container_02 ul li:nth-of-type(2) #js_pop_wrap .js_pop_btn.js_pop_btn_open .js_pop_btn_sq:nth-of-type(7),
	.otsukaid-header .otsukaid-header-container_02 ul li:nth-of-type(2) #js_pop_wrap .js_pop_btn.js_pop_btn_open .js_pop_btn_sq:nth-of-type(9) {
		opacity: 0;
		background: #666;
	}

	.otsukaid-header .otsukaid-header-container_02 ul li:nth-of-type(2) #js_pop_wrap .js_pop_btn.js_pop_btn_open .js_pop_btn_sq:nth-of-type(2) {
		transform: scaleY(4.75);
		border-radius: 0;
		background: #666;
	}

	.otsukaid-header .otsukaid-header-container_02 ul li:nth-of-type(2) #js_pop_wrap .js_pop_btn.js_pop_btn_open .js_pop_btn_sq:nth-of-type(4) {
		transform: scaleX(4.75);
		border-radius: 0;
		background: #666;
	}

	.otsukaid-header .otsukaid-header-container_02 ul li:nth-of-type(2) #js_pop_wrap .js_pop_btn.js_pop_btn_open .js_pop_btn_sq:nth-of-type(6) {
		transform: scaleX(4.75);
		border-radius: 0;
		background: #666;
	}

	.otsukaid-header .otsukaid-header-container_02 ul li:nth-of-type(2) #js_pop_wrap .js_pop_btn.js_pop_btn_open .js_pop_btn_sq:nth-of-type(8) {
		transform: scaleY(4.75);
		border-radius: 0;
		background: #666;
	}

	.otsukaid-header .otsukaid-header-container_02 ul li:nth-of-type(2) #js_pop_wrap .js_pop_btn.js_pop_btn_open .js_pop_btn_sq {
		background-color: #e56315;
	}

	.otsukaid-header .otsukaid-header-container_02 ul li:nth-of-type(2) .js_pop_btn {
		position: absolute;
		cursor: pointer;
		top: 0;
		right: -6px;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-content: space-between;
		width: 20px;
		height: 18px;
	}

	.otsukaid-header .otsukaid-header-container_02 ul li:nth-of-type(2) .js_pop_btn .js_pop_btn_sq {
		width: 4px;
		height: 4px;
		background-color: #333333;
		border-radius: 2px;
	}

	.otsukaid-header .otsukaid-header-container_02 ul li:nth-of-type(2) .js_pop_btn .js_pop_btn_sq:nth-of-type(3n+2) {
		margin: 0 4px;
	}

	.otsukaid-header .otsukaid-header-container_02 ul li:nth-of-type(2) .js_pop_btn .js_pop_btn_sq:nth-of-type(2) {
		transform-origin: top;
	}

	.otsukaid-header .otsukaid-header-container_02 ul li:nth-of-type(2) .js_pop_btn .js_pop_btn_sq:nth-of-type(4) {
		transform-origin: left;
	}

	.otsukaid-header .otsukaid-header-container_02 ul li:nth-of-type(2) .js_pop_btn .js_pop_btn_sq:nth-of-type(6) {
		transform-origin: right;
	}

	.otsukaid-header .otsukaid-header-container_02 ul li:nth-of-type(2) .js_pop_btn .js_pop_btn_sq:nth-of-type(8) {
		transform-origin: bottom;
	}

	.otsukaid-header .otsukaid-header-container_02 ul .js_pop_btn .js_pop_btn_sq {
		width: 6px;
		height: 6px;
		background-color: #666;
	}

	.otsukaid-header .otsukaid-header-container_02 ul .js_pop_btn .js_pop_btn_sq:nth-of-type(3n+2) {
		margin: 0 4px;
	}

	.otsukaid-header .otsukaid-header-container_02 ul .js_pop_btn .js_pop_btn_sq:nth-of-type(2) {
		transform-origin: top;
	}

	.otsukaid-header .otsukaid-header-container_02 ul .js_pop_btn .js_pop_btn_sq:nth-of-type(4) {
		transform-origin: left;
	}

	.otsukaid-header .otsukaid-header-container_02 ul .js_pop_btn .js_pop_btn_sq:nth-of-type(6) {
		transform-origin: right;
	}

	.otsukaid-header .otsukaid-header-container_02 ul .js_pop_btn .js_pop_btn_sq:nth-of-type(8) {
		transform-origin: bottom;
	}

	.otsukaid-header .otsukaid-header-container_02 ul li:nth-of-type(3) {
		display: inline-block;
		width: 24px;
		height: 24px;
		background: url(../media/images/header/header_logon_ic01.png) no-repeat center center;
		cursor: pointer;
	}

	.otsukaid-header .otsukaid-header-container_02 ul li.js_pop_btn_open:nth-of-type(3) {
		background: url(../media/images/header/header_logon_ic03.png) no-repeat center center / 18px 18px;
	}

	#js_pop_btn_pop01.pop,
	#js_pop_btn_pop02.pop {
		position: fixed;
		width: 100%;
		height: 100vh;
		top: 0;
		z-index: 11000;
	}

	#js_pop_btn_pop01 .pop__bg,
	#js_pop_btn_pop02 .pop__bg {
		position: absolute;
		width: 100%;
		height: 100vh;
	}

	#js_pop_btn_pop01 .pop__content ul,
	#js_pop_btn_pop02 .pop__content ul {
		list-style: none;
	}

	#js_pop_btn_pop01 .pop__content {
		overflow-y: scroll;
		position: absolute;
		width: 100%;
		max-height: calc(100vh - 75px);
		top: 42px;
		right: 0;
		left: 0;
		margin: auto;
		border: 1px solid #d5cccb;
		padding: 0 0 15px;
		background: #fff;
		color: #333333;
		box-shadow: 3px 3px 10px -3px #d5cccb;
		z-index: 1100;
	}

	#js_pop_btn_pop01 .pop01_hd01 {
		padding: 8px 15px 7px;
		text-align: center;
		font-size: 10px;
		font-weight: bold;
		line-height: 15px;
	}

	#js_pop_btn_pop01 .pop01_hd01 span {
		font-size: 14px;
	}

	#js_pop_btn_pop01 .pop01_mymenu li a {
		display: block;
		position: relative;
		padding: 15px 37px 13px 22px;
		border-top: 1px solid #ccc;
		font-size: 14px;
		color: #333333;
		text-decoration: none;
		text-align: left;
	}

	#js_pop_btn_pop01 .pop01_mymenu li a::after {
		content: "";
		position: absolute;
		margin: auto;
		width: 9px;
		height: 9px;
		right: 15px;
		top: 10px;
		bottom: 0;
		border-top: 2px solid #e56315;
		border-right: 2px solid #e56315;
		transform: translate(0, -50%) rotate(45deg);
	}

	#js_pop_btn_pop01 .pop01_mymenu li:nth-last-of-type(2) {
		border-bottom: 1px solid #ccc;
	}

	#js_pop_btn_pop01 .pop01_mymenu li:last-of-type {
		text-align: right;
	}

	#js_pop_btn_pop01 .pop01_mymenu li:last-of-type a {
		display: inline-block;
		padding: 13px 42px 13px 0;
		border: 0;
		margin-left: 15px;
		font-size: 12px;
		color: #333333;
		text-decoration: none;
	}

	#js_pop_btn_pop01 .pop01_mymenu li:last-of-type a::after {
		top: 8px;
	}

	#js_pop_btn_pop01 .pop01_hd02 {
		padding: 14px 0;
		text-align: center;
		font-size: 14px;
		font-weight: bold;
	}

	#js_pop_btn_pop01 .pop01_hd02 span {
		font-weight: bold;
	}

	#js_pop_btn_pop01 .pop01_rec {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		width: 85%;
		margin: 0 auto;
	}

	#js_pop_btn_pop01 .pop01_rec li {
		width: 32%;
		margin-right: 0;
		word-break: break-all;
	}

	#js_pop_btn_pop01 .pop01_rec li:nth-of-type(n+4) {
		margin-top: 6px;
	}

	#js_pop_btn_pop01 .pop01_rec li a img {
		display: block;
		margin: 0 auto;
	}

	#js_pop_btn_pop01 .pop01_rec li a span {
		display: block;
		padding-top: 7px;
		text-align: center;
		font-size: 10px;
		line-height: 14px;
		color: #333333;
		text-decoration: none;
	}

	#js_pop_btn_pop01 .pop01_dc {
		padding: 22px 15px 11px;
		font-size: 10px;
		line-height: 14px;
		text-align: left;
	}

	#js_pop_btn_pop01 .pop01_listBtn {
		padding: 0 15px;
		text-align: center;
	}

	#js_pop_btn_pop01 .pop01_listBtn a {
		display: inline-block;
		padding: 5px 30px 4px;
		border: 1px solid #e56315;
		border-radius: 12px;
		text-align: center;
		font-size: 14px;
		font-weight: bold;
		background: #ffffff;
		color: #e56315;
	}

	#js_pop_btn_pop01 .pop01_listBtn a:hover {
		text-decoration: none;
	}

	#js_pop_btn_pop02 .pop__content {
		overflow-y: scroll;
		position: absolute;
		width: 100%;
		max-height: calc(100vh - 75px);
		padding: 0;
		top: 42px;
		right: 0;
		left: 0;
		margin: auto;
		border: 1px solid #d5cccb;
		background: #fff;
		color: #333333;
		box-shadow: 3px 3px 10px -3px #d5cccb;
		z-index: 1100;
	}

	#js_pop_btn_pop02 .pop__content a {
		color: #333333;
	}

	#js_pop_btn_pop02 .pop__content a:hover {
		text-decoration: none;
	}

	#js_pop_btn_pop02 .pop02_hd01 {
		padding: 27px 15px 9px;
		text-align: center;
		font-size: 12px;
		line-height: 20px;
	}

	#js_pop_btn_pop02 .pop02_hd01 span {
		font-weight: bold;
		font-size: 18px;
		vertical-align: baseline;
	}

	#js_pop_btn_pop02 .pop02_pt {
		padding: 0 15px 13px;
		text-align: center;
		line-height: 19px;
		font-size: 12px;
		color: #333333;
	}

	#js_pop_btn_pop02 ul {
		width: 100%;
		padding: 0;
		font-size: 14px;
	}

	#js_pop_btn_pop02 ul li a {
		display: block;
		position: relative;
		padding: 13px 35px 11px 20px;
		border-top: 1px solid #ccc;
		font-size: 100%;
		line-height: 20px;
		text-align: left;
		text-decoration: none;
	}

	#js_pop_btn_pop02 ul li:last-of-type a {
		border-bottom: 1px solid #ccc;
	}

	#js_pop_btn_pop02 ul li a::after {
		content: "";
		position: absolute;
		margin: auto;
		width: 10px;
		height: 10px;
		right: 15px;
		top: 10px;
		bottom: 0;
		border-top: 2px solid #e56315;
		border-right: 2px solid #e56315;
		transform: translate(0, -50%) rotate(45deg);
	}

	#js_pop_btn_pop02 ul li a span {
		position: relative;
		display: inline-block;
		margin-right: 15px;
	}

	#js_pop_btn_pop02 ul li a span.pop02_alert::before {
		position: absolute;
		content: "";
		margin: auto;
		width: 9px;
		height: 9px;
		right: -16px;
		top: 0;
		bottom: 3px;
		background: #e56315;
		border-radius: 6px;
	}

	#js_pop_btn_pop02 .pop02_logout {
		margin: 15px 0;
		padding: 0 15px;
		text-align: center;
		font-weight: bold;
	}

	#js_pop_btn_pop02 .pop02_logout a {
		display: inline-block;
		padding: 7px 37px 3px;
		border: 1px solid #a3a3a3;
		border-radius: 13px;
		font-size: 14px;
		line-height: 14px;
		text-decoration: none;
	}
	
	#js_pop_btn_pop02 .pop02_logout a:hover {
		text-decoration: none;
	}

	/* **********************************************************************************

		共通フッター（スマホのみ）

	********************************************************************************** */
	.otsukaid-footer {
		margin: 0;
		padding: 10px 0;
		width: 100%;
		background: #f9f6f5;
		border-top: 1px solid #ddd;
		font-size: 10px;
		line-height: 1em;
	}

	.otsukaid-footer .otsukaid-button-logout {
		display: inline-block;
		margin: 0;
		text-align: center;
	}

	.otsukaid-footer .otsukaid-button-logout a {
		display: block;
		padding: 3px 7px 3px 23px;
		border: 1px solid #ddd;
		border-radius: 12px;
		background: url(../media/images/header/cs-mypage-icon-logout.png) 4px center #fff no-repeat;
		background-size: 11px auto;
		font-size: 11px;
		line-height: 1.4;
		color: #333;
		-webkit-box-shadow: 3px 3px 5px 0 rgba(4,0,0,0.15);
		box-shadow: 3px 3px 5px 0 rgba(4,0,0,0.15);
	}

	/* **********************************************************************************

		スライドメニュー

	********************************************************************************** */
	body.on-open-smart-menu .otsukaid-header {
		right: 90%;
	}

	body.on-open-smart-menu:before {
		right: 90%;
	}

	#smart-menu {
		top: 0;
	}

	#smart-menu .smart-menu-button-logout {
		display: block;
		padding: 10px 0 0 0;
		text-align: center;
	}

	#smart-menu .smart-menu-button-logout a {
		display: block;
		margin: 10px 50px 0;
		padding: 5px 15px;
		border-radius: 5px;
		border: 1px solid #ddd;
		background: url(../media/images/header/cs-mypage-icon-logout.png) 4px center #fff no-repeat;
		background-size: 11px auto;
		color: #333;
		font-size: 16px;
		line-height: 1.5;
		text-align: center;
		cursor: pointer;
	}
}