﻿@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%;
}

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

    PC, TB, SP設定

*****************************************************/
.pc {
	display:block;
}
.pcIn {
	display:inline-block;
}
.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;
}

#HeaderCom {
	width:100%;
	position:fixed;
    top:0;
    left:0;
    z-index:9999;
	transition: .5s;
}

#Contents {
	max-width:1220px;
    height:100%;
	margin:0 auto;
	border-top:#ccc solid 1px;
	position:relative;
	box-sizing:border-box;
}


/*----------------------------------------------------
  akIndex
----------------------------------------------------*/
.akIndex {
	background:#fff;
}
.akIndex #wrapper {
	padding:0;
}
.akIndex .Contents {
	width:500px;
	margin:70px auto;
}
.akIndex .akInBox {
	padding:40px 10px;
	border-top:#7f7f7f solid 2px;
	border-bottom:#7f7f7f solid 2px;
	font-size:120%;
	font-weight:bold;
}
.akIndex .akInBox .link {
	margin-top:40px;
}

/*----------------------------------------------------
  akLogin
----------------------------------------------------*/
.akLogin {
	background:#fff;
}
.akLogin #wrapper {
	padding:0;
}
#wrapper.akLogin a {
	text-decoration: none;
}

.akLogin .Contents {
	width:650px;
	margin:70px auto;
}
.akLogin .akLogBox {
	padding:150px 0;
	font-weight:bold;
	position:relative;
}
.akLogin .akLogBox:before,
.akLogin .akLogBox:after {
	content:"";
	width:100%;
	height:150px;
	background: url("/img/doc-shelf_bg2.jpg") repeat 50% 50%;
	position:absolute;
	left:0;
}
.akLogin .akLogBox:before {
	top:0;
}
.akLogin .akLogBox:after {
	bottom:0;
}
.akLogin .akLogBox .txt {
	padding:20px 1.538%;
	color:#b52675;
	border-bottom:#b52675 solid 2px;
}
.akLogin .akLogBox .form {
	width:auto;
	margin:0 auto;
	padding:20px 0;
}
.akLogin .akLogBox .form legend {
	margin-bottom:5px;
	font-size:120%;
}
.akLogin .akLogBox .message {
	color:#b52675;
}
.akLogin .akLogBox .form table {
	margin:0 auto;
}
.akLogin .akLogBox .form label {
	white-space:nowrap;
	padding:0 1em;
}
.akLogin .akLogBox .form .btn {
	margin-top:10px;
	text-align:center;
	
}

/*----------------------------------------------------
  akSystem
----------------------------------------------------*/
.akSystem {
	background:#fff;
}
.akSystem #wrapper {
	padding:0;
}
#wrapper.akSystem a {
	text-decoration: none;
}

.akSystem .Contents {
	width:650px;
	margin:30px auto;
}
.akSystem .akSysBox {
	position:relative;
	font-size: 120%;
}

.akSystem .stOver {
	margin-bottom:30px;
}
.akSystem .stOver > .txt {
	text-align:left;
}
.akSystem .stOver > .img {
	max-width:650px;
	margin: 0 auto 15px;
	text-align:center;
}

.akSystem .akSysBox .ttl,
.akSystem .akSysBox .txtLogOut  {
	padding:0 1.538% 15px;
	text-align:center;
}
.akSystem .akSysBox .ttl {
	font-weight: bold;
	border-bottom:#b52675 solid 2px;
}
.akSystem .akSysBox .linkArea {
	border-top:#b52675 solid 2px;
	border-bottom:#b52675 solid 2px;
}

.akSystem .akSysBox .akSysLink {
	width:auto;
	margin:0 auto;
	padding:15px 0 0;
	text-align:center;
}
.akSystem .akSysBox .akSysLink .linkArea {
	width:100%;
	margin:0 auto;
	display:inline-block;
	text-align:left;
}
.akSystem .akSysBox .akSysLink .linkArea .subttl {
	padding: 15px 0;
	text-align:center;
	font-size:95%;
}

