@import url(https://fonts.googleapis.com/earlyaccess/notosanssc.css);
.notoSansSC{
    font-family: 'Noto Sans SC', sans-serif;
}
/**
 * Theme Name: Daitou
 * Version: 1.0.0
 * Author: Otatsu
 *
 */
@charset "UTF-8";
/*

style.css

*/

/* ==============================

1:HOME Style
2:SERVICE Style
3:ABOUT Style
4:CONTACT Style
6:ItemGuide Style
7:Calender Style
8:Contact Style
9:Dropdown Style

============================== */

/* ---------------------------------------------------------
1:HOME Style
----------------------------------------------------------*/
#main{
    background:url(../image/bg_main_logo.jpg) center top no-repeat;
    background-size:cover;
    height:462px;
    position: relative;
}

#main_food{
    padding-bottom: 50px;
    text-align: center;
}
#main_food h2{
    background: #1a274d;
    padding: 20px 0;
}
#pankuzu{
    padding: 10px 0;
    background: #f0f0f0;
}
#pankuzu ul{
    width: 1020px;
    margin: 0 auto;
}
#pankuzu ul li {
    font-size: 16px;
    display: inline;
}
#pankuzu ul li:before {
    content: " > ";
}
#pankuzu ul li:first-child:before {
    content: none;
}
#s_nav{
    padding: 20px 0;
    border: solid 1px #e1e1e1
}
#s_nav ul{
    width: 1020px;
    margin: 0 auto;
    text-align: center;
}
#s_nav ul li {
    display: inline;
}
#s_nav ul li:before {
    content: "　|　";
}
#s_nav ul li:first-child:before {
    content: none;
}
#main_guide{
    width: 1020px;
    margin: 0 auto;
    padding: 0 0 80px;
}
#main_guide .left_ttl_sp {
    display: none;
}


/* 下層タイトル */
#lower h2{
    color: #fff;
    background: #1a274d;
    padding: 20px 0;
    text-align: center;
}

.inner{
    width:1080px;
    margin:0 auto;
}

#contents {}
#home #contents {
    width: 100%;
    margin: 0;
}
#contents .ttl{
    text-align:center;
    padding:40px 0 30px;
    margin: 0 auto;
}
#contents .ttl span{
    color:#fe2222;
}

#contents section{
    padding-bottom:30px;
}
#contents p{
    padding: 30px 0;
    font-size:16px;
}

.btn_more{
    margin:0 auto;
    width:320px;
    display:block;
    background: #36489e;
    color: #fff;
    padding: 20px 0 18px;
    text-align: center;
    position: relative;
}
.btn_more::after {
    content: "＞";
    position: absolute;
    right: 10px;
}
.btn_more:hover {
    background: #3d55c4;
    color: #fff;
}
/* お問い合わせ */
.contact_list ul li.tel,
.contact_list ul li.fax{
    font-size: 18px;
}

.contact_list ul li.tel span,
.contact_list ul li.fax span{
    font-size: 24px;
    font-weight: bold;
}

.btn_more_mail{
    margin:0 auto;
    width:327px;
    display:block;
    color: #fff;
    padding: 16px 0 18px 20px;
    text-align: center;
    position: relative;
    background: #36489e url(../image/icon_mail.png) 40px 20px no-repeat;
}

#home #contents #main h2,
#contents #main h3{
    line-height:0;
    width: 776px;
    padding:40px 0;
    margin: auto;
    text-align: center;
    font-weight: normal;
    position: absolute;
    top: 20%;
    left: 0;
    right: 0;
    bottom: 0;
}

#contents .top_greeting p{
    width: 600px;
    margin: 0 auto;
    padding-top: 0;
    text-align: center;
}
#contents .top_greeting ul{
    width: 400px;
    margin: 0 auto 30px;
}
#contents .daitou_quality{}
#contents .daitou_quality p{ text-align: center; }
#contents .daitou_quality ul{
    width: 500px;
    margin: 0 auto;
}
#contents .daitou_quality ul li{
    padding-left: 20px;
    position: relative;
}
#contents .daitou_quality ul li:before{
    content: "●";
    position: absolute;
    left: 0;
}

