@charset "utf-8";

/* ----------------------------------------------------- */
/* 上書 */
/* ----------------------------------------------------- */

/* div.caption */
/* ----------------------------------------------------- */
#main div.caption div { 
	display:table-cell;
	padding:0 0 0 30px;
	vertical-align:top;
}
#main div.caption.vm div {
	vertical-align: middle; 
}
#main div.caption.img-r div{ 
	padding: 0 30px 0 0;
}
#main div.caption.img-l div {
	padding: 0 0 0 30px;
}
#main div.caption div p {
	display: block;
	margin: 0 0 10px;
	padding: 0;
}
#main div.caption.img-r p,
#main div.caption.img-l p {
	padding: 0;
}

/* section */
/* ----------------------------------------------------- */
#contents .dotkei-section {
	padding: 0;
}

/* title-lv1 */
/* ----------------------------------------------------- */
#main .dotkei-section .title-lv1 {
	margin: 0 0 29px;
}

/* ----------------------------------------------------- */
/* 追加 */
/* ----------------------------------------------------- */

/* dotkei-book01 */
/* ----------------------------------------------------- */

#kokuyo-st-main-contents .dotkei-book01 {
	padding: 15px 10px;
	border:1px solid #F7BB62;
	background-color:#FFF0B3;
	text-align:center;
}
#kokuyo-st-main-contents .dotkei-book01 dt {
	margin: 0 0 10px;
}
.dotkei-book01 a {
	padding: 0 0 0 25px;
	background:url(/common/image/markerArrowExteriorOrange.gif) 0 0.1em no-repeat;
}

/* dotkei-fs */
/* ----------------------------------------------------- */
.dotkei-fs12 {
	font-size: 85.7%;
}
.dotkei-fs16 {
	font-size: 114.2857142857143%;
}

/* dotkei-lineup-nav */
/* ----------------------------------------------------- */
#kokuyo-st-main-contents .dotkei-lineup-nav li {
	float: left;
	width: 150px;
	margin: 0 23px 0 0;
}
#kokuyo-st-main-contents .dotkei-lineup-nav .last-c {
	margin: 0;
}
.dotkei-lineup-nav img {
	display: block;
	margin: 0 0 8px;
}
#kokuyo-st-main-contents .dotkei-lineup-nav a {
	color: #333;
	text-decoration: none;
	font-weight: bold;
}
#kokuyo-st-main-contents .dotkei-lineup-nav a:hover * {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
.dotkei-lineup-nav span {
	display: block;
	padding: 0 0 0 15px;
	background: url(../image/icon_link01.gif) no-repeat 0 0.4em;
}

/* dotkei-note01 */
/* ----------------------------------------------------- */
#kokuyo-st-main-contents .dotkei-note01 {
	margin-left: 1em;
}
.dotkei-note01 li {
	text-indent: -1em;
}

/* dotkei-parts01 */
/* ----------------------------------------------------- */
.dotkei-parts01 ol {
	float: left;
	margin: 0;
}

/* dotkei-qa */
/* ----------------------------------------------------- */
#kokuyo-st-main-contents .dotkei-qa {
	margin: 0 0 25px;
}
#kokuyo-st-main-contents .dotkei-qa dt {
	margin: 0 0 8px;
	padding: 0 0 0 23px;
	color: #E95800;
	background: url(../image/icon_q.gif) no-repeat 0 0.25em;
	font-weight: bold;
}
.story-pic-wrap {
	width: 100%;
}
.story-pic-wrap .pic-wrap {
	float: right;
	width: 219px;
}
#kokuyo-st-main-contents .story-pic-wrap .pic {
	margin: 0 0 6px;
	padding: 1px;
	border: 1px solid #CCC;
}
#kokuyo-st-main-contents .story-pic-wrap .cap {
	text-align: right;
	font-size: 85.7%;
}
.story-pic-wrap .txt {
	float: left;
	width: 405px;
}
#kokuyo-st-main-contents .story-pic-wrap .txt p {
	margin: 0 0 15px;
}
#kokuyo-st-main-contents .story-pic-wrap .txt > :last-child {
	margin-bottom: 0;
}

/* dotkei-tab01 */
/* ----------------------------------------------------- */
#kokuyo-st-main-contents .dotkei-tab01 li {
	cursor: pointer;
	float: left;
	overflow: hidden;
	width: 104px;
	height: 0;
	padding-top: 45px;
	margin: 0 9px 0 0;
	background-repeat: no-repeat;
}
#kokuyo-st-main-contents .dotkei-tab01 li:hover {
	background-position: 0 -45px;
}
#kokuyo-st-main-contents .dotkei-tab01 li.active {
	background-position: 0 -90px;
}
#kokuyo-st-main-contents .dotkei-tab01 .tab01 {
	background-image: url(../image/use_tab_btn01.gif);
}
#kokuyo-st-main-contents .dotkei-tab01 .tab02 {
	background-image: url(../image/use_tab_btn02.gif);
}
#kokuyo-st-main-contents .dotkei-tab01 .tab03 {
	background-image: url(../image/use_tab_btn03.gif);
}
#kokuyo-st-main-contents .dotkei-tab01 .tab04 {
	background-image: url(../image/use_tab_btn04.gif);
}
#kokuyo-st-main-contents .dotkei-tab01 .tab05 {
	background-image: url(../image/use_tab_btn05.gif);
	margin: 0 10px 0 0;
}
#kokuyo-st-main-contents .dotkei-tab01 .tab06 {
	margin: 0;
	background-image: url(../image/use_tab_btn06.gif);
}

