@charset "shift_jis";
/* CSS Document */

/*
	-------------------------
		title
	-------------------------
*/
.mod-mainContentContainer h1 {
	margin: 0;
}
.mod-mainContentContainer h1 a, .mod-mainContentContainer h1 a:visited, .mod-mainContentContainer h1 a:hover, .mod-mainContentContainer h1 a:active {
	color: #fff;
	text-decoration: none;
	display: block;
}
.mod-mainContentContainer h2 {
	clear: both;
	color: #000;
	margin-bottom: 30px;
	font-size: 1.75em;
}

.mod-mainContentContainer h3 {
	clear: both;
	color: #000;
	font-size: 1.5em;
	padding: 3px 0 3px 3px;
	margin-bottom: 15px;
}
.mod-mainContentContainer h4 {
	clear: both;
	color: #333;
	font-size: 1.25em;
	padding: 3px;
	margin-bottom: 15px;
}
.mod-mainContentContainer h5 {
	clear: both;
	color: #000;
	font-size: 1em;
	padding: 3px;
	margin-bottom: 5px;
}
h5.ratio {
	color: #0075c2;
	font-size: 1.125em;
	text-align: center;
}

/*
	-------------------------
		basic style
	-------------------------
*/
.mod-mainContentContainer p {
	margin: 0 .3em 1.25em;
}
.mod-mainContentContainer ol {
	margin: 0 0 1em 2em;
	padding: .5em 0;
}
.mod-mainContentContainer ul {
	margin: 0 0 1em 2em;
	padding: .5em 0;
	list-style: disc;
}
.mod-mainContentContainer ol li, .mod-mainContentContainer ul li {
	margin-left: .5em;
	margin-bottom: .35em;
}
a.textLink {
	display: inline;
	margin: 0 3px 0 7px;
	background-position: 0px;
}
.mod-mainContentContainer span.link_out {
    background: url(/support/ichigan/share3/images/icon_blank.gif) no-repeat scroll 0 0 transparent;
    display: inline-block;
    height: 0;
    overflow: hidden;
    padding: 9px 0 0;
    vertical-align: baseline;
	*vertical-align: middle;	/* for IE */
    width: 11px;
	margin-left: 3px;
}
.mod-mainContentContainer img {
	line-height: 0;
	vertical-align: bottom;
}
img.icon_image {
	margin: 0 2px;
	vertical-align: middle;
}

/*
	-------------------------
		#contents_header
	-------------------------
*/

#contents_header {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #333;
	border-bottom: solid 1px #333;
	clear: both;
	height: 52px;
	margin: 20px auto 0;
	padding: 1.25em 2em .75em;
	position: relative;
}
#contents_header h1 {
	color: #fff;
	font-size: 1.75em;
	line-height: 1.0;
}
@media (max-width: 640px) {
#contents_header {
	height: auto;
	max-width: 100%;
	padding: 0;
}
#contents_header h1 {
	font-size: 1.5em;
	padding: 1.25em 1em .75em;
}
:root #contents_header h1 {
	filter: dropshadow(color=#ffffff, offX=1, offY=1);
}
}
/*
	-------------------------
		local navigation
	-------------------------
*/
#contents_header .local_navigation {
	margin: 0;
	position: absolute;
	bottom: 0;
	right: 5px;
}
#contents_header .local_navigation ul.contents_navi {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
}
#contents_header .local_navigation ul.contents_navi li {
	margin: 15px 0 0 1.4375em;
	padding: 0;
	float: left;
	line-height: 1;
}
#contents_header .local_navigation ul.contents_navi a {
	display: block;
	margin-bottom: 0;
	padding-right: 6px;
	padding-bottom: 10px;
	padding-left: 6px;
	color: #fff;
	transition: 0.15s ease-out;
}
#contents_header .local_navigation ul.contents_navi li:hover a, #contents_header .local_navigation ul.contents_navi .active a {
	text-decoration: none;
	/*box-shadow: inset 0 -4px 0 #5887f5;*/
	border-bottom: solid 4px #ef6c00;
}
#contents_header .local_navigation ul.contents_navi a.contents_navi_current{
	border-bottom: 4px solid rgb(239, 108, 0);
}

