@charset "utf-8";
/*
Theme Name: Shinri-care
Theme URI: https://shinri-care.com
Description: 横浜心理ケアセンター マイ・ウェイ 女性カウンセラーのプチ・エッセイのブログテンプレート
Author: Attrise
Version: 1.1
Tags: 
*/


/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
*{
margin:0;
padding:0;
}

h1, h2, h3, p, ul, li,{
margin:0px;
padding:0px;
}

p{
font-size:13px;
color:#333333;
line-height:150%;
}

h2{
font-size:16px;
}

h3{
font-size:16px;
}

a:link {
color:#339900;
font-size:13px;
font-style:normal;
text-decoration:none;
}

a:visited {
color:#339900;
font-style:normal;
text-decoration:none;
}

a:hover, a:active {
color:#FF9900;
font-style:normal;
text-decoration:none;
}

body{
text-align:center;
}

#container{
position:relative;
width:720px;
margin-left:auto;
margin-right:auto;
text-align:left;
border:1px solid #cccccc;
}

#header {
position:relative;
width:718px;
height:205px;
background:url(images/top_header.jpg);
margin:0px;
padding:0 1px;
}

#header h1{
width:240px;
height:100px;
position:absolute;
left:465px;
top:55px;
}

#header h1 a{
width:240px;
height:100px;
position:absolute;
display:block;
text-decoration:none;
}

h3.entry {
width:480px;
height:30px;
background:url(images/title_head.gif) no-repeat;
padding:7px 0 0 20px;
}


#main {
position:relative;
height:100%;
background:url(images/left_back.jpg) no-repeat top left;
padding:20px 20px 20px 20px;
}

#contents {
position:relative;
width:480px;
float:left;
margin-bottom:50px;
}

#contents h2 {
font-size:13px;
text-align:right;
color:#cccccc;
}

.posted{
padding:30px 0 0 0;
margin-bottom:50px;
font-size:12px;
}

.entry_p {
background:url(images/entry_back.gif) repeat-y;
}
.entry_p p{
padding:0 0 15px 0;
}

p.entry {
width:470px;
margin-bottom:50px;
}

#side{
display:block;
width:180px;
float:right;
}


#profile {
width:180px;
background:url(images/profile_back.jpg) repeat-y;
padding:0px;
margin:0px;
border-bottom: 1px solid #cccccc;
position:relative;
}


#profile h2{
color:#CC0000;
width:180px;
height:32px;
background:url(images/profile_head.gif) no-repeat;
padding:10px;
position:absolute;
top:0;
left:0;
}

#pro_con {
width:160px;
padding:42px 0 20px 10px;
}

.side_contents {
background:url(images/side_back.jpg) repeat-y;
border:1px solid #CCCCCC;
padding:5px 0 0 5pd;;
margin-top:20px;
}

.side_con {
width:160px;
padding:10px 0 20px 8px;
}

.side_con h2{
font-size:14px;
font-weight:bold;
color:#CC0000;
padding:0 0 10px 0;
}
.side_con ul{
padding:0 0 0 20px;
}
.side_con li{
font-size:13px;
line-height:1.1;
padding:0 0 3px 0;
}

.text_out{
text-indent:-9999px;
display:block;
}


/* カレンダー */
#wp-calendar{
width: 100%;
font-size: 0.75em;
text-align: center;
}

#wp-calendar td{
padding: 2px 0;
}

#wp-calendar a{
text-decoration: none;
color:#339900;
}

#wp-calendar a:hover, #calendar a:active {
color:#FF9900;
text-decoration:none;
}

#wp-calendar caption{
margin-bottom: 10px;
}

hr {
visibility:hidden;
clear:both;
}

#nav-above{
text-align:center;
}
@media screen and (max-width: 782px){
html {
max-width: 100%;
	width: 100%;
}
img {
width:100%;
max-width: 100%;
height: auto;
}
#header{
	width: 100%;
	height: auto;
	display: block;
    background-size: cover;
    height: 104px;
}
#container{
	width: 100%;
	display: block;
}
#contents,#pro_con{
    width: 90%;
    display: block;
    float: unset;
    padding: 5%;
}
#side{
    width: 100%;
    margin: 0 auto;
    float: unset;
    max-width: 249px;
}
h3.entry,.side_con{
	width: 100%;
}
#profile{
    width: 100%;
    display: block;
    float: none;
    background-size: contain;
}
#profile h2{
    width: 100%;
    height: auto;
    position: relative;
    background-size: contain;
}
.side_contents{
	background-repeat: repeat;
}
#header h1{
	position: unset;
}
#main{
    background: none;
}
h3.entry{
    background: none;
    border-bottom: 2px dotted #dab445;
    height: auto;
    padding: 0 0 10px;
    text-indent: -22px;
    padding-left: 20px;
}
h3.entry::before{
    content: "";
    background: #cc0000;
    width: 5px;
    height: 15px;
    padding: 6px;
    margin-right: 10px;
}
}