#contents .service{
    position:relative;
}
#contents .service .cel2{
    width: 760px;
    margin: 30px auto;
    padding-bottom: 30px;
}

#contents .service .cel2 div.btn{
    padding: 25px 0 0;
}
#contents .service .cel2 div.btn a.btn_more{
    max-width: 227px;
    padding: 15px 0 12px;
}
#contents .service .cel2 .fleft{ float: left; }
#contents .service .cel2 .fright{ float: right; }
#contents .service .cel2 .fleft,
#contents .service .cel2 .fright{
    width: 346px;
    text-align: center;
}
#contents .service h3{
    padding-top:50px;
}
#contents .service p{
    font-size: 16px;
    line-height: 1.9;
    text-align: left;
}


#contents .cel3{
    width: 1050px;
    margin: 0 auto;
    padding-bottom: 30px
}
#contents .cel3 li{
    float: left;
    padding: 20px 15px 0 15px;
    text-align: center;
    font-size: 16px;
}
#contents .cel3 li img{
    display: block;
    padding-bottom: 20px;
}


#contents .news{}
#contents .news dl{
    width: 770px;
    height: 130px;
    margin: 0 auto;
    overflow-y: auto;
}
#contents .news dl dt{
    float: left;
    padding-right: 25px;
}
#contents .news dl dd{
    display: table;
    padding-bottom: 10px;
    /*width: 20%;*/
}
#contents .individuality{
    width: 753px;
    margin: 0 auto;
}
#contents .individuality h4{
    margin-top: 20px;
    border-top: solid 1px #000;
    border-bottom: solid 1px #000;
    padding: 20px 0;
}

#contents .data_box ul{
    width: 753px;
    margin: 0 auto;
}
#contents .data_box ul li{
    padding-bottom: 10px;
}
#contents .data_box ul li span{
    display: inline-block;
    width: 20%;
}

/**/
#contents .news_info,
#contents .list_box{
    width: 753px;
    margin: 0 auto;
}
#contents .news_info dl dt,
#contents .news_info dl dd,
#contents .list_box dl dt,
#contents .list_box dl dd{
    display: inline-block;
    padding-bottom: 10px;
}
#contents .news_info dl dt,
#contents .list_box dl dt{
    float: left;
    width: 25%;
}
#contents .news_info dl dd,
#contents .list_box dl dd{
    float: right;
    width: 70%;
}


#contents .chinabase ul{
    width: 485px;
    margin: 0 auto;
}


.map_wrapper {
max-width: 753px;
min-width: 300px;
margin: 20px auto;
padding: 4px;
border: 1px solid #CCC;
}

.googlemap {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
}
.googlemap iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}

/* お問い合わせ */
#contents .contact_list ul li{ text-align: center; }


/* ---------------------------------------------------------
2:SERVICE Style
----------------------------------------------------------*/
#contents .sttl{
    padding:50px 100px;
    margin:30px auto 0;
    text-align:center;
    font-size:20px;
    background:#F5F5F5;
    font-weight:bold;
    line-height:1.5;
}

#service #contents .text {
    font-size: 16px;
    padding: 50px 0;
    line-height: 1.9;
}

#service #contents dl{
    padding:50px 100px;
    margin:0 auto 10px;
    text-align:center;
    background:#F5F5F5;
}
#service #contents dl dt{
    font-weight:bold;
    padding-bottom:10px;
    font-size: 16px;
}
#service #contents dl dd {
    line-height: 1.9;
}
/* ---------------------------------------------------------
3:ABOUT Style
----------------------------------------------------------*/

/* ---------------------------------------------------------
4:CONTACT Style
----------------------------------------------------------*/
#contact #contents p{
    padding: 30px 0;
    font-size: 16px;
    text-align: center;
}
#contact #contents p .cr{
    color:#FE2222;
}
.iframe_wrap {
    width: 900px;
    margin: 0 auto 40px;
}

