@charset "utf-8";

@import url("/lib/com_style.css");


/*-----------
 sm_in
 -----------*/
.akSi #wrapper {
    padding:40px 0 85px;
}


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

    共通ヘッダ #headerCom

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

/*-------------------------------------------------------------------
 hbc 人間創生システム / mvc 宇宙創生システム / mve 宇宙深化システム
集合画像ページヘッダ
 --------------------------------------------------------------------*/
.akPhoto.hbc #HeaderCom,
.akPhoto.mvc #HeaderCom,
.akPhoto.mve #HeaderCom {
	background-color:#af96a2;
}
.akPhoto.hbc #HeaderCom .HeadInner,
.akPhoto.mvc #HeaderCom .HeadInner,
.akPhoto.mve #HeaderCom .HeadInner {
	width: 100%;
}


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

    コンテンツ #Contents

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

/*-----------------------
 個別ページ基本コンテンツ
 -----------------------*/
.akSi .ContBoxRight {
    width: 100%;
    font-size: 110%;
}

/*-------------------------------------------------------------------
 hbc 人間創生システム / mvc 宇宙創生システム / mve 宇宙深化システム
集合画像ページ基本コンテンツ
 --------------------------------------------------------------------*/
.akPhoto.hbc #Contents,
.akPhoto.mvc #Contents,
.akPhoto.mve #Contents {
    width: 100%;
	max-width:inherit;
}

.akPhoto.hbc .ContBoxRight,
.akPhoto.mvc .ContBoxRight,
.akPhoto.mve .ContBoxRight {
	padding:30px 40px;
}


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

/*-----------
 akSi
 -----------*/
.akSi .tsInner .kw {
	padding:5px 10px 7px;
	font-size:100%;
}

/* akImg, akImgW3, akImgW4, boxB */
.akImg,
.akImgW3,
.akImgW4 {
    width: auto;
	box-sizing:border-box;
}
.akImgW3,
.akImgW4 {
	margin-top:0.375em;
}
.akImg img {
    border-radius: 5px;
    width: 100%;
}
.akImgW3 img {
    border-radius: 5px;
    width: 33.333%;
}
.akImgW4 img {
    border-radius: 5px;
    width: 25%;
}
.akImg.fLeft {
    padding: 5px 2.306% 10px 0;
}
.akImg.fRight {
    padding: 5px 0 10px 1.73%;
}

.akImg.boxB img {
	border:#ccc solid 1px;
}


/* linkList */
.linkList {
    width: auto;
    padding: 15px 25px;
    background-color: #f5f6f1;
    border: 2px dashed #777;
}
.linkList li {
	display:inline-block;
	font-size:90%;
}
.linkList li:before {
	content:"・";
	padding-right:5px;
}
.akNet .linkList li:before {
	content:none;
	padding-right:0;
}
.akNet .linkList li {
	padding-left:15px;
}

.akNet .linkList .listBtn {
	padding-top:15px;
	text-align:right;
	letter-spacing:-0.5em;
}
.akNet .linkList .listBtn li {
	width:auto;
	display:inline-block;
	letter-spacing:normal;
}
.akNet .linkList .listBtn .btn input,
.akNet .linkList .listBtn .btn-all label {
	width: auto;
	padding:10px 15px;
	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:inline-block;
	box-sizing:border-box;
}
.akNet .linkList .listBtn .btn-all label {
	letter-spacing:-0.03em;
}
.akNet .linkList .listBtn .btn-all label input {
	display:none;
}
.akNet .linkList .listBtn .btn input:hover,
.akNet .linkList .listBtn .btn-all label:hover {
	background-color:#e2cdd6;
}


/*-----------
 sm_in 
 -----------*/
.akSi .qaList dt,
.akSi .qaList dd {
	position: relative;
	padding-left:30px;
}
.akSi .qaList dt {
	border-top: 2px solid #d1a7c4;
    margin-top: 0.5em;
    padding-top: 0.5em;
}
.akSi .qaList dt:first-child {
	border-top: none;
    margin-top: 0;
    padding-top: 0;
}
.akSi .qaList dd {
	border-top: 1px dashed #999;
    margin-top: 0.3em;
    padding-top: 0.3em;
}
.akSi .qaList dt:before,
.akSi .qaList dd:before {
	position: absolute;
	left:0;
	width: 25px;
    padding: 3px 0 7px;
    font-size: 100%;
    color: #fff;
	text-align:center;
	line-height: 100%;
    display: inline-block;
}
.akSi .qaList dt:before {
	content:"Q";
	top:0;
	background-color: #cc5c00;
}
.akSi .qaList dd:before {
	content:"A";
	top:0.4em;
	background-color: #af96a2;
}