.mod-pageTop{
	margin-top: 30px;
	margin-right: 15px;
}

@media (max-width: 640px) {
	#contents_header .local_navigation {
		position: static;
	}
}
/*
	-------------------------
		.lead
	-------------------------
*/
.lead {
	margin: 0 0 30px;
}
.lead .ttl_bnr {
	background: #fff url(/support/ichigan/enjoy/custom/01/images/custom_ttl.png) no-repeat right;
	border-bottom: 1px solid #d0d0d0;
	clear: both;
	color: #333;
	height: 72px;
	margin: 0;
	padding: 0;
}
.lead .ttl_bnr h2 {
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
.mainvisual {
	margin: 0;
	position: relative;
}
.mainvisual img {
	display: block;
	width: 950px;
}
.mainvisual .header_text_area {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 1.125em;
	height: auto;
	margin: 0;
	padding: 15px;
	position: absolute;
	width: 287px;
	
	left: 15px;
	/* for old Chrome and Safari */
	top: -webkit-calc(50% - 72px / 2);
	/* for old Firefox */
	top: -moz-calc(50% - 72px / 2);
	/* for IE8 */
	-ms-filter: "alpha(opacity=85)";
	background: #ffffff\9;
	left: 15px\9;
	top: 72px\9;
	/* for modern browser */
	background-color: rgba(255, 255, 255, .85);
	top: calc(50% - 72px / 2);
}

@media screen and (max-width: 640px) {
	.lead .ttl_bnr h2 {
		text-shadow: 1px 1px 3px rgba(255,255,255,0.4), -1px 1px 3px rgba(255,255,255,0.4), 1px -1px 3px rgba(255,255,255,0.4), -1px -1px 3px rgba(255,255,255,0.4);
	}
	.mainvisual img{
		width: 100% !important;
		max-width: 100% !important;
		height: auto !important;
	}
	.mainvisual .header_text_area {
		background-color: #eee;
		position: static;
		padding: 5px 15px;
		width: auto;
	}
}

/* anchorArea */
.lead ul.anchorArea {
	margin:15px 0 30px;
	padding:0 0 12px;
	border: solid 1px #999;
	list-style:none;
	clear:both;
}
.lead ul.anchorArea:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
.lead ul.anchorArea li {
	margin:12px 15px 0;
	padding:0 0 0 13px;
	background:url(/support/ichigan/share3/images/arrow_black-b.png) 0 5px no-repeat;
	float:left;

}
@media screen and (max-width: 640px) {
	.lead ul.anchorArea li {
		float: none;
	}
	#contents section{
		width: 100%;
	}
}

/*
	-------------------------
		layout
	-------------------------
*/
#contents section{
	margin-bottom: 60px;
	clear: both;
}
#contents  section:after{
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
#contents section h3{
	border-bottom: solid 1px #999;
	border-left: solid 7px #999;
	font-weight: normal;
	padding: 3px 10px 0 15px;
}

/*
	-------------------------
	pagenavi
	-------------------------
*/
.pageNavi {
	clear: both;
	width: 100%;
	overflow: hidden;
	margin: 50px 0px 20px;
}
.pageNavi:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
ul#pageNumber {
	list-style-type: none;
	float: left;
	position: relative;
	right: 50%;
	padding-right: 2px;
	margin-left: 0;
}
#pageNumber {
	padding: 0;
	margin: auto;
	position: relative;
	left: 50%;
}
ul#pageNumber li {
	list-style-type: none;
	float: left;
	position: relative;
	right: 50%;
	padding-right: 2px;
	margin-left: 0;
}
#pageNumber a {
	width: auto;
	display: block;
	padding: 2px 7px 0px;
	background-color: #fff;
	border: 1px solid #ccc;
	color: #494949;
	text-decoration: none;
}
#pageNumber a:hover {
	color: #494949;
	background-color: #ccc;
}
#pageNumber li.currentNum {
	padding: 3px 8px 1px 8px;
	color: #fff;
	background-color: #8b8b8b;
	margin-right: 2px;
}
/*
	------------------------------------
	menulist
	------------------------------------
*/
div.menuList {
	background-color: #eee;
	padding: 20px 20px 10px;
	width: 250px;
	margin: 0 auto;
}
div.menuList ul, div.menuList li {
	list-style: none;
	margin: auto;
}
div.menuList li {
	padding: 0 0 5px;
}
div.menuList ul li.currentList {
	font-weight: 700;
	color: #000;
}
@media screen and (max-width: 768px) {
div.menuList {
	width: auto;
	padding: 10px 10px 5px;
}
}

