@charset "utf-8";
/* CSS Document */

/*===============================================================================
●smart.css  画面の横幅が800pxまで
●修正したいもののみ記入する
===============================================================================*/
@media screen and (max-width:800px){

/* #################################################################
	 共通ページ
##################################################################*/
body{
	font-size:14px;	/*文字の大きさ*/
}

.mb5{
 margin-bottom:8%!important;	/*下に隙間。importantは最優先、indexに書いたところに反映*/
}

/* #################################################################
	 ヘッダー
##################################################################*/

	.maintitle{
	padding:60px 3%;	/*文字の外の余白*/
	font-size:18px;	/*文字のサイズ*/
	margin-bottom:8%	/*文字の下に余白*/
	}

.header-top .maintitle-page img{
 max-width:500px;
width:80%;
padding:30px 0;
}

.header-top .maintitle-page{
margin-bottom:40px;
}

/* #################################################################
	 フッター
##################################################################*/

.footer ul{
	padding:40px 5%;	/*外側下の隙間*/

}

/* #################################################################
	 共通 ページ
##################################################################*/

.main{
	flex-wrap:wrap;	/*折り返して*/
}

/* #################################################################
	 メイン
##################################################################*/

.content{
	width:100%;	/*コンテンツの幅*/
	margin-right:0%	;/*外の隙間*/
	margin-bottom:10%;
}

.blog-1{
	width:100%;	/*コンテンツの幅*/
	margin-right:0%;/*右の隙間*/
	margin-left:0%;/*左の隙間*/
	margin-bottom:4%;/*下の隙間*/
	padding:3%;	/*中の隙間*/
}

.blog-1 .data{	/*日付け*/
	font-size:14px;
	margin-bottom:8px;
	margin-top:10px;
}

.blog-1 .title{	/*ブログのタイトル*/
	font-size:16px;
	margin-bottom:1px;
}


/* #################################################################
	 サブメニュー（プロフィール）
##################################################################*/

.sub{
	width:100%;	/*メニューの幅*/
	padding:3%;/*中の隙間*/
}

.profile .title{
 font-size:19px;
 margin-bottom:5%;
}

.profile .name{
 margin-top:5%;
 margin-bottom:5%;
}


/* #################################################################
	 サブメニュー（カテゴリー）
##################################################################*/

.categorytitle ,.tagtitle ,.osusumetitle{
font-size:18px;
margin-bottom:5px;
}

.categorylist a{
font-size:16px;
}

.categorylist li{
	position:relative;	/*「◼︎」の位置を決めるための親を指示するタグ*/
}

.categorylist li:before{	/*何か前につけたい時*/

}

/* #################################################################
	 サブメニュー（タグ）
##################################################################*/

.taglist li{
	margin-bottom:2%;
	margin-right:2%;
}

.taglist a{
font-size:16px;
}


/* #################################################################
	 サブメニュー（おすすめ記事）
##################################################################*/

.osusumelist .data{	/*日付け*/
	font-size:14px;
	margin-bottom:10px;
}

.osusumelist .title{	/*ブログのタイトル*/
	font-size:16px;
	margin-bottom:10px;
}


/* #################################################################
	ブログの内容（目次　ボタンバージョン）
##################################################################*/

.postmokujilist2 li a{
	font-size:18px;/*スマホ版　文字サイズ*/
	padding:10px 10px ;	/*スマホ版　丸サイズ（縦幅・横幅）*/
}

/* #################################################################
	ブログの内容（見出し）
##################################################################*/

.postmidashi{
	padding: 8px 3%;
}


/* #################################################################
	ブログの内容（リスト）
##################################################################*/

.postdoramatitle{	/*ブログのタイトル*/
	margin-bottom:8px;
}

.bangumi li{
	padding:5% 0 5% 25px;
}

/* #################################################################
	ブログの内容（目次　通常バージョン）
##################################################################*/

.postmokuji{
	font-size:16px;/*スマホ版　文字サイズ*/
}

/* #################################################################
	ブログの内容（大画像＆キャプション）
##################################################################*/

.postgallery p:only-child img{
	width:100%;
	padding-left:0%;
}

.postgallery p:only-child span{
	width:100%;
	padding-left:0%;
}

/* #################################################################
	ブログの内容（小画像＆キャプション）
##################################################################*/

.postgallery p{
	width:100%;	/*コンテンツの幅*//*44×2+3×4＝100％ 中の隙間は計算に入れない(最初のhtmlタグにより)*/
	margin-right:0%;/*右の隙間*/
	margin-left:0%;/*左の隙間*/
	margin-bottom:4%;/*下の隙間*/
	display:flex;	/*横並び*/
}

.postgallery span{
	display:block;
	margin-top:2%;
	width:50%;
	padding-left:2%;
}

.postgallery p img{
	width:50%;
}