/* QA TEST */
.akSi .qaList.test dt:before,
.akSi .qaList.test dd:before {
	display:none;
}
.akSi .qaList.test dt,
.akSi .qaList.test dd {
	position: relative;
	padding-left:5em;
}
.akSi .qaList.test dt .iconQ,
.akSi .qaList.test dd .iconA {
	position: absolute;
	left:0;
	width: 4em;
    padding: 3px 0 7px;
    font-size: 100%;
    color: #fff;
	text-align:center;
	line-height: 100%;
	box-sizing:border-box;
    display: inline-block;
}
.akSi .qaList.test dt .iconQ {
	top:0;
	background-color: #cc5c00;
}
.akSi .qaList.test dd .iconA {
	top:0.4em;
	background-color: #af96a2;
}


.akSi .qaList dd .qaAl li {
	display:inline-block;
	padding:0 7px 3px 0;
}
.akSi .qaList dd .qaAl li input[type="checkbox"] {
	padding-right:3px;
}


/*-----------
 extract
 -----------*/
.akExt .ContBoxExt h1 {
    font-size: 120%;
    margin-bottom: 0.7em;
}
.akExt .ContBoxExt h1 span {
    font-size: 90%;
}

.akExt.akExtAW body {
	background:#fff;
}
.akExt.akExtAW .awBox {
	max-width:1010px;
	margin:10px auto;
}
.akExt.akExtAW .btnClose span {
	font-size:90%;
}
.akExt.akExtAW .awCont {
	width:100%;
	margin: 0;
	padding: 30px 5.94%;
	line-height:200%;
	background:#f3f2e5;
	border-left:#ccbb77 solid 5px;
	border-right:#ccbb77 solid 5px;
	box-sizing:border-box;
}
.akExt.akExtAW .awCont .awArea {
	margin: 30px 6.93% 30px 16.83%;
}

.akExt.akExtAW .main1 .top:first-letter {
   font-family: "NUDモトヤ明朝 Std W5", serif;
   font-size: 450%;
   font-weight: bolder;
   float: left;
   line-height: 1.2;
   color: orange;
   padding: 3px;
   margin-right: 15px;
}
.akExt.akExtAW .main2 .top:first-letter {
    color: #0057ba;
    float: left;
    font-family: "NUDモトヤ明朝 Std W5",serif;
    font-size: 450%;
    font-weight: bolder;
    line-height: 1.2;
    margin-right: 15px;
    padding: 3px;
}
.akExt.akExtAW .SenP {
	margin:12px 0;
	font-family: IwaNMNewsPro-Md;
	font-size: 110%;
	line-height: 200%;
	color: #454545;
}
.akExt.akExtAW .SenP.mt_no {
	margin:0 0 12px !important;
}
.akExt.akExtAW .SenP.mb_no {
	margin:12px 0 0 !important;
}

/*-------------------------------------------------------------------
 hbc 人間創生システム / mvc 宇宙創生システム / mve 宇宙深化システム
 --------------------------------------------------------------------*/
.akNet.hbc .SentenceBox .hbcList,
.akNet.mvc .SentenceBox .mvcList,
.akNet.mve .SentenceBox .mveList {
	display:table;
	width:100%;
	box-sizing:border-box;
}
.akNet.hbc .SentenceBox .hbcList > li,
.akNet.mvc .SentenceBox .mvcList > li,
.akNet.mve .SentenceBox .mveList > li {
	display:table-cell;
	vertical-align:top;
}
.akNet.hbc .SentenceBox .hbcList > li:nth-child(1),
.akNet.mvc .SentenceBox .mvcList > li:nth-child(1),
.akNet.mve .SentenceBox .mveList > li:nth-child(1) {
	width:78%;
}
.akNet.hbc .SentenceBox .hbcList > li:nth-child(2),
.akNet.mvc .SentenceBox .mvcList > li:nth-child(2),
.akNet.mve .SentenceBox .mveList > li:nth-child(2) {
	width:22%;
}