.akSystem .akSysBox .akSysLink .akSysList {
	display:inline-block;
	font-size: 100%;
}
.akSystem .akSysBox .akSysLink .akSysList.fLeft {
	width:47%;
}
.akSystem .akSysBox .akSysLink .akSysList.fRight {
	width:50%;
}
.akSystem .akSysBox .akSysLink .akSysList li {
	width:100%;
	padding-bottom:15px;
	text-align:left;
}
.akSystem .akSysBox .akSysLink .akSysList li.link {
	text-align:center;
}
.akSystem .akSysBox .akSysLink .akSysList li .block {
	width:100%;
	padding:12px 20px;
	border-radius: 50px;
	background-color:#af96a2;
	color: #fff;
	line-height:1.5;
	text-align:center;
	display:inline-block;
	box-sizing:border-box;
	text-decoration:none;
}
.akSystem .akSysBox .akSysLink .akSysList li a.block:hover {
	background-color:#d6b8c5;
}

.akSystem .akSysBox .akSysLink .akSysList .blTxt {
	padding-left: 1em;
}


/*----------------------------------------------------
  in_num
----------------------------------------------------*/
.akIn {
	display: none;
}


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

    共通ヘッダ #headerCom

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

#HeaderCom .HeadInner {
	max-width:1220px;
	margin:0 auto;
    padding:0;
}

#HeaderCom .HeadInner .menu > li i,
#HeaderCom .HeadInner .boxAreaW .comList > li .pTop i {
    padding-right: 7px;
    box-sizing: border-box;
}
#HeaderCom .HeadInner .menu > li.LogOut i {
	width:auto;
	height:auto;
    font-size: 150%;
	vertical-align: middle;
}
#HeaderCom .HeadInner .boxAreaW .comList > li .pTop i {
    font-size: 100%;
	color:#e8d3db;
}


#HeaderCom .HeadInner a,
#HeaderCom .HeadInner a:hover{
	text-decoration: none;
}

#HeaderCom .HeadInner .pc{
	display:inline-block;
}
#HeaderCom .HeadInner .sp{
	display:none;
}

#HeaderCom .HeadInner .menu{
	position: relative;
}

#HeaderCom .HeadInner .menu > li{
	float:left;
	height:40px;
	line-height:40px;
	text-align:center;
	background-color:#af96a2;
	border-right:#ccc solid 1px;
	box-sizing:border-box;
}

#HeaderCom .HeadInner .menu > li:last-child{
	border-right:none;
}

#HeaderCom .HeadInner .menu > li.all{
	width:70%;
}
#HeaderCom .HeadInner .menu > li.LogOut{
	width:30%;
}

#HeaderCom .HeadInner .menu > li:hover {
    background-color: #b790ad;
    -webkit-transition: all .5s;
    transition: all .5s;
}
#HeaderCom .HeadInner .menu > li a{
	color:#fff;
	display:block;
}
#HeaderCom .HeadInner .menu > li a:hover {
	color:#efe3e5;
}

#HeaderCom .HeadInner .menu > li .boxAreaW {
	position:absolute;
	top:40px;
	left: 0;
	width:100%;
	padding: 10px 0;
	text-align:center;
    background-color: #b790ad;
	border-top:#ccc solid 1px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    visibility: hidden;
    opacity: 0;
    z-index: 9999;
	box-sizing:border-box;
}

#HeaderCom .HeadInner .menu > li:hover .boxAreaW {
    visibility: visible;
    opacity: 1;
}

#HeaderCom .HeadInner .baW .boxAreaW .comList {
	width:100%;
	margin:auto;
	display:inline-block;
}
#HeaderCom .HeadInner .baW .boxAreaW .comList > li {
    width: 33.33333%;
	padding: 0 3%;
    float: left;
	text-align:left;
	line-height: 1.5;
	box-sizing:border-box;
}

#HeaderCom .HeadInner .baW .boxAreaW .comList > li .bdr {
    border-top: #f0edee dotted 1px;
}