/*
	-------------------------
	 index
	-------------------------
*/
div.inner{
	margin-bottom: 45px;
}

ul.annotation,
ul.list-none{
	list-style: none;
	color: #333333;
}
p.annotation {
	text-indent: -0.9em;
    margin-left: 30px;
}

#contents dl{
	margin-left: 15px;
}

#contents dl dt{
	font-weight: bold;
	font-size: 1.25em;
	margin-bottom: 15px;	
}

#contents dl.functionList dt{
	width: 60%;
	float: left;
}
#contents dl.functionList dd.txtArea{
	width: 60%;
	float: left;
	vertical-align: top;
}

#contents dl.functionList dd.txtArea p{
	margin: 0px;
}

#contents dl.functionList dd.pctArea{
	margin-bottom: 60px;
}

#contents dl.functionList dd.pctArea img{
	margin-left: 15px;
}

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

	#contents dl.functionList dt{
		width: 100%;
		float: none;
	}
	#contents dl.functionList dd.txtArea{
		width: 100%;
		float: none;
	}
	
	#contents dl.functionList dd.txtArea p{
		margin: 0px;
	}
	
	#contents dl.functionList dd.pctArea{
		margin-bottom: 45px;
	}
	
	#contents dl.functionList dd.pctArea img{
		margin-left: 0px;
	}
	
}

#contents div.pctAreaR{
	float:right;
}

#contents div.pctAreaR div{
	display: table-cell;
}

#contents div.pctAreaR.vab div{
	vertical-align: bottom;
}

#contents div.pctAreaR.vam div{
	vertical-align: middle;
}

#contents div.pctAreaR div.pctAreaR_txt p{
	margin-bottom: 0px;
}


#contents div.inner div.pctAreaH div.pct img{
	margin: 20px;
}

#contents div.inner div.pctAreaW div.pct img{
	margin: 10px;
}

#contents div.inner div.txtArea{
	display: table-cell;
	vertical-align: top;
	padding-right: 15px;
}

#contents div.inner div.txtArea.vam{
	vertical-align: middle;
}

#contents div.inner div.txtArea.vab{
	vertical-align: bottom;
}

#contents div.inner div.pctArea,
#contents div.inner div.pctAreaH,
#contents div.inner div.pctAreaW{
	display: table-cell;
}

@media screen and (max-width: 640px) {
	ul.list-none{
		margin-left: 0px;
	}
	#contents section div.pct img{
		max-width: 100%;
		height: auto;
	}
	#contents div.inner div.txtArea{
		display: block;
	}
	#contents div.inner div.pctArea{
		display: block;
	}
	#contents div.inner div.pctAreaH div.pct img,
	#contents div.inner div.pctAreaW div.pct img{
		margin-left: 0px;
	}

}
/*
	-------------------------
	 practice
	-------------------------
*/

#contents h2.contents_title{
	margin-bottom: 30px;
	text-align: center;
}

#contents div.pageNaviArea{
	border: 1px solid #333;
	padding: 15px;
	margin-bottom: 60px;
}

#contents ol.innerLinkTxt li {
	list-style-position: inside;
	background: url(/support/ichigan/share3/images/arrow_black-b.png) no-repeat 0 0.5em;
    padding: 0 0 0 15px;
}
#contents div.txtL_pctR_area{
	overflow: hidden;
	margin-bottom: 30px;
}

#contents div.txtL_pctR_area div.txtL{
	float: left;
	width: 700px;
}

