/*
ここに独自の CSS を追加することができます。

詳しくは上のヘルプアイコンをクリックしてください。
*/
/* *************** スマホ向けＣＳＳ ***************  */
@media only screen and (max-width: 480px) {
.box_3          {width:95%;
                font-size:0.875em;
                line-height:1.2em;
                display:block;
                margin:0 auto;
}
.box_3 p        {padding:10px 10px 0px 10px;}
.box_3:nth-child(1)	{margin-bottom: 10px; }
.box_3:nth-child(2)	{margin-bottom: 10px; }
}

.top_slider  {width:100%;
	height:150%;}

 
/* *************** タブレット向けＣＳＳ ***************  */
@media only screen and (min-width: 481px) and (max-width:768px) {
.box3_all       {max-width:768px;
                 width:100%;
                 font_size:0.875em;
                 line-height:1.2em;}
.box_3           {width:97.5%;
                 overflow: auto;
 padding: 0.5em 1em;
    color: #5d627b;
    background: white;
    border-top: solid 5px #5d627b;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
}
.box_3:nth-child(1)	{margin-bottom: 10px; }
.box_3:nth-child(2)	{margin-bottom: 10px; }
.box_3 p         {width:100%;}
}
/* **************  ＭＱ・パソコン向け ***************  */
@media only screen and (min-width: 769px) {
.box_3_all      {width:100%;
                display: flex;
                display: -webkit-flex;
                display: -moz-flex;
                display: -ms-flex;
                justify-content: center;
                -webkit-justify-content: center;
                -moz-justify-content: center;
                -ms-justify-content: center;}
.box_3          {width:400px; overflow: auto;
padding: 0.5em 1em;
    color: #5d627b;
    background: white;
    border-top: solid 5px #5d627b;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);}
.box_3:nth-child(2)	{margin:0px 20px;
}

}

@media only screen and (max-width: 480px) {
.time          {
 border: 2px double #ddd;
}
.box_3 p        {padding:10px 10px 0px 10px;}
.box_3:nth-child(1)	{margin-bottom: 10px; }
.box_3:nth-child(2)	{margin-bottom: 10px; }
}
 




/* *************** スマホ向けＣＳＳ ***************  */
@media only screen and (max-width: 480px) {
.box_4          {width:95%;
                font-size:0.875em;
                line-height:1.2em;
                display:block;
                margin:0 auto;
}
.box_4 p        {padding:10px 10px 0px 10px;}
.box_4:nth-child(1)	{margin-bottom: 10px; }
.box_4:nth-child(2)	{margin-bottom: 10px; }
}

/* *************** タブレット向けＣＳＳ ***************  */
@media only screen and (min-width: 481px) and (max-width:768px) {
.box4_all       {max-width:768px;
                 width:100%;
                 font_size:0.875em;
                 line-height:1.2em;}
.box_4           {width:97.5%;
                 overflow: auto;
}
.box_4:nth-child(1)	{margin-bottom: 10px; }
.box_4:nth-child(2)	{margin-bottom: 10px; }
.box_4 p         {width:100%;}
}

.single img {max-width:500px;
}

.entry-content img {max-width:400px;
}

/* **************  ＭＱ・パソコン向け ***************  */
@media only screen and (min-width: 769px) {
.box_4_all      {width:100%;
                display: flex;
                display: -webkit-flex;
                display: -moz-flex;
                display: -ms-flex;
                justify-content: center;
                -webkit-justify-content: center;
                -moz-justify-content: center;
                -ms-justify-content: center;}
.box_4          {width:400px; overflow: auto;
}
.box_4:nth-child(2)	{margin:0px 20px;
}

}

@media only screen and (max-width: 480px) {
.time          {
 border: 2px double #ddd;
}
.box_3 p        {padding:10px 10px 0px 10px;}
.box_3:nth-child(1)	{margin-bottom: 10px; }
.box_3:nth-child(2)	{margin-bottom: 10px; }
}

.headtext p {
text-align: right;
margin:0px}

.headimg {
　　width: 400px;
　overflow:hidden；
　　_zoom: 1; /*IE6バグ対策*/
　　padding: 15px;
}

.headimg {
　　padding-right: 15px;
　　float: left;
}


.headtext {
}

#header_img {
}

.single img {max-width:500px;
}
.entry-content img {max-width:300px;

}

/* *************** スマホ向けＣＳＳ ***************  */
@media only screen and (max-width: 480px) {
.headimg{
clear:both;
text-align: center;
}

.headtext {
clear:both;
text-align: center;}
}

