@charset "UTF-8";

body
{
    background-color: #fff;
    min-width: 320px;
    margin: 0;
    padding: 0;
    color: #000000;
    font: 14px/1.4 "ヒラギノ角ゴ Pro W3" , "ＭＳ Ｐゴシック" , "Hiragino Kaku Gothic Pro" , "MS PGothic" , sans-serif;
    -webkit-text-size-adjust: none;
}


/* 画像をスマホ画面に合わせる */

p.resizeimage1{

}

p.resizeimage1 img{	width:100%;}




/* 枠 */
.kakoi{
 style :padding: 5px;
 margin:5px; 
 border:1px solid #aaaaaa;
}

/* oowaku */
.oowaku {
}

.oowaku h1 {
	background-color:#3355ff;
	color:white;
	text-align:left;
	font-weight:bold;
}

/*見出し*/
section h1{
	font-size:16px;
	max-width: 100%;
	color: white;
	text-align:left;
	background-color: #3355ff; /* 青帯反転 */

}

section h2{font-size: 15px;
	text-align:left;
	color:black;
	background-color:white;
}


h1{font-size:16px;}



h2 {
	 background-color:#3355ff;
	 color:white;
}

h3{
	font-size: 16px;
	max-width: 100%;
	color: white;
	text-align:left;
	background-color: #3355ff; /* 青帯反転 */
}

h4{font-size: 15px; /* h4はいたって普通 */
	text-align:left;
	color:black;
}

h5{
	font-size:14px;
	max-width: 100%;
	text-align:left;
	color:white;
	background-color:#3355ff; /* h5も青帯反転 */
}


/* リンクにアンダーライン消す */
a:link {
	text-decoration:none;
	color:#0000a8;
	}

a:visited {color:#530096;}




/* img  borderは常に 0*/
img{
	border:0;
}


table.wakucolorw {
border-collapse: collapse;
}
table.wakucolorw,
table.wakucolorw th,
table.wakucolorw td {
border: 1px #ffffff solid;
}

.tabletitle {
	color:white;
	background-color:#3355ff;
	text-align:left;
	font-weight: bold;
}	



#grobalnavi{
width:100%;
height:auto;
clear:both;
overflow: hidden;
text-align:left;
}

#grobalnavi ul{
list-style:none;
margin:0;
padding: 0;
}

#grobalnavi ul li{
width:50%;
padding: 0px;
margin: 0px;
margin-bottom:10px;
float: left;
}


#grobalnavi ul li a{
display: block;
background-color:#3355ff;
color:#ffffff;
margin: 0;
text-decoration:none;
}

#grobalnavi ul li:last-child{
width:100%;
}

#wrapper {
width:100%;
margin:0 auto;
overflow:hidden;
}

#breadcrumb { font-size: smaller; }

#breadcrumb ol {
list-style: none;
margin: 0;
padding: 0;
}

#breadcrumb ol li {display: inline; }

#breadcrumb ol li::after {
content: ">";
padding-left: 7px;
}

#breadcrumb ol li:last-child::after { content: none; }


/* 文字サイズミディアム、ボールド、色指定なし */
 .mojimediumbold {
	font-size: medium;
	font-weight: bold;
}
/*文字サイズ小さめ。色指定なし*/
.mojismall {
	font-size:small;
}


/* 文字色　#3355ff その他設定なし */
.color3355ff{
	color:#3355ff;
}

/* 文字色　#写真コメント用オリーブ色 */
.color7c9824{
	color:#7c9824;
}

/* 文字色　#d24931 強調用 */
.colord24931{
	color:#d24931;
}

/* 文字色　#darkred 強調用 */
.colordarkred{
	color:#992222;
}

/* 青帯白文字　*/
.backblue {
 width:100%;
 background-color:#3355ff;
 color:white;
}



/* イラスト題名、ヘッダ部 (sp用) */
#illusttitlehead{
width: 100%;
height:auto;
background-color: #ebf5ff;
text-align:left;
position: relative;
}

/* ギャラリーページ用　上に空白20と中央寄せ */
#illustkeisai {
	margin-top:20px;
	vertical-align:center;
}

/* 冒頭のタイトル名は青反転白文字 */
#illustkeisai h1 {
	background-color:#3355ff;
	color:white;
}


/* コンテナブロック　大枠 汎用　(sp用) */
.gallery_title{
width:100%;
height:auto;
background-color: #ffffff;
text-align:left;
position: relative;
}

.gallery_title h1{
	background-color:#3355ff;
	color:white;
}

/* gallery_title の中の見出しも青反転白文字 */
.gallery_title h2 {
	font-size:medium;
	 background-color:#3355ff;
	 color:white;
}


/* index専用h2 (文字小さめ) */
#indexh2 {
	width:100%;
}

#indexh2 h2 {font-size:16px; font-weight:normal;color:#202020;background-color:white;} /*ボールドなし*/

.accentcolor {
	color:#b84344;
	font-weight:bold;
	background-color::white;
}

#footercolor {
 background-color:#1c1f7f;
	color:white;
	font-size:small;
	text-align:left;
}


/* ヘッダのロゴの背景 */
#headerlogo {
	background-color:#3355ff;
	
}