/*
Theme Name: Graphy Child
Theme URI: http://themegraphy.com/wordpress-themes/graphy/
Description: Graphy Child Theme
Author: Your Name
Author URI: http://example.com/
Template: graphy
Version: 1.0.0
*/

/* Theme customization starts here
------------------------------------------------------------ */

/* common */

.red{
	color :#ff0000 ;
}

/* footer */

div#footer-menu{
	border-top: solid 1px #ddd ;
	padding-top: 10px ;
}

ul#menu-footer_nav {
	width  : 750px ;
	margin : auto ;
}

ul#menu-footer_nav > li {
	display : inline !important ;
	margin-right: 30px ; 
}

.site-bottom {
	margin-top    : 10px ;
	margin-bottom : 10px ;
	padding-top   : 10px ; 
}

.site-bottom {
	max-width: 100% ;
}

/* header */

.site-title{
	font-size: 2.5rem;
}

/* main */

.entry-title {
	font-weight   : bold   			  ;
	line-height   : 1.2    			  ;
	margin-bottom : 0                 ;
	margin-top    : 0                 ;
	text-align    : center            ;
}

.catch{
	text-align    : center ;
	line-height   : 2.5    ;
	margin-bottom : 2.5em  ;

}

.center{
	text-align : center ;
	margin     : auto   ;
}

.flex-container{
	display : flex ;
}

.flex-container > div {
	width  : 29%  ;
	margin : 2.2% ;
}

.flex-container h3 {
	font-size : 1.3rem ;
}

.flex-container p {
	text-align   : justify         ;
	text-justify : inter-ideograph ;
}

#pageTop a{
	padding       : 5px 15px !important ;
	background    : #d7af36 !important  ;
	border-radius : 5px                 ;
	position      : fixed               ;
	bottom        : 0                   ;
	right         : 10px                ;
}

.news-title{
	font-size       : 1.4em ;
	list-style-type : none  ;
}

.news-date{
	font-size    : 0.8em ;
	padding-left : 0.8em ;
	color        : #777  ;
}

#news{
	width  : 75%  ;
	margin : auto ;
}

#news h2{
	text-align : center  ;
	margin     : 1.6em 0 ;
}

#news li{

}

#news p{
	list-style-type : none ;
}

.news-line{
	background-color : #999 ;
}
.news-line:last-of-type{
	background-color : #fff ;
}

/* home */

.home .entry-title {
	font-size     : 1.6rem !important ;
}

/*natural_water*/

.entry-content h2{
	text-align : center ;
}

.cartjs_product_num th {
	text-align : center !important ;
}

.cartjs_product_input_txt{
	margin-top : 0 !important       ;
	padding    : 0 1.3em !important ;
}

.limit-text{
	width  : 60%  ;
	margin : auto ;
	text-align: center ;
}

.nature{
	width  : 80%  ;
	margin : auto ;
	overflow: auto;
}



.nature p{
	display : none ;
}

/* about_purchase */

.about_purchase{
	width  : 80% ;
	margin : auto ;
}

/* privacy */
.privacy{
	width  : 80% ;
	margin : auto ;
}

/* specified-commercial-transactions */

.specified{
	width  : 80% ;
	margin : auto ;
}

/*blog*/

#blog .underpage_wrap{
    width: 831px;
    margin: 170px auto;
}

#blog .menu{
      display: flex;
      margin-bottom: 30px;
  }

#blog .single_date_p {
    margin-top: -3px;
}

#blog .eye_catch{
    width: 100px;
    margin-right: 25px;
}

#blog .gothic{
    font-size: 36px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 60px;
    letter-spacing: 0.1em;
}


#blog .content_ttl{
    font-size: 1.6rem;
}

#blog p{
    margin: 0 0 0.6em;
}


@media screen and (max-width: 768px) {

	ul{
		margin-left: 0;
	}
  #blog .underpage_wrap{
      width: 90%;
      margin: 75px auto;
  }

  #blog .eye_catch{
  	width: 100%;
  }

  #blog .menu{
      display: block;
  }

  #blog .gothic{
      font-size: 24px;
      font-weight: 500;
      text-align: center;
      margin-bottom: 30px;
      letter-spacing: 0.1em;
  }

  #blog .menu_detail{
    width: 100%;
  }



  #blog .content_ttl{
      font-size: 1.6rem;
      line-height: 1.5;
  }
}

/* contact */

input[type="text"]     , 
input[type="email"]    , 
input[type="url"]      ,
input[type="password"] ,
input[type="search"]   , 
textarea               {
	padding: 0.1em;
}


@media screen and (min-width : 783px){
	.site-content , .footer-widget-wrapper {
    	max-width : 100% ;
	}
}

@media screen and (min-width : 980px){
	.content-area {
		border-right  : none  ;
		float         : none  ;
		padding-right : 0     ;
		width         : 100%  ;
		max-width     : 1300px;
		margin        : auto  ;
	}
}

@media screen and (max-width: 783px){

	.flex-container{
		display : block ;
	}

	#primary{
		margin-bottom: 20px ;
	}

	.flex-container > div {
		width  : 90%  ;
		margin : auto ;
	}

	ul#menu-footer_nav > li {
		display : block !important ;
		margin-right: 0px ; 
		text-align: center ;
	}
	ul#menu-footer_nav {
		width  : 80%  ;
		margin : auto ;
	}
	#news{
		width  : 90%  ;
		margin : auto ;
	}

	.limit-text {
	    width: 90%;
	    margin: auto;
	    text-align: justify;
	}

}