.akNet.hbc .ip,
.akNet.mvc .ip,
.akNet.mve .ip {
	width: 2%;
	display: table-cell;
}

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

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


.akPhoto.hbc .phList li,
.akPhoto.mvc .phList li,
.akPhoto.mve .phList li {
    width: 50%;
}

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

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

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

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

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

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

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

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

	
/*-------------------------------
 天音化世界『天の川銀河の調べ』
 -------------------------------*/
.TenonMusic #wrapper {
	padding: 0;
}
.TenonMusic .TenonMusicBox {
	width: 600px;
	margin: auto;
}
.TenonMusic .TenonMusicBox #music {
	width:600px;
	max-width:100%;
}
.TenonMusic .TenonMusicBox .author {
	padding-top:10px;
	text-align:right;
}
	
/*-------------------------------
 ak7-img285
 -------------------------------*/
.akImgPhoto #wrapper {
    padding: 20px 0 0;
}
.akImgPhoto .Contents {
	background-color:#f0edee;
}
.akImgPhoto .Contents .akIpBox {
	max-width: 1220px;
	height: 100%;
	margin: 0 auto;
	border: #d1a7c4 solid 7px;
	box-sizing: border-box;
}
.akImgPhoto .Contents .akIpBox ul {
	width: 100%;
}
.akImgPhoto .Contents .akIpBox li {
	width: 50%;
	padding: 10px;
	float: left;
	vertical-align: top;
	box-sizing: border-box;
}
.akImgPhoto .Contents .akIpBox li .photo {
    padding-top: 5px;
    width: 100%;
}
.akImgPhoto .Contents .akIpBox li .photo img {
	width: 100%;
}


