@charset "UTF-8";

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

 /*   font : normal normal normal 15px /1.4 "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "MS PGothic", sans-serif; */


/* リンクはアンダーライン無し */
a:link {	text-decoration:none; color:#164ab8;}
a:hover { color: orange; }
a:visited {color:#730073}


/* 画像を縦横レスポンシブに */

p.resizeimage4{

}

p.resizeimage4 img{
width:100%; height: auto;
/* border:1px solid #cccccc; */
}





/* 文字装飾 */
h1{font-size:12px;}


h2 { /* h2は冒頭用、文字は小さめ13px */
	font-size:13px;
}


h3{ /* h3は青帯つき白文字 */
	font-size:15px;
	color:white;
	background-color:#3355ff;
	font-weight:normal;
}


h4 /* h4は題名用 */
{
	font-size:15px;
	background-color:#c8dafd;
	width:100%;
	margin:0px;
}


h5
{
	font-size:14px;
	background-color:#3355ff;
	color:white;
	font-weight:normal;
	width:100%;
}


header {
	width:100%;
}


footer {
	font-size:13px;
	width:100%;
}



/* 文字装飾いろいろ*/

.textbluebold {
	color:#3355ff;
	font-weight:bold;
}

.textblue {
	color:#3355ff;
}

.textdarkorange {
	color:#b07c71;
}

.textdarkorangebold {
	color:#b07c71; font-weight:bold;
}

.textsizeup
{
	font-size:medium;
}

.textpurplebold {
   font-size: medium;
   font-weight: bold;
   color: #730073;
}


.textpurplesmall {
   font-size: small;
   color: #730073;
}

.textesmall {
   font-size: 12px;
}

.textpurple {color:#730073;}
.textmildred {color:#d65858; font-weight:bold;}


.textsize_medium_bold {
   font-size: medium;
   font-weight: bold;
}


.textpurpleunderline {
   color: #d7a9ca;
   text-decoration: underline;
}


/* img のborderはすべて0、中央寄せ */
img{
	border:0;
	vertical-align:middle;
}

/* 罫線色変更 */
.hrsize{
  height: 1px;
  background-color: #ddeeff;
  border: 0; 
}


span.en{
    display: none;
}


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

table.wakucolor {
border-collapse: collapse;
}


/* sp側 table 設定 */
table.wakucolor,
table.wakucolor th,
table.wakucolor td {
border: 1px #a1d0ff solid;
border-width: 1px 0px; /* 上下だけ引く */
padding-top:16px;
vertical-align:top;
}



/* sp側 tablenew 設定 */
table.wakucolornew,
table.wakucolornew th,
table.wakucolornew td {
vertical-align:top;
display: inline-block;
width:100%;
overflow:hidden;
}
table.wakucolornew tr {
   display: inline;
}

table.wakucolornew td:nth-child(2) {
padding-bottom:60px; /* モバイルのときのみ文字の下空間を開ける */
}




/* 囲みをつける */
.kakoi{
 padding: 5px;
 margin-top:5px;
 margin-bottom: 5px;
 border:1px solid #cccccc;
}

.kakoi a {
 text-decoration:none; 
}


/* feed 専用　囲み*/

.feedboxgazou {
 width:154px;
 height:80px;
 text-align:left;
 float:left;
 margin : 0 auto;
 border:1px solid #cccccc;

}

.feedboxtext {
 height: 80px;
 text-align:left;
 margin : 0 auto;
 border:1px solid #cccccc;
}



/*上下マージンをつける*/
.marginuesita5px {
	margin-top: 5px;
	margin-bottom: 5px;
}


.marginuesita3px {
	margin-top: 3px;
	margin-bottom: 3px;
}






/* コンテナ */

/* ヘッダのインディゴブルー部分 */
#topheadernew{
width:100%;
height:90px;   
text-align: left;
background-color: #1c1f7f;
background-image: url("img/tophaikei2021.png");
background-repeat: no-repeat;
color:white;
position:relative;	
}

/* ヘッダの左の地球マーク部分 */
#topheadernew_logo{
	width:120px;
	float:left;
}


/* h2の解説文用 */
#topheadernew_h2 {
	height: auto;
	float:none;
}


/* index以外のヘッダ */

#subheadernew{
width:100%;
height:75px;
text-align: left;
background-color: #1c1f7f;
background-repeat: no-repeat;
background-image: url("img/tophaikei2020.png");
display:inline-block;
vertical-align: middle;
color:white;
position:relative;
}


#subheadernew h1 { font-size:14px; color:#ffffff; }
#subheadernew h2 { font-size:14px; color:#ffffff; }



/* ヘッダの左の地球マーク部分 */
#subheadernew_logo{
	width:100px;
	float:left;
}


/* h2の解説文用 */
#subheadernew_h2 {
	height: auto;
	float:none;
	
	}


/* --------------------------- */


/* 作り方ページ用コンテナ */
#tukurikatatitle { 
	width:100%;
	background-color: #212c8b;
	text-align:left;
	background-repeat: no-repeat;
	color:white;
	padding-top:10px; padding-bottom:10px;
}

#tukurikatatitle h1 { font-size:17px; color:#ffffff; }
#tukurikatatitle h2 { font-size:17px; color:#ffffff; }


/* MS名は黄色くアクセントつけて目立たせ表示 */
.tukurikata-highlight {
   color: #ffee00;
text-shadow: #7873e7 1px 1px 0px, #7873e7 -1px 1px 0px,
             #7873e7 1px -1px 0px, #7873e7 -1px -1px 0px;}


.gallery_oowaku {
	width: 100%;
	text-align:left;
	overflow: hidden;
}

.gallery_oowaku h1 {
	background-color:#3355ff;color:white; font-size:15px;
}

/*ダミー*/
.w900{
width:100%;
overflow:hidden;
}

.w600pclayout {
	width:100%;
}

.w300pclayout {
	width:100%;
}

.w440l {
	width:100%;
	text-align:left;
}
.w440r {
	width:100%;
	text-align:left;
}



/* ショートカット */
#shortcut{
width:100%;
float:left;
max-width:100%;
font-size: 14px;
padding-top: 3px;
padding-bottom 3px;
background-image:white;
background-color:#f6f6ff;
display:block;
}

#shortcut h2 {
	font-size:medium;
}




/* 最下段 */
#sitaobi {
	width 100%;
	background-color:#1c1f7f;
	height: auto;
	color:white;
}

/* facebook　ボタンを均一に並ばせる*/
.fb_iframe_widget > span { vertical-align: baseline !important; }