/*
Theme Name: DOAMAZE Mango
Theme URI: http: //doamaze.com/
Description: Designed by Hironori Aoki
Version: 2.0
Author: Hironori Aoki
Author URI: http: //doamaze.com/
*/

/**
 * Table of Contents:
 *
 * 1.0 - Reset
 * 2.0 - Repeatable Patterns
 * 3.0 - Basic Structure
 * 4.0 - Header
 * 5.0 - Navigation
 * 6.0 - Content
 *   6.1 - Post Thumbnail
 *   6.2 - Entry Header
 *            - Jumbotron
 *   6.3 - Entry Meta
 *   6.4 - Entry Content
 *   6.5 - Galleries
 *   6.6 - Post Formats
 *   6.7 - Post/Image/Paging Navigation
 *   6.8 - Attachments
 *   6.9 - Archives
 *   6.10 - Inquiry form
 *   6.11 - 404 Page
 *   6.12 - Full-width
 *   6.13 - Singular
 *   6.14 - Comments
 *   6.15 - Social
 * 7.0 - Sidebar
 *   7.1 - Widgets
 *   7.2 - Content Sidebar Widgets
 * 8.0 - Footer
 * 9.0 - Featured Content
 * 10.0 - Multisite
 * 11.0 - Media Queries
 * 12.0 - Print
 * -----------------------------------------------------------------------------
 */

#damz-slider {
	width: 100% !important;
	max-width: 1440px;
	/*height: 650px;*/
}

/**
 * 1.0 Reset
 * -----------------------------------------------------------------------------
 */

body {

    padding: 0;
    color: #333;
  	line-height: 1.6;
  	letter-spacing: 1px;
}

p {
	overflow: visible;
	margin: 0 0 10px;
}

h1 {
  font-size: 2.2rem;
  line-height: 1.3846153846;
}

h2 {
  font-size: 2.0rem;
  line-height: 1;
}

h3 {
  font-size: 1.8rem;
  line-height: 1.0909090909;
}

h4 {
  font-size: 1.6rem;
  line-height: 1.2;
}

h5 {
  font-size: 1.4rem;
  line-height: 1.3333333333;
}

h6 {
  font-size: 1.2rem;
  line-height: 1.5;
  font-weight: 700;
}


blockquote{
background-color:#ddd;
padding:1em 3em;
position:relative;
}
blockquote:before{
content:"“";
font-size:600%;
line-height:1em;
font-family:"ＭＳ Ｐゴシック",sans-serif;
color:#999;
position:absolute;
left:0;
top:0;
}
blockquote:after{
content:"”";
font-size:600%;
line-height:0em;
font-family:"ＭＳ Ｐゴシック",sans-serif;
color:#999;
position:absolute;
right:0;
bottom:0;
}


.new-item {
	background: #ff1493;
	font-size: 0.5rem;
	color: #fff;
	padding: 2px;
}

/**
 * 2.0 Repeatable Patterns
 * -----------------------------------------------------------------------------
 */

/* =======================
Common Class
======================= */
.r4corner {
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}

/***** file-type icon *****/
a[href $='.pdf'] {
    padding: 0px 20px 0px 0px;
    background: transparent url(img/icon/ico/icon_pdf.gif) no-repeat center right;
}

/**
 * 3.0 Basic Structure
 * -----------------------------------------------------------------------------
 */
 #main-content {
 	margin-bottom: 20px;
 }

.site-content {
	padding: 40px;
}

/**
 * 4.0 Header
 * -----------------------------------------------------------------------------
 */

.site-header {
 	padding: 10px 0;
 }

/***** ロゴ関連 *****/
#header-logo {
	margin: 0;
	float: left;
}

/***** header social *****/

#header-social {
	padding: 10px 0;
	float: right;
}
#header-subnav li {
	float: left;
	padding-left: 10px;
	list-style: none;
}

#menu-header-sub-navigation {
	margin: 0;
}

/**
 * 5.0 Navigation
 * -----------------------------------------------------------------------------
 */

 /* =======================
Global Navigation
======================= */
/***** category *****/

#global-nav.navbar {
	margin: 0;
}

#global-nav.smaller  {
	background: rgba(0,0,0,0.7);
	    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
#menu-sub-navigation {
	padding: 0;
}

/* =======================
Breadcrumb
======================= */
#breadcrumb .kuzu {
	padding: 4px 0;
}

/* =======================
Post Navigation
======================= */
.post-navigation {
	padding: 0 10px;
}

/**
 * 6.0 Content
 * -----------------------------------------------------------------------------
 */

.home #content {
	padding: 20px 7px 24px;
}
#content {
	padding: 40px;
	background: #fff;
}


/***** News List *****/
.news-list {
	list-style: none;
}
.news-list li {
	padding-bottom: 7px;
}
.news-list .date {
	padding: 0 4px 0 0;
	font-size: 0.8rem;
}

/***** thumb list *****/
.thumb-list article {
	padding: 10px 0;
}
.thumb-list .thumbnail {
	margin: 0;
}
.thumb-list.thumb-list-top h2{
	margin-top: 0;
}
.thumb-list-top-title {
	z-index: 10;
}