/* dotkei-ta */
/* ----------------------------------------------------- */
.dotkei-ta-r {
	text-align: right;
}

/* dotkei-tab01-item */
/* ----------------------------------------------------- */
.dotkei-tab01-item li {
	display: none;
}
.dotkei-tab01-item .show {
	display: block;
}

/* dotkei-voice01 */
/* ----------------------------------------------------- */
.dotkei-voice01 ul {
	float: left;
}

/* dotkei-wide-article01 */
/* ----------------------------------------------------- */
.dotkei-wide-article01 li {
	float: left;
}

/* link-marker01 */
/* ----------------------------------------------------- */
.link-marker01 {
	padding: 0 0 0 15px !important;
	background: url(../image/icon_link01.gif) no-repeat 0 0.5em;
}
/* link-marker01 span */
/* ----------------------------------------------------- */
.link-marker01 {
	padding: 0 0 0 15px !important;
	background: url(../image/icon_link01.gif) no-repeat 0 0.3em;
}

/* clearfix */
/* ----------------------------------------------------- */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}

/*  link image
-----------------------------------*/
#main a img.hover,
#aside a img.hover, {
	-webkit-transition: opacity .1s ease;
	-moz-transition: opacity .1s ease;
	transition: opacity .1s ease;
}
#main a img.hover:hover,
#aside a img.hover:hover {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;;
}
/* アニメーション
-----------------------------------*/
#stationery .blink1, #ktsCont .blink1 {
  animation: flash1 1s linear infinite;
}
@keyframes flash1 {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}
#stationery .blink2, #ktsCont .blink2 {
  animation: flash2 0.75s linear infinite;
}
@keyframes flash2 {
  0%, 100% {
    opacity: 1;
  }
  49% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  99% {
    opacity: 0;
  }
}
/*  マナビリンク
-----------------------------------*/
#stationery .wrapTop4, #ktsCont .wrapTop4 {
  /*width: 100%;*/
  margin-left: auto;
  margin-right: auto;
  padding: 40px 15px 40px 15px;
  box-sizing: border-box;
}
#stationery .wrapTop4 .sec_title h2, #ktsCont .wrapTop4 .sec_title h2 {
  font-weight: bold;
  font-size: 24px;
  line-height: 1.6em;
}
#stationery .bgC03, #ktsCont .bgC03 {
  background-color: #E5F5FB;
}
#stationery .line_center, #ktsCont .line_center {
  text-align: center;
}
#stationery .manabi_toha, #ktsCont .manabi_toha {
  max-width: 560px;
}
@media screen and (max-width: 750px) {
  #stationery .wrapTop4, #ktsCont .wrapTop4 {}
  #stationery .wrapTop4 .sec_title h2, #ktsCont .wrapTop4 .sec_title h2 {}
  #stationery .bgC03, #ktsCont .bgC03 {}
  #stationery .line_center, #ktsCont .line_center {}
  #stationery .manabi_toha, #ktsCont .manabi_toha {
    max-width: 399px;
    margin-bottom: 100px;
  }
}
#stationery .image_fit, #ktsCont .image_fit {
  width: 100%;
  height: auto;
}
#stationery .pc, #ktsCont .pc {
  display: block;
}
#stationery .sp, #ktsCont .sp {
  display: none;
}
@media screen and (max-width: 750px) {
  #stationery .sp, #ktsCont .sp {
    display: block;
  }
  #stationery .pc, #ktsCont .pc {
    display: none;
  }
}
#stationery .mg_top-20, #ktsCont .mg_top-20 {
  margin-top: 20px;
}
#stationery .mg_top-30, #ktsCont .mg_top-30 {
  margin-top: 30px;
}
#stationery .mg_top-40, #ktsCont .mg_top-40 {
  margin-top: 40px;
}
#stationery .obj_center, #ktsCont .obj_center {
  margin-left: auto;
  margin-right: auto;
}
#stationery .txt16-30, #ktsCont .txt16-30 {
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	-moz-osx-font-smoothing: grayscale;
	/*color: #666666;*/
	font-size: 16px;
	line-height: 25.6px;;
}
/* for EC LINK
--------------------------*/
#ktsCont .anchor_wrap, #stationery .anchor_wrap {
  padding: 60px 15px;
}
#ktsCont .eclinkTitle, #stationery .eclinkTitle {
  font-weight: bold;
  font-size: 24px;
  line-height: 36px;
  text-align: center;
}
#ktsCont .eclink, #stationery .eclink {
  width: 100%;
  max-width: 808px;
  margin: 0 auto 0 auto;
}
#ktsCont .eclink ul, #stationery .eclink ul {
  margin: 0;
  padding: 0;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  list-style-type: none;
  flex-wrap: wrap;
}

