@charset "utf-8";

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

    全ての要素をリセット
    各ブラウザの表示を統一するための設定です

*****************************************************/
html {overflow-y: scroll; height:100%; box-sizing:border-box;}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}

ol, ul, li {list-style: none;}
table.table {border-collapse: separate;border-spacing: 0; font-size:inherit; font:100%;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a {text-decoration: none;}
a img{border: 0; vertical-align:bottom;}
img{vertical-align:bottom;}
figure{margin:0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
abbr,acronym,fieldset {border: 0;}

.line {font-size:1px;line-height:1px;}


/*== Library ========================================*/

/*----------------------------------------------------
  フォント
----------------------------------------------------*/
/*======================================

    Font-size Adjustment

    77% = 10px	|	122% = 16px	|	167% = 22px
    85% = 11px	|	129% = 17px	|	174% = 23px
    92% = 12px	|	136% = 18px	|	182% = 24px
    100% = 13px	|	144% = 19px	|	189% = 25px
    107% = 14px	|	152% = 20px	|	197% = 26px
    114% = 15px	|	159% = 21px	|

=======================================*/

.FontS10 { font-size:77% !important; }
.FontS11 { font-size:85% !important; }
.FontS12 { font-size:92% !important; }
.FontS14 { font-size:107% !important; }
.FontS16 { font-size:122% !important; }
.FontS18 { font-size:136% !important; }
.FontS20 { font-size:152% !important; }

.FontS165 { font-size:165% !important; }
.FontS160 { font-size:160% !important; }
.FontS155 { font-size:155% !important; }
.FontS150 { font-size:150% !important; }
.FontS145 { font-size:145% !important; }
.FontS140 { font-size:140% !important; }
.FontS135 { font-size:135% !important; }
.FontS130 { font-size:130% !important; }
.FontS125 { font-size:125% !important; }
.FontS120 { font-size:120% !important; }
.FontS115 { font-size:115% !important; }
.FontS110 { font-size:110% !important; }
.FontS105 { font-size:105% !important; }
.FontSm95 { font-size:95% !important; }
.FontSm90 { font-size:90% !important; }
.FontSm85 { font-size:85% !important; }
.FontSm80 { font-size:80% !important; }
.FontSm75 { font-size:75% !important; }
.FontSm70 { font-size:70% !important; }

/*----------------------------------------------------
  line-height
----------------------------------------------------*/

.lineh115 { line-height: 115% !important; }
.lineh150 { line-height: 150% !important; }
.lineh160 { line-height: 160% !important; }
.lineh180 { line-height: 180% !important; }
.lineh200 { line-height: 200% !important; }

/*----------------------------------------------------
  レイアウト
----------------------------------------------------*/

.mrgt5 { margin-top:5px !important; }
.mrgt10 { margin-top:10px !important; }
.mrgt15 { margin-top:15px !important; }
.mrgt20 { margin-top:20px !important; }
.mrgt30 { margin-top:30px !important; }
.mrgt40 { margin-top:40px !important; }
.mrgt50 { margin-top:50px !important; }
.mrgt55 { margin-top:55px !important; }
.mrgt60 { margin-top:60px !important; }
.mrgt05em { margin-top:0.5em !important; }
.mrgt07em { margin-top:0.7em !important; }
.mrgt1em { margin-top:1em !important; }
.mrgt1_5em { margin-top:1.5em !important; }
.mrgt2em { margin-top:2em !important; }

.mrgl5 { margin-left:5px !important; }
.mrgl10 { margin-left:10px !important; }
.mrgl15 { margin-left:15px !important; }
.mrgl20 { margin-left:20px !important; }
.mrgl25 { margin-left:25px !important; }
.mrgl30 { margin-left:30px !important; }
.mrgl35 { margin-left:35px !important; }
.mrgl40 { margin-left:40px !important; }
.mrgl45 { margin-left:45px !important; }
.mrgl50 { margin-left:50px !important; }
.mrgl55 { margin-left:55px !important; }
.mrgl60 { margin-left:60px !important; }
.mrgl65 { margin-left:65px !important; }
.mrgl70 { margin-left:70px !important; }
.mrgl75 { margin-left:75px !important; }
.mrgl80 { margin-left:80px !important; }
.mrgl90 { margin-left:90px !important; }
.mrgl100 { margin-left:100px !important; }
.mrgl110 { margin-left:110px !important; }
.mrgl120 { margin-left:120px !important; }
.mrgl125 { margin-left:125px !important; }
.mrgl130 { margin-left:130px !important; }
.mrgl140 { margin-left:140px !important; }
.mrgl150 { margin-left:150px !important; }
.mrgl160 { margin-left:160px !important; }
.mrgl170 { margin-left:170px !important; }
.mrgl180 { margin-left:180px !important; }
.mrgl190 { margin-left:190px !important; }
.mrgl200 { margin-left:200px !important; }

.mrgr5 { margin-right:5px !important; }
.mrgr10 { margin-right:10px !important; }
.mrgr15 { margin-right:15px !important; }
.mrgr20 { margin-right:20px !important; }

.mrgb10 { margin-bottom:10px !important; }
.mrgb15 { margin-bottom:15px !important; }
.mrgb1em { margin-bottom:1em !important; }

.pddt5 { padding-top:5px !important; }
.pddt10 { padding-top:10px !important; }
.pddt15 { padding-top:15px !important; }
.pddt20 { padding-top:20px !important; }
.pddt25 { padding-top:25px !important; }
.pddt30 { padding-top:30px !important; }
.pddt40 { padding-top:40px !important; }
.pddt50 { padding-top:50px !important; }
.pddt60 { padding-top:60px !important; }
.pddt2em { padding-top:2em !important; }
.pddt1_5em,.lineT02 { padding-top:1.5em !important; }
.lineTHS15 { padding-top:1.125em !important; }
.pddt1em { padding-top:1em !important; }
.lineT01 { padding-top:0.75em !important; }
.pddt07em { padding-top:0.7em !important; }
.pddt05em { padding-top:0.5em !important; }
.lineTHS05 { padding-top:0.375em !important; }
.pddt01em { padding-top:0.1em !important; }

.pddr10 { padding-right:10px !important; }
.pddr15 { padding-right:15px !important; }
.pddr20 { padding-right:20px !important; }
.pddr30 { padding-right:30px !important; }

.pddl0 { padding-left:0 !important; }
.pddl10 { padding-left:10px !important; }
.pddl15 { padding-left:15px !important; }
.pddl20 { padding-left:20px !important; }
.pddl25 { padding-left:25px !important; }
.pddl30 { padding-left:30px !important; }
.pddl35 { padding-left:35px !important; }
.pddl40 { padding-left:40px !important; }
.pddl45 { padding-left:45px !important; }
.pddl50 { padding-left:50px !important; }
.pddl55 { padding-left:55px !important; }
.pddl60 { padding-left:60px !important; }
.pddl1em,.indL01  { padding-left:1em !important; }
.pddl1_5em { padding-left:1.5em !important; }
.pddl2em { padding-left:2em !important; }

.pddb5 { padding-bottom:5px !important; }
.pddb10 { padding-bottom:10px !important; }
.pddb15 { padding-bottom:15px !important; }
.pddb50 { padding-bottom:50px !important; }

.lineSpace { display:block; }

.txtCenter { text-align:center; }
.txtRight { text-align:right; }

.fLeft { float:left; } 
.fRight { float:right; }

.fontB { font-family: "FOT-筑紫ゴシック Pro B", sans-serif; font-weight:bold; }
.fontI { font-style: italic; }
.fontQt { font-family: "NUDモトヤ明朝 Std W5", "NudMotoyaMinchoStd-W5", serif; color:#555; }

.bdTop { margin-top:0.3em; padding-top:0.3em; border-top:#777 dashed 1px; }
.bdBottom { margin-bottom:0.3em; padding-bottom:0.3em; border-bottom:#777 dashed 1px; }

.bdTopDP { margin-top:0.3em; padding-top:0.3em; border-top:#d1a7c4 solid 2px; }
.bdBottomDP { margin-bottom:0.3em; padding-bottom:0.3em; border-bottom:#d1a7c4 solid 2px; }

/*----------------------------------------------------
  box内の文字右寄せ
----------------------------------------------------*/
.boxtxtRight { width:auto; display:inline-block; float:right; }

/*----------------------------------------------------
  テキストインデント(w876 1=13,1h=26)
----------------------------------------------------*/
.txtInd0h { text-indent:1.484%; }/*13*/
.txtInd1 { text-indent:2.968%; }/*26*/
.txtInd1h { text-indent:4.452%; }/*39*/
.txtInd2 { text-indent:5.936%; }/*52*/
.txtInd2h { text-indent:7.420%; }/*65*/
.txtInd3 { text-indent:8.904%; }/*78*/
.txtInd3h { text-indent:10.388%; }/*91*/
.txtInd4 { text-indent:11.872%; }/*104*/
.txtInd4h { text-indent:13.356%; }/*117*/
.txtInd5 { text-indent:14.840%; }/*130*/
.txtInd5h { text-indent:16.324%; }/*143*/
.txtInd6 { text-indent:17.808%; }/*156*/
.txtInd6h { text-indent:19.292%; }/*169*/
.txtInd7 { text-indent:20.776%; }/*182*/
.txtInd7h { text-indent:22.260%; }/*195*/
.txtInd8 { text-indent:23.744%; }/*208*/
.txtInd8h { text-indent:25.228%; }/*221*/
.txtInd9 { text-indent:26.712%; }/*234*/
.txtInd9h { text-indent:28.196%; }/*247*/
.txtInd10 { text-indent:29.680%; }/*260*/
.txtInd10h { text-indent:31.164%; }/*273*/

/*----------------------------------------------------
  カラー
----------------------------------------------------*/
.corGr { color:#91ac79; }
.corBl { color:#6f85aa; }
.corOr { color:#b65334; }
.corPPi { color:#d6b8c5; }
.corRBe { color:#c0a4b1; }
.corDPi { color:#a8768d; }
.corDPi2 { color:#794c62; }
.corGray { color:#7a7a7a; }
.corGray70 { color:#636363; }
.corGray80 { color:#4d4d4d; }

/*----------------------------------------------------
  リスト
----------------------------------------------------*/
/* Noリスト（デフォ：算用数字） */
ol { padding-left:1.5em; }
ol > li { list-style-type:decimal; padding-top:0.35em; }
ol > li:first-child { padding-top:0; }

/* Noリスト（アルファベット：大文字） */
ol.AlphaL > li { list-style-type:upper-alpha; }

/* Noリスト（アルファベット：小文字） */
ol.AlphaS > li { list-style-type:lower-alpha; }

/* Noリスト（ローマ数字：大文字） */
ol.RomanL > li { list-style-type:upper-roman; }

/* Noリスト（ローマ数字：小文字） */
ol.RomanS > li { list-style-type:lower-roman; }


/* 中黒リスト */
.liDisc { padding-left:1.5em; }
.liDisc > li:before { 
	content: '';
	width: 8px;
	height: 8px;
	border-radius: 100%;
	background: #7a7a7a;
	position:absolute;
	top:1em;
	left:-1em;
}
.liDisc > li:first-child:before { 
	top:0.65em;
}
.liDisc > li { padding-top:0.35em; position:relative; }
.liDisc > li:first-child { padding-top:0; }

/* 空き */
.liSp75 > li { padding-top:0.2625em; }
.liSp50 > li { padding-top:0.175em; }
.liSp0 > li { padding-top:0; }
.liDisc.liSp75 > li:before { 
	top:16px;
}
.liDisc.liSp75 > li:first-child:before { 
	top:13px;
}
.liDisc.liSp50 > li:before { 
	top:15px;
}
.liDisc.liSp50 > li:first-child:before { 
	top:12px;
}
.liDisc.liSp0 > li:before { 
	top:12px;
}
.liDisc.liSp0 > li:first-child:before { 
	top:12px;
}
.liSp75 > li:first-child,
.liSp50 > li:first-child { padding-top:0; }

/* 中黒リスト2 */
.liDisc02 > li { padding-left:1.2em; position:relative; }
.liDisc02 > li:before { 
	content: '・';
	width: 1em;
	height: 1em;
	position:absolute;
	top:0;
	left:0;
}

/*----------------------------------------------------
  Box囲み
----------------------------------------------------*/
.areaBox01 {
	width:auto;
	padding: 15px 2.083%;
	background-color: #f4ebef;
	border:#777 dashed 2px;
}

/*----------------------------------------------------
  幅
----------------------------------------------------*/
.w100 { width:100% !important; }
.w97 { width:97% !important; }
.w95 { width:95% !important; }
.w90 { width:90% !important; }
.w87 { width:87% !important; }
.w85 { width:85% !important; }
.w80 { width:80% !important; }
.w77 { width:77% !important; }
.w75 { width:75% !important; }
.w70 { width:70% !important; }
.w67 { width:67% !important; }
.w65 { width:65% !important; }
.w60 { width:60% !important; }
.w57 { width:57% !important; }
.w55 { width:55% !important; }
.w50 { width:50% !important; }
.w47 { width:47% !important; }
.w45 { width:45% !important; }
.w40 { width:40% !important; }
.w37 { width:37% !important; }
.w35 { width:35% !important; }
.w33 { width:33.333% !important; }
.w30 { width:30% !important; }
.w27 { width:27% !important; }
.w25 { width:25% !important; }
.w20 { width:20% !important; }
.w17 { width:17% !important; }
.w15 { width:15% !important; }
.w10 { width:10% !important; }


/*:: clearFix ::::::::::::::::::::::::::::::::::::::::::*/
.clearfix:after{
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix{
  display: block;
  min-height: 1%;
  zoom:1;
}
/* WinIE6 below, Exclude MacIE5 \*/
* html .clearfix{
  height: 1%;
}


.clear:after{
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
* html .clear            { zoom: 1; } /* IE6 */
*:first-child+html .clear { zoom: 1; } /* IE7 */

.clearB{
    clear: both;
}

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

    フォント

*****************************************************/
/* IE */
@font-face {
	font-family: LeagueGothic-Regular;
	src: url(./font/leaguegothicregular.eot);
	}
/* Firefox, Opera, Safari */
@font-face {
	font-family: LeagueGothic-Regular;
	src: url(./font/leaguegothicregular.ttf) format(”truetype ”);
}

.IwaTxtPro-Db{
font-family: "I-OTF教科書Pro D", serif;
line-height: 200%;
}
.IwaGTxtPro-Bd{
font-family: "I-OTF-G教科書Pro B", serif;
line-height: 200%;
}
.IwaNMNewsPro-Md{
font-family: "I-OTF新聞明朝新がなPro M", serif;
line-height: 200%;
}
.IwaUDMinPro-Md{
font-family: "I-OTF-UD明朝Pro M", serif;
line-height: 200%;
}
.IwaUDMinPro-Db{
font-family: "I-OTF-UD明朝Pro D", serif;
line-height: 200%;
}
.FP-HiraMinStdN-W5{
font-family: "FP-ヒラギノ明朝 StdN W5", serif;
line-height: 200%;
}
.FP-HiraMinProN-W6{
font-family: "FP-ヒラギノ明朝 ProN W6", serif;
line-height: 200%;
}
.NudMotoyaMinchoStd-W5{
font-family: "NUDモトヤ明朝 Std W5", serif;
line-height: 200%;
}
.NudMotoyaMinchoStd-W6{
font-family: "NUDモトヤ明朝 Std W6", serif;
line-height: 200%;
}
.TsukuGoPro-L{
font-family: "FOT-筑紫ゴシック Pro L", sans-serif;
line-height: 200%;
}
.TsukuGoPro-R{
font-family: "FOT-筑紫ゴシック Pro R", sans-serif;
line-height: 200%;
}
.TsukuGoPro-M{
font-family: "FOT-筑紫ゴシック Pro M", sans-serif;
line-height: 200%;
}
.TsukuGoPro-D{
font-family: "FOT-筑紫ゴシック Pro D", sans-serif;
line-height: 200%;
}
.TsukuGoPro-B{
font-family: "FOT-筑紫ゴシック Pro B", sans-serif;
line-height: 200%;
}
.TsukuGoPro-E{
font-family: "FOT-筑紫ゴシック Pro E", sans-serif;
line-height: 200%;
}
.TsukuGoPro-H{
font-family: "FOT-筑紫ゴシック Pro H", sans-serif;
line-height: 200%;
}
.TsukuGoPro-U{
font-family: "FOT-筑紫ゴシック Pro U", sans-serif;
line-height: 200%;
}
.F+UD-TsukuMin-D{
font-family: "F+UD-筑紫明朝 D", serif;
line-height: 200%;
}
.F+UD-TsukuMin-E{
font-family: "F+UD-筑紫明朝 E", serif;
line-height: 200%;
}
.Shingo-R{
font-family: "新ゴ R", sans-serif;
line-height: 200%;
}
.Shingo-M{
font-family: "新ゴ M", sans-serif;
line-height: 200%;
}
.Shingo-B{
font-family: "新ゴ B", sans-serif;
line-height: 200%;
}

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

    TB, SP設定

*****************************************************/
.tbsp {
	display:none;
}

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

    基本設定、リンクカラーなど

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

body {
	width:auto;
	height:100%;
	font-family: "FOT-筑紫ゴシック Pro D", sans-serif;
    font-size: 15px;
	color:#212121;
	line-height: 200%;
    background: #f0edee;
	position:relative;
	box-sizing:border-box;
	-webkit-text-size-adjust: 100%;
}

a, a img { cursor:pointer; }
a:link { color: #003399; text-decoration: underline; }
a:hover { color: #003399; text-decoration: none; }
a:visited { color: #003399; text-decoration: underline; }

#wrapper {
    width:100%;
    height:100%;
	position:relative;
    padding:40px 0 0;
	box-sizing:border-box;
}

/*-----------
 manual
 -----------*/
#wrapper {
	max-width: 1200px;
	margin: auto;
    padding:0;
}

.m_contents {
	width: auto;
    margin: 0 auto;
    padding: 30px;
	position: relative;
    box-sizing: border-box;
}

.m_contents .mcRight {
	width: calc(100% - 35%);
	margin-left: 35%;
}
.m_contents .mcLeft {
	width: 30%;
	position: absolute;
}

/* col01~ */
.col01 {color:#f07373;}
.col01-2 {color:#efa5a5;}
.col01-3 {color:#f8d0d1;}
.col02 {color:#b173f0;}
.col03-1 {color:#739cf0;}
.col03-2 {color:#afc4f0;}
.col03-3 {color:#d6dffc;}
.col04 {color:#55c078;}
.col05 {color:#efd777;}


/* btnBot */
.btnBot {
	width: 50px;
	bottom: 20px;
	position: fixed;
	right: 15px;
	z-index:8890;
}
.pageTop {
	display: none;
}
#toMenu,
#pageTop {
	position: absolute;
	right: 0;
}
#toMenu {
	bottom: 20px;
}
#pageTop {
	bottom: 90px;
	display: none;
}
#toMenu a,
#pageTop a {
	width: 50px;
	height: 50px;
	border:#f0edee solid 3px;
	border-radius: 7px;
	display: block;
	text-decoration: none;
	transition: all 0.2s ease-in-out 0s;
}
#toMenu a {
	background-color:#966d81;
}
#pageTop a {
	background-color:#af96a2;
}
#pageTop a:after {
	border-right:4px solid #fff;
	border-top:4px solid #fff;
	content: "";
	display: block;
	height: 8px;
	position: absolute;
	right: 38%;
	top: 30%; /*43%*/
	transform: rotate(-45deg);
	width: 8px;
}
#toMenu a span,
#pageTop a span {
    width: 100%;
    display: inline-block;
    font-size: 85%;
    color: #f0edee;
    text-align: center;
    position: relative;
}
#toMenu a span {
    top: 10px;
}
#pageTop a span {
    top: 20px;
}

#toMenu a:hover {
	background-color:#9b808d;
	text-decoration: none;
}
#pageTop a:hover {
	background-color:#c1b5bc;
	text-decoration: none;
}

@media screen and (max-width:960px) {
	
	/*****************************************************
	
		PC, TB, SP設定
	
	*****************************************************/
	.pc,
	.pcIn,
	.sp {
		display:none;
	}
	.tbsp,
	.tb {
		display:block;
	}


	img{
		max-width: 100%;
		height: auto;
		width: auto;　
	}
}

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

	/*****************************************************
	
		PC, TB, SP設定
	
	*****************************************************/
	.pc,
	.pcIn,
	.tb {
		display:none;
	}
	.tbsp,
	.sp {
		display:block;
	}

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