.bl{
    display: block;
}


/* ---------------------------------------------------------
6:ItemGuide Style
----------------------------------------------------------*/
#contents .sttl{
    padding:50px 100px;
    margin:30px auto 0;
    text-align:center;
    font-size:20px;
    background:#F5F5F5;
    font-weight:bold;
    line-height:1.5;
}

#itemguide #contents .item_list ul.item_list_box,
#itemguide #contents .item_list_img ul{
    width: 1089px;
    margin: 0 auto;
}
#itemguide #contents .item_list h3{
    width: 1020px;
    margin: 0 auto 30px;
    line-height: 1;
    text-align: left;
    font-size: 54px;
}
#itemguide #contents .item_list ul.item_list_box li,
#itemguide #contents .item_list_img ul li{
    float: left;
    width: 295px;
    padding: 0 34px;
    text-align: center;
}
#itemguide #contents .item_list_img ul li{
    padding-bottom: 20px;
}
#itemguide #contents .item_list ul.item_list_box li .item_ttl,
#itemguide #contents .item_list_img ul li .item_ttl{
    padding: 7px 0;
    margin-bottom: 15px;
    background: #000;
    color: #fff;
}
#itemguide #contents .item_list ul.item_list_box li .blue{
    background: #1c469b;
}
#itemguide #contents .item_list ul.item_list_box li ul.item_info{
    padding-bottom: 20px;
}
#itemguide #contents .item_list ul.item_list_box li ul.item_info li{
    float: none;
    width: 100%;
    padding: 5px 0;
    text-align: left;
    border-bottom: dotted 1px #000;
}
#itemguide #contents .item_list ul.item_list_box li ul.item_info li.size span{
    background: #f39801;
    font-weight: bold;
}
#itemguide #contents .item_list ul.item_list_box li ul.item_info li.size_mini span{
    font-size: 16px
}
#itemguide #contents .item_list ul.item_list_box li ul.item_info li.use span{
    font-size: 16px;
}

#itemguide #contents .item_list ul.item_list_box li div{
    margin-bottom: 15px;
}


/*#itemguide .process_img{
    padding-top: 30px;
}*/
#itemguide .process_img li{
    float: left;
    text-align: center;
}
#itemguide .process_img li div{
    padding-bottom: 20px;
}
#itemguide .process_img li:first-child{
    margin: 0;
}
#itemguide .sectit_blue{
    background: url(../image/bg_secttl_blue.png) bottom no-repeat;
    background-size: contain;
}
#itemguide .sectit_beige{
    background: url(../image/bg_secttl_beige.png) bottom no-repeat;
    background-size: contain;
}
#itemguide .sectit_green{
    background: url(../image/bg_secttl_green.png) bottom no-repeat;
    background-size: contain;
}

/* ---------------------------------------------------------
7:Calender
----------------------------------------------------------*/
#itemguide_map .item_calendar .msg{
    width: 712px;
    margin: 0 auto;
}
#itemguide_map .item_calendar ul{
    margin-bottom: 20px;
    text-align: center;
}
#itemguide_map .item_calendar ul li{
    padding: 0;
    line-height: 0;
    vertical-align: top
}
#itemguide_map .item_calendar ul li a:hover,
#itemguide_map .item_calendar ul li a:hover img{
    opacity: 1.0;
    filter:progid:DXImageTransform.Microsoft.Alpha(Style=0,Opacity=100,FinishOpacity=100);
}

/* 拡大ページ */
#itemguide_map_exp #wrapper{
    width: 1020px;
    margin: 0 auto;
}
#itemguide_map_exp .item_calendar ul{}
#itemguide_map_exp .item_calendar ul li img{
    max-width: 1020px;
}
#itemguide_map_exp .btn_more{
    width: 90%;
    max-width: 1020px;
    margin-top: 30px;
}