#HeaderCom .HeadInner .baW .boxAreaW .comList > li p {
	padding: 7px 0 7px 1.5em;
	color:#fff;
}
#HeaderCom .HeadInner .baW .boxAreaW .comList > li .pTop {
	padding: 7px 0;
	font-size:120%;
}

/*-------------------------------------------------------------------
 gravi 物質と意識の重力整合化システム　超越宇宙 / 宇宙
集合画像ページヘッダ
 --------------------------------------------------------------------*/
.akPhoto.gravi #HeaderCom {
	background-color:#af96a2;
}
.akPhoto.gravi #HeaderCom .HeadInner {
	width: 100%;
}


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

    コンテンツ #Contents

*****************************************************/
#Contents .ContHeader {
	width:auto;
	padding:0 20px;
	height:40px;
	line-height:40px;
	background-color:#d1a7c4;
	font-size:120%;
	font-weight:bold;
	color:#fff;
	text-align:right;
	position:relative;
}

.ContBoxRight {
	width:auto;
	min-height: 100%;
	padding:30px 40px 30px 290px;
	border:#d1a7c4 solid 7px;
	background-color:#fcfbf7;
	box-sizing: border-box;
}

.ContBoxLeft {
	width:235px;
}
.ContBoxLeft.cblMenu,
.ContBoxLeft.siMenu {
	position:absolute;
	top:40px;
	left:25px;
}


/*-----------------------
 個別ページ基本コンテンツ
 -----------------------*/
.akIn .ContBoxRight,
.akNet .ContBoxRight,
.akLog .ContBoxRight,
.akPhoto .ContBoxRight
.allSys .ContBoxRight {
    width: 100%;
    font-size: 110%;
}

/*-------------------------------------------------------------------
 gravi 物質と意識の重力整合化システム　超越宇宙 / 宇宙
 集合画像ページ基本コンテンツ
 --------------------------------------------------------------------*/
.akPhoto.gravi #Contents {
    width: 100%;
	max-width:inherit;
}

.akPhoto.gravi .ContBoxRight {
	padding:30px 40px;
}


/*----------------------------------------------------
  内容
----------------------------------------------------*/

.google01{
	font-family: "FOT-筑紫ゴシック Pro B", 'Expletus Sans', cursive;
	font-size: 100%;
	line-height: 200%;
}
.google02{
	font-family: 'Muli', sans-serif;
	font-size: 100%;
	line-height: 200%;
}

/* タイトル */
.google01 h1 {
	display:inline;
}

/* セッションID */
.SessionId {
	width:auto;
	position:absolute;
	top:30px;
	right:50px;
	display:inline-block;
}

#LG, .LG {
	font-family: LeagueGothic-Regular, 'Expletus Sans';
	font-size: 300%;
}

.ruby {
	font-size:75%;
}

.SentenceBoxS,
.SentenceBox {
	color: #212121;
	font-size: 120%;
	line-height: 160%;
	border-bottom:#d1a7c4 solid 2px;
}
.SentenceBoxS {
	padding:0 15px 5px 5px;
}
.SentenceBox {
	padding:7px 15px 10px 5px;
	position:relative;
}

/* タイトル */
.SentenceBox h2,
.SentenceBox h3 {
	font-weight:bold;
}
.SentenceBox h3 {
	text-indent:-0.5em;
	margin-left:0.5em;
}
.SentenceBox h3:after {
	content:"";
	padding-right: 4em;
}

.SentenceBox .mdash {
	padding-left:1em;
	padding-right: 4em;
}
.SentenceBox .mdash > li {
	padding-left:30px;
	background:url(../img/mdash01.png) no-repeat 0 0.5em;
}
.SentenceBox .txt {
	padding-left:1em;
}

.SentenceBox .link {
	width:auto;
	font-size: 85%;
	text-align:right;
	display:inline-block;
	position:absolute;
	right:15px;
	bottom:12px;
	z-index: 999;
}
.SentenceBox .link:before {
	content:"｜";
}
.SentenceBox .link a {
	padding-left:5px;
}

.indexTop {
	padding-top:10px;
	text-align:right;
	font-size:85%;
}

