@charset "UTF-8";


/* 共通 */
.clr {clear: both;}
.bld {font-weight: bold;}
.waku {border: 1px solid #CCC;}
.txtcenter {text-align: center;}
.txtleft {text-align: left;}
.txtright {text-align: right;}
.corner-all-5 {-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
ul.parts { margin-left: 15px;}
ul.parts li:before {font-family: 'coolpl' ;font-weight: normal;content: "K"; color: #C06; vertical-align: top; padding-right: 5px;}

/* ------ Web Font ------ */
@font-face {
font-family: 'coolpl';
src: url('../fonts/coolpl.eot'); /* IE9 Compat Modes */
src: url('../fonts/coolpl.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	 url('../fonts/coolpl.woff') format('woff'), /* Modern Browsers */
	 url('../fonts/coolpl.ttf')  format('truetype'), /* Safari, Android, iOS */
	 url('../fonts/coolpl.svg#svgFontName') format('svg'); /* Legacy iOS */}


/* パーツ01 */
.exp {margin: 5px 10px;}
  ul.part01 {margin: 10px; padding: 10px 15px; border: 10px solid #EEE; font-size: 1.077em; font-weight: bold; color: #414444; -webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;}
  .part01 > li { margin: 8px 0; padding-right: 0; clear:both; overflow:hidden;}
.part01 > li span {float: left; width: calc(100% - 1.8em); display: block; text-align: justify; text-justify: inter-ideograph;}
.part01 > li:before {font-family: 'coolpl' ;font-weight: normal;content: "K";color: ; vertical-align: top; padding: 0 5px 0 2px; float: left; width: 1em; font-weight:normal; display:block;}

/* パーツ02 */
.part02 {position: relative; display: inline-block; vertical-align: top; width: 47.8%; margin: 5px 0.7% ;border: 3px solid ; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.part02 .inner{padding: 5px; font-size: 0.923em; line-height: 1.4em; text-align: justify; text-justify: inter-ideograph;}
.part02 .idx {margin-bottom: 5px; padding: 6px 10px; line-height: 1.2em; font-size: 1.077em; font-weight: bold; color: #FFF; background: ;}
.part02 .inner .img-set {max-width: 120px; float: left; margin-right: 10px; border: 1px solid #CCC; overflow: hidden;} 
.part02 .slink {position: absolute; right: 8px; bottom: 8px; font-size: 1.077em; font-weight: bold; text-align: right;}
.part02 .slink:before{font-family: 'coolpl' ;font-weight: normal;content: "A";color: ; vertical-align: top; padding-right: 5px;}

/* パーツ03 */
  .part03 {position: relative; margin: 0 0.5em 10px; border: 3px solid ;  padding: 20px 10px 10px 100px;  -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; background: #FFFFEB;}
.part03 .pnum{position: absolute; left: 20px; top: 25px; width: 60px; height: 60px; text-align: center; line-height: 60px; background: ;
	font-family: 'Arial Black'; font-size: 40px; color: #FFF; z-index: 10;
	-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;}
.part03 .pt { position: absolute; left: 25px; top: 15px; font-family: 'Arial Black'; font-size: 1.539em; color: ; z-index: 20;
	text-shadow: #FFF 2px 2px 0px, #FFF -2px 2px 0px, #FFF 2px -2px 0px, #FFF -2px -2px 0px;}
.part03 .idx{font-size: 1.692em; font-weight: bold; line-height: 1.3em; color: ;}
.part03 .exp {margin: 0; padding-top: 0.5em; font-size: 1.0em; border-top: 1px dotted ;}
/*  パーツ03 ボタン部分  */
.part03_button {text-align: center; display: block; margin: 30px auto;}
.part03_button a{padding: 10px 3em; background-color: ; border: 2px solid ; color: #FFF; font-size: 1.15em; line-height: 1.5em; margin: 0 auto; 
   -webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;
  -moz-box-shadow:0px 1px 3px rgba(000,000,000,0.5),inset 0px 0px 1px rgba(255,255,255,0.7);
  -webkit-box-shadow:0px 1px 3px rgba(000,000,000,0.5),	inset 0px 0px 1px rgba(255,255,255,0.7);
  box-shadow:	0px 1px 3px rgba(000,000,000,0.5),	inset 0px 0px 1px rgba(255,255,255,0.7);}
.part03_button a:before{content: '＞'; font-weight: bold; padding-right: 5px;}
.part03_button a:hover { background-color: #FFF; 	color: ; text-decoration: none;}

/* パーツ04 */
.part04 {margin: 5px 0.5em; padding: 10px; border: 10px solid #EEE; color: #000; -webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px; background: #FFFAFD;}
.part04 .img-set {max-width: 180px; border: 1px solid #CCC; overflow: hidden;}
.part04 .img-set img {max-width: 100%);}
.part04 .idx01{font-size: 1.23em; font-weight: bold; line-height: 1.4em; color: #414444;}
.part04 .idx02{padding: 6px 0; font-size: 1.385em; font-weight: bold; line-height: 1.4em; color: ;}
.part04 p {font-size: 0.923em; line-height: 1.4em; text-align: justify; text-justify: inter-ideograph;}

/* パーツ05 */
.part05 { margin: 30px 0.5em 0; padding: 15px;  border: 3px solid ; background: #FFFFEB; -webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;}
.part05 .hdx { margin: -35px 0 10px -10px; background-color: ; width: 190px; height: 36px; line-height: 36px; font-size: 1.538em; font-weight: bold; color: #FFF; text-align: center; 
  -webkit-border-radius: 30px 4px 30px 4px; -moz-border-radius: 30px 4px 30px 4px;  border-radius: 30px 4px 30px 4px; }
.part05 .img-set {max-width: 180px; border: 1px solid #CCC; overflow: hidden;}
.part05 .img-set img {max-width: 100%;}
.part05 .idx{margin-bottom: 15px; font-size: 1.538em;font-weight: bold; color: ;}
.part05 p {font-size: 0.923em; line-height: 1.4em; text-align: justify; text-justify: inter-ideograph;}
.part05 .slink {margin: 10px 0; font-size: 1.23em; font-weight: bold; text-align: right;}
.part05 .slink:before {font-family: 'coolpl' ;font-weight: normal;content: "F";color: ; vertical-align: top; padding-right: 5px;}

 /* パーツ06 */
.part06 {margin: 20px 0.5em 0; position: relative; background-color: ; padding: 80px 5px 5px; -webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;}
.part06 .matome {position: absolute; top: 20px; left: 20px; font-size: 16px; font-weight: bold; color: #FFF; z-index: 98;
	text-shadow: 2px 2px 1px ; display: block;}
.part06 .icon:before{font-family: 'coolpl' ;font-weight: normal;content: "K"; font-size: 80px; color: ; position: absolute; top: 20px; left: 10px; z-index: 97;}
.part06 .line { margin: -12px 10px 10px 40px; height: 2px; border-bottom: 2px solid ;}
.part06 .idx { position: absolute; top: 25px; left: 100px; font-size: 20px; font-weight: bold; color: ;}
.part06 .inner {margin: 5px;  padding: 10px; background: #FFF; font-size: 1em; line-height: 1.6em; text-align: justify; text-justify: inter-ideograph;}
.part06 .img-set {max-width: 200px; border: 1px solid #CCC; overflow: hidden;}
.part06 .img-set img {max-width: 100%;}
.part06 .slink {margin: 5px 0; font-size: 1.23em; font-weight: bold; text-align: right;}
.part06 .slink:before {font-family: 'coolpl' ;font-weight: normal;content: "A";color: ; vertical-align: top; padding-right: 5px;}

 /* パーツ07 */
ul.tabnav{margin: 0; margin-left: calc(50% - /2); padding: 0; list-style: none;}
.tabnav li { display: inline; margin: 0 1px 0 0;}
.tabnav li a{ display: inline-block; background: #FFF; font-size: 0.92em; color: ; padding: 4px 10px;	text-decoration: none; border-width: 2px 2px 0 2px; border-style: solid;  border-color: ;
	-moz-border-radius-topleft: 5px;-moz-border-radius-topright:5px;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px; border-radius: 5px 5px 0px 0px;
	-webkit-box-sizing : border-box ; -moz-box-sizing : border-box ; box-sizing : border-box ;}
.tabnav li.tab01 a { background: ; color:}
.tabnav li.tab02 a { background: ; color:}
.tabnav li.tab03 a { background: ; color:}
.tabnav li.tab04 a { background: ; color:}
.tabnav li a:hover {background-color: #C06; color: #FFF;}
#tabcontent {margin: 0; margin-left: calc(50% - /2); width: ; overflow-x: hidden ; overflow-y: auto; height: ; font-size: 1.0em; border: 2px solid ; margin-bottom: 20px;
  -moz-border-radius-topright: 5px;-moz-border-radius-bottomright:5px; -moz-border-radius-bottomleft:5px; -webkit-border-top-right-radius:5px;-webkit-border-botom-right-radius:5px; -webkit-border-botom-left-radius:5px; border-radius: 0px 5px 5px 5px;} 
#tabcontent .tab01 {display: block; background: #FFF; border: 3px solid ; padding: 1em;}
#tabcontent .tab02 {display: block; background: #FFF; border: 3px solid ; padding: 1em;}
#tabcontent .tab03 {display: block; background: #FFF; border: 3px solid ; padding: 1em;}
#tabcontent .tab04 {display: block; background: #FFF; border: 3px solid ; padding: 1em;}

/* ------ ～ 767px ------ */
@media screen and (max-width: 767px) {
  .part02 {display: inline-block; vertical-align: top; width: 47.6%; margin: 5px 0.7% ;}
}
  
/* ------ ～479px ------ */
@media screen and (max-width: 479px) {
  ul.parts { margin-left: 0px;}
  /* パーツ01 */
  ul.part01 {width: 100%; margin: 10px 0; padding: 10px ; background: #FFFAFD ;}
  .part01 > li { margin: 8px 0; padding-right: 0;}
  /* パーツ02 */
  .part02 {width: 100%; margin: 5px 0 ;}
  /* パーツ03 */
  .part03 {width: 100%; margin: 0 0 10px 0; padding: 20px 10px 10px 100px; background: #FFFFEB;}
  /* パーツ04 */
  .part04  {width: 100%; margin: 5px 0;}
  .part04 .img-set {max-width: 100%; margin-bottom: 10px;}
  .part04 img {max-width: 100%;}
  /* パーツ05 */
  .part05 {width: 100%; margin: 30px 0 0;}
  .part05 .img-set {max-width: 100%; margin-bottom: 10px;}
  .part05 img {max-width: 100%;}
  /* パーツ06 */
  .part06 {width: 100%; margin: 20px 0 0;}
  .part06 .img-set {max-width: 100%; margin-bottom: 10px;}
  /* パーツ07 */
  ul.tabnav {margin: 0;}
  #tabcontent {margin: 0; width: 100%;}
}