@media screen and (max-width:960px) {
	
	/*****************************************************
	
		PC, TB, SP設定
	
	*****************************************************/

	.akSi #siInNum {
		display:block;
	}


	/*-----------
	 extract
	 -----------*/
	.akExt.akExtAW .awBox {
		width: 100%;
	}
	.akExt.akExtAW .awCont {
		padding: 30px 2.97%;
	}
	.akExt.akExtAW .awCont .awArea {
		margin: 30px 0 30px 4.255%;
	}

	
	/*-------------------------------------------------------------------
	 hbc 人間創生システム / mvc 宇宙創生システム / mve 宇宙深化システム
	 --------------------------------------------------------------------*/
	.akNet.hbc .SessionId,
	.akNet.mvc .SessionId,
	.akNet.mve .SessionId {
		position: initial;
		top: 0;
		right: 0;
		display: block;
		text-align: right;
	}
	.akNet.hbc .FormBtn .btn-all label,
	.akNet.hbc .FormBtn .btn-submit input,
	.akNet.mvc .FormBtn .btn-all label,
	.akNet.mvc .FormBtn .btn-submit input,
	.akNet.mve .FormBtn .btn-all label,
	.akNet.mve .FormBtn .btn-submit input {
		font-size: 85%;
	}
	
	.akPhoto.hbc .ContBoxRight,
	.akPhoto.mvc .ContBoxRight,
	.akPhoto.mve .ContBoxRight {
		padding: 10px;
	}
	.akPhoto.hbc .tmType .TenonMusicBox,
	.akPhoto.mvc .tmType .TenonMusicBox,
	.akPhoto.mve .tmType .TenonMusicBox {
		width:60%;
		margin:auto;
		padding-bottom: 41.25%;
		height:0;
		position: relative;
	}
	.akPhoto.hbc .tmType iframe,
	.akPhoto.mvc .tmType iframe,
	.akPhoto.mve .tmType iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.akPhoto.hbc .tmType .author,
	.akPhoto.mvc .tmType .author,
	.akPhoto.mve .tmType .author {
		width:60%;
		margin: auto;
	}
	
}
@media screen and (max-width:640px) {
	
	/*-----------
	 sm_in
	 -----------*/
	.akSi .ContBoxRight {
		padding:0;
	}
	.akSi .TopSearch .tsInner {
		padding: 15px 3.2786% 30px;
	}
	.akSi .TopSearch .tsInner h3 .sTxt {
		font-size: 85%;
		padding-left: 0;
		display:block;
	}
	.akSi .TopSearch .tsInner h3 .time.pddl15 {
		padding-left: 0 !important;
	}
	.akSi .FormBtn .btn-reset {
		width:26.562%;
	}
	.akSi .FormBtn .btn-submit {
		width:32.031%;
	}
	.akSi .FormBtn .btn-reset input,
	.akSi .FormBtn .btn-submit input {
		padding:15px 5px 11px;
		font-size:90%;
		font-weight: bold;
	}


	/*-------------------------------------------------------------------
	 hbc 人間創生システム / mvc 宇宙創生システム / mve 宇宙深化システム
	 --------------------------------------------------------------------*/
	.akNet.hbc .SentenceBox .hbcList,
	.akNet.mvc .SentenceBox .mvcList,
	.akNet.mve .SentenceBox .mveList {
		letter-spacing: -0.5em;
	}
	.akNet.hbc .SentenceBox .hbcList > li,
	.akNet.mvc .SentenceBox .mvcList > li,
	.akNet.mve .SentenceBox .mveList > li {
		display: inline-block;
		letter-spacing: normal;
	}
	.akNet.hbc .SentenceBox .hbcList > li:nth-child(1),
	.akNet.mvc .SentenceBox .mvcList > li:nth-child(1),
	.akNet.mve .SentenceBox .mveList > li:nth-child(1) {
		width:100%;
	}
	.akNet.hbc .SentenceBox .hbcList > li:nth-child(2),
	.akNet.mvc .SentenceBox .mvcList > li:nth-child(2),
	.akNet.mve .SentenceBox .mveList > li:nth-child(2) {
		width:100%;
		padding-top:10px;
		vertical-align:middle;
	}
	
	.akNet.hbc .ip,
	.akNet.mvc .ip,
	.akNet.mve .ip {
		width: 7%;
	}
	
	.akNet.hbc .SentenceBox h3,
	.akNet.mvc .SentenceBox h3,
	.akNet.mve .SentenceBox h3 {
		width: 93%;
	}

	.akNet.hbc .SentenceBox .iconimg,
	.akNet.mvc .SentenceBox .iconimg,
	.akNet.mve .SentenceBox .iconimg {
		width:30%;
		padding-left:7%;
		display: table-cell;		
	}
	.akNet.hbc .SentenceBox .txtlink,
	.akNet.mvc .SentenceBox .txtlink,
	.akNet.mve .SentenceBox .txtlink {
		width:63%;
		padding-left:20px;
		display: table-cell;
		vertical-align:middle;
		box-sizing:border-box;
	}
	.akNet.hbc .SentenceBox .txtlink span,
	.akNet.mvc .SentenceBox .txtlink span,
	.akNet.mve .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.hbc .topList li,
	.akNet.mvc .topList li,
	.akNet.mve .topList li {
		width:100%;
		padding:0 0 10px;
	}
	.akNet.hbc .SentenceBox h3,
	.akNet.mvc .SentenceBox h3,
	.akNet.mve .SentenceBox h3 {
		font-size: 90%;
	}
	.akNet.hbc .SentenceBox .mdash,
	.akNet.mvc .SentenceBox .mdash,
	.akNet.mve .SentenceBox .mdash {
		font-size: 85%;
	}
	.akNet.hbc .FormBtn .btn-all label,
	.akNet.mvc .FormBtn .btn-all label,
	.akNet.mve .FormBtn .btn-all label {
		width: 6.2em;
		padding: 13px 7px 0;
	}
	.akNet.hbc .FormBtn .btn-submit,
	.akNet.mvc .FormBtn .btn-submit,
	.akNet.mve .FormBtn .btn-submit {
		width: 32.031%;
	}
	.akNet.hbc .FormBtn .btn-all,
	.akNet.hbc .FormBtn .btn-submit input,
	.akNet.mvc .FormBtn .btn-all,
	.akNet.mvc .FormBtn .btn-submit input,
	.akNet.mve .FormBtn .btn-all,
	.akNet.mve .FormBtn .btn-submit input {
		font-size: 75%;
	}

	.akPhoto.hbc .phList li,
	.akPhoto.mvc .phList li,
	.akPhoto.mve .phList li {
		width: 100%;
	}
	.akPhoto.hbc .tmType .TenonMusicBox,
	.akPhoto.mvc .tmType .TenonMusicBox,
	.akPhoto.mve .tmType .TenonMusicBox {
		width:100%;
		padding-bottom: 56.25%;
	}
	.akPhoto.hbc .tmType .author,
	.akPhoto.mvc .tmType .author,
	.akPhoto.mve .tmType .author {
		width:100%;
	}
		
}