/*-------------------------------------------------------
8:Drop down Style
----------------------------------------------------------*/
header nav ul li{
    position: relative;
}
header nav ul li a.selected{
    padding-bottom: 3px;
    border-bottom: solid 3px #1a274d;
}
header nav ul li .drop{
    position: absolute;
    top: 30px;
    left: -55px;
    width: 247px;
    padding-top: 14px;
    background: #fff url(../image/drop_head.png) center top no-repeat;
    z-index: 100;
    display: none;
}
header nav ul li .drop dl{
    width: 195px;
    padding: 8px 25px;
    border: solid 1px #919191;
    border-top: none;
    box-shadow:rgba(113, 135, 164, 0.611765) 0px 7px 17px 0px;
    -webkit-box-shadow:rgba(113, 135, 164, 0.611765) 0px 7px 17px 0px;
    -moz-box-shadow:rgba(113, 135, 164, 0.611765) 0px 7px 17px 0px;
}
header nav ul li .drop dl dt,
header nav ul li .drop dl dd{
    padding: 0;
    border-bottom: dotted 1px #ccc;
    text-align: left;
}
header nav ul li .drop dl dt a,
header nav ul li .drop dl dd a{
    display: block;
    position: relative;
}
header nav ul li .drop dl dt a{ padding: 13px 0 11px 15px;}

header nav ul li .drop dl dd a{ padding: 13px 0 11px 35px; }
header nav ul li .drop dl dt a:before,
header nav ul li .drop dl dd a:before{
    content: ">";
    position: absolute;
    font-size: 16px;
    font-weight: bold;
}
header nav ul li .drop dl dt a:before{ left: 0; }
header nav ul li .drop dl dd a:before{ left: 20px; }

/*2017/10/05　追加*/

#contents .service .cel1{
    width: 600px;
    margin: 0 auto;
    padding-bottom: 30px
}
#contents .service .cel1 div.btn{
    padding: 0 0 0;
}
#contents .service .cel1 div.btn a.btn_more{
 /*   max-width: 227px; */
    padding: 15px 0 12px;
}
#contents .service .cel1 img{
    margin: 0 auto;
}

body {
    background: #FFFFFF;
    font-family: FontAwesome, Arial, Helvetica, ‘PingFang SC’, ‘Myriad Pro’, ‘Hiragino Sans GB’, ‘Microsoft Yahei’, ‘微软雅黑’, sans-serif;
}
/* pc　768px以上 */
#contents{
    overflow: hidden;
    width: 960px;
    margin-left: auto;
    margin-right: auto;
}
.main{
    margin: 40px 0;
    float: right;
    width: 760px;
}
.side-menu{
    margin: 40px 0;
    float: left;
    width: 200px;
    list-style: none;
    padding-left: 0;
}
.side-menu li a{
    display: block;
    text-decoration: none;
}

/* --------------------------------------------------------------------------------------------------------------------- */
/* スマホ　767px以下 */
@media only screen and (max-width: 767px) {
#contents{
    width: 100%;
}
.main{
    float: none;
    width: 90%;
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
}
.side-menu{
    /*　floatを解除 */
    float: none;
    width: 100%;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
}
#contents ul.side-menu{
    border-top: solid 1px #fff;
    margin-bottom: 0;
    padding-bottom: 0;
}
#contents ul.side-menu li{
    display: block;
    float: none;
    border-bottom: solid 1px #a0a0a1;
    text-align: left;
}
#contents ul.side-menu li a{
    display: block;
    width: 90%;
    margin: 0 auto;
    padding: 16px 0 14px;
    text-align: left;
    position: relative;
}
#contents ul.side-menu li a::after {
    content: "＞";
    position: absolute;
    right: 0;
}
}

a.jump {
    display: block;
    padding-top: 100px;
    margin-top: -100px;
}

a.jump_item {
    display: block;
    padding-top: 200px;
    margin-top: -200px;
}

/*-------------------------------------------------------
mail form
----------------------------------------------------------*/