.site-content .thumb-list article:hover {
	background: #eee;
}


/***** tax list *****/
.tax-list {
	padding: 0;
	margin: 0 0 14px;
	list-style: none;
	display: inline-block;
	width: 100%;
}
.tax-list li {
	margin-bottom: 14px;
}
.tax-list .tax-list-item {
	padding: 4px;
	border: 1px solid #e6e6e6;
}
.tax-list .tax-list-item:hover {
	background: #e6e6e6;
}
.tax-list h2 {
	margin: 10px 0 4px;
}

.crayon-syntax {
	display: inline-block;
}


.header-main>.row {
	position: relative;
}
.header-main>.row #header-logo {
	margin: 0 auto;
	float: none;
}
.header-main>.row .col-md-8 {
	float: none;
	margin: 0;
	width: 100%;
	position: absolute;
	top: 0;
	right: 0;
}
.dl-horizontal dt {
	overflow: visible;
	text-overflow: inherit;
	white-space: normal;
	font-weight: normal;
}
.dl-horizontal dd {
	display: flex;
}
.dl-horizontal dd a {
	font-weight: bold;
	padding-right: 5px;
	display: block;
	width: 38%;
	text-align: right;
}

/**
 * 6.1 Post Thumbnail
 * -----------------------------------------------------------------------------
 */

/**
 * 6.2 Entry Header
 * -----------------------------------------------------------------------------
 */

/***** jumbotron *****/


/***** jumbotron *****/

.jumbotron {
	background: #eee;
	background-size: auto 100%;
	margin: 0 0 20px;
	padding-bottom: 24px;
	position: relative;
}


/*
#global-nav {
	box-shadow: 0 2px 3px rgba(0,0,0,0.5);

}

#main-content {
	box-shadow: 0 -1px 11px rgba(0,0,0,0.5);

}
*/

.jumbotron h1 {
	font-family: Lato, 'Lucida Grande','Hiragino Kaku Gothic ProN',"メイリオ", Meiryo;
	font-weight: 300;
	text-transform: uppercase;
}

/****  damz-slider image box-shadow  ****/
 .jumbotron-top {
 	position: relative;
 	padding: 0;
 }

.jumbotron:after {
  position: absolute;
  display: block;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: inset 0  8px 8px -8px #696868,
  inset 0 -8px 8px -8px #696868;

 }

#doamazeslider {
	z-index: 100;
}

.ds-slide:before {
position: absolute;
	background: transparent;
	width: 100%;
	height: 6px;
	content: '';
	top: -6px;
	left: 0;
	box-shadow: 0 -8px 8px 8px #696868;
z-index: 1;

}
.ds-slide:after {
   position: absolute;
  display: block;
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  height: 6px;
  box-shadow: inset 0  0 0 0 #696868,
  inset 0 -8px 8px -8px #696868;
 }

/**
 * 6.3 Entry Meta
 * -----------------------------------------------------------------------------
 */

/**
 * 6.4 Entry Content
 * -----------------------------------------------------------------------------
 */


.thumblist .entry-content a {
	text-decoration: none;
}

.pricelist li {
	list-style: none;
}

.pricelist-pat-a li {
	margin-bottom: 7px;
	border-bottom: 1px dashed #e6e6e6;
}

.pricelist-pickup {
	padding: 7px;
	border: 1px solid #ddd;
	border-radius: 4px;
}

.pricelist-pickup ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline-block;
	width: 100%;
}

.pricelist-pickup h1,
.pricelist-pickup h2,
.pricelist-pickup h3,
.pricelist-pickup h4,
.pricelist-pickup h5,
.pricelist-pickup h6 {
	margin-top: 7px;
}

/**
 * 6.5 Gallery
 * -----------------------------------------------------------------------------
 */

/**
 * 6.6 Post Formats
 * -----------------------------------------------------------------------------
 */

/**
 * 6.7 Post/Image/Paging Navigation
 * -----------------------------------------------------------------------------
 */

/**
 * 6.8 Attachments
 * -----------------------------------------------------------------------------
 */

/**
 * 6.9 Archives
 * -----------------------------------------------------------------------------
 */

/**
 * 6.10 Inquiry form
 * -----------------------------------------------------------------------------
 */

.inq-form th {
	min-width: 30%;
}

.inq-form {
	font-family: "Myriad Pro", Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}

/***** contact form 7 submit button area *****/
#cf7-acceptance	 {
	text-align: center;
}
#cf7-acceptance span {
	display: inline-flex;
}
.cf7-submit {
	text-align: center;
}
.cf7-submit .btn {
	min-width: 96px;
	margin: 0 7px;
}

/**
 * 6.11 404 Page
 * -----------------------------------------------------------------------------
 */

/**
 * 6.12 Full-width
 * -----------------------------------------------------------------------------
 */

/**
 * 6.13 Singular
 * -----------------------------------------------------------------------------
 */

/**
 * 6.14 Comments
 * -----------------------------------------------------------------------------
 */


/**
 * 6.15 Social
 * -----------------------------------------------------------------------------
 */

 /***** social icons *****/