#contents div.txtL_pctR_area div.pctR div.pct img{
	margin: 0 0 15px 10px;
}

.tar{
	text-align: right;
}

@media screen and (max-width: 640px) {
	#contents div.txtL_pctR_area div.txtL{
		width: auto;
		text-align: left;
	}
	#contents div.txtL_pctR_area div.pctR div.pct img{
		margin-left: 0px;
	}
}

#contents .row:after {
	content: " ";
	display: table;
}

#contents .one-third {
	width: 33.33333333%;
}

#contents .one-third{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	margin: 15px 30px  30px 15px;
	padding-left: 15px;
	padding-right: 0px;
}

#contents .three-colum .one-third{
	margin: 0 0 30px 0;
}

/* infotable */
#contents div.infotable .infotable_section{
	width: 95%;
	display: table;
}

#contents div.infotable .infotable_section > p{
	font-size: 1em;
	display: table-cell;
	padding: 10px 8px;
	background-color: #fbfbfc;
	border: 1px solid #d2d2db;
	border-top: 0px;
	color: #000;
	margin: 0px;
	width: 10%;
}
#contents div.infotable div.infotable_section:first-of-type > p,
#contents div.infotable div.infotable_section:first-of-type > ul > li:first-of-type{
	border-top: 1px solid #d2d2db;
}
#contents div.infotable .infotable_section > ul{
	margin: 0;
	padding: 0;
	list-style: none;
	display: table-cell;
}
#contents div.infotable .infotable_section > ul > li{
	padding: 10px 8px;
	border-right: 1px solid #d2d2db;
	border-bottom: 1px solid #d2d2db;
	margin: 0px;
}

#contents div.infotable .point{
	padding-bottom:0;
}

#contents div.infotable .point > ul{
	margin-bottom:0;
}

#contents div.infotable div.infotable_pctArea{
	margin-top: 15px;
}

#contents div.infotable div.infotable_pct{
	width: 200px;
	display: inline-block;
	vertical-align: middle;
}

#contents div.pct p,
#contents div.infotable div.infotable_pct p{
	margin-top: 10px;
}

@media screen and (max-width: 640px) {
	#contents div.infotable .infotable_section > p{
		width: 17%;
	}
	#contents div.infotable div.infotable_pct{
		display: block;
	}
}

/* others */
span.font_10{
	font-size: 0.813em;
}

span.txt_br{
	display: block;
}
@media screen and (max-width: 640px) {
	span.txt_br{
		display: inline;
	}
}

img.icon_txt{
	vertical-align: middle;
	margin-bottom:  3px;
}

.img_arrow{
	transform: rotate(-90deg);
	display: inline-block;
	margin: 10px;
}
@media screen and (max-width: 640px) {
	.img_arrow{
		transform: none;
		display: block;
		margin-left: 50px;
	}
}

.h290{
	height: 290px!important;
}

.w280{
	width: 280px!important;
}

.w160{
	width: 160px!important;
}

.w60{
	width: 60px!important;
}

@media screen and (max-width: 640px) {
	
	#contents .one-third{
		float: none;
		width: auto;
	}
	
	#contents .one-third{
		margin-left: 0px;
		padding-left: 0px;
	}

	.w280,
	.w150,
	.w60{
		width: auto!important;
	}
}

/* returnToTop */
#returnToTop{
    position: relative;
	margin:50px 0 0;
}

#returnToTop_inner{
    position: fixed;
    bottom: 20px;
	max-width: 960px;
	width: 100%;
}

#returnToTop_button {
	position: absolute;
	cursor: pointer;
	width: 40px;
	height: 32px;
	right: 10px;
	top: -72px;
	background: url(/support/ichigan/enjoy/custom/01/images/icon_01.png) no-repeat;
	backface-visibility: hidden;
	transition: top .3s;
	opacity: .5;
}

@media screen and (max-width:640px) {
	#returnToTop_button {
		top: -20px;
		background-size:32px 26px;
	}
}

/*20190320*/

#contents .accent {
    color: #ff0000;
}

/* 20210513 */

#contents_header h1.fs {
    font-size: 1.6em;
}