/* MedicalNew */
.MedicalNew h2{
	font-family: "FOT-筑紫ゴシック Pro B", sans-serif;
	font-size:130%;
	line-height:180%;
}
.MedicalNew .mnCont{
	font-family: "NUDモトヤ明朝 Std W5", "NudMotoyaMinchoStd-W5", serif;
	font-size:120%;
	line-height:180%;
}
.MedicalNew .mnCont ol li{
	font-family: "NUDモトヤ明朝 Std W5", "NudMotoyaMinchoStd-W5", serif;
}

/* pageTop */
.pageTop {
	display: none;
}
#pageTop {
	bottom: 20px;
	display: none;
	position: fixed;
	right: 15px;
	z-index:8890;
}
#pageTop a {
	width: 50px;
	height: 50px;
	background-color:#af96a2;
	border:#f0edee solid 3px;
	border-radius: 7px;
	display: block;
	text-decoration: none;
	transition: all 0.2s ease-in-out 0s;
}
#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;
}
#pageTop a span {
    width: 100%;
    color: #f0edee;
    display: inline-block;
    font-size: 85%;
    text-align: center;
    position: relative;
    top: 20px;
}

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

/* SideNavi */
.ContBoxLeft .SideNavi {
	width:auto;
	padding:10px;
	background-color:#d6b8c5;
	border-radius:5px;
	line-height:120%;
}
.ContBoxLeft .SideNavi h3 {
	padding:0 7px;
	margin-bottom:10px;
	font-size:110%;
	color:#fff;
	font-weight:bold;
}
.ContBoxLeft .SideNavi .inNum li {
    width: 20%;
    padding: 3px;
    float: left;
    box-sizing: border-box;
}
.ContBoxLeft .SideNavi .inNum li a {
	width:100%;
	padding:3px 7px 3px 5px;
	background-color:#af96a2;
	font-size:85%;
	color:#fff;
	text-decoration:none;
	text-align: center;
	display:inline-block;
    box-sizing: border-box;
}
.ContBoxLeft .SideNavi .inNum li a:hover {
	text-decoration: none;
}
.ContBoxLeft .snLink {
	padding-top:3px;
	text-align:right;
	font-size:90%;
}


/* TopSearch */
.TopSearch {
	position:relative;
}
.tsInner {
	width:100%;
	line-height:180%;
	letter-spacing: 0.05em;
	box-sizing: border-box;
}
.tsInner h3 .sTxt{
	font-size:95%;
	padding-left:1em;
	color: #212121;
}
.tsInner .kw{
	width:auto;
	margin-bottom: 5px;
	padding:3px 8px 5px;
	display:inline-block;
	background-color:#af96a2;
	color:#fff;
	font-size:115%;
	line-height: 100%;
}
.tsInner .tsCB {
	width:auto;
	margin-left:-7px;
}
.tsInner .tsCB li {
	width:auto;
	padding:0 7px 3px 0;
	display:inline-block;
	position:relative;
}

.tsInner .tsCB li input[type="checkbox"] {
	margin-right:3px;
}


/*-----------
 FormBtn
 -----------*/
.FormBtn {
	width:1200px;
	margin:auto;
    position: fixed;
    left: 0;
	right:0;
    bottom: 0;
	box-sizing:border-box;
    z-index: 8888;
}
.FormBtn .btn-all label,
.FormBtn .btn-reset input,
.FormBtn .btn-submit input {
	width:100%;
	height: 45px;
	padding:2px 5px 0;
	font-size:110%;
	color:#fff;
	border:#f0edee solid 3px;
	border-bottom:none;
	border-radius: 7px 7px 0 0;
	outline: none;
	font-family: "Helvetica Neue", Helvetica, Osaka, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	text-align:center;
	vertical-align: bottom;
	line-height: 1.3;
	box-sizing:border-box;
}
.FormBtn .btn-all label {
	width:auto !important;
	padding:13px 20px 0;
	display: inline-block;
}
.FormBtn .btn-all {
	width:auto;
	display:inline-block;
}
.FormBtn .btn-all label input {
	display:none;
}
.FormBtn .btn-reset {
	width:17.708%;
	display:inline-block;
}
.FormBtn .btn-submit {
	width:21.354%;
	margin-left: 0.573%;
	display:inline-block;
}
.FormBtn .btn-all label,
.FormBtn .btn-reset input {
	background-color:#d6b8c5;
	letter-spacing:-0.03em;
}
.FormBtn .btn-all label:hover,
.FormBtn .btn-reset input:hover {
	background-color:#e1cdd6;
}
.FormBtn .btn-submit input {
	background-color:#c0a4b1;
}
.FormBtn .btn-submit input:hover {
	background-color:#e2cdd6;
}