.social-icon {
	margin: 20px 0 10px;
}
.twitter-share-button {
	width: 94px !important;
}
#___plusone_0 {
	width: 65px !important
}

#content .social-list {
	margin: 14px 0;
}

/**
 * 7.0 Sidebars
 * -----------------------------------------------------------------------------
 */

#secondary {
	background: #333;
}

/* Primary Sidebar */

.primary-sidebar {
  padding: 7px 0;
}

.secondary-navigation + .primary-sidebar {
  padding-top: 0;
}

/**
 * 7.1 Widgets
 * -----------------------------------------------------------------------------
 */

 .widget_archive li {
  float: left;
  border: 0;
}

.widget .widget-title{
	margin: 10px 0;
}


/**
 * 7.2 Content Sidebar Widgets
 * -----------------------------------------------------------------------------
 */


/**
 * 8.0 Footer
 * -----------------------------------------------------------------------------
 */

/* =======================
main-footer
======================= */

#colophon {
	background: #333;
	line-height: 40px;
	font-size: 10px;
	text-align: center;
}
#colophon p {
	padding: 0;
	margin: 0;
}

/* =======================
fat-footer
======================= */
.fat-footer-inner .news-list {
	font-size: 80%;
}


/**
 * 9.0 Featured Content
 * -----------------------------------------------------------------------------
 */

.featured-content-inner {
	padding: 2px;
}

.featured-content-inner article {
	padding: 2px;
}
.featured-content-box {
	border: 1px solid #e6e6e6;
	  position: relative;
}
.featured-content .post-thumbnail {
  overflow: inherit;
  padding-top: 0;
  position: relative;
}
.featured-content .post-thumbnail img {
  background: none;
  position: relative;
}

.grid .featured-content .hentry {
  overflow: hidden;
}
.grid .featured-content .entry-header {
  border: none;
  padding: 12px 12px 0;
  position: absolute;
  bottom: 0;
  width: 100%;
  background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(0,0,0,0.65))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(0,0,0,0.65) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(0,0,0,0.65) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */

}


/**
 * 11.0 Media Queries
 * -----------------------------------------------------------------------------
 */

/* ======================================
***** desktop specific *****
====================================== */
@media only screen and (min-width: 980px) {

#menu-secondary-nav {
	float: right;
}

.pricelist-pickup li {
	padding: 0;
}


/* ======================================
***** smart phone and tablet common *****
====================================== */
} @media only screen and (max-width: 979px) {

/* -----------------------
Category
----------------------- */
/***** note *****/
#header-logo {
	text-align: center;
	float: none;
	margin: 40px 0 0;
}

#primary {
	margin-bottom: 14px;
}

/* ======================================
***** tablet and desktop common *****
====================================== */
} @media only screen and (min-width: 768px) {

.camera_wrap .camera_pag .camera_pag_ul {
	margin-bottom: 30px !important;
}

/* ======================================
***** ipad portrait specific *****
====================================== */
} @media only screen and (min-width: 768px) and (max-width: 979px) {

/* -----------------------
Global Navigation
----------------------- */



/* ======================================
***** smart phone / small tablet common *****
====================================== */
} @media only screen and (max-width: 767px) {

.header-main {
	padding: 0 14px;
}
.navbar-brand {
	opacity: 0;
}
.smaller .navbar-brand {
	opacity: 100;
	    overflow: hidden;
    -webkit-transition: all 1s ease-out;
    transition: all 1s ease-out;
}.navbar-header button.navbar-toggle {
	margin-right: 15px;
}
/*
.jumbotron {
	padding-left: 14px;
	padding-right: 14px;
}
*/
.jumbotron h1 {
	margin: 0;
}
.navbar-toggle {
	/* background: #eee; */
}


/* -----------------------
Navigation
----------------------- */
#global-nav {
	background: rgba(255,255,255,0.4) !important;
}
.navbar-shadow {
	box-shadow: none;
}
.navbar-header button {
	/* background: rgba(0,0,0,0.6); */
	color: #fff;
}
.navbar-brand {
	border: none;
	text-align: center;
	padding: 7px 15px;
}
.navbar-header button {
	border: none;
	text-align: center;
	padding: 7px;
	width: 40px;
	height: 40px;
}
.navbar-header button i {
	font-size: 24px;
	padding: 0;
}
#menu-global-navigation {
	background: rgb(255, 255, 255);
}
.dropdown-menu>li>a {
	color: #fff;
}
.navbar-static-top .navbar-brand {
	display: none !important;
}

/* -----------------------
Contents
----------------------- */

#content,
#primary {
	padding: 0px;
}
.main-inner {
	margin-top: 24px;
}

/***** News List *****/
.news-list {
	margin-left: 0
}



/* ======================================
***** small tablet specific *****
====================================== */
} @media only screen and (min-width: 481px) and (max-width: 767px) {

/* ======================================
***** iphone portrait specific *****
====================================== */
} @media only screen and (max-width: 480px) {

}

/**
 * 12.0 Print
 * -----------------------------------------------------------------------------
 */