@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: 2px solid ; -webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;}
.part01 li:before {font-family: 'coolpl' ;font-weight: normal;content: "K";color: ; vertical-align: top; padding-right: 5px;}

/* パーツ02 */
.part02 {display: inline-block; vertical-align: top; width: 47.8%; margin: 5px 0.7% ;border: 1px solid ;}
.part02 .inner{padding: 5px; font-size: 92%; line-height: 1.5em; text-align: justify; text-justify: inter-ideograph;}
.part02 .idx {margin-bottom: 5px; padding: 6px 10px; line-height: 1.2em; font-size: 108%; font-weight: bold; color: #FFF; 
  background: ;
  background : -webkit-gradient(linear, left top, left bottom, from(), to());
  background : -webkit-linear-gradient(top, , );
  background : linear-gradient(to bottom, , );}
.part02 .inner img {max-width: 120px; float: left; margin-right: 10px; border: 1px solid #CCC;}  
.part02 .slink {margin:  0.5em 0.5em 0 0; font-size: 100%; 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: 1px solid ; background: ; padding: 20px 10px 10px 100px; }
.part03 .pnum{position: absolute; left: 20px; top: 25px; width: 60px; height: 60px; text-align: center; line-height: 60px; border: 1px solid ; 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: 20px; 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: 22px;font-weight: bold; line-height: 1.3em; color: ;}
.part03 .exp {margin: 0; padding-top: 0.5em; border-top: 1px dotted ;}
/*  パーツ03 ボタン部分  */
.part03_button{ text-align: center; margin: 20px auto; }
.part03_button a{display:inline-block; text-align:center; margin: 0 auto; border:2px solid ; font-size: 142%; padding: 10px 40px ; color:#FFF; font-weight:bold; text-decoration:none;
  -moz-border-radius: 8px;-webkit-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);
  background: ;
  background: -webkit-linear-gradient(top, , );
  background: linear-gradient(to bottom, , )}
.part03_button a:hover{ color: #FFF; border:2px solid ;
  background-color: ;
  background: -webkit-linear-gradient(top, , );
  background: linear-gradient(to bottom, , );}

/* パーツ04 */
.part04 {margin: 5px 0.5em; padding: 10px; border: 1px solid ; background-color: ; }
.part04 img {max-width: 180px;}
.part04 .idx01{font-size: 16px;font-weight: bold;line-height: 130%; color: ;}
.part04 .idx02{font-size: 18px;font-weight: bold;line-height: 150%; color: ;}

/* パーツ05 */
.part05 { margin: 30px 0.5em 0; padding: 15px;  border: 2px solid ; background: ;}
.part05 .hdx { margin: -35px 0 10px -10px; background-color: ; width: 190px; height: 36px; line-height: 36px; font-size: 20px; 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 { max-width: 180px;}
 .part05 .idx{margin-bottom: 10px; font-size: 1.4rem;font-weight: bold; color: ;}
 .part05 p {font-size: 0.85rem;}
 .part05 .slink {margin: 10px 0; font-size: 1.28rem; 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;}
.part06 .matome {position: absolute; top: 20px; left: 20px; font-size: 16px; font-weight: bold; color: #FFF; z-index: 98;
	text-shadow: 2px 2px 1px ,  -2px 2px 1px ,  2px -2px 1px ,  -2px -2px 1px ;}
.part06 .line { margin: -11px 10px 0 35px; height: 10px; border-top: 2px solid ; 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 .idx { position: absolute; top: 25px; left: 100px; font-size: 20px; font-weight: bold; color: ;}
.part06 .inner {margin: 5px;  padding: 10px; background: ; line-height: 1.8em;}

/* ------ ～ 767px ------ */
@media screen and (max-width: 767px) {
  .part02 {display: inline-block; vertical-align: top; width: 47.6%; margin: 5px 0.7% ;border: 1px solid ;}
}
  
/* ------ ～479px ------ */
@media screen and (max-width: 479px) {
  ul.parts { margin-left: 0px;}
  /* パーツ01 */
  ul.part01{width: 100%; margin: 10px 0;}
  /* パーツ02 */
  .part02 {width: 100%; margin: 5px 0 ;}
  /* パーツ03 */
  .part03 {width: 100%; margin: 0 0 10px 0;}
/* パーツ04 */
  .part04  {width: 100%; margin: 5px 0;}
  .part04 img {max-width: 100%;}
/* パーツ05 */
  .part05 {width: 100%; margin: 30px 0 0;}
  .part05 img {max-width: 100%;}
/* パーツ06 */
  .part06 {width: 100%; margin: 20px 0 0;}
}