/*-----------
 akPhoto
 -----------*/
.otherType .otLink {
	max-width:1220px;
	margin:auto;
}
.otherType .otLink {
	display:table;
	width:100%;
	box-sizing:border-box;
}
.otherType .otLink > li {
	width:33.333%;
	padding:10px 5px;
	display:table-cell;
	vertical-align:top;
}
.otherType .otLink .img img {
	width:100%;
	border-radius: 5px;
	border: 1px solid #ccc;
	box-sizing: border-box;
}
.otherType .otLink .txt {
	font-size: 75%;
    line-height: 1.2;
    padding-top: 3px;
}


.akPhoto .phList {
	letter-spacing: -0.5em;
 }
.akPhoto .phList li {
	width:33.333%;
	padding:0 5px 10px;
	display:inline-block;
	vertical-align:top;
	letter-spacing: normal;
	box-sizing:border-box;
}
.akPhoto .phList li .photo {
	padding-top:5px;
	width:100%;
}
.akPhoto .phList li .photo img {
	width:100%;
	border-radius: 5px;
	border: 1px solid #ccc;
	box-sizing: border-box;
}

.akPhoto .listBtn {
	padding-top:15px;
	text-align:center;
}
.akPhoto .listBtn li {
	width:auto;
	display:inline-block;
	letter-spacing:normal;
}
.akPhoto .listBtn input {
	width: 50vw;
	padding:15px 0;
	font-size:95%;
	color:#fff;
	border:none;
	border-radius: 7px;
	outline: none;
	font-family: "Helvetica Neue", Helvetica, Osaka, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	text-align:center;
	line-height: 1.7;
	background-color:#c0a4b1;
	display:block;
	box-sizing:border-box;
}
.akPhoto .listBtn input:hover {
	background-color:#e2cdd6;
}


/*-----------
 allsystem
 -----------*/
.allSys .allsysLink {
	width:auto;
	padding: 0 15px 0 0;
	display:inline-block;
	position:relative;
	letter-spacing:-0.5em;
	font-family: "FOT-筑紫ゴシック Pro B", sans-serif;
	line-height: 180%;
}
.allSys .allsysLink li {
	width:auto;
	padding: 0 0 0 15px;
	display:inline-block;
	position:relative;
	letter-spacing: normal;
}
.allSys .allsysLink li:last-child {
	padding: 0 15px;
}
.allSys .allsysLink li:before,
.allSys .allsysLink li:last-child:after {
	content:"｜";
	position:absolute;
	top:0;
}
.allSys .allsysLink li:last-child:after {
	right:0;
}
.allSys .allsysLink li:before {
	left:0;
}


/*-------------------------------------------------------------------
 gravi 物質と意識の重力整合化システム　超越宇宙 / 宇宙
 --------------------------------------------------------------------*/
.akNet.gravi .SentenceBox .graviList {
	display:table;
	width:100%;
	box-sizing:border-box;
}
.akNet.gravi .SentenceBox .graviList > li {
	display:table-cell;
	vertical-align:top;
}
.akNet.gravi .SentenceBox .graviList > li:nth-child(1) {
	width:78%;
}
.akNet.gravi .SentenceBox .graviList > li:nth-child(2) {
	width:22%;
}

.akNet.gravi .ip {
	width: 2%;
	display: table-cell;
}