#ktsCont .eclink ul li, #stationery .eclink ul li {
  width: 100%;
  max-width: 190px;
  height: 50px;
  border: 1px solid #808080;
  position: relative;
  background-image: url(/stationery/ecLinks/img/ecLink_arrow.png);
  background-repeat: no-repeat;
  background-position: right 6px center;
  margin-top: 20px;
}
#ktsCont .eclink ul.center,#stationery .eclink ul.center {
  justify-content: center;
}
#ktsCont .eclink ul.center li,#stationery .eclink ul.center li {
  margin: 0px 7px;
}
@media screen and (max-width: 750px) {
#ktsCont .eclink ul.center li,#stationery .eclink ul.center li {
  margin: 20px 0px 16px 0;
}
	}
#ktsCont .eclink.smallW ul li, #stationery .eclink.smallW ul li {
  width: 309px;
  max-width: 309px;
}
#ktsCont .eclink.liWhite ul li, #stationery .eclink.liWhite ul li {
  background-color: #FFFFFF;
}
#ktsCont .eclink.coWhite ul li, #stationery .eclink.coWhite ul li {
  border: 1px solid #FFFFFF;
  background-image: url(/stationery/ecLinks/img/ecLink_arrow-white.png);
}
#ktsCont .eclink.nonBorder ul li, #stationery .eclink.nonBorder ul li {
  border: none;
  background-color: #FFFFFF;
}
#ktsCont .eclink ul li .aWrap, #stationery .eclink ul li .aWrap {
  width: 100%;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-51%);
  line-height: 1em;
  text-align: center;
}
#ktsCont .eclink ul li .aWrap img, #stationery .eclink ul li .aWrap img {
  width: 100%;
  height: auto;
}
#ktsCont .eclink ul li a, #stationery .eclink ul li a {
  width: 100%;
  height: 100%;
  background-color: #FEFDFD;
  position: absolute;
  top: -1px;
  left: 0px;
  opacity: 0;
  transition: all 0.5s ease;
}
@media screen and (min-width: 751px) {
	#ktsCont .eclink ul li a:hover, #stationery .eclink ul li a:hover {
		opacity: 0.7;
	}
}
#ktsCont .ECNOTEtxt, #stationery .ECNOTEtxt {
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  padding: 0 15px;
  margin-top: 20px;
}
#ktsCont .coWhite .ECNOTEtxt, #stationery .coWhite .ECNOTEtxt {
  color: #FFFFFF;
}
#ktsCont .SUBtxt, #stationery .SUBtxt {
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  padding: 0 15px;
  margin-top: 20px;
}
#ktsCont .SUBtxt p, #stationery .SUBtxt p {
	margin: 0 0 10px 0;
}
#ktsCont .coWhite .SUBtxt, #stationery .coWhite .SUBtxt {
  color: #FFFFFF;
}
@media screen and (max-width: 750px) {
  #ktsCont .anchor_wrap, #stationery .anchor_wrap {}
  #ktsCont .eclink, #stationery .eclink {}
  #ktsCont .eclink ul, #stationery .eclink ul {
    display: block;
  }
  #ktsCont .eclink ul li, #stationery .eclink ul li {
    max-width: 100%;
    margin-bottom: 16px;
    margin-left: 0px;
    background-position: right 12px center;
  }
  #ktsCont .eclink ul li .aWrap, #stationery .eclink ul li .aWrap {
    transform: translateY(-50%) translateX(-50%);
  }
  #ktsCont .eclink ul li .aWrap a, #stationery .eclink ul li .aWrap a {}
  #ktsCont .ECNOTEtxt, #stationery .ECNOTEtxt {
    margin-top: 0px;
  }
}
#ktsCont .brpc::before, #stationery .brpc::before {
  content: "\A";
  white-space: pre;
}
#ktsCont .brsp::before, #stationery .brsp::before {
  content: none;
  white-space: normal;
}
@media screen and (max-width: 750px) {
  #ktsCont .brpc::before, #stationery .brpc::before {
    content: none;
    white-space: normal;
  }
  #ktsCont .brsp::before, #stationery .brsp::before {
    content: "\A";
    white-space: pre;
  }
}
/*header*/
#contents-header-banner {
	position: relative;
}
#contents-header-banner span {
	position: absolute;
	left: 10px;
	bottom: 10px;
	color: #FFF;
}
#contents-header-banner span.rightside {
	left: inherit;
	right: 10px;
}
/*main*/
.shirabe {
	position: relative;
}
.shirabe span {
		position: absolute;
	left: 405px;
	bottom: 0px;
}
.mt80 {
	margin-top: 80px!important;
}
.mb5 {
	margin-bottom: 5px!important;
}
.mb10 {
	margin-bottom: 10px!important;
}
.mb15 {
	margin-bottom: 15px!important;
}