#formWrap {
    width:700px;
    margin:0 auto;
    color:#000;
    line-height:120%;
    font-size:90%;
}
#formWrap h3 {
            margin: 30px 0;
            text-align: center;
}
#formWrap p {
            margin: 0 0 30px;
            padding: 0;
            text-align: center;
}
#formWrap .red {
            color: #ff0000;
}
#formWrap .small {
            font-size: 10px;
}
table.formTable{
    width:100%;
    margin:0 auto 30px;
    border-collapse:collapse;
}
table.formTable td,table.formTable th{
    border:1px solid #ccc;
    padding:10px;
}
table.formTable th{
    width:30%;
    font-weight:normal;
    background:#efefef;
    text-align:left;
}
/* --------------------------------------------------------------------------------------------------------------------- */
/*　簡易版レスポンシブ用CSS（必要最低限のみとしています。ブレークポイントも含め自由に設定下さい）　*/
@media screen and (max-width:572px) {
#formWrap {
    width:95%;
    margin:0 auto;
}
table.formTable th, table.formTable td {
    width:auto;
    display:block;
}
table.formTable th {
    margin-top:5px;
    border-bottom:0;
}
input[type="text"], textarea {
    width:80%;
    padding:5px;
    font-size:110%;
    display:block;
}
input[type="submit"], input[type="reset"], input[type="button"] {
    display:block;
    width:100%;
    height:40px;
}
}

/* ---------------------------------------------------------
6:ItemGuide Style
----------------------------------------------------------*/
#contents .sttl{
    padding:50px 100px;
    margin:30px auto 0;
    text-align:center;
    font-size:20px;
    background:#F5F5F5;
    font-weight:bold;
    line-height:1.5;
}

#home #contents .item_list ul.item_list_box,
#home #contents .item_list_img ul{
    width: 100%;
    margin: 0 auto;
}

#home #contents .item_list h5{
    width: 90%;
    margin: 0 auto -20px;
/*    line-height: 1;
    text-align: left;
    font-size: 54px;*/
}

#home #contents .item_list ul.item_list_box li,
#home #contents .item_list_img ul li{
    width: 240px;
    padding: 0 12px;
    display:inline-block;
    /display:inline;
    /zoom:1;
    vertical-align:top;
/*    text-align: center;*/
}
#home #contents .item_list_img ul li{
    padding-bottom: 20px;
}

#home #contents .item_list ul.item_list_box li .item_ttl,
#home #contents .item_list_img ul li .item_ttl{
/*
    padding: 7px 0;
    margin-bottom: 15px;
    background: #000;
    color: #fff;
*/
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    padding-bottom: 20px;
    margin-top: 30px;
}

#home #contents .item_list ul.item_list_box li .blue{
    background: #1c469b;
}
#home #contents .item_list ul.item_list_box li ul.item_info{
    padding-bottom: 20px;
}
#home #contents .item_list ul.item_list_box li ul.item_info li{
    float: none;
    width: 100%;
    padding: 5px 0;
    text-align: left;
    border-bottom: dotted 1px #000;
}
#home #contents .item_list ul.item_list_box li ul.item_info li.size span{
    background: #f39801;
    font-weight: bold;
}
#home #contents .item_list ul.item_list_box li ul.item_info li.size_mini span{
    font-size: 16px
}
#home #contents .item_list ul.item_list_box li ul.item_info li.use span{
    font-size: 16px;
}

#home #contents .item_list ul.item_list_box li div{
    margin-bottom: 15px;
}
#contents .item_list .cel1_center{
    width: 70%;
    margin: 0 auto;
    padding-top: 0;
    text-align: center;
    font-size: 16px;
}
#contents .service .cel2_center{
    width: 70%;
    margin: 0 auto;
    padding-top: 0;
    text-align: center;
}

#contents .service .cel3_center{
    width: 1050px;
    margin: 0 auto;
    padding-top: 0;
    text-align: center;
}

#contents .service .cel2 .fleft p,
#contents .service .cel2 .fright p{
    width: 346px;
    text-align: center;
}