.akNet.gravi .SentenceBox h3 {
	width:76%;
    margin-left: 0;
	text-indent: 0;
	display: table-cell;
}
.akNet.gravi .SentenceBox h3:after {
    content: inherit;
    padding-right: 0;
}
.akNet.gravi .SentenceBox .iconimg img {
	width: 100%;
	border-radius: 5px;
	border: 1px solid #ccc;
	box-sizing: border-box;
}
.akNet.gravi .SentenceBox .mdash {
	padding: 0 2% 0 4.5%;
}
.akNet.gravi .SentenceBox .txtlink {
	font-size:85%;
	text-align:center;
}

.akNet.gravi .FormBtn .btn-all label,
.akNet.gravi .FormBtn .btn-submit {
    width: 18.354%;
}


.akPhoto.gravi .phList li {
    width: 50%;
}

/*-------------------------------
 iPadの横サイズ設定
 -------------------------------*/
/*　iPadの横　*/
@media only screen and (min-device-width:768px) and (max-device-width:1366px) and (orientation:landscape) {
	.akPhoto.gravi .phList li {
		width: 33.33333%;
	}
}

/*-------------------------------
 画面サイズ1221pxから
 -------------------------------*/
/*　画面サイズが1221pxから共通　*/
@media screen and (min-width:1221px) {
	.akPhoto.gravi .phList li .photo {
		text-align: center;
	}
	.akPhoto.gravi .phList li img {
		max-width: 536px;
	}
}

/*　画面サイズが1221pxから1708pxまで　*/
@media screen and (min-width:1221px) and (max-width:1708px) {
	.akPhoto.gravi .phList li {
		width: 33.33333%;
	}
}

/*　画面サイズが1709pxから2246pxまで　*/
@media screen and (min-width:1709px) and (max-width:2246px) {
	.akPhoto.gravi .phList li {
		width: 25%;
	}
}

/*　画面サイズが2247pxから2784pxまで　*/
@media screen and (min-width:2247px) and (max-width:2784px) {
	.akPhoto.gravi .phList li {
		width: 20%;
	}
}

/*　画面サイズが2785pxから3322pxまで　*/
@media screen and (min-width:2785px) and (max-width:3322px) {
	.akPhoto.gravi .phList li {
		width: 16.66666666666667%;
	}
}

/*　画面サイズが3323pxから3860pxまで　*/
@media screen and (min-width:3323px) and (max-width:3860px) {
	.akPhoto.gravi .phList li {
		width: 14.28571428571429%;
	}
}

/*　画面サイズが3861pxから　*/
@media screen and (min-width:3861px) {
	.akPhoto.gravi .phList li {
		width: auto;
	}
}

		
/*----------------------------------------------
 全システム　コンパクトリスト他　共通タイトル
 ----------------------------------------------*/
.GraviTtl,
.allSys .ttl,
.akPhoto .photoTtl {
	font-family: "FOT-筑紫ゴシック Pro B", sans-serif;
	color: #a8768d;
	font-size: 130%;
	padding:10px;
	margin-bottom:15px;
	border-top: #ccc solid 1px;
	border-bottom: #ccc solid 1px;
}



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



	img{
		max-width: 100%;
		height: auto;
		width: auto;　
	}
	
	/*-----------
	 Header
	 -----------*/
	#HeaderCom .HeadInner .menu > li.LogOut i {
		font-size: 120%;
	}
	#HeaderCom .HeadInner .boxAreaW .comList > li .pTop i {
		font-size: 90%;
	}

	#HeaderCom .HeadInner .menu > li{
		font-size:85%;
	}

	#HeaderCom .HeadInner .menu > li.all{
		width:60%;
	}
	#HeaderCom .HeadInner .menu > li.LogOut{
		width:40%;
	}

	#HeaderCom .HeadInner .menu > li .boxAreaW {
		padding: 10px 0 0;
	}
	#HeaderCom .HeadInner .baW .boxAreaW .comList {
		overflow:auto;
	}
	#HeaderCom .HeadInner .baW .boxAreaW .comList > li {
		width: 100% !important;
	}
	
	#HeaderCom .HeadInner .baW .boxAreaW .comList > li .pTop {
		font-size:110%;
	}

	/*-----------
	 akIndex, akLogin
	 -----------*/
	.akIndex .Contents,
	.akLogin .Contents {
		width:90%;
		margin:12% auto;
	}
	
	/*-----------
	 akSystem
	 -----------*/
	.akSystem .Contents {
		width:90%;
		margin:5% auto;
	}
	.akSystem .akSysBox {
		position: relative;
		font-size: 100%;
	}
	.akSystem .stOver {
		margin-bottom:30px;
		font-size:80%;
		line-height:120%;
	}
	.akSystem .akSysBox .akSysLink .linkArea .subttl {
		font-size:85%;
		line-height: 110%;
	}
	.akSystem .akSysBox .akSysLink .akSysList {
		width:100% !important;
		float:none;
	}
	.akSystem .akSysBox .akSysLink .akSysList .txtLG {
		font-size:85%;
		margin-bottom:15px;
		padding-bottom:5px;
		border-bottom:#999 dashed 1px;
		text-align:center;

	}


	.ContBoxLeft.cblMenu,
	.ContBoxLeft.siMenu,
	#HeaderCom .HeadInner .pc {
		display:none;
	}
	#HeaderCom .HeadInner .sp {
		display:inline-block;
	}
		
	
	
	#Contents {
		width:100%;
	}
	.ContBoxLeft {
		display:none;
	}
	
	.ContBoxRight {
		padding: 15px 3.2786%;
	}
	

	.FormBtn {
		width:100%;
	}


	/*-----------
	 in_num (IndexNumber)
	 -----------*/
	.akIn {
		display:block;
	}
	.akIn #siInNum .ContBoxLeft {
		width:100%;
		margin-bottom: 50px;
		display: block;
	}
	.akIn #siInNum .ContBoxLeft .SideNavi {
		padding: 20px 1.25%;
		border-radius:0;
	}
	.akIn #siInNum .ContBoxLeft .SideNavi h3 {
		font-size: 120%;
		margin-bottom: 1em;
	}
	.akIn #siInNum .ContBoxLeft .SideNavi .inNum li {
		width: 20%;
	}
	.akIn #siInNum .ContBoxLeft .SideNavi .inNum li a {
		padding:12px 10px;
		font-size:120%;
	}
	

	
	/*-------------------------------------------------------------------
	 gravi 物質と意識の重力整合化システム　超越宇宙 / 宇宙
	 --------------------------------------------------------------------*/
	.akNet.gravi .SessionId {
		position: initial;
		top: 0;
		right: 0;
		display: block;
		text-align: right;
	}
	.akNet.gravi .FormBtn .btn-all label,
	.akNet.gravi .FormBtn .btn-submit input {
		font-size: 85%;
	}
	
	.akPhoto.gravi .ContBoxRight {
		padding: 10px;
	}
}
@media screen and (max-width:640px) {
	
	/*-----------
	 akIndex, akLogin
	 -----------*/
	.akIndex .Contents,
	.akLogin .Contents {
		margin: 5% auto;
	}
	.akLogin .akLogBox:before,
	.akLogin .akLogBox:after {
		height:50px;
	}
	.akLogin .akLogBox {
		padding:50px 0;
	}

	
	/*-----------
	 akSystem
	 -----------*/
	.akSystem .Contents {
		width:100%;
		margin:2% auto;
	}
	.akSystem .akSysBox .akSysLink .akSysList {
		font-size: 100%;
	}
	.akSystem .akSysBox .akSysLink .akSysList li .block {
		padding:12px 5%;
	}


	/*-----------
	  Box囲み
	 -----------*/
	.areaBox01 {
		font-size:90%;
	}
	.areaBox01 ol li {
		line-height:170%;
	}
	.areaBox01 .FontS100.pddr30 {
		padding-right:0 !important;
	}
	
	
	.SessionId {
		width: 100%;
		margin-bottom:0.7em;
		position:relative;
		right: 0;
		top: 0;
		text-align:right;
	}
	

	.SentenceBox {
		padding: 7px 0.5556% 10px;
	}
	.SentenceBox h3 {
		text-indent0;
		margin-left:0;
	}
	.SentenceBox h3:after {
		padding-right: 0;
	}
	.SentenceBoxS .hTtl {
		font-size:120% !important;
		display:block;
	}
	.SentenceBoxS .time {
		padding-left: 3.3333%;
		font-size:80%;
	}
	.timeF {
		font-size:80%;
	}
	.SentenceBox .mdash {
		padding-left: 0.5em;
		padding-right: 0;
	}
	.SentenceBox .mdash li {
		background-position:0 0.7em;
		background-size:2.5%;
		padding-left: 3.3333%;
	}
	.SentenceBox .link {
		width: 100%;
		margin-top:7px;
		text-align: center;
		display: block;
		position: static;
	}
	.SentenceBox .link:before {
		content:none;
	}
	.SentenceBox .link a {
		width: 100%;
		padding: 4px 5px;
		color:#fff;
		letter-spacing:1.0em;
		text-decoration: none;
		border-radius: 7px;
		background-color:#af96a2;
		display: inline-block;
		box-sizing:border-box;
	}
	.SentenceBox .txt {
		padding-left: 0.5em;
	}
		
	/*-----------
	 in_num 
	 -----------*/
	.akIn .ContBoxLeft .SideNavi .inNum li a {
		padding:20px 10px;
	}


	/*-----------
	 akPhoto
	 -----------*/
	.akPhoto .phList {
		letter-spacing: normal;
	 }
	.akPhoto .phList li {
		width:100%;
		padding:0 0 10px;
		box-sizing:border-box;
	}
	.akPhoto .phList li h3 {
		line-height:140%;
	}

	
	/*-------------------------------------------------------------------
	 gravi 物質と意識の重力整合化システム　超越宇宙 / 宇宙
	 --------------------------------------------------------------------*/
	.akNet.gravi .SentenceBox .graviList {
		letter-spacing: -0.5em;
	}
	.akNet.gravi .SentenceBox .graviList > li {
		display: inline-block;
		letter-spacing: normal;
	}
	.akNet.gravi .SentenceBox .graviList > li:nth-child(1) {
		width:100%;
	}
	.akNet.gravi .SentenceBox .graviList > li:nth-child(2) {
		width:100%;
		padding-top:10px;
		vertical-align:middle;
	}
	
	.akNet.gravi .ip {
		width: 7%;
	}
	
	.akNet.gravi .SentenceBox h3 {
		width: 93%;
	}

	.akNet.gravi .SentenceBox .iconimg {
		width:30%;
		padding-left:7%;
		display: table-cell;		
	}
	.akNet.gravi .SentenceBox .txtlink {
		width:63%;
		padding-left:20px;
		display: table-cell;
		vertical-align:middle;
		box-sizing:border-box;
	}
	.akNet.gravi .SentenceBox .txtlink span {
		width: 100%;
		padding: 4px 5px;
		color: #fff;
		font-size:90%;
		text-decoration: none;
		border-radius: 7px;
		background-color: #af96a2;
		display: inline-block;
		box-sizing: border-box;
	}

	.akNet.gravi .topList li {
		width:100%;
		padding:0 0 10px;
	}
	.akNet.gravi .SentenceBox h3 {
		font-size: 90%;
	}
	.akNet.gravi .SentenceBox .mdash {
		font-size: 85%;
	}
	.akNet.gravi .FormBtn .btn-all label {
		width: 6.2em;
		padding: 13px 7px 0;
	}
	.akNet.gravi .FormBtn .btn-submit {
		width: 32.031%;
	}
	.akNet.gravi .FormBtn .btn-all,
	.akNet.gravi .FormBtn .btn-submit input {
		font-size: 75%;
	}

	.akPhoto.gravi .phList li {
		width: